/*
Theme Name: Hotel Transcontinental
Theme URI: http://www.hoteltranscontinental.com
Description: Tema desarrollado por Mirai Espana para hoteles.
Version: 4.3.1
Author: Mirai Espana
*/


/*------------------------------- 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 none;
}

.imag_home{
border: 2px solid #DDDDDD !important;
}
address, caption, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal
}

cite{color:#2A636C;width:420px;clear:both;display:inline-block;margin-top:15px}

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:''
}
/* 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 */
/*------------------------------------------------------------------------------*/


/*--------- ESTILOS GENERALES ------------*/
a {outline:none;}

body{
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
text-align:left;
}

h1, h2, h3, h4, h5, h6, .post h2 a{
font-weight:normal;
color:#3477D2;
}

h2{ font-size:24px; }
h3{font-size:20px;color:#2A636C}
h4{ font-size:16px; }






#header {
    background: url("http://hoteltranscontinental.webs3.mirai.es/files/bg-top.gif") repeat-x scroll 0 0 transparent;
    margin: 0 auto;
    position: relative;
height:530px;
    width: 100%;
}

h1#logo{width:220px!important;background:url("http://hoteltranscontinental.webs3.mirai.es/files/hotel-transcontinental-paris_logo.png") no-repeat scroll 0 0 transparent;height:375px;}

#logo a {
    display: block;
    height: 165px;
    text-indent: -10000px;
    width: 220px;
    z-index: 1;
}


#main {
width:960px;
margin:0 auto;
position:relative;
}

#main:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


#footer{
position:relative;
width:960px;
margin:20px auto 0;
clear:both;
height:90px;
background:#2a636c;
}

a, a:visited {
color:#666666;
text-decoration:none;
}

a:hover { text-decoration:underline; }




/*---------------------------- SIDEBARS ----------------------------*/
.wrapper {
position: relative;
width: 960px;
margin:0 auto;
}

.sidebars{
width:100%;
}

/* SIDEBARS HOME */
#sidebar-home-izquierda, #sidebar-home-derecha {
width:230px;
}
#sidebar-home-izquierda{
float:left;
}
#sidebar-home-derecha {
float:right;
}

/* SIDEBARS PAGINAS */
#sidebar-izquierda, #sidebar-derecha {
width:230px;
}
#sidebar-izquierda{
float:left;
}
#sidebar-derecha {
float:right;
}

/* SIDEBARS HEADER */
#sidebar-footer1, #sidebar-footer1-multisite,
#sidebar-header2, #sidebar-header2-multisite,
#sidebar-header3, #sidebar-header3-multisite,
#sidebar-header4, #sidebar-header4-multisite,
#sidebar-header5, #sidebar-header5-multisite{
width:960px;
margin:0 auto;
}

/* SIDEBARS FOOTER */
#sidebar-footer1, #sidebar-footer1-multisite,
#sidebar-footer2, #sidebar-footer2-multisite,
#sidebar-footer3, #sidebar-footer3-multisite,
#sidebar-footer4, #sidebar-footer4-multisite,
#sidebar-footer5, #sidebar-footer5-multisite{
width:960px;
margin:0 auto;
}


#sidebar-header1:after, #sidebar-header1-multisite:after,
#sidebar-header2:after, #sidebar-header2-multisite:after,
#sidebar-header3:after, #sidebar-header3-multisite:after,
#sidebar-header4:after, #sidebar-header4-multisite:after,
#sidebar-header5:after, #sidebar-header5-multisite:after,
#sidebar-footer1:after, #sidebar-footer1-multisite:after,
#sidebar-footer2:after, #sidebar-footer2-multisite:after,
#sidebar-footer3:after, #sidebar-footer3-multisite:after,
#sidebar-footer4:after, #sidebar-footer4-multisite:after,
#sidebar-footer5:after, #sidebar-footer5-multisite:after{
/*para evitar collapse en sidebars*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#sidebar-header1, #sidebar-header1-multisite{z-index:50; position: relative;}
#sidebar-header2, #sidebar-header2-multisite{z-index:1000; position: relative;}
#sidebar-header3, #sidebar-header3-multisite{}
.mirai_motor, #mirai_bookentrance, #mirai_be0{z-index:500}
#sidebar-header4, #sidebar-header4-multisite{z-index:20; position: relative;}
#sidebar-header5, #sidebar-header5-multisite{z-index:15; position: relative;}



/*---------------------------- SELECTOR HOTELES ----------------------------*/
#lista-hoteles optgroup option {
margin-left: 20px;
}

