/*---------------------------------------------------------------Código da div "Menú" para todas as páginas*/
#menu {	position:absolute;
	left:3px;
	top:10px;
	width:213px;
	height:536px;
	z-index:10;
	text-align: center;}

/*---------------------------------------------------------------Aqui começa a Css da página Home*/
#carro { position:absolute;
	left:232px;
	top:48px;
	width:53px;
	height:43px;
	z-index:1;}
	
#segvida { position:absolute;
	left:234px;
	top:128px;
	width:53px;
	height:36px;
	z-index:2;}
	
#saude { position:absolute;
	left:236px;
	top:206px;
	width:52px;
	height:45px;
	z-index:3;}
	
#viagem { position:absolute;
	left:235px;
	top:305px;
	width:63px;
	height:69px;
	z-index:4;}
	
#seguroauto { position:absolute;
	left:465px;
	top:54px;
	width:77px;
	height:11px;
	z-index:5;}
	
#segurovida { position:absolute;
	left:469px;
	top:134px;
	width:81px;
	height:16px;
	z-index:6;}
	
#segurosaude { position:absolute;
	left:488px;
	top:212px;
	width:42px;
	height:12px;
	z-index:7;}
	
#viajante {	position:absolute;
	left:492px;
	top:316px;
	width:135px;
	height:25px;
	color: #cf5800;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	z-index:8;}
	
#textoauto { position:absolute;
	left:321px;
	top:68px;
	width:372px;
	height:30px;
	z-index:9;
	text-align: center;}

#textovida { position:absolute;
	left:321px;
	top:150px;
	width:376px;
	height:26px;
	z-index:10;
	text-align: center;}

#textosaude { position:absolute;
	left:324px;
	top:225px;
	width:362px;
	height:27px;
	z-index:11;
	text-align: center;}

#textoviajante { position:absolute;
	left:389px;
	top:376px;
	width:353px;
	height:28px;
	z-index:12;}

#confira { position:absolute;
	left:696px;
	top:453px;
	width:46px;
	height:14px;
	z-index:13;}
/*---------------------------------------------------------------Fim da css da página Home*/ 		


/*---------------------------------------------------------------Aqui começa a css da página Auto*/
#segurados { position:absolute;
	left:511px;
	top:31px;
	width:127px;
	height:122px;
	z-index:1;}
	
#cotaragora { position:absolute;
	left:550px;
	top:228px;
	width:50px;
	height:33px;
	z-index:2;}
	
#rana {	position:absolute;
	left:400px;
	top:397px;
	width:70px;
	height:17px;
	z-index:3;}

#bannerauto { position:absolute;
	left:219px;
	top:24px;
	width:114px;
	height:113px;
	z-index:15;}
/*---------------------------------------------------------------Fim da css da página Auto*/


/*---------------------------------------------------------------Aqui começa a css da página Saúde*/
#titulosaude { position:absolute;
	left:457px;
	top:3px;
	width:32px;
	height:17px;
	z-index:15;}
	
#mulhergravida { position:absolute;
	left:232px;
	top:27px;
	width:118px;
	height:124px;
	z-index:16;}
	
#planosaude { position:absolute;
	left:482px;
	top:40px;
	width:192px;
	height:273px;
	border: #E2EBF5 solid thin;
	z-index:17;}
	
#plano { position:absolute;
	left:231px;
	top:378px;
	width:516px;
	height:64px;
	z-index:18;}
	
#estudo { position:absolute;
	left:662px;
	top:484px;
	width:83px;
	height:22px;
	z-index:19;}

#estudo2 { position:absolute;
	left:366px;
	top:89px;
	width:65px;
	height:42px;
	z-index:20;
	font-family: "Times New Roman";
	font-weight: bold;
	color: #4D6185;
	text-align: center;}
/*---------------------------------------------------------------Fim da css da página Saúde*/


/*---------------------------------------------------------------Aqui começa a css da página empresa*/
#empresa { position:absolute;
	left:453px;
	top:3px;
	width:44px;
	height:17px;
	z-index:15;}
	
#textoempresa {	position:absolute;
	left:230px;
	top:23px;
	width:516px;
	height:64px;
	z-index:18;
	text-align:justify;}
	
#textoempresa2 { position:absolute;
	left:236px;
	top:238px;
	width:212px;
	height:74px;
	z-index:19;
	text-align:justify;}
	
