body { font: 62.5%/1.6 Arial, Helvetica, sans-serif; /* with this settings 1em = 10px approx. */ background: #fff; color: #000; }
/* Remove padding and margin */
* { margin: 0; padding: 0; }
/* Class for clearing floats */
.clear { clear: both; overflow: hidden; }
.onlyClear{ clear: both;}

/* _____________NOTA_____________________

   En .clear eliminé el 100%
________________________________________*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
/* Hides from IE-mac \*/
	* html .clearfix { height: 1%; } /* End hide from IE-mac */
/* hidding elements */
.hide { display: none; }
/* Remove border around linked images */
img { border: 0; display: block; }
/* align elements */
.alignLeft { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight { text-align: right !important; }
.alignTop { vertical-align: top !important; }
.alignMiddle { vertical-align: middle !important;}
.alignBottom { vertical-align: bottom !important; }
.centered { margin-left: auto; margin-right: auto; }
.floatLeft { float: left; }
.floatRight { float: right; }
.imgFloatRight { margin: 5px 0 20px 20px; float: right; }
.imgFloatLeft { margin: 5px 20px 20px 0; float: left; }
.imgClear { margin: 20px 0; clear: both; }
.noBorder { border: none !important; }
.noMargin { margin: 0 !important; }
.noPadding { padding: 0 !important; }
.asBlock { display: block; }
.asInline { display: inline; }
.marginRight20 { margin-right: 20px !important; }
.w10p { width: 10%; }
.w20p { width: 20%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }
.w10px { width: 10px; }
.w20px { width: 20px; }
.w25px { width: 25px; }
.w50px { width: 50px; }
.w60px { width: 60px; }
.w70px { width: 70px; }
.w75px { width: 75px; }
.w80px { width: 80px; }
.w90px { width: 90px; }
.w100px { width: 100px; }
.w110px { width: 110px; }
.w120px { width: 120px; }
.w140px { width: 140px; }
.w150px { width: 150px; }
.w170px { width: 170px; }
.w180px { width: 180px; }
.w190px { width: 190px; }
.w200px { width: 200px; }
.w220px { width: 220px; }
.w230px { width: 230px; }
.w250px { width: 250px; }
.w260px { width: 260px; }
.w280px { width: 280px; }
.w300px { width: 300px; }
.w320px { width: 320px; }
.w350px { width: 350px; }
.w365px { width: 365px; } /* --- */
.w485px { width: 485px; } /* --- */
.w400px { width: 400px; }
.w450px { width: 450px; }
.w460px { width: 460px; }
.w480px { width: 480px; }
.w500px { width: 500px; }
.w550px { width: 550px; }
.w590px { width: 590px; }
.w600px { width: 600px; }
.w650px { width: 650px; }
.w700px { width: 700px; }
.w750px { width: 750px; }
.w800px { width: 800px; }
.w940px { width: 940px; }

.minHeight80px { min-height: 80px; } /* min-height hack for Internet Explorer */ /*\*/
* html .minHeight80px { height: 80px; } /**/

.minHeight150px { min-height: 150px; } /* min-height hack for Internet Explorer */ /*\*/
* html .minHeight150px { height: 150px; } /**/
.minHeight200px { min-height: 200px; } /* min-height hack for Internet Explorer */ /*\*/
* html .minHeight200px { height: 200px; } /**/
.minHeight250px { min-height: 250px; } /* min-height hack for Internet Explorer */ /*\*/
* html .minHeight250px { height: 250px; } /**/
.minHeight300px { min-height: 300px; } /* min-height hack for Internet Explorer */ /*\*/
* html .minHeight300px { height: 300px; } /**/
.minHeight350px { min-height: 350px; } /* min-height hack for Internet Explorer */ /*\*/
* html .minHeight350px { height: 350px; } /**/
.minHeight400px { min-height: 400px; } /* min-height hack for Internet Explorer */ /*\*/
* html .minHeight400px { height: 400px; } /**/
.minHeight450px { min-height: 450px; } /* min-height hack for Internet Explorer */ /*\*/
* html .minHeight450px { height: 450px; } /**/
.minHeight500px { min-height: 500px; } /* min-height hack for Internet Explorer */ /*\*/
* html .minHeight500px { height: 500px; } /**/
ul { list-style: none; list-style-position: outside; }
ol { list-style-position: inside; }
strong { font-weight: bold; }
.bold { font-weight: bold; }


/* Layout
 * ----------------------------------------------------------*/
 
#wrapper { width: 1000px; }
.medianil30 { margin-right: 30px; }
.medianil20 { margin-right: 20px; }
a { text-decoration: none; color: #000000; }
p a { color: #1196cf; }

/* Head
 ____________________________________________________________*/

#head { background-image: url(../img/head_bg.jpg); background-repeat: no-repeat; background-position: center top; height: 250px;}
#head h1 { background-image: url(../img/logo.gif); background-repeat: no-repeat; background-position: center center; display: inline; float: left; margin-top: 50px; margin-left: 50px; }
#head h1 a { text-indent: -999px; display: block; height: 57px; width: 196px; }
#head h2 { font-size: 15px; margin-top: 20px; margin-bottom: 5px; word-spacing: 1px; letter-spacing: -1px; text-transform: none;}
#head .ZonaLogos { height: 130px; }

/*#head .ZonaLogos .head_slogan { width: 168px; height:50px; margin: 4px 0 10px 422px; }*/
/*#head .ZonaLogos ul { height: 65px; margin-left: 422px; width: 130px; display: inline; padding-top: 0; }*/
/*#head .ZonaLogos ul li { padding-top: 2px; padding-bottom: 2px; float: left; }*/
#head .menu { width: 620px; padding-left: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; height: 120px; font-weight: bold; }
/*#head .menu a:hover, #head .menu a:active{}*/
#head .menu ul { float: left; width: 170px; }
#head .buscador { background: #000 url(../img/bkg_central_reservas.jpg) no-repeat left top;width: 310px; padding: 25px 0px 20px 20px;}
	#head .buscador .forceCifer{ font-size: 10px; line-height: 27px; word-spacing: 0; display: block; color: #ffffff !important; text-align: left; letter-spacing: 0; text-transform: none;}
#head label { float: left; }
#head input { margin-left: 7px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; float: left; border-style: none; border-width: 0px; height: 18px; padding-right: 2px; padding-left: 2px; height: 18px; }
#head input { line-height: 18px; *line-height: 18px;
padding-top: 0px; *padding-top: 0px; height: 18px; *height: 18px;
}

/* Body
 ____________________________________________________________*/

#body { padding-top: 20px; padding-bottom: 20px; }
#body .visitar_galeria { background-image: url(../img/deco_galeria.gif); background-repeat: no-repeat; background-position: left center; padding-left: 30px; margin-top: 20px; width: 235px;
	font-size: 10px; word-spacing: 0px; letter-spacing: 0; line-height:15px; text-align: right; 
}


/* botones cuadrados y centrados en 3 columnas */
#body .bot3col { height: 202px; width: 202px; background-repeat: no-repeat; background-position: center center; padding-bottom: 30px; }
/*#body .bot3col ul { background-image: url(../img/trans_70p.png); height: 85px; width: 144px; margin-top: 24px; margin-left: 20px; padding-top: 15px; padding-left: 20px; font-size: 1.4em; }*/

.tituloAcceso{ background-image: url(../img/trans_70p.png); height: 85px; padding: 20px 20px 0 20px; width: 120px; position: absolute; top: 24px; left: 20px; 
	font-size: 14px; color: #000000; letter-spacing: 0; line-height: 15px; text-transform: uppercase;
}


/*h2.cifer{font-size: 24px; color: #000000; letter-spacing: 0; line-height: 27px; text-transform: uppercase;}*/
#antepie h2.cifer{font-size: 12px; color: #000000; letter-spacing: -1px; line-height: 13px; word-spacing: 2px;}
.ciferAltres{font-size: 12px !important; color: #000000; letter-spacing: -1px; line-height: 16px; word-spacing: 2px; padding-bottom: 5px;}


/** Nuevos cifers **/
h2.mainTitle { font-size: 24px; letter-spacing: 0; word-spacing: 2px; line-height: 27px; text-transform: uppercase; background-image: url(../img/body_titulo_deco1.gif); background-repeat: no-repeat; background-position: right top; float: left; padding: 15px 125px 15px 0; overflow: hidden; }
h2.footerTitle{font-size: 12px; color: #000000; letter-spacing: 0; line-height: 18px; word-spacing: 2px;}
h3.subTitle{font-size: 18px; color: #000000; letter-spacing: 0; line-height: 22px; word-spacing: 0; text-transform: uppercase; padding-bottom: 5px;}
h4.subTitle{font-size: 14px; color: #000000; letter-spacing: 0; line-height: 18px; word-spacing: 0; text-transform: uppercase; padding-top: 4px;}

/** Por secciones */ 
#gastronomia .mainTitle{width: 250px; padding-right: 112px;}
#gastronomia .tituloAcceso{padding: 20px 0 0 15px; width: 140px; word-spacing: 120px;}

#actividades .mainTitle{width: 470px; padding-right: 70px;}
#actividades .textoDescriptivoItem{ padding: 20px 0;}
#actividades h3{ font-size: 14px; word-spacing: 0; line-height: 18px; text-transform: uppercase; height: 50px;}

#actividades .submenu{ float: left; width: 370px; padding-left: 60px;}
#actividades .submenu h3{ width: 200px; height: 50px; font-size: 18px; text-transform: uppercase; line-height: 20px;}
#actividades .submenu ul li { line-height: 120%;}
#actividades .submenu ul li a:link, #actividades .submenu ul li a:visited{color: #787878;}
#actividades .submenu ul li a:hover, #actividades .submenu ul li a:active, #actividades .submenu ul li a.selected{ color: #000;}
#actividades .content{ float: left; width: 435px; padding-left: 35px;}
#actividades .content h4{ font-size: 1.2em; text-transform: uppercase; padding-bottom: 5px;}
#actividades .ilustration{ position: relative; height: 75px; padding-bottom: 35px;}
#actividades .ilustration img{ position: absolute; top: 0; left: 0}

#bodas .mainTitle{width: 410px; padding-right: 82px;}
#bodas .tituloAcceso{ word-spacing: 120px;}
#bodas h3{ font-size: 14px; text-transform: uppercase; }
#bodas h3.subTitle{ font-size: 18px; text-transform: uppercase; }

#empresa .mainTitle{width: 440px; padding-right: 82px;}
#empresa .tituloAcceso{ word-spacing: 120px;}
#empresa h3{ width: 180px; word-spacing: 100px; height: 70px;}

#stage .mainTitle{width: 360px; padding-right: 82px;}

#tarifas .mainTitle{width: 180px; padding-right: 82px;}
#tarifas #antepie{ padding: 70px 50px;}

#packages .mainTitle{width: 200px; padding-right: 82px;}
#packages h4{ font-size: 12px; word-spacing: 0px; text-transform: uppercase;}
#packages a.forceCifer{ width: 100px; display: block; text-transform: uppercase;}

#offers .mainTitle{width: 460px; padding-right: 65px;}
#offers h4{ font-size: 12px; word-spacing: 0px; text-transform: uppercase;}
#offers a.forceCifer{ width: 100px; display: block; text-transform: uppercase;}

#comments .mainTitle{ margin:0 0 20px 0; }
#comments .subTitle { margin:0 0 30px 0; }
#comments .comment { margin:0 0 20px 0; }
#comments h4{ font-size: 1.2em; text-transform: uppercase; margin:0 0 15px 0;}
/* botones centrados en 3 columnas */







.bot_280x145 { height: 145px; width: 280px; background-repeat: no-repeat; background-position: center center; }
.bot_280x145 .trans { padding: 10px 20px; background-image: url(../img/trans_70p.png); position: absolute; top: 20px; left: 20px; width: 200px; height: 50px; }


/* --------------------------------- */

#body p { font-size: 1.1em; margin-bottom: 1.1em; }
/*
#body h4 { font-size: 14px; }
h4 { font-size: 14px; }
*/
#body em { font-style: italic; }
#body ul li { font-size: 1.1em; }
.carrousel_full .copete { color: #666666; padding: 10px; line-height: normal; }

/* --------------------------------- */

.marginLRAuto { margin: 0 auto; }
.marginLeft5 { margin-left: 5px; }
.marginLeft10 { margin-left: 10px; }
.marginLeft50 { margin-left: 50px; }
.marginLeft60 { margin-left: 60px; }
.marginLeft70 { margin-left: 70px; }
.marginLeft100 { margin-left: 100px; }
.marginRight50 { margin-right: 50px; }
.marginRight80 { margin-right: 80px; }
.marginTop20 { margin-top: 20px; }
.marginTop30 { margin-top: 30px; }
.marginTop40 { margin-top: 40px; }
.marginTop50 { margin-top: 50px; }
.marginTop60 { margin-top: 60px; }
.marginBott10 { margin-bottom: 10px; }
.marginBott20 { margin-bottom: 20px; }
.marginBott30 { margin-bottom: 30px; }

.marginBott40 { margin-bottom: 40px; }
.paddTop20 { padding-top: 20px; }
.padLeft100 { padding-left:100px;}
.paddBott20 { padding-bottom: 20px; }
.bordeGrisInf { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #808080; }
.bordeGrisSup { border-top-width: 1px; border-top-style: solid; border-top-color: #808080; }
.bordeInf { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #808080; }

/* ----------------------------------- */

.tabla_habitacion { width: 800px; margin-right: auto; margin-left: auto; }
.tabla_habitacion .data { color: #999999; text-align: left; padding: 10px; }
.tabla_habitacion .data p{ margin: 0 !important; }
.tabla_habitacion .data ul { margin: 10px 0 0 10px; }
.tabla_habitacion .data ul li { line-height: 120%; margin-bottom: 5px; font-size: 1.1em; }
.tabla_habitacion td { text-align: center; padding-left: 10px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; }
.tabla_habitacion th { font-size: 1.2em; text-transform: uppercase; text-decoration: underline; text-align: center; padding-bottom: 10px; font-weight: bold; }
.tabla_habitacion .fila1 { background-color: #eef7fa; font-size: 1.4em; line-height: 120%; }
.tabla_habitacion .fila2 { background-color: #e1e9f9; font-size: 1.4em; line-height: 120%; }
.fontGris { color: #666666; }
.auto { margin: auto; }

/* aplicandolo al contenedor, corregira problema visual del parrafo
con el titulo en sIFR*/
.fixP p { padding-left: 2px; }

.paginador { text-align: center; }
.paginador li { display: inline; }
.paginador li a { padding-right: 10px; padding-left: 10px; color: #7f7f7f; }

/* miniform*/
.miniForm fieldset { background-color: #d8ecf4; padding: 15px; font-family: Arial, Helvetica, sans-serif; }
.miniForm label, .miniForm input.textField, .miniForm textarea { display: block; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; font-size: 1.1em; height: 18px; padding-top: 2px; padding-left: 2px; }
.miniForm textarea { height: 150px; font-family: Arial, Helvetica, sans-serif; margin: 0px; }
.miniForm .checkbox { margin:2px 5px 0 0; }
.miniForm a { text-decoration:underline; }
.miniForm label { width: 100px; text-transform: uppercase; }
.miniForm .formRow { margin-bottom: 10px; }
.miniForm br { clear: left; }
.miniForm .enviar { color: #FFFFFF; background-color: #000000; float: right; width: 60px; text-transform: uppercase; font-size:1em; height:18px; padding:0 0 4px 0; margin:0; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }
.miniForm .error-message{ float: none;}
/*--------------------------------------------------*/
.img485x75 { background-repeat: no-repeat; height: 75px; width: 485px; background-position: center center; }
.upp { text-transform: uppercase; }
.comentario { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #4ca1c5; padding-top: 10px; margin-bottom: 10px; }
/*----------------------------------------------------*/
.columna385px { width: 385px; }
.columna435p { width:435px; }

.textoIntro .medianil30 p{ padding-left: 60px; padding-right: 0 !important;  }
.textoIntro .columna435p p{ padding-right: 60px; }
.selectBox{ padding:3px;}

/*-----------------------------------------------------------*/


/* ___menu vertical de ofertas
 ____________________________________________________________*/
/*
#menu_vertical li { background-repeat: no-repeat; background-position: center top; display: block; height: 75px; width: 220px; margin-bottom: 15px; }
#menu_vertical li a { background-repeat: no-repeat; background-position: center center; display: block; height: 85px; width: 230px; position: absolute; margin-top: -5px; margin-left: -5px; float: left; }

#menu_vertical li a:hover { background-image: url(../img/menu_vertical_bg.gif); background-repeat: no-repeat; background-position: left top; }
#menu_vertical .trans { background-image: url(../img/trans_70p.png); width: 120px; float: right; height: 70px; _height: 65px; margin-top: 5px; padding-top: 5px; padding-right: 10px; margin-right: 4px; padding-left: 5px; }
#menu_vertical .font { font-size: 15px; line-height: normal; display: block; }
*/
/* ___ menu de ofertas body
 ____________________________________________________________*/


.oferta { padding-top: 30px; padding-bottom: 30px; width: 370px; float: left; height: auto!important; height: 200px; min-height: 200px; }
.oferta_wrapper{padding: 0 50px; background: url(/img/bkg_paquetes.gif) no-repeat 50px bottom;}
.oferta .img { background-repeat: no-repeat; background-position: center center; float: left; height: 90px; width: 90px; display: inline; margin-right: 10px; }
.oferta ul { margin-top: 10px; margin-bottom: 30px; }
.reservar { background-image: url(../img/ico_reservar.gif); background-repeat: no-repeat; background-position: left center; padding-left: 33px; float: left; width: 220px; }

#menu_horizontal, #menu_horizontal2 { padding-top: 20px; padding-bottom: 20px; }
#menu_horizontal li, #menu_vertical li, #menu_horizontal2 li{height: 75px; width: 204px; display: block; float: left; margin-right: 27px; position: relative;}
#menu_horizontal li.last, #menu_vertical li.last, #menu_horizontal2 li.last{ margin: 0 0 0 2px;}
#menu_vertical li{margin-bottom: 15px}
#menu_horizontal2 { padding-top: 0px; margin-left: 15px;} 
#menu_horizontal2 li{margin-left:50px; display: inline;}

.tituloAcceso2{ display: block; position: absolute; height: 50px; padding-top: 35px; width: 85px; padding-left:115px; padding-right:14px; top: -5px; left: -5px; font-size: 11px !important; text-transform: uppercase; line-height: 110%; background: url(../img/bkg_boton_horizontal.png) no-repeat center top; }
.tituloAcceso2:hover { background-position: center bottom; }

#menu_vertical .tituloAcceso2{ text-align: right;}


/*

#menu_horizontal li a { height: 85px; width: 215px; position: absolute; margin-top: -5px; margin-left: -5px; padding: 0px; }
#menu_horizontal li a:hover { background-image: url(../img/shadow_215x85.gif); background-repeat: no-repeat; background-position: center center; }
#menu_horizontal li .trans { background-image: url(../img/trans_70p.png); float: right; width: 110px; height: 70px; margin-top: 5px; padding-left: 10px; padding-top: 5px; }
#menu_horizontal li .font { font-size: 18px; line-height: normal; text-transform: lowercase; display: block; }
*/
#banners_horizontales_inicio { width: 638px; float: left; }
#banners_horizontales_inicio li { display: block; background-repeat: no-repeat; background-position: center center; float: left; height: 104px; width: 294px; position: relative; margin-right: 25px; }
#banners_horizontales_inicio li a { display: inline; float: left; height: 104px; width: 294px;}
#banners_horizontales_inicio li a:hover { background-position: center center; background-repeat: no-repeat; background-image: url(../img/inicio_banner_bg_over.png); _background-image: url(../img/inicio_banner_bg_over_ie6.gif); }
#banners_horizontales_inicio .trans {font-size: 14px !important;  background-image: url(../img/trans_70p.png); float: right; width: 150px; height: 70px; _height: 50px; margin-top: 7px; margin-right: 7px; padding-top: 20px; padding-right: 7px; display: inline; }
#banners_horizontales_inicio .font { line-height: normal; text-align: right; float: right; }



/* Antepie y Pie
 ____________________________________________________________*/


#antepie { background-color: #eef7fa; background-image: url(../img/bg_x_antepie.jpg); background-repeat:  repeat-x; background-position: center bottom; padding-right: 0px; padding-left: 47px; padding-bottom: 20px; padding-top: 20px; font-size: 1.1em; }

#antepie li { margin-bottom: 5px; line-height: 1.2em; }
#antepie .oferta { background-image: url(../img/antepie_bg_oferta.gif); background-repeat: no-repeat; background-position: center center; height: 90px; width: 279px; padding: 4px; }
#footer { margin-top: 20px; }
#footer ul { background-color: #000000; padding-top: 4px; padding-bottom: 4px; padding-left: 50px; }
#footer ul li { display: inline; }
#footer ul li a { color: #FFFFFF; display: inline; float: left; text-transform: uppercase; margin-right: 45px; }
#footer .legales { padding-left: 50px; padding-top: 20px; }
.fondo { background-color: #990000; }




.pRelative{ position: relative}
.ficha_tipo_a{ padding: 0 60px;}
.textoFicha h3{ margin-bottom: 40px; font-size: 18px; line-height: 22px; text-transform: uppercase;}
.vistaVideo { width:865px; height:480px; }
.msgSended {
	width:270px;
	min-height:20px;
	color: #000;
	background: #F0FFF0;
	border: 1px solid #0C0;
	padding:0px 10px 0px 10px;
	margin:-1px 0 20px 0;
	text-align:center;
	line-height:30px;
	font-size:1.1em;
}
.error-message { float:right; font-size: 1.1em; color: #CC0000; padding: 2px; }
.content ul li a:link, .content ul li a:visited{ color: #4ca1c5}
.content ul li a:hover, .content ul li a:active{ color: #333}

#linkSpa span, #linkGolf span{ display: none;}

#linkSpa:link, #linkSpa:visited{ float:left; margin: 40px 0 0 30px; display: block; width: 80px; height: 65px; background: url(../img/logo_spa_slice.gif) no-repeat center top;}
#linkSpa:hover, #linkSpa:active{ background-position: center bottom;}

#linkGolf:link, #linkGolf:visited{ float:left; margin: 40px 0 0 0; display: block; width: 80px; height: 65px; background: url(../img/logo_golf_slice.gif) no-repeat center top;}
#linkGolf:hover, #linkGolf:active{ background-position: center bottom;}

#idiomas{ width: 310px; margin: 5px 20px 0 0; display: inline;}
#idiomas ul{ margin-top: 5px; }
#idiomas ul li{ display: inline; }
	#idiomas ul li a{ display: block; padding:2px 0; }

a.starred:link, a.starred:visited{ background: #EEF7FA url(../img/icon_email.gif) no-repeat 5px 5px; padding: 2px 5px 2px 25px; border: 1px solid #DDF4FA;}
a.starred:hover, a.starred:active{ background-color: #DDF4FA !important;}
.listasimple{ list-style: disc; list-style-position: inside;}