/*

Theme Name:  Portal Clickmasters

Theme URI:   http://www.clickmasters.com/

Description: Portal baseado em Wordpress

Version: 1

Author: Fabio de Souza Mendes <fbiosm arroba gmail ponto com>

Author URI: http://www.meadiciona.com/fatorx/

*/





/*********************************************



---------------- Índice --------------------



1 - Geral

2 - Classes

3 - Publicidade (topo)

4 - Topo

5 - Menu Principal (lateral esquerda)

6 - Conteúdo Principal (meio)

7 - Publicidade (lateral direita)

8 - Rodapé

9 - H's, textos e links

10 - Articulistas



---------------- Índice --------------------



*********************************************/





/*********************************************

1- Geral

Estilos para configuração geral, alinhamentos, fontes gerais e etc

*********************************************/



*{ margin:0; padding:0; border:0; }



body { 

	text-align: center; 

	margin: 0 0 20px 0; 

	padding:0; 

	background-color:#EFEFEF;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 11px;

	color:#222;

}



body, html { height:100%; } /* Necessário */



#principal { 

	text-align:left; 

	margin: 0px auto; 

	padding:0; 

	width:980px;

	/*tamanho da imagem de fundo: 992px;*/

	background-image:url(images/layout/bg.png);

	background-repeat:repeat-y;

	padding: 0 6px 0 6px;

}



html {

    overflow: -moz-scrollbars-vertical;

}



#container3 { /*direita */

    float:left;

    width:980px;

    overflow:hidden;

    position:relative;

	background-color:#fff;

	margin-top:-1px;

}



#container2 { /*meio*/

    float:left;

    width:100%;

	background-color:#fff;

    position:relative;

    right:210px;	

	border: 1px solid #DFDDDE;

	border-bottom: none;

	border-top: none;	

}



#container1 { /*esquerda */

    float:left;

    width:100%;

	background-color:#fff;

    position:relative;

    right:611px;

	border: 1px solid #DFDDDE;

	border-bottom: none;

	border-top: none;	

}



#esquerda {

    float:left;

    width:162px;

    position:relative;

    left:818px;

    overflow:hidden;

	background-color:#fff;

}



#meio {

    float:left;

    width:611px;

    position:relative;

    left:819px;

    overflow:hidden;

	background-color:#fff;

	border-top: 1px solid #DFDDDE;

}



#direita {

    float:left;

    width:206px;

    position:relative;

    left:820px;

    overflow:hidden;

	background-color:#fff;

}



html>body #esquerda {

    float:left;

    width:162px;

    position:relative;

    left:818px;

    overflow:hidden;

	background-color:#fff;

}



html>body #meio {

    float:left;

    width:609px;

    position:relative;

    left:819px;

    overflow:hidden;

	background-color:#fff;

}



html>body #direita {

    float:left;

    width:208px;

    position:relative;

    left:820px;

    overflow:hidden;

	background-color:#fff;

}



/*********************************************

2- Classes

Tipografia, links, estilos, parâmetros

*********************************************/



.strong {	

	font-weight:bold;

}



.hide { 

	display: none; 

}



.clear {

	clear: both; 

}



img {

	border: none;

}



.img-left {

	float:left;

	padding: 2px 12px 2px 0px;

}



.img-right {

	float:right;

	padding: 2px 0px 2px 12px;

}



.borda-imagens {

	border:1px solid #DBDBDB;

}



.centro {

	text-align: center;

}



.direita {

	text-align:right;

}



.left {

	float:left;

}



.right { 

	float:right;

} 



.borda-1 {

	border: 1px solid #DBDBDB;

}



.borda-2 {

	border: 1px solid #EEEEEE;

}



.borda-3 {

	border: 1px solid #F6F6F6;

}



.borda-4 {

	border: 1px solid #B8CBDE;

}



.p130 {

	line-height:130%;

	margin: 0 0 4px 0;

}



