body { 
  color: #303030; 
  background: transparent; 
  font: .74em 'Roboto', Arial, Verdana, sans-serif; 
  text-align: center; 
  line-height: 1.6em; 
  margin: 2.5em 0; 
  background-image: url(http://www.projetoguri.org.br/novosite/wp-content/themes/projetoguri/img/background.png);
}


#titulo {
  background: url(https://gurisantamarcelina.org.br/wp-content/themes/guri/images/logotipos/header/logo-smc.png) no-repeat left center;
  color: #214466; /*#5F4335;*/
  width: 700px;
  height: 90px;
  float: left;
  padding: 15px 0 0px 150px;
  line-height: normal;
  font-size: 28px;
  font-weight: bold;
  margin-left: 11px;
  /*position: absolute;
  z-index: 0;*/
  background-size: 138px auto;
  text-shadow: 2px 2px 4px #777;
}


#subtitulo {
  font-size: 24px;
  color:white;
  background-color: #069;
  padding: 1px 1em;
  margin-right: 5px;
  border-radius: 10px;
}

input {
  border: 1px solid #214466;
  margin-bottom: 3px;
  font-size: 100%;
}

input:focus {
  border-color:#FF0000;
}

input[type=button]:focus, input[type=submit]:focus, input[type=clear]:focus {
  border: 1px solid #214466;
}


select {
  border: 1px solid  #214466;
  margin-bottom: 3px;
}

select:focus {
  border-color:#FF0000;
}

a { 
  color: #214466; 
  background: inherit; 
}


a:hover { 
  color: #000; 
  background: inherit; 
}


h2 {
  font-size: 1.4em;
}


ul { 
  margin: .6em 0; 
  padding: 0;
}


.clear {  
  clear: both; 
  margin: 0 0 .5em 0; 
}


#wrapper { 
  width: 1148px; 
  margin: 0 auto; 
  text-align: left; 
}
#header{
  
}

#logo h1 {
  float: left;
  color: #214466;
  background: inherit;
  margin: 0 0 .8em .3em;
  padding: 0;
  font-size: 2.4em;
  line-height: 30px;
}

  
#login {
  color: #214466;
  float: right;
  margin-right: 14px;
  margin-top: 10px;
  border: 1px solid #214466;
  position: relative;
  width: 270px; 
  -moz-border-radius:10px;
  -webkit-border-radius:10px; 
  behavior:url(border-radius.htc);
  background-color: #F1F1F1;
}
  
      
#bread { 
  clear: both;
  background:linear-gradient(180deg, #D8C239 1%,white 5%,#D8C239 120%);  
  margin: 0 2% 1em 1%; 
  padding: 7px 0 7px 0; 
  width: 1123px;
  text-align:center;
  -moz-border-radius:10px;
  -webkit-border-radius:10px; 
  behavior:url(border-radius.htc);
}

      
#bread li { 
  display: inline; 
  }
  
  
#bread a { 
  padding: 3px 15px;
  margin: 0 3px 0 0; 
  text-decoration: none; 
  font-weight:bold; 
  background: transparent; 
  color: #214466; 
}

  
#bread a.current {  
  color: #fff; 
  background: #ffffff; 
}
  
#bread a:hover { 
  background: transparent; 
  color: #000;
}
         
    
.half {
  float: left;
  width: 1100px;
  margin: 1em 1.1%;
  background: #fff;
  color: #303030;
  padding: 5px 22px 0 0;
  min-height: 220px;
  border-radius:10px;
  
  border: 1px solid #CCCCCC;
  
}
}



#menu{    
  visibility:hidden;
  /*margin-top: -10px;*/
}


#menu div{
  margin:0px;
  padding:0px;
}


#menu ul{
  width: 180px;
  margin:0px;
  padding:0px;
  position:relative;
}


#menu li{
  list-style-type:none;
  position:relative;
  margin-bottom: 2px;
  margin-top: 2px;
    
}


#menu a{
    
  color: #ffffff;
  text-decoration:none; 
  font-weight: bold;
  display:block;
  clear:both;
  width:175px;  
  padding-left:4px;
  background: no-repeat #d3d3d3;  
  padding-top: 3px;
  padding-bottom: 4px;
}
  

#menu .slMenuItem_depth1{ 
  padding-left: 5px;
  background: #4A79A5 no-repeat;
  border-left: 1px solid;
} 


#menu .slMenuItem_depth1 a {  
  color: #ffffff; !important;
}


#menu .slMenuItem_depth1:hover{ 
  padding-left: 5px;
  background: #696969 no-repeat;  
} 


#menu a:hover { /* Main menu items */
  /* border-bottom:1px solid #000; */
  font-weight:bold;
  color: #ffffff;
  background-color:#696969;
  
}


#menu .slMenuItem_depth2{ /* Sub menu items */
  background-color: #A2B5CD;
  width: 230px; 
  color:#363636;
} 


#menu .slMenuItem_depth3{ /* Sub menu items */
  background-color: #A2B5CD;
  color:#363636;
  
} 


#menu .slMenuItem_depth4{ /* Sub menu items */
  color:red;
} 


#menu_container {
  
  clear: left;
  float: left;
  /*width: 180px;*/
  height: 300px;
  margin: 0 20px 10px 0;
  padding: 10px 0 0 0;
  font-size: 0.9em;
  position: absolute;
}


#menu_container h3 {
  margin-left:16px;
  margin-bottom: 2px;
  color: #696969;/*#C5BAA4;*/
}


.date { 
  border-top: 1px dotted #ccc; 
  padding: 5px 0;
}
  
      
.news { 
  background: #fff; 
  color: #808080; 
  padding: .7em 1em; 
  margin: 0 1%;
}


#footer { 
  margin: 1em 1.1%; 
  width: 90%; 
  padding: .5% 1%; 
  text-align: center; 
}

#botao-menu {
  /*position: absolute;*/
  float: left;
  visibility: visible;
  z-index:15;
}

#container_menu {
  z-index:5;
  width: auto;
  background-color: #E1E1E1;
  float: left;
  margin-top:12px;
}

.shadow {
  -moz-box-shadow: 3px 3px 4px #000;
  -webkit-box-shadow: 3px 3px 4px #000;
  box-shadow: 3px 3px 4px #000;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000');
}

img#botao_menu {
  background:url(imagens/botao-menu.png);
  width:30px;
  height:150px;
}

#conteudo {
  margin-left: 50px;
  
}

.img_logo {
  width: 48px;
  height: 48px;
  float: left;
  margin-top: 3px;
  margin-left: 10px;
  margin-right: 5px;"
;
  /*! background-color: pink; */
}