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

* { 
	margin:0; 
	padding:0;
} 

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:#fff;text-decoration:none; }


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

#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

*html #container { background-color:#e6dfcd;}

/*--------------------------------- HEADING  ------------------------------------*/
/* nombre del hotel */
 
h1{
    position:relative;
    text-indent: -2000px;
}

/* ------------------- Logo ----------------------- */
#logo {
	width:232px;
	height:85px;
 	background: url(../images/logo_opera.jpg) no-repeat top left;
	margin-left:15px;
}

*+html #logo{
	position:absolute;
	top:0;
}

* html #logo{
	position:absolute;
	top:0;
}

#logo a {
	text-indent: -2000px;
	display:block;
	width:232px;
	height:85px;
	position:absolute;
}
/* ------------------------------------------------------------ */

#cabecera {
	width: 960px;
	background:#e6dfcd url(../images/header.jpg) repeat-x;
	margin-left: auto;
	margin-right: auto;

}

*+html #cabecera{ margin:auto;float:left;position:relative;}

/* ------------------- Barra de Idiomas ----------------------- */
#language {
  position:relative;
	float:right;
	width: 610px;
	margin-left:auto;
	margin-right:auto;
	text-align: right;
	height:25px;
	padding-top:10px;
	padding-right:10px;
}

#language li { display: inline; color:#bda769;}
#language li a { color:#bda769;}
#language li a:hover {color:#3e1f08;text-decoration:underline;}
#language li a:active{color:#3e1f08;text-decoration:underline;}
#language li.selected{ color:#fff;}

/* ---------------------------- Address ----------------------- */

#address {
	position:relative;
	float:right;
	text-align:right;
	width: 665px;
	padding-top:7px;
	padding-right:10px;
	padding-bottom:5px;
	color: #fff;
	font-variant: normal;
	text-transform: none;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	border-top:1px solid #bda669 ;
}

#address p a:hover {
	color:#FFFFFF;
}

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

body {
	background:url(../images/bg.jpg) repeat;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font:11px Arial, Helvetica, sans-serif;
	color:#333333;
}


strong {
	font-weight: bold;
	color: #333;
}	

#content{
	display:inline;
	width:960px;
	background:#e6dfcd;
	height:552px;
}	

#iframe {
	position:relative;
	float:left;
	display:inline;
	margin-left:515px;
	margin-top:/*-342px*/-335px;
	width: 405px;
	height:/*322*/ 315px;
	background-color:#e6dfcd;
	overflow-y: scroll;
	padding:10px 20px;
}

#iframe.esp { background-image:url(../images/precio.jpg); background-repeat:no-repeat; background-position:right bottom; }
#iframe.eng { background-image:url(../images/precio-en.jpg); background-repeat:no-repeat; background-position:right bottom;}
#iframe.fra { background-image:url(../images/precio-fr.jpg); background-repeat:no-repeat; background-position:right bottom;}
#iframe.cat { background-image:url(../images/precio-ca.jpg); background-repeat:no-repeat; background-position:right bottom;}
#iframe.ale { background-image:url(../images/precio-de.jpg); background-repeat:no-repeat; background-position:right bottom; }

/**+html #iframe { width:400px;}*/

	#iframe p{ padding:10px 10px 5px 10px; text-align:justify;}
	#iframe p.home { text-align:center;}
	#iframe ul li { padding-left:15px; text-align:justify;}
	#iframe h2 { 
		padding:10px 0 0 10px; 
		color:#867966;
		font:16px Arial, Helvetica, sans-serif; 
	  border-bottom:1px solid #AD975D;
		text-transform:uppercase;
		
}

.iframe h2 { 
		padding:10px 0 0 10px; 
		color:#867966;
		font:16px Arial, Helvetica, sans-serif; 
	  border-bottom:1px solid #AD975D;
		text-transform:uppercase;
		
}
 #iframe h2.home { 
		padding:10px 0 0 10px; 
		color:#867966;
		font:16px Arial, Helvetica, sans-serif;
		font-weight:bold; 
	  border-bottom:1px solid #AD975D;
		text-transform:uppercase;
		text-align:center;
		
}

	#iframe h3{
		padding:12px 0 0 10px; 
		color:#867966;
		font:14px Arial, Helvetica, sans-serif; 
	  border-bottom:1px solid #AD975D;
		text-transform:uppercase;
		margin-bottom:5px;
}
 
 #iframe h4{
		padding:12px 0 0 10px; 
		color:#867966;
		font:12px Arial, Helvetica, sans-serif;
		font-weight:bold; 
	  border-bottom:1px solid #AD975D;
		margin-bottom:5px;	
}



