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; }

/* _____________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; }
.marginRight30 { margin-right: 30px !important; }
.marginRight50 { margin-right: 50px !important; }
.marginRight60 { margin-right: 60px !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; }
.w75px { width: 75px; }
.w80px { width: 80px; }
.w90px { width: 90px; }
.w100px { width: 100px; }
.w110px { width: 110px; }
.w120px { width: 120px; }
.w140px { width: 140px; }
.w150px { width: 150px; }
.w160px { width: 160px; }
.w170px { width: 170px; }
.w180px { width: 180px; }
.w190px { width: 190px; }
.w200px { width: 200px; }
.w220px { width: 220px; }
.w230px { width: 230px; }
.w250px { width: 250px; }
.w260px { width: 260px; }
.w270px { width: 270px; }
.w280px { width: 280px; }
.w300px { width: 300px; }
.w350px { width: 350px; }
.w365px { width: 365px; }
.w370px { width: 370px; }
.w400px { width: 400px; }
.w435px { width: 435px; }
.w440px { width: 440px; } /* --- */
.w450px { width: 450px; }
.w485px { width: 485px; } /* --- */
.w500px { width: 500px; }
.w528px { width: 528px; }
.w550px { width: 550px; }
.w590px { width: 590px; }
.w600px { width: 600px; }
.w650px { width: 650px; }
.w700px { width: 700px; }
.w750px { width: 750px; }
.w800px { width: 800px; }
.w840px { width: 840px; }
.w940px { width: 940px; }


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


.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: #808080; }

/* Head
 ____________________________________________________________*/

#head { background-image: url(../../img/spa/head_bg.jpg); background-repeat: no-repeat; background-position: center bottom; height: 250px;}
#head h1 {
	background-image: url(../../img/spa/logo.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display: inline;
	float: left;
	margin-left: 50px;
}
#head h1 a {
	text-indent: -999px;
	display: block;
	height: 130px;
	width: 110px;
}
#head h2 {
	font-size: 1.2em;
	margin-top: 20px;
	margin-bottom: 5px;
	color: #FFFFFF;
}


#head .ZonaLogos .head_slogan { height: 50px; width: 168px; display: inline; margin: 4px 0 10px 510px; }
#head .ZonaLogos { height: 130px; }
/*
#head .ZonaLogos ul {
	height: 65px;
	margin-left: 510px;
	width: 130px;
	display: inline;
	padding-top: 0;
}
#head .ZonaLogos ul li { padding-top: 2px; padding-bottom: 2px; float: left; }
*/
.otherLinks{ text-align: center;}
.otherLinks img{ display: inline;}

#head .menu { width: 620px; padding-left: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; height: 120px; }
#head .menu ul { float: left; width: 170px; }

#head .menu ul li a{ color:#FFFFFF}

#head .buscador { background: #000 url(../../img/bkg_central_reservas.jpg) no-repeat left -5px;width: 310px; padding: 20px 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; cursor:pointer; }
#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 { font-size: 1.5em; background-image: url(../../img/spa/deco_galeria.gif); background-repeat: no-repeat; background-position: left center; padding-left: 30px; margin-top: 20px; }*/
#body .visitar_galeria { background-image: url(../../img/spa/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:11px; text-align: right; }


/* botones cuadrados y centrados en 3 columnas */
#body .bot3col { height: 202px; width: 202px; background-repeat: no-repeat; background-position: center center; text-align:left; margin-bottom: 30px; }
#body .bot3col ul { background-image: url(../../img/spa/trans_70p.png); height: 85px; width: 152px; margin-top: 24px; margin-left: 20px; padding-top: 5px; padding-left: 8px; font-size: 1.2em; text-transform:uppercase; line-height:16px; word-spacing:0; }
#body .bot3col li { height:85px; display:block; }

/* botones centrados en 3 columnas */

#body .bot_280x145 { height: 125px; width: 240px; background-repeat: no-repeat; background-position: center center; margin-bottom: 20px; padding-top: 20px; padding-right: 20px; padding-left: 20px; }
#body .bot_280x145 .trans { padding: 10px; background-image: url(../../img/spa/trans_70p.png); }
#body .bot_280x145 h3 { font-size: 1.4em; }

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

