/*
Theme Name: Hostal Toledo
Theme URI: http://www.hostaltoledo.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: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:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
}
#header {
	width:960px;
	margin:0 auto;
	position:relative;
}
#contents {
	width:960px;
	margin:0 auto;
	position:relative;
}
.normal {
	
	padding:455px 0 15px 210px;
}
.one-column {
	padding-bottom:15px;
	padding-left:0px;
	padding-top:445px;
}
.wrapper {
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	position: relative;
	width: 960px;
}
#logo a {
	background:url("images/logo.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:70px;
	left:0;
	position:absolute;
	text-indent:-10000px;
	top:0px;
	width:250px;
	z-index:1;
}
.vcard {
	color: #4d555d;
	font-size:13px;
	position:absolute;
	right:0;
	text-align:right;
	top:55px;
	z-index:1;
}

.vcard a, span.adr a{
	color:#CEBD63;
	} 

#footer {
	background:url(images/pie.jpg);
	height:65px;
	margin:0 auto 20px;
	width:100%;
}

#menu-menu-footer li {
    display: inline;
    position: relative;
    margin-right: 17px;
    top: 42px;
}

#social-media {
	position:absolute;
	right: 0;
        top: 33px;
}
#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 {
	background:url(images/bar.png) no-repeat;
	display:block;
	height:50px;
	margin:0 auto;
	position:absolute;
	top:92px;
	width:960px;
}
#menu .menu-header ul, div#menu ul {
	list-style:none outside none;
	margin:0;
}
#menu .menu-header li, div#menu li {
	float: left;
    list-style: none outside none !important;
    margin: 0 !important;
    position: relative;
}
#menu a {
	color: #666666;
	display:block;
	font-size: 0.9em;
	font-weight:bold;
    line-height: 55px;
    padding: 0 10px;
    text-decoration: none;
    text-transform: uppercase;
}
#menu ul ul {
	-moz-box-shadow:0 3px 3px rgba(0, 0, 0, 0.2);
	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 {
	text-decoration:underline;
	color:#CFBE64;
}
#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 {
	color:#000;
}
* 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 {
	color:#FFFFFF;
}
div#menu li.page-item-273{
	display:none!important;	
}
#reservas {
	background:none;
	height: 280px;
	left: 1px;
	position: absolute;
	top: 155px;
	width: 238px;
	z-index: 2;
}
#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:0;
	position:absolute;
	top:470px;
	*top:450px;
	width:220px;
}
#ofertas {
	margin-bottom:20px;
}


.slideshow {
	width: 977px;
        height:291px;	
	background:url(images/marco.jpg) no-repeat;


	left: -10px;
	position: absolute !important;
	top: 150px;

        overflow: hidden;
}

.slideshow img{
   margin:5px 0 0 250px;
width:720px;
height:281px;
}

#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:Georgia, "Times New Roman", Times, serif;
	
	letter-spacing:-0.1px;
	color:#8c161c;
}
a, a:visited {
	color:#666666;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
#contenidos p {
    line-height: 1.4em;
    margin: 0 0 7px;
    text-align: justify;
}
#contenidos h2 {
border-bottom: 1px dashed #999999;
	font-size:1.5em;
	margin:0 0 5px;
}
#contenidos h3 {
        border-bottom: 1px dashed #999999;
	font-size:20px;
	margin:25px 0 5px;
}
#contenidos h4 {
	font-size:1.3em;
	margin:25px 0 5px;
}
#contenidos ul {
	margin:0 0 7px;
}
#contenidos ul li {
	list-style-type:disc;
	margin:10px 0 0 22px;
}
#ofertas h3, #opiniones h3 {
	font-size: 1.5em;
    margin: 6px 0 15px 10px;
   border-bottom: 1px dashed #999999;
}

.paging {
    font-size: 12px !important;
    line-height: 30px !important;
    margin: 20px 0 !important;
    text-align: center !important;
}

#reservas h3 {
	border-bottom:1px dashed #666666;
	font-size: 1.5em;
        margin: 19px 24px 0;
}
.address {
	font-size:12px;
}
#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;
}
dt {
	background:url(images/ico-faq.png) no-repeat;
	font-weight:bold;
	margin: 15px 0;
	padding-left:20px;

}
dd{
  margin:5px 0 5px 20px;
}
#textos{
	margin: 20px;
    width: 920px;
	}
.normal #textos{
	width:700px;
	}	
#textos .col-left, #textos .col-right {
	float:left;width:50%;
}
#textos .col-right a {
	color:#CEBD63;
}
#texto-central{
    width: 420px;
	margin-left: 10px;
	*margin-left:20px;
	}
#col-derecha{
	height: 280px;
    position: absolute;
    right: 0;
    top: 450px;
	*top:430px;
    width: 290px;
	}	
#col-derecha ul{
    width: 260px;
	}	
#col-derecha ul li{
	margin: 10px 0 0 20px;
	}	
a.boton {
    background: url("images/boton.png") no-repeat scroll 0 0 transparent;
     color: #FFFFFF;
    display: block;
   font-family: verdana;
    font-size: 0.9em;
    font-weight: bold;
    height: 28px;
    line-height: 2.5em;
    margin: 20px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 170px;
	}

.listado li{
  list-style:none;
  margin-left:20px;
 
}
/* MOTOR DE RESERVAS */
/* ----------------------------------------- */
/*--- Principio Contenedor del motor de reservas ---*/

