﻿body{
background: url(/img/pattern_fundo.gif);
font-family: Arial, Sans-serif;
font-size: 11px;
line-height: 14px;
}
a{
color: black;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}


h2{
font-weight: bold;
font-size: 18px;
}

.datanot{
color:#666;
font-weight:bold;
}

.vermelho h2{
display: block;
color: #7F3434;
background: url(/img/pattern_h2_vermelho.gif) bottom repeat-x;
height: 25px;
padding-bottom: 5px;
padding-top: 15px;
margin-bottom: 5px;
}

.azul h2{
display: block;
color: #5B6594;
background: url(/img/pattern_h2_azul.gif) bottom repeat-x;
height: 25px;
padding-bottom: 5px;
padding-top: 15px;
margin-bottom: 5px;
}

.azul h1{
display: block;
color: #5B6594;
background: url(/img/pattern_h2_azul.gif) bottom repeat-x;
height: 25px;
margin-bottom: 5px;
font-size:12px;
}

.amarelo h2{
display: block;
color: #CB8A3D;
background: url(/img/pattern_h2_amarelo.gif) bottom repeat-x;
height: 25px;
padding-bottom: 5px;
padding-top: 15px;
margin-bottom: 5px;
}

.verde h2{
display: block;
color: #128243;
background: url(/img/pattern_h2_verde.gif) bottom repeat-x;
height: 25px;
padding-bottom: 5px;
padding-top: 15px;
margin-bottom: 5px;
}

h5{
font-size: 14px;
font-weight: bold;
margin-bottom: 4px;
}
h6{
font-weight: bold;
margin-bottom: 4px;
font-size: 12px;
}


p{
margin-bottom: 4px;
}

strong{
font-weight: bold;
}




.float_left{
float: left;
}
.clear_both{
clear: both; 
}

.imgconteudo{
float: left;
margin-right: 4px;
margin-bottom: 4px;
}



.chapeu_preto{
clear:both;
width:100%;
background: url(/img/pattern_chapeu_preto.gif) repeat-x;
height: 16px;
color: white;
font-weight: bold;
padding-top: 7px;
margin-bottom: 10px;
margin-top: 10px;
}

.chapeu_preto span{
padding-left: 10px;
}

.marker_preto{
padding-left: 10px;
background: url(/img/marker_preto.gif) no-repeat;
font-weight: bold;
line-height: 18px;
margin-left: 4px;
}

.chapeu_vermelho{
clear:both;
width:100%;
background: url(/img/pattern_chapeu_vermelho.gif) repeat-x;
height: 16px;
color: white;
font-weight: bold;
padding-top: 7px;
margin-bottom: 10px;
margin-top: 10px;
}

.chapeu_vermelho span{
padding-left: 10px;
}


.chapeu_cinza{
clear:both;
width:100%;
background: url(/img/pattern_chapeu_cinza.gif) repeat-x;
height: 16px;
color: black;
font-weight: bold;
padding-top: 7px;
margin-bottom: 10px;
margin-top: 10px;
}

.chapeu_cinza span{
padding-left: 10px;
}

.chapeu_azul{
clear:both;
width:100%;
background: url(/img/pattern_chapeu_azul.gif) repeat-x;
height: 16px;
color: white;
font-weight: bold;
padding-top: 7px;
margin-bottom: 10px;
margin-top: 10px;
}

.chapeu_azul span{
padding-left: 10px;
}

.chapeu_amarelo{
clear:both;
width:100%;
background: url(/img/pattern_chapeu_amarelo.gif) repeat-x;
height: 16px;
color: white;
font-weight: bold;
padding-top: 7px;
margin-bottom: 10px;
margin-top: 10px;
}

.chapeu_amarelo span{
padding-left: 10px;
}

.chapeu_verde{
clear:both;
width:100%;
background: url(/img/pattern_chapeu_verde.gif) repeat-x;
height: 16px;
color: white;
font-weight: bold;
padding-top: 7px;
margin-bottom: 10px;
margin-top: 10px;
}

.chapeu_verde span{
padding-left: 10px;
}

/* formularios geral****/
.texto{
width: 100%;
border: 1px solid #666666;
margin-bottom: 10px;
}
.btn_submit{
width: 100%;
text-align: right;
margin-top: 10px;
}

.ddd{
display: block;
float: left;
width: 29px;
border: 1px solid #666666;
margin-bottom: 10px;
margin-right: 10px;
}
.tel{
display: block;
float: left;
width: 162px;
border: 1px solid #666666;
margin-bottom: 10px;
}

.col1split1 label, .col1split2 label{
display: block;
}

textarea{
width: 100%;
border: 1px solid #666666;
margin-bottom: 10px;
}

/** GERAL***/

.col1split1{
width: 205px;
margin-right: 15px;
margin-bottom: 10px;
float: left;
}
.col1split2{
width: 205px;
float: left;
margin-bottom: 10px;
}

#conteudo{
width: 900px;
margin: auto;
background: white;
}

#conteudo #header{
width: 900px;
height: 264px;
background: url(/img/bg_header.gif) no-repeat;
}