p { font-size: 1.1em; margin-bottom: 1.1em; }
blockquote { font-size: 1.2em; margin-bottom: 1.1em; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px; font-style: italic; }
/*#body h2 { font-size: 30px; letter-spacing: -2px; background-image: url(../../img/spa/body_titulo_deco1.gif); background-repeat: no-repeat; background-position: right top; float: left; padding-right: 130px; height: 50px; }*/

h2.mainTitle { font-size: 24px; letter-spacing: 0px; word-spacing: 0px; line-height: 27px; text-transform: uppercase; background-image: url(../../img/spa/body_titulo_deco1.gif); background-repeat: no-repeat; background-position: right top; padding: 15px 120px 15px 0; margin:0 0 20px 0; overflow: hidden; float:left; }

#body h3 { font-size: 18px; line-height:22px; text-transform: uppercase;  }
#body h4 {	font-size: 1.1em; text-transform: uppercase; word-spacing:0px; line-height:1.4em; }
#body em { font-style: italic; }
#body ul li { font-size: 1.1em; }
.carrousel_full .copete { color: #666666; padding: 10px; line-height: normal; }
.carrousel_full li { display:inline; }

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

.marginLeft50 { margin-left: 50px; }
.marginLeft60 { margin-left: 60px; }
.marginLeft70 { margin-left: 70px; }
.marginLeft100 { margin-left: 100px; }
.marginRight50 { margin-right: 50px; }
.marginRight80 { margin-right: 80px; }


.marginLeft50, 
.marginLeft60, 
.marginLeft70, 
.marginLeft100, 
.marginRight50, 
.marginRight80, { /* display:inline */ }




.marginTop20 { margin-top: 20px; }
.marginBott10 { margin-bottom: 10px; }
.marginBott20 { margin-bottom: 20px; }
.marginBott30 { margin-bottom: 30px; }
.marginTop40 { margin-top: 40px; }
.marginBott40 { margin-bottom: 40px; }
.paddTop20 { padding-top: 20px; }
.padLeft100 { padding-left:100px;}
.paddBott10 { padding-bottom: 10px; }
.paddBott20 { padding-bottom: 20px; }
.bordeGrisInf { border-bottom: 1px solid #808080; }
.bordeGrisSup { border-top: 1px solid #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 { font-size: 1.1em; 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: #f9eefa; font-size: 1.4em; }
.tabla_habitacion .fila2 { background-color: #f9dcef; font-size: 1.4em; }
.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 anterior
.miniForm fieldset { background-color: #d8ecf4; padding: 15px; font-family: Arial, Helvetica, sans-serif; }
.miniForm label, .miniForm input, .miniForm textarea { float: left; margin-bottom: 10px; display: block; width: 165px; 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 label { width: 100px; text-transform: uppercase; }
.miniForm br { clear: left; }
.miniForm .enviar { color: #FFFFFF; background-color: #000000; display: block; float: right; width: 60px; text-transform: uppercase; font-size: 1em; padding-bottom: 2px; }
*/

/* miniform*/
.miniForm fieldset { background-color: #d8ecf4; padding: 15px; font-family: Arial, Helvetica, sans-serif; }
.miniForm label, .miniForm input.textField, .miniForm textarea { float: left; display: block; width: 155px; 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; }

/*--------------------------------------------------*/
.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; }

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


/* ___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/spa/menu_vertical_bg.gif); background-repeat: no-repeat; background-position: left top; }
#menu_vertical .trans { background-image: url(../../img/spa/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: 10px; padding-bottom: 10px; width: 385px; float: left; }
.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/spa/ico_reservar.gif); background-repeat: no-repeat; background-position: left center; padding-left: 33px; float: left; width: 220px; }
#menu_horizontal { padding-top: 20px; padding-bottom: 20px; }
#menu_horizontal li {
	background-repeat: no-repeat;
	background-position: center center;
	height: 75px;
	width: 205px;
	float: left;
	margin-right: 25px;
	margin-bottom: 20px;
}
#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/spa/shadow_215x85.gif); background-repeat: no-repeat; background-position: center center; }
#menu_horizontal li .trans { background-image: url(../../img/spa/trans_70p.png); float: right; width: 110px; height: 70px; margin-top: 5px; padding-left: 10px; padding-top: 5px; }
#menu_horizontal li .font { font-size: 1.1em; line-height: normal; text-transform: uppercase; display: block; }
#menu_horizontal .padd1 { padding:36px 0 0 0; }
#menu_horizontal .padd2 { padding:50px 0 0 0; }

#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/spa/inicio_banner_bg_over.png); background-image: url(../../img/spa/inicio_banner_bg_over_ie6.gif); }
#banners_horizontales_inicio .trans { background-image: url(../../img/spa/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 .fontBlanco, #banners_horizontales_inicio .fontNegro {font-size: 2em;	line-height: normal;	text-align: left;	float: left;	margin-top: 15px;	margin-left: 15px;}


/*______________________________*/

.separador2col{background-image:url(../../img/spa/2col_separador_h.gif);background-position:left bottom;background-repeat:no-repeat;}
.producto {background-color:#f5d9d3; padding:10px;}
.producto img{ display:block; margin-left:auto; margin-right:auto;}
.producto h5{ border:0; font-size:1.4em; margin:0 0 5px 0; }


#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;}

/* FILOSOFIA
_______________________________*/

#filosofia h4{font-size:1.6em;text-transform:uppercase;margin-bottom:25px;margin-left:50px;}

#filosofia .menu {
	margin:0 0 50px 0 ;
}

#filosofia .menu li, .menuBasico li {
	margin:0 0 10px 0;
}

#filosofia .menu li a, .menuBasico li a {
	font-size:1.1em;
	text-transform:uppercase;
	color:gray;
	line-height:1.1em;
}

#filosofia .menu li a:hover,
#filosofia .menu a.selected,
.menuBasico li a:hover,
.menuBasico a.selected
{color:#000;}

h4 {
	font-size: 1.1em;
	text-transform: uppercase;
	word-spacing:0px;
	padding:0 0 3px 0;
	line-height:1.2em;
}

h5 { 
	font-size:1.6em;
	text-transform:uppercase;
	border-bottom-width:1px;
	margin:0 0 35px 0;
	padding:0 0 3px 0;
}

h6 {
	font-size:1.4em;
	text-transform:uppercase;
	border-bottom:1px solid #C00;
	margin:0 0 10px 0;
	padding:0 0 3px 0;
}

hr {
	width:100%;
	height:1px;
	background:#C00;
	color:#C00;
	border:0;
	margin:0 0 10px 0;
}

.upper{text-transform:uppercase;}
.citas {background-color:#f5d9d3; padding:10px;}
.citas h2 { font-size:1.2em; text-transform:uppercase; color:#777; }
.citas blockquote { font-size:1.1em; line-height:1.4em; margin-bottom:5px; font-style: normal !important; border:0; }
.citas blockquote em{  display: block; font-weight: bold;}


/* MENUES
___________________________________________________________*/

.menu150 {padding-top:20px; padding-bottom:20px;}

.menu150 li {display: inline;}


.menu150 li a{
	font-size: 1.2em;
	color: #808081;
	line-height: 1.2em;
	text-transform: uppercase;
	display: block;
	float: left;
	width: 150px;
}


.menu150 li a:hover{
	color: #000000;
}



/* Antepie y Pie
 ____________________________________________________________*/


#antepie {
	background-color: #f9eefa;
	background-image: url(../../img/spa/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 h2 { font-size: 1em; margin-bottom: 20px; }
#antepie li { margin-bottom: 5px; line-height: 1.2em; }
#antepie .oferta { background-image: url(../../img/spa/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; }


/*----------------------------------------------------
sIFR styles
----------------------------------------------------*/

.sIFR-flash {
margin:0;
visibility:visible !important;
}
.sIFR-replaced {
visibility:visible !important;
}
span.sIFR-alternate {
display:block;
height:0;
left:0;
overflow:hidden;
position:absolute;
top:0;
width:0;
}
.sIFR-flash + div[adblocktab="true"] {
display:none !important;
}

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

#linkHotel:link, #linkHotel:visited{ float:left; margin: 40px 0 0 30px; display: block; width: 160px; height: 65px; background: url(../../img/logo_hotel_slice.gif) no-repeat center top;}
#linkHotel:hover, #linkHotel: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; }