.ft12b {

	font-size:12px;

	color:#0132AB;

	font-weight:bold;

	text-transform:uppercase;

}



/*********************************************

3 - Publicidade (topo)

Estilos para o topo com área de publicidade

*********************************************/



#publicidade {

	width:100%; 

	min-height:135px; 

	background-color:#FFF; 

}



#publicidade .banner_topo_left { 	

	position:relative; 

	float:left; 

	width:725px;

	margin:20px 0 20px 10px; 

}





#publicidade .banner_topo_right {	

	position:relative; 	

	float:left; 

	width:205px; 

	margin-left:20px; 

	margin-top:20px;

}



/*********************************************

4 - Topo

Estilos para o topo, form de busca , canais, atalhos, etc

*********************************************/



#topo {

	width:980px; 

	height:120px; 

	background:url(images/layout/topo-bg.png);

	background-repeat:repeat-x;

}



#logo { 

	float:left;

	margin-left:2px;

	width:300px;

}



html>body #logo { 

	float:left;

	margin-left:8px;

	width:300px;

}



#topo-direita {

	float:right;

	width:320px;

	text-align:right;

	margin-right: 5px;

}



html>body #topo-direita {

	float:right;

	width:320px;

	text-align:right;

	margin-right: 10px;

}



#campo_buscar {

	width:300px;

	clear:both;

	text-align:right;

	margin: 4px 0 6px 0;

}



#buscar {

	float:left;

	width:195px;

	margin-left:12px;

}



#botao {

	float:right;

	width:61px;

	margin-right:0px;

}



html>body #buscar {

	float:left;

	width:195px;

	margin-left:55px;

}



html>body #botao {

	float:right;

	width:61px;

	margin-right:-15px;

}



input.buscar {

	padding:0;

	margin:0;

	width: 190px;

	height:17px;	

	color: #999;

	font-family: Verdana, Helvetica, sans-serif;

	font-size: 11px;

	padding: 3px 0 0 3px;

	border:1px solid #B2BE98;

	background-color:#F4F7F0;

}



#favoritos {

	background:url(images/btn/favoritos.gif);

	background-repeat:no-repeat;

	width:240px;

	height:15px;

	color:#333;

	font-size:10px;

	margin: 10px 0 0 55px;

	text-align:right;

	padding: 2px 0 0 0;

}



#rss {

	background:url(images/btn/rss.gif);

	background-repeat:no-repeat;

	width:188px;

	height:15px;

	color:#333;

	font-size:10px;

	margin: 2px 0 0 55px;

	text-align:right;

	padding: 2px 0 0 0;

}



html>body #favoritos {

	background:url(images/btn/favoritos.png);

	background-repeat:no-repeat;

	width:240px;

	height:15px;

	color:#333;

	font-size:10px;

	margin: 10px 0 0 55px;

	text-align:right;

	padding: 2px 0 0 0;

}



html>body #rss {

	background:url(images/btn/rss.png);

	background-repeat:no-repeat;

	width:188px;

	height:15px;

	color:#333;

	font-size:10px;

	margin: 2px 0 0 55px;

	text-align:right;

	padding: 2px 0 0 0;

}



#rss a, #favoritos a {

	color:#333;

	font-size:10px;

	text-decoration:none;

}



#rss a:hover, #favoritos a:hover {

	color:#333;

	font-size:10px;

	text-decoration:underline;

}



/*********************************************

5 - Menu Principal (lateral esquerda)

Estilos para menu, publicidade lateral e outros

*********************************************/



#coluna-esquerda {

	width:162px;

	margin:0;

	padding:0;

	margin-top: -1px;

	float:left;

	height:100%;

	background-color:#FFF;	

}



.nossos-canais {

	background-image:url(images/menu/nossos-canais.png);

	background-repeat:no-repeat;

	width:162px;

	height:20px;

}



#menu li {

    border-top: 1px solid #dfddde;

    overflow: hidden;

    height: 23px;

}

	

