/*
About this CSS code
Media type: Screen
URL: http://www.jangadeirose.com.br
Author: AGW Internet (http://www.agw.com.br)
Country: Brazil
Comments: Portuguese (br)
Time: Out 07
*/

/* Ajustes de otimização global */

* {
	text-decoration:none;
	margin:0;
	padding:0;
	list-style:none;
	vertical-align:middle;
	outline:0;
	border:0;
	line-height:160%;
	}

h6, h5, h4, h3, h2, h1, caption, th, td {
	font-size:100%;
	font-weight:normal;
	}

legend { color:#000; }
button, select, textarea, input { font:100%; }

table { border-collapse:collapse; }
caption, th, td { text-align:left; }

IE7 { css2:auto; }

/* Elementos globais */

body {
	font:11px Arial, Helvetica, sans-serif;
	overflow:hidden;
	}

[href^="http://"]:not([href*="jangadeirose.com.br"])::after { content:" " url("arquivos/icone_link_externo.png"); }

/* Classes globais */

hr, .invisivel { display:none; }
.semborda { border:none; }

/* Estrutura básica/fixa do layout */

#geral {
	width:1024px;
	height:585px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-512px;
	margin-top:-292.5px;
	overflow:hidden;
	background:#ffba05 url(arquivos/fundo_geral.jpg) no-repeat left top;
	}
#geral #topo {
	width:994px;
	height:235px;
	margin-left:15px;
	z-index:0;
	}
#geral #menu {
	width:747px;
	height:32px;
	position:absolute;
	left:263px;
	top:238px;
	z-index:1;
	}
#geral #pre_reserva {
	width:242px;
	height:239px;
	position:absolute;
	left:15px;
	top:238px;
	background:url(arquivos/box_prereserva.jpg) no-repeat left top;
	text-align:right;
	}
#geral #pre_reserva form {
	width:200px;
	position:absolute;
	left:17px;
	top:40px;
	}
#geral #conteudo {
	width:747px;
	height:345px;
	position:absolute;
	left:261px;
	top:238px;
	}
#geral #conteudo h2 {
	width:386px;
	height:30px;
	position:absolute;
	left:1px;
	top:37px;
	text-indent:-9999px
	}
#geral #conteudo #interna_base_a {
	width:386px;
	height:264px;
	position:absolute;
	left:0;
	top:67px;
	background:url(arquivos/fundo_interna_base_a.jpg) no-repeat left top;
	}
#geral #conteudo #interna_base_a p {
	width:345px;
	margin:17px 20px;
	text-align:justify;
	text-indent:20px;
	}
#geral #conteudo #interna_base_b {
	width:749px;
	height:264px;
	position:absolute;
	left:0;
	top:67px;
	background:url(arquivos/fundo_interna_base_b.jpg) no-repeat left top;
	}
#geral #conteudo #interna_base_b p {
	width:715px;
	margin:17px 20px;
	text-align:justify;
	text-indent:20px;
	}

/* Formulários */

form input, form textarea {
	width:150px;
	margin:0 20px 10px 0;
	padding:3px 2px 2px 5px;
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
	background:#fff;
	border:1px solid #666;
	}
form textarea { width:328px; }
form select {
	margin:5px 5px 7px 0;
	font:11px Arial, Helvetica, sans-serif;
	color:#333;
	background:#fff;
	border:1px solid #666;
	}
form label { color:#594a1f; }
form input.botao_prereserva {
	width:133px;
	height:27px;
	margin:20px;
	padding:0;
	background:url(arquivos/botao_efetuarprecadastro.jpg) no-repeat left top;
	border:none;
	cursor:pointer;
	}
form input.botao_contato {
	width:auto;
	padding:7px;
	background:#594a1f;
	color:#fff;
	font-weight:bold;
	border:none;
	cursor:pointer;
	}
#form_contato {
	position:absolute;
	left:20px;
	top:10px;
	}

/* Inicial */

#geral #conteudo #cont_inicial #box_destaque {
	width:485px;
	height:306px;
	position:absolute;
	left:277px;
	top:35px;
	}
#geral #conteudo #cont_inicial #box_estrutura {
	width:281px;
	height:223px;
	position:absolute;
	left:0;
	top:35px;
	background:url(arquivos/inicial_box_estrutura.jpg) no-repeat left top;
	}
#geral #conteudo #cont_inicial #box_estrutura p {
	text-align:justify;
	margin:45px 25px 0 20px;
	text-indent:20px;
	}
#geral #conteudo #cont_inicial #box_tarifas {
	width:139px;
	height:71px;
	position:absolute;
	left:0;
	top:260px;
	}
#geral #conteudo #cont_inicial #box_tarifas a {
	width:139px;
	height:71px;
	background:url(arquivos/inicial_box_tarifas.jpg) no-repeat left top;
	display:block;
	text-indent:-9999px
	}
