@charset "utf-8";
/* CSS Document */

/* BASE */
body { 
background:url(http://www.magemole.com.br/wp-content/themes/magemole/imagens/back.jpg) bottom fixed no-repeat #80c1e9;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

a{ color: #fff; text-decoration:none; }
a:hover{ text-decoration:underline; }

#principal {
margin: 0 auto;
margin-top:17px;
background:url(../imagens/fundo_principal.png) no-repeat;
height:700px;
width:970px;
}

/* MENU */
#menu {
background:url(../imagens/barra-menu.png) no-repeat;
height:50px;
width: 939px;
margin-left:16px;
margin-top:2px;
padding-top:13px;
text-align: center;
color: #fff;
text-transform:uppercase;
}

/* BUSCA */
#busca { float:left; margin-bottom: 10px; }
#busca .texto{ background:none; border: 0; width:466px; height:35px;  color: #acd9dd; font-size:15px; padding-top:5px; padding-left:10px; padding-right:10px; font-weight:bold; float:left; }


/* CONTEUDO */
#conteudo { float:left; margin-left:20px; display:table; width:580px; margin-top:20px; }
#conteudo .img_destaque { border: 5px #FFF solid; }
#conteudo .img_destaque:hover { border: 5px solid #4b94ce; }
#conteudo .titulo { color: #2477b8; font-weight: bolder; font-size: 20px; }
#conteudo .titulo a { color: #2477b8; text-decoration:none; }
#conteudo .titulo a:hover{ text-decoration:underline; }

/* LATERAL */
#lateral { float:right; margin-right:20px; width:317px; color:#fff; font-size:11px; margin-top:16px;}
#lateral .titulo { color:#97D1DB; font-size: 17px; }
#lateral .email { width: 92px; height: 35px; background:none; border:0; padding-top:7px; color:#c3c3c4; font-size:15px; font-weight:bold; padding-left:10px; padding-right:10px; float:left; }
#lateral .senha { background: none; width: 85px; height: 35px; border:0; padding-top:7px; color:#c3c3c4; font-size:15px; font-weight:bold; float:left; padding-left:10px; padding-right:10px; }

#lateral #box { width:290px; height:165px; margin-top:20px; padding:15px; color:#50504f; }



/* RODAPE */ 
#rodape { color: #FFF; clear:both; margin-left:20px; display:table; margin: 20px 0px; margin-left:20px; width:100%; }
#rodape a{ text-transform:uppercase; }

label{ display:block; width:80px; float:left; margin: 5px 0px; text-align:right; }
fieldset{ border:0; }
input{ margin: 2px 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #515050; font-size:11px; }
.campo_contato { width: 190px; border:0; height: 20px; margin: 5px 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #515050; font-size:11px; }
.ddd{ width:30px; margin: 2px 0px; margin-right: 2px; border:0; height: 20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #515050; font-size:11px; }
.telefone{ width: 156px; border:0; height: 20px; margin: 2px 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #515050; font-size:11px; }
.mensagem_contato { width: 225px; width:220px!ie; height: 118px; margin: 5px 0px; border:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #515050; font-size:11px; }
.enviar{ border: 1px solid #fff; color: #fff; background: #B7BDC0; width:85px; height: 35px; }

/* GALERIA */
.galeria { list-style:none; padding: 0; margin: 0; }
.galeria li { float:left; margin: 0 10px 10px 0; }