/*---------------------------- SELECTOR DE IDIOMAS ----------------------------*/
.widget_qtranslate li {
    display: inline;
    margin: 5px 3px;
    padding: 1px 4px;
}
#qtranslate-4 {
    position: absolute;
    right: 0;
    top: 9px;
}
#qtranslate-4 li a {
    color: #FFFFFF;
    font-size: 11px;
}
#qtranslate-4 li.active a {
    color:#265a62;
}
#qtranslate-4 li.active {
     background-color: #FFFFFF;   
}

/*---------------------------- VCARD Y ADDRESS ----------------------------*/

.vcard, .address {
    color: #FFFFFF;
    font-size: 11px;
    left: 245px;
    position: absolute;
    text-align: right;
    top:10px;
    z-index: 1;
}
#footer .vcard, #footer .address{left:350px;font-size:13px;text-align:center;line-height:18px;font-family:'Raleway',sans-serif !important;}
.vcard a, .address a{color:#fff!important}
.vcard a:hover, .address a:hover{color:#fff799!important}
.name{text-transform:uppercase}
#email {
    background: url("http://hoteltranscontinental.webs3.mirai.es/files/email.png") no-repeat scroll 0 1px transparent;
    display: inline-block;
    height: 16px;
    text-align: left;
    text-indent: -999em;
    width: 21px;
}

#footer a.email{color:#fff779!important}
/*---------------------------- SOCIAL MEDIA ----------------------------*/
#social-media {
position: absolute;
right: 15px;
top: 23px;
}
#social-media li {
float:left;
margin-left:8px;
}
#social-media li a {
display:block;
text-indent:-9999px;
}

.rss_link_16, .facebook_link_16, .twitter_link_16, .youtube_link_16, .flickr_link_16, .foursquare_link_16{
height:16px;
width:16px;
}

.rss_link_24, .facebook_link_24, .twitter_link_24, .youtube_link_24, .flickr_link_24, .foursquare_link_24{
height:24px;
width:24px;
}

.rss_link_32, .facebook_link_32, .twitter_link_32, .youtube_link_32, .flickr_link_32, .foursquare_link_32{
height:32px;
width:32px;
}


/* ICONOS 32x32 */
.rss_link_32:hover{ background:url(images/sprite.png) 0 0 no-repeat; }
.rss_link_32{ background:url(images/sprite.png) 0 -32px no-repeat; }

.facebook_link_32:hover { background:url(images/sprite.png) -32px 0 no-repeat;}
.facebook_link_32 { background:url(images/sprite.png) -32px -32px no-repeat;}

.twitter_link_32:hover { background:url(images/sprite.png) -64px 0 no-repeat;}
.twitter_link_32 { background:url(images/sprite.png) -64px -32px no-repeat;}

.youtube_link_32:hover { background:url(images/sprite.png) -96px 0 no-repeat;}
.youtube_link_32 { background:url(images/sprite.png) -96px -32px no-repeat;}

.flickr_link_32:hover{ background:url(images/sprite.png) -128px 0 no-repeat;}
.flickr_link_32 { background:url(images/sprite.png) -128px -32px no-repeat;}

.foursquare_link_32:hover { background:url(images/sprite.png) -160px 0 no-repeat;}
.foursquare_link_32 { background:url(images/sprite.png) -160px -32px no-repeat;}


/* ICONOS 24x24 */
.rss_link_24:hover{ background:url(images/sprite.png) 0 -64px no-repeat; }
.rss_link_24{ background:url(images/sprite.png) 0 -88px no-repeat; }

.facebook_link_24:hover{ background:url(images/sprite.png) -24px -64px no-repeat;}
.facebook_link_24 { background:url(images/sprite.png) -24px -88px no-repeat;}

.twitter_link_24:hover{ background:url(images/sprite.png) -48px -64px no-repeat;}
.twitter_link_24{ background:url(images/sprite.png) -48px -88px no-repeat;}

