/*
Estilos para Quilimbai por Estudio Dukal
alexdukal@gmail.com
Actualizado: 07 octubre 2006
*/
body {
	font: 13px/18px "Trebuchet MS", Arial, sans-serif;
	color: #666666;
	background: url(/images/background.gif) repeat;
	margin: 0px;
	padding: 0px 0px 40px;
	text-align: center;
}
#container {
	background: url(/images/back-layout.gif)  repeat-y center top;
	margin: 0px auto;
	padding: 0px;
	width: 763px;
}
#header {
	width: 763px;
	margin: 0px;
	padding: 0px;
	position: relative;
	background: url(/images/back-header.gif)  repeat-y center;
	height: 233px;
}
.logo {
	float: left;
	margin: 0px 0px 0px 6px;
	padding: 0px;
	height: 233px;
	width: 236px;
	text-align: center;
}
.logo img {
	margin: 90px 0px 0px;
	padding: 0px;
}
.headerpic {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 233px;
	width: 486px;
}
#main {
	margin: 50px 0px 0px 6px;
	padding: 0px;
	width: 751px;
	float: left;
	position: relative;
}
#sidebar {
	float: left;
	width: 236px;
	margin: 0px;
	padding: 0px;
}
.nav {
	float: left;
	width: 236px;
	margin: 0px auto 40px;
	padding: 0px;
}
.nav ul {
	margin: 0px;
	padding: 0px;
	width: 195px;
	float: right;
	border: none;
}
.nav li {
	text-align: right;
	list-style: none;
	margin: 0px;
	padding: 0px;
	font: bold 16px "AvantGarde Bk BT", Arial, sans-serif;
	color: #999999;
}
.nav li a {
	display: block;
	color: #999999;
	border-right: 13px solid #C2C1B7;
	border-bottom: 1px solid #C2C1B7;
	padding: 4px 45px 4px 0px;
	margin: 0px;
}
.nav a:link, .nav a:visited {
	text-decoration: none;
	border-right: 13px solid #C2C1B7;
	border-bottom: 1px solid #C2C1B7;
	color: #999999;
}
.nav a:hover {
	color: #666666;
	text-decoration: none;
	background: #F3F3F1;
	border-bottom: 1px solid #C2C1B7;
	border-right: 13px solid #C97837;
}
#active a:link, #active a:visited, #active a:hover {
	background: #F3F3F1;
	border-right: 13px solid #C97837;
}
.ad {
	width: 236px;
	margin: 15px auto 50px;
	padding: 0px;
	text-align: center;
}
.ad a:link, .ad a:visited {
	text-decoration: none;
	border: none;
}
.content {
	margin: 0px 97px 0px 0px;
	padding: 0px;
	float: right;
	width: 354px;
}
.content p {
	text-align: justify;
	margin: 15px 0px 0px;
	padding: 0px;
}
#detail {
	margin: 0px auto;
	padding: 0px;
	width: 751px;
	text-align: left;
	height: 78px;
	clear: both;
}
#footer {
	background: #8A7D74 url(/images/back-footer.gif) no-repeat center bottom;
	margin: 0px auto;
	padding: 0px;
	width: 763px;
	height: 82px;
}
#footer p {
	font-size: 11px;
	color: #C2C1B7;
	text-align: left;
	margin: 0px 0px 0px 242px;
	padding: 8px 0px 0px;
}
#footer a:link, #footer a:visited {
	color: #F0F0F0;
	text-decoration: none;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #897E73;
}
.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
}
h1 {
	font-size: 20px;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
}
h2 {
	font-size: 16px;
	text-align: left;
	padding: 20px 0px;
	font-weight: bold;
	margin: 0px;
}
h3 {
	font-size: 16px;
	text-align: left;
	padding: 0px;
	font-weight: bold;
	margin: 0px 0px 20px;
	width: 90%;
}
a:link, a:visited {
	color: #C97837;
	text-decoration: none;
}
a:hover, a:active {
	color: #333333;
	text-decoration: none;
	background: #DAD9CE;
}
#picgallery {
	margin: 15px 0px 0px;
	padding: 0px;
	float: left;
	width: 352px;
}
.foto {
	background-color: #fff;
	width: 338px;
	margin: 10px auto 25px;
	padding: 2px;
	border: 1px solid #C2C1B7;
}
.foto p {
	margin: 3px auto 3px;
	padding: 0px;
	text-align: center;
	font-size: 11px;
}
#picgallery img {
	margin: 0px;
	padding: 0px;
	border: none;
}

