@import url(cotacoes/cotacoes.css);

div#diaCorretor {
	position: absolute;
	top: 290px;
	width: 500px;
	z-index: 1000;
	background-color: #FFF;
	border: 10px solid #2D6EC0;
	text-align: center;
}
div#diaCorretor p {
	margin-bottom: 5px;
}
div#diaCorretor a {
	float: right;
	margin: 5px; padding: 5px 10px;
	font: bold 20px Arial, Helvetica, sans-serif;
	background: #C00;
	text-decoration: none;
	color: #FFF;
}
.clearBoth { clear:both; }
	
* {	margin: 0; padding: 0; }

fieldset { border: none; }
fieldset legend { display: none; }

h1,h2,h3,h4,h5,h6 { font-family: Georgia, Arial, Verdana, sans-serif; color: #00337F; }

h3 { font-size: 19px; text-align: center; text-transform: uppercase; }
h3 span { font-size: 23px; }
	
h4 { font-size: 16px; text-align: center; text-transform: uppercase; }
h4 span { font-size: 20px; }

h5 { font-size: 13px; text-align: left; }
	
p.observacao {
	width: 100%;
	display: inline; float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	padding: 5px 0 0 5px;
}

span.msgErro {	
	padding-bottom: 10px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #F00;}


			
body {
	background: #BEC1C6 url("imagens/fundo.jpg") repeat-x ;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #6A6A6A;
	}
	
#corpo {
	width: 760px;
	margin: 0 auto;
}
	#corpo #topo {
		width: 760px;
		height: 119px;
	}
		#topo div.logoContatto {
			width: 229px;
			height: 58px;
			display: block;	float: left;
			margin: 30px 0px 0px 0px;
		}
			div.logoContatto h1 a {
				display: block;
				width: 229px;
				height: 58px;
				background: url("imagens/logoContatto.gif") no-repeat;
				text-indent: -1000em;
			}
		#topo div.logoChubb {
			width: 58px;
			height: 70px;
			display: block;	float: right;
			margin: 25px 0px 0px 0px;
		}
			div.logoChubb h2 a {
				display: block;
				width: 58px;
				height: 70px;
				background: url("imagens/logoChubb.gif") no-repeat;
				text-indent: -1000em;
			}
	#corpo #navPrincipal {
			width: 760px;
			height: 36px;
	}
		#navPrincipal ul {
			list-style: none;
		}
		#navPrincipal li {
			float: left; display: block;
			height: 38px;
			}
		#navPrincipal a {
			display: block;
			float: left;
			height: 38px;
			padding: 8px 13px 0 13px;
			text-decoration: none;
			text-transform: uppercase;
			font-weight: bold;
			color: #666666;
		}
		#navPrincipal a:hover {
			background: url("imagens/botaoOver.jpg") repeat-x;
		}
		#navPrincipal a.primeiroBotao {
			display: block;
			float: left;
			height: 38px;
			margin-left: 7px; /margin-left: 3px;
			padding: 8px 15px 0 16px;
			text-decoration: none;
			text-transform: uppercase;
			font-weight: bold;
			color: #666666;
		}
		#navPrincipal a.primeiroBotao:hover {
			background: url("imagens/botaoOver.jpg") repeat-x;
		}
		#navPrincipal a.botaoAtivo {
			background: url("imagens/botaoOver.jpg") repeat-x;
		}
	#corpo #principal {
		width: 760px;
		margin: 0 auto;
		background: #F3F3F3;
	}
		#principal #conteudo {
			width: 740px;
			padding: 10px;
			background: #F3F3F3;
			text-align: justify;
		}
			div.navSeguros { 
				width: 228px; 
				float: left; 
				margin: 0px 10px 10px 5px; 
				background: #105C96 url("imagens/menuBottom.jpg") no-repeat left bottom;
			}
				div.navSeguros h4 { 
					background: #F4F4F4; 
					padding-bottom: 10px;
				}
				div.navSeguros ul { 
					list-style: none; 
					line-height: normal; 
					padding: 2px 10px 0px 10px;
					background: url("imagens/menuTop.jpg") no-repeat left top;
				}
				div.navSeguros ul li { 
					padding: 6px 0px 6px 23px; 
					border-bottom: 1px solid #2872A6; 
					background: url("imagens/flechaMenu.gif") no-repeat 8px 11px;
				}
				div.navSeguros ul li:hover { background: url("imagens/flechaMenu.gif") no-repeat 12px 11px; }
				div.navSeguros ul li a { text-decoration: none;	color: #A4E4F5; }
				div.navSeguros ul li a:hover { text-decoration: underline; }

			div.areaLogin {
				width: 495px;
				display: inline; float: left;
			}
				/* Area Corretor - Login */
				div.areaLogin div.realizarLogin { 
					display: inline; float:left; 
					width: 230px; 
					margin-right: 15px; 
					margin-left: 5px; 
				}
					div.realizarLogin div.titulo {
						margin-bottom: 13px; 
						border-bottom: 1px solid #DADADA;
						font-size: 17px;
						font-weight: bold; 
						text-align: center; 
						color:#00337F; 
					}
					div.realizarLogin form.realizarLogin { 
						width: 230px; 
						height: 72px; 
						padding: 0px 0 0 0; 
					}
						form.realizarLogin a {
							font-size: 12px;
							font-weight: bold;
							text-decoration: none;
							color: #00337F;
						}
						form.realizarLogin a:hover {
							text-decoration: underline;
						}
						form.realizarLogin label.label1 { 
							width: 230px; 
							display:inline; float:left;
							line-height: 20px; 
							text-align:center;
						}
						form.realizarLogin label.label2 { 
							width: 230px;	
							height:18px; 
							display:inline; float:left; 
						}
						form.realizarLogin label.label2 input { 
							width: 89px; 
							height: 20px; 
							padding: 2px; 
							padding-bottom: none; 
							font:11px Arial, Helvetica, sans-serif; 
							color:#666; 
							border:1px solid #CCC; 
						}
						form.realizarLogin label.botaoEntrar { 
							width: 230px; 
							height: 19px;
							display: inline; float: left; 
							margin: 5px 0;
						}
							label.botaoEntrar input { 
								width: 70px; 
								height: 27px; 
								border: 1px solid #FFF; 
								background: #00337F; 
								font-family: Arial, Helvetica, sans-serif; 
								font-size: 12px; 
								font-weight: bold; 
								text-transform: uppercase; 
								color: #FFF;
							}
				/**/
				
				/* Área Cadastrar-se */
				div.areaLogin div.aindaNaoSouCadastrado { 
					width: 235px;
					display: inline; float:left;
				}
					div.aindaNaoSouCadastrado div.titulo {
						margin-bottom:30px; 
						border-bottom:1px solid #DADADA; 
						font-size: 17px;
						font-weight: bold; 
						text-align: center; 
						color:#00337F; 
					}
					div.aindaNaoSouCadastrado label.label1 {
						width: 230px;
						display:inline; float:left;
						padding-bottom: 5px; 
						text-align: center; 
					}
					div.aindaNaoSouCadastrado a {
						width: 200px; 
						display: block; float:left; 
						line-height: 23px;
						margin-left: 17px; 
						cursor: default; 
						border: 1px solid #FFF; 
						background: #00337F; 
						font-family: Arial, Helvetica, sans-serif; 
						font-size: 12px; 
						font-weight: bold;
						text-align: center;
						text-transform: uppercase; 
						text-decoration: none; 
						color: #FFF; 
					}
				/**/
				/* Área Logado */
				div.areaLogin div.bemVindo {
					display: inline; float:left; 
					width: 485px; 
				}
					div.bemVindo ul {
						float:left;
						padding-top: 5px;
						list-style: none;
					}
					div.bemVindo li {
						float: left;
					}
					div.bemVindo div.titulo {
						margin-bottom: 5px; 
						border-bottom: 1px solid #DADADA;
						font-size: 17px;
						font-weight: bold; 
						text-align: center; 
						color:#00337F; 
					}
					div.bemVindo span.dadosCorretora {
						width: 485px;
						float: left;
						padding-top: 7px;
						border-bottom: 1px solid #DADADA;
						font-size: 13px;
						font-weight: bold;
						color: #00337F;
					}
					div.bemVindo span.nomeCorretora {
						font-size: 12px;
						font-weight: bold;
						color: #00337F;
						text-transform: uppercase;
					}
						div.bemVindo label.label1 { 
							width: 275px; 
							display:inline; float:left;
							line-height: 20px; 
							text-align:left;
						}
						div.bemVindo label.label2 { 
							width: 210px; 
							display:inline; float:left;
							line-height: 20px; 
							text-align:left;
						}
					div.bemVindo a {
						width: 200px; 
						display: block; float:left; 
						line-height: 23px;
						margin-left: 30px; 
						border: 1px solid #FFF; 
						background: #00337F; 
						font-family: Arial, Helvetica, sans-serif; 
						font-size: 12px; 
						font-weight: bold;
						text-align: center;
						text-transform: uppercase; 
						text-decoration: none; 
						color: #FFF; 
					}
				/**/
			div.conteudoSeguros {
				width: 730px;
				display: inline; float: left;
				margin: 15px 5px 0px 5px;;
			}
				div.conteudoSeguros .mensagemErro {
					font: bold 17px Arial, Helvetica, sans-serif;
					color: #D60000;
}}
			div.abertura {
				font-family: Verdana, Geneva, sans-serif;
				font-size: 12px;
			}
			div.banner{
				width:712px;
				height:202px;
				margin:13px auto 10px auto;
			}
			div.banner a img{ border:none}
			div.abertura div.flashAbertura {
				width: 740px;
				height: 125px;
				display: block;
			}
			div.abertura div.colunaEsquerda {
				display: inline; float: left;
				width: 30%;
				padding: 10px;
				background: #F8F8F8;
				text-align: center;
			}
				div.colunaEsquerda div#buscaCorretoras label {
					display: inline; float: left;
					width: 200px;
					margin: 0 0 5px 17px;
				}
					div.colunaEsquerda div#buscaCorretoras label select {
						display: block; float: left;
						width: 200px;
					}
					div.colunaEsquerda div#buscaCorretoras label input#submit {
						width: 200px; 
						display: block; float:left; 
						line-height: 23px;
						cursor: default; 
						border: 1px solid #FFF; 
						background: #00337F; 
						font-family: Arial, Helvetica, sans-serif; 
						font-size: 12px; 
						font-weight: bold;
						text-align: center;
						text-transform: uppercase; 
						text-decoration: none; 
						color: #FFF; 
					}
			div.abertura div.colunaDireita {
				display: inline; float: left;
				width: 63%;
				margin: 0px 0px 5px 20px;
				}
				div.colunaDireita div.nossaFilosofia {
					padding: 5px;
					font-size: 13px;
					font-weight: bold;
					color: #00337F;
				}
				div.colunaDireita div.chubb {
					width: 344px;
					height: 31px;
					margin: 5px 0px;
					background: url("imagens/chubbDoBrasil.jpg") no-repeat;
				}
			div.empresa {
				font-family: Verdana, Geneva, sans-serif;
				font-size: 12px;
				text-align: left;
			}
			div.empresa h4 {
				font-size: 16px;
				text-align: left;
				text-transform: uppercase;
			}
			/* Seguro AUTOMOVEL */
			div.automovel {
				width: 740px;
			}
				div.sobre_automovel {
					width: 730px;
					display: inline; float: left;
					font-family: Verdana, Geneva, sans-serif;
					font-size: 12px;					
				}
					div.sobre_automovel div.imagemAutomovel {
						margin: 5px 0 0 68px;
					}
					div.sobre_automovel div.vantagens {
						width: 680px;
						margin: 10px 0 0 30px;
						padding: 10px 0px;
						background: #FBFBFB;
						text-align: left;
					}
						div.vantagens ul.primeiraColuna { 
							width: 300px; /width: 325px;
							display: inline; float: left;
							margin-top: 10px;
							margin-right: 5px;
							padding-left: 20px; /padding-left: 10px;
							padding-right: 5px;
						}
							ul.primeiraColuna li {
								padding-bottom: 5px;
							}
						div.vantagens ul.segundaColuna { 
							width: 325px;
							display: inline; float: left;
							margin-top: 10px;
							padding-left: 23px; /padding-left: 10px;
							border-left: 1px solid #CCC;
							text-align: left;
						}
							ul.segundaColuna li {
								padding-bottom: 5px;
							}
					div.sobre_automovel ul.logomarcasRodape {
						margin-top: 20px;
						list-style: none;
					}
						ul.logomarcasRodape li {
							width: 200px;
							display: inline; float: left;
						}
			/**/
			div.residencial {
				width: 740px;
			}
				div.sobre_residencial {
					width: 730px;
					display: inline; float: left;
					font-family: Verdana, Geneva, sans-serif;
					font-size: 12px;					
				}
				div.sobre_residencial li {
					padding-bottom: 10px;
				}
				div.sobre_residencial div.imagemResidencial {
					margin: 0px 0px 10px 85px;
				}
			/* Seguro YACHT */
			div.yacht {
				width: 740px;
			}
				div.sobre_yacht {
					width: 730px;
					display: inline; float: left;
					font-family: Verdana, Geneva, sans-serif;
					font-size: 12px;
				}
				div.sobre_yacht div.vantagens {
						width: 555px;
						margin: 10px 0 0 90px;
						padding: 0px 0px;
						background: #FBFBFB;
						text-align: left;
					}
						div.sobre_yacht div.vantagens ul.primeiraColuna { 
							width: 500px;
							display: inline; float: left;
						}
							ul.primeiraColuna li {
								padding-bottom: 5px;
							}
				div.sobre_automovel ul.logomarcasRodape {
						margin-top: 20px;
						list-style: none;
					}
						ul.logomarcasRodape li {
							width: 200px;
							display: inline; float: left;
						}
				div.sobre_yacht div.imagemYacht {
					margin: 10px 0 20 200px;
				}
			/**/
			div.empresarial {
				width: 740px;
			}
				div.sobre_empresarial {
					width: 730px;
					display: inline; float: left;
					font-family: Verdana, Geneva, sans-serif;
					font-size: 12px;					
				}
			/* Seguro VIDA */
			div.vidaemgrupo {
				width: 740px;
			}
				div.sobre_vidaemgrupo {
					width: 730px;
					display: inline; float: left;
					text-align: left;
					font-family: Verdana, Geneva, sans-serif;
					font-size: 12px;					
				}
					div.sobre_vidaemgrupo ul.primeiraColuna {
						width: 300px;
						display: inline; float: left;
						list-style: none;
						text-align: justify;
						margin-top: 15px;
						margin-left: 50px;
					}
						ul.primeiraColuna li.imagem {
							padding-left: 10px;
						}
					div.sobre_vidaemgrupo ul.segundaColuna {
						width: 350px;
						display: inline; float: right;
						list-style: none;
						color: #00337F;
					}
						ul.segundaColuna ul li {
							margin-left: 15px;
							padding-bottom: 6px;
						}
						ul.segundaColuna h4 {
							text-align: left;
							padding-bottom: 10px;
							padding-top: 15px;
							}
			/**/
			/* Seguro Transporte */
			div.transporte {
				width: 740px;
			}
				div.sobre_transporte {
					width: 730px;
					display: inline; float: left;
					font-family: Verdana, Geneva, sans-serif;
					font-size: 12px;					
				}
					div.sobre_transporte div.imagemTransporteTop {
						margin: 0px 0px 15px 40px;
					}
					div.sobre_transporte div.imagemTransporteMiddle {
						margin: 10px 0px 0px 170px;
					}
					div.sobre_transporte ul.servicosDiferenciados {
						list-style: none;
					}
						ul.servicosDiferenciados li {
							width: 220px;
							display: inline; float: left;
							margin-left: 17px;
							line-height: 16px;
						}
			/**/
			div.contato {
				width: 100%;
				float: left;
				display: inline;
				font-family: Verdana, Geneva, sans-serif;
				font-size: 12px;
			}
			div.contato h4 {
				font-size: 16px;
				text-align: left;
				text-transform: uppercase;
			}
			div.contato h5 {
				font-size: 13px;
				text-align: center;
				font-family: Verdana, Geneva, sans-serif;
				font-size: 12px;				
				text-transform: uppercase;
			}
			div.contato a {
				color: #00337F;
				text-decoration: none;
			}
			div.contato a:hover {
				text-decoration: underline;
			}
			div.contato p,form {
				text-align: center;
			}
				div.contato form input,textarea,select {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					padding-left: 2px;
					border: 1px solid #CACACA;
					background: #f4f1f1;
					color: #666666;
					}
	#corpo #rodape {
		width: 760px;
		padding: 2px 0px;
	}
		#rodape p {
			text-align: center;
		}
a.baixar-apres{ display:block; float:right; width:180px; height:56px; margin:-20px 0 0; background:url(imagens/bt-baixar-apres.gif) no-repeat left top; text-indent:-99999em; outline:none;}
a.baixar-apres:hover{ background-position:right top}