#sulamerica { position:absolute;
	left:528px;
	top:227px;
	width:196px;
	height:254px;
	z-index:20;
	text-align: center;
	border: #E2EBF5 solid thin;}

#pc { position:absolute;
	left:6px;
	top:19px;
	width:52px;
	height:37px;
	z-index:21;}
	
#cincomil {	position:absolute;
	left:94px;
	top:20px;
	width:98px;
	height:34px;
	z-index:21;}
/*---------------------------------------------------------------Fim da css da pagina Empresa*/


/*---------------------------------------------------------------Aqui começa a css da página Contato*/
#contato { position:absolute;
	left:453px;
	top:3px;
	width:44px;
	height:17px;
	z-index:15;}

#mulher { position:absolute;
	left: 475px;
	top: 107px;}

#contato2 {	position: absolute;
	left: 457px;
	top: 443px;}
		   
#contato3 {	position:absolute;
	left:225px;
	top:90px;
	width:130px;
	height:123px;
	z-index:17;}		   
		   
#fone {	position:absolute;
	left:431px;
	top:474px;
	width:97px;
	height:17px;
	z-index:16;
	font-family: Verdana;
	font-size: 10px;}
/*---------------------------------------------------------------Fim da css da página contato*/


/*---------------------------------------------------------------Aqui começa css da pagina Boletim*/
#boletim {position:absolute;
	left:453px;
	top:3px;
	width:44px;
	height:17px;
	z-index:15;}

#rana20 {
	position: absolute;
	left: 372px;
	top: 362px;}

#setembro{
	position: absolute;
	left: 402px;
	top: 151px;}
/*---------------------------------------------------------------Fim da css da página boletim*/


/*---------------------------------------------------------------Aqui começa a css da página Expediente*/
#expediente{
	position: absolute;
	width: 132px;
	height: 117px;
	left: 278px;
	top: 36px;}

#expediente2 {
	position:absolute;
	left:442px;
	top:36px;
	width:287px;
	height:141px;
	z-index:15;}

#rana20novo{position: absolute;
	        left: 372px;
	        top: 362px;}

/*---------------------------------------------------------------Fim da css da página Expediente*/

/*---------------------------------------------------------------Aqui começa a css da página Vida*/
#titulovida {
	position:absolute;
	left:457px;
	top:3px;
	width:32px;
	height:17px;
	z-index:15;}
	
#vida {
	position:absolute;
	left:232px;
	top:29px;
	width:84px;
	height:74px;
	z-index:16;}
	
#vantagens {
	position:absolute;
	left:484px;
	top:92px;
	width:192px;
	height:218px;
	z-index:17;}
	
#coberturas {
	position:absolute;
	left:234px;
	top:396px;
	width:447px;
	height:64px;
	z-index:18;
	text-align:center;}
	
#titulovantagens {
	position:absolute;
	left:545px;
	top:55px;
	width:73px;
	height:14px;
	z-index:19;}

#titulocoberturas {
	position:absolute;
	left:447px;
	top:365px;
	width:73px;
	height:14px;
	z-index:19;}
/*---------------------------------------------------------------Fim da css da página vida*/

/*---------------------------------------------------------------Aqui começa a css da página RC*/
#titulorc {
	position:absolute;
	left:438px;
	top:3px;
	width:100px;
	height:17px;
	z-index:15;}
	
#rc1 {
	position:absolute;
	left:234px;
	top:57px;
	width:207px;
	height:160px;
	z-index:16;}
	
#rc2 {
	position:absolute;
	left:484px;
	top:37px;
	width:192px;
	height:205px;
	border: #E2EBF5 solid thin;
	text-align: center;
	z-index:17;}
	
#rc3 {
	position:absolute;
	left:237px;
	top:334px;
	width:494px;
	height:64px;
	z-index:18;
	text-align: justify;}
	
/*Página ABM Rana*/
#Layer1 {
	position:absolute;
	left:5px;
	top:2px;
	width:95px;
	height:49px;
	z-index:1;
}
#Layer2 {
	position:absolute;
	left:5px;
	top:144px;
	width:157px;
	height:109px;
	z-index:2;
}
#Layer3 {
	position:absolute;
	left:691px;
	top:143px;
	width:22px;
	height:81px;
	z-index:3;
}
#Layer4 {
	position:absolute;
	left:5px;
	top:449px;
	width:159px;
	height:140px;
	z-index:4;
}
#Layer5 {
	position:absolute;
	left:475px;
	top:449px;
	width:211px;
	height:103px;
	z-index:5;
}
#Layer6 {
	position:absolute;
	left:475px;
	top:141px;
	width:216px;
	height:308px;
	z-index:9;
	background-image: url(file:///C|/Documents%20and%20Settings/Denise/Meus%20documentos/2%20Minutos/clientes/Rana/Novo/imagens/abm/bg_menu.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
}
	
