@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------------------------------*/
/*--------------------------------- NORMALIZING  -----------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

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:0 auto;
	position:relative;
}


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

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

#cabecera {
	
	background:#e6dfcd url('../images/header.jpg') repeat-x;
  margin:0 auto;
	position:relative;
	height:85px;
}
/* ------------------- Logo ----------------------- */
#logo {
	width:232px;
	height:85px;
 	background: url('../images/logo_opera.jpg') no-repeat top left;
	margin-left:15px;
	position:absolute;
	top:0px;
	left:0px;
}


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


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

ul#language li { display: inline; color:#bda769; border-right:1px solid #bda769; padding:0 5px;}
ul#language li a { color:#bda769;}
ul#language li a:hover {color:#3e1f08;text-decoration:underline;}
ul#language li a:active{color:#3e1f08;text-decoration:underline;}
ul#language li.selected{ color:#fff;}

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

address {
	position:absolute;
  top:30px;
	right:10px;
	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 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{
	width:960px;
	background-color:#e6dfcd;
	height:552px;
	position:relative;
}	

#iframe {
	margin-top:0;
	padding-left:525px; height:335px; width:435px;
	background-color:#e6dfcd;
}

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


	#iframe p{ padding:10px 10px 5px 10px; text-align:justify;}
	#iframe p.home { text-align:center;}
	#iframe ul li { padding-left:15px;}
	#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 {
	width: 515px;
	height:335px;
	padding:0;
	background:#e6dfcd;
	position:absolute;
	top:85px;
	left:0px;
}

#destacado {position:absolute; top:85px; left:0px;}

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


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

ul#links  {clear:both; margin:10px 0 10px 20px; text-align:center; width:99%}

#links li{
		color: #3e1f08;
		border-right:1px solid #3e1f08;
		text-transform:uppercase;
		float:left;
		display:inline;
		padding:0 5px;
}

#links li img {margin-top:-15px; float: left;}

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

*+html #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;
	height:60px;
	background-color:#a79e8c;
	z-index:10000 !important;
	clear:both;
	padding-right:15px;
}

* html #menu {padding:0px;}

/*----------------------------- OFERTAS -------------------------------------*/
.oferta , .oferta02 {    
    width:49%;
    font-size:12px!important;
		margin:5px 0 0 0;
}

*+html .oferta , *+html .oferta02 {margin:0px 0 0 0}
* html .oferta , * html .oferta02 {margin:0px 0 0 0}

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

.oferta {
    float:left;
    display:inline;
    text-align:right;
}

.oferta02 {
    float:right;
    display:inline;
    text-align:left;
}

/* Link con logo de tripadvisor */ 
.oferta03 {
    position:absolute;
		bottom:5px;
		right:0px;
}
.oferta02 a {
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 38px;
    text-decoration: underline;
    text-transform: uppercase;
    width: 303px;
}
.oferta a {
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 39px;
    margin: 0 0 0 250px;
    text-decoration: underline;
    text-transform: uppercase;
    width: 217px;
}
.oferta, .oferta02 {
    margin: 78px 0 0;

}
.pusher {clear:both;}

#pie {
    width: 960px;
		height:190px;
    background: #cfba77 url('../images/footer.jpg') no-repeat left bottom;
    color: #fff;
    margin:0 auto;
}
#certificado {
    background: url("../images/excelencia-Opera.jpg") no-repeat scroll 0 0 transparent!important;
    bottom: -17px;
    height: 100px;
    position: absolute;
    right: 1px;
    width: 100px;
}
#luxe {
    height: 71px;
    margin: 80px 0 0 10px!important;
    position: absolute;
    width: 228px;
}


/*----------------------------- LISTS  ------------------------------------*/

ul.compras {list-style:none; margin:0 auto;}
ul.compras li {float:left; display:inline; width:100px; height:120px; text-align:center;}
ul.compras li a img {margin:0; padding:0; border-bottom:none;}