#menu a {

    display: block;

    font: normal 11px/16px verdana;

    height: 16px;

    padding: 0 0 0 7px;

    margin: 2px 0;

}



#menu a:hover { 

	text-decoration: none; color: #fff; 

}

    

.canais a {

    border-left: 3px solid #004080;

    color: #000;

}



.canais a:hover {

    background-color: #004080; 

}



.ultimo {

    border-top: 1px solid #dfddde;

	margin-top:0px;

}



#informativo {

	border: 1px solid #B1BD93;

	background-color:#EEEEEE;

	height: 160px;

	margin-top: 5px;

	color:#016237;

	font-size:10px;

	line-height:120%;

	width:159px;

	margin-left:1px;

}



#informativo p {

	margin:0;

	padding:0;

	padding: 2px 0 8px 0;

}



.txt-informativo {

	background-image:url(images/txt/informativo.png);

	background-repeat:no-repeat;

	width:159px;

	height:31px;

}	



.info-interna {

	padding: 0 8px 0 8px;

}



.info {

	padding:0;

	margin:0;

	width: 140px;

	height:17px;	

	color: #8D8D8D;

	font-family: Verdana, Helvetica, sans-serif;

	font-size: 11px;

	padding: 3px 0 0 3px;

	border:1px solid #B1BD93;

	background-color:#FFF;

	margin: 4px 0 4px 0;

}



#msn {

	color:#006137;

	font-size: 10px;

	margin-top:10px;

	padding: 0 0px 0 5px;

	margin-bottom: 8px;

}



#msn a {

	color:#006137;

	font-size: 10px;

	text-decoration:none;

}



#msn a:hover {

	color:#006137;

	font-size: 10px;

	text-decoration:underline;

}



#msn p {

	color:#006137;

	font-size: 11px;

	padding: 3px 0px 0 0px;

	font-weight:bold;

}



#canais-esternos {

	margin: 10px 0 10px 1px;

	padding: 0 1px 0 1px;

}



/*********************************************

6 - Conteúdo Principal (meio)

Estilos imagens, links e textos

*********************************************/



#coluna-central {

	float:left;

	margin: 0 0px 0 4px;	

	margin-top: -1px;

	width:594px;

}



html>body #coluna-central {

	margin: 0 0px 0 8px;

}



#chamada-principal {

	width:100%;

	margin-top:9px;

}



#chamada-principal .chamada-foto {

	width:200px;

	height:150px;

	float:left;

	margin-right: 15px;

}



#chamada-principal .chamada-textos {

	float:left;

	width: 375px;

}



#box-articulistas {

	border: 1px solid #0062C4;

	width:100%;

	background-color:#EAF4FF;

	margin-top:8px;

	margin-bottom: 5px;

}



.box-articulistas-ttl {

	height:17px;

	background-color: #0062C4;

	width:100%;

	padding-top: 3px;

}



html>body .box-div-branco {

	background:#FFF;

	background-repeat:repeat-x;

	width:100%;

	height:1px;

}



html>body .box-div-azul {

	background:#0062C4;

	background-repeat:repeat-x;

	width:100%;

	height:1px;

}



html>body .box-div-verde {

	background:#B2BE98;

	background-repeat:repeat-x;

	width:100%;

	height:1px;

}



.articulistas-descricao {

	float:left;

	width:45%;

	padding: 8px 12px 8px 8px;

}



.box-articulista-img {

	float:left;

	padding:5px 6px 0 0;

}



.box-chamada-home {

	margin: 10px 0px 5px 0;

	float:left;

	width:270px;

	padding: 0 10px 0 10px;

}



.chamada-img {

	float:left;

	margin: 10px 8px 8px 0;

}



.chamada-div-in {

	background:url(images/layout/linha02.gif);

	background-repeat:no-repeat;

	background-position:bottom;

	padding-bottom:4px;	

}



.box-chamada-home p {

	line-height: 140%;

	padding: 3px 0 0 0;

}



