@charset "UTF-8";
/* CSS Document */


#listado_hab {margin:0 10%; padding:0 2%; width:76%; position:relative; font-size:0.875rem;}
.box-h{width:98%; float:left; margin:20px 0; padding:10px 1%;}
.box-h .fotoslider, .box-h .descripcion {float:left;}
.box-h .fotoslider {width:28%; margin-top:15px }
.box-h .fotoslider .rslides_tabs { margin:-15px 0 0 -30px}
.box-h .descripcion {width:64%; padding: 0 3%}
.box-h .descripcion div{ width:47%; float:left;margin-top:15px }
.box-h .descripcion  div.borde{padding:0 0 0 2%}
.box-h .descripcion h3{ font-size:1.3em; font-weight:normal; margin:0 0 10px 0; text-transform:uppercase;}
.precio, .precionoche{ font-weight:bold;}
.precio{ font-size:1.3em; }
.precionoche{ font-size:0.875em;}

.box-h .descripcion .selectores { height:32px; line-height:32px; margin:15px 0; width:100%}
.box-h .descripcion .selectores p, .box-h .descripcion .selectores ul{ float:left;}
.box-h .descripcion .selectores ul{  width:110px}
.box-h .descripcion .selectores ul li input{ color:#333; padding: 7px 11px 9px 11px;; height:14px}
#btn_reservar {
    position: absolute; top:0; right:3%;width: 200px;
    z-index: 99999;
}
.default {
}
#btn_reservar.fixed {
    position: fixed;
    top: -5px;
    
 right:10px;
}
 #listado_hab input.btn2{ border:none; width:100%; text-align:center;-webkit-border-radius: 10px;
border-radius: 10px; } 
.confirmar{ width:96%; padding: 10px 2%; float:left;}
.col-c{ width:50%; float:left; color:#333}

.confirmar  .col-c  div.th{ width:98%; float:left; clear:both }
.confirmar  .col-c  div.th div{  float:left;}
.confirmar  .col-c  div.th div.td1{ width:35%}
.confirmar  .col-c  div.th div.td2, .confirmar  .col-c  div.th div.td3{ width:65%}
.confirmar  .col-c  div.th div.td2, .precioT{ font-size:1em; font-weight:bold}
.confirmar  .col-c  div.th div.td1.full, .confirmar  .col-c  div.th div.td3.full{ width:100%}
/*.confirmar form{width:100%;}
.confirmar form p{ margin:5px 0}
.confirmar form input,.confirmar form textarea { background:#fff; border:1px solid #cecece; width:96%; padding:7px 1%; -webkit-border-radius: 5px;
border-radius: 5px;}
.confirmar form select{ background:#fff; border:1px solid #cecece;  padding:7px; -webkit-border-radius: 5px;
border-radius: 5px;}
*/

 form .confirmar p{ margin:5px 0}
 form .confirmar input, form .confirmar textarea { background:#fff; border:1px solid #cecece; width:96%; padding:7px 1%; -webkit-border-radius: 5px;
border-radius: 5px;}
input[type="radio"], input[type="checkbox"] {
       width:20px !important; 
    }
form .confirmar select{ background:#fff; border:1px solid #cecece;  padding:7px; -webkit-border-radius: 5px;
border-radius: 5px;}
.formapago{background:#fff; border:1px solid #cecece; width:96%; padding:5px 1%; -webkit-border-radius: 5px;
border-radius: 5px;}
   .cupon {background: #86A4BF; margin:15px 0; padding:11px 0
}
.cupon input{width:94% !important; padding:7px 1%; margin:0 2%}
/*.confirmar form input.btn3{background:#337ab7; color:#fff;border: none;
width: 100%; }*/
 form .confirmar input.btn3{background:#337ab7; color:#fff;border: none;
width: 100%; }
.pol{ font-size:0.75rem !important}
.reservaFin{ color:#fff !important;}
 @media only screen and (min-width: 801px) and (max-width: 1024px) {
	 #listado_hab {margin:0 1%; padding:0 1%; width:96%; position:relative}
	 #listado_hab h2{ font-size:1.3em}
	 .box-h .descripcion {width:66%; padding: 0 1%}
.box-h .descripcion div{ width:47%; float:left;margin-top:15px }
	 .box-h .descripcion h3{ font-size:1em; font-weight:normal; margin:0 0 10px 0; text-transform:uppercase;}
.precio, .precionoche{ font-weight:bold;}
.precio{ font-size:1em; }
.precionoche{ font-size:0.875em;}
 }
  @media only screen and  (max-width: 800px) {
		#listado_hab {margin:0 ; padding:0 1%; width:98%; position:relative}
		#listado_hab h2{ font-size:0.875em}
		.box-h .fotoslider {width:100%; margin-top:15px }		
		.box-h .descripcion {width:98%; padding: 0 1%}
		.box-h .descripcion div{ width:100%; float:left;margin-top:15px }
		.box-h .descripcion  div.borde{padding:0}
		.box-h .descripcion h3{ font-size:1rem; font-weight:normal; margin:0 0 10px 0; text-transform:uppercase;}
		.precio{ font-size:1em; }
		#btn_reservar {
		position: absolute; top:110px; right:0;width: 150px;
		z-index: 99999;
		}
		#listado_hab input.btn2 {
    color: #FFF;
    text-transform: uppercase;
    text-decoration: none;
    background: #CF0F1F none repeat scroll 0% 0%;
    font-family: Helvetica,Arial,sans-serif;
    padding: 15px 0px;
    margin: 5px 0px;
    font-weight: bold;
    border: none !important; font-size:0.75rem !important;
}

		.fixed {
		position: fixed;
		top: -5px;
		right:0;
		
		}
 }
 
   @media only screen and  (max-width: 800px) {
	   .col-c{ width:100%; }
   }
  /* customm*/
.box-h{}
.box-h .descripcion h3{color:#CF0F1F}
.borde{ border-left:1px solid #666}
.precio{ 
color: #fff;
float: right;
font-size: 1.4em;
font-style: italic;
margin: 20px 0 0 0;
background: #CF0F1F;
padding: 5px 15px;}
#listado_hab input.btn2{
 color: #FFF;
text-transform: uppercase;
text-decoration: none;
background: #CF0F1F;
font-family:Helvetica,Arial,sans-serif;
padding: 15px 0px;

margin: 5px 0px;
font-weight:bold;
border:3px solid #a60b18
} 

  @media only screen and  (max-width: 800px) {
	  .borde{ border:none}
  }
.error{ color:#F00}
.reservaFin{ color:#fff; padding:10px 0; margin:0 25%;width:50%; float:left;font-size:1rem;}
.reservaFin h3{ margin:0 0 25px 0; color:#CF0F1F; font-size:1.5rem; font-weight:normal}
.reservaFin p{ float:left; width:100%}
.reservaFin p span{ float:left; width:50%}
.reservaFin p.t{ margin-top:20px}
.reservaFin p.observacion{ font-size:0.875rem; font-style:italic; margin-top:20px}

  @media only screen  and (max-width: 1024px) {
	  .reservaFin{ color:#fff; padding:10px 0; margin:0 5%;width:90%; float:left;font-size:1rem;}
  }
 .extras{ margin:20px 0; float:left; width:98%}
 .descuento-mensaje{ color:#fff; padding:0 10px}
 
  .box-h .descripcion div.descuento{float: right;
font-size: 0.75rem;
text-align: right;
color: #CF0F1F;}
 .box-h .descripcion div.descuento .tachado{ text-decoration:line-through; font-weight:bold}
  .box-h .descripcion div.descuento .font10{ font-size:0.7em}