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

.rojo {color: #FF0000;
	  font-size: 17px;
}
.naranja {color: #FF9900;
	  font-size: 17px;}
.amarillo {color: #FFFF00;
	  font-size: 17px;}
.verde {color: #009900;
	  font-size: 17px;}
.lila {color: #660066;
	  font-size: 17px;}
.blanco {color: #ffffff}

.objformbotonazul {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color: #ff5c44;

}

.objformazul {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	border: thin solid #ff5c44;

	background-color: #ffffff;

	color: #ff5c44;

}

* { 
	margin:0; 
	padding:0;
} 
body, p, div, ul, li, form, select, input, table, tr, td, th { 
	font: 12px Arial, Helvetica, sans-serif;
	color:#282828;
	text-align:justify;
}

body { 
	background: #00a4d7 ;
    height:100%;
	width:100%; }


ul, lo { list-style:none;}

a img, :link img, :visited img { border:none; text-decoration:none; }

a:link {
	color:#0099FF;
	text-decoration:none;
}

a:visited { color:#0099FF;text-decoration:none; }
a:hover, a:active { color:#730039;text-decoration:none; }

*:focus { outline:none;}

/*----------------------------------------------------------------------------------------------*/
/*--------------------------------- STRUCTURE  ------------------------------------*/
/*---------------------------------------------------------------------------------*/

#container {
	width: 955px;
	position:relative;
	margin: auto;
	background-color:#00a4d7;
}


/*--------------------------------- HEADING  ------------------------------------*/
/* nombre del hotel */
 
h1{
    position:relative;
    text-indent: -5000px;
		background: url(../images/header.jpg) no-repeat top center;
		height:95px;
}

/* idiomas */
#languages {
	font-size: 12px;
	color:#FFFFFF;
	position:absolute;
	top:18px;
	right:91px;
}

#languagesHome {
	font-size: 12px;
	position:absolute;
	top:66px;
	right:515px;
}

#quickbooking {
	font-size: 12px;
	position:absolute;
	top:20px;
	right:55px;
	width: 380px;
	
}

#languagesHome li{ font-family: "Comic Sans MS", arial, "courier new", impact; font-size: 16px; color:#FFFFFF;}

#languagesHome li a{  font-family: "Comic Sans MS", arial, "courier new", impact;font-size: 16px; color:#FFFFFF;text-decoration:none; }

#languagesHome a:hover {  font-family: "Comic Sans MS", arial, "courier new", impact;font-size: 16px; color:#ff5c44 ; text-decoration:none; }


p.top{ 
	background:#00a4d7 url(../images/top.png) no-repeat bottom right;
    height:21px;
    position:relative;
    clear:both;
		}
		

/*--------------------------- CONTENTS ----------------------------------------*/
/*------------------------- Menu ------------------------------------*/

#menu {
	position:relative;
	padding-left:78px;
	background-color:#00a4d7;
	
}

*+html #menu{ z-index:100; margin-bottom:5px; }
* html #menu { z-index:3000; margin-bottom:43px; }

	#menu li { 
		margin-top:-12px;
		text-decoration:none;					 
	  font-size:11px;
		font-weight:bold;
		float:left;
		cursor:pointer;
		padding: 0 3px 10px 2px;
		height:36px;
		width:111px;
		position:relative;
		background: url(../images/tab.png) no-repeat;
		z-index:1000;
}

#menu li.selected {
			height:35px;
			width:112px;
      color:#ff5c44;
			text-align:center;					 
			padding: 6px 1px 3px 3px;
			background:url(../images/tab_sel.png) no-repeat top left;
}

   #menu a{
			color: #00a4d7;
			text-decoration:none;					 
			text-align:center;
	    font-size:11px;
			padding: 6px 0 3px 0;
		  float:left;
			height:35px;
   		width:112px;	
			
}

        #menu a:hover {
	       color: #ff5c44;
			   text-decoration:none;
			   text-align:center;					 
			   padding: 6px 0 3px 0;
	       font-size:11px;
			   float:left;
			   height:35px;	
			   background: url(../images/tab_sel.png) no-repeat top left;
}


* html #menu li { 
		margin-top:-12px;
		text-decoration:none;					 
	  font-size:11px;
		font-weight:bold;
		float:left;
		cursor:pointer;
		padding: 0 3px 10px 2px;
		height:36px;
		width:111px;
		position:relative;
		background: url(../images/tab_ie6.png) no-repeat;
	
}
			
				
* html #menu li.selected {
			height:35px;
			width:112px;
      color:#ff5c44;
			text-align:center;					 
			padding: 6px 1px 3px 3px;
			background:url(../images/tab_sel_ie6.png) no-repeat top left;
}

* html #menu a:hover {
	       color: #ff5c44;
			   text-decoration:none;
			   text-align:center;					 
			   padding: 6px 0 3px 0;
	       font-size:11px;
			   float:left;
			   height:35px;	
			   background: url(../images/tab_sel_ie6.png) no-repeat top left;
}
		
	 /* * html #menu li.selected {
		background:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu-sel.png');
}*/


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