#box-tv-web {

	border: 1px solid #B2BE98;

	width:100%;

	background-color:#E4E8D9;

	margin-top:15px;

	margin-bottom: 5px;

}



.box-tv-web-ttl {

	height:17px;

	background-color:#B2BE98;

	width:100%;

	padding-top: 3px;

}



html>body .box-tv-web-div {

	background:#FFF;

	background-repeat:repeat-x;

	width:100%;

	height:1px;

}



.video-home {

	padding: 10px 10px 10px 10px;

	float:left;

}



.video-texto-home {

	padding: 0 10px 0 0;

	float:right;

	width:240px;

}



.video-div-in {

	background:url(images/layout/linha03.png);

	background-repeat: repeat-x;

	height:7px;

	background-position:bottom;

	padding-bottom:4px;

	margin-bottom: 10px;

}



.enquete {

	margin: 5px 0px 5px 0;

	float:left;

	width:282px;

	padding: 5px 10px 0 10px;

	background: #F7f7f7;

	border: 1px solid #B9B9B9;

	height:180px;

}



#bg-extras {

	background:url(images/layout/bg-extras.png);

	width:590px;

	height:30px;

	background-repeat:no-repeat;

}



.deixe-comentario {

	float:left;

	margin: 1px 0 0 0;

	width:144px;

}



.imprimir-materia {

	float:left;	

	margin: 1px 0 0 1px;

	width:141px;

}



.enviar-email {

	float:left;	

	margin: 1px 0 0 1px;

	width:152px;

}



.fale-conosco {

	float:left;	

	margin: 1px 0 0 1px;

	width:129px;

}



#leia-tb-azul {

	color:#0062C4;

	font-size:10px;

	font-weight:bold;

	float:left;

	width:95px;

	margin-bottom: 15px;

}



#bg-leia-tb-azul {

	width:495px;

	height:15px;

	float:left;

	background-color:#0062C4;

	margin-bottom: 15px;	

}



#leia-tb-verde {

	color:#0062C4;

	font-size:10px;

	font-weight:bold;

	float:left;

	width:95px;

	margin-bottom: 15px;

}



#bg-leia-tb-verde {

	width:495px;

	height:15px;

	float:left;

	background-color:#0062C4;

	margin-bottom: 15px;	

}



#box-fazer-comentario {

	background-color:#F5F5F5;

	border-top: 1px #D3D3D3 dashed;

	width:430px;

	margin: 30px 0 15px 0;

	padding: 15px 10px 15px 15px;

}



.input-comentario {

	width: 380px;

	height:16px;

	color: #012578;

	padding: 3px 2px 2px 2px;

	font-family: Verdana, Helvetica, sans-serif;

	border: 1px solid #C4C4C4;

	background-color:#FCFCFC;

	font-size: 11px;

	margin-top: 4px;

}



.textarea-comentario {

	width: 380px;

	height:60px;

	color: #012578;

	padding: 3px 2px 2px 2px;

	font-family: Verdana, Helvetica, sans-serif;

	border: 1px solid #C4C4C4;

	background-color:#FCFCFC;

	font-size: 11px;

	margin-top: 4px;	

	margin-bottom: 20px;

}



.input-comentario-erro {

	width: 380px;

	height:16px;

	color: #012578;

	padding: 3px 2px 2px 2px;

	font-family: Verdana, Helvetica, sans-serif;

	border: 1px solid #C4C4C4;

	background-color:#FFBC9B;

	font-size: 11px;

	margin-top: 4px;

}



.textarea-comentario-erro {

	width: 380px;

	height:60px;

	color: #012578;

	padding: 3px 2px 2px 2px;

	font-family: Verdana, Helvetica, sans-serif;

	border: 1px solid #C4C4C4;

	background-color:#FFBC9B;

	font-size: 11px;

	margin-top: 4px;	

	margin-bottom: 20px;

}



.obrigatorio {

	font-size:9px;

	color:#9D0000;

}



.texto-obrigatorio {

	font-size: 10px;

	color:#444;	

	margin-top: 25px;

}