#mapas {
	margin: 25px 0px 0px;
	padding: 0px;
	float: left;
	width: 347px;
	text-align: left;
}
#mapas ul {
	margin: 0px;
	padding: 0px;
	width: 346px;
	float: left;
	border: none;
	height: 25px;
}
#mapas li {
	list-style: none;
	margin: 3px 3px 0px 0px;
	padding: 0px;
	float: left;
	display: block;
	border: none;
}
#mapas a:link, #mapas a:visited {
	margin: 0px;
	padding: 0px;
	border: none;
}
#mapas a:hover {
	margin: 0px;
	padding: 0px;
	border: none;
}

/* ----------- CONTACTO ----------------------- */

#form {
	margin: 35px auto 15px;
	width: 354px;
}
#form p {
	font-weight: bold;
	font-size: 14px;
	color: #333 !important;
	width: 100%;
	background: #DAD9CE;
	margin:15px auto 15px;
	padding: 10px;
	text-align: center !important;
}
#form legend {display:none;}
#form label {
	display: block;
	float: left;
	width: 80px; 
	padding: 1px 1px 1px 3px; 
	margin: 0px 0px 0px 0px;
	text-align: left;
	background: #DAD9CE;
	color: #333;
}
#form label.Mensaje {
	width: 328px !important; 
}
label.Option, label.chicos, label.bebes, label.Llega-mes, label.Llega-anio, label.Parte-mes, label.Parte-anio {display:none !important;}
#form select {
	float: left;
	background: #DAD9CE;
	border:none;
	padding: 1px 1px 1px 3px; 
	margin:0px 0px 3px 3px !important;
}
#form select#Pasajeros, #form select#chicos {
	width: 120px;
}
fieldset {
	border: none;
}
input#Nombre, input#Apellido, input#Email, input#Telefono, input#Ciudad, input#Provincia {
	float: left;
	display: block;
	background: #DAD9CE;
	border:none;
	padding:2px;
	margin:0px 0px 3px 3px !important;
	width: 240px;
}
input.zemSubmit {
	width: 68px;
	height: 25px;
	background-color: #DAD9CE;
	text-align: center;
	border: none;
	font-weight: bold;
	color: #666;
	margin: 15px 0px 25px 0px;
	cursor: pointer;
}
input.zemSubmit:hover {
	background-color: #6F6A53;
	color: #EEE;
}
textarea {
	font: 13px/18px "Trebuchet MS", Arial, sans-serif;
	color:#666;
	width: 328px;
	float: left;
	background: #DAD9CE;
	padding: 2px;
	margin:3px 0px 5px 0px;
	border:none;
}
ul.zemError {
	width: 312px;
	background-color: #FFF4AF;
	margin:15px auto 15px;
	padding: 10px;
	list-style:none;
	text-align: left;
}
ul.zemError li {
	padding-left: 23px;
	margin-bottom: 10px;
	background: url('/images/error.gif') no-repeat left 1px;
}
#instrucciones {
	background: #E3E3E3;
	margin: 20px 0px 0px;
	padding: 6px 0px 25px;
	width: 100%;
}
#instrucciones p {
	margin: 0px auto 10px;
	padding: 0px;
	width: 80%;
	text-align: left;
}
.info {
	float: left;
	margin: 13px 12px 0px 13px;
	padding: 0px;
	height: 30px;
	width: 30px;
}
.enviado {
	margin: 0px 97px 0px 0px;
	padding: 0px;
	float: right;
	width: 354px;
	height: 250px;
}
.enviado p {
	text-align: justify;
	margin: 15px 0px 0px;
	padding: 0px;
}
