/*
Copyright (c) 2010, Red Universal de Marketing y Bookings Online, S.A. (Rumbo) All rights reserved.
RMBES(rumbo.es)
*/

/* Fichas Hoteles */

/* Comun */
ul, li {
list-style-type: none;
margin:0;
padding:0;
}
div.content-info{ border: 1px solid #008DD6; background-color:#C9DDF5; width:890px;padding:0 10px 10px; z-index:100}
div.content-info div.close{ float:right;background: url(/pictures/button-close-info.png) no-repeat top; width:70px; height:30px; margin-right:-10px;_margin-right:-5px;cursor:pointer}
#header-info{ height:35px; margin-top:8px}
#header-info ul{ font-size:12px;font-weight:bold}
#header-info li{display:inline; float:left}
#header-info li.hidden{ display:none}
#header-info li.active{color:#FFF;background: url(/pictures/bg-active-middle.gif) repeat-x;}
#header-info li.active div.left{ background: url(/pictures/bg-active-left.gif) no-repeat left;width:10px;height:35px; float:left}
#header-info li.active div.right{ background: url(/pictures/bg-active-right.gif) no-repeat left;width:10px;height:35px; float:left;}
#header-info li.active div.middle{ float:left; padding:10px 5px 0 5px;}
#header-info li{color:#008DD6;background: url(/pictures/bg-inactive-middle.gif) repeat-x; cursor:pointer}
#header-info li div.left{background: url(/pictures/bg-inactive-left.gif) no-repeat left; width:10px;height:35px; float:left}
#header-info li div.right{background: url(/pictures/bg-inactive-right.gif) no-repeat right;width:10px;height:35px; float:left}
#header-info li div.middle{ float:left; padding:12px 5px 0 5px;}
#hotel-dates{border: 1px solid #AEADAD;background:url(/pictures/bg-hotel-dates.jpg) repeat-x #CFE1F5;}
#hotel-dates div.left{background-color:#FFF;float:left;text-align:left;border: 1px solid #008DD6; padding-bottom:5px; width:330px;margin:5px 0 5px 5px;}
#hotel-dates h1{color:#008DD6; font-size:11px;margin:8px;padding:0;}
#hotel-dates span{color:#008DD6;text-align:left}
#hotel-dates img{ vertical-align:top}
#hotel-dates div.right{float:left;margin:8px 5px 5px 10px;}
#hotel-dates ul{ height:30px; text-align:left;margin-top:5px;}
#hotel-dates li{ float:left}
#hotel-dates li.room{width:300px;color:#4F5050;font-weight:bold;}
#hotel-dates li.room img{ margin-right:5px; vertical-align: middle}
#hotel-dates li.price{ font-weight:bold;width:110px; margin-right:10px;text-align:right}
#hotel-dates li.price span{color:#008DD6;font-size:13px;}
#hotel-dates li.select{text-align:right;}
#hotel-dates li.select img{margin-top:-3px;*margin-top:0; cursor:pointer;}
#body #hotel-dates div.right a{cursor:pointer; *margin-right:5px}

/* Descripcion y servicios */
#body #hotel-info, #body #hotel-location, #body #hotel-photos{ border: 1px solid #AEADAD; border-top:0;background-color:#FFFFFF;padding:12px;}
#body #hotel-comments{border: 1px solid #AEADAD; border-top:0;background-color:#FFFFFF;padding:12px;}
div.content-info h2{ border-bottom: 1px dotted #C9DDF5;font-size:12px; font-weight:bold; margin-bottom:10px; height:20px; margin-top:0; padding-top:0}
div.content-info h3{ border-bottom: 1px dotted #008DD6; color:#008DD6; font-size:10px; font-weight:bold;text-transform:uppercase; width:80%; margin-top:12px; height:17px; margin-bottom:8px}
div.content-info h3 span{text-transform: none; font-size:10px; font-weight:normal}
div.content-info div.left div.characteristics img{ border:0;}
div.content-info div.left ul{float:left;line-height:16px;}
div.content-info div.left ul.text{width:120px;line-height:25px;}
div.content-info #hotel-dates p{ margin-left:8px; text-align:left;}
#hotel-dates span{ display:inline; text-align:left}
div.content-info #hotel-info div.left{width:200px; float:left}
div.content-info #hotel-info div.left img{max-width:200px; width: expression(this.width > 200 ? 200: true);
max-height:300px;height: expression(this.height > 300 ? 300: true);}
#body.content-info p{ line-height:17px;text-align:justify;margin:8px 0}
div.content-info #hotel-info div.left p{ margin:0 8px}
div.content-info #hotel-info div.left p.name{font-weight:bold;text-align:left;}

/*Icono "Nuevo"*/
#wrap #divInfo div.header-info div.middle img.info-new{float:right;margin-left:5px;position:inherit;}

/*estilos para videos de hoteles*/
div.content-info #hotel-info div.left .img-hotel-info{position:relative;}
div.content-info #hotel-info div.left div.img-hotel-info .play-videoH{width:100%;position:absolute;height:100%;cursor:pointer;left:35%;top:35%;*top:30%;}
div.content-info #hotel-info div.left div.img-hotel-info div.play-videoH img{}
#wrap .resultados-hotel div.img-disponibilidad{position:relative}
#wrap .resultados-hotel div.img-disponibilidad img.play-disponibilidad{left:30%;position:absolute;top:30%;}
#divInfo #header-info #info-videos div.middle{ width:45px;}
#divInfo #header-info #info-videos div.middle .info-new{position:absolute;float:left;margin-left:3px;*margin-left:2px;}

/* Bordes redondos */
div.content-info #hotel-info div.right{ text-align:left; background: url(/pictures/img-tl.png) no-repeat top left;}
#hotel-info div.right{width:630px;}
#hotel-location div.right{width:300px; text-align:left}
div.img-top {background: url(/pictures/img-tr.png) no-repeat top right;}
div.img-bottom {background: url(/pictures/img-bl.png) no-repeat bottom left;}
div.img-bottom div {background: url(/pictures/img-br.png) no-repeat bottom right}
div.img-content {background: url(/pictures/img-r.png) top right repeat-y;}
div.img-top div,div.img-top,div.img-bottom div, div.img-bottom{/*width: 100%;*/height:15px;font-size: 1px;}
div.img-content, div.img-bottom {margin-top: -12px;}
div.img-content {padding: 0 12px 0 15px;}

#hotel-info div.right ul{ float:left; width:280px; line-height:17px;margin:5px 0 5px 8px;}
#hotel-info div.right li{ background:url(/pictures/pix-green.png) no-repeat left center;padding-left:10px;}

/* Localización */
div.content-info #hotel-location div.left{width:500px; float:left}
div.content-info #hotel-location div.left div.interest-point{background: url(/pictures/img-tl.png) no-repeat top left;}
div.map{width:490px; height:390px; border:1px solid #008DD6;background-color:#C9DDF5; padding:5px; margin-bottom:20px}
div.content-info #hotel-location div.right{width:335px; text-align:left;background: url(/pictures/img-tl.png) no-repeat top left;}
div.content-info #hotel-location h2 span{ margin-left:248px; text-decoration:underline;font-size:10px;font-weight:normal;color:#008DD6; background:url(/pictures/icon-print.gif) top left no-repeat;padding-left:22px;cursor:pointer;}

/* Fotos */
div.content-info #hotel-photos div.right h3{ margin-top:10px}
div.content-info #hotel-photos div.left{width:440px; float:left}
div.content-info #hotel-photos div.left div.photos-max img{max-width:440px; width: expression(this.width > 440 ? 440: true);
max-height:440px;height: expression(this.height > 440 ? 440: true);border:2px solid #C9DDF5;}
div.content-info #hotel-photos div.right{ width:400px;background: url(/pictures/img-tl.png) no-repeat top left; text-align: left}
div.content-info #hotel-photos div.right h3{ text-transform:none;padding-bottom:5px; border-bottom:1px solid; margin-bottom:6px}
div.content-info #hotel-photos div.right h3 span{ margin-left:10px}
div.content-info #hotel-photos div.right div.photos-min img{float:left; margin:3px;border:1px solid #C9DDF5;cursor:pointer; width:112px; height:72px;opacity:0.60;*filter:alpha(opacity=60);}
div.content-info #hotel-photos div.right div.photos-min img.photo-active{border:1px solid #008DD6;opacity:1;*filter:alpha(opacity=99);}
div.content-info #hotel-photos div.right div.page{ margin:6px 0 12px 0}
div.content-info #hotel-photos div.right div.page div.page-left{ color:#008DD6; float:left; margin-top:3px}
div.content-info #hotel-photos #paginacion{ text-align:right; width:auto}
div.content-info #hotel-photos #paginacion ul{ font-size:10px}
div.content-info #hotel-photos #paginacion li.hidden{ display:none}
div.content-info #paginacion li a{ cursor:pointer}
div.content-info #paginacion li{margin:0 2px;cursor:pointer}
div.content-info #hotel-photos #paginacion li.anterior a,div.content-info #hotel-photos #paginacion li.siguiente a{ padding:0}
div.content-info #hotel-photos #paginacion li.puntos a{ text-decoration:none}
div.content-info #hotel-photos #paginacion li.active a{background-image:none;background-color:#008dd6;color:#FFFFFF}

/* Valoraciones */
#hotel-comments #evaluation{ margin-bottom:18px;border:1px solid #D6D6D7; padding:5px 10px 6px 5px;}
#hotel-comments #evaluation #nota-media{background-color:#008DD6;color:#FFFFFF;font-size:17px;font-weight:bold;margin-left:16px;padding:5px;text-align:center;width:38px;}
div.content-info #hotel-comments div.left{ width:258px;float:left; margin-right:10px;background: url(/pictures/img-tl.png) no-repeat top left;}
div.content-info #hotel-comments div.left p{text-align:center;}
div.content-info #hotel-comments div.left p.title{color:#008DD6;font-size:11px;font-weight:bold;text-transform:uppercase;text-align:left;margin-top:0;margin-bottom:3px}
div.content-info #hotel-comments div.left div.number span{color:#008DD6;}
div.content-info #hotel-comments div.middle{ float:left;width:272px;text-align:left;background: url(/pictures/img-tl.png) no-repeat top left;margin-right:10px}
div.content-info #hotel-comments div.middle p{margin-right:10px;margin-top:3px;text-align:right;height:22px}
#hotel-comments #evaluation li{ height:18px}
#hotel-comments #evaluation div.left span.qualification{width:86px;}
#hotel-comments #evaluation div.middle span.qualification{width:105px;}
#hotel-comments #evaluation span.qualification{display:block;float:left;width:115px;}
#hotel-comments #evaluation span.images{margin-right:10px;}

div.content-info #hotel-comments div.right{width:294px;float:right;background: url(/pictures/img-tl.png) no-repeat top left;text-align:left;}
#hotel-comments #comments{ background:url(/pictures/bg-comments.jpg) repeat-y top center;padding:10px 10px 5px 10px;}
#hotel-comments #comments{ background-color:#EDEDED;}
#hotel-comments #comments span.title{color:#008DD6;font-size:12px; font-weight:bold;}
#hotel-comments #comments span.punctuation{background-color:#008DD6;color:#FFFFFF;font-size:11px;font-weight:bold;margin-top:-5px;padding:2px 6px;text-align:center;vertical-align:top;}
#hotel-comments #comments div.text{border:1px solid #C9DDF5; background-color:#FFFFFF; padding:5px 10px;margin-bottom:5px; width:822px}
#hotel-comments #comments div.text div.info{ float:left}
#hotel-comments #comments div.text div.tripadvisor{ float:right}
#hotel-comments #comments span img{ margin:0 15px 0 10px;height:12px}
#hotel-comments #comments div.text p{ margin:4px 0; clear:both}
#hotel-comments #comments #paginacion li.hidden{ display:none}
#hotel-comments #comments #paginacion li.active a{background-image:none;background-color:#008dd6;color:#FFFFFF}

/* Todos comentarios de Tripadvisor*/
div.content-info #hotel-comments #evaluation.tripadvisor div.left div.note{margin:0 0 0 8px;}
div.content-info #hotel-comments #evaluation.tripadvisor div.left div.number{margin-top:0;}
div.content-info #hotel-comments #evaluation.tripadvisor div.left div.number img{margin:3px 4px 0 0;}
div.content-info #hotel-comments #evaluation.tripadvisor div.left div.number span{ float:left;margin-top:25px;}
div.content-info #hotel-comments #evaluation.tripadvisor div.left div.number p{ padding-top:25px;}
div.content-info #hotel-comments #evaluation.tripadvisor div.left div.number p span{ margin:0; float:none}
div.content-info #hotel-comments #evaluation.tripadvisor div.left{margin-left:52px;_margin-left:22px;margin-right:50px; width:350px}
div.content-info #hotel-comments #evaluation.tripadvisor div.middle{width:350px;}
div.content-info #hotel-comments #evaluation.tripadvisor ul{margin-left:10px;_margin-left:0;}
div.content-info #hotel-comments #evaluation.tripadvisor h3{margin-left:10px;_margin-left:0;margin-top:12px;}

/*Tripadvisor*/
div.content-info h2 span{ font-size:10px; color:#8A8A8A; font-weight:normal; float:right;font-style:italic}
div.content-info h2 span img{vertical-align:top;margin-left:10px;border:0;}
div.content-info #hotel-comments div.left div.note{ float:left; width:98px;margin-bottom:15px}
div.content-info #hotel-comments div.left div.number{margin-top:12px;}
div.content-info #hotel-comments div.left h3{float:left; margin-top:0}
#hotel-comments #comments div.text div.tripadvisor span{color:#8A8A8A;font-style:italic}
#hotel-comments #comments div.text div.tripadvisor img{vertical-align:top;margin:0 5px 0 8px;height:auto; width:auto}
#hotel-comments #evaluation div.img-content { height:186px;*height:200px;padding: 0 12px}
#hotel-comments h2{height:30px;}

/* Estilos Capas */
#divInfo div.dijitDialogTitleBar{background:none; display:none}
#divInfo.dijitDialog .dijitDialogPaneContent{border: 0; padding:0; background: none}
#divInfo.dijitDialog{ background:none;border: 0}

/* Loading */
#img-lod{background-color:#DEE0E1;padding:0 2px 0 0}
#divInfo{ z-index:100000}

/* Tripadvisor disponibilidad */
table span.tripadvisor img{margin:10px 0 0 0}