#box-comentarios {

	width:430px;

	margin: 30px 0 15px 0;

}



.box-comentario-cinza {

	background-color:#F5F5F5;

	border-top: 1px #D3D3D3 dashed;

	width:430px;

	padding: 15px 10px 25px 15px;

}



.box-comentario-verde {

	background-color:#F5F7F2;

	border-top: 1px #D3D3D3 dashed;

	width:430px;

	padding: 15px 10px 25px 15px;

}



.nome-comentarista {

	color:#006137;

	font-weight:bold;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

}



.data-comentario {

	color:#7A7A7A;

}



#box-comentarios p {

	line-height: 145%;

}



.aspas-esq {

	background: url(images/layout/aspas-esq.gif);

	background-repeat:no-repeat;

	width:20px;

	height:15px;

	float:left;	

}



.aspas-dir {

	background: url(images/layout/aspas-dir.gif);

	background-repeat:no-repeat;

	width:20px;

	height:15px;

	float:right;

}



.box-verde-ttl {

	height:17px;

	background-color: #006136;

	width:100%;

	padding-top: 3px;

}

#texto {
	margin-bottom: 15px;
}



#texto p {

	line-height: 135%;

	margin: 2px 0 15px 0;

}



#texto a {

	color:#0132AB;

	text-decoration:underline;

}



#texto a:hover {

	color:#0132AB;

	text-decoration:none;

}



#texto-v p {

	line-height: 135%;

	margin: 2px 0 15px 0;

}



#texto-v a {

	color:#006136;

	text-decoration:underline;

}



#texto-v a:hover {

	color:#006136;

	text-decoration:none;

}



/*********************************************

7 - Publicidade (lateral direita)

Publicidade na lateral esquerda

*********************************************/



#coluna-direita {

	float:right;

	width: 208px;

	margin-top: -1px;	

}



.txt-publicidade {

	background-image:url(images/txt/publicidade.png);

	background-repeat:no-repeat;

	width:208px;

	height:15px;

}



.banner-lateral {

	margin: 12px 0 0px 0;

}



#coluna-direita a {

	color:#333;

	text-decoration:underline;

	font-size:11px;	

}



#coluna-direita a {

	color:#333;

	text-decoration:none;

	font-size:11px;

}



/*********************************************

8 - Rodapé

Textos, links e imagens

*********************************************/



#rodape-bg {

	background:url(images/layout/rodape-bg-ie.png);

	width:992px;

	height:14px;

	background-repeat:no-repeat;

	text-align:left; 

	margin: 0px auto; 

	padding:0; 	

}



html>body #rodape-bg {

	background:url(images/layout/rodape-bg.png);

	width:992px;

	height:14px;

	background-repeat:no-repeat;

	text-align:left; 

	margin: 0px auto; 

	padding:0; 	

}



#rodape {

	color: #7E7E7E;

	font-size:11px;

	padding-top:16px;

}



#rodape a {

	color:#0060C4;

	text-decoration:none;

}



#rodape a:hover {

	color:#0060C4;

	text-decoration:underline;

}



#rodape p {

	margin: 8px 0 0 0;

	color:#C5C5C5;

}



.rod-copyright {

	float:left;

	width: 70%;

	margin-left: 10px;

}



.rod-clickmasters {

	float:right;

	width: 20%;

	margin-right: 10px;

	text-align:right;

	font-size:10px;

}



/*********************************************

9 - H's e textos

Estios para os títulos

*********************************************/





h1 {  /* apenas para a logomarca */

	font-size:16px;

}



h2 {  /* para canais dentro do site */

	font-size: 10px;

	font-weight:bold;

	text-transform:uppercase;

}



h3 { /* para títulos das notícias */

	font-size: 15px;

	color:#212121;

	font-weight:bold;

	line-height: 130%;

	margin: 6px 0 0 0;

}



