/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
}
body{
	font: normal 10px Arial;
	color:#666;
	background-image:url(../img/fundo.png);
}
p{
	line-height: 16px;
	text-align: justify;
}
h1{
	font-size: 11px;
	font-weight: bold;
}
h2{
	font-size: 16px;
	font-weight: bold;
}
h5{ font-size:9px;}
ul li{list-style-type:none;}
a img{border:none 0px;}
/*-------------div topo--------------*/
div#topo {
width:350px;
float:left;
position:absolute;
margin: 13px 200px 100px 200px;
}

div#topo h1 {
font-size:38px;
font-family:"Delicious Heavy", "Trebuchet MS", Arial;
}
.laranja{color: #e6a16e;}
.azul{color:#6385b3;}
.verde{color:#74a297;}

/*--------------cores de ttulos--------------------*/
.quem {color:#6486b3; font-weight:bold;}	
.essencial {color: #589b8a; font-weight:bold;}
.mais {color: #7594ad; font-weight:bold;}
.multi {color: #8c8c8c; font-weight:bold;}
.total {color: #d27e24; font-weight:bold;}
.proc {color:#930100; font-weight:bold;}	
.glos {color:#c19a32; font-weight:bold;}
.ag {color: #d27e24; font-weight:bold; text-transform: uppercase;}

/*-----------final cores de ttulos-----------------*/
/*-----------------background-----------------*/
.quem_somos{background: url(../img/quem_somos2.jpg) no-repeat left; margin:0; }
.como_usar{background: url(../img/como_usar2.jpg) no-repeat left; margin:0; }
.plano_essencial{background: url(../img/plano_essencial2.jpg) no-repeat left; margin:0; }
.plano_mais{background: url(../img/plano_mais2.jpg) no-repeat left; margin:0; }
.plano_multi{background: url(../img/plano_multi2.jpg) no-repeat left; margin:0; }
.plano_total{background: url(../img/plano_total2.jpg) no-repeat left; margin:0; }
.procedimentos{background: url(../img/procedimentos2.jpg) no-repeat left; margin:0; }
.prim_socor{background: url(../img/primeiros_socorros2.jpg) no-repeat left; margin:0; }
.glossario{background: url(../img/glossario2.jpg) no-repeat left; margin:0; }
.contatos{background: url(../img/contatos2.jpg) no-repeat left; margin:0; }
.corretor{background: url(../img/corretor2.jpg) no-repeat left; margin:0; }
.beneficiario{background: url(../img/beneficiario2.jpg) no-repeat left; margin:0; }
.cliente{background: url(../img/cliente2.jpg) no-repeat left; margin:0; }
.credenciado{background: url(../img/credenciado2.jpg) no-repeat left; margin:0; }
.agencias{background: url(../img/agencias2.jpg) no-repeat left; margin:0; }
.rede_espec{background: url(../img/rede_espec2.jpg) no-repeat left 1px;  margin:0;}
.rede_nome{background: url(../img/rede_nome2.jpg) no-repeat left 1px;  margin:0; }
.nota_fiscal{background: url(../img/nota_fiscal.jpg) no-repeat left 1px;  margin:0; }
.estatuto{background: url(../img/estatuto.jpg) no-repeat left 1px;  margin:0; }
/*--------------final background--------------*/

/*--------------caixa geral do site-----------------*/
div#integral {
	width:990px;
	height: 495px;
	border: 1px solid #999999;
	background-color:#FFFFFF;
	z-index:-1;
}
div#geral {
	position:absolute;
	top:50%;
	left:50%;
	width:993px;
	height: 525px;
	margin: -270px auto 10px -495px;
}
/*------------final da cx geral--------------------*/
/*--esconder logo--*/
.esconder{display:none; }
#logo{
	background-image: url(../img/grupo_caberj-atual.png);
	display: block;
	height: 77px;
	width: 146px;
	margin: 3px 0 0 5px;
}
#logo2{
	background-image: url(../img/logo_integral.gif);
	display: block;
	height: 90px;
	width: 130px;
	margin: 8px 0 10px 5px;
	position:relative;
	float:left
}

#logo a{display:block; width:146px; height:77px;}
/*------------------*/
/*----------------------menu-----------------*/
div#integral #menu{ float:left; width:137px; height:350px; margin:0; background:url(../img/menu3.gif) no-repeat left top; padding:2px 2px 2px 0;}
div#integral #menu .lista {padding-bottom:5px;}
ul#menu ul{margin-top:-5px;}
ul#menu #menu_sub li{padding-left:43px; display:none;}
ul#menu a{text-decoration:none;}
/*---------------------final menu----------------------*/
div#integral #left {float:left; width:160px; height:460px; position:relative; z-index:1;}
div#integral #conteudo_essencial{float:right; width:825px; height:460px; position:relative;}
div#conteudo_essencial2{float: left; width:825px; height:460px; position:relative;}
/*-------------- menu plano ------------------*/
div#menu_plano ul {
	float:left;
	width:370px;
	background:#fff;
	padding:320px 0 0 0;
}
div#menu_plano ul li {
	padding:0px 2px;
	float:left;
	list-style-type:none;
}
div#menu_plano ul li a{
	padding:0px 7px;
	margin:2px 1px;
	text-decoration:none;
}
div#menu_plano .essenc a{
	background:#fff;
	font-weight:bold;
	color:#7cbca8;
	border:solid 1px #7cbca8;
}
div#menu_plano .essenc a:hover{
	background:#7cbca8;
	color:#fff;
	border:solid 1px #7cbca8;
}
div#menu_plano .m a{
	background:#fff;
	font-weight:bold;
	color:#7594ad;
	border:solid 1px #7594ad;
}
div#menu_plano .m a:hover{
	background:#7594ad;
	color:#fff;
	border:solid 1px #7594ad;
}
div#menu_plano .mul a{
	background:#fff;
	font-weight:bold;
	color:#8c8c8c;
	border:solid 1px #8c8c8c;
}
div#menu_plano .mul a:hover{
	background:#8c8c8c;
	color:#fff;
	border:solid 1px #8c8c8c;
}
div#menu_plano .tot a{
	background:#fff;
	font-weight:bold;
	color:#d27e24;
	border:solid 1px #d27e24;
}
div#menu_plano .tot a:hover{
	background:#d27e24;
	color:#fff;
	border:solid 1px #d27e24;
}
/*-------------- final menu plano ------------------*/
/*---------------------texto----------------------*/
div#integral #conceito{
	float:right;
	width:630px;
	margin:0 0 0 3px;
	height:450px;
}
div#integral #conceito3{
	float:right;
	width:650px;
	margin:0 0 0 3px;
	height: 450px;
}
div#integral #conceito4{
	float:right;
	width:550px;
	margin:0 0 0 3px;
	height:450px;
}
div#integral #texto{
	float:left;
	width:600px;
	height:380px;
	margin:80px 0 0 0;
}
div#integral #texto3{
	float:left;
	width:620px;
	height:340px;
	margin:90px 0 0 0;
}
div#integral #legenda{
	float:left;
	width:180px;
	height:69px;
	overflow-x:hidden;
	overflow-y:hidden;
	margin:315px 0 0 5px;
}
/*--------------------------caixa de texto--------------------------------*/
#container {
	position:absolute;
	width: 600px;
	height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-face-color:#FFF;
	scrollbar-arrow-color:#CCC;
	scrollbar-track-color:#FFF;
	scrollbar-shadow-color:#CCC;
	scrollbar-highlight-color:#CCC;
	scrollbar-3dlight-color:#FFF;
	scrollbar-darkshadow-Color:#FFF;
}
#container2 {
	position:absolute;
	width: 600px;
	height: 350px;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-face-color:#FFF;
	scrollbar-arrow-color:#CCC;
	scrollbar-track-color:#FFF;
	scrollbar-shadow-color:#CCC;
	scrollbar-highlight-color:#CCC;
	scrollbar-3dlight-color:#FFF;
	scrollbar-darkshadow-Color:#FFF;
}
#container2_rede {
	margin: 80px 0 0 200px;
	position: relative;
	width: 600px;
	height: 350px;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-face-color:#FFF;
	scrollbar-arrow-color:#CCC;
	scrollbar-track-color:#FFF;
	scrollbar-shadow-color:#CCC;
	scrollbar-highlight-color:#CCC;
	scrollbar-3dlight-color:#FFF;
	scrollbar-darkshadow-Color:#FFF;
}
#container2_canal {
	margin: 100px 0 0 280px;
	position: relative;
	width: 520px;
	height: 330px;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-face-color:#FFF;
	scrollbar-arrow-color:#CCC;
	scrollbar-track-color:#FFF;
	scrollbar-shadow-color:#CCC;
	scrollbar-highlight-color:#CCC;
	scrollbar-3dlight-color:#FFF;
	scrollbar-darkshadow-Color:#FFF;
}
#container3 {
	position:absolute;
	width:620px;
	height:340px;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-face-color:#FFF;
	scrollbar-arrow-color:#CCC;
	scrollbar-track-color:#FFF;
	scrollbar-shadow-color:#CCC;
	scrollbar-highlight-color:#CCC;
	scrollbar-3dlight-color:#FFF;
	scrollbar-darkshadow-Color:#FFF;
}
#container4 {
	position:absolute;
	width: 520px;
	height: 350px;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-face-color:#FFF;
	scrollbar-arrow-color:#CCC;
	scrollbar-track-color:#FFF;
	scrollbar-shadow-color:#CCC;
	scrollbar-highlight-color:#CCC;
	scrollbar-3dlight-color:#FFF;
	scrollbar-darkshadow-Color:#FFF;
}
#content {
	position:relative;
	width:540px;
	padding:0 0 0 5px;
}
div#content .align{text-align:center; font-weight:bold}

