@charset "utf-8";
/* CSS Document */


/* =General Classes & Hacks
-----------------------------------------------------------------------------*/
body {
	color: #000;
	font: 62.5%/1.6 Verdana, Arial, sans-serif; /* with this settings 1em = 10px approx. */
	background: #fff;
}

/* Class for clearing floats */
.clear { overflow: hidden; width: 100%; clear: both; }

/* hidding elements */
.hide {	display: none; }

/* Remove border around linked images */
img { border: 0; }

/* 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: 0 0 20px 20px; float: right; }
.imgFloatLeft { margin: 0 20px 20px 0; float: left; }

.noBorder { border: none !important; }
.noMargin { margin: 0 !important; }

.w10p { width: 10%; }
.w17p {width: 17%;}
.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; }
.w25px { width: 25px; }
.w50px { width: 50px; }
.w75px { width: 75px; }
.w90px { width: 90px; }
.w100px { width: 100px; }
.w110px { width: 110px; }
.w150px { width: 150px; }
.w180px { width: 180px; }
.w200px { width: 200px; }
.w250px { width: 250px; }
.w300px { width: 300px; }
.w350px { width: 350px; }
.w400px { width: 400px; }
.w450px { width: 450px; }
.w500px { width: 500px; }
.w550px { width: 550px; }
.w600px { width: 600px; }
.w650px { width: 650px; }
.w700px { width: 700px; }
.w750px { width: 750px; }
.w800px { width: 800px; }

strong { font-weight: bold; }

em {font-style: italic; }

big{font-size: 1.1em}

ul {
	list-style: none;
	list-style-position: outside;
}

ol {
	list-style-position: inside;
	color: #777; font-size: 1.2em; margin: 1.5em;
}

/* Class for clearing floats */
.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 */



/* =Layout
-----------------------------------------------------------------------------*/
#wrapper{ width: 880px; margin: 30px auto; }

#garantia{position: relativa}
#garantia img{position: absolute; margin: -10px 0 0 298px; border: 1px solid #ECECEC}

#leftWrapper {width: 648px; float:left} /* width: 656px; */

	#leftContent{width: 205px; float: left; background-color: #000; padding-top: 20px; overflow:auto;} /* background-color: #1B1C20; */ 
		* html #leftContent{overflow: auto;}
		
		#mainMenuWrapper{min-height: 259px;} /* min-height: 200px; */ 
		* html #mainMenuWrapper{ height: 180px;} /* min-height hack for IE */ /*  height: 240px; */ 
 		
			#mainMenu {margin-top: 40px; padding-left: 17px}
			#mainMenu a:link, #mainMenu a:visited{color: #fff} 
			#mainMenu a:hover, #mainMenu a:active{color: #FFA903} 
			#mainMenu li.selected a{font-weight: bold; color: #FFA903}
			#mainMenu a.selectedFirstLevel{color: #333} 
			#mainMenu ul{padding-left: 10px; line-height: 120%; margin-bottom: 5px}
			#mainMenu li.selected ul li a{font-weight: normal; color: #fff}
		
		#address{color: #fff; margin: 0 10px; border-top: 1px solid #c9c9bb; padding-top: 10px; padding-bottom: 10px; width:185px; overflow: hidden}
			#address p{ margin: 0; line-height: 130%; font-size: 1em}
			#address .reservas {margin-bottom: 5px; font-weight: bold; color:#ffa906;}
			#address a{color: #fff}
			#address a:hover{color: #FFA903}
			
	#mainContent{width: 430px; float: right}
	

