/* CSS Document */
body {
font-size:90%; color: #363735; text-align: justify; line-height: 18px;
}
body, p, div, ul, li, form, select, input, table, tr, td, th {
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
}

body {
background:#0e0e0e url('../images/bg_body.jpg') repeat left top;
}

a img, :link img, :visited img {
border:none;
}
a:link, a:visited {
color:#002293;
text-decoration:none;
}
a:hover, a:active {
color:#202020;
text-decoration:underline;
}
*:focus {
outline:none;
}

/*-------------------------- CONTENEDOR --------------------------*/

#container {
width:960px;
height:496px;
margin:0 auto;
position:relative;
background:url('../images/bg_container.jpg') 0px 0px no-repeat;
padding:496px 0 0 0;
}

/*-------------------------- Logo --------------------------*/

.logo a {
	width:262px;
	height:100px;
	display:block;
	position:absolute;
	top:25px;
	left:12px;
	text-indent:-1000000px;
}

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

#menu {
width:960px;
height:35px;
padding:0;
position: absolute;
top:137px;
left:15px;
}
ul#menu li {
float:left;
display:block;
font:80% Arial, Helvetica, sans-serif; 
font-weight:600;
color:#fff;
line-height:29px;
margin-right:10px;
}

ul#menu li a:link, ul#menu li a:visited {font-weight:600; color:#fff; padding:0 10px;}

ul#menu li a:hover, ul#menu li a:active {
display:block;
background: url('../images/bg_menu.jpg');
padding:0 0 0 10px;
color:#002293;
}
ul#menu li a:hover strong, ul#menu li a:active strong {
display:block;
background:url('../images/bg_menu.jpg') right top;
padding:0 10px 0 0;
color:#002293;
}

#menu .current a:link, #menu .current a:visited {
display:block;
background: url('../images/bg_menu.jpg');
padding:0 0 0 10px;
color:#002293;
}
#menu .current a strong {
display:block;
background:url('../images/bg_menu.jpg') right top;
padding:0 10px 0 0;
}



/*-------------------------- CONTENIDO --------------------------*/

#content {
background:#ffffff;
width:920px;
margin:0 auto 0 auto;
position:relative;
}

/*-------------------------- FORMATOS --------------------------*/
.col {
width:440px;
padding:10px;
float:left;
display:inline;
margin:0 auto;
position:relative;
}
.col_menu {
width:350px;
padding:0px;
float:left;
display:inline;
margin:0 auto;
position:relative;
}
.col-grande {
padding:10px;
margin:0 auto;
}
#content p {
text-align: justify;
margin: 10px 0;
line-height:18px;
font-size: 0.9em;
}
#content h2 {
font-size: 2em;
font-family: "Myriad Pro", Trebuchet MS;
color: #002293;
clear: both;
margin:0 0 8px 0;
padding:5px 0 10px 0px;
border-bottom:1px dashed #002293;
}

#content h3 {
font-size: 1.6em;
font-family: "Myriad Pro", Trebuchet MS;
color: #002293;
margin:0 0 8px 0;
padding:5px 0 10px 0px;
border-bottom:1px dashed #002293;
width:auto;
}

#content a:link img, #content a:visited img {
border:1px solid #000;
padding:1px;
float:left; display:inline; margin:5px 3px;
}
#content a:hover img, #content a:active img {
border:1px solid #202020;
padding:1px;
}
#content h2.name {font-size:1.1em; margin:0; padding:0; border:none;}


/*-------------------------- FOOTER --------------------------*/
#footer {
clear:both;
background:url('../images/bg_footer.jpg') repeat-x;
width:920px;
height:150px;
text-align:right;
padding-top:10px;
position:relative;
}

#footer_b {
clear:both;
background: #FFF;
width:920px;
height:60px;
text-align:right;
padding-top:10px;
position:relative;
}

#footer h3 {
font-size: 1.8em;
font-family: "Myriad Pro", Trebuchet MS;
color: #202020;
margin:0 15px 10px 0;
padding:5px 0 10px 0px;
width:auto;
border:none;
}

.ico_map {
position:absolute;
right:15px;
top:30px;
}

.vcard {
position:absolute;
bottom:95px;
right:180px;
text-align:right;
z-index:2;
}

.politica {
	position:absolute;
	bottom:2px;
	right:19px;
	text-align:right;
	z-index:2;
}


/*-------------------------- FOOTER --------------------------*/
#subcontent {
position:absolute;
top:175px;
width:920px;
margin:0 10px;
height:220px;
padding:10px;
color:#000000;
font-family:"Myriad Pro",trebuchet MS;
}
#subcontent h2 {
color:#002392;
font-size: 2.2em;
font-family: "Myriad Pro", Trebuchet MS;
padding:0 0 10px 0;
margin:20px 0 10px 0;
border-bottom:1px solid #fff;
}

/* Lists */

ul.number {
margin:15px 15px 15px 35px;
font-size:90%;
}