.youtube_link_24:hover { background:url(images/sprite.png) -72px -64px no-repeat;}
.youtube_link_24 { background:url(images/sprite.png) -72px -88px no-repeat;}


.flickr_link_24:hover { background:url(images/sprite.png) -96px -64px no-repeat;}
.flickr_link_24 { background:url(images/sprite.png) -96px -88px no-repeat;}

.foursquare_link_24:hover { background:url(images/sprite.png) -120px -64px no-repeat;}
.foursquare_link_24 { background:url(images/sprite.png) -120px -88px no-repeat;}


/* ICONOS 16x16 */
.rss_link_16:hover{ background:url(images/sprite.png) 0 -112px no-repeat; }
.rss_link_16{ background:url(images/sprite.png) 0 -128px no-repeat; }

.facebook_link_16:hover{ background:url(images/sprite.png) -16px -112px no-repeat;}
.facebook_link_16 { background:url(images/sprite.png) -16px -128px no-repeat;}

.twitter_link_16:hover { background:url(images/sprite.png) -32px -112px no-repeat;}
.twitter_link_16 { background:url(images/sprite.png) -32px -128px no-repeat;}

.youtube_link_16:hover { background:url(images/sprite.png) -48px -112px no-repeat;}
.youtube_link_16 { background:url(images/sprite.png) -48px -128px no-repeat;}

.flickr_link_16:hover { background:url(images/sprite.png) -64px -112px no-repeat;}
.flickr_link_16 { background:url(images/sprite.png) -64px -128px no-repeat;}

.foursquare_link_16:hover { background:url(images/sprite.png) -80px -112px no-repeat;}
.foursquare_link_16 { background:url(images/sprite.png) -80px -128px no-repeat;}


/*---------------------------- MENU WEB ----------------------------*/
#menu_web {
border-bottom:1px solid #2a636c;
height:30px;
width:740px;
float:right;
margin:-330px 0 0 0;
padding:0;
list-style:none outside none;
}

#menu_web li {
float:left;
position:relative;
z-index:20;
}
#menu_web li#menu-item-48{background:url(http://www.hoteltranscontinental.com/files/hotel-transcontinental_menu.png) no-repeat 74px 12px}
#menu_web li#menu-item-48:hover{background:none}
#menu_web a {
font-family:'Raleway',sans-serif !important;
color: #2a636c;
display:block;
line-height:30px;
padding:0 13px;
margin:0 10px;
font-size:18px;
font-weight:bold;
text-decoration:none;
}

* html #menu_web a{font-size:16px;}
#menu_web ul{
display:none;
float:left;
left:0;
position:absolute;
top:30px;
width:180px;
z-index:100;
}
#menu_web ul li {
min-width:180px;
}
#menu_web ul ul {
left:100%;
top:0;
}
#menu_web ul a {font-size:12px!important;font-weight:normal!important;
color:#FFF!important;
background-color:#2a636c;
height:auto;
line-height:1em;
padding:10px;
width:160px;
}


#menu_web ul a:hover{
color:#FFF779!important;
}

#menu_web li:hover > a,
#menu_web ul ul:hover > a,
#menu_web li.current_page_item:hover > a{
background-color: #2a636c;
color:#FFFFFF;
}
#menu_web li:hover > ul {
display:block;
}

#menu_web li.current_page_item > a,
#menu_web li.current-menu-ancestor > a,
#menu_web li.current-menu-item > a,
#menu_web li.current-menu-parent > a {
background:url('http://hoteltranscontinental.webs3.mirai.es/files/btn_current.gif') no-repeat left 10px;
color:#2a636c;
font-weight:bold;
}
#menu_web ul li.current_page_item > a,
#menu_web ul li.current-menu-ancestor > a,
#menu_web ul li.current-menu-item > a,
#menu_web ul li.current-menu-parent > a {
background:#2a636c;
color:#2a636c;
font-weight:bold;
}

#menu_web li.current-menu-parent a {
color:#2a636c;
}

* html #menu_web li.current_page_item a,
* html #menu_web li.current-menu-ancestor a,
* html #menu_web li.current-menu-item a{
color:#000;
}