#content3 {
	position:relative;
	width:600px;
	padding:0 0 0 5px;
}
#content4 {
	position:relative;
	width:205px;
	padding:60px 0 0 0;
}
#content_contato {
	position:relative;
	width:330px;
	padding:0 0 0 5px;
}
#content_rede {
	position:relative;
	width:310px;
	padding:0 0 0 5px;
}
#content_nota_fiscal {
	position:relative;
	width:490px;
	padding:0 0 0 5px;
	color:#000000;
}
#content_age1 {
	position:relative;
	width:280px;
	padding:0 0 0 5px;
	float:left;	
}
#content_age2 {
	position:relative;
	width:280px;
	padding:0 0 0 5px;
	float:right;
}
/*-----------------------final de caixa de texto----------------------*/

/*---------Inicio Corretores: Nota Fiscal ---------*/
div#container2_canal .titulo{
	font-size:16px;
	font-weight:bold;
	color: #9CABB1;
}

div#content_nota_fiscal .titulo {
	font-size:16px;
	font-weight:bold;
	color: #9CABB1;
}
div#content_nota_fiscal .subtitulo {
	font-size:12px;
	font-weight:bold;
	color:#9CABB1;
}

/*---------Fim Corretores: Nota Fiscal ---------*/

 a:link, a:visited, a:hover, a:active {
	text-decoration:none;
	font-size: 10px;
	padding:0 0 0 5px;}

 a:link{color:#6486b3;}
 a:visited {color: #6486b3;} 
 a:hover {color: #d27e24;} 
 a:active {color: #6486b3;}

div#content4 a:link, a:visited, a:hover, a:active {
	text-decoration:none;
	font-size: 10px;
	padding:0 0 0 5px;}

div#content4 a:hover {color: #d27e24;} 

input {
font: normal 11px "Trebuchet MS", Arial, verdana;
color:#414141;
border:1px solid #999999;
}
textarea{
font: normal 11px "Trebuchet MS", Arial, verdana;
color:#414141;
border:1px solid #999999;
width:322px;
padding: 0 0 0 5px;
overflow:auto;
}
.botao{
float: right;
margin: 0 0 0 10px;
background:url(../img/botao.gif);
color:#2d4f65;
font: normal 12px "Trebuchet MS", Arial, verdana;
font-weight:bold;
letter-spacing: 1px;
width:70PX;
height:20px;
border:0;
cursor: pointer;
cursor: hand;
}

.botao1{
margin: 0 0 0 0px;
background:url(../img/botao1.gif);
color:#2d4f65;
font: normal 12px "Trebuchet MS", Arial, verdana;
font-weight:bold;
letter-spacing: 1px;
width:80PX;
height:20px;
border:0;
cursor: pointer;
cursor: hand;
}
.tab_exclusivo{
font: normal 11px Arial;
color:#414141;
border:0px solid #999999;
padding: 0 0 0 5px;
overflow:auto;
}
.tab_exclusivo a:link, a:visited, a:active{
color:#414141;
a{text-decoration:none;
}

.tab_exclusivo  a:hover{
color:#2d4f65;
a{text-decoration:none;
font-weight: bold;
}

.tab_menu{
font: normal 11px Arial;
color:#414141;
border:0px solid #999999;
padding: 0 0 0 5px;
overflow:auto;
}
.tab_menu a:link, a:visited, a:active{
color:#414141;
a{text-decoration:none;
}

.tab_menu  a:hover{
color:#FFFFFF;
a{text-decoration:none;
font-weight: bold;
tr.background-color:#666666

}



/*---creditos---*/
div#credito{
	height: 20px;
	width: 970px;
	position: relative;
	text-align:left;
	float:left;
	margin:10px 0 0 10px;
	padding:0;

}
div#credito p{color:#333333; font-size:9px; margin:5px 0 0 5px;}
div#ans {
	height: 15px;
	width: 120px;
	position: absolute;
	background-image: url(../img/logo_ans.jpg);
	background-repeat:no-repeat;
	float:right;
	text-align:right;
	margin:-15px 1px 1px 840px;
	background-color:#FFFFFF;
}

div#credito a{color:#666666; text-decoration:none;}
div#credito a:hover{text-decoration:underline;}
/*----------------barra do scroll-----------------*/

select {
text-align:left;
width:330px;
height:18px;
vertical-align:top;
margin:0;
padding:0;
font: normal 11px "Trebuchet MS", Arial, verdana;
color:#414141;
}
option {padding:0 0 0 5px;}
input {padding: 0 0 0 5px;}