ol.number {
margin:15px 15px 15px 35px;
font-size:125%;
}
ol.number li, ul.number li {
margin:5px 0px;
}
ol.number li span {
font-size:75%;
}
dl dt {
font-weight: bold;
margin:10px 10px 0px 10px;
padding: 0 0 0 10px;
background:url('../images/ico.png') 0px 8px no-repeat;
}
dl dd {
margin:6px 10px 0px 22px;
text-align: justify;
}
.col ul li {
font-size:80%;
margin:0 0 6px 15px;
padding: 0 0 0 20px;
background: url('../images/ico.png') 0px 8px no-repeat;
}

/* MOTOR */
/*----------------------------------------------------*/
#motor {
position:absolute;
top:380px;
width:100%;
}

#mirai_bookentrance {
width:100%;
height:40px;
text-align:center;
}

#motor h3 {
font-size: 2em;
color:red;
clear: both;
margin:10px 0 0 10px;
font-weight:normal;
padding-bottom:15px;
}


/* Mapa */

.zoom {background: url('../images/zoom.png') no-repeat; padding-left:26px;}


/*-------------------------- OFERTAS --------------------------*/

#offers_es a:link, #offers_es a:visited, #offers_en a:link, #offers_en a:visited, #offers_fr a:link, #offers_fr a:visited, #offers_de a:link, #offers_de a:visited, #offers_it a:link, #offers_it a:visited {
	background:url('../images/bg_offers_es.jpg') no-repeat;
	display:block;
	text-indent:-100000px;
	width:105px;
	height:108px;
	position:absolute;
	right:-30px;
	bottom:-110px;
}
#offers_es a:hover, #offers_es a:active {
background:url('../images/bg_offers_es_hover.jpg') no-repeat;
}
#offers_en a:link, #offers_en a:visited {
background:url('../images/bg_offers_en.jpg') no-repeat;
}
#offers_en a:hover, #offers_en a:active {
background:url('../images/bg_offers_en_hover.jpg') no-repeat;
}
#offers_fr a:link, #offers_fr a:visited {
background:url('../images/bg_offers_fr.jpg') no-repeat;
}
#offers_fr a:hover, #offers_fr a:active {
background:url('../images/bg_offers_fr_hover.jpg') no-repeat;
}
#offers_de a:link, #offers_de a:visited {
background:url('../images/bg_offers_de.jpg') no-repeat;
}
#offers_de a:hover, #offers_de a:active {
background:url('../images/bg_offers_de_hover.jpg') no-repeat;
}

#offers_it a:link, #offers_it a:visited {
background:url('../images/bg_offers_it.jpg') no-repeat;
}
#offers_it a:hover, #offers_it a:active {
background:url('../images/bg_offers_it_hover.jpg') no-repeat;
}


/*-------------------------- PUNTUACION --------------------------*/
div#hsRating.hsRating {
border-top:none!important;
width:428px!important;
}
/*-------------------------- GRAFICO DISPONIBILIDAD --------------------------*/
#disponibilidad {
}

/*-------------------------- LANGUAGES --------------------------*/
#languages {
position: absolute;
top:30px;
right:20px;
padding:0;
font-weight:400;
z-index:3;
}

ul#languages li {float:left; display:inline; padding:0 0.8em; border-right: 1px solid #a4a4a4; color:#a4a4a4; line-height:16px; height:16px;}
ul#languages li a:link, ul#languages li a:visited {color:#00249a; font-size:90%;}
ul#languages li a:hover, ul#languages li a:active {color:#5a7bee;}


/*-------------------------- GLYDER PHOTO --------------------------*/
#photo {
	clear:both;
	width: 424px;
	height: 204px;
	position:absolute;
	left:37px;
	top:-10px;
}

#photo div.scroller {
width: 544px;
height: 242px;
overflow: hidden;
}
#photo div.scroller div.section {
width: 544px;
height: 242px;
overflow:hidden;
float:left;
}
#photo div.scroller div.section img {
margin:0 auto;
}

#photo div.scroller div.content {
width: 10000px;
}
/*-------------------------- Controls --------------------------*/
ul.tabs {margin-top:8px;
}
ul.tabs li {float:left; display:inline}

.tabs li a:link, .tabs li a:visited, .tabs li a:hover, .tabs li a:active {
float:left;
display:inline;
padding:5px;
background: #b3191f;
margin-right:1px;
color:#fff;
}

/*-------------------------- OBJECT CONTACT --------------------------*/
#contacto {position:relative;}

#iframeX {
width:390px;
height: 300px;
position: absolute;
top: -2px;
left: -2px;
}
.logos_navarra {text-align:center;}
/*--- 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: #fff;
    }
#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: url("http://www.hotelyoldi.com/images/button_book.png") no-repeat scroll center center transparent;
    height:39px;
    width:205px;
    border:0;
    padding-bottom:6px;
    color:#000;
}
#mirai_be7 input:hover { /*--- Boton "Input Ver/Cancelar" ---*/
    color:#ccc;
}
#mirai_be8 { /*--- Boton "Input Ver/Cancelar" ---*/
    text-decoration:none;
    color:#000;
}
#mirai_be8:hover { /*--- Boton "Input Ver/Cancelar" ---*/
    text-decoration:underline;
}
/*--- Fin Estilos de Botones y Codigo Promocional ---*/
/*--- Principio Para que el calendario aparezca siempre encima ---*/
#ui-datepicker-div {
    /*font-size:0.8em;*/
}
/*--- Fin Para que el calendario aparezca siempre encima ---*/