.style58 {
	font-size: 24px;
	font-family: verdana;
	color: #FFFFFF;
	font-weight: bold;
}
.style59 {
	font-size: 20px;
	font-family: verdana;
	color: #FFFFFF;
	font-weight: bold;
}
.style60 {font-size: 10px; font-family: verdana; color: #FFFFFF; font-weight: bold; }
.style61 {font-size: 9px; font-family: verdana; color: #FFFFFF; }	
/*---------------------------------------------------------------Fim da css da página RC*/	

/*---------------------------------------------------------------Aqui começa a css da página Previdencia*/
#tituloprevidencia {
	position:absolute;
	left:424px;
	top:3px;
	width:124px;
	height:17px;
	z-index:15;}
	
#previdencia {
	position:absolute;
	left:217px;
	top:73px;
	width:536px;
	height:471px;
	z-index:16;}
	
#boletimpp {
	position:absolute;
	left:607px;
	top:46px;
	width:148px;
	height:18px;
	z-index:17;}
/*---------------------------------------------------------------Fim da css da página Previdência*/

/*---------------------------------------------------------------Aqui começa a css da página Campanhas*/
#titulocampanhas {
	position:absolute;
	left:424px;
	top:3px;
	width:124px;
	height:17px;
	z-index:15;}
	
#campanhas {
	position:absolute;
	left:239px;
	top:39px;
	width:479px;
	height:489px;
	z-index:16;
	text-align: justify;}
/*---------------------------------------------------------------Fim da css da página Campanhas*/

/*---------------------------------------------------------------Aqui começa a css da página Perfilauto*/
#cotacao {
	position:absolute;
	left:229px;
	top:12px;
	width:493px;
	height:532px;
	z-index:16;}

/*---------------------------------------------------------------Fim da css da página Perfilauto*/
	
/*---------------------------------------------------------------Aqui começa a css da página Previsão*/	
#previsao {
	position:absolute;
	left:238px;
	top:41px;
	width:201px;
	height:106px;
	z-index:16;}
	
#textoprevisao {
	position:absolute;
	left:332px;
	top:9px;
	width:248px;
	height:23px;
	z-index:17;
	text-align: center;}
	
#lua {
	position:absolute;
	left:245px;
	top:394px;
	width:149px;
	height:128px;
	z-index:18;}
	
#transito {
	position:absolute;
	left:430px;
	top:452px;
	width:290px;
	height:15px;
	z-index:19;}
/*---------------------------------------------------------------Fim da css da página Previsão*/	

/*---------------------------------------------------------------Aqui começa a css da página Cotação Programada*/	
#rana20novo1{position: absolute;
	        left: 131px;
	        top: 326px;}	
#agendar {
	position:absolute;
	left:12px;
	top:25px;
	width:176px;
	height:106px;
	z-index:16;}	

#programada {
	position:absolute;
	left:190px;
	top:45px;
	width:288px;
	height:106px;
	z-index:16;
	text-align:justify;}
	
#cotacaoprogramada{
	position: absolute;
	left: 95px;
	top: 211px;
	width: 287px;}

#titulocotacao{
	position: absolute;
	left: 424px;
	top: 12px;
	width: 127px;}

#iframe {
	position:absolute;
	left:241px;
	top:35px;
	width:497px;
	height:511px;
	z-index:17;}
/*---------------------------------------------------------------Fim da css da página Cotação Programada*/

/*---------------------------------------------------------------Aqui começa a css da página Auto-Vistoria*/
#vistoria{
	position: absolute;
	left: 174px;
	top: 37px;
	width: 624px;
	text-align:center;
	z-index: 15;}
/*---------------------------------------------------------------Fim da css da página Auto-Vistoria*/

/*---------------------------------------------------------------Aqui começa a css da página Assistencia 24 horas*/
#tituloassistencia {position:absolute;
	left:425px;
	top:3px;
	width:123px;
	height:17px;
	z-index:15;}
	