ul.normal { list-style:disc; margin:0px 0; }
ul.normal li {margin:8px 0px 8px 0px; text-align:left;}

ol.normal { margin:15px 0; }
ol.normal li { margin:8px 10px 8px 10px; }

#titleDivOffers p {display:none!important}


#CDSWIDFRR {margin:0!important; width:150px!important; text-align:left!important; padding:0!important; background:none!important}
#CDSWIDFRR img {width:70%!important}
#CDSWIDFRR var.widFRRCopy {width:87px!important}
/*--- Principio Contenedor del motor de reservas ---*/
#mirai_be0, #mirai_be2, #mirai_be0 input, #mirai_be0 select { /* Para que se vea la misma letra en IE6 y IE7*/
    /*font-family: Verdana;*/
    /*font-size: 13px;*/
}
/*--- Principio Contenedor del motor de reservas ---*/
#mirai_be0, #mirai_be2, #mirai_be0 input, #mirai_be0 select { /* Para que se vea la misma letra en IE6 y IE7*/
    /*font-family: Verdana;*/
    /*font-size: 13px;*/
}
/*--- Fin Contenedor del motor de reservas ---*/
/*--- Principio Posición de elementos ---*/
#mirai_bookentrance input#mirai_be2, #mirai_bookentrance select#mirai_be4, #mirai_bookentrance input#mirai_be6  { /* Margin Right para "Input Entrada", "Input Noches" y "Input Codigo Promocinal"*/
    /*margin:0 0.3em 0 0;*/
}
#mirai_be2, #mirai_be4, #mirai_be6  { /* Margin Right para "Input Entrada", "Input Noches" y "Input Codigo Promocinal"*/
    /*margin:0 0.8em 0 0;*/
}
#mirai_bookentrance div#mirai_be7  { /* Margin Right div contenedor de "Input Reservar"*/
    /*margin:0 1em 0 0;*/
}
/*--- Fin Posición de elementos ---*/
/*--- Principio Estilos de Botones y Codigo Promocional ---*/
#mirai_be2 { /* Anchura para "Input Entrada" */
    /*width:7em;*/
}
 #mirai_be6 { /* Anchura para "Input Codigo Promocional" */
    /*width:7em;*/
}
#mirai_be1, #mirai_be3, #mirai_be5 { /* Estilos de textos: "Entrada, Noches y Código Promocional" */
      /*color: #444;*/
    }
#mirai_be2, #mirai_be4, #mirai_be6 { /* Estilos "Input Entrada", "Input Noches" y "Input Codigo Promocional" */
      /*background-color:#FFFFFE;*/ /* para que el "color" de < slect > en Safari funciona, no se pudede asignar #FFFFFF. Color de letra para Text Inputs */
      /*border:1px solid #999;*/
      /*color: #444;*/
    }
#mirai_be7 input { /*--- Boton "Input Reservar" ---*/
    /*padding:0 0.8em;*/
    background-color:#3E1F08;
    color:#FFFFFF;
    border:0;
    padding-bottom:6px;
}#mirai_be7 input:hover { /*--- Boton "Input Reservar" ---*/
    color:#3E1F08;
    background-color:#FFFFFF;

}
#mirai_be8 { /*--- Boton "Input Ver/Cancelar" ---*/
    text-decoration:none;
    color:#333;
}
#mirai_be8:hover { /*--- Boton "Input Ver/Cancelar" ---*/
    text-decoration:underline;
    color:#fff;
}
/*--- Fin Estilos de Botones y Codigo Promocional ---*/
/*--- Principio Para que el calendario aparezca siempre encima ---*/
#ui-datepicker-div {
    /*font-size:0.8em;*/
    z-index:1000000!important;
}
/*--- Fin Para que el calendario aparezca siempre encima ---*/
.banner_tripadvisor {
display: block;
width: 100px;
height: 100px;
}