/* CSS Document */

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

/* Common */
body{ margin:0}
ul, li{ padding:0; margin:0;list-style-type:none}

/*	hotel info */
#hotel-results #body.hotel-avail #main{width:795px;*width:815px}
#body #main-info{margin-top:3px;line-height:120%;}
#body #main-info div.main-content{border:1px solid #0076BE;background-color:#D6ECF9;padding:0 8px;*padding:15px 8px;}
#body #info-hotel{position:absolute;width:550px;left:127px;top:386px;}
#body #info-hotel h1{margin:0px; display:inline}
#body .group-info{width:95%;margin:5px 0 5px 0px; position:relative;background-color:#FFFFFF; padding:10px; border:solid 2px #CCCCCC}
#body span.image-hotel{float:left;margin:2px 10px 0 0}
#body #info-hotel p{padding-top:5px;}

/* Fichas Hoteles */

/* Comun */
#body.content-info{ border: 1px solid #AFC2D6; background-color:#ECF1F6; width:890px;padding:0 10px 0;font-family:Arial, Helvetica, sans-serif}
#body.content-info div.close{ float:right;background: url(/pictures/button-close-info.png) no-repeat top; width:70px; height:30px;  cursor: pointer}
#body.content-info #header-info{height:30px; margin-top:8px;margin-bottom:10px;border-bottom:1px solid #0076BE;}
#body.content-info #header-info ul{ font-size:12px;font-weight:bold}
#body.content-info #header-info li{display:inline; float:left}
#body.content-info #header-info li.hidden{ display:none}
#body.content-info #header-info li.active{color:#FFF;background: url(/pictures/bg-active-middle.gif) repeat-x;}
#body.content-info #header-info li.active div.left{ background: url(/pictures/bg-active-left.gif) no-repeat left;width:10px;height:30px; float:left}
#body.content-info #header-info li.active div.right{ background: url(/pictures/bg-active-right.gif) no-repeat left;width:10px;height:30px; float:left;}
#body.content-info #header-info li.active div.middle{ float:left; padding:10px 5px 0 5px;}

#body.content-info #header-info li{color:#fff;background: url(/pictures/bg-inactive-middle.gif) repeat-x; cursor:pointer}
#body.content-info #header-info li div.left{background: url(/pictures/bg-inactive-left.gif) no-repeat left; width:10px;height:30px; float:left}
#body.content-info #header-info li div.right{background: url(/pictures/bg-inactive-right.gif) no-repeat right;width:10px;height:30px; float:left}
#body.content-info #header-info li div.middle{ float:left; padding:10px 5px 0;}


#body.content-info #hotel-dates{background:url(/pictures/bg-hotel-dates.jpg) repeat-x;}
#body.content-info #hotel-dates div.left{width:310px;float:left;text-align:left;border-right:1px solid #AFC2D6;margin-left:10px; _margin-left:0;margin-bottom:10px}
#body.content-info #hotel-dates div.left li{margin-right:10px;}
#body.content-info #hotel-dates h1{color:#0076BE; font-size:12px;margin:8px;padding:0;}
#body.content-info #hotel-dates span{font-weight:normal;}
#body.content-info #hotel-dates p{ margin-left:18px}
#body.content-info #hotel-dates img{ vertical-align:top}

#body.content-info #hotel-dates div.right{float: right; margin:0 8px 5px 0; width:550px;}
#body.content-info #hotel-dates div.right div.view-rooms{ text-align:left;margin:10px 0 5px 0;}
#body.content-info #hotel-dates div.right div.view-rooms a{color:#0076BE;text-decoration:underline;padding:1px 0 2px 22px;}
#body.content-info #hotel-dates div.right div.view-rooms a#view-rooms{background:url(/pictures/more-rooms.gif) no-repeat;}
#body.content-info #hotel-dates div.right div.view-rooms a#hidden-rooms{background:url(/pictures/less-rooms.gif) no-repeat;}
#body.content-info #hotel-dates div.right div.view-rooms a:hover{ text-decoration:none}
#body.content-info #hotel-dates ul{text-align:left; height:30px;margin-top:8px;}
#body.content-info #hotel-dates li{float:left}
#body.content-info #hotel-dates li.room{width:330px;color:#4F5050; font-size:12px;}
#body.content-info #hotel-dates li.room img{ margin-right:8px; vertical-align: middle}
#body.content-info #hotel-dates li.price{ font-weight:normal;width:102px; font-size:12px;text-align:right;margin-right:8px; line-height:25px}
#body.content-info #hotel-dates li.price span{color:#FE8334;font-size:16px;font-weight:bold}
#body.content-info #hotel-dates li.select{ text-align:right;}
#body.content-info #hotel-dates li.select img{ widows:150px}
#body.content-info p{margin:8px 0;}
#body.content-info #hotel-dates div.right a{cursor:pointer; margin-top:5px; font-size:11px}

