/*
Theme Name: Posada del Toro
Theme URI: http://www.posadadeltoro.com
Description: Tema desarrollado por Mirai Espana para hoteles.
Version: 3.0
Author: Mirai Espana
*/

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
	margin:0;
	padding:0
}
table {
	border-collapse:collapse;
	border-spacing:0
}
fieldset, img {
	border:0
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal
}
ol, ul, li {
    list-style-type: none outside none;
}
caption, th {
	text-align:left
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal
}
q:before, q:after {
	content:''
}
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong {
	font-weight:bold
}
em {
	font-style:italic
}
a img {
	border:none
} /* Gets rid of IE's blue borders */


a {outline:none;}
/*--------- MAQUETACI?N BACKEND ------------*/
.opcSlider, .banderaNombre {display:none}
.opcSlider_es, .banderaNombre_es  {display:block}

#barraIdiomaSlider {
border-right:1px solid #000000;
float:right;
height:15px;
padding-right:3px;
}

#my-custom-fields .inside li {
border-left:1px solid #000000;
color:#21759B;
cursor:pointer;
float:left;
font-size:11px;
height:14px;
line-height:11px;
padding:0 2px 0 4px;
text-decoration:underline !important;
}
/* ----------------------------------------- */


/*--------- MAQUETACI?N FRONTEND ------------*/
/* ----------------------------------------- */

/* Maquetaci?n de la web */
/* Estilos para colocar los elementos, Logotipo, Men?, VCARD, Idiomas, Motor de Reservas, Slideshow, Ofertas, Opiniones */
body{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#000!important;
}

#header{
	width:980px;
	margin:0 auto;
	position:relative;
	
}

#contents {
	width:980px;
	margin:0 auto;
	position:relative;
border-top: #731700 solid 15px;
	
}

.normal {
	padding-bottom: 33px;
    padding-left: 243px;
    padding-top: 565px;
	background: #b7b7b7 url('images/bg.jpg') top repeat-x;
}

.one-column {
	padding-bottom:15px;
	padding-left:0px;
	padding-top:563px;
	background: #b7b7b7 url('images/bg.jpg') top repeat-x;
}



.wrapper {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    position: relative;
    width: 980px;
    
}

*+html #logo {
	height:79px;
	width:117px;
	
}
#logo a {
	background:url("images/logo.jpg") no-repeat scroll 0 0 transparent;
	display:block;
	height:79px;
	text-indent:-10000px;
	width:117px;
	z-index:1;
	top: 20px;
	left:0;	
	position:absolute;	
}
.vcard {
	font-size:13px;
	position:absolute;
	right:0;
	text-align:right;
	top:42px;
	z-index:1;	
}
#footer {
	background-color: #440A01;
	padding: 1px 0;
	width:980px;
	margin:0 auto 20px;
}

#footer .wrapper {padding: 13px 0;}

#social-media {
	position: absolute;
    right: 0;
    top: 45px;
}
#social-media li {
	float:left;
	margin-left:8px;
}
#social-media li a {
	display:block;
	height:16px;
	text-indent:-100000px;
	width:16px;
}
.facebook_link {
	background:url(images/facebook_16.png) 0 0 no-repeat;
}
.twitter_link {
	background:url(images/twitter_16.png) 0 0 no-repeat;
}
.youtube_link {
	background:url(images/youtube_16.png) 0 0 no-repeat;
}
.rss_link {
	background:url(images/rss_16.png) 0 0 no-repeat;
}
/* MENU */
/* ----------------------------------------- */

/* Maquetaci?n de la web */
/* Estilos para colocar los elementos, Logotipo, Men?, VCARD, Idiomas, Motor de Reservas, Slideshow, Ofertas, Opiniones */



#menu {
	
	display:block;
	height:25px;
	margin:0 auto;
	position:absolute;
	top:90px;
	left: 0;
}
#menu .menu-header ul, div#menu ul {
	list-style:none outside none!important;
	margin:0;
}
#menu .menu-header li, div#menu li {
	float:left;
	position:relative;
	border-right: 3px solid #000;
}
#menu a {
	color: #fff;
	display:block;
	padding:4px 13px;
	text-decoration:none;
	text-transform: uppercase;
	font-family: 'Cabin', Verdana, Arial, Helvetica, sans-serif;
	
}
#menu .menu {
	background: url('images/menu.jpg') no-repeat;
	height:25px;
	/*padding-left: 250px;*/
}

* html #menu .menu {width:980px;}

#menu .menu ul{
	padding: 0;
}

