@charset "UTF-8";

/*

Roberto Alves Ferreira Junior
http://www.estudiohappy.com.br
roberto.esbb@gmail.com

################################################
## Cliente: Atitude Jovem                    ###
## Versao site: 1.0                          ###
## Ano: 2009                                 ###
## http://www.crjvitoria.com.br/             ###
################################################

*/

.transparencia {
   opacity: .28;
   -moz-opacity: .28;
   filter:alpha(opacity=28);
} 

.borda_arredondada {
-moz-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
}

a { color:#000000; text-decoration:none; }

html, body, *{	margin:0; padding:0; }

body { font-size:10px; font-family:Verdana; color:#000000; background:#ffffff url(../img/bg_reciclado.jpg); }

#site_em_construcao { width:180px; height:180px; background:url(../img/site_em_construcao.png) no-repeat top right; position:absolute; top:0px; right:0px; }

#corpo { width:960px; height:auto; overflow:hidden; background:url(../img/topo_tinta.png)no-repeat top left; }

#logo_topo { width:421px; height:221px; overflow:hidden; background:url(../img/topo_logo.png) no-repeat top left; float:left; }
#logo_topo_vit { width:170px; height:76px; overflow:hidden; margin:135px 10px 0px 0px; background:url(../img/logo_vit.png) no-repeat top left; float:right;}
#logo_topo_femb { width:83px; height:80px; overflow:hidden; margin:132px 20px 0px 0px; background:url(../img/logo-monte-belo.png) no-repeat top left; float:right;}

#conteudo { width:960px; height:auto; overflow:hidden;  background:#FFFFFF;}
#conteudo_inter { width:900px; height:auto; overflow:hidden; background:#F9F9F9; border:solid 1px #E7E7E7; padding:10px; margin:10px; text-align:justify; }
#conteudo_bor_topo { width:960px; height:11px; overflow:hidden; background:url(../img/bor_topo.png)no-repeat top left; margin:20px 0px 0px 0px;  }
#conteudo_bor_rodape { width:960px; height:11px; overflow:hidden; background:url(../img/bor_rodape.png)no-repeat top left; }

/* Rodapé */
#rodape { width:960px; overflow:hidden; height:45px;  background:#FFFFFF; }
#rodape_esq { width:740px; margin:5px 0px 0px 20px; float:left; text-align:justify; }
#rodape_esq p { font-size:9px; font-family:Verdana; color:#666666; }
#rodape_esq p:before {content:'Copyleft 2009 CRJVitoria.com.br - Todos os direitos deste site são reservados ao Centro de Referência da Juventude de Vitória / PMV e a copia do conteúdo é liberada com a condição de divulgação da fonte.'; }
#rodape_dir { width:180px; margin:5px 10px 0px 10px; float:right; }
/* Final Rodapé */

/*class barra colorida*/
.azul{ background:#3E80CE; border-top:3px solid #4999E8;}
.verde{ background:#9DCC42; border-top:3px solid #B8DB4B;}
.laranja{ background:#CC7900; border-top:3px solid #E28100;}
.amarelo{ background:#E2CA56; border-top:3px solid #EFD35E;}
.rosa{ background:#E05886; border-top:3px solid #ED5F96;}
.azul_claro{ background:#61CCD1; border-top:3px solid #66D8D8;}
.cinsa{ background:#686868; border-top:3px solid #7A7A7A;}

.azul, .verde, .laranja, .amarelo, .rosa, .azul_claro, .cinsa { font-family: verdana; font-size: 14px; font-style: normal; font-weight: bold; font-variant: normal; color: #FFFFFF; padding:3px 0px 0px 10px; text-align:left; height:22px; }
/*final class barra colorida*/

/* o crj */
#o_crj{ width:900px; overflow:hidden; height:auto; margin:12px 0px 25px 0px; text-align:justify; }
#o_crj_esq{ width:520px; font-size:11px; margin:0px 0px 0px 2px; overflow:hidden; height:auto; float:left; }
#o_crj_dir{ width:352px; overflow:hidden; height:auto; margin:0px 0px 0px 15px; float:right; }
#o_crj li{ display:inline-block; width:250px; overflow:hidden; height:auto;}
#o_crj img{ border:none; padding:0px;}
/* final o crj */

/* contato */
#contato { width:900px; overflow:hidden; height:auto; margin:12px 0px 25px 0px; text-align:justify; }
#contato p { font-size:9px; font-family:Verdana; color:#666666; }
#contato_esq_linha input { height:16px; border:1px solid #000000; font-size:14px; color:#333333; padding:3px;  }
#contato_esq_linha input:focus { background:#EEF9FF;   }
#contato_esq_linha select { height:24px; border:1px solid #000000; font-size:14px; color:#333333; padding:3px;  }
#contato_esq_linha select:focus { background:#EEF9FF;   }
#contato_esq { width:500px; margin:0px 0px 0px 2px; overflow:hidden; height:auto; float:left; }
#contato_esq_linha_msg { width:auto; height:auto; margin:4px 0px 0px 2px; overflow:hidden;   }
#contato_esq_linha { width:auto; height:25px; margin:4px 0px 0px 2px; overflow:hidden;   }
#contato_esq_linha textarea { height:12px; border:1px solid #000000; font-size:14px; color:#333333; padding:3px;  }
#contato_esq_linha textarea:focus { background:#EEF9FF;   }

#contato_dir { width:376px; overflow:hidden; height:auto; margin:0px 0px 0px 20px; float:left; }
/* final contato */