@charset "iso-8859-1";

* { margin: 0; padding: 0; }
a { font-weight: bold; color: #999; }
a img { border: none; }
fieldset { border: none; }
fieldset legend { display: none; }

body {
	background: #eee url('imagens/fundo.gif') repeat-x;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #666;
}

.clearBoth { clear: both; }

.titulo { display: inline; float: left; width: 185px; height: 34px; margin: 0 0 5px 0; padding: 7px 20px; background: url('imagens/fundo-titulo.png') no-repeat; }
.titulo.ans { width: 135px; padding: 7px 20px 7px 80px;  background: url('imagens/fundo-titulo_ans.png') no-repeat; }
.titulo h2 { line-height: 25px; font-size: 14px; text-transform: uppercase; color: #fff; }
.titulo h3 { font: bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; }
.titulo h3 span { display: block; line-height: normal; margin-top: -2px; font-size: 10px; text-transform: capitalize }

div#corpo {
	display: block;
	width: 950px;
	margin: 0 auto;
	text-align: justify;
}

/* TOPO
-------------------------------------------------- */
div#corpo div#topo {
	display: inline; float: left;
	width: 950px; height: 210px;
	background: url('imagens/fundo-topo.jpg') no-repeat bottom;
}

/* Topo > NAVEGAÇÃO ------------------------------ */
div#corpo div#topo ul#navegacao-primaria { display: inline; float: left; width: 950px; }
div#corpo div#topo ul#navegacao-primaria li { display: inline; float: left; height: 50px; margin: 0 57px 0 0; }
div#corpo div#topo ul#navegacao-primaria li a { display: block; line-height: 35px; text-decoration: none; color: #FFF; font-size: 14px; font-weight: bold; text-transform: uppercase; }
div#corpo div#topo ul#navegacao-primaria li a:hover { text-decoration: underline; }
div#corpo div#topo ul#navegacao-primaria li a span { display: block; line-height: normal; margin-top: -8px; font-size: 11px; font-weight: normal; text-transform: capitalize; }

/* Topo > LOGO ----------------------------------- */
div#corpo div#topo h1 a {
	display: inline; float: left;
	width: 154px; height: 119px;
	margin: 17px 0 0 33px;
	background: url('imagens/logo-cpngroup.jpg') no-repeat;
	font-size: 1px;
	text-decoration: none;
}
div#corpo div#topo h1 a span { visibility: hidden; }

/* PRINCIPAL 
-------------------------------------------------- */
div#corpo div#principal {
	display: inline; float: left;
	width: 950px;
	padding: 10px 0 10px 0;
	background: url('imagens/fundo-principal.gif') repeat-y;
}

div.bloco { display: inline; float: left; width: 648px; margin: 0 0 10px 20px; padding: 10px; border: 1px solid #ddd; background: #fff; }

/* Principal > COLUNA ESQUERDA ------------------- */
div#corpo div#principal div#coluna-esquerda {
	display: inline; float: left;
	width: 225px;
	margin-right: 15px;
}

div#corpo div#principal div#coluna-esquerda div#area-do-cliente { display: inline; float: left; margin: 0 0 15px; }
div#corpo div#principal div#coluna-esquerda div#area-do-cliente form { display: inline; float: left; width: 210px; margin: 0 0 0 10px; }
div#corpo div#principal div#coluna-esquerda div#area-do-cliente form p { display: inline; float: left; width: 210px; margin: 0 0 5px 0; }
div#corpo div#principal div#coluna-esquerda div#area-do-cliente form input { width: 180px; margin: 0 10px; padding: 5px; border: 1px solid #ddd; background: #fff; color: #666; }
div#corpo div#principal div#coluna-esquerda div#area-do-cliente form input#submit { float: right; width: auto; border: none; background-color: #005590; font-weight: bold; color: #fff; }

/* Principal > Coluna Esquerda > NAVEGAÇÃO SECUNDÁRIA */
div#corpo div#principal div#coluna-esquerda div#navegacao-secundaria { display: inline; float: left; margin: 0 0 15px; }
div#corpo div#principal div#coluna-esquerda div#navegacao-secundaria ul { display: inline; float: left; width: 210px; margin: 0 0 0 10px; list-style: none; }
div#corpo div#principal div#coluna-esquerda div#navegacao-secundaria ul li { display: inline; float: left; width: 210px; height: 27px; border-bottom: 1px solid #ddd; }
div#corpo div#principal div#coluna-esquerda div#navegacao-secundaria ul li a { display: block; line-height: 27px; padding: 0 10px; text-decoration: none; }
div#corpo div#principal div#coluna-esquerda div#navegacao-secundaria ul li a:hover, div#corpo div#principal div#coluna-esquerda div#navegacao-secundaria ul li a.ativo { background-color: #fff; color: #005590; }

/* Principal > Coluna Esquerda > NAVEGAÇÃO SECUNDÁRIA */
div#corpo div#principal div#coluna-esquerda div#links-uteis ul { display: inline; float: left; width: 210px; margin: 0 0 0 10px; list-style: none; }
div#corpo div#principal div#coluna-esquerda div#links-uteis ul li { display: inline; float: left; width: 210px; border-bottom: 1px solid #ddd; }
div#corpo div#principal div#coluna-esquerda div#links-uteis ul li a { display: block; line-height: 27px; padding: 5px 40px;  }

/* Principal > COLUNA DIREITA -------------------- */
div#corpo div#principal div#coluna-direita {
	display: inline; float: left;
	width: 690px;
	background: url('imagens/fundo-coluna-direita.gif') repeat-y 8px 0;
}

/* RODAPÉ
-------------------------------------------------- */
div#rodape {
	display: inline; float: left;
	width: 950px; height: 72px;
	background: url('imagens/fundo-rodape.png') no-repeat;
}
div#rodape ul {
	display: inline; float: left;
	width: 910px; height: 40px;
	margin: 0 20px 10px 10px;
}
div#rodape ul li { display: inline; float: left; margin: 0 20px 0 0; }
div#rodape ul li a { display: block; line-height: 40px; text-decoration: none; font-weight: normal; color: #fff; }
div#rodape ul li a:hover { text-decoration: underline; }
div#rodape p { margin: 0 20px; }

/* NOTÍCIAS ANS
-------------------------------------------------- */
div#noticias-ans ul { list-style: none; }
div#noticias-ans ul li { display: inline; float: left; width: 648px; margin-bottom: 10px; }
div#noticias-ans ul li a { display: inline; float: left; width: 648px; color: #005793; }
div#noticias-ans ul li a:hover { text-decoration: none; }
div#noticias-ans a.leia-mais { padding: 5px; background: #005793; color: #fff; }

/* CONTATO
-------------------------------------------------- */
.form div {
	display: inline; float: left;
	width: 643px;
	margin: 0 0 15px 0;
}
.form span { display: inline; float: left; width: 153px; margin: 0 10px 0 0; font-weight: bold; }
.form span.tam370 { width: 370px; } 
.form span strong { font-weight: bold; color: #c80000; }
.form input, .form select, .form textarea { width: 468px; padding: 7px 5px; border: 1px solid #ddd; font: 12px Arial, Helvetica, sans-serif; }
.form select { width: 480px; }
.form input.botao { float: left; width: auto; border: none; background-color: #005590; font-weight: bold; color: #fff; }
.form input#limpar { float: right; width: auto; border: none; background-color: #eee; font-weight: bold; color: #666; }
.form strong.erro { margin: 0 0 0 163px; color: #c80000; }