#menu ul ul {
	display:none;
	float:left;
	left:0;
	position:absolute;
	top:38px;
	width:180px;
	z-index:99999;
}
#menu ul ul li {
	min-width:180px;
}
#menu ul ul ul {
	left:100%;
	top:0;
}
#menu ul ul a {
	background:none repeat scroll 0 0 #333333;
	height:auto;
	line-height:1em;
	padding:10px;
	width:160px;
}
#menu li:hover > a, #menu ul ul:hover > a {
	background:none repeat scroll 0 0 #333333;
	color:#FFFFFF;
}
#menu ul li:hover > ul {
	display:block;
}
#menu ul li.current_page_item > a, #menu ul li.current-menu-ancestor > a, #menu ul li.current-menu-item > a, #menu ul li.current-menu-parent > a {
	background-color:#1b1b1b; color:#f3b52e;
}
* html #menu ul li.current_page_item > a, #menu ul li.current-menu-ancestor > a, #menu ul li.current-menu-item > a, #menu ul li.current-menu-parent > a {background-color:#1b1b1b; color:#f3b52e;}

* html #menu ul li.current_page_item a, * html #menu ul li.current-menu-ancestor a, * html #menu ul li.current-menu-item a, * html #menu ul li.current-menu-parent a, * html #menu ul li a:hover {
	background-color:#1b1b1b; color:#f3b52e;
}
#reservas {
	background: no-repeat url('images/motor.png');
	height:403px;
	position:absolute;
	left: 5px;
    top: 134px;
	width:251px;
	z-index: 100;
}
#reservas_large {
	background:none repeat scroll 0 0 #F2F2F2;
	position:absolute;
	right:0;
	text-align:center;
	top:140px;
	width:960px;
	z-index:5;
	height:58px;
}
#sidebar {
	left:15px;
	position:absolute;
	top: 565px;
	width: 215px;
}

#ofertas {
margin-bottom:40px;
}

.slideshow, .slideshow img{
	width:980px;
	height:423px;
}

.slideshow {
	position:absolute!important;
	top:123px;
	left:0;
	overflow: hidden;
}
#prev2 {
background:none repeat scroll 0 0 #FFFFFF;
font-size:11px;
left:639px;
padding:4px 7px;
position:absolute;
text-decoration:none;
top:385px;
z-index:20;
}
#next2 {
background:none repeat scroll 0 0 #FFFFFF;
font-size:11px;
left:679px;
padding:4px 7px;
position:absolute;
text-decoration:none;
top:385px;
z-index:20;
}


div.hssurveys_full {
padding:0 10px 0!important;
}
/* TEXTOS */
/* ----------------------------------------- */

/* Estilos de los Textos */
/* Para dar formato a los P?rrafos, H2, H3, H4, ul, dl, */

h1, h2, h3, h4, h5, h6 {
	font-family:Trebuchet MS;
	font-weight:bold;
	letter-spacing:-0.1px;
	color:#fff;
}
a, a:visited {
	color:#666666;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

#contenidos #textos {
	position: relative;
        min-height: 255px;
}

#contenidos #textos p{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#contenidos #textos .home {
	background-color: #fff;
	border: 1px solid #979797;
	width: 453px;
	padding: 10px;
}

#contenidos #textos .page {
	background-color: #fff;
	border: 1px solid #979797;
	width: 700px;
	padding: 10px;
	min-height:185px;
 	overflow: hidden;
 	height: expression(this.scrollHeight < 301? "155px" : "auto" );

}

#contenidos.one-column #textos .page{
	padding: 10px;
	width:958px;
}

#contenidos #textos .reviews-right {
	position:absolute;
	right: 15px;
	width: 235px;
	top: 0;
	
}

#contenidos #textos .reviews-right img {
border:1px solid #999;
}

#contenidos #textos .reviews-right h3 {
	margin-top: 0;
	font-family: 'Cabin', Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 17px;
	padding-bottom: 2px;
	border-bottom: dotted 2px #fff;
	letter-spacing: 1px;
	margin: 2px 0 8px;
	}
	
#contenidos p {
	margin:0 0 13px;
}
#contenidos h2 {
	font-size:25px;
	margin:0 0 5px;
	font-family: 'Cabin', Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
}
#contenidos.one-column h2 {padding-left: 20px;}

#contenidos h3 {
    color: #e5a700;
    font-family: 'Cabin',Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin: 25px 0 5px;
    text-transform: uppercase;
}
#contenidos h4 {
	font-size:17px;
	margin:25px 0 5px;
	font-weight: normal;
	text-transform: uppercase;
}
#contenidos ul {
	margin:0 0 7px;
}
#contenidos #textos ul li {
	list-style-type:circle;
	margin:10px 0 0 22px;
}
#ofertas h3, #opiniones h3 {
	border-bottom: 2px dotted #FFFFFF;
    font-family: 'Cabin',Verdana,Arial,Helvetica,sans-serif;
    font-size: 17px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 3px 0 8px;
    padding-bottom: 2px;
    text-transform: uppercase;
}
#reservas h3 {
	font-size:21px;
	margin:19px 24px 0;
	font-family: 'Cabin', Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color:#f3b52e;
	letter-spacing: 1px;
}
.address {
	font-size:12px;
	color: #fff;
	text-align: center;
}