#flash {
	position: relative;
	float:left;
	display:inline;
	width: 515px;
	height:/*342px*/335px;
	padding:0;
	background:#e6dfcd;
}

#flash_ale { 
  position: relative;
	float:left;
	display:inline;
	width: 515px;
	height:335px;
	padding:0;
  margin-top:-5px;
	background:#e6dfcd;
}

/*#flashcontent {
  position: relative;
	float:left;
	display:inline;
	width: 515px;
	height:342px;
	padding:0;
	background:#e6dfcd;
}*/


#flashlinea{ 
	background:#240b00;
	width: 960px;
	height:12px;
	margin:0 auto;
	clear:both;
}


#framereservation{ padding:8px; text-align:center;}
*+html #framereservation { margin-bottom:-15px !important;}
div.calendar { margin-top:-180px !important;}

ul#links  {clear:both; margin:0 0 0 137px; text-align:center; display:block;}

*html ul#links { margin-top:-15px !important;}

#links li{
		color: #3e1f08;
		
		text-transform:uppercase;
		float:left;
		display:inline;
}

#links a { color:#3e1f08; text-decoration:underline;  padding:0 5px; boder-right:1px solid #3e1f08; font-size:10px!important;}
#links a:hover{ color:#FFF;}

#googlemap {
	_margin-left:-15px;
}

#contenidoquetiempox {margin:0 auto; border:none !important;}

/*-------------------------------- END CONTENTS -------------------------------*/

/*--------------------------MENU------------------------------------------*/

#menucontainer{ padding-top:12px !important;}

#menu {
	width: 945px;
	margin:0 auto;
	padding-right:15px;
	height:60px;
	background-color:#a79e8c;
	z-index:10000 !important;
	clear:both;
}

*html #menu{ padding-right:0px !important;}

/*======================== Estilos del menu anterior ==============================*/

        /*#menu li{
							position: relative;
							float:left;
							display:inline;
							padding:10px 8px 10px 5px;
							color: #FFFFFF;
         }

       #menu li.selected {
             color:#3e1f08;
						 text-decoration:underline;
						 position: relative;
						 float:left;
						 display:inline;
	       }
				 
	     #menu a{
			       color: #FFFFFF;
						 height:38px;
						 text-decoration:none;					 
	           font-size:11px;
						 float:left;
						 position: relative;
						 display:inline;	
					}

        #menu a:hover {
	           color: #3e1f08;
						 text-decoration:underline;				 
	           font-size:11px;
						 float:left;
						 position: relative;
						 display:inline;
						 height:38px;	
						
}*/

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

/*----------------------------- OFERTAS -------------------------------------*/
#oferta01 a, #oferta02 a, #oferta03 a {color:#FFFFFF;text-transform:uppercase; font-weight:bold; text-decoration:underline;}
#oferta01 a img, #oferta02 a img, #oferta03 a img {border:none;}
#oferta01 a:hover, #oferta02 a:hover, #oferta03 a:hover { color:#3e1f08;}

.oferta a {color:#FFFFFF;text-transform:uppercase; font-weight:bold; text-decoration:underline;}
.oferta a img {border:none;}
.oferta a:hover { color:#3e1f08;}

.oferta {
    position:relative;
    float:left;
    display:inline;
    margin:10px 0 0 10px;
    font-size:10px!important;
		width:25%;
		height:35px;
		line-height:35px;
}
*html .oferta {padding:10px 0 0 0;}
*+html .oferta {padding:10px 0 0 0;}


#oferta01 {
    position:relative;
    float:left;
    margin:0px;
    text-align:left;
    margin:10px 0 0 20px;
    display:inline;
    font-size:10px!important;
		width:20%;
		border:1px solid green;
}
#oferta02 {
    position:relative;
    float:left;
    margin:0px;
    text-align:left;
    padding:5px 0 0 110px ;
    *padding:20px 0 0 110px ;
    display:inline;
    font-size:10px!important;
}
#oferta03 {
    position:relative;
    float:left;
    margin:0px;
    text-align:left;
    padding:5px 0 0 120px ;
		*padding:20px 0 0 120px ;
    text-align:left;
    font-size:10px!important; 
}
/*------------------------------------------------------------------*/

.pusher {clear:both;}

#pie {
    width: 960px;
    height: 126px;
    background: url(../images/footer2.jpg) repeat-x left top;
    color: #fff;
    margin:0 auto;
    
}