/*
=======================================================================
 HOJA DE ESTILO GENERICA PARA WEB HOTELERA DEL HOTEL FIESTA PARK
 ----------------------------------------------------------------------
 Esta hoja contiene los estilos de todas las páginas de la web hotelera,
 a excepción de los elementos particulares de cada idioma. (c)2005 KOALAB.
=======================================================================
 Estilos Generales
-----------------------------------------------------------------------
*/
body { margin:0px; padding:0px; background:#BEEA97 url(../imgLib/interface/bg.jpg) repeat-x; padding-left:50%;}
div#container, div#links, div#footer{ width:644px; margin-left:-322px; }
form { margin:0px; padding:0px;  }
/*
-----------------------------------------------------------------------
 Estilos Generales de Enlace de Cambio de Idioma
-----------------------------------------------------------------------
*/
p#lang { position:absolute; top:0px; right:0px; z-index:2; margin:0px; }
p#lang a { display:block; width:75px; height:75px; text-indent:-2000px; overflow:hidden; }
/*
-----------------------------------------------------------------------
 Estilos Particulares del Contenedor de Contenidos y de la cabecera que alberga
-----------------------------------------------------------------------
*/
div#container{ background:#FFF url(../imgLib/interface/bg_container.gif) repeat-y; }
div#header{ position:relative; width:640px; padding-bottom:12px; background:#FFF url(../imgLib/interface/bg_header.gif) no-repeat 8px bottom; margin-left:2px; overflow:hidden; }
div#header h1 {
	display:inline;
	float:left;
	width:128px;
	height:97px;
	background:#FFF url(../imgLib/interface/logo.gif) no-repeat;
	text-indent:-2000px;
	overflow:hidden;
	margin:32px 74px 0px 22px;
}
div#header h1 a { display:block; height:97px;}
div#header p#address{
	display:block;
	float:left;
	width:409px;
	height:97px;
	background:#FFF url(../imgLib/interface/bg_address.jpg) no-repeat;
	text-indent:-2000px;
	overflow:hidden;
	margin:45px 0px 0px 0px;
}
div#header p#cvLink{ position:absolute; left:560px; top:45px; margin:0px;  }
div#header p#cvLink img { border:none; }
div#content { padding:10px 15px 20px 15px; background:url(../imgLib/interface/bg_content.gif) no-repeat left bottom; font: normal 11px Arial, Helvetica, sans-serif; color:#666; }
/*
-----------------------------------------------------------------------
 Estilos Generales de cabecera de contenido y contenido flash
-----------------------------------------------------------------------
*/
div#content h2 { display:block; float:left; width:164px; height:30px; text-indent:-2000px; overflow:hidden; margin:0px; margin-left:15px; }
div#content p { display:block; float:left; width:390px; margin:3px 0px 16px 20px; }
div#content #flash { clear:both; text-align:center; padding-bottom:16px;}
/*
-----------------------------------------------------------------------
 Estilos Particulares de contenido en documentos legales
-----------------------------------------------------------------------
*/
div#content.legalInfo { padding-bottom:40px!important; margin-bottom:0px!important; }
div#content.legalInfo h2 { float:none; width:95%; font:normal 22px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color: #817C45; text-indent:0px!important; overflow:auto; margin:10px 0px 10px 30px!important; }
div#content.legalInfo p { float:none; width:90%; padding-bottom:10px!important; margin:6px 0px 0px 30px!important; }
div#content.legalInfo ul { margin-top:0px; }
div#content.legalInfo li { display:block!important; float:none!important; clear:both; width:95%; padding-left:15px; list-style-type:none; background:url(../imgLib/areas/fichaTecnica/bullet.gif) no-repeat left 4px; }