h3 a { 

	font-size: 15px;

	color:#212121;

	font-weight:bold;

	line-height: 130%;

	margin: 6px 0 0 0;

	text-decoration:none;

}



h3 a:hover { 

	font-size: 15px;

	color:#212121;

	font-weight:bold;

	line-height: 130%;

	margin: 6px 0 0 0;

	text-decoration:underline;	

}



h4 {  /* para tópicos importantes */

	color:#001546;

	font-size:14px;

	font-weight:bold;

	margin:0;

	padding:0;

	padding: 2px 0 8px 0;

}



h4 a {  /* para tópicos importantes */

	color:#001546;

	font-size:14px;

	font-weight:bold;

	margin:0;

	padding:0;

	padding: 2px 0 8px 0;

	text-decoration:none;

}



h4 a:hover {  /* para tópicos importantes */

	color:#001546;

	font-size:14px;

	font-weight:bold;

	margin:0;

	padding:0;

	padding: 2px 0 8px 0;

	text-decoration:none;

}



h5 { 

	color:#004176;

	font-size:13px;

	font-weight:bold;

	margin:0;

	padding:0;

	padding: 8px 0 4px 0;

}



h5 a {

	color:#004176;

	font-size:13px;

	font-weight:bold;

	margin:0;

	padding:0;

	padding: 8px 0 4px 0;

	text-decoration:none;

}



h5 a:hover { 

	color:#004176;

	font-size:13px;

	font-weight:bold;

	margin:0;

	padding:0;

	padding: 8px 0 4px 0;

	text-decoration:underline;

}



li.noticias {

	color:#212121;

	font-size:11px;

	list-style-image:url(images/btn/bullet.gif);

	margin-left: 15px;

	padding:0;	

	padding: 4px 0 4px 0;

}



ul.box-noticia {

	margin:0;

	padding:0;

	margin-top: 5px;

	background:url(images/layout/linha01.png);

	background-repeat:no-repeat;

	background-position:bottom;

	padding-bottom:10px;	

}



a {

	text-decoration:underline;

	color: #222;

}



a:hover {

	text-decoration:none;

	color: #222;	

}



.verde {

	color:#006037;

}



.branco {

	color:#FFF;

}



a.leiamais-10 {

	color:#004284;

	text-decoration:none;

	font-size:10px;

}



a.leiamais-10:hover {

	color:#004284;

	text-decoration:underline;

	font-size:10px;

}



a.link-chamada {

	text-decoration: underline;

	line-height:140%;

}



a.link-chamada:hover {

	text-decoration:none;	

	line-height:140%;	

}



a.link-atalho {

	text-decoration: none;

}



a.link-atalho:hover {

	text-decoration:underline;		

}



a.verde {

	color:#016237;

	font-size:10px;

	text-decoration:underline;

}



a.verde:hover {

	color:#016237;

	font-size:10px;

	text-decoration:none;

}



a.azul-f {

	color:#004284;

	text-decoration:underline;

	font-size:11px;

}



a.azul-f:hover {

	color:#004284;

	text-decoration:none;

	font-size:11px;

}



/* erro ao enviar form de contato */

#atencao-contato {

	border:dashed 1px #DFB27E;

	background-color: #FFF6EC;

	margin: 20px 0 10px 80px;

	padding: 10px 0 0 10px;

	width:400px;

	height:23px;	

}



html>body #atencao-contato {

	margin: 10px 0 10px 80px;

	padding: 10px 0 0 10px;

}



.btn-mensagem-atencao-contato  {

	float:left;

	width:25px;

}



.txt-mensagem-atencao-contato  {

	float:left;

	width:350px;

	font-size:11px;

	color:#000;

	margin-top: -2px;	

}



.contato-obrigatorio {

	color:#7F0000;

}

/* fim erro ao enviar form de contato */



/* sucesso ao enviar form de contato */

#sucesso-contato {

	border:dashed 1px #8BBC7E;

	background-color: #F0FEEE;

	margin: 20px 0 10px 80px;

	padding: 10px 0 0 10px;

	width:400px;

	height:23px;	

}