#conteudo #header h1{       /*logo*/
float: left;
padding-top: 16px;
}

#conteudo #header #flash{
float: left;
}

#conteudo #header #Menu flash{
position: absolute;
left: 465px;
top: 9px;
}

#conteudo #header #barrinha_header{
clear: both;
width: 661px;
margin-left: 226px;
}
#conteudo #header #barrinha_header form{
display: block;
width: 485px;
height: 28px;
line-height: 28px;
float: left;
background: url(/img/sep_header.gif) right no-repeat;
}
#conteudo #header #barrinha_header form #usuario, #conteudo #header #barrinha_header form #senha{
border: 1px solid white;
width: 113px;
margin-right: 3px;
}

.btn_ok{
margin-bottom: -4px; 
margin-right: 4px;
background: transparent;
border: none;
}

#conteudo #header #barrinha_header #radio{
display: block;
float: left;
background: url(/img/btn_radios.gif) no-repeat;
padding-left: 20px;
padding-top: 3px;
height: 24px;
margin-left: 10px;
font-weight: bold;
margin-top: 5px;
}

/**** COLUNA DA ESQUERDA****/

#conteudo #menu_principal{
width: 210px;
float: left;
background: #ededed;
margin-right: 16px;
padding-left: 15px;
line-height: 18px;
}
#conteudo #menu_principal ul li a{
margin-left: -40px;
padding-left: 10px;
background: url(/img/marker_preto.gif) no-repeat;
}

#conteudo #menu_principal h3 a span{
display: none;
}

#conteudo #menu_principal h3 a{
display: block;
width: 210px;
height: 15px;
padding-left:0;
margin-top: 20px;
}

/*títulos imagem*/
#conteudo #menu_principal h3#menu_institucional_tit a{background: url(/img/ico_institucional.gif) no-repeat;}
#conteudo #menu_principal h3#menu_filiese_tit a{background: url(/img/ico_filiese.gif) no-repeat;}
#conteudo #menu_principal h3#menu_servicos_tit a{background: url(/img/ico_servicos.gif) no-repeat;}
#conteudo #menu_principal h3#menu_centraldeinformacoes_tit a{background: url(/img/ico_informacoes.gif) no-repeat;}


#conteudo #menu_principal form{
margin-top: 10px;
}
#conteudo #menu_principal form input#busca{
border: 1px solid white;
height: 17px;
}

#conteudo #menu_principal form label{
font-weight: bold;
}

#conteudo #menu_principal #logo_iabas{
padding-top: 20px;
background: white;
margin-left: -15px;
margin-top: 20px;
}
#conteudo #publicidade_topo{
margin-bottom: 20px;
}
#conteudo #publicidade_topo .p1{
margin-right: 18px;
}


/**** COLUNAS DO MEIO****/


#conteudo #col1{
width: 425px;
float: left;
margin-right: 15px;
background: url(/img/acabamento_degrade.gif) bottom repeat-x;
padding-bottom: 10px;
margin-bottom: 10px;
}

#conteudo #col1 #capa_destaques{
margin-bottom: 10px;

}

#conteudo #col1 #capa_not_principal{
padding-bottom: 10px;
margin-bottom: 10px;
background: url(/img/pontilhado_cinza.gif) bottom repeat-x;
}
#conteudo #col1 #capa_not_principal p{
margin-top: 10px;
}

#conteudo #col1 .capa_not2{
float: left;
width: 197px;
margin-right: 15px;
}
#conteudo #col1 .capa_not3{
float: left;
width: 205px;
}
#conteudo #col1 .capa_not2 p, #conteudo #col1 .capa_not3 p{
margin-top: 10px;
}

.data_not{
display: block;
width: 40px;
height: 35px;
background: #ededed;
text-align: center;
font-weight: bold;
padding-top: 5px;
margin-right: 4px;
margin-bottom: 4px;
float: left;
}
.data_not strong{
display: block;
font-size: 18px;
line-height: 18px;
}


/**** COLUNA DA DIREITA****/
#conteudo #col2{
width: 205px;
float: left;
}
#conteudo #col2 #enquete{
background: url(/img/acabamento_degrade.gif) bottom repeat-x;
padding-bottom: 10px;
margin-bottom: 20px;
/*height: 90px;*/
}

#conteudo #col2 #enquete input, #conteudo #col2 #enquete label{
display: block;
}

#conteudo #col2 #enquete input{
float: left;
}

#conteudo #col2 #enquete label{
line-height: 22px;
}
#conteudo #col2 #enquete input.btn_votar{
margin-top: 10px;
padding-left: 160px;
}

#conteudo #col2 #divisao{
float: left;
width: 205px;
padding-bottom: 10px;
margin-bottom: 10px;
background: url(/img/pontilhado_cinza.gif) bottom repeat-x;
}

#conteudo #col2 #publicidade_square{
margin-bottom: 20px;
}

#conteudo #col2 #parceiros li{
border: 1px solid #ededed;
width: 183px;
height: 38px;
margin-bottom: 4px;
margin-left: 10px;
}