* html #menu_web li.current-menu-parent a{
color:#fff;
background-color: #333333;
}


/*---------------------------- MENU CORPORATIVO ----------------------------*/
#menu_corporativo {
background-color:#f2f2f2;
height:38px;
width:960px;
margin:0 auto;
padding:0;
list-style:none outside none;
margin:0;
}

#menu_corporativo li {
float:left;
position:relative;
z-index:20;
}
#menu_corporativo a {
color: #999;
display:block;
line-height:38px;
padding:0 13px;
text-decoration:none;
}
#menu_corporativo ul{
display:none;
float:left;
left:0;
position:absolute;
top:38px;
width:180px;
z-index:100;
}
#menu_corporativo ul li {
min-width:180px;
}
#menu_corporativo ul ul {
left:100%;
top:0;
}
#menu_corporativo ul a {
background-color:#333333;
height:auto;
line-height:1em;
padding:10px;
width:160px;
}

#menu_corporativo li a:hover,
#menu_corporativo ul ul a:hover,
#menu_corporativo li.current_page_item  a:hover{
background-color: #333333;
color:#FFFFFF;
}

#menu_corporativo li:hover > a,
#menu_corporativo ul ul:hover > a,
#menu_corporativo li.current_page_item:hover > a{
background-color: #333333;
color:#FFFFFF;
}
#menu_corporativo li:hover > ul {
display:block;
}

#menu_corporativo li.current_page_item > a,
#menu_corporativo li.current-menu-ancestor > a,
#menu_corporativo li.current-menu-item > a,
#menu_corporativo li.current-menu-parent > a {
color:#000;
}

#menu_corporativo li.current-menu-parent > a {
color:#fff;
background-color: #333333;
}

* html #menu_corporativo li.current_page_item a,
* html #menu_corporativo li.current-menu-ancestor a,
* html #menu_corporativo li.current-menu-item a{
color:#000;
}

* html #menu_corporativo li.current-menu-parent a{
color:#fff;
background-color: #333333;
}


/*---------------------------- SLIDER FOTOS ----------------------------*/

.pag_slider, .prev_next_slider{
font-size:11px;
z-index:20;
clear:both;
}

.pag_slider a, .prev,.next {
padding:4px 7px;
margin-left:4px;
text-decoration:none;
background-color:#999;
color:#ddd;
}

.pag_slider .activeSlide, .prev_next_slider span:hover{
background-color:#fff;
color:#444;
}

.slideshow {
z-index:1!important;
/*positon:absolute;
top:-280px;*/
}
#sidebar-header3{top:-280px;}

.slideshow img {
width:960px;
height:427px;
}


.contSlideshow{
position:absolute;
top:-285px;
left:0;
}

.txtslider {
position: absolute;
background:rgb(42, 99, 108);
background:rgba(42, 99, 108, 0.5);
color:#FFF;
font-size: 19px;
font-weight:lighter;
font-style:italic;
padding: 10px;
margin:0;
text-align:left;
}

.txt01slider{font-family:'Raleway',sans-serif !important;
top:25px;
right:10px;
}

.txt02slider{
bottom:45px;
right:0;
}


/*---------------------------- CONTENIDO DE LA SECCION ----------------------------*/
#content-home{width:715px;}
#content-page{width:715px;}
#content-blog{width:700px;}

.content{
float:left;
width:470px;
padding:15px 0 15px 15px;
line-height:18px;
}



.one-column .content{ width:930px; }

.bookingstep1_page #content-one-column {
width:960px;
padding:15px 0;
}