/*
-----------------------------------------------------------------------
 Estilos Particulares de Listados y Areas de seccion "Ficha Tecnica"
-----------------------------------------------------------------------
*/
div#flash.fichaTecnica { border:none; padding-left:45px; background:url(../imgLib/areas/fichaTecnica/banner.jpg) no-repeat center top; }
div#flash.fichaTecnica h3 { color:#817C45; font:bold 18px Georgia, Times New Roman, Arial, Helvetica; margin-top:0px; }
div#flash.fichaTecnica li { list-style-type:none; background:url(../imgLib/areas/fichaTecnica/bullet.gif) no-repeat left 4px; padding-left:15px; }
div#flash.fichaTecnica p { margin:20px 0px auto 0px; color:#DE5F59; }
div#flash.fichaTecnica div { text-align:left; padding-top:145px; width:569px; margin-bottom:20px; }
div#flash.fichaTecnica div#dataServices { clear:both; overflow:auto; padding-top:15px; }
div#flash.fichaTecnica div li { display:block; width:240px; float:left; }
/*
-----------------------------------------------------------------------
 Estilos Generales para enlaces en formato boton "Acceder"
-----------------------------------------------------------------------
*/
div#links a, div#footer div#sportClub a { display:block; width:74px; height:18px; text-indent:-2000px; overflow:hidden; }
/*
-----------------------------------------------------------------------
 Estilos Generales del Area de Enlaces Intermedios, a otras secciones
-----------------------------------------------------------------------
*/
div#links{ width:690px; height:162px; overflow:auto; margin-top:19px; margin-bottom:10px;}
div#links h2, div#links h3 { display:none; }
div#links div { display:block; float:left;	width:202px; height:152px;	margin-right:19px; }
div#links div p { font: normal 11px Arial, Helvetica, sans-serif; color:#666; width:100px;	margin:46px 0px 0px 23px; }
div#links div p.acceso { margin-top:10px ;}
/*
-------------------------------------------------------------------------
 Estilos Generales de formulario de reserva de la sección "Paseo Virtual"
-------------------------------------------------------------------------
*/
div#paseoVirtual { padding:0px 0px 0px 15px; clear:both;}
div#paseoVirtual h3 { font-family: Georgia, Times New Roman, Arial; font-size:16px; color:#6B683A; font-weight:bold; text-align:center;}
div#paseoVirtual fieldset { border:none; float:left; margin:0px 10px 0px 0px; padding:0px;}
div#paseoVirtual fieldset select, div#paseoVirtual fieldset input {font-size:10px; color:#999;}
div#paseoVirtual fieldset label { display:block; color:#6B683A; padding-bottom:8px;}
div#paseoVirtual fieldset span { color:#ADAB8F;}
div#paseoVirtual .fieldset-date span { width:48px; display:block; float:left; color:#6B683A;}
div#paseoVirtual .fieldset-date input { background:transparent url(../imgLib/areas/paseoVirtual/bg-date.gif) no-repeat left top; width:81px; height:16px; padding:2px; border:none;}
div#paseoVirtual .last-form { clear:both; overflow:auto; height:60px;}
div#paseoVirtual .last-form input 
{
    background:transparent url(../reservas/imgLib/global/interface/button139.gif) no-repeat left top;
    border:none !important;
    color:#666666;
    font-family:arial;
    font-size:10px;
    height:24px;
    padding-bottom:1px;
    text-align:center;
    width:139px !important;
    margin-top:20px;
    float:left;
}
div#paseoVirtual .last-form p  
{
    color:#6B683A; 
    margin:25px 10px 0px 0px!important; 
    float:right!important; 
    background:transparent url(../imgLib/areas/fichaTecnica/bullet.gif) no-repeat 0px 5px; 
    width:340px!important;
    padding:0px 0px 0px 15px!important;
}
div#paseoVirtual .last-form p a { color:#6B683A;}
div#paseoVirtual .last-form p a:hover { text-decoration:none;}
/*
-----------------------------------------------------------------------
 Estilos Generales del Pie de Página
-----------------------------------------------------------------------
*/
div#footer { background:url(../imgLib/interface/bg_footer.jpg) no-repeat left bottom; height:239px; border-bottom:1px solid #68B324; }
div#footer h2 { display:none; }
/*
-----------------------------------------------------------------------
 Estilos Generales del banner y enlace del gimnasio
-----------------------------------------------------------------------
*/
div#footer div#sportClub{ position:relative; height:110px; }
div#footer div#sportClub p{ width:240px; font: normal 11px Arial, Helvetica, sans-serif; color:#E2ECF5; margin:0px 0px 0px 234px; padding-top:40px; }
div#footer div#sportClub p.acceso{ position:absolute; margin:0px; padding:0px; top:20px; left:550px; width:74px; }
/*
-----------------------------------------------------------------------
 Estilos Particulares del Menu de Enlaces de Ayuda (Visualizados en la cabecera)
-----------------------------------------------------------------------
*/
div#footer ul{
	position:absolute;
	top:0px;
	padding:0px;
	background:url(../imgLib/interface/bg_topNav.jpg) repeat-x;
	height:24px;
	width:640px;
	margin:0px;
	margin-left:2px;
	text-align:right;
}
div#footer ul li{ display:inline; list-style-type:none;  }
div#footer ul li a:link, div#footer ul li a:visited { 
	border-right:1px solid #5685AF; 
	color:#EAF0F7; 
	font: normal 10px Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:none; 
	padding-right:10px;
	margin-left:10px!important;
	text-transform:lowercase;
}
div#footer ul li a:hover {color:#FFF;  }
div#footer ul li a.privacy{ border-right:0px!important; margin-right:10px!important;}
/*
-----------------------------------------------------------------------
 Estilos Particulares de area de Banner
-----------------------------------------------------------------------
*/
div#promoArea { text-align:center; margin-bottom:15px; }
div#promoArea img { border:0px; }
/*
-----------------------------------------------------------------------
 Estilos Particulares de Mosca de KOALAB
-----------------------------------------------------------------------
*/
p.koalab a { 
	display:block; 
	width:74px; 
	height:25px; 
	background:url(../imgLib/interface/koalabLink.gif) no-repeat; 
	text-indent:-2000px;
	overflow:hidden;
	margin:-5px 0px 0px 548px;
}
/*
-----------------------------------------------------------------------
 Estilos Generales de Banners Verano 2007
-----------------------------------------------------------------------
*/
#banners { width:572px; margin:15px auto 20px auto; }
#banners img { border:0px; }
#banners a#bannerJul { margin-right:20px; } 

/*
-----------------------------------------------------------------------
 Estilos Particulares de mapa
-----------------------------------------------------------------------
*/
#gmap #gmapFrame { clear:both; width:572px; margin-left:18px; border:1px solid E4E4DC; border-radius:10px; }
#gmap p a { margin-top:15px; background:#898852!important; font-size:11px; color:#FFF!important; border-radius:50px; width:150px; text-align:center!important; padding:3px; display:block; text-decoration:none; }

/*
-----------------------------------------------------------------------
 Estilos Particulares de widget de Facebook
-----------------------------------------------------------------------
*/
#facebook { clear:both; border-top:1px dotted #C5BF8F; padding:15px 0; width:614px; margin:0 auto; }
#facebook ul { overflow:auto; }
#facebook ul li { display:block; float:left; }
#facebook ul li.link { width:213px; padding-right:15px; margin-right:15px; border-right:1px solid #C5BF8F; }
#facebook ul li.link a { display:block; width:213px; height:34px; text-indent:-1000em; overflow:hidden; }
#facebook.es ul li.link a { background:url(/imgLib/es/facebook.gif) no-repeat; }
#facebook.en ul li.link a { background:url(/imgLib/en/facebook.gif) no-repeat; }
#facebook ul li.like { width:325px; }