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


/* =General Classes & Hacks
-----------------------------------------------------------------------------*/
body {
	color: #000;
	font: 62.5%/1.6 "Trebuchet MS", 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; }

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

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

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/ * html .clearfix { height: 1%; } /* End hide from IE-mac */

.alpha60 {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

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

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

#leftWrapper{width: 674px; float:left;}

#leftWrapperbooking{width: 820px; float:left;}
	
	#navigation{min-height: 440px; padding-top:20px; float:left; width: 205px; background: #000; margin-bottom: 10px}
		* html #navigation{height: 440px}
	#navigationbooking{min-height: 1800px; padding-top:20px; float:left; width: 205px; background: #000; margin-bottom: 10px}
		* html #navigationbooking{height: 1800px;}
	
	#content{float:right; width: 468px}
	
	#contentbooking{float:right; width: 600px}
	
#rightWrapper{ width: 205px; float: right;}


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


/* =styles
-----------------------------------------------------------------------------*/
#mainMenu {font-size: 1.1em; margin-top: 20px; margin-bottom: 5px; line-height: 130%; min-height: 242px} /* margin-bottom: 25px; min-height: 250px */
	* html #mainMenu{height: 242px} /* height: 250px */

	#mainMenu li.selected{background: url(../img/bkg_bullet.gif) no-repeat left 3px; font-weight: bold}
	#mainMenu li.selected li{font-weight: normal}
	#mainMenu a:link, #mainMenu a:visited{color: #fff !important}
	#mainMenu a:hover, #mainMenu a:active{color: #ff7800 !important}
	#mainMenu li{padding-left: 15px; padding-bottom: 5px;}
		#mainMenu ul {position: relative; margin: 5px 0 5px -30px; padding: 5px;}
		#mainMenu ul li{padding-left: 15px}


#address{border-top: 2px solid #fff; color: #fff; font-size: 1.2em; margin:10px 0px 0px 5px;width:185px;}
	#address ul{margin-top: 15px; }
	#address ul li{ padding-left: 25px;}
	#address ul li.title{background: url(../img/bkg_bullet.gif) no-repeat left 5px}
	#address ul li div{background: url(../img/bkg_bullet.gif) no-repeat 130px 5px}
	#address a{color: #fff}

#rightWrapper{color: #fff}
	#rightWrapper a:link, #rightWrapper a:visited{color: #fff}

#languages{background: #000; float: left; width:139px; padding: 5px 10px;}

	#languages a{color:#a6a6a6 !important}
	#languages a.selected{color:#e2e2e2 !important}

#textSize{background: #000; float: right; width:25px; padding: 5px 10px;}
	#smallText{}
	#mediumText{font-size: 1.1em; line-height: 1em}
	#bigText{font-size: 1.2em; line-height: 1em}
	
#submenu{padding: 25px 10px 10px 10px; background: #000}

	.pdfList{font-size: 1.2em; line-height: 130%}
		.pdfList li{padding-left: 20px; background: url(../img/icon_pdf_bkg_black.gif) no-repeat left 1px}

#nuestrosHoteles{padding: 30px 10px 50px 10px}
		#nuestrosHoteles ul li{margin: 5px 0}
		
#address .reservas {
color:#FFA906;
font-weight:bold;
margin-bottom:5px;
}

#address p {
font-size:1em;
line-height:130%;
margin:0;
}


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

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

h2{font-size: 1.8em; line-height: 125%}


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

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

.textFormat ul{font-size: 1.1em}

.textFormat ul ul{font-size: 1em; padding-left: 10px;}

.textFormat ul a:hover, .textFormat ul a:active{color: #ffa903 !important}

/* =contenedores
-----------------------------------------------------------------------------*/
.textFormat{ padding: 20px}

/* =clases
-----------------------------------------------------------------------------*/

/* =home
-----------------------------------------------------------------------------*/
#home{height: 467px; background: url(../img/bkg_home.jpg) no-repeat left top}
	#hotelesHome{ width: 185px; padding: 105px 40px 0px 0px; float: left;}
		#hotelesHome ul li{padding: 3px 0px 0px 20px}

#navigationHome{min-height: 250px; padding-top:20px; float:left; width: 205px; background: #000} /* antes a 270 px*/ 
	* html #navigationHome{height: 250px} /* antes a 270 px*/ 
		#navigationHome #mainMenu{height: 250px;} /* antes a 270 px*/ 


#navigationHomeAfinia{ min-height: 240px; padding-top:20px; float:left; width: 205px; background: #000; margin: 0px 0px 0px 0px;}
	* html #navigationHomeAfinia{height: 240px; margin: 0px 0px 0px 0px;}
		#navigationHomeAfinia #mainMenuHomeAfinia{height: 240px; margin: 0px 0px 0px 0px;} /* 240 */

#navigationHomeAfinia #logoHomeMenu { border: 0px;}
#navigationHomeAfinia #mainMenu { border: 0px; height: 200px;}
#navigationHomeAfinia #wifiHome { margin: 0px 0px 0px 0px; padding: 35px 0px 14px 0px;  }

#wifi { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  }


#languagesHome{width: 205px; float: right}
	#textSize a:link, #textSize a:visited{color: #fff}
	
#promosHome{margin: 0 20px; border-top: 2px solid #fff; width: 820px}
	#promosHome ul li{float: left; width: 205px; height: 90px;}
	#promosHome img{display: block}


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}

#popUp{
	padding: 20px 30px;
	background: #000;
	color: #fff;	
}
	#popUp h1{font-size: 2em}
	#popUp h2{font-size: 1.6em}
	#popUp p{maring: 0 0 0.5em 0; line-height: 120%}
		
#lateralContent{background: #000; color: #fff}

#pictograms{ width: 100%}
    #pictograms th{ background: #e8e8e8; padding: 5px;}
    #pictograms td{padding: 5px;}
    #pictograms td.values{padding: 5px; background: #ffeecd;}
.error-message{ padding: 2px 0; color: #FF0000;}