/*
Copyright (c) 2008, Red Universal de Marketing y Bookings Online, S.A. (Rumbo) All rights reserved.
version: 0.8b
*/

/* Fichas Hoteles */

/* Comun */
div.content-info{ border: 1px solid #9285AA; background-color:#EDEDF6; width:890px;padding:0 10px 10px;}
div.content-info div.close{ float:right;background: url(/pictures/close-button.gif) no-repeat top; width:70px; height:30px; margin-right:-13px;_margin-right:-5px; cursor:pointer}
#header-info{ height:30px; margin-top:30px;background-color:#990000;border:1px solid #FFFFFF;}
#header-info ul{ font-size:12px;font-weight:bold}
#header-info li.hidden{ display:none}
#header-info li.active{color:#FFF;background: url(/pictures/bg-header-active.jpg) repeat-x;}
#header-info li.active div.left{float:left}
#header-info li.active div.right{float:left;}
#header-info li.active div.middle{ float:left;font-weight:bold}
#header-info li{color:#FFF;cursor:pointer; height:30px;display:inline; float:left; border-right:1px solid #FFFFFF;}
#header-info li div.left{float:left}
#header-info li div.right{float:left}
#header-info li div.middle{ float:left; padding:8px 15px 0 15px;font-size:11px; font-weight:normal}
#hotel-dates{border: 1px solid #9285AA; margin-top:2px;background:url(/pictures/bg-hotel-dates.jpg) repeat-x #E6E3EC;}
#hotel-dates div.left{background-color:#FFF;float:left;text-align:left;border: 1px solid #9285AA; padding-bottom:5px; width:330px;margin:5px 0 5px 5px;}
#hotel-dates h1{color:#990000; font-size:11px;margin:8px;padding:0;}
#hotel-dates span{color:#990000;text-align:left}
#hotel-dates img{ vertical-align:top}
#hotel-dates div.right{float: right;margin:8px 5px 5px 0;width:540px;_width:530px;}
#hotel-dates ul{ height:30px; text-align:left; float:right}
#hotel-dates li{ float:left}
#hotel-dates li.room{width:325px;_width:310px;color:#990000;}
#hotel-dates li.room img{ margin-right:5px; vertical-align: middle}
#hotel-dates li.price{ font-weight:normal;width:110px; margin-right:10px;text-align:right}
#hotel-dates li.price span{color:#FF2900;font-size:14px;text-align:right; font-weight:bold}
#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}


/*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:5px;*margin-left:2px;}


/* Descripcion y servicios */
#hotel-info, #body #hotel-location, #body #hotel-photos, #body #hotel-comments{ border: 1px solid #9285AA; border-top:0;background-color:#FFFFFF;padding:12px;}
div.content-info h2{ border-bottom: 1px dotted #9285AA;font-size:12px; font-weight:bold; margin-bottom:10px; height:20px;}
div.content-info h3{ border-bottom: 1px dotted #990000; color:#990000; font-size:10px; font-weight:bold;text-transform:uppercase; width:80%; margin-top:5px; height:17px; clear:both}
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; display:inline; width:100%;}
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;}

/* Bordes redondos */
div.content-info #hotel-info div.right{ text-align:left; border:1px solid #990000;}
#hotel-info div.right{width:650px;}
#hotel-location div.right{width:300px; text-align:left}
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 15px;}
#hotel-info div.right ul{ float:left; width:280px; line-height:17px;margin:15px 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{ border: 1px solid #990000}
div.map{width:490px; height:390px; border:1px solid #990000;background-color:#F9F2D7; padding:5px; margin-bottom:20px}
div.content-info #hotel-location div.right{width:350px; text-align:left;border:1px solid #990000;}
div.content-info #hotel-location h2 span{ margin-left:248px; text-decoration:underline;font-size:10px;font-weight:normal;color:#FF2900; background:url(/pictures/icon-print.gif) top left no-repeat;padding-left:22px;cursor:pointer;}
div.content-info #hotel-location div.img-top, div.content-info #hotel-location div.img-bottom, div.content-info #hotel-location div.img-content, div.content-info #hotel-location div.img-content, div.content-info #hotel-location div.img-bottom div{ background:none}

/* Fotos */
div.content-info #hotel-photos div.right h3{margin-top:10px}
div.content-info #hotel-photos div.left{width:450px; float:left}
div.content-info #hotel-photos div.right div.photos-min img{float:left;margin:3px;border:1px solid #EDEDF6;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 #FF0000;opacity:1;*filter:alpha(opacity=99);}
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 #EDEDF6;}
div.content-info #hotel-photos div.right{width:400px;text-align: left;border:1px solid #990000;}
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.page{margin:6px 0 12px 0}
div.content-info #hotel-photos div.right div.page div.page-left{color:#990000; 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:#990000;color:#FFFFFF}

/* Valoraciones */
#hotel-comments #evaluation{ margin-bottom:18px;background: url(/pictures/bg-hotel-dates.jpg) repeat-x bottom left;border:1px solid #D6D6D7; padding:5px 10px 10px 5px;}
div.content-info #hotel-comments div.middle p{margin-right:10px;margin-top:3px;text-align:right; margin-bottom:0}
#hotel-comments #evaluation #nota-media{background-color:#FF2900;color:#FFFFFF;font-size:18px;font-weight:bold;margin-left:6px;padding:4px 6px;text-align:center;width:45px;margin-bottom:10px;}
div.content-info #hotel-comments div.left{width:256px;border:1px solid #FF2900;float:left; margin-right:8px; background-color:#FFFFFF;height:198px;}
div.content-info #hotel-comments div.left p{text-align:center;}
div.content-info #hotel-comments div.left p.title{color:#FF2900;font-size:11px;font-weight:bold; margin-top:0}
div.content-info #hotel-comments div.left div.number span{color:#FF2900;}
div.content-info #hotel-comments div.left div.note{ float:left; margin-right:10px; margin-left:15px}
div.content-info #hotel-comments div.left div.number{float:left;width:102px;}
div.content-info #hotel-comments div.middle{float:left;width:284px;text-align:left;margin-right:8px; background-color:#FFFFFF;border:1px solid #D6D6D7; height:198px}

#hotel-comments #evaluation li{ height:18px}
#hotel-comments #evaluation div.left span.qualification{width:86px;}
#hotel-comments #evaluation span.qualification{display:block;float:left;width:115px;}
#hotel-comments #evaluation span.images{margin-right:5px;}
div.content-info #hotel-comments div.right{width:284px;float:left;text-align:left; background-color:#FFFFFF;border:1px solid #D6D6D7; height:198px}
#hotel-comments #comments{ background-color:#EDEDED;padding:10px 10px 5px 10px;}
#hotel-comments #comments span.title{color:#990000;font-size:12px; font-weight:bold; float:left}
#hotel-comments #comments span.punctuation{background-color:#FF2900;color:#FFFFFF;font-size:12px;font-weight:bold;margin-left:20px;margin-top:-5px;padding:4px 5px;text-align:center;vertical-align:top;}
#hotel-comments #comments div.text{border:1px solid #D6D6D7; background-color:#FFFFFF; padding:2px 10px;margin-bottom:8px;}
#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 5px 0 15px;}
#hotel-comments #comments div.text p{ margin:4px 0;}
#hotel-comments #comments #paginacion li.hidden{ display:none}
#hotel-comments #comments #paginacion li.active a{background-image:none;background-color:#990000;color:#FFFFFF}
div.content-info #hotel-comments div.img-top, div.content-info #hotel-comments div.img-bottom, div.content-info #hotel-comments div.img-content, div.content-info #hotel-comments div.img-content,div.content-info #hotel-comments div.img-bottom div{ background:none}

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

/* Estilos Capas */
#divInfo div.dijitDialogTitleBar{background: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}