#endereco {
	position:absolute;
	left:273px;
	top:33px;
	width:181px;
	height:168px;
	z-index:16;
	text-align: center;}
	
#itens {
	position:absolute;
	left:549px;
	top:33px;
	width:148px;
	height:185px;
	z-index:17;}
	
#linha1 {
	position:absolute;
	left:274px;
	top:177px;
	width:423px;
	height:11px;
	z-index:18;}

#linha2 {
	position:absolute;
	left:274px;
	top:86px;
	width:423px;
	height:11px;
	z-index:18;}

#linha3 {
	position:absolute;
	left:275px;
	top:335px;
	width:423px;
	height:11px;
	z-index:18;}

#linha4 {
	position:absolute;
	left:274px;
	top:259px;
	width:423px;
	height:11px;
	z-index:18;}
	
#linha5 {
	position:absolute;
	left:276px;
	top:335px;
	width:423px;
	height:11px;
	z-index:18;}
	
#linha6 {
	position:absolute;
	left:276px;
	top:409px;
	width:423px;
	height:11px;
	z-index:18;}
/*---------------------------------------------------------------Fim da css da pagina Assistencia 24 horas*/

/*---------------------------------------------------------------Css da página Estradas*/
body {
	margin-left: 0px;
	margin-top: 0px;}
/*---------------------------------------------------------------Fim da css de Estradas*/	

/*---------------------------------------------------------Aqui começa a css da página Previdencia PGBL..*/
#tabela {
	position:absolute;
	left:195px;
	top:556px;
	width:136px;
	height:15px;
	z-index:1;
}
#Layer7 {
	position:absolute;
	left:27px;
	top:576px;
	width:219px;
	height:17px;
	z-index:2;
}
#Layer8 {
	position:absolute;
	left:254px;
	top:576px;
	width:219px;
	height:17px;
	z-index:3;
}
#Layer9{ background-color: #EFEFEF;
	position:absolute;
	left:27px;
	top:594px;
	width:447px;
	height:16px;
	z-index:4;
}
#Layer10 {background-color:#EFEFEF;
	position:absolute;
	left:27px;
	top:692px;
	width:447px;
	height:16px;
	z-index:5;
}
#Layer11 {background-color:#EFEFEF;
	position:absolute;
	left:27px;
	top:769px;
	width:447px;
	height:16px;
	z-index:6;
}
#Layer12 {background-color:#EFEFEF;
	position:absolute;
	left:27px;
	top:867px;
	width:447px;
	height:16px;
	z-index:7;
}
#Layer13 {background-color:#EFEFEF;
	position:absolute;
	left:27px;
	top:943px;
	width:447px;
	height:16px;
	z-index:8;
}
#Layer14 {background-color:#EFEFEF;
	position:absolute;
	left:27px;
	top:1006px;
	width:447px;
	height:16px;
	z-index:9;
}
#Layer15 {
	position:absolute;
	left:27px;
	top:613px;
	text-align: center;
	width:177px;
	height:26px;
	z-index:10;}
	
#Layer16 {
	position:absolute;
	left:296px;
	top:620px;
	text-align: center;
	width:177px;
	height:26px;
	z-index:11;}
	
#Layer17 {
	position:absolute;
	left:27px;
	top:712px;
	text-align: center;
	width:177px;
	height:18px;
	z-index:12;}
	
#Layer18 {
	position:absolute;
	left:296px;
	top:714px;
	text-align: center;
	width:177px;
	height:16px;
	z-index:13;}
	
#Layer19 {
	position:absolute;
	left:27px;
	top:789px;
	text-align: center;
	width:177px;
	height:16px;
	z-index:14;}
	
#Layer20 {
	position:absolute;
	left:296px;
	top:795px;
	text-align: center;
	width:177px;
	height:21px;
	z-index:15;}
	
#Layer21 {
	position:absolute;
	left:27px;
	top:886px;
	text-align: center;
	width:177px;
	height:15px;
	z-index:16;}
	
#Layer22 {
	position:absolute;
	left:296px;
	top:886px;
	text-align: center;
	width:177px;
	height:14px;
	z-index:17;}
	
#Layer23 {
	position:absolute;
	left:27px;
	top:962px;
	text-align: center;
	width:177px;
	height:11px;
	z-index:18;}
	
#Layer24 {
	position:absolute;
	left:296px;
	top:962px;
	text-align: center;
	width:177px;
	height:11px;
	z-index:19;}
	
