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

Cliente: Desafio Mudanças Climáticas
Projeto: Desenvolvimento da estrutura css
Autor: Thiago Kuriki - thiagokuriki@gmail.com

*/ 

@import 'menu.css';
@import 'menu-info.css';

* {	margin: 0; padding: 0; }
html, body { color: #000; font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif; background: url(../images/bg_website.jpg) repeat; }

#topo { background:url(../images/topo.jpg) repeat-x; height:145px; }
#topo a.logo { position:absolute; width:224px; height:257px; background:url(../images/logo_desafio.png) no-repeat; margin:0; text-indent: -9999px; display: block; }

#limites, #limites-topo { width:970px; margin:0 auto; }
#riacho, #noticias, #chamada, #inscricao, #mural, #video { position:absolute; z-index:1; }

.esquerda { float:left; }
.direita { float:right; }

div.clear { clear:both; height:1px; }
a img { border: 0; }
p { line-height:18px; margin-bottom:1em; }

img, div {behavior: url(iepngfix.htc)}

#login { background:url(../images/bg_login.png) no-repeat; width:220px; height:123px; float:right; margin:0; padding:3px 0 0 15px; color:#FFF; }
#login a {color:#FFF; text-decoration:none; }
#login input { width:95px; }
#login .botao { width:50px; margin-left:10px; }
h3 { margin-bottom:15px; }
h4 { margin-bottom:15px; }

#conteudo { width:887px; margin:231px auto 0 auto; }
.conteudo-topo { background:url(../images/bg_azul_topo.gif) no-repeat; width:887px; height:16px; }
.conteudo-rodape { background:url(../images/bg_azul_rodape.gif) no-repeat; width:887px; height:16px; }
div.box-azul { background:#0088cb; padding:10px 25px; color:#FFF; font-size:13px; }
div.box-azul-escuro { background:#283679; width:425px; color:#FFF; margin:0 0 0 30px; float:left; }
div.box-laranja { background:#f37021; width:240px; color:#FFF; float:left; text-align:center;}
#conteudo tr td table { font-size:12px; color:#FFF; }

table.font14 {font-size:14px; color:#FFF;}

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

.ico-pdf { background:url(../images/icon-pdf.gif) no-repeat; padding-left:20px;}

#conteudo blockquote {margin-left:30px;}
ul.margem{margin-left:50px; line-height:20px;}

.box-azul-escuro a { color:#ffffff; text-decoration:none; }
.box-azul-escuro p { line-height:1em; }

.box-azul-escuro-rodape { background:url(../images/bg_azul_escuro_rodape.gif) no-repeat; height:16px; }
.box-laranja-rodape { background:url(../images/bg_laranja_rodape.gif) no-repeat; height:16px; }
.padding { padding:15px 25px; }
.box-laranja p { line-height:1em; }

#riacho { background:url(../images/rio.png) no-repeat; width:162px; height:274px; margin:102px 0 0 400px; z-index:0; }
#noticias { background:url(../images/bg_noticias.png) no-repeat; width:324px; height:322px; margin:150px 0 0 580px; padding: 45px 20px 20px 20px; }
#noticias p { margin-bottom:5px; line-height:20px; }
#noticias a { color:#000; text-decoration:none; }
.noticias-interna { font-size:11px; width:360px; margin:0; top:0;}
.mural-lista { font-size:11px; margin:0 25px; top:0;}
.noticias-interna a { color:#fff; text-decoration:none;}
.pontilhado { border-bottom:#FFF dotted 1px; font-weight:bold;}
.espaco { margin:0 25px 0 25px;}

.mural-info {background:#FFF; padding:0 20px; color:#0088cb; width:785px; margin:0 auto; }
.mural-topo {background:url(../images/mural_topo.gif) no-repeat; width:825px; height:14px; margin:0 auto;}
.muram-rodape {background:url(../images/mural_rodape.gif) no-repeat; width:825px; height:14px; margin:0 auto 20px;}

.mural-info img { margin-left:25px;}

		#indice{text-align:center; padding: 20px 0 0 0; float:right; margin-top:8px;}
		#paginacao{text-align:center; padding: 20px 0 0 0; float:left;}
		
		.pag-atual{float:left; padding:4px; background:#b7c800; color:#fff; margin:3px;}
		.pag-pontinhos{float:left; padding:4px; color:#b8e8ff; margin:3px;}
		.pag-navegacao-off{float:left; padding:4px;  color:#b8e8ff; margin:3px;}
		
		.pag-link{float:left; padding:4px; margin:3px;}
		.pag-link a{color:#274b75;text-decoration:none;}
		.pag-link a:hover{color:#000;text-decoration:underline;}
		
		.pag-navegacao{float:left; padding:4px; margin:3px;}
		.pag-navegacao a{color:#274b75;text-decoration:none;}
		.pag-navegacao a:hover{color:#000;text-decoration:underline;}


#mural { background:url(../images/bg_mural_escola.png) no-repeat; width:302px; height:324px; margin:150px 0 0 590px; padding: 80px 35px 50px 45px; }
#mural-texto { width:200px; height:190px; color:#060; }

#video { background:url(../images/bg_video.png) no-repeat; width:386px; height:372px; margin:98px 0 0 476px; padding: 55px 20px 0 30px; }

.ico-noticia { float:right; margin-left:15px; }
#busca { position:absolute; margin:0 0 0 290px;}
#busca p { margin-bottom:5px; }

#chamada { width:180px; height:120px; margin:135px 0 0 250px; }
#chamada h2 { font-size:14px; margin:10px 0; line-height:20px; color:#23306b; }
#inscricao { width:173px; height:127px; margin:270px 0 0 250px; }

#apoio { background:url(../images/bg_apoio.png) no-repeat; width:888px; height:66px; margin:25px auto 0 auto; padding:25px 0 0 10px; }
#apoio ul li { list-style:none; display: inline; margin-left:3px; text-align:center; }
#realizacao { background:url(../images/bg_realizacao_producao.png) no-repeat; width:143px; height:191px; float:left; margin:20px 0 15px 25px; }
#rodape { text-align:center; color:#060; margin:10px auto 25px auto; }

.txtdatanoticia { background:url(../images/bullet_verde.gif) no-repeat; color:#093; padding:0 15px; }
.imagemnoticia { float:left; width:45px; height:45px; margin:5px 10px 0 0; border:#093 solid 1px; padding:2px; }
.imagemnoticia-interna { width:45px; height:45px; margin:5px 10px 0 0; border:#fff solid 1px; padding:2px; }
.imagemnoticia-detalhe { width:45px; height:45px; margin:5px 0 0 10px; border:#fff solid 1px; padding:2px; }

.txt11 { font-size:11px;}
.txt12 { font-size:13px;}
.txtverde { color:#028a09;}


#menu-info { position:absolute; width:158px; height:126px; margin:245px 0 0 50px; }

.coluna-esquerda { width:258px; margin-right:35px; float:left;}
.coluna-meio { width:194px; margin-right:35px; float:left;}
.coluna-direita { width:305px; margin-top:100px; float:left;}

.foto-leia { margin-right:10px; float:left; border:#FFF solid 1px; }
#leia_lista { list-style:none;}
#leia_lista_counter { position:absolute; float:right; margin:10px 0 0 220px;} 

#galeria-escolas { width:657px; height:175px; background:url(../images/bg_galeria.png) no-repeat; margin:35px 0 30px 20px; float:left;}

/* logos */

.logo-agora { padding-left:10px; margin-top:30px; }
.logo-horizonte { padding-left:18px; margin-top:65px;}

.qp_counter {margin:10px;}
.noticias-paginas { list-style:none;}		

a.dcontexto { font-size:10px; position: relative; padding:0; color: #039; text-decoration:none; margin:0 0 0 10px; cursor: help; z-index:24; }
a.dcontexto:hover {	background:transparent; z-index:25; }
a.dcontexto span { display:none; }
a.dcontexto:hover span { display:block; position:absolute; width:160px; top:3em; text-align:justify; left:0; padding: 5px 10px; border: 1px solid #999;	background:#FFF; color:#000; }

#erro {border-bottom:#FC0 solid 1px; background:#FF9; padding:20px; margin:0 auto; font-size:13px;}
#acesso {width:200px; margin:5px 0 0 10px; line-height:18px;}
#acesso a {color:#fff;}

#acesso-noticias { background:url(../images/bg_noticias.png) no-repeat; width:324px; height:322px; margin:150px 0 0 580px; padding: 45px 20px 20px 20px; position:absolute; z-index:1; }

#faq {margin:25px 35px; color:#fff;}
#faq dd {margin: 0 0 0 15px;}
#faq dt {cursor:pointer; background:url(../images/ico_mais.gif) no-repeat; padding:0 0 0 15px;}
.resposta { margin-bottom:25px; }