#menuHome{height:18px;}
*+html #menuHome{height:22px;}
* html #menuHome { height:21px;}	

/*------------------------------- End menu ----------------------------------------*/			
	
h2{
  font: 12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	border-bottom:1px solid #ff5c44;
	margin-bottom:10px;
  text-transform:uppercase;
  color: #ff5c44;
}

h3{
  font: 11px Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	font-weight:bold;
  text-transform:uppercase;
  color: #ff5c44;
}

ol{ padding-left:25px;}

#contents{
	background:url(../images/bg-lateral.png) repeat-y;
	position:relative;
	top:-18px;
}	

*+html #contents { top:-23px;}
* html #contents { top:-27px !important;}		
		
				 
/* ------------------------------- ONE COLUMN CONTENTS ----------------------------------------*/

#container div.oneColumn { 
	padding:0px 20px 20px 90px;
	position:relative;
	width:780px;
	
}

#container div.oneColumnHome{
	min-height:370px;
}

#bg_home { background:url(../images/bg_home.jpg) no-repeat center;}

#container div.oneColumn_rates {
	min-height:120px;
	width:400px;
	position:relative;
	float:left;
}

#container div.oneColumn_rates02 {
	min-height:120px;
	position:relative;
	float:right;
	width: 200px;
	padding-right:100px;
	padding-top:10px;
}


#bookings{
	min-height:120px;
}

.presentation{ 
	width: 489px;
	margin-right: auto;
	margin-left: auto;
	padding-top:20px;
	text-align:left;}

/* ------------------------------- TWO COLUMN CONTENTS ----------------------------------------*/

#container div.column01 {
	float:left;
	padding:0px 0px 10px 45px;
	background:url(../images/bg-photo.png) no-repeat top right ;
	width:490px;
	height:370px;
	display:inline;
	position:relative;

}

#container div.column02 {
	float:left;
	padding:5px 20px 10px 20px;
	width:320px;
	clear:right;
	display:inline;
	position:relative;
}

div#reviews{
	float:left;
	padding-top: 20px;
	position:relative;
	}
   
	h3.mirai span{
	font-weight:bold !important;
	font-size:11px !important;
	color: #ff5c44;
	font-family: Arial, Helvetica, sans-serif !important;
}
							
		div#HsBack, div#HsFloat{ z-index:1000!important;}
	
							
#container div.column01faqs {
	float:left;
	padding:10px 20px 20px 85px;
	width:350px;
	min-height:360px;
	display:inline;
	position:relative;

}

#container div.column02faqs {
	float:left;
	padding:10px 45px 30px 45px;
	width:350px;
	clear:right;
	display:inline;
	position:relative;
}

.photo{
		width:429px; 
		position:relative;
    float:left;
		padding: 12px 0 3px 44px;}
				
#pics{ 
		position:relative;
		float:left;
		height: 50px;
		padding: 0 0 0 44px;}
		
		#pics li {
			position: relative;
			float: left;
}
				
#picsfoto li{
	  position:relative;
		float:left;
		padding: 0 2px 1px 2px;}					
					 
/* ------------------------------- WHOLE COLUMN CONTENTS ----------------------------------------*/

#container div.wholeColumn{
	padding-left:80px;
	position:relative;
	height: 120px;
	}
	
#framereservation{ 
	background:#fff url(../images/bg_plazamayor.gif) no-repeat top;
	width:440px;
	height:120px;
	margin:-20px 12px 0 10px;
	}
	#framereservation_en{
	background:#fff url(../images/bg_plazamayor_en.gif) no-repeat top;
	width:440px;
	height:120px;
	margin:-20px 12px 0 10px;
	}
	#framereservation_fr{
	background:#fff url(../images/bg_plazamayor_fr.gif) no-repeat top;
	width:440px;
	height:120px;
	margin:-20px 12px 0 10px;
	}
	
	*+html div.calendar table { position:relative !important; /*clear:both !important;*/}

/*#bookNow{ 
	position:relative;
	display:inline;
	height:100px;
}
*/
/*--------------------------- FOOTER -----------------------------------------*/

p.bottom{ 
	background:url(../images/footer.png) no-repeat top right;
  height:20px;
	position:relative;}
	
.address { 
		position:relative;
		float:left;
		display:inline;
		height:100px;
		padding-left:5px;
	}	
	
	
.address li{
	  font-size:11px;
		position:relative;
		float:left;
		display:inline;
		padding:5px 5px 0 30px;
}
		
.logohotel{
    background:url(../images/logohotel.jpg) no-repeat top center;
		position:relative;
		display:inline;
		float:left;
		width:80px;
		height:100px;
		margin-right:15px;
		padding-top: 5px;
		padding-left:10px;

		}
		
.bannerloft {
	width: 179px;
	margin-right: auto;
	margin-left: auto;
	text-align:left;
}

/* ------------------------- MISC. ------------------------------------------ */

.pusher { clear:both;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