#Layer25 {
	position:absolute;
	left:27px;
	top:1025px;
	text-align: center;
	width:177px;
	height:23px;
	z-index:20;}
	
#Layer26 {
	position:absolute;
	left:296px;
	top:1025px;
	text-align: center;
	width:177px;
	height:32px;
	z-index:21;}
/*--------------------------------------------------------------Fim da css da Página Previdencia Pgbl..*/

/*--------------------------------------------------------------Aqui começa a css da página Prev. Iniciar*/
#prev{position:absolute;
	left:1px;
	top:38px;
	width:282px;
	height:32px;
	z-index:21;}
	
#graficos {
	position:absolute;
	left:292px;
	top:97px;
	width:198px;
	height:656px;
	z-index:22;
	text-align:right;
}
/*--------------------------------------------------------------Fim da css da página Prev. Iniciar*/

/*--------------------------------------------------------------Aqui começa a css da Página Saude Estudo*/
#saude_estudo {
	position:absolute;
	left:208px;
	top:11px;
	width:571px;
	height:521px;
	z-index:17;}
/*---------------------------------------------------------------Fim da css da página Saúde Estudo*/

/*---------------------------------------------------------------Aqui começa a css da página Seguro viagem*/
#tituloviagem {
	position:absolute;
	left:411px;
	top:3px;
	width:139px;
	height:17px;
	z-index:15;}
	
#vantagensviagem {
	position:absolute;
	left:482px;
	top:40px;
	width:192px;
	height:330px;
	border: #E2EBF5 solid thin;
	z-index:17;
	text-align: left;
}
#descritivo {
	position:absolute;
	left:278px;
	top:445px;
	width:380px;
	height:16px;
	z-index:18;}
	
#figuraviagem {
	position:absolute;
	left:232px;
	top:27px;
	width:118px;
	height:124px;
	z-index:16;}
	
/*--------------------------------------------------------------Fim da css da página Seguro viagem*/
	
/*---------------------------------------------------------------Links p/ todas as páginas*/
a:link {color: #4D6185;
	    text-decoration: none;
		font-family: Verdana;
		font-size: 10px;}

a:visited {color: #4D6185;
           text-decoration: none;
		   font-family: Verdana;
		   font-size: 10px;}

a:hover {text-decoration: underline;}

a:active {text-decoration: none;}
/*---------------------------------------------------------------Estilos*/

/*P/ Títulos*/
.style1 {color: #4D6185;
		font-family: Verdana;
	    font-size: 10px;
		font-weight: bold;}

/*P/ Textos*/		
.style2 {color: #4D6185;
	     font-family: Verdana;
	     font-size: 10px;}

/*P/ Títulos rebeldes q ñ ficam como devem no estilo 1*/		 
.style3 {color: #4D6185;
		font-family: Verdana;
	    font-size: 0.9em;
		font-weight: bold;}
 
/*P/ casos especiais*/
.style4{color: #4D6185;
		font-size: 10px;
		font-weight: bold;}
		
/*P/ casos de só acrescentar Negrito em um estilo*/
.style5{font-weight: bold;}

/*P/ as linhas da página assistencia 24h*/
.style6{font-family: Verdana;
	  font-size: 0.6em;
	  color: #CCCCCC;}
	  
.style7{color: #4D6185;
		font-size: 10px;} 
		
.style8{color: #4D6185;
		font-family: Verdana;
	    font-size: 0.9em;
		font-weight: bold;
		text-decoration:underline;}

.style9{text-align: center;}

.style10{text-align: center;
         color: #4D6185;
		font-family: Verdana;
	    font-size: 0.6em;
		font-weight: bold;}
.style11{font-family: Verdana;
	     font-size: 10px;
		 font-weight: bold;
		 color: #0D7207;}

.style12{text-align:center;}
.style13{font-size: 9px;}
.style54 {font-size: 10px; font-family: verdana; color: #4D6185; }
.style55 {font-size: 10px; font-family: verdana; color: #4D6185; font-weight: bold; }
.style62 {
	color: #3D6F6C;
	font-weight: bold;
}
.style68 {
	color: #3D6F6C;
	font-size: 9px;
	font-family: Verdana;
	font-weight: bold;
}
.style69 {color: #D9DAE8}
#left {text-align: left;}
#body {
	height: 100%;
	width: 100%;
	text-align: center;
	background-color: #006476;
}