/* -------------------------------------------
FOLHA DE ESTILOS - Hotéis Eventos e Lazer Operadora
Autor:		Sergio de Moraes - www.sergiodemoraes.com.br
Data:  2009-03-05
------------------------------------------- */


@charset "UTF-8";

/* ZERAR TAGs - INICIO
------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
pre, form, fieldset, p, blockquote { margin: 0; padding: 0; }
th, td { margin: 0; padding: 0; }
address, th { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
img, fieldset { border: none; }
ol, ul { list-style: none; }
* { margin: 0; padding: 0; border: none; list-style: none; }
/* ZERAR TAGs - FIM
------------------------------------------- */

body { background:#000 url(../img/bg.jpg) repeat-x top center; color:#ccc; font:11px Tahoma, Geneva, sans-serif; }
a { color:#fff; text-decoration:none; }
h1 { float:left; margin:10px 0 0 15px; }
h2 { background:url(../img/ico-1.jpg) no-repeat bottom right; color:#D7BE79; display:inline; font:normal 18px Georgia, "Times New Roman", Times, serif; padding:0 23px 0 0; }
h3 { color:#fff; margin:30px 0 10px 0; font-size:12px; }
h5 { background:url(../img/ico-0.jpg) no-repeat bottom right; color:#c7c39e; display:inline; font:normal 17px Georgia, "Times New Roman", Times, serif; margin:20px 0 0 10px; padding:10px 23px 0 0; }

input, select, textarea { background-color:#C7C39E; border:1px solid #fff; font:12px Tahoma, Geneva, sans-serif; padding:2px 3px; }
.bt { background:none; border:none; padding:0; }

#geral { margin:30px auto; width:960px; }

.divide { background:url(../img/linha-686.jpg) no-repeat; clear:both; height:1px; margin:20px auto; width:686px; }
.mais { margin:10px 0 0 0; text-align:right; }


/* TOPO - INICIO
------------------------------------------- */
#topo { background:url(../img/bg-topo.jpg) no-repeat top center; }
	
	#topo .publicidade { color:#666; float:right; font-size:9px; margin:20px 15px 0 0; }

#topo ul { background:#5b5949 url(../img/bg-menu.jpg) repeat-x top left; margin:10px 5px 0 10px; padding:3px 0 5px 0; text-align:center; }
	#topo ul li { border-left:1px solid #666; display:inline; font:14px Georgia, "Times New Roman", Times, serif; padding:0 7px 0 10px; }
		#topo a { color:#fff; }
			#topo a:hover { color:#000; }
		#topo ul .ini { border:none; }

#reservar { background:url(http://www.heloperadora.com.br/pt-br/img/bg-reserva.jpg) no-repeat top left; float:left; height:280px; margin:10px 0 0 5px; padding:10px 0 0 5px; top:155px; width:220px; }
	#reservar iframe { height:240px; margin:0; overflow:hidden; width:210px; }
		#reservar iframe body #formReserva { background-color:#000; }

#bannerhotel { background-image:url(../img/ico-carregando.gif); background-repeat:no-repeat; background-position:400px -20px; margin:0; }
/* TOPO - FIM
------------------------------------------- */


/* CONTEUDO - INICIO
------------------------------------------- */
#conteudo { background-color:#000; border-left:5px solid #fff; border-right:5px solid #fff; min-height:70px; }
	#conteudo p { margin-bottom:8px;  }
	#conteudo a:hover { color:#999; }

#colunapropaganda { float:left; width:220px; margin:10px 10px;}
	#colunapropaganda .publicidade { color:#666; font-size:9px; margin:30px 0 10px 0; }
		
	#colunapropaganda legend { margin:0 0 8px 0;}
	#colunapropaganda p { color:#fff; margin:0 0 8px 0; }
		#colunapropaganda label { margin:0 80px 0 0; }
		#colunapropaganda input { width:200px; }
		#colunapropaganda .bt { width:auto; }
		
#colunaprincipal { margin:10px 10px 10px 0; float:right; width:680px; }
	#colunaprincipal .pacotes { height:160px; margin:20px 0 10px 0; }
		#colunaprincipal .pacotes li { float:left; height:120px; margin:0 4px; }
			#colunaprincipal .pacotes .ini { border:none; padding-left:0; }
			#colunaprincipal .pacotes .fim { padding-right:0; }
			#colunaprincipal .pacotes a { display:block; text-align:center; }
				#colunaprincipal .pacotes a strong { padding:0 5px 0 0; font-weight:normal; }
	
	.cx { background:#0c0c0c url(../img/bg-conteudo.gif) no-repeat top right; border:1px solid #1B1A19; margin:20px 0 0 0; min-height:130px; padding:10px; width:660; }
		.frente h3 { margin:0 0 5px 0; }
			.frente h3 a { color:#fff; }
		.frente img { float:left; margin:0 15px 10px 0; }
		.frente a { color:#ccc; }
		
.estados { float:left; width:118px; }
	.estados li a { color:#ccc; display:block; padding:3px 0 4px 0; }
		#conteudo .estados li a:hover { background:url(../img/ico-seta1.gif) no-repeat left; color:#fff; padding:3px 0 4px 15px; }

#contato p { float:left; width:48%; }
	#contato .col2 { margin-left:25px; }
#contato label { width:100%; }
#contato input, #contato select, #contato textarea { margin:4px 0 10px 0; width:100%; }
	#contato select { width:102%; }
	#contato textarea { height:240px; width:98%; }
	#contato .bt { float:right; width:auto; }

.parceiros li { display:inline; height:127px; margin:0 24px 0 0; width:201px; }
	.parceiros li img { margin-bottom:24px; }
/* CONTEUDO - FIM
------------------------------------------- */


/* RODAPE - INICIO
------------------------------------------- */
#rodape { background:#000 url(../img/bg-rodape.gif) no-repeat 0px -20px; color:#fff; padding:10px; text-align:center; }
	#rodape ul { background:url(../img/linha-800.jpg) no-repeat top center; padding:25px 0 50px 0; }
		#rodape ul li { border-left:1px solid #666; display:inline; font:12px Georgia, "Times New Roman", Times, serif; padding:0 7px 0 10px; }
			#rodape a { color:#D7BE79; }
			#rodape ul .ini { border:none; }
	#rodape p a { color:#999; margin:0 0 0 3px; }
/* RODAPE - FIM



/* Erro
------------------------------------------- */
#conteudo .erro { background-color:#FF9; color:#333; border:1px solid #1B1A19; display:block; margin-bottom:20px; padding:15px; }
	#conteudo .erro p { margin:0; padding:0; }
	
/* Relatorio
------------------------------------------- */
 
.menu { float:right; margin:-23px 0 0 0; }