#rightContentWrapper{width: 205px; float: right; margin: 0px 15px 0px 0px;} /* le aņado margin: 0px 15px 0px 0px;*/

		<!-- 	#rightContentHome{color: #A6A6A6; background:#000; position: absolute; z-index: 100; margin-left: 250px; padding: 0 0 5px 10px; }
		
		-->
	
		#rightContentHome{color: #A6A6A6; position: absolute; z-index: 100; margin-left: 250px; padding: 0 0 5px 10px;  margin-top: -6px; width:150px; }
		
		#rightContentHome a:active, #rightContentHome a:link{font-weight: normal; color: #A6A6A6}
		#rightContentHome a.selected, #lenguaje a.selected{font-weight: bold;}
		a.textSize{color: #fff !important}
		
	#rightContent{ color: #fff; background: #000; padding: 5px 10px}
		#rightContent a, #rightContentHome a{color: #fff}
		
		#lenguaje{color:#A6A6A6; text-align: right;}
		#lenguaje a{ padding: 0 0 5px 0; color:#A6A6A6}
			#smallText{font-size: 10px}
			#mediumText{font-size: 12px}
			#bigText{font-size: 14px}
			
		#rightContent h2{margin-top: 45px; font-size: 1.1em; font-weight: bold;}
		
		div.galeria .clearfix{padding-top:10px}
		div.galeria .floatRight{text-align: right}
		
	#submenu{ font-family: Arial, sans-serif; font-size: 1.1em}
		#submenu a:link, #submenu a:visited{color: #fff}
		#submenu a:hover, #submenu a:active, #submenu a.selected{color: #ffa903 !important}
		
	.masInformacion{ line-height: 150%; margin-top: 20px}
	
	#nuestrosHoteles{padding: 30px 10px 50px 10px}
		#nuestrosHoteles ul li{margin: 5px 0}

#footer, #footerHome{color: #6c6c6c; padding: 5px 0 10px 0; border-top: 1px solid #6c6c6c}
	#footer p, #footerHome p{margin: 2px 0; text-align: right}
	#footer a, #footerHome a {color: #6c6c6c}
#footerHome{border: none !important}

/* =tags
-----------------------------------------------------------------------------*/

p{ margin: 1em 0; font-size: 1.1em; line-height: 120%}

a:link, a:visited{color: #000; text-decoration: none}
a:hover, a:active{}

/* =contenedores
-----------------------------------------------------------------------------*/
.textFormat{ padding: 20px 10px}
.textFormat p, .textFormat span, .textFormat div { line-height: 1em; }

/* =clases
-----------------------------------------------------------------------------*/
table.caracteristicas {width: 100%;}
table.caracteristicas th{background: #e8e8e8; text-align: center; padding: 5px 0}
table.caracteristicas tbody td{height: 40px; vertical-align: middle; text-align: center}
table.caracteristicas tfoot td{background: #ffeecd; padding: 5px 0; text-align: center}

h4{font-size: 1.1em; margin: 0.5em 0; font-weight: bold}

a.downloadPDF{padding-left: 20px; background: url(../img/icon_pdf.gif) no-repeat top left}
/*a.downloadPDFblack{padding-left: 20px; background: url(../img/icon_pdf_bkg_black.gif) no-repeat top left}*/
a.downloadPDFblack{display:block; padding-left: 20px; background: url(../img/icon_pdf_bkg_black.gif) no-repeat top left}

li a.selectedActividad{font-weight: bold; color: #6a4c1e}
ul.ampliado{padding: 10px; background: #f5f5f5; margin: 2px 0 20px 0}

.textField{width: 360px; padding: 2px; border: 1px solid #ECECEC;}



#leftWrapperHome{width: 430px; float: left;}

#mainContentHome{height: 470px; padding: 10px; width: 185px; float: right; background: #000} /* height: 485px; */
	* html #mainContentHome{ height: 515px; } /* min-height hack for IE */

#mainContentHome #banners { margin:27px 0px 0px 0px;;}

#rightContentWrapperHome{min-height: 470px; float: right; position: relative; padding: 10px; background: #000;} /* min-height: 485px; */
	* html #rightContentWrapperHome{ height: 515px; } /* min-height hack for IE */

#leftContentBook{width: 205px; float: left; background-color: #000; padding-top: 20px; height:1800px;} /* background-color: #1B1C20; */
	* html #leftContentBook{height: 1800px;}

/* =formularios */
	div.formWrapper{background: #FAFAFA; padding: 10px; border: 1px solid #ECECEC}

	div.formWrapper label{display:block;}

	div.formWrapper label span, div.formWrapper span{color: #c00;}

	

	.formRow{ padding: 5px 0 2px 0; font-size: 1.1em;}

		.formRow ul{font-size: 1em;} /* especial para no crecer */

	.textField{width: 360px; padding: 2px; border: 1px solid #ECECEC;}

	.textFieldError{border: 1px solid #FF6F6F !important}

	.textArea{width: 360px; padding: 5px; border: 1px solid #ECECEC; overflow: auto; font: inherit;}

	.formButton{vertical-align: middle;}

.messageOk {
	background:#E6F7CC url(../img/icon_ok.gif) no-repeat scroll 10px 5px;
	border:1px solid #70A91B;
	font-size:1.1em;
	margin-top:20px;
	padding:5px 10px 5px 35px;
}

.errorForm { color:#FF2222 !important}

#pdfList{ clear: both; padding: 20px 0 0 0}
	#pdfList li{line-height:  120%; margin: 0 0 5px 0}
#popUp{
	background: #000;
	color: #fff;
	padding: 20px
}
	#popUp h1{font-size: 1.6em; font-weight: bold; margin-bottom: 0.5em;}
	
	#popUp h2{font-size: 1.2em; font-weight: bold}
	
#pictograms{ width: 100%; margin: 10px 0 0 0;}
    #pictograms th{ background: #e8e8e8; padding: 5px;}
    #pictograms td{padding: 10px 5px; text-align: center;}
    #pictograms td.values{padding: 5px !important; background: #ffeecd;}


/*  Aņadido para el WIFI*/ 

#wifi { margin: 0px 0px 0px 0px; padding: 17px 0px 10px 0px;  }
#wifiHome { margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; height: 41px; }
#navigationHomeAfinia #mainMenu { border: 0px;}
#navigationHomeAfinia #wifiHome { margin: 0px 0px 0px 0px; padding: 35px 0px 0px 0px;  }


#redesSociales { vertical-align:bottom; float:right; margin: 14px 7px 0px 0px;}

#FlashHome { padding-top: 28px;}

#direccion { float:right;}
#Facebook { float:left; }

.fb-like { margin: 6px 0px 0px 10px; }
.botonMegusta { margin: 6px 0px 0px 0px;}