/* 
    Document   : site
    Created on : 21/04/2010, 10:43:50
    Author     : Erich Nascimento
    Description:
        Purpose of the stylesheet follows.
*/

body { font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif; }

p, td, th, dt, dd, li, blockquote, label { color:#6A6A6A; }

p, dl, hr, ol, ul, dl pre, table, address, fieldset { margin-bottom:1.5em; }


#topo {
	background: transparent url("../images/topo_bg.jpg") top left repeat-x;
	margin-bottom: 38px;
}

#topo_main { height: 172px;	position: relative; }

#logo {
	text-indent: -9999px;
	width: 337px;
	height: 118px;
	float: left;
	background: transparent url("../images/logo.png") left top no-repeat;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
}

#logo a {
	display: block;
	height: 118px;
}

#logo a:focus {
	outline: none;
}

#NumeroANS { 
	position: absolute;
        margin-top:10px;
        right:0px;
}

#LogoANS {
}

/*
MENU PRINCIPAL
*/
#mainnav{
	list-style-type:none;
	position:absolute;
	right:0;
	top:48px;
	margin:0 10px 0 0
}

#mainnav li{
	display:block;
	float:left;
	margin:0 0 0 4px;
	padding:0 0 0 6px
}

#mainnav a{
	text-decoration:none;
	height:34px;
	display:block;
	line-height:34px;
	color:#666;
	text-transform:lowercase;
	font-size:16px;
	margin:0;
	padding:0 10px;float:left
}

#mainnav a:hover { text-decoration: none }

#mainnav span {
	display: block;
	margin: 0;
	padding: 0 6px 0 0;
	float: left;
}

#mainnav li.current,
#mainnav li.current span,
#mainnav li.current span a,
#mainnav li:hover,
#mainnav li:hover a,
#mainnav li:hover span
{
	background: url(../images/mainnav_item_bg.png) no-repeat 50% 0
}

#mainnav li.current a,
#mainnav li:hover a { color: #fff }

#mainnav li.current { background-position: 0 -34px }

#mainnav li.current span { background-position: 100% -34px }

#mainnav li.current span a { background-position: 50% -34px }

#mainnav li:hover { background-position: 0 0 }

#mainnav li:hover span { background-position: 100% 0 }

#mainnav li:hover span a { background-position: 50% 0 }


#corpo h2 {
	color:#5A8F34;
	font-size:1.7em;
	font-weight:bold;
	line-height:1em;
	margin-bottom:0.2em;
}

#corpo h3.subtitulo {
	color: #6A6A6A;	
	font-size: 0.8em;
	font-weight: normal;
	padding-left: 30px;
	margin-bottom: 50px;
}

#corpo h6, #corpo h4 {
	color: #5A5A5A;
	font-size: 0.9em;
	letter-spacing: 0.05em;
	font-weight: bold;
}

.box_resumo { margin-bottom: 40px; }

.box_resumo .buttonlinks { padding-top: 20px; }

.box_resumo p {	margin: 0; }

p.descricao { margin: 0 0 0 0; }



#resumo_servicos #servicos_imagem .imagem_servico,
#resumo_empresa #empresa_imagem,
#resumo_dicas #dicas_imagem {
	background: url("../images/bg_thumb_box_image.png") no-repeat top left; padding:3px 4px 0;
}

#resumo_dicas #dicas_imagem,
#resumo_empresa #empresa_imagem {
	height: 180px;
}

#resumo_dicas .subtitulo {
	margin-left: 90px;
}





.buttonlinks {
	display:block;
	height:26px;
	margin-bottom:20px;
	line-height:26px
}

.info.buttonlinks { margin:0; }

.buttonlinks a, .buttonlinks span.input{
	background:url(../images/botoes_default_bg.png) no-repeat -54px 0px;
	text-transform:uppercase;
	color:#5a5a5a;
	text-decoration:none;
	height:26px;
	line-height:23px;
	display:block;
	margin:0 20px 0 0;
	max-width:250px;
	float:left;
	padding:0;
	font:bold 11px/23px "Lucida Grande", Lucida, Verdana, sans-serif;
	outline:none
}