.address a {color:#f4b42e;}

#buscador {
	position:absolute;
	right:8px;
	top:98px;
	border:1px solid #ccc;
	background:#fff;
}
#searchsubmit {
	background:url("images/buscar.jpg") no-repeat scroll 0 0 red;
	border:medium none;
	height:23px;
	text-indent:-10000px;
	width:26px;
}
#s {
	border:medium none;
	height:21px;
	margin:0 0 0 4px;
}

dl {
    line-height: 18px;
    margin-top: 25px;
}

dt {
	color: #914102;
	font-weight:bold;
	margin: 15px 0 0;
	padding-left: 15px;
}

dd {padding-left: 20px;}



/* MOTOR DE RESERVAS */
/* ----------------------------------------- */
/*--- Principio Contenedor del motor de reservas ---*/
#mirai_be0, #mirai_be2, #mirai_be0 input, #mirai_be0 select { /*#mirai_be2, #mirai_be0 input, #mirai_be0 select para que se vea la misma letra en IE6 y IE7*/
    font-size: 14px;
}
#mirai_bookentrance #mirai_be0 {
    color: #FFF;
    font-family: Helvetica;
    font-weight: normal;    
    border-top: 2px dotted #FFFFFF;
    margin-top: 20px;
    padding: 14px 0 0 13px;
    width: 236px !important;
}    
    

/*--- Fin Contenedor del motor de reservas ---*/
/*--- Principio Posición de elementos ---*/

#mirai_be1, #mirai_be2, #mirai_be3, #mirai_be4, #mirai_be5, #mirai_be6, #mirai_be7 {
left:0.8em;
}


#mirai_be1{top:0.8em;}
#mirai_be2{
top:2.6em;
text-align:center;
}
#mirai_be3{top:4.8em;}
#mirai_be4{top:6.6em;}


#mirai_be5 { /* Espacio superior y a la izquierda para "Codigo Promocional" */
    font-size: 1em;
    width:auto;
    top: 9em;
}
#mirai_be6 { /* Espacio superior para "Input Codigo promocional" */
top:10.4em;
}
#mirai_be7 { /* Espacio a la izquierda y superior para "Input Reservar" */
top:13em;    
}
#mirai_be8 { /* Espacio a la izquierda y superior para "Input Ver/Cancelar" */
top:22em;
left:3em;
}
/*--- Fin Posición de elementos ---*/
/*--- Principio Estilos de Botones y Codigo Promocional ---*/

#mirai_be2, #mirai_be4, #mirai_be6 { /* Estilos "Input Entrada", "Input Noches" y "Input Codigo Promocional" */
     color: #000;
     height:20px;
    }

#mirai_be7 input { /*--- Boton "Input Reservar" ---*/
    background: url("images/book.jpg") no-repeat scroll 0 0 transparent;
    border: none;
    border-radius: 4px 4px 4px 4px;
    color: #FFF;
    cursor: pointer;
    font-family: 'Cabin',Verdana,Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: normal;
    height: 42px;
    margin-top: 15px;
    padding: 5px;
    text-transform: uppercase;
    width: 228px;
}
#mirai_be7 input:hover { /*--- Boton "Input Reservar Hover" ---*/
    text-decoration:underline;
}
#mirai_be8 { /*--- Boton "Input Ver/Cancelar" ---*/
    text-decoration:none;
    background: none;
    border: none;
    color: #D1D0D0;
    cursor: pointer;
    font-size: 11px;
    letter-spacing: 1px;
    margin: 11px 0 0 -7px;
    text-transform: uppercase;
    width: 194px;    
}

#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 ---*/


/* BARRA DE IDIOMAS */
/* ----------------------------------------- */

/* Estilos para dar formato al selector de Idiomas */

.widget-language #qtranslate-3 {width: auto;} 
#contenidos .widget-language h2.widgettitle {
	float: left; 
	text-transform: uppercase;
	margin-top: 2px; 
	margin-right: 15px;
	display: block;
	margin-bottom: 0;
font-size: 10px;
}
.qtranxf_select_qtranslate-3-chooser option {padding-right: 10px;}