#geral #conteudo #cont_inicial #box_localizacao {
	width:142px;
	height:71px;
	position:absolute;
	left:140px;
	top:260px;
	}
#geral #conteudo #cont_inicial #box_localizacao a {
	width:142px;
	height:71px;
	background:url(arquivos/inicial_box_localizacao.jpg) no-repeat left top;
	display:block;
	text-indent:-9999px
	}

/* Interna - O Hotel */

#geral #conteudo #cont_ohotel h2 { background:url(arquivos/titulo_ohotel.jpg) no-repeat left top; }
#geral #conteudo #cont_ohotel #galeria {
	width:334px;
	position:absolute;
	left:410px;
	top:90px;
	background:url(arquivos/galeria_clique.jpg) no-repeat center top;
	padding-top:30px;
	}
#geral #conteudo #cont_ohotel #galeria a {
	margin-left:5px;
	margin-bottom:5px;
	float:left;
	border:5px solid #fff;
	cursor:pointer;
	}
#geral #conteudo #cont_ohotel #galeria a:hover { border:5px solid #000; }

/* Interna - Acomodações */

#geral #conteudo #cont_acomodacoes h2 { background:url(arquivos/titulo_acomodacoes.jpg) no-repeat left top; }
#geral #conteudo #cont_acomodacoes #galeria {
	width:334px;
	position:absolute;
	left:410px;
	top:90px;
	background:url(arquivos/galeria_clique.jpg) no-repeat center top;
	padding-top:30px;
	}
#geral #conteudo #cont_acomodacoes #galeria a {
	margin-left:5px;
	float:left;
	border:5px solid #fff;
	cursor:pointer;
	}
#geral #conteudo #cont_acomodacoes #galeria a:hover {border:5px solid #000; }

/* Interna - Tarifas */

#geral #conteudo #cont_tarifas h2 { background:url(arquivos/titulo_tarifas.jpg) no-repeat left top; }
#geral #conteudo #cont_tarifas table {
	position:absolute;
	left:0;
	top:100px;
	color:#594a1f;
	text-transform:uppercase;
	border:2px solid #a09557;
	}
#geral #conteudo #cont_tarifas table tr th {
	padding:10px;
	background:#a09557;
	color:#fff9bb;
	text-align:center;
	font-weight:bold;
	border:1px solid #fff9bb;
	}
#geral #conteudo #cont_tarifas table tr td {
	padding:15px;
	background:#e5da9c;
	text-align:center;
	border:1px solid #fff9bb;
	}
#geral #conteudo #cont_tarifas h3 {
	width:386px;
	height:30px;
	position:absolute;
	left:1px;
	top:67px;
	background:url(arquivos/tarifas_diariabalcao2007.jpg) no-repeat left top;
	text-indent:-9999px
	}
#geral #conteudo #cont_tarifas div {
	width:250px;
	position:absolute;
	left:480px;
	top:95px;
	text-align:right;
	}
#geral #conteudo #cont_tarifas div p {
	margin-bottom:15px;
	color:#594a1f;
	}

/* Interna - Localização */

#geral #conteudo #cont_localizacao h2 { background:url(arquivos/titulo_localizacao.jpg) no-repeat left top; }
#geral #conteudo #cont_localizacao img {
	position:absolute;
	left:0;
	top:80px
	}	
#geral #conteudo #cont_localizacao div {
	width:245px;
	position:absolute;
	left:490px;
	top:43px;
	text-align:right;
	}
#geral #conteudo #cont_localizacao div p {
	margin-bottom:10px;
	color:#594a1f;
	}

/* Interna - Reservas */

#geral #conteudo #cont_reservas h2 { background:url(arquivos/titulo_reservas.jpg) no-repeat left top; }
#geral #conteudo #cont_reservas #interna_base_b table {
	width:710px;
	position:absolute;
	left:15px;
	top:15px;
	color:#594a1f;
	}
#geral #conteudo #cont_reservas #interna_base_b table tr td { text-align:right; }
#geral #conteudo #cont_reservas #interna_base_b form input {
	width:140px;
	margin:0 10px 4px 5px;
	padding:3px 2px 2px 5px;
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
	background:#fff;
	border:1px solid #666;
	}
#geral #conteudo #cont_reservas #interna_base_b form select {
	margin:0 10px 4px 5px;
	font:11px Arial, Helvetica, sans-serif;
	color:#333;
	background:#fff;
	border:1px solid #666;
	}
#geral #conteudo #cont_reservas #interna_base_b form input.botao {
	width:auto;
	padding:7px;
	background:#594a1f;
	color:#fff;
	font-weight:bold;
	border:none;
	cursor:pointer;
	}

/* Interna - Fale Conosco */

#geral #conteudo #cont_faleconosco h2 { background:url(arquivos/titulo_faleconosco.jpg) no-repeat left top; }
#geral #conteudo #cont_faleconosco div {
	float:left;
	}
