/* ===================================================================================
// HOJA DE ESTILO GENERICA PARA AREA DE RESERVAS (Contiene elementos comunes)
   (c) KOALAB 2005
=================================================================================== */
body { margin:0px; padding:0px; background:#DDEDFF url(/reservas/imgLib/global/interface/body_bg.jpg) repeat-x; }
/* 
--------------------------------------------------------------------------------------
// Estilos para Barra de enlaces superior - incluyendo enlace de cambio de idioma
-------------------------------------------------------------------------------------- 
*/
#navBarArea h1, #navBarArea h2 { display:none;}
#navBarLinks {
	background:#F3F9FF url(/reservas/imgLib/global/interface/ulNavBg.jpg) no-repeat;
	margin-top:15px;
	margin:0px;
	padding:0px;
	height:32px;
	margin-top:15px;
	padding-left:119px;
}
#navBarLinks li {
	display:block;
	float:left;
	list-style-type:none;
	padding-top:12px;
}
#navBarLinks li a:link,#navBarLinks li a:visited {
	display:block;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#FFF;
	width:154px;
	text-decoration:none;
	text-align:center;
	text-transform:lowercase;
}
#navBarLinks li a:hover{ color:#999;}
#navBarLinks li.langLink {
	position:absolute;
	top:0px;
	left:631px;
	padding-top:0px!important;
	/*display:none;*/
}
#navBarLinks li.langLink a{
	width:94px;
	height:15px;
	background:url(/reservas/imgLib/global/interface/lang_flag_en.gif) no-repeat;
	text-indent:-200px;
	overflow:hidden;
}
#navBarLinks li.langLink a.en{
	background:url(/reservas/imgLib/global/interface/lang_flag_es.gif) no-repeat!important;
}
/* 
--------------------------------------------------------------------------------------
// Area decorativa superior, destinada a los banners de cada seccion, incluyendo
   logo flotante (fuera de los elementos citados a continuacion)
-------------------------------------------------------------------------------------- 
*/
span#logo {
	position:absolute;
	width:237px;
	height:129px;
	top:99px;
	left:503px;
	background: url(/reservas/imgLib/global/interface/logo.gif) no-repeat;
	z-index:1;
}
#decorArea{
	width:742px;
	height:156px;
	background: url(/reservas/imgLib/global/areas/00_banner_bg.jpg) no-repeat;
}
#decorArea h2{
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#A59D85;
	margin:0px;
	padding-top:126px;
	padding-left:39px;
	text-transform:lowercase;
}
/* 
--------------------------------------------------------------------------------------
// Area central de contenidos, dividida en contenedor general, y area de contenidos y 
   area lateral de subcontenidos
-------------------------------------------------------------------------------------- 
*/
#mainArea {
	width:738px;
	background:#FFF;
	border-right:1px solid #E7EEF6;
}
#tools {
	position:absolute;
	background: url(/reservas/imgLib/global/interface/sideFrame_bg.jpg) no-repeat;
	width:237px;
	height:450px;
	margin-left:471px;
	top:203px;
	padding-left:8px;
	padding-top:50px;
}
#content{
	width:720px;
	background: #F4F7FB url(/reservas/imgLib/global/interface/content_bg.jpg) repeat-x;
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#333;
	padding:0px!important;
}
/* 
--------------------------------------------------------------------------------------
// Estilos generales del Pie de página - comunes a todas las páginas de la web
-------------------------------------------------------------------------------------- 
*/
#footerArea{
	width:720px;
	height:130px;
	background: #FFF  url(/reservas/imgLib/global/interface/footer_bg.jpg) no-repeat;
	padding-top:14px;
}
div#footerArea ul{ margin:0px; padding-left:36px!important; }
div#footerArea li{  position:relative; list-style-type:none; width:86px!important; float:left;  }
div#footerArea li.privacy{ margin-left:15px; width:137px!important;  }
div#footer li.koalab{ margin-left:285px!important; width:72px!important;  }
html>body div#footer li.koalab{ margin-left:330px!important; }
div#footerArea a:link, div#footer a:visited{ display:block; background:#B9CDE6;  }
div#footerArea a:hover{ background:#5A8AC5; }
div#footerArea a img { border:none; }
/* 
--------------------------------------------------------------------------------------
// Formatos a aplicar a los elementos interiores: Headers, párrafos, formularios, etc.
-------------------------------------------------------------------------------------- 
*/
#content h2{ font: normal 20px Arial, Helvetica, sans-serif; color:#333; }
#content h3{ font: bold 16px Arial, Helvetica, sans-serif; color:#666; }
#content h2, #content h3, #content p{ margin:0px; padding:17px 260px 0px 20px; }
#content h2 { margin-bottom:-8px; padding-bottom:-10px;}
#content hr { margin:5px 0px 0px 0px; visibility:hidden;}
/* 
--------------------------------------------------------------------------------------
// Formatos Generales para Formularios específicos del área central (customizables)
-------------------------------------------------------------------------------------- 
*/
#content form {
	width:426px;
	background: #EFEDE7 url(/reservas/imgLib/global/interface/form_bg.jpg) repeat-x 0px 26px;
	margin-left:18px;
	overflow:auto;
	padding-bottom:20px;
	margin-top:12px!important;
}
#content form h4 {
	background: url(/reservas/imgLib/global/interface/form_header_bg.jpg) repeat-x top left;
	padding-left:10px;
	color:#847653;
	font: bold 11px Arial, Helvetica, sans-serif;
	border-top:1px solid #9D8F6A;
	border-bottom:1px solid #CCC;
	height:26px;
	line-height:25px;
	margin-bottom:0px!important;
	margin-top:0px!important;
}
#content form p {
	color:#847653;
	padding:10px!important;
}
#content form fieldset {
	display:block;
	width:180px;
	float:left;
	padding:6px 6px 6px 14px;
	border:none;
}
#content form label {
	color:#847653;
	font-weight:bold;
}
#content form input {
	border:1px solid #CCC;
	background: #F3F3F3 url(/reservas/imgLib/global/interface/form_field_bg.jpg) repeat-x;
	width:100%;
}
#content form input#boton {
	width:139px;
	border:none;
	background: none;
}
/* 
--------------------------------------------------------------------------------------
// Clases para formateo accesible de botones de formulario
-------------------------------------------------------------------------------------- 
*/
input.bevel { 
	height:24px; 
	width:139px!important; 
	text-align:center; 
	padding-bottom:1px;
	padding-left:;
	background:transparent url(/reservas/imgLib/global/interface/button139.gif) no-repeat!important; 
	border:none!important; 
	font-family:arial; 
	font-size:10px; 
	color:#666; 
}
input.bevelSmall { 
	height:24px; 
	width:89px!important; 
	text-align:center; 
	padding-bottom:1px;
	background:transparent url(/reservas/imgLib/global/interface/button89.gif) no-repeat!important; 
	border:none!important; 
	font-family:arial; 
	font-size:10px; 
	color:#666; 
}
/* 
--------------------------------------------------------------------------------------
// Transformador de color generico para errores
-------------------------------------------------------------------------------------- 
*/
.error { color:#901!important;}
/* 
--------------------------------------------------------------------------------------
// Párrafo informativo al area de Todo incluido
-------------------------------------------------------------------------------------- 
*/
.allInclusive h3 a { color:#7398CC!important;text-decoration:none;}
.allInclusive h3 a:hover { text-decoration:underline;}
.allInclusive p
{
    padding-top:5px!important;
    background:transparent url(/reservas/imgLib/global/areas/info.gif) no-repeat 20px 5px;
    padding-left:75px!important;
}
.allInclusive p a { color:#7398CC!important;}
.allInclusive p a:hover { text-decoration:none;}