.content{color:#363636!important}
.content p{margin:0 0 10px}
.content h2{margin:0 0 10px;border-bottom:1px solid #2A636C;color:#2A636C;font-size:20px;padding-bottom:5px;font-family:'Raleway',sans-serif !important;font-size:25px;line-height: 25px;font-weight:bold;}
.content h3{margin:5px 0;font-family:'Raleway',sans-serif !important;font-weight:bold;font-size:22px}
.content h4{margin:0 0 10px;}
.content ul , .content ol {
margin:0 0 7px;
}
.content ul li {
list-style-type:none;
margin: 0;
}

.content ol li {
list-style-type:decimal;
margin-left: 22px;
line-height:18px;
}
.content dt , .content dd {
line-height:18px;
}

.content dd{ margin-bottom:8px;}

.content dt { font-weight:bold; }


/*---------------------------- MOTOR DE RESERVAS ----------------------------*/
.mirai_motor{position:absolute;top:185px;left:10px;color:#FFF;float:left;text-align:left}
#mirai_be2, #mirai_be4, #mirai_be6{width:120px;height:60px;height:25px;width:95px;border:none!important;font-size:14px}
#mirai_be2, #mirai_be4{text-align:center}
#mirai_be1, #mirai_be3{text-align:left;right:100px!important;left:auto!important}
#mirai_be5{left:auto!important;right:102px!important;width:68px;text-align:right}
#mirai_be7{width:192px;left:5px!important}
#mirai_be7 input{width:192px;background:#002e36;color:#fff799!important;text-transform:uppercase;border:none;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding:8px;font-family:Tahoma!important;font-size:12px;margin:13px 0;text-align:center}
#mirai_be7 input:hover{background:#fff799;color:#002e36!important;}
#mirai_be8{color:#FFF!important;font-family:Tahoma;font-size:11px;text-decoration:none!important;width:200px;text-align:center;text-transform:uppercase;top:140px!important;}
.bookingstep1_page #mirai_bookentrance{background-color:#eee}
.bookingstep1_page #mirai_be0{text-align:center;padding: 7px 0}
.widget-title{font-size:21px}
#tituloMotorSelector, #tituloSelectorHoteles{display:inline;font-size: 13px}
#selectHotel{background-color:#FFF;border:1px solid #999;color:#444;margin-bottom:10px}
#tituloMotorSelector, #selectHotel{margin-top:7px}


/*-- CALENDARIO DEL MOTOR DE RESERVAS --*/

/* estilos para la caja del calendario */
#ui-datepicker-div{ z-index:5000!important; }

/* estilos para la cabecera de los meses */
.ui-widget-header{
color:#fff!important;
background-image: none!important;
background-color: #5F6367!important;
border:1px solid #aaa!important;
}

/* estilo para los días del mes */
.ui-state-default{
background-image:none!important;
background-color:#E1E5EA!important;
}

/* estilos para los botones "hoy" y "cerrar" */
.ui-datepicker .ui-datepicker-buttonpane button {
color: #fff!important;
background-color:#5F6367!important;
}


/*---------------------------- MASHUP OFERTAS ----------------------------*/
.mashup_ofertas {
background-color:#B0B1B1;
padding: 15px;
}
#offersSmall{padding:5px!important;min-height:100px;width:200px!important}
#main .widget-container{background:#2a636c;margin:15px 0;color:#FFF!important}
#offersSmall{padding:5px!important;min-height:100px;width:200px!important}
#main .widget-container p{color:#FFF!important;font-size:10}
#offersSmall h3{margin:0!important;padding:0!important;font-size:22px!important;}
h3.widget-title{display:block;color:#FFF!important;padding:10px;font-family:'Raleway',sans-serif !important;font-weight:bold;font-size:25px}
div#offersSmall p.noOffer{color:#FFF!important;margin:-15px 0 0 65px!important;width:125px!important}
#titleDivOffers a{display:none!important;}
#offersSmall div#icoNoOffer{right:157px!important;top:0px!important;}
#offersSmall .linkRss{ margin:70px 0 0!important}

#hsRating{color:#FFF}
#hsRating a.mirai_btReview, #hsRating a.mirai_btReview:link{background:#CCC;border:1px solid #666;color:#000}

/*---------------------------- MASHUP OPINIONES ----------------------------*/
.mashup_opiniones {
background-color:#B0B1B1;
padding: 15px;
}

div.hssurveys_full{padding:0 10px 0!important;}

#mirai_opiniones-3, #mirai_opiniones-4{padding-bottom:20px}

.hotelsearchlogo{
background: url("http://www.hotelsearch.com/hsearch/images/hotelsearch.png") no-repeat scroll 0 0 transparent;
display: inline-block;
height: 9px;
width: 79px;
}


/*---------------------------- BLOG ----------------------------*/


.alignleft {
float: left;
}

.alignright {
float: right;
}
.aligncenter{
display: block;
margin: 0 auto;
}

#content-post{
width:700px;
}


#content-post .categorias{
margin-top:10px;
}

.post-categories, .categorias .more-link{
display:inline;
}


.post-categories li{
display:inline;
}

.meta {
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
padding: 9px;
}



#descripcion_autor, #posts_con_categoria, #posts_con_tag, #fecha_archivo {
background-color: #C5C5C5;
margin-bottom: 30px;
padding: 15px;
}




/* CATEGORIAS*/
.widget_categories ul{ margin: 10px 0 0 27px; }
.widget_categories li{ list-style-type:disc; }

/*ARCHIVOS*/
.widget_archive ul{ margin: 10px 0 0 27px; }
.widget_archive li{ list-style-type:disc; }


.more-link, .leer_mas, .post-edit-link, .comment-reply-link {
color: #3477D2;
display:block;
text-align:right;
margin-top:5px;

}

/* POST */

.entry {
margin-bottom:50px;
}


#prev_post a, #next_post a,
.paginaAnterior a , .paginaSiguiente a{

font-size:18px;
color:#3477D2;
}


#prev_post, .paginaAnterior{
float:left;
}