html>body #sucesso-contato {

	margin: 10px 0 10px 80px;

	padding: 10px 0 0 10px;

}



.btn-mensagem-sucesso-contato  {

	float:left;

	width:25px;

}



.txt-mensagem-sucesso-contato  {

	float:left;

	width:350px;

	font-size:11px;

	color:#000;

	margin-top:-5px;

}

/* fim sucesso ao enviar form de contato */



/* erro ao fazer comentario */

#atencao-comentario {

	border:dashed 1px #DFB27E;

	background-color: #FFF6EC;

	margin: 20px 0 20px 0px;

	padding: 10px 0 0 10px;

	width:400px;

	height:23px;	

}



html>body #atencao-comentario {

	margin: 10px 0 20px 0px;

	padding: 10px 0 0 10px;

}



.btn-mensagem-atencao-comentario  {

	float:left;

	width:25px;

}



.txt-mensagem-atencao-comentario  {

	float:left;

	width:350px;

	font-size:11px;

	color:#000;

	margin-top: 0px;	

}



/* fim erro ao fazer comentario */





/*********************************************

10 - Aticulistas

Estilos para as áreas de articulistas, listagem e página

*********************************************/



#box-articulistas-interno {

	width:100%;

	background-color:#fff;

	margin-top:8px;

	margin-bottom: 5px;

}



.nome-articulista-ttl {

	font-size:13px;

	font-weight:bold;

	color:#012384;

	text-transform:uppercase;

	margin: 10px 0 1px 0;

	font-family:Arial, Helvetica, sans-serif;

}



.ttl-artigo {

	font-size:18px;

	color:#1F1F1F;

	text-transform:uppercase;

	margin-bottom: 5px;

	font-family:Arial, Helvetica, sans-serif;	

}



.data-horario {

	color:#909090;

	font-size:9px;

}



.articulista-div-in {

	background:url(images/layout/linha04.png);

	background-repeat:no-repeat;

	padding-bottom:0px;

	width: 401px;

	height:1px;

	margin-top: 8px;

}



html>body .articulista-div-in {

	padding-bottom:8px;

}



.articulista-foto {

	float:left;

	width: 90px;

	margin: 20px 0 15px 12px;

}



.articulista-descricao {

	float:left;

	width:480px;

	margin: 20px 0 0px 0px;

}



.nome-articulista { 

	color:#002284;

	font-size: 11px;

	font-weight:bold;

}



.desc-articulista {

	line-height: 110px;

	margin:0;

	padding:0;

}



#sessoes-anteriores p {

	line-height: 150%;

}



/*********************************************

11 - Páginas Institucionais

Estilos para as áreas comuns

*********************************************/



#box-institucional-interno {

	width:100%;

	background-color:#fff;

	margin-top:8px;

	margin-bottom: 5px;

}



.ttl-pagina {

	font-size:18px;

	color:#1F1F1F;

	text-transform:uppercase;

	margin: 15px 0 12px 0;

	font-family:Arial, Helvetica, sans-serif;	

}



.input-contato {

	width: 380px;

	height:16px;

	color: #006136;

	padding: 3px 2px 2px 2px;

	font-family: Verdana, Helvetica, sans-serif;

	border: 1px solid #B1BD93;

	background-color:#FCFCFC;

	font-size: 11px;

	margin-top: 4px;

	font-weight:bold;

}



.textarea-contato {

	width: 380px;

	height:140px;

	color: #006136;

	padding: 3px 2px 2px 2px;

	font-family: Verdana, Helvetica, sans-serif;

	border: 1px solid #B1BD93;

	background-color:#FCFCFC;

	font-size: 11px;

	margin-top: 4px;	

	font-weight:bold;	

}



#tab-contato {

	margin: 0px 0 10px 0;

}



