#formdispo { padding: 12px 0px 0px; position: relative; width: 1050px; height: 35px; margin: 0px auto; color: rgb(255, 255, 255); font-weight: 600; font-size: 11px; letter-spacing: 1px;}
.casilla {float: left; padding-right:10px; margin-right: 10px; height:25px;}
.borde {border-right:1px solid white;}
.casilla label {background-color: grey; background: url('../images/tinyarrow.png') right center no-repeat; width:85px;}
.casilla label.largo {width:190px;}
.titulo {display: none;}
.ultimo {border: 0px none;}
.chkin, .chkout { text-align: left; }
.chkin img, .chkout img { position: relative; top: 0px; }
.chkin input, .chkout input { width: 65px; text-align: left; background-color: rgb(68, 67, 78); color: rgb(255, 255, 255); border: 0px none; padding: 2px 5px 5px 7px;}
.chkin label, .chkout label, .paxes label , .noches span{color: rgb(255, 255, 255); font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }
.paxes-select {float: left; background: url(../images/15xvbd5.png) no-repeat 90% rgb(68, 67, 78); height: 25px; overflow: hidden; width: 50px;}
.paxes-select select {background: transparent; border: 0px none; font-size: 12px; height: 25px; width: 75px; color: rgb(160,160,160); 
   padding: 2px 5px 5px 7px; /* If you add too much padding here, the options won't show in IE */
   appearance: none; -moz-appearance: none; -webkit-appearance: none; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
.checkAv input[type="submit"] { background: url('../images/tinyarrow.png') 4% center no-repeat rgb(49, 49, 62); padding: 15px 28px 17px; color: rgb(207, 246, 235); margin-left: 10px; position: absolute; bottom: 0px; right: 0px; border: 0px none; height: 100%; font-size: 10px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase;}
.checkAv input[type="submit"]:hover { background-color: rgb(49, 49, 62); color: rgb(66, 158, 133); }
#nights { color: rgb(255, 255, 255); font-weight: 700; font-size: 10px; display: inline-block; width: 80px; text-align: center; }

@media only screen and (min-width: 1024px) {
}

@media only screen and (min-width: 480px) and (max-width: 1024px) {
#formdispo{width:480px; height: 170px;}
.casilla {border-right:0px; height:40px; margin-left: 5%}
.casilla label ,.casilla label.largo {width:140px;}
.checkAv input[type="submit"] {height: 40px; width:100%;}
}

@media only screen and (max-width: 480px) {
#formdispo {width:300px; height:200px;}
.casilla {border-right:0px; height:40px; width:90%; margin-left: 5%}
.casilla label ,.casilla label.largo {width:140px;}
.checkAv input[type="submit"] {height: 40px; width:100%;}
}