#next_post, .paginaSiguiente {
float:right;
}

.post #reply-title, .post  #comments-title{
clear:both;
}

/* COMENTARIOS */

.comment-reply-link{
margin-bottom: 40px;
display: block;
}

.comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment{
width:600px;
}

.comment-form-author label, .comment-form-email label, .comment-form-url  label, .comment-form-comment  label{
padding-top: 4px;
display: inline-block;
}

.comment-form-author input, .comment-form-email input, .comment-form-url input, .comment-form-comment #comment{
float:right;
width:465px!important;
padding-top: 4px;
}

.content .comment-author{
text-align:left;
position:static;
}

.content .post .comment { list-style-type:none; }

#commentform{
width:600px;
margin:0 auto;
}

.comment-form-comment{
margin:25px 0 35px;
}

#comment {
display: block;
height: 250px;
margin: 0 auto 10px;
width: 100%;
}


#commentform .form-submit{

clear: right;margin:0 auto 35px 500px;
}

.form-submit #submit{
width:100px;
padding: 5px;   
}

#respond label{

}

#respond .required{
color:#f00;
font-weight:bold;
}


/* BUSQUEDA */

.resultado_busqueda{ background-color:#FFF500;}



.texto_busqueda{
width:150px;
height: 21px;
border:1px solid #CCCCCC;
}

.boton_busqueda{
width: 26px;
height: 23px;
border:none;
background:url(images/sprite.png) 0 -72px no-repeat;
cursor:pointer;
text-indent:-9999px;
}

#results-title {
margin:25px 0 20px;
padding-bottom:15px;
}

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




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

#contents .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,#street {
background: #fff url("images/loader.gif") 50% 50% no-repeat;
border:1px solid #E5E3DF;
}

.textwidget  #street{
width:220px;
height:300px;
}

.map_canvas{
margin-bottom: 20px;
}

.map_canvas p{
font-size:11px;
line-height:10px;
}

#street {
width: 670px;
height: 300px;
}

.origen{
    height: 20px;
    margin: 0 5px 0 15px;
    width: 460px;
}

.leyenda{
    background-color: white;
    border: 1px solid #999999;
    box-shadow: 2px 2px 5px #999999;
    left: 560px;
    position: absolute;
    top: 70px;
    width: 103px;
}

#leyenda_1{
    left: 290px;
}

.formRuta{
margin-top:20px;
}

.dos_col{width:350px;float:left;}
.mrg1{margin:0 27px 0 0}
.content .link_home{
    background:rgb(42, 99, 108);
    background:rgba(42, 99, 108, 0.5);
    color:#FFF;
    font-size: 20px;
    margin: 173px 0 0 2px;
    padding: 5px 10px;
    position: absolute;
}

.link_home_2{
 background: none repeat scroll 0 0 rgba(42, 99, 108, 0.5);
    color: #FFFFFF;
    font-size: 20px;
    padding: 5px 10px 5px 8px;
    position: absolute;
    top: 203px;
}
/*------------------------------ Tiny Carousel -----------------------*/