#conteudo #rodape{
clear: both;
width: 880px;
height: 76px;
margin: auto;
background: url(/img/bg_rodape.gif) repeat-x;
margin-bottom: 10px;
padding-top: 10px;
text-align: center;
line-height: 18px;
}
#conteudo #rodape span{
color: #666666;
}

/***** INTERNAS ****/


#cabecalho_conteudo{
width: 645px;
float: left;
}

#cabecalho_conteudo #subnav h3{
color: #A1A1A1;
font-weight: bold;
margin-bottom: 10px;
padding-left: 10px;
}

#cabecalho_conteudo #subnav ul{
background: url(/img/acabamento_degrade.gif) bottom repeat-x;
margin-bottom: 20px;
margin-right: 10px;
float: left;
padding-bottom: 10px;
width: 600px;
}

#cabecalho_conteudo #subnav ul li{
float: left;
padding-top: 4px;
height: 18px;
padding-right: 20px;
margin-right: 10px;
background: url(/img/bg_submenu.gif) right no-repeat;
}

.vermelho ul{
margin-bottom: 20px;
}
.vermelho ul li{
padding-left: 10px;
background: url(/img/marker_vermelho.gif) no-repeat;
margin-left: 4px;
}
.amarelo ul{
margin-bottom: 20px;
}
.amarelo ul li{
padding-left: 10px;
background: url(/img/marker_amarelo.gif) no-repeat;
margin-left: 4px;
}
.azul ul{
margin-bottom: 20px;
}

.azul ul li{
padding-left: 10px;
background: url(/img/marker_azul.gif) no-repeat;
margin-left: 4px;
}
.verde ul{
margin-bottom: 20px;
}

.verde ul li{
padding-left: 10px;
background: url(/img/marker_verde.gif) no-repeat;
margin-left: 4px;
}

ul.colsplit1, ul.colsplit2{
float: left;
}


.linhadeitens{
clear: both;
}

.linhadeitens .item_curso1{
width: 205px;
margin-top: 10px;
float: left;
margin-right: 15px;
}
.linhadeitens .item_curso2{
width: 205px;
margin-top: 10px;
float: left;
}


.linhadeitens .item_curso1 h3, .linhadeitens .item_curso2 h3{
color: #666666;
font-weight: bold;
}
.linhadeitens .item_curso1 h6, .linhadeitens .item_curso2 h6{
font-weight: bold;
}

.linhadeitens .item_curso1 .aberta, .linhadeitens .item_curso2 .aberta{
font-weight: bold;
color: #057723;
}

.linhadeitens .item_curso1 .encerrada, .linhadeitens .item_curso2 .encerrada{
font-weight: bold;
color: #de0000;
}
.data_curso{
display: block;
width: 40px;
height: 55px;
background: #ededed;
text-align: center;
font-weight: bold;
padding-top: 5px;
margin-right: 4px;
margin-bottom: 4px;
float: left;
}
.data_curso strong{
display: block;
font-size: 18px;
line-height: 18px;
}
.data_curso p{
text-align: center;
font-weight: normal;
line-height: 12px;
}

.observacao{
background: url(/img/bg_obs.gif) repeat-y;
color: #666666;
padding-left: 10px;
margin-bottom: 20px;
}

.ver_todos{
background: url(/img/ico_ver_todos.gif) no-repeat;
padding-left: 12px;
font-weight: bold;
margin-left: 360px;
}

.msgDiscreta{
	font-size:11px;
	color:#900;
	
}


/* PAINEL FILIADO */

.msgAviso {
	color: #7F3434;
	padding:10px;
	font-weight: bold;
	font-size: 12px;
}

.painelFiliado {
	margin-left: 5px;
}

.painelFiliado .menu {
	width: 100%;
	margin: 5px;
	margin-left: 0px;
	margin-bottom: 10px;
}

.painelFiliado .perfil {
	width: 100%;
}

.painelFiliado .perfil .foto {
	width: 110px;
	float:left;
	margin:3px;
}

.painelFiliado .perfil .foto img {
	border: 1px solid black;
}

.painelFiliado .perfil div {
	display: block;
	clear: right;
	margin: 6px;
}

.painelFiliado .perfil div span {
	display:block;
	float:left;
	font-weight: bold;
	width:100px;
}

.painelFiliado .financeiro {
	margin-top: 20px;
}

.painelFiliado .financeiro h4 {
	margin-top: 10px;
	font-weight: bold;
	color: #c61300;
}

.painelFiliado .financeiro > div {
	width:595px;
	float:left;
	margin-bottom: 30px;
}

.painelFiliado .financeiro > div > div {
	width:594px;
	padding:2px;
	clear:both;
}

.painelFiliado .financeiro > form > div  {
	 padding:3px;
	 background-color:whitesmoke;
	 margin-bottom:30px
}


.painelFiliado .financeiro > div > div.gridHeader{
	margin-bottom: 10px;
}

.painelFiliado .financeiro > div > div.gridHeader > div{
	font-weight:bold;
	border-bottom: 1px solid black ;
	padding-bottom:2px;
}

.painelFiliado .financeiro > div > div > div {
	width:100px;
	float:left;
}
