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

/**/
.reserva{ width:100%; margin-top:0; z-index:3000; position: relative; min-height:170px; margin-top:-155px; float:left;font-family: 'PT Sans', sans-serif;}
.reserva_hover{display: block ; position: relative; width:80% ;background-color: rgba(35, 35, 35, 0.7); float:left;padding:0 1%; color:#fff; margin:0 9%; color: #A3A3A3; }
#reserva  .reserva_hover{display: block ; position: relative; width:98% ;background-color: rgba(35, 35, 35, 0.7); float:left;padding:0 1%; color:#fff; margin:0; color: #A3A3A3; }
.reserva_hover h2{ text-align:center; text-transform:uppercase; font-weight: 400;
font-style: italic; margin-bottom:5px;color: #fff;}
.reserva_inner fieldset{ float:left; border:none; padding:0;}
.reserva_inner fieldset.col1 { width:32%}
.reserva_inner fieldset.col3 { width:22%}
.reserva_inner fieldset.col2 {     width: 40%;
    padding: 0px 1%;
}

.reserva_inner fieldset.col1 p{ width:45%; float:left; margin-right:15px}
.reserva_inner input, .reserva_inner select{ background:#fef9f2; border:none; width:97%; padding:10px 5px; color:#292929;} 
.reserva_inner input.btn_reserva {-webkit-border-radius: 10px;  border-radius: 10px; text-align:center; text-transform:uppercase; 
background:#9C2A15;color:#fff; width:100%;font-weight: 400;
font-style: italic;font-family: 'PT Sans', sans-serif;}

input.datepicker{ background: #f2f2f2 url(calendar.png) no-repeat 96% center;padding:0 5px;margin:5px 0; height:31px; line-height:31px}
.select{ width:98%; float:left; margin:0px 1%;}  


 .select ul li input { background: #f2f2f2;padding:11px; -webkit-border-radius:0px;
-moz-border-radius: 0px;border-radius: 0px; width:12px; margin:0; border:none; text-align:center; height:10px;}
.reserva  .select  ul li a,.reserva2  .select  ul li a{ padding:0; margin:0; background:none;}


.selectores1{ float: left; width:30%; padding:0; margin:0; background:none; min-width:115px } 
#adnin, #adninD{ float:left; width:60%;} 
.selectores{ float: left; width:50%; padding:0; margin:0; background:none;min-width:115px}  
.selectores1  ul, .selectores  ul{ float: left; width:100%; padding:0; margin:11px 0; background:none; list-style:none;}	

 .selectores1 ul li,  .selectores  ul li{ float:left; width:35px; padding:0;}
 .selectores1 ul li.tit,  .selectores  ul  li.tit{width:100%;margin:5px 0; font-size:0.875em; text-transform:uppercase; padding:0 0 0 10px; text-align:left;}

.selectores1 ul li input,   .selectores ul li input{ background: #f2f2f2;padding:0 11px; -webkit-border-radius:0px;
-moz-border-radius: 0px;border-radius: 0px; width:12px; margin:0; border:none; text-align:center; height:31px;}
 .selectores1  ul li a, .selectores  ul li a{ padding:0;}
 
 input#habitaciones { background: #f2f2f2;
}
.reserva_inner fieldset.col3{ height:96px; line-height:96px}


@media only screen and (min-width: 701px) and (max-width: 1024px) {
	.reserva{ width:100%; margin-top:0; z-index:3000; position: relative; min-height:170px; margin-top:0; float:left;font-family: 'PT Sans', sans-serif;color: #A3A3A3}
		.reserva_hover{display: block ; position: relative; width:96% ;background-color: rgba(35, 35, 35, 1); float:left;padding:0 1%; color:#fff; margin:0 1%  }
	.reserva_inner fieldset.col1 { width:36%}
.reserva_inner fieldset.col3 { width:98%}
.reserva_inner fieldset.col2 {     width: 55%;
    padding: 0px 0;
}
.reserva_inner fieldset.col1 p{ width:37%; float:left; margin-right:10px}
}
@media only screen and (max-width: 700px) {
	.reserva{ width:100%; margin-top:0; z-index:3000; position: relative; min-height:170px; margin-top:0; float:left;font-family: 'PT Sans', sans-serif;color: #A3A3A3}
		.reserva_hover{display: block ; position: relative; width:98% ;background-color: rgba(35, 35, 35,1); float:left;padding:0 1%; color:#fff; margin:0 0 30px 0  }
.reserva_inner fieldset.col1 { width:98%}
.reserva_inner fieldset.col3 { width:98%}
.reserva_inner fieldset.col2 {     width: 98%;
    padding: 0px 0;
}
.reserva_hover h2{  font-size:1.125rem !important; text-align:center}
.reserva_hover h2 span{ float:left; clear:both; margin:0 !important; width:100%}
#adnin, #adninD{ float:left; width:100%;} 

}