#slider-code {
	height: 240px;
    overflow: hidden;
    width: 350px;
}
#slider-code .viewport {
	float: left;
	width: 288px;
	height: 210px;
	overflow: hidden;
	position: relative;
}
#slider-code .buttons {
	display: block;
	margin: 30px 10px 0 0;
	float: left;
}
#slider-code .next {
	margin: 30px 0 0 10px;
}
#slider-code .disable, .disable {
	visibility: hidden;
}
#slider-code .overview {
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
}
#slider-code .overview li {
	float: left;
    width: 276px;
	margin-right:12px
}
#slider-code .overview li div{
	color: #FFFFFF;
    font-size: 20px;
    margin: -30px 0 0 10px;
}
#slider-code .pager {
	background:rgb(42, 99, 108);
	background:rgba(42, 99, 108, 0.5);
	clear:both;
    list-style:none;
	height:60px;
	position:absolute;
	right:0;
	bottom:0;
	margin:0 0 26px;
	width:70px;
	padding-left:7px;
	_padding-left:7px;
}
#slider-code .pager li {
	float:left;
}
#slider-code .pagenum {
	display: block;
    font-size: 14px;
    padding: 6px;
	color: #FFF;
    text-align: center;
    text-decoration: none;
}
#slider-code .active {
	color: #FFF;
    font-size: 18px;
	font-weight:bold
}

.clear{clear:both;margin:5px 0;visibility:hidden}
.box{border:2px solid #ddd;background:#eee;padding:10px 10px 0 10px;margin-top:10px}
.box ul{float:left;width:42%;margin-right:3%}
.box li{background:url('http://hoteltranscontinental.webs3.mirai.es/files/list_ico.gif') no-repeat left 6px}
ul.dos_col2 li, ul.dos_col3 li{background:url('http://hoteltranscontinental.webs3.mirai.es/files/list_ico.gif') no-repeat left 6px;padding-left:10px;}
ul.dos_col3{margin-left:30px}
ul.dos_col2, ul.dos_col3{float:left;width:235px}
.map_canvas{border:2px solid #ddd}
.content p.subt, p.subt2{margin:0!important;font-size:15px;color:#2A636C}
p.subt2{background:url('http://hoteltranscontinental.webs3.mirai.es/files/list_ico.gif') no-repeat left 6px;padding-left:10px;}
p.faq{padding-left:10px;margin:0 0 10px!important;}
.coche, .tren{line-height:22px!important;padding-left:22px!important}
.coche{background:url('http://hoteltranscontinental.webs3.mirai.es/files/coche.png') no-repeat left 3px}
.tren{background:url('http://hoteltranscontinental.webs3.mirai.es/files/tren.png') no-repeat left 3px}
.situacion .content li, .situation .content li{padding-left:10px}
.brd1, .brd3{border:2px solid #ddd;}
.brd1{float:right;margin-left:10px}
.brd2{padding-top:20px}
.selec{color:#999;font-size:11px}
#p-select{margin-top:10px}
.f-right{float:right;}
p.f-right{width:458px}
.options h3{border-bottom:1px solid #ccc;margin-bottom:10px;padding-bottom:3px}
.options img{margin-bottom:10px}
#offersHs #headerOffers, #offersHs .rowOffers{width:100%!important}
div.hssurveys_full{width:auto!important}

/*****************BOOKINGSTEP1**********************/
.bookingstep1 h1#logo{height:170px!important}
.bookingstep1 #menu_web{margin:-70px 0 0}
.bookingstep1 #social-media, .bookingstep1 #qtranslate-4, .bookingstep1 .sub-menu{display:none!important}
.bookingstep1 #motor_reservas{width:960px;margin:15px auto}
.bookingstep1 #mirai_bookentrance{border:1px solid #2A636C;margin:0 0 15px}
#mirai_roomSelectionContainer{width:100%!important}
.bookingstep1 #header{height:auto!important}

/*--- menu legal footer ----*/

#menu_legal a {
color: white;
    position: absolute;
    bottom: -25px;
    left: 10px;
}
 #menu_legal a:hover {
text-decoration: underline;}


/*****************POP-UP**********************/