.input-contato-erro {

	width: 380px;

	height:16px;

	color: #006136;

	padding: 3px 2px 2px 2px;

	font-family: Verdana, Helvetica, sans-serif;

	border: 1px solid #B1BD93;

	background-color:#FFBC9B;

	font-size: 11px;

	margin-top: 4px;

	font-weight:bold;

}



.textarea-contato-erro {

	width: 380px;

	height:140px;

	color: #006136;

	padding: 3px 2px 2px 2px;

	font-family: Verdana, Helvetica, sans-serif;

	border: 1px solid #B1BD93;

	background-color:#FFBC9B;

	font-size: 11px;

	margin-top: 4px;

	font-weight:bold;

}





#articulistas-listagem {

	margin-top: 15px;

}



#articulistas-listagem .articulista-foto {

	float:left;

	width: 90px;

	margin: 0px 0 15px 12px;

}



#articulistas-listagem .articulista-descricao {

	float:left;

	width:480px;

	margin: 0px 0 0px 0px;

}



#articulistas-listagem .nome-articulista { 

	color:#002284;

	font-size: 11px;

	font-weight:bold;

}



#articulistas-listagem .desc-articulista {

	line-height: 110px;

	margin:0;

	padding:0;

}



#articulistas-listagem .box-articulista {

	margin:0;

	padding:0;

	margin-bottom:10px;

}



html>body #articulistas-listagem .div-artigos {

	width:200px; 

	height:1px; 

	background-color:#efefef; 

	margin:3px 0 4px 0;

	background-image: none;

}



#articulistas-listagem .artigos-articulista {

	margin:0 0 18px 0;

}





#paginacao {

	margin: 40px 0 5px 0;

	color:#878787;

}



#paginacao li {

	list-style-image:none;

	display:inline;

	margin: 0 2px 0 0;

}



#paginacao a {

	color:#000;

	text-decoration:none;

}



#paginacao a:hover {

	color:#0062C4;

	text-decoration:none;

}



#paginacao .ativo {

	color:#00509F;

	text-decoration:underline;

	font-weight:bold;

}





/*********************************************

11 - Páginas Seções

Estilos para as áreas comuns

*********************************************/



#secao {

}



#secao .box-chamada-home {

	margin: 10px 0px 5px 0;

	float:left;

	width:270px;

	padding: 0 10px 0 10px;

}



#secao .chamada-img {

	float:left;

	margin: 10px 8px 8px 0;

}



#secao .chamada-div-in {

	background:url(images/layout/linha02.gif);

	background-repeat:no-repeat;

	background-position:bottom;

	padding-bottom:4px;	

}



#secao .box-chamada-home p {

	line-height: 140%;

	padding: 3px 0 0 0;

}



#secao a.titulo {

	font-size:11px;

	font-weight:bold;

	text-transform:uppercase;

	color:#006136;

	text-decoration:none;

	line-height: 150%;

}



#secao a.titulo:hover {

	font-size:11px;

	font-weight:bold;

	text-transform:uppercase;

	color:#006136;

	line-height: 150%;	

	text-decoration:underline;

}



#secao .busca-nome {

	color:#444;

	font-style:italic;

	margin: 2px 0 3px 0;

}



#secao .nome-autor {

	color:#333;

	font-style:normal;

}

	
/*********************************************
12 - Outros
Edição de texto
*********************************************/	

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

.indique-input {
	background-color:#F8F8F8;
	border:1px solid #EFEFEF;
	color:#016237;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:11px;
	height:17px;
	margin:4px 0;
	padding:3px 0 0 3px;
	width:220px;
	margin-left: 10px;
}

.indique-textarea {
	background-color:#F8F8F8;
	border:1px solid #EFEFEF;
	color:#016237;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:11px;
	height:60px;
	margin:4px 0;
	padding:3px 0 0 3px;
	width:220px;
	margin-left: 10px;
}

.podPress_content {
	margin: 8px 0 8px 3px;
	background-color: #F5F5F5;
	padding: 15px 15px 15px 15px;
	border: 1px dashed #f2f2f2;
}




/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */