/* Cascating Style Sheet
   PROJETO DEVER DE CASA
   Designer: Rafael Heringer Carvalho - Letsrider!
   Coder: Rafael Heringer Carvalho - Letsrider!
   
Colors
Laranja: #ff7c00;
Laranja claro:#FFF8F0;
*/
/*---------------------------------------------------- PARAMETROS GERAIS ---------------------------------------------------*/
* {margin:0;padding:0;}
body {margin:0; background:url(../imagens/background.jpg) top center repeat-x #72bf2e; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center;}
a img {border:0px; margin:0px; padding:0px;}
a:link {text-decoration: none; color:#ff7c00;}
a:hover {text-decoration: none;}
a:visited {text-decoration: none; color:#ff7c00;}
.content {width:745px; margin:auto; background:url(../imagens/background_content.jpg) repeat-y;}
.topo {background:url(../imagens/top_bg.jpg) no-repeat center top; margin:auto; height:306px;}
/*---------------------------------------------------- MENU ---------------------------------------------------*/
.menu {background:url(../imagens/background_menu.jpg) no-repeat; height:86px;}
.submenu {background:url(../imagens/background_submenu.jpg) no-repeat center top; width:100%; height:58px;}
.submenu img {vertical-align:top;}
/*---------------------------------------------------- CONTEUDO ---------------------------------------------------*/
.conteudo {background:url(../imagens/background_conteudo.jpg) repeat-y; text-align:left; padding-left:15px; color:#353535; padding-right:20px;}
.conteudo h2, .conteudo h3, .conteudo h4 {padding-left:60px; color:#ff7c00;}
.conteudo h1 {color:#ff7c00; font-size:18px;}
.conteudo p {padding-left:60px;}
.conteudo p:first-letter {padding-left:10px;}
.conteudo .icone {float:left; position:absolute;}
.conteudo p {padding-right:20px;}
.conteudo .irtopo {padding-left:400px; border-bottom:1px dotted #CCCCCC; color:#CCCCCC;}
.conteudo .irtopo a {color:#CCCCCC;}
.conteudo em {color:#ff7c00; font-weight:bold;}
.conteudo #voltar {margin-left:45%;}
.conteudo .especial {color:#ff7c00;}
/*---------------------------------------------------- HOME ---------------------------------------------------*/
.home a:hover {border-bottom:#ff7c00 1px dashed;}
.home .item{border-bottom:#EEEEEE dashed 2px; width:723px; margin-bottom:30px;}
.home .center {border-bottom:#EEEEEE dashed 2px; text-align:center; padding-bottom:30px;}
.home .left {width:380px; float:left; border-right:#EEEEEE dashed 2px; margin-left:0px; margin-top:-20px;}
.home .right {margin-left:360px;}
.home .center .vermais {margin:4px; padding:5px;}
.home .center .vermais a {font-weight:bold;}
.home .center .vermais a:hover {border-bottom:#ff7c00 1px dashed;}
.home .noticias .vermais {background-color:#ff7c00; color:#FFFFFF; padding:3px;}
.home .noticias .vermais a {color:#FFFFFF; font-weight:bold;}
.home .mural {width:340px; height:240px; float:left; border-right:#EEEEEE dashed 2px; margin-left:40px;}
.home .mural iframe {margin-left:50px;}
.home .enquete {margin-left:400px; height:440px;}
.home .icon {margin-left:40px; margin-top:20px;}
.home .noticias {margin-top:20px; margin-bottom:60px; padding-bottom:30px; margin-left:100px; margin-right:20px; height:230px;}
.home .atualizacoes {margin-top:20px; margin-left:60px; color:#999999;}
.home #fscroller {padding-left:40px; padding-right:40px; height:45px; color:#999999;}
/*-- MAPA DO SITE --*/
.mapa ul ul {padding-left:20px;}
.mapa ul {list-style-image:url(../imagens/mark.jpg); padding-left:100px;}
.mapa a:hover {border-bottom:#ff7c00 1px dashed;}
.mapa a:visited {color:#7F7F7F; text-decoration: none;}
/*-- BUSCAR NO SITE --*/
.buscar form {text-align:center;}
.buscar {text-align:center;}
/*-- ENQUETES --*/
.enquetes li {margin-left:80px;}
/*-- VIDEOS --*/
.videos .titulo {color:#ff7c00; font-weight:bold;}
.videos .vid{border-bottom:#EEEEEE dashed 2px; width:703px; padding-bottom:10px; padding-left:20px;}
/*-- AJUDE-NOS --*/
.ajude img {padding:20px;}
/*---------------------------------------------------- ATIVIDADES ---------------------------------------------------*/
.atividades .item img {padding:20px;}
.atividades .item {border-bottom:#EEEEEE dashed 2px; width:723px;}
.atividades table {text-align:center;}
/*---------------------------------------------------- VITORIAS ---------------------------------------------------*/
.vitorias .data {color:#999999;}
.vitorias  a p {color:#353535;}
.vitorias a:hover {border-bottom:#ff7c00 dotted 1px;}
.vitorias h3 a:hover {border-bottom:1px #ff7c00 dotted;}
.vitorias h3 {padding-left:10px;}
.vitorias .noticia {width:80%; text-align:left; margin:auto; margin-top:60px;}
.vitorias .noticia img {border-bottom:1px #ccc solid; border-right:1px #ccc solid; padding:4px; margin:10px;}
/*---------------------------------------------------- ALUNOS ---------------------------------------------------*/
.alunos .t1 {color:#ff7c00; font-weight:bold;}
.alunos cite {color:#666; margin-left:20px;}
/*---------------------------------------------------- PROFESSORES ---------------------------------------------------*/
.professores .comentario {margin-left:70px; padding-top:30px; padding-left:20px; color:#666666; font-weight:bold;}
.professores .comentario {background:url(../imagens/cite_open.jpg) no-repeat;}
.professores cite {padding-left:40px; color:#999999;}
.professores img {border-bottom:1px #ccc solid; border-right:1px #ccc solid; padding:4px;}
/*---------------------------------------------------- FOTOS ---------------------------------------------------*/
.fotos {padding-top:40px;}
.fotos .left {width:360px; height:130px; text-align:left; border-bottom:#EEEEEE dashed 2px; }
.fotos .right {width:360px; height:130px; text-align:right; border-bottom:#EEEEEE dashed 2px; float:right; margin-right:30px;}
.fotos a {color:#353535;}
.fotos a:visited {color:#353535;}
.fotos a:hover div {background-color:#FFF8F0; cursor:pointer;}
/*---------------------------------------------------- PROJETO ---------------------------------------------------*/
.projeto {padding-right:20px; padding-bottom:20px;}
.projeto a:hover {border-bottom:#ff7c00 1px dashed;}
.projeto a:visited {color:#ff7c00; text-decoration: none;}
.projeto ul {list-style-type:none; margin-top:60px; margin-bottom:50px; padding-left:50px;}
.projeto img {padding:20px;}
/*---------------------------------------------------- PARCERIA ---------------------------------------------------*/
.parceria {margin-top:60px;}
.parceria .item{border-bottom:#EEEEEE dashed 2px; width:723px; text-align:center;}
.parceria a:hover {border-bottom:#ff7c00 dashed 2px;}
.parceria img {padding:10px;}
.parceria h3 {color:#CCCCCC; text-align:center; padding:0px; font-size:20px;}
/*---------------------------------------------------- CONTATO ---------------------------------------------------*/
.contato {margin-top:40px;}
.contato input {border:1px dashed #ff7c00;width:211px; margin:5px; padding:5px;}
.contato input:hover, .contato textarea:hover {background-color:#FFF8F0;}
.contato input:focus, .contato textarea:focus {background-color:#FFF8F0;}
.contato textarea {width:211px; height:159px; border:none; border:1px dashed #ff7c00; margin:5px; padding:5px;}
.contato #enviar {background-color:#ff7c00; width:222px; height:auto; padding:10px 30px 10px 30px; font-weight:bold; color:#FFFFFF; border:none;}
.contato table {font-size:12px;color:#ff7c00;}
.contato a {color:#353535;}
.contato a:hover  {text-decoration:underline;}
.contato #log {color:#ff7c00; font-weight:bold; background-color:#FFF8F0; width:350px;}
.contato .email {width:46%; float:left;} 
.contato .formulario {float:left; width:54%; position:relative;}
.contato .iframe {margin-left:55px; margin-top:0;}