.buttonsubmit{
	background:url(../images/botoes_default_bg.png) no-repeat -54px 0px;
	background-color:transparent;
	text-transform:uppercase;
	color:#5a5a5a;
	text-decoration:none;
	height:26px;
	line-height:23px;
	display:block;
	margin:0 20px 0 0;
	max-width:250px;
	float:left;
	padding:0;
	font:bold 11px/23px "Lucida Grande", Lucida, Verdana, sans-serif;
	outline:none
}


.buttonlinks input{
	font:bold 11px/23px "Lucida Grande", Lucida, Verdana, sans-serif;
	line-height:23px;
	margin:0 20px 0 0;
	text-transform:uppercase;
	color:#5a5a5a;
	height:25px;
	padding-bottom:2px !important;
	background-color:transparent;
}

.buttonlinks a span, .buttonlinks span.input input{
	background:#fff url(../images/botoes_default_bg.png) no-repeat 100% 0px;
	height:26px;
	display:block;
	padding:0 22px 0 0;
	margin:0 0 0 10px;
	float:left
}

.buttonlinks a:hover,
.buttonlinks span:hover,
#footer .buttonlinks a:hover,
#whatwhyhow .buttonlinks a:hover,
#wlpeLogin .buttonlinks a:hover {
	background-position: -54px -26px;
	cursor:pointer
}

.buttonlinks a:hover span,
.buttonlinks span.input:hover input,
#footer .buttonlinks a:hover span,
#whatwhyhow .buttonlinks a:hover span,
#wlpeLogin .buttonlinks a:hover span {
	background-position:100% -26px;
	cursor:pointer
}

.buttonlinks a:hover { background-position: -54px -26px }

.buttonlinks a:hover span,
.buttonlinks input:hover span.input,
.buttonlinks input:focus span.input{background-position:100% -26px}

#header .buttonlinks a:hover {text-decoration:none}

.buttonlinks a.prev{
	background:url(../images/link_button_prev.jpg) no-repeat right 0;
	margin:0 20px 0 0;float:left
}

.buttonlinks a.prev span{
	background:url(../images/link_button_prev.jpg) no-repeat left 0;
	padding:0 0 0 22px;
	margin:0 10px 0 0;float:left
}

.buttonlinks a.prev:hover{background-position:right -26px}

.buttonlinks a.prev:hover span{background-position:left -26px}

.buttonlinks input,
.buttonlinks input:focus,
.buttonlinks input:hover{
	padding:0;
	border:0;
	font-size:inherit
}

.buttonlinks a.plain{
	background:none;
	display:inline;
	float:none;
	text-transform:none;
	font-size:100%;
	font-weight:normal;
	color:blue;
	text-decoration:underline
}

#footer .buttonlinks a,
#whatwhyhow .buttonlinks a,
#wlpeLogin .buttonlinks a{
	background:url(/assets/images/link_button_footer.jpg);
	background:#64ab24 url(../images/botoes_default_bg.png) no-repeat -54px 0px;
	color:#5a5a5a
}

#footer .buttonlinks a span,
#whatwhyhow .buttonlinks a span,
#wlpeLogin .buttonlinks a span{
	background:url(/assets/images/link_button_footer.jpg) no-repeat right 0;
	background:#64ab24 url(../images/botoes_default_bg.png) no-repeat 100% 0
}








hr  {
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #E6E6E6;
	height:0;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px 0 0;
	clear:both;
}

ul li {
	background:url("/assets/images/bullet_grey.png") no-repeat scroll 0 6px transparent;
	list-style-type:none;
	margin-left:12px;
	padding-left:9px;
}

ul li, #rodape_endereco {
	background:none repeat scroll 0 0 transparent;
	list-style:none outside none;
}

#conteudo #whatwhyhow-questions li  {
	background-image:none;
	display:block;
	height:80px;
	list-style-type:none;
	margin:0;
	position:relative;
}



#whatwhyhow{height:260px;background-image:url(../images/apresentacao.png);overflow:hidden;position:relative;margin-bottom:60px}
#whatwhyhow-questions{background:url(../images/apresentacao.png) no-repeat 0 -430px;position:absolute;right:0;top:0;width:270px;margin:0;padding:10px
																																						   10px 10px 20px;z-index:5}
#conteudo #whatwhyhow-questions
li{margin:0;list-style-type:none;height:80px;display:block;position:relative;background-image:none}

#whatwhyhow-questions li
a{display:block;line-height:77px;height:77px;width:270px;text-indent: -9999px; outline: 0;}

#whatwhyhow-questions li a
img{position:absolute;top:23px;left:0}

#whatwhyhow-answers{position:relative;width:620px;margin:0;overflow:hidden;height:260px}

#whatwhyhow-answers
ul{position:relative;width:620px;margin:0;z-index:5;display:block}

#conteudo #whatwhyhow-answers
li{list-style-type:none;margin:0;display:block;height:220px;padding:20px
	   30px 20px 20px;background-image:none}

#whatwhyhow-answers li
h2{width:570px; height: 64px;}

/*

#whatwhyhow-answers li#wwhwhat
h2{background:url(../images/apresentacao.png) no-repeat -300px -430px;height:64px}

#whatwhyhow-answers li#wwhwhy
h2{background:url(../images/apresentacao.png) no-repeat -300px -494px;height:32px}

#whatwhyhow-answers li#wwhhow
h2{background:url(../images/apresentacao.png) no-repeat -300px -526px;height:32px}

*/

#whatwhyhow-answers
img.left{float:left;margin-right:20px}

#whatwhyhow-answers img.right { float:right; margin-left:20px}

#whatwhyhow-arrow {
	width:332px;
	height:82px;
	position:absolute;
	top:10px;
	right:10px;
	background:transparent url(../images/seta.png) no-repeat 0 0
}

#whatwhyhow p,
#rodape p { color:#fff }

#whatwhyhow h2 {
	color: #FFF;
}

#rodape {
	background: transparent url("../images/rodape_bg_full.png") 0 10px no-repeat;
	height: 330px;
	margin-top: 120px;
}

#rodape_conteudo {
	padding-top: 50px;
	text-align: center;
}

#rodape_endereco {	
	margin: 0;
}

#rodape_endereco li {
	line-height: 1.1em;
	color: #FFF;
}

#rodape .final {
	padding-top: 20px;
}

/*
 MAPA DE NAVEGAÇÃO
*/

.mapa_navegacao {
	margin-bottom: 2em;
}

.mapa_navegacao li {
	float: left;
	background: url("../images/navegacao_separator.png") no-repeat left center transparent;
	padding-left:16px;
	padding-right:4px;
	margin: 0;
	margin-right: 8px;
}

.mapa_navegacao li.first { 	background: none; padding-left: 0; }

.mapa_navegacao li a { color: #999999; }

img.left { float: left; }
img.right { float: right; }

/* Detalhe Empresa */
#corpo #detalhe_empresa h2,
#corpo #detalhe_empresa h3.subtitulo {
	margin: 2em 0 0 0;
}

#corpo #detalhe_empresa p {
	margin: 1.5em;
}

#corpo #detalhe_empresa h3.subtitulo {
	font-size: 1em;
	font-weight: bold;
	margin-top: 1em;
}

/* Relacao de servicos e dicas */
#corpo #relacao_servicos h2,
#corpo #relacao_servicos h3.subtitulo,
#corpo #relacao_dicas h2,
#corpo #relacao_dicas h3.subtitulo,
#corpo #detalhe_servico h2,
#corpo #detalhe_servico h3.subtitulo,
#corpo #relacao_contato h2,
#corpo #relacao_contato h3.subtitulo {
	margin: 2em 0 0 0;
}

#corpo #relacao_servicos p,
#corpo #relacao_dicas p,
#corpo #detalhe_servico p,
#corpo #relacao_contato p {
	margin: 1.5em;
}

#corpo #relacao_servicos h3.subtitulo,
#corpo #relacao_dicas h3.subtitulo,
#corpo #detalhe_servico h3.subtitulo,
#corpo #relacao_contato h3.subtitulo {
	font-size: 1em;
	font-weight: bold;
	margin-top: 1em;
}

#corpo #relacao_servicos .box_thumb_servico h3.subtitulo,
#corpo #relacao_dicas .box_thumb_dica h3.subtitulo,
#corpo #detalhe_servico .box_servico h3.subtitulo{
	margin-top: 0;
	font-weight: normal;
}

#corpo #relacao_servicos .box_thumb_servico img,
#corpo #relacao_dicas .box_thumb_dica img,
#corpo #detalhe_servico .box_servico img {
	margin: 20px 10px;
}

.lndot {
	border-style: dotted;
}

ul.descricao li {
	list-style: disc inside;
	margin: 1em;
	padding: 0 1.0em;
}

#corpo #detalhe_servico .box_servico img {
	margin: 20px 20px;
}

.center {
	text-align: center;
}

#corpo #detalhe_servico h4 {
	font-size: 1.2em;
}

#corpo .box_lista_bg {

    background-color: #F6F6F6;
}



#rodape .telefone {
	padding: 0.5em;
}


#contatoform div {
	height: 27px;
	margin-bottom: 10px;
	position: relative;
}

#contatoform div.textarea {
	height: 80px;
}

#contatoform p {
	margin-bottom: 0.5em;
}

#contatoform label {
	left: 0;
	line-height: 27px;
	position: absolute;
}

#contatoform .textbox {/*
	background-color: transparent;
	background-image: url("../images/footer_textbox.jpg");
	border-style: none;
	height: 16px;
	line-height: 16px;
	padding: 5px 10px 6px;*/
	position: absolute;
	right: 0;
	width: 261px;
}

#contatoform fieldset {
	border: 0 none;
	font-weight: bold;
	margin: 0;
}

#corpo #relacao_contato .buttonlinks {
	padding-left: 95px;
}

#boxlogin {
	height: 44px;
}

p#copyright {
	font-size: 0.7em;
	color: #ccc;
}

p#copyright a {
	text-decoration: none;
	color: #CACACA;
}

p#copyright a:hover {
	text-decoration: underline;
}

.corrige_pos_ans {
        margin-top:-30px;
}

.img_50_porcento{
    width:50%;
    height:50%;
}

.center {
    text-align: center;
}

#MainPopup {
    display: none;
    /*left: 11.5em;*/
    /*left: 50%;*/
    position: fixed;
    /*top: 12em;*/
    /*top: 50%;*/
    width: 55em;
    z-index: 1000;
}

* html #MainPopup {
    position: absolute;
}

.MainPopupContent {
    padding: 3em 2em 0 2em; 
}

.MainPopupContent  p{
    margin: 1em;
}

.MainPopupContent .buttonlinks{
    padding-left: 20em;
    padding-top: 0.5em;
    background: transparent url("../images/logoVidaMax92x32.png") bottom right no-repeat scroll;
}


.box10 {
    background: url("../images/bgMainPopup.png") no-repeat scroll right top transparent;
    margin-left: 10px;
    padding-right: 10px;
}
.box10A {
    background: url("../images/bgMainPopup.png") no-repeat scroll left bottom transparent;
    margin-left: -4px;
    position: relative;
    top: 38px;
}
.box10B {
    background: url("../images/bgMainPopup.png") no-repeat scroll right bottom transparent;
    left: 10px;
    position: relative;
}
.box10C {
    background: url("../images/bgMainPopup.png") no-repeat scroll left top transparent;
    left: -10px;
    position: relative;
    top: -38px;
}