#body.content-info h2{border-bottom: 1px dotted #C9DDF5;font-size:13px; font-weight:bold; margin-bottom:10px; height:20px;padding:0;}

/*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 */
#body #hotel-info, #body #hotel-location, #body #hotel-photos, #body #hotel-comments{border-top:0;padding:12px; font-size:11px; font-family:Arial, Helvetica, sans-serif}
#wrap #body.content-info #hotel-info h2{ border-bottom: 1px dotted #C9DDF5;font-size:13px; font-weight:bold; margin-bottom:10px; height:20px}
#body.content-info h3{ color:#0076BE; font-size:12px; font-weight:bold;width:80%; margin-top:12px; height:17px; text-align:left; margin-bottom:0;padding:0}
#body.content-info h3 span{text-transform: none; font-size:10px; font-weight:normal}
#body.content-info div.left div.characteristics img{ border:0;}
#body.content-info div.left ul{float:left;line-height:16px;margin:8px 5px;}
#body.content-info div.left ul.text{width:120px;line-height:25px;}
#body.content-info #hotel-dates p{ font-size:11px;font-weight:bold;margin-left:8px; text-align:left}
#body.content-info #hotel-info div.left{width:200px; float:left;}
#body.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}
#body.content-info #hotel-info div.left p{ margin:0 8px;}
#body.content-info #hotel-info div.left p.name{font-weight:bold;}

/* Bordes redondos */
div.img-top-v {background: url(/pictures/bg-degrad-box-top-v.jpg) top left no-repeat;height:10px;}
div.img-bottom-v {background: url(/pictures/bg-degrad-box-v.jpg) bottom left no-repeat; margin-bottom:10px}
#sflights div.img-bottom-v div.text{ padding-bottom:10px}
#sflights div.img-bottom-v div.text p{ margin:0}
div.img-bottom-v,div.img-top-v{width: 100%; margin-top:-2px}

#hotel-info div.right{width:640px; text-align:left;}
#hotel-info div.right ul{ line-height:17px;margin:8px 0;display:inline}
#hotel-info div.right li{ background:url(/pictures/pix-black.png) no-repeat left center;padding-left:8px;margin-right:10px; display: inline}

/* Localizacion */
#body.content-info #hotel-location div.left{width:500px; float:left}
#body.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 #AFC2D6;background-color:#ECF1F6; padding:5px; margin-bottom:20px}
#body.content-info #hotel-location div.right{width:350px; text-align:left;background: url(/pictures/img-tl.png) no-repeat top left;}
#body.content-info #hotel-location h2 span{ margin-left:248px; text-decoration:underline;font-size:11px;font-weight:normal;color:#0076BE; background:url(/pictures/icon-print.gif) top left no-repeat;padding-left:22px;cursor:pointer;}

/* Fotos */
#body.content-info #hotel-photos div.left{width:450px; float:left}
#body.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:1px solid #C9DDF5;}
#body.content-info #hotel-photos div.right{ width:380px;background: url(/pictures/img-tl.png) no-repeat top left; text-align: left;border-left:1px solid #AFC2D6;padding-left:15px;}
#body.content-info #hotel-photos div.right h3{ text-transform:none;margin-bottom:6px; width:95%; text-align:right; font-size:11px; font-weight:normal; margin:0}
#body.content-info #hotel-photos #paginacion li.hidden{ display:none}
#body.content-info #hotel-photos div.right h3 span{ display:none}
#body.content-info #hotel-photos div.right div.photos-min img{ float:left; margin:3px;border:1px solid #C9DDF5;width:112px; height:72px;cursor:pointer;opacity:0.60;*filter:alpha(opacity=60);}
#body.content-info #hotel-photos div.right div.photos-min img.photo-active{border:1px solid #0076BE;opacity:1;*filter:alpha(opacity=99);}
#body.content-info #hotel-photos div.right div.page{ margin:4px 13px 5px 3px; padding:5px 0 0; border-top:1px solid #C9DDF5;border-bottom:1px solid #C9DDF5;}
#body.content-info #hotel-photos div.right div.page div.page-left{ color:#0076BE; float:left;}
#body.content-info #hotel-photos #paginacion{ text-align:right; width:auto}
#body.content-info #hotel-photos #paginacion ul{ font-size:10px}
#body.content-info #paginacion li{margin:0 2px;cursor:pointer}
#body.content-info #hotel-photos #paginacion li a{ cursor:pointer; color:#0076BE}
#body.content-info #hotel-photos #paginacion li.anterior a,#body.content-info #hotel-photos #paginacion li.siguiente a{ padding:0}
#body.content-info #hotel-photos #paginacion li.puntos a{ text-decoration:none;color:#0076BE}
#body.content-info #hotel-photos #paginacion li.active a{background-image:none;background-color:#0076BE;color:#FFFFFF}