.widget-language {
	position:absolute;
	top: 7px;
	right:0;
	padding: 0;
margin: 0;
}
.widget-language li {
	float:left;
	margin-left:10px;	font-size:10px;
}

.qtranxf_select_qtranslate-3-chooser {
    background-color: #40403f;
    border: 1px solid #959595;
    color: #f2b52c; 
    margin: 0;
padding: 0;}

#results-title {
border-bottom:1px solid #666;
margin:25px 0 20px!important;
padding-bottom:15px;
}

.line-bottom {
border-bottom:1px dashed #CCCCCC;
padding-bottom:10px;
}

#contenidos .line-bottom h3 {
margin:15px 0 3px;
font-weight:normal;
}

#pag {
position:absolute;
right:252px;
top:400px;
z-index:1;
}

#pag a {
background: #FBFBFB;
padding:4px 8px;
margin:0 0 0 10px;
}


/*GOOGLE MAPS Y STREET VIEW*/   
#map_canvas {width: 720px; height: 300px}
#street { width: 720px; height: 300px;}

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

#xdhsOfferContent-offers_script {
	background-color: #fff;
	border: 1px solid #979797;
	padding: 10px;
}

#xdhsOfferContent-offers_script #offersPhoto.banner {border: none!important;}
#xdhsOfferContent-offers_script  #offersPhoto {border: none!important;}


/* --------- OPINIONES ------ */
#xdhsReviewSummaryContent-XdHs {
	background-color: #fff;
	border: 1px solid #979797;
}

#xdhsReviewSummaryContent-XdHs #mirai_reviewSouce {border: none!important;}
#xdhsReviewSummaryContent-XdHs #hsRating h3 {border-top: none!important;}

.reviews-right  div#hsRating.hsRating {
    border: none;
}


#contenidos .xdSurveys ul li, div.hssurveys_full ul li  {list-style-type: none!important;}
#contenidos div.hssurveys_full ul.questions li p.question {margin-right: 15px !important;}
#contenidos div.hssurveys_full ul.listSubject {width: 620px !important;}
#contenidos div.hssurveys_full ul.listSubject li .reviewcomment { width: 300px;}


/*** Cambios 12 de Diciembre ***/

.imagen-wifi {
width:100%;
float:left;
}

.imagen-wifi img {
margin:0 auto;
display:block;
}

/****
Estilos booking
**************************************************/

.booking #qtranslate-3 {display:none;}
#motor_reservas {
    margin: 95px auto 10px;
    width: 960px;
}
.dtContents {}
dl.dropdown dd {background-color:#fff;}
.booking .slideshow {display:none;}
.booking .mashup_motor h3 {display:none;}

.booking .mashup_motor {}
.booking #social-media {display:none;}
.booking #mirai_be8 {display:none;}
.booking #mirai_book, .booking .mirai_button, .booking .mirai_button:visited {background: #E29C00;}

.booking #ui-datepicker-div {
    font-size: 1.0em;
}
.booking #reservas {display:none;}
#mirai_bookentrance #mirai_be0 {width:875px!important;padding-left:83px!important;}
#mirai_roomSelectionContainer {margin-top:15px;}
.booking #currencyDropdownContents {background:#fff;}
/*#mirai_roomSelection tr.roomtype.hover p, #mirai_roomSelection tr.roomrate.hover p, #mirai_roomSelection tr.roomrate.hover span, #mirai_roomSelection tr.roomtype.widthdetail:hover p {color:#000!important;}*/
#mirai_roomSelection table.roomdetailBottomTable {background: #FFFDE0;}
#availableRoomList div.roomtypedetail h3 {color: #000000;}

#availableRoomList div.roomtypedetail h3 {font-size:13px!important;}


.mirai_button.button_disabled {
    background: none repeat scroll 0 0 transparent !important;
    box-shadow: 0 0 3px #AAAAAA!important;
    color:#000!important;
}

#availableRoomList div.roomtypedetail h3 {
    color: #000000 !important;
    font-size: 12px;
}

.dropdown {z-index:1!important;}
#mirai_rootTable a, #currencyDropdownTop a span, #mirai_selectionSummary a {
    color: #3876FA;
}

/*.mirai_alert {
    color: #397435;
}*/

#availableRoomList tr.roomratedetail, .roomtypedetail, #availableRoomList tr.roomratedetail {background: #fffffe!important;}

.mirai_button.button_disabled {
    background: none repeat scroll 0 0 transparent !important;
    box-shadow: 0 0 3px #AAAAAA!important;
    color:#555;
}

.mirai_advantage {
    color: #397435;
}

h3.tlf-mobile {
    font-size: 12px;
    margin-right: 15px;
}

#motor_reservas {
	position: relative;
    z-index: 100;
}