/* cores */
/*verde-padrão: #9C0*/

/* CSS Document - Webinterativa - Agência de Resultados. http://www.webinterativa.com.br */
body,h1,h2,h3,h4,h5,h6{
	font:normal normal normal 12px Tahoma,Arial,sans-serif;
}
html,body,ol,ul,li,dd,dl,dt,a,p,h1,h2,h3,h4,h5,h6,form,label,blockquote,pre,abbr,acronym,address,iframe,fieldset,legend,textarea{
	margin:0;
	padding:0;
}

body { background-color:#0a3f62; }

html { overflow-x: hidden;}
ul,li{list-style:none;}
img,fieldset{border:none;}
_img{display:block;}
hr{line-height:1px; color:#CCCCCC; background:#CCCCCC; height:1px; border:0;}
br.clear{clear:both;display:block;font-size:0pt;height:0pt;line-height:0pt;}

a{text-decoration:none;}
a:hover{text-decoration:underline;}

/* MENSAGENS DE ERRO/ACERTO VIA PHP */

.msg1{color:#006600;background:#E0FFE0 url(../imagens/icone_v.gif) no-repeat 3px;text-indent:20px;margin-bottom:14px;padding:2px 0 2px;}
.msg2{color:#FF0000;background:#FFF0F0 url(../imagens/icone_x.gif) no-repeat 3px;text-indent:20px;margin-bottom:14px;padding:2px 0 2px;}

/* OVERFLOW */

#rodape #logo-webinterativa a, #coluna-corpo #col-direita-conteudo #autores-bloco h1, #coluna-corpo #col-direita-conteudo #ultimosposts-bloco h1, 
#coluna-corpo #col-esquerda-conteudo .bloco-post #comentario ul li .excluir-comentario, #coluna-corpo #col-esquerda-conteudo .bloco-post #comentario ul li .avaliar .ativo, 
#coluna-corpo #col-esquerda-conteudo .bloco-post #comentario ul li .avaliar .inativo{
	text-indent:-9999px;
	overflow:hidden;
	outline:none;				
}
/* fim do OVERFLOW */

#corpo{	background: url(../imagens/bg-geral.jpg) no-repeat center top #0a3f62;	border-top: 5px #7fae13 solid;}

#meio{	width:968px; margin:auto;}

.bloco-col-esquerda{width:838px;float:left;}
.col-direita{	width:120px;float:right;margin-left:10px;margin-top: 140px;}

#coluna-geral {	z-index: 10;position:relative;background: #fff;	background: url(../imagens/bg-rodape.jpg) repeat-x bottom left;}
#coluna-geral-conteudo { width:830px; margin:auto; position:relative;}
#coluna-topo {	width: 830px;height: 150px;	margin:auto;}
#coluna-topo #logo {z-index: 1;	position:relative;	float:left;	clear: both;margin-top:50px;margin-left:35px;		}
#coluna-topo #logo	a {	color: #FFFFFF;	font-family:Arial, Helvetica, sans-serif;}
#coluna-topo #logo	a:hover { text-decoration:none}
#coluna-topo #logo h1 {	font-size: 42px;color:#FFF;	}
#coluna-corpo {	width: 830px;position:relative;	color:#333333;}
#coluna-corpo #col-esquerda {	float:left;	width:590px;z-index: 10;position:relative;		}
#coluna-corpo #col-esquerda-topo {	width: 590px;	height: 13px;	background:url(../imagens/corpo-topo.gif) no-repeat;}
#coluna-corpo #col-esquerda #col-esquerda-rodape {	width: 590px;height: 13px;margin-bottom:10px;margin-left:0;	background:url(../imagens/corpo-rodape.gif) no-repeat;}
			
#coluna-corpo #col-esquerda-conteudo {
padding: 15px;
padding-top:5px;
width: 560px;
background-color:#FFFFFF;
}

/* [BLOCO POST] */
#coluna-corpo #col-esquerda-conteudo .bloco-post {
border-bottom: 1px solid #CCCCCC;
width: 100%;
padding-bottom:20px;
margin-bottom: 20px;
}

#coluna-corpo #col-esquerda-conteudo .bloco-post #comentario ul { margin-bottom:20px; display:block;  }
#coluna-corpo #col-esquerda-conteudo .bloco-post #comentario ul li { background-color:#eee; margin-bottom:10px; padding:10px; position:relative }
#coluna-corpo #col-esquerda-conteudo .bloco-post #comentario img { margin:0 5px;  }
#coluna-corpo #col-esquerda-conteudo .bloco-post #comentario ul li .excluir-comentario { background:url(../../../../imagens/icone_excluir.gif) no-repeat; width:12px; height: 12px; display:block; cursor:pointer; float:right;}
#coluna-corpo #col-esquerda-conteudo .bloco-post #comentario ul li .avaliar { float:right; margin:0px 5px; }
#coluna-corpo #col-esquerda-conteudo .bloco-post #comentario ul li .avaliar span { float:left; margin:0px 3px; }
#coluna-corpo #col-esquerda-conteudo .bloco-post #comentario ul li .avaliar .pontos { color:#666; font-size:10px;  }
#coluna-corpo #col-esquerda-conteudo .bloco-post #comentario ul li .avaliar .vermelho { color: #CC0000; }
#coluna-corpo #col-esquerda-conteudo .bloco-post #comentario ul li .avaliar .ativo, #coluna-corpo #col-esquerda-conteudo .bloco-post #comentario ul li .avaliar .inativo { background:url(../../../../imagens/icone_negativar_inativo.png) no-repeat; display:block; width:12px; height:15px; cursor:pointer }
#coluna-corpo #col-esquerda-conteudo .bloco-post #comentario ul li .avaliar .ativo:hover { background:url(../../../../imagens/icone_negativar.png) no-repeat;  }
#coluna-corpo #col-esquerda-conteudo .bloco-post #comentario ul li .aviso { display:none; position:absolute; right:15px; top:30px;}
#coluna-corpo #col-esquerda-conteudo .bloco-post #comentario ul li .dados-do-usuario { margin-right:10px; padding:0; }
#coluna-corpo #col-esquerda-conteudo .bloco-post #comentario ul li .dados-do-usuario img { float:left; margin:0; margin-bottom:10px; margin-right:10px; }
#coluna-corpo #col-esquerda-conteudo .bloco-post #comentario ul li .dados-do-usuario span.usuario { display:block;font-weight:bold; }
#coluna-corpo #col-esquerda-conteudo .bloco-post #comentario ul li .dados-do-usuario span.data { font-size:10px;  }
#coluna-corpo #col-esquerda-conteudo .bloco-post #comentario ul li .comentario { float:left; }
#coluna-corpo #col-esquerda-conteudo .bloco-post #comentario ul li div label { display:none; }
#coluna-corpo #col-esquerda-conteudo .bloco-post #comentario .deixeComentario { font-size:15px; color:#666; font-weight:bold; display:block; margin-bottom:5px; }
#coluna-corpo #col-esquerda-conteudo .bloco-post #comentario form { padding:20px; border:1px #CCCCCC solid; background-color:#eee }
#coluna-corpo #col-esquerda-conteudo .bloco-post #comentario form span { font-size:12px; font-weight:bold; margin-bottom:5px; display:block; }
#coluna-corpo #col-esquerda-conteudo .bloco-post #comentario form label { width:50px; float:left; margin:3px 0px; }
#coluna-corpo #col-esquerda-conteudo .bloco-post #comentario form input { margin:3px 0px; width:205px; }
#coluna-corpo #col-esquerda-conteudo .bloco-post #comentario form textarea { width:500px; }
#coluna-corpo #col-esquerda-conteudo .bloco-post #comentario form input#submeter { width:auto !important;  }


.posts-data{
background: url(../imagens/bg-data.gif) no-repeat ;
color: #FFF;
width:47px;
height:37px;
margin-right:10px;
float:left;
font-size:16px;
font-weight:normal;
text-align:center;
padding-top:10px;
}

.posts-data p{
margin:0;
padding:0;
float:left;
clear:right;
margin-left:5px;
}

.posts-data span.dia {
font-size:12px;
}

.posts-data span.mes {
font-size:12px;
line-height:10px;
}

#coluna-corpo #col-esquerda-conteudo .bloco-post .post-topo {
float:left;
}