#mirai_bookentrance #mirai_be0 {
    color: #666;
    font-family: Helvetica;
    font-size: 12px;
    margin:20px auto;
}
/*--- Fin Contenedor del motor de reservas ---*/
/*--- Principio Posición de elementos ---*/


#mirai_be3, #mirai_be4 { /* Espacio superior para "Noches" y "Input Noches" */
    top:2.8em;
}
#mirai_be5 { /* Espacio superior y a la izquierda para "Codigo Promocional" */
    top: 8.15em;
}
#mirai_be6 { /* Espacio superior para "Input Codigo promocional" */
    top:5.4em;
}
#mirai_be7 { /* Espacio a la izquierda y superior para "Input Reservar" */
    top: 8em;
}
#mirai_be8 { /* Espacio a la izquierda y superior para "Input Ver/Cancelar" */
    top: 16em;

}
/*--- Fin Posición de elementos ---*/
/*--- Principio Estilos de Botones y Codigo Promocional ---*/
#mirai_be2{
text-align:center;
}

#mirai_be2, #mirai_be4, #mirai_be6 { /* Estilos "Input Entrada", "Input Noches" y "Input Codigo Promocional" */
     border: 1px solid #CCC;
     height:20px;
     
    }

#mirai_be7 input { /*--- Boton "Input Reservar" ---*/
    background: url("http://hostaltoledo.webs3.mirai.es/files/bg-reservas.png") no-repeat scroll 0 0 transparent !important;
    border: medium none;
    cursor: pointer;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 37px;
    margin-top: 15px;
    text-transform: uppercase;
    width: 177px;
    color:#fff;
}
#mirai_be7 input:hover { /*--- Boton "Input Reservar Hover" ---*/
text-decoration:underline;
}
#mirai_be8 { /*--- Boton "Input Ver/Cancelar" ---*/
    background: none repeat scroll 0 0 transparent;
    border-bottom: medium none;
    border-right: medium none navy;
    border-top: 1px solid #CCC;
    color: #555;
    cursor: pointer;
    font-size: 9px;
    margin: 12px 0 0;
    padding: 8px 0 0;
    text-align: left;
    text-transform: uppercase;
    width: 178px;
    text-decoration:none;
}
#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 {
	position:absolute;
	top:10px;
	right:0;
}
.widget-language li {
	float:left;
	margin-left:10px;
	text-transform:uppercase;
	font-size:10px;
}

.widget-language li a{
	color:#4d555d;
	}
.widget-language li .active{
	color:#CEBD63;
	
	}
#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*/   

#gmap{
  position: absolute;
    right: 0;
    top: 156px;
    z-index: 20;
}

#map_canvas {
	width: 720px;
	height: 300px
}
#street {
	width: 720px;
	height: 300px;
}

/*-------------content glider----------*/

.mini{
	width:625px;
	margin:10px;
	}
.margen{
	color: #8C161C;
    padding: 0 0 0 10px;
    text-transform: uppercase;
	}
.marco{
    border: 3px solid #D4BC62;
    position: absolute;
    right: 100px;
    top: 40px;
	}	
.bold{
 font-weight:bold;
}
/*----------formulario---------------*/
#texto-formulario{
height:40px;
margin-top: 20px;
}

div.wpcf7 {
    margin: 0;
    padding:10px 20px 20px!important;
    width: 500px!important;
}
input.wpcf7-submit{
background:url("http://hostaltoledo.webs3.mirai.es/files/bg-reservas.png") no-repeat!important;
border: medium none !important;
    color: #FFFFFF;
    cursor: pointer;
    height: 40px;
    text-transform: uppercase;
    width: 180px;
}
.marco2{
    border: 3px solid #D4BC62;
    bottom: 80px;
    position: absolute;
    right: 70px;
	}
/*----------------------*/
	
#offersSmall #offersIcon {
   top:0px !important;
    height: 156px !important;
    left: 0 !important;
    width: 91px !important;
}

#offersSmall {
    background: url("http://www.hotelmirai.com/fb/oferta-img.png") no-repeat scroll 0 0 transparent;
    border: medium none !important;
}
#offersSmall ul {
    font-size: 0.8em !important;
    list-style: none outside none !important;
    margin: 0 0 25px 85px !important;
    width: 108px !important;
}


#offersSmall ul li {
    border-bottom: 1px dotted #333333!important;
    margin-bottom: 15px!important;
    padding-bottom:5px!important;
}

.mirai_btOffers {
  background:url("images/boton.png") no-repeat right!important;
}
#offersSmall p a:link {
    color: #FFFFFF;
    text-transform:uppercase;
}

.offersNumber{
 color:#600F13!important;
 font-size:1.5em;
 text-align: left!important;
}
#offersSmall {
    font-family: verdana!important;
}

.alignleft {float:left;}
.alignright {float:right;}

#ngg-gallery-2-8, #ngg-gallery-3-24 {float:right; width:50%; clear:none}