/* -------------------------------------------
FOLHA DE ESTILOS - Serra Carioca
Autor:	Sergio de Moraes - www.sergiodemoraes.com.br
Data:	2009-09-17
------------------------------------------- */


@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:#191208 url(../imagens/bg.gif) repeat top center; color:#D8D4A5; font:11px Tahoma, Geneva, sans-serif; }
a { color:#fff; text-decoration:none; }
	a:hover { color:#fff; }
h1 { float:left; margin:10px 0 0 15px; }
h2 { color:#E5C58B; display:inline; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 23px 0 0; }
h3 { color:#E5C58B; margin:30px 0 10px 0; font:14px Tahoma, Geneva, sans-serif; }
h5 { color:#c7c39e; display:inline; font:normal 17px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:20px 0 0 10px; padding:10px 23px 0 0; }

hr { display:none; }
small a { color:#fff; }

input, select, textarea { background-color:#C7C39E; border:1px solid #fff; font:12px Tahoma, Geneva, sans-serif; padding:2px 3px; }
	
#geral { margin:10px auto 30px auto; width:960px; }
	#geral .bt-reservar a, .botao, .bt { background-color:#D5B36B; border:1px solid #2b1e0e; color:#191208; cursor:pointer; display:block; float:left; padding:5px; text-transform:uppercase; }

.divide { background:url(../imagens/linha-686.jpg) no-repeat; clear:both; height:1px; margin:20px auto; width:686px; }
.mais { margin:10px 0 0 0; text-align:right; }


form .radio { margin-right:3px; }

/* TOPO - INICIO
------------------------------------------- */
.login { margin:5px auto; text-align:right; width:960px; }
	.login a { background-color:#000; color:#E5C58B; padding:1px 5px 3px 6px; }
		.login a:hover { color:#E5C58B; }
	.login form { background-color:#C7C39E; color:#000; position:absolute; margin:3px 0 0 751px; padding:10px; text-align:left; }
		.login form .usuario label, .login form .senha label { float:left; margin:2px 0 0 0; width:40px; }
		.login form .usuario input, .login form .senha input { width:130px; }
		.login form .botao { display:block; font-size:12px; padding:2px; }
	.login #cad2 p a { background-color:#C7C39E; color:#000; }
		
#topo { background:url(../imagens/bg-topo.jpg) no-repeat top center; }
	
	#topo h1 { float:left; margin:10px 22px 0 10px; }
	#topo .publicidade { color:#666; float:left; font-size:9px; margin:25px 15px 0 0; }
	#topo .chat { float:right; margin:35px 20px 0 0; }
		#topo .chat p { float:left; margin-left:10px; }
		#topo .chat a { cursor:pointer; }
		#topo .chat a img { margin-top:3px; }
	#topo .comunidades { float:right; background:none; margin:35px 10px 0 0; padding:0; width:125px; }
		#topo .comunidades li { border:none; display:inline; margin:0; padding:0; }
		
	/*#topo ul { background:#2F2010 url(../imagens/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 #D8D4A5; display:inline; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 7px 0 10px; }*/
			#topo a { color:#D8D4A5; }
				#topo a:hover { color:#fff; }
			
	/*#topo .cidades { background-color:#2F2010; background-image:none; margin:0 0 0 390px; padding:0; position:absolute; text-align:left; z-index:99; }
		#topo .cidades li { border:none; display:block; padding:2px 15px 4px 10px; }*/
	
	#reservar { background:url(http://www.serracarioca.com.br/pt-br/imagens/bg-reserva.jpg) no-repeat top left; float:left; height:280px; margin:10px 0 0 5px; padding:20px 0 0 5px; top:155px; width:220px; }
		#reservar form { padding:20px 10px 10px 10px; }
			#reservar #cbocidades { margin:0 0 10px 0; width:190px; }
			#reservar #cidade_hotel { margin:0 0 10px 0; width:190px; }
			#reservar .chegada { float:left; margin:5px 0 15px 0; width:100px; }
			#reservar .partida { margin:5px 0 15px 0; }
			#reservar .adultos { float:left; width:100px; }
				#reservar .adultos input { width:80px; }
				#reservar .criancas input { width:80px; }
			#reservar .pesquisar { margin:5px 10px 0 0; text-align:right; }
				/*#reservar .pesquisar input { background:url(../imagens/bt-pesquisar.gif) no-repeat; border:none; cursor:pointer; text-indent:-1000px; width:75px; }*/
	
	#bannerhotel { background-image:url(../imagens/ico-carregando.gif); background-repeat:no-repeat; background-position:400px -20px; margin:0; }


.menu { padding:0 0 0 220px; position:relative; text-align:center; width:740px; z-index:80; }
/* Responsável por remover as margens, padding e bullets de todas as listas */
.menu ul { background:#2F2010 url(../imagens/bg-menu.jpg) repeat-x top left; height:17px; margin:10px 5px 0 10px; padding:4px 0 6px 0; }
	.menu ul .ini { border:none; margin:0 0 0 15px; }
/* Float para tornar a lista horizontal e positipn relative para controlar as posições dos submenus */
.menu li { border-left:1px solid #D8D4A5; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 10px; float:left; position:relative; }
/* Estilos aplicados aos links de primeiro nível 


/* Esconder os sub níveis e dar-lhes uma posição absoluta para que eles ocupem nenhum espaço */
.menu ul ul { background-image:none; background-color:transparent; visibility:hidden; margin:3px 0 0 0; padding:15px 0 0 0; position:absolute; height:0; top:0px; left:0; text-align:left; }
.menu ul li ul li { background-color:#2F2010; border:none; margin:0; padding:3px 0; width:100px; }

/* Estilo para a tabela, necessário para que funcione no Internet Explorer */
.menu table { position:absolute; top:0; left:0; border-collapse:collapse; }

/* Estilo para o segundo nível de links */
.menu ul ul a, .menu ul ul a:visited { padding:5px 0 5PX 10px; }

/* Torna o segundo nível do menu visível quando passar o mouse sob o primeiro nível do menu ou link */
.menu ul li:hover ul, .menu ul a:hover ul{ visibility:visible; }
/* Mantém o terceiro nível oculto quando você passar o mouse sob o primeiro nível do menu ou link */
.menu ul :hover ul ul{ visibility:hidden; }
/* Tornar o terceiro nível visível quando você coloca o mouse sob o segundo nível do menu ou link */
.menu ul :hover ul :hover ul{ visibility:visible; }
/* TOPO - FIM
------------------------------------------- */


/* CONTEUDO - INICIO
------------------------------------------- */
#conteudo { background-color:#191208; border-left:5px solid #e5c58b; border-right:5px solid #e5c58b; min-height:70px; }
	#conteudo p { margin-bottom:8px;  }
	#conteudo a { color:#fff; }
		#conteudo a:hover { color:#fff; }

#colunapropaganda { float:left; width:220px; margin:10px 10px;}
	#colunapropaganda .publicidade { color:#666; font-size:9px; margin:10px 0 20px 0; }
	
	#colunapropaganda .boletim { margin:0; }
		#colunapropaganda legend { margin:0 0 8px 0;}
		#colunapropaganda p { margin:0 0 8px 0; }
			#colunapropaganda label { margin:0 80px 0 0; }
			#colunapropaganda input { width:193px; }
			#colunapropaganda .bt { width:auto; }
		
#colunaprincipal { margin:10px 10px 10px 0; float:right; width:680px; }
	#colunaprincipal .pacotes { height:155px; margin:20px 0 0 0; }
		#colunaprincipal .pacotes li { float:left; height:120px; margin:0 30px; }
			#colunaprincipal .pacotes .ini { border:none; padding-left:0; }
			#colunaprincipal .pacotes .fim { padding-right:0; }
			#colunaprincipal .pacotes a { color:#D8D4A5; display:block; text-align:center; }
				#colunaprincipal .pacotes a:hover { color:#fff; }
				#colunaprincipal .pacotes a strong { padding:0 5px 0 0; font-weight:normal; }
	
	.cx { background-color:#2B1E0F; border:1px solid #2B1E0F; margin:10px 0 0 0; min-height:580px; overflow:hidden; padding:10px; width:660px; }
		
		.frente { color:#fff; float:left; font-size:15px; margin:10px 7px 0 0; min-height:130px; padding:10px; width:200px; }
			.frente-dir { float:right; margin-right:0; }
			.frente li { border-bottom:1px solid #3C2913; font-size:11px; height:250px; padding:0 0 20px 0; }
				#colunaprincipal .frente a { color:#D8D4A5; }
					#colunaprincipal .frente a:hover { color:#fff; }
					.frente li a img { background:url(../imagens/bg-destaque-hotel.jpg) no-repeat top left; margin:25px 0 -5px 0; padding:10px 12px 15px 10px; }
				.frente li .detal { float:right; margin:10px 0 0 0; }
				.frente li strong { line-height:25px; }
					
	
	.cx2 { background-color:#2B1E0F; border:1px solid #2B1E0F; margin:0 0 10px 0; min-height:360px; padding:10px; width:660px; }
		.cx2 h3 { margin:0 0 15px 0; }
	
	.cx3 { background-color:#2B1E0F; border:1px solid #2B1E0F; margin:100px auto; padding:10px; width:250px; }
	
	
.estados { float:left; width:118px; }
	.estados li a { color:#ccc; display:block; padding:3px 0 4px 0; }
		#conteudo .estados li a:hover { background:url(../imagens/ico-seta1.gif) no-repeat left; color:#fff; padding:3px 0 4px 15px; }


.contato { float:left; padding:0 70px 0 0; width:300px; }
	.contato p { float:left; width:48%; }
	.contato label { width:100%; }
	.contato input, .contato select, .contato textarea { margin:4px 0 10px 0; width:100%; }
		.contato textarea { height:130px; }
		.contato .bt { text-align:right; width:55px; }


.parceiros li { display:inline; height:127px; margin:0 24px 0 0; width:201px; }
	.parceiros li img { margin-bottom:24px; }

.destinos { background-color:#191208; border:1px solid #D5B36B; margin:20px 0 0 0; padding:10px; width:579px; }

.borda { margin:3px 0; padding:5px; background-color:#191208; border:1px solid #D5B36B; }


#testdiv1 { visibility:hidden; margin:0 0 0 60px; position:absolute; z-index:99; }
	#testdiv1 table { background-color:#fff; }
		#testdiv1 a { color:#666; }
		#testdiv1 a:hover { color:#000; }
		#testdiv1 .cpDayColumnHeader { color:#999; font-weight:bold; }
		#testdiv1 .cpCurrentMonthDateDisabled { color:#ccc; }


.menu-ohotel { float:right; font-size:12px; text-align:right; }
	.menu-ohotel li { background-color:#2b1e0e; display:inline; padding:5px; }

.ohotel .foto { float:left; margin:0 20px 10px 0; }


.tarifas ul { color:#E5C58B; display:inline; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; float:left; margin:10px 22px; }
	.tarifas ul li { font-size:11px; line-height:11px; margin:10px 0; text-align:center; }
	

.menu-imprensa li { float:left; margin:10px 15px 10px 10px; }


.galeria li { float:left; margin:15px 22px; }
/* CONTEUDO - FIM
------------------------------------------- */


/* GALERIA DESTAQUES CAPA - INICIO
------------------------------------------- */
#menugeral { font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:25px 0 0 0; width:99%; }
	#menugeral ul { height:30px; margin:0; padding:0; }
		#menugeral ul li { display:inline; }
			#menugeral ul li a { border:none; float:left; height:30px; margin:0 8px 0 0; color:#D7BE79; text-decoration:none; }
				#menugeral ul li a span { border:1px solid #2B1E0F; position:relative; float:left; margin:0; padding:0 6px; line-height:30px; cursor:pointer; }
				#colunaprincipal .home ul li a span { border:1px solid #3C2913; position:relative; float:left; margin:0; padding:0 6px; line-height:30px; cursor:pointer; }
				#menugeral ul li a:hover, #menugeral ul .ativo a { text-decoration:none; color:#D7BE79; }
				#menugeral ul li a:hover span, #menugeral ul .ativo span { border:1px solid #2B1E0F; background-color:#2B1E0F; }
				#colunaprincipal .home ul li a:hover span, #colunaprincipal .home ul .ativo span { border:1px solid #3C2913; background-color:#3C2913; }
		
	.thumbs { background-color:#3C2913; }
		.thumbs li { background:url(../imagens/bg-pacotes.jpg) no-repeat top left; color:#D8D4A5; float:left; min-height:140px; margin:10px 0 5px 7px; padding:9px 15px 5px 5px; text-align:center; width:142px; }
			.thumbs li img { margin-bottom:10px; }
			#colunaprincipal .thumbs li a { color:#D8D4A5; }
				#colunaprincipal .thumbs li a:hover { color:#fff; }
/* GALERIA DESTAQUES CAPA - FIM
------------------------------------------- */


/* RODAPE - INICIO
------------------------------------------- */
#rodape { background:url(../imagens/bg-rodape.gif) no-repeat 0px -20px; color:#CDB17B; padding:10px; text-align:center; }
	#rodape .menu { margin:0 auto; padding:0; }
		#rodape .menu ul { background:url(../imagens/linha-800.jpg) no-repeat top center; margin:0; padding:25px 0 50px 10px; }
			#rodape .menu ul li { border-left:1px solid #E5C58B; display:inline; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; /*padding:0 7px 0 10px;*/ }
				#rodape .menu ul .ini { border:none; }
			#rodape a { color:#E5C58B; }
	#rodape p a { color:#8B6E43; margin:0 0 0 3px; }
		#rodape .torradeira { float:right; margin:-22px -10px 0 0; }
/* RODAPE - FIM
------------------------------------------- */


/* Erro
------------------------------------------- */
#conteudo .erro { background-color:#FF9; color:#333; border:1px solid #1B1A19; display:block; margin-bottom:20px; overflow:hidden; padding:15px; }
	#conteudo .erro p { margin:0; padding:0; width:100%; }