#coluna-corpo #col-esquerda-conteudo .bloco-post .post-topo .post-titulo {
font-size: 28px;
font-weight:normal;
float:left;
color: #666;
width: 500px;
}

#coluna-corpo #col-esquerda-conteudo .bloco-post .post-topo .posts-autor {
font-size: 12px;
font-weight:normal;
float:left;
clear:left;
}

#coluna-corpo #col-esquerda-conteudo .bloco-post .post-conteudo {
margin-top: 10px;
font-size: 12px;
}

#coluna-corpo #col-esquerda-conteudo .bloco-post .post-conteudo img {
max-width:550px;
margin: 20px 0px;
}


#coluna-corpo #col-esquerda-rodape {
height:48px;
margin-left: 1px;
}

#coluna-corpo #col-esquerda-rodape #btn-antigas {
height: 38px;
float: left;
width: 200px;
padding-top:10px;
margin-left: 22px;
}

#coluna-corpo #col-esquerda-rodape #btn-recentes {
height: 38px;
float: right;
padding-top:10px;
margin-right: 22px;
}

#coluna-corpo #col-esquerda-rodape #btn-recentes a, #coluna-corpo #col-esquerda-rodape #btn-antigas a {
color: #000000;
}

#coluna-corpo #col-direita {
float:left;
width: 209px;
margin-left:15px;
z-index: 1;
}

