/*
Nome Empresa: Prática Design
URL Empresa: http://www.pratica.eti.br
Front-End: Eduardo Santos | http://www.dusilva.com | dudu.wd@hotmail.com
*/


h4 span {display: none;}
html {overflow-x: hidden;}
body {background: #057bbb url(../img/bg.jpg) repeat-x 50% 0;}
div#geral {margin: 0 auto; width: 760px; position: relative; padding-top:16px;}

*{ text-decoration:none;}

div#miolo {background: #fff; padding-bottom: 0px; float: left;}

/*DIV PÓS TOPO*/
	div#pos-topo { background: url(../img/bg-pos-topo_depois3.jpg) no-repeat; width: 760px; height: 256px; position: relative;}
		div#pos-topo img {position: absolute; top: 28px; left: 43px;}
		
		#apresentacao-flash {position: absolute; top: -20px; right: 8px;}
		div#img-topo {position: absolute; top: -30px; right: 15px;}
		
/*COLUNA LATERAL E MENU*/	
	div#col-Lat {background: #fff; width: 197px; padding: 0 10px; float: left; }
		div#col-Lat div#nav { background: #fff url(../img/bg-nav.jpg) repeat-x; width: 90%; padding: 0 10px;}
			div#col-Lat div#nav h4, h4.pacotes-especiais, h4.promocoes-atuais, h4.grupos-mirella, h4.informativo, h4.mirella, h4.informacoes-vendas {background: url(../img/bg-h4-Opcoes-Viagens.jpg) no-repeat; width: 151px; height: 36px; margin-bottom: 10px;}
				
				h4.pacotes-especiais {background: url(../img/bg-h4-Pacotes-Especiais.jpg) no-repeat!important;}
				h4.servicos {background: url(../img/bg-h4-Servicos.jpg) no-repeat!important;}
				h4.promocoes-atuais { background:url(../img/bg-h4-Promocoes-Atuais.jpg) no-repeat!important;}
				h4.grupos-mirella { background:url(../img/bg-h4-Grupos-Mirella.jpg) no-repeat!important; width: 183px!important;}
				h4.informativo {background:url(../img/bg-h4-Informativo.jpg) no-repeat!important;}
				h4.mirella {background:url(../img/bg-h4-Mirella-Joao.jpg) no-repeat!important;}
				h4.informacoes-vendas {background:url(../img/bg-h4-Informacoes-Vendas.jpg) no-repeat!important; width: 305px!important;}
				
			div#col-Lat div#nav	ul#list {margin-bottom: 8px;}
			div#col-Lat div#nav	ul#list li { position:relative; z-index:42; }
			
			div#col-Lat div#nav	ul#list li a {display: block; background: url(../img/bg-list.jpg) no-repeat; width: 152px; height: 19px; padding: 4px 0 0 25px; color: #0b4260; font-family: "Trebuchet MS"; font-size: 11px; text-decoration:none;}
			div#col-Lat div#nav	ul#list li a:hover {background: url(../img/bg-list-hover.jpg) no-repeat; color: #d1e5f6;}

	/*ATENDIMENTO ONLINE*/			
			div#col-Lat div#nav	div.atendimento { background: url(../img/bg-atendimento.jpg) no-repeat; width: 177px; height: 87px; margin-bottom: 8px;}
				div#col-Lat div#nav	div.atendimento p {font-family:Arial, Helvetica, sans-serif; font-size: 11px; width: 91px; position: relative; top: 40px; left: 10px;}
				div#col-Lat div#nav	div.atendimento a {text-decoration: underline; color:#000;}
				
				
/*CONTEÚDO*/

div#geral div#cont {float: left; width: 543px; background: #fff; }
	
	div#geral div#cont div.engloba-conts {width: 100%; margin-top: 6px; float: left;} 
	
	#div-chamada { z-index:40;width: 360px; height: 189px; background: url(../img/bg-div-chamada.jpg) repeat-x; position: relative; float: left;}
		#div-chamada h4 { position: absolute; top: 9px; left: 7px;}
		#div-chamada .lista-chamada {position: absolute; top: 57px; left: 7px; overflow: auto; height: 90px; width: 335px;}
		#div-chamada .lista-chamada li {background: url(../img/seta-laranja.jpg) no-repeat left; padding-left: 12px; margin-bottom: 4px;}
		#div-chamada .lista-chamada li a {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #043f5f;  display: block!important;}
		#div-chamada .lista-chamada li a:hover {text-decoration: underline;}
		#div-chamada a.veja-mais {position: absolute; top: 165px; left: 18px; background:url(../img/seta-veja-mais.jpg) no-repeat left; padding-left: 15px; font-weight: bold; text-decoration: underline; color: #043f5f;}


/*DIV INFORMATIVO*/

div.informativo {width: 260px; height: 189px; background: url(../img/bg-informativo.jpg) no-repeat 160px 0; float: left; margin-top: 15px;}
	div.informativo p {width: 250px; margin: 15px 0;}


div.informativo form input {border: none; background: #e3f3fb; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 5px;}

#nome {width: 183px;}
#email {width: 142px;}
#bt-ok {background: url(../img/bt-ok.jpg) no-repeat left top; padding: 0; width: 28px; height: 22px;  margin: 15px 0 0 10px;}

/*DIV MIRELLA JOÃO*/
	div.mirella-joao {margin-top: 1px; width: 207px; height: 203px; background: url(../img/bg-mirella-joao.jpg) no-repeat; float: left; margin-left: 63px; position: relative;}
	div.mirella-joao h4 {position: absolute; top: 18px; left: -4px;}
	div.mirella-joao address {font-size: 12px; font-weight: bold; position: absolute; top: 80px; left: 10px;}
	
	
/*DIV INFORMAÇÕES E VENDAS*/

div.informacoes-vendas {width: 523px; height: 38px; background:url(../img/bg-informacoes-vendas.jpg) repeat-y; position: relative; margin-top: 20px;  margin-bottom: 10px;}
	div.informacoes-vendas h4 {position: absolute; top: 0px; left: 0;}
	
	div.agencias {width:740px; background: url(../img/bg-agencias.jpg) repeat-y; position:relative; float:left; padding-left:8px; margin-left:12px; display:inline; margin-top:10px; }
		div.agencias a {color: #000;}
		div.info-agencia, div.info-agencia-interna {width: 170px; float: left; background: url(../img/bg-info-agencia.jpg) no-repeat right 50%; height:140px; text-align: center; padding-right: 8px; padding-left:4px}
		div.info-agencia h5 {margin-top: 10px; color: #43452f;}
		div.info-agencia address {margin-bottom: 10px;}
		div.info-agencia img {margin-top: 3px;}
		
/*DIV RODAPE*/
div#rodape {width: 100%; background:#2294c5; height: 50px; float: left;}
	div#rodape div.p-rodape { margin: 0 auto; width: 760px; margin-top: 10px; color: #fff;}
	div#rodape span {float: right;}
.bgrodape {margin: 0 auto; width: 760px; _width: 762px; height: 14px; background: url(../img/bg-rodape.jpg) no-repeat left top; _background: url(../img/bg-rodape-ie.jpg) no-repeat -1px top;}


/*INTERNAS*/
div.info-agencia-interna {margin-top: 18px; padding-top: 10px; height: 100px; background-position: right 10%;}
.h4-interna {width: 450px; height: 34px; background:url(../img/bg-h4-interna.jpg) no-repeat; position: relative; margin-top: 20px;  margin-bottom: 10px; padding: 10px 10px 10px 15px;}

ul#lista-interna {margin-top: 10px;margin-left: 10px;}
ul#lista-interna2 {margin-top: 10px;margin-left: 10px; float: left; width: 200px;}
ul#lista-interna li, ul#lista-interna2 li {background: url(../img/seta-lista-interna.jpg) no-repeat left 50%; float: none!important;}
ul#lista-interna li a, ul#lista-interna2 li a {padding-left: 10px; color: #000;}
	ul#lista-interna li a:hover, ul#lista-interna2 li a:hover {text-decoration: underline;}
	
	div.box-txt {width: 532px;}
		.borda-baixo {border-bottom: 1px solid #cfe0e8; margin: 5px 0; padding-bottom: 5px;}
	iframe {margin-bottom: 10px; border: 1px solid #cfe0e8;}
	
	form p {width: 200px; margin-bottom: 10px;}
	form p label {float: left; margin-top: 4px;}
	form p input {float: right; padding: 2px 0 2px 2px; border: 1px solid #ccc;}
	#bt {background: #e9f8fd; border: 1px solid #10a0d0; font-size: 12px; padding: 2px; margin-top: 10px;}
	#codigo {border: 1px solid #ccc; padding: 2px 0 2px 2px;}
	
	#presente { width: 292px; margin-top: 10px;}
	#presente td {padding: 3px; text-align: left; }
	
	#form-presente {margin-bottom: 0px!important; margin-top: 20px;}
	#form-presente p {width: 300px;}
	#form-presente p label {float: left; margin-top: 4px;}
	textarea {border: 1px solid #ccc; overflow: auto; width: 300px; height: 150px;}




/*	SUB-MENU*/

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul ul {
	position:absolute;
	display:none;
	left: 177px; /* Set 1px less than menu width */
	top: 0;
}

li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

li:hover ul ul, li.over ul ul { display:none; }

li:hover ul, li li:hover ul, li.over ul, li li.over ul { display: block; background: #fff; border-left: 1px solid #e9f8fd } /* The magic */


#banners { width:160px; float:left; margin-left:10px; }
#banners img { margin-top:2px; }

.boxBigAzul { float: left; margin-top: 10px; display:inline; width:310px; }
	.bgAzul { background: url(../img/bg-boxAzul.jpg) repeat-y; width:265px; padding:0 6px 0 12px;}
	.bgAzul2 { background: url(../img/bg-boxAzul2.jpg) repeat-y; width: 191px; padding: 0 26px 0 16px;}
	.bgAzul3 { background: url(../img/bg-boxAzul.jpg) repeat-y; width: 241px; padding: 0 26px 0 16px;}
	.bgAzul4 { background: url(../img/bg-boxAzul.jpg) repeat-y;  padding: 0 6px 0 16px;}
		.boxChamadas { background: url(../img/bg-boxChamada.jpg) no-repeat left top; width: 190px; padding: 0 0 15px 10px; margin: 13px 0 0px 0; border-bottom:1px solid #d2ebf6; }
		.semborda { border:none }
		.boxChamadas p {color: #000;}
		.txtAzul a { color: #057bbb !important; font:  bold 16px Arial, Helvetica, sans-serif; font-size: 12px;}
		.linkChamadas{text-decoration:none;}
		.linkChamadas:hover{ text-decoration:underline!important;}
	.vejaMaisOpcoes { width: 258px; height: 39px; background: url(../img/bg-vejaMaisOpcoes.jpg) no-repeat; position: relative; margin-top:-10px;}
		.vejaMaisOpcoes a { position: absolute; top: 10px; left: 30px; color: #043f5f; font-weight: bold; text-decoration: underline;}
		
#excursoesExoticas { width:736px; margin-left:10px; display:inline-block; background:url(../img/bg-excursoes-exoticas.gif) no-repeat bottom; clear:both; }
* html #excursoesExoticas { margin:0 auto; }
#excursoesExoticas h5 { background: url(../img/tit-destinos-exoticos.jpg) no-repeat 10px 12px; display:block; text-indent:-4999px; width:100%; height:55px; }
div.txtExcursoesExoticas { float: left; }
div.txtExcursoesExoticas #caravana {display:block; float: left; padding:0px 19px 13px 19px; }
div.txtExcursoesExoticas #caravana li { float:left; padding:0 7px; }
div.txtExcursoesExoticas #caravana li img { width:160px; }
div.txtExcursoesExoticas #caravana li.separador { /*margin:0 18px; */}

.mirellaJoaoPessoa { width: 177px; height: 152px; background: url(../img/bg-mirellaJoaoPessoa.jpg) no-repeat; margin-top: 20px;}

/*LISTA PROMOÇÕES*/
#listaPromocoes { margin: 10px 0 10px 0; padding: 10px 0 0 0; width: 167px;}
#listaPromocoes li { padding-left: 10px; margin-bottom: 5px; background: url(../img/setaVermelha.jpg) no-repeat left 4px;}
#listaPromocoes li a {color: #057bbb; font-weight: bold; font-size: 12px; display: block; font-family: Arial, Helvetica, sans-serif;}
#listaPromocoes li a:hover { text-decoration: underline}

/*LISTA PROMOÇÕES2*/
#listaPromocoes2 { margin:0 0 10px 0; padding:10px 0 0 0; width:258px;}
#listaPromocoes2 li { padding-left: 10px; margin-bottom: 5px; background: url(../img/setaVermelha.jpg) no-repeat left 4px;}
#listaPromocoes2 li a {color: #000000; font-weight: bold; font-size: 10px; display: block; font-family: Arial, Helvetica, sans-serif;}
#listaPromocoes2 li a:hover { text-decoration: underline}

#listaGrupos { margin:0 0 10px 0; padding:10px 0 0 0; width:278px;}
#listaGrupos li { padding-left: 10px; margin-bottom: 5px; background: url(../img/setaVermelha.jpg) no-repeat left 4px;}
#listaGrupos li a {color: #000000; font-weight: bold; font-size: 10px; display: block; font-family: Arial, Helvetica, sans-serif;}
#listaGrupos li a:hover { text-decoration: underline}


/*GALERIA FOTOS*/
#galeriaFoto { width: 245px; height: 145px; /*background: url(../img/bgGaleriaFotos.jpg) no-repeat 160px 60px;*/ margin: 11px 0 0 10px;}
#galeriaFoto p { width: 220px; clear: both; margin: 10px 0 10px 0px; }

#galeriaFoto form {float:left; margin-top: 0px;}
#galeriaFoto form input { width: 100px; margin-left: 5px; margin-bottom: 10px; *margin-bottom: 0px; float: left;}
#galeriaFoto form label {margin: 0; margin-top: 3px; width: 30px; float: left;}
#galeriaFoto form .btEnviar {background: #e9f8fd; border: 1px solid #10a0d0; font-size: 12px; padding: 2px; width: 50px; float: left;}


.linkSetaAzul {background: url(../img/setaAzul.jpg) no-repeat left 5px; padding-left: 19px; color: #000; text-decoration: underline; font-weight: bold;}

/*CLASSES*/
	.borda-left {position: absolute; top: 0; left: 0; width: 7px; height: 189px; background:url(../img/bg-curva-left.jpg) no-repeat;}
	.borda-right {position: absolute; top: 0; right: -1px; width: 7px; height: 189px; background:url(../img/bg-curva-right.jpg) no-repeat;}
	.margin-left {margin-left: 10px;}
	.telefone {color: #419bcc; position:absolute; top: 150px; left: 10px; font-size: 14px; font-weight: bold;}
	.numero {position:absolute; top: 170px; left: 10px; font-size: 19px;}
	.borda-curva-inf-vendas { width: 4px; height: 38px; background:url(../img/bg-borda-informacoes-vendas.jpg) no-repeat; position:absolute; top: 0; right: 0;}
	 
	.borda-top-agencias {width: 736px; height: 6px; background: url(../img/bg-curva-top-agencias.jpg) no-repeat; position: absolute; top: 0; left: 0;}
	.borda-bottom-agencias {width: 736px; height: 6px; background: url(../img/bg-curva-bottom-agencias.jpg) no-repeat; position: absolute; bottom: 0; _bottom: -10px; left: 0;}
	
	.sembg {background: none!important; padding-right: 0px!important;}
	.float-right {float:right;}
	.float-left {float:left;}
	.seta { background: url(../img/bg-list-seta.jpg) no-repeat!important; }
	.seta:hover { background: url(../img/bg-list-seta-hoverr.jpg) no-repeat!important; }
	.preto {color: #000; font-size: 14px;}
	.txt-h4-interna {width: 100%; display: block; font-size: 16px; color: #174254; font-weight: bold;}
	.p-grande {font-size: 13px;}
	.destaque {background: #2089c2; padding: 5px; float: left; color: #fff; margin-top: 20px; }
	.destaque-texto {color: #2089c2; font-weight: bold;}
	a.destaque:hover {background: #65aed6;}
	.noivos {color: #0b4260; font-size: 16px; font-weight: bold;}
	.foto-noivos {border: 1px solid #d1ecf7; padding: 5px; background: #e9f8fd;}
	.cursor-default {cursor:default;}
	.clear {clear: both;}
	.overflow { overflow: hidden; height: 220px; margin-top: -4px;}
	.overflow2 { overflow: hidden; height: 227px; margin-top: -4px;}
	.overflow3 { overflow: hidden; height: 185px; margin-top: -4px;}
	.overflow4 { overflow: hidden; height: 227px; margin-top: -4px;}
	.bgAzulBottom { width: 305px; height: 9px; margin: -7px 0 10px 0; background: url(../img/bgAzulBottom.jpg) no-repeat}
	.bgAzulBottom2 { width: 248px; height: 8px; margin: -7px 0 10px 0; background: url(../img/bgAzulBottom2.jpg) no-repeat}
	.divBLaranja {padding-left: 10px; border-left: 4px solid #ff9920;}
	
	
	
	.lista-chamada {
	border: 1px solid #dae9f0;
	padding-left: 10px;
	scrollbar-arrow-color:#0077bf;
	scrollbar-3dlight-color:#d1ecf7;
	scrollbar-highlight-color:#d1ecf7;
	scrollbar-face-color:#e9f8fd;
	scrollbar-shadow-color:#d1ecf7;
	scrollbar-darkshadow-color:#d1ecf7;
	scrollbar-track-color:#d1ecf7;
	}
	.bordaEstilo {
	scrollbar-arrow-color:#0077bf;
	scrollbar-3dlight-color:#d1ecf7;
	scrollbar-highlight-color:#d1ecf7;
	scrollbar-face-color:#e9f8fd;
	scrollbar-shadow-color:#d1ecf7;
	scrollbar-darkshadow-color:#d1ecf7;
	scrollbar-track-color:#d1ecf7;
	}
	
	.table-contato{ width:532px; background:#f3f5f6;}
	.table-contato tr td{ padding:8px; border:1px solid #fff;}
	.table-contato tr td a{color:#005682;}
	.table-contato tr td a:hover{color:#000000; text-decoration:underline;}
	.table-contato tr.titulo-contato{ background:url(../img/bg-tit-table-contato.jpg) no-repeat left top; width:532px; height:34px; padding-bottom:5px;}
	.user{ background:url(../img/user.jpg) no-repeat 8px 5px; padding-left:25px; text-indent:27px;}
	.mail{ background:url(../img/mail.jpg) no-repeat 8px 5px; padding-left:25px; text-indent:32px;}	
	.skype{ background:url(../img/skype.jpg) no-repeat 8px 5px; padding-left:25px; text-indent:27px;}	
	.talk{ background:url(../img/ico-talk.jpg) no-repeat 8px 5px; padding-left:25px; text-indent:27px;}		



#blocoSuperior { float:left; }

#aniversarios { width:103px; height:24px; background:url(../img/tit-anos.jpg) no-repeat right; position:absolute; margin-left:58px; margin-top:185px; }
#aniversario23 { background:url(../img/aniversarios/23.gif) no-repeat; }
#aniversario24 { background:url(../img/aniversarios/24.gif) no-repeat; }
#aniversario25 { background:url(../img/aniversarios/25.gif) no-repeat; }
#aniversario26 { background:url(../img/aniversarios/26.gif) no-repeat; }
#aniversario27 { background:url(../img/aniversarios/27.gif) no-repeat; }
.numeracao { width:30px; height:24px; display:block; }


#colunaRight { float:right;  margin-top:10px; float:left; margin-left:5px; }
.bannersRight { margin-bottom:13px; }
* html .bannersRight { margin-bottom:14px; }