/* Valoraciones */
#hotel-comments #evaluation{ margin-bottom:10px; background: url(/pictures/bg-evaluation.jpg) no-repeat top left; padding:18px 0 0 30px;height:184px}
#hotel-comments h2 span{color:#0076BE;float:right;font-size:10px;margin-top:-15px}
#hotel-comments h2 span img{margin-left:5px;padding-top:5px;border:0}
#hotel-comments #evaluation #nota-media{color:#FE8334;font-size:18px;font-weight:bold;margin-left:47px;padding-top:8px;text-align:center;width:55px; height:22px; border:2px solid #AFC2D6;-moz-border-radius:6px;}
#body.content-info #hotel-comments div.left{ width:200px;border:1px solid #AFC2D6;float:left; margin-right:40px; background-color:#FFFFFF; height:150px}
#body.content-info #hotel-comments div.left p{text-align:center; margin:8px 35px}
#body.content-info #hotel-comments div.left p.title{color:#0076BE;font-size:12px;font-weight:bold;margin-bottom:3px}
#body.content-info #hotel-comments div.left span{color:#FE8334;font-weight:bold;}
#body.content-info #hotel-comments div.middle{float:left;width:260px;text-align:left; border: 1px solid #AFC2D6; height:150px; background-color:#FFFFFF}
#body.content-info #hotel-comments div.middle-left{ width:260px;border:1px solid #AFC2D6;float:left;background-color:#FFFFFF; height:150px;margin-right:40px;}
#body.content-info #hotel-comments div.middle-left div.critique{margin:5px;padding-left:5px;}
#body.content-info #hotel-comments div.middle-left div.critique span{font-size:10px; font-weight:bold;margin-left:10px;}
#body.content-info #hotel-comments div.middle p{float:right;margin-right:10px;}
#hotel-comments #evaluation h3{ margin:10px 10px 0; clear:both}
#hotel-comments #evaluation ul{ margin: 8px 0 0 15px}
#hotel-comments #evaluation li{ height:18px}
#hotel-comments #evaluation div.left span.qualification{width:86px;}
#body.content-info #hotel-comments #evaluation div.middle-left span.qualification{width:76px;}
#hotel-comments #evaluation span.qualification{display:block;float:left;width:98px;}
#hotel-comments #evaluation span.images{margin-right:10px;}
#body.content-info #hotel-comments div.right{ width:220px;float:left;text-align:left;border: 1px solid #AFC2D6; height:175px; background-color:#FFFFFF}
#hotel-comments #comments{ background:url(/pictures/bg-comments.jpg) repeat-y top center;padding:10px 10px 0;max-height:360px;height: expression(this.height > 360 ? 360: true);overflow:auto;}
#hotel-comments #comments span.title{color:#0076BE;font-size:12px; font-weight:bold; float:left}
#hotel-comments #comments span #puntuacion{float:left;margin-right:20px;float:right}
#hotel-comments #comments div.text{border:1px solid #C9DDF5; background-color:#FFFFFF;margin-bottom:8px;}
#hotel-comments #comments div.text div.title{background:url(/pictures/bg-title-comments.jpg) repeat-x; padding:8px}
#hotel-comments #comments div.text div.info{ float:left}
#hotel-comments #comments div.text div.tripadvisor{ float:right}
#hotel-comments #comments div.text span{color:#FE8334; font-weight:bold}
#hotel-comments #comments div.text span.title{color:#0076BE;margin-top:4px;}
#hotel-comments #comments span img{ margin:0 5px 0 0; float:right}
#hotel-comments #comments div.text p{ margin:8px; }
#hotel-comments #comments #paginacion li.hidden{ display:none}
#hotel-comments #comments #paginacion li.active a{background-image:none;background-color:#FE8233;color:#FFFFFF}
div.content-info #hotel-comments div.left div.note{margin-bottom:12px}
div.content-info #hotel-comments div.left div.note img{ margin:10px 0 0 5px}
div.content-info #hotel-comments div.left div.note span{ margin-left:45px}
div.content-info #hotel-comments div.left div.number p{width:130px;}
ol, ul {list-style-image:none;list-style-position:outside;list-style-type:none;}

/* Estilos Capas */
.dijitDialogTitleBar{ background:none; line-height:0; display:none}
.dijitDialog .dijitDialogPaneContent{ border: 0; padding:0}
.dijitDialog{ background:none;border: 0}
/*.dijitDialogCloseIcon{top:150px; visibility:hidden}*/

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

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