/*
Author: Dimensional Webs
Description: Empresa de desarrollo y diseño web
WEB: http://www.dimensionalwebs.com
*/

/* FORMULARIO DE RESERVA */

#formulario-checkin{
    max-width:750px /* Ancho Total del Formulario */
    margin:0 auto;
    width:100%;
}

.fila1, .fila2, .fila3, .fila4, .fila5{
    width: 100%;
}

.columna{
    float: left;
    position: relative;
    padding: 0.65rem;
    width:100%;
    height:50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
     box-sizing: border-box
}

.media-columna1, .media-columna2, .quad-columna{
    float: left;
    position: relative;
    padding: 0.65rem;
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
     box-sizing: border-box
}

.tri-columna{
    float: left;
    position: relative;
    padding: 0.65rem;
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
     box-sizing: border-box
}

.media-columna-term{
    float: left;
    position: relative;
    padding: 0.65rem;
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
     box-sizing: border-box
}

.columna-check{
    float: left;
    position: relative;
    padding: 0.65rem;
    width:10%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
     box-sizing: border-box
}

.renove:after {
    content: "";
    display: table;
    clear: both;
}

@media only screen and (min-width: 48em) { 
    .columna{width: 99%; height: 50%;}
    .media-columna1{width: 50%;}
    .media-columna2{width: 49%;}
    .tri-columna{width: 33%;}
    .quad-columna{width: 25%;}
    .columna-check{width: 2%;}
    .media-columna-term{width: 39%;}
}