/* CSS Document */
body { 	background-color:#CCCCCC; font-family:Arial, Verdana, Geneva, sans-serif; text-align:left; line-height:18px; 
		color:#000000; font-size:14px;	text-decoration:none; }
		
a:active, a:visited, a:link { text-decoration:underline ; }
a:hover { color: #F00; text-decoration:underline ; }

hr { clear: both; }
h1 { text-align: left; font-weight:bold; font-size: 24px; color:#03F; clear:both; }
h2 { text-align: left; font-weight:bold; font-size: 18px; color:#03F; }
h3 { text-align: left; font-weight:normal; font-size: 14px; color:#03F; }


/* AREA PRINCIPAL DO SITE - CORPO */
#area-central { position: relative; left: 50%; width:980px; margin-left:-470px; /* 50% da largura */ background-color:#FFFFFF;}

/* AREA DO BANNER DA HOME */
#area-banner { 	clear:both; float: none; width:100%; text-align:center; margin-top: -30px; margin-bottom: 0px; }

/* PAGINA INICIAL - COLUNAS INFERIORES */
.coluna {	width: 272px; float: left; padding-left: 40px; padding-right:10px; }
#meia-coluna {	width: 450px; float: left; padding-left: 16px; padding-right: 16px;}

/* PAGINAS INTERNAS */
#coluna-esquerda { 	width: 240px; height:100%; float: left; margin-right: 20px; padding-left: 20px;  }
#coluna-esquerda img { 	margin-left: -10px; }
#coluna-direita { 	width: 680px; float: right; margin-right:20px; }
#coluna-esquerda img { 	clear:both; }

/* PAGINA DE PAGAMENTO */
#coluna-pgto { width: 270px; height: 250px; padding:10px; float:left; margin-left: 10px; margin-right:30px;
				border:dotted thin #F00; text-align:center;}

/* TOPO DA PAGINA - MENU SUPERIOR */
#menu-superior { width: 100%; 
				margin-right: -60px; 
				float:left; 
				height: 70px; 
				margin-bottom:0px; 
				background-image:url(images/logotipo.gif); 
				background-repeat:no-repeat;
}
#menu-superior a:active, #menu-superior a:visited, #menu-superior a:link { float: right; text-align:right; text-decoration:none; color:#333333; font-size:16px;padding-right: 30px;padding-top: 10px;}
#menu-superior a:hover { text-decoration:underline; }

/* CAIXAS DA PAGINA DE SISTEMAS */
#imagem-centralizada img { text-align:center; clear:both; }
#sistema { width: 325px; height:300px; float: left; margin:0px; padding:4px; } 
#caixa { max-width: 620px; background: url(images/caixa-right.png) right repeat-y    }
#caixa:before { display: block; line-height: 0; background: url(images/caixa-topright.png) top right no-repeat; content: url(images/caixa-topleft.png) }
#caixa:after { display: block; line-height: 0; background: url(images/caixa-bottomright.png) bottom right no-repeat; content: url(images/caixa-bottomleft.png) }
#caixa p { margin-top:0px; padding-left:15px; padding-right:30px; margin-top: -5px;}

/* FORMULARIO */
#area-formulario { width: 500px; float: left; }
.formulario { float: left; width: 130px; margin-top: 0px; clear:left; color:#000; font-size:14px ; line-height:1.1em; font-style:normal;}
.formulario-menor { color:#666; font-size:8px ; }
.campo input {    border:1px solid #a4a4a4; background:#FFFFFF; font-style:normal; color:#000; width:200px; font-size:1em; padding-left:5px; padding-top:2px; height:18px; float:left; font-family:Calibri, Arial, Helvetica, sans-serif; clear:right;}
.campo textarea { border:1px solid #a4a4a4; background:#FFFFFF;	font-style:normal; color:#000; width:250px; font-size:1em; padding-left:5px; padding-top:2px; margin-top: 15px; font-family:Calibri, Arial, Helvetica, sans-serif; clear:right;}
.submeter { margin-left:130px; margin-top: -5px; height:30px; padding: 2px; background-color:#d81e05; color:#FFF; font-style:normal; font-variant:small-caps; }

.formulariocaptcha { float: left; width: 200px; margin-top: 0px; clear:left; color:#000; font-size:14px ; line-height:1.1em; font-style:normal;}
.captcha input { float: left; width: 40px; margin-top: 0px; color:#000; font-size:14px ; line-height:1.1em; font-style:normal; margin-right:150px; margin-bottom:15px; }
.imagemcaptcha { width: 100px; color:#FFF; background-color:#03C; padding: 2px; text-align:center; vertical-align:middle; position:relative; }

/* LINKS RAPIDOS */
#links-rapidos { margin-top: -30px; margin-left: 40px; text-decoration:none; color:#000;}
#links-rapidos a { text-decoration:none; color:#000;}
#links-rapidos a:hover { text-decoration:underline; color:#000;}

/* RODAPE DA PAGINA */
#rodape { 	clear:both; float: none; width:980px; border-top: double; border-color:#999999; border-top-style:solid;
			font-size: 12px; text-align:center; line-height:18px; padding-bottom: 15px; }

#site { width: 185px; text-align:center; height:135px; padding: 5px; float: left; font-size: 12px;}	
#sobe30 { margin-top:-30px; }
#oculto { position:absolute; display:block; visibility:visible; left:50%; margin-left:-250px; top:50%; margin-top: -270px;}
#caixaazul { width:100%; background-color:#FF6; }

/* LINKS DA PAGINA PRINCIPAL */	
.link-padrao a:visited, .link-padrao a:link, .link-padrao a:active { text-align:left; color:#666; font-size:1em;text-decoration:none;	}		
.link-padrao a:hover { color: #000000; text-decoration:underline; }

.titulo { text-align:left; font-weight:bold;}
.titulo-pagina { text-align:center; font-weight:normal; font-size:24px; color:#00F; font-variant:small-caps; margin-top:0px;}
.citacao { text-align:right; color:#555555; line-height:14px; font-size:12px; font-style:italic;}
.autor { text-align:right; color:#000099; margin-top: -10px; margin-bottom:5px; line-height:14px ; font-size:12px; font-style:italic;}
.margem30 { margin-left:30px; margin-right:30px; }
.margem20 { margin-left:20px; margin-right:20px; }
.margem10 { margin-left:10px; margin-right:10px; }
.grupo-azul { text-align: left; font-weight:bold; font-size: 18px; color:#03F; margin: 20px 0 2px 0;}
.observacoes { text-align:center; color:#F00; font-weight:bold; border:dotted thin #F00; padding: 5px; margin-right:10px;}
.destaque { border:dotted thick #F00; padding: 5px; margin-right:10px; clear:both;}
.vermelho { color:#F00; font-weight:bold; }
.sublinhado { text-decoration:underline;}
.letrabrancacentro { color:#FFF; text-align:center; }
.menor { font-size: 12px; font-style:normal; color:#666;}
.centro { text-align:center }
.direita { text-align:right; }

/* LINKS RAPIDOS */
#coluna-direita a { text-decoration:underline; color:#000;}
#coluna-direita a:hover { text-decoration:underline; color:#F00;}