/*#coluna-corpo #col-direita-topo {
}*/

#coluna-corpo #col-direita-conteudo {
width: 209px;
}

#coluna-corpo #col-direita-conteudo .bloco {
width: 209px;
margin-bottom:20px;
color: #fff;
}

#coluna-corpo #col-direita-conteudo .bloco a { color:#FFFFFF;}

#coluna-corpo #col-direita-conteudo .bloco h1 {
font-size:17px;
font-weight: bold;
padding: 5px 5px 0px 10px;
height: 29px;
margin-bottom:15px;
color:#000;
background-color:#fff;
}

#coluna-corpo #col-direita-conteudo .bloco p {
font-size: 11px;
margin-top: 10px;
color: #fff;
}

#coluna-corpo #col-direita-conteudo #autores-bloco { margin-bottom:0;}
#coluna-corpo #col-direita-conteudo #autores-bloco h1 { background:url(../imagens/autores-bloco-tit.gif) no-repeat}
#coluna-corpo #col-direita-conteudo #autores-bloco ul li, #coluna-corpo #col-direita-conteudo #autores-bloco ul li h3, #coluna-corpo #col-direita-conteudo #autores-bloco ul li h4 {	color: #FFFFFF; float:left	 }
#coluna-corpo #col-direita-conteudo #autores-bloco ul li { padding-bottom:10px; border-bottom:1px #464646 solid; margin-bottom:10px;}
#coluna-corpo #col-direita-conteudo #autores-bloco ul li .autores-texto h4 { font-size:9px; clear:left;} 
#coluna-corpo #col-direita-conteudo #autores-bloco ul li img { width:64px; height:64px; border:1px #FFFFFF solid; float:left; margin-right:10px; }
#coluna-corpo #col-direita-conteudo #autores-bloco ul li .autores-texto { width:130px; float:left;}

#coluna-corpo #col-direita-conteudo #ultimosposts-bloco h1 { background:url(../imagens/ultimosposts-bloco-tit.gif) no-repeat }
#coluna-corpo #col-direita-conteudo #ultimosposts-bloco ul li { margin-bottom:10px; padding-bottom:10px;border-bottom:1px #464646 solid;}
#coluna-corpo #col-direita-conteudo #ultimosposts-bloco ul li strong { color:#9efcff; font-weight:normal; font-size:11px;}

#coluna-corpo #col-direita-rodape {
width: 244px;
height: 21px;
}



#rodape {
color: #fff;
}

#rodape p {
float:left;
}


#rodape #logo-webinterativa {
width: 126px;
height: 27px;
float: right;
background:url(../imagens/logo_webinterativa.gif) no-repeat;
}

#rodape #logo-webinterativa a {
display:block;
height: 27px;
}

.bloco-menu-inferior {
height:40px;
width:580px;
float:left;
}
.menu-inferior{
color:#fff;
font-size:11px;
padding:10px 0 0 0px;
float:left;
}
.menu-inferior a{
color:#000;
text-decoration:underline;
margin:0 5px 0;
}
.wi{
background:url(../imagens/wi.gif) right;
width:116px;
height:22px;
float:right;
margin-top:8px;
}
.wi a{
height:22px;
display:block;
}


.publicidade-col-direita{
margin-bottom:10px;
width:120px;
}
.bloco-publicidade-200-200{
float:left;
}
.publicidade-200-200{
margin-top:10px;
margin-left:3px;
}