.mod_veh_reservas_content{
    display:flex;
    width:100%;
    gap:var(--main-sepItems);
    flex-direction:column
}
.mod_veh_reservas_content *{
    box-sizing:border-box
}
.mod_veh_reservas_content .pt0{
    padding-top:0 !important
}


.mod_veh_reservas_content .col{
    width:25%;
    border: 1px solid var(--main-bordes-color1);
}
.mod_veh_reservas_content .col.sb{
    border:none
}
.mod_veh_reservas_content .col.datos{
    width: 100%;
    
    border-bottom: none
}

.mod_veh_reservas_content .col.nav{
    width: 100%;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    padding: 10px
}

.mod_veh_reservas_content h2{
    font-size:14.5px;
    text-transform: uppercase;
    margin-bottom: 1rem;
    color:var(--main-color3)
}

.mod_veh_reservas_content .col .veh_cont{
    display: flex;
    width: 100%;
    border-bottom: 1px solid var(--main-bordes-color1);
}
.mod_veh_reservas_content .col .veh_cont .datos_cont{
    display:flex;
    gap:30px;
    align-items: center
}
.mod_veh_reservas_content .col .veh_cont.tarifas1 .tarifa_content{
    width: 250px
}
.mod_veh_reservas_content .col .veh_cont.tarifas1 .tarifa_content.extras{
    text-align:center
}
.mod_veh_reservas_content .col .veh_cont.tarifas1 .datos_cont{
    width:calc(100% - 250px)
}

.mod_veh_reservas_content .col .veh_cont.tarifas2 .datos_cont{
    width:calc(100% - 500px)
}

.mod_veh_reservas_content .col .veh_cont .datos_cont .img_cont{
    width: 182px;
    height: 121px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}
.nd{
    background-image:url(/themes/default/images/vehiculo-sin-img.png)
}

.mod_veh_reservas_content .col .veh_cont.tarifas2 .datos_cont .info{
    display: flex;
    flex-direction: column;
    gap:10px;
}
.mod_veh_reservas_content .col .veh_cont.tarifas2 .datos_cont .info .txt,
.mod_veh_reservas_content .col .veh_cont.tarifas2 .datos_cont .info .txt p{
    font-size:14px;
    line-height: 1.2em
}

.mod_veh_reservas_content .col .veh_cont.tarifas2 .datos_cont .info .caract_cont{
    display: flex;
    gap:10px;
}
.mod_veh_reservas_content .col .veh_cont.tarifas2 .datos_cont .info .caract_cont .item{
    font-size:13px
}
.mod_veh_reservas_content .col .veh_cont.tarifas2 .datos_cont .info .caract_cont .item,
.mod_veh_reservas_content .col .veh_cont.tarifas2 .datos_cont .info .caract_cont .item .fa,
.mod_veh_reservas_content .col .veh_cont.tarifas2 .datos_cont .info .caract_cont .item [class*="icon-"]{
    color:var(--main-color8)
}

.mod_veh_reservas_content .col .veh_cont .datos_cont .info h2{
    color:var(--main-color1);
    font-size:16px;
    margin-bottom: 0
}
.mod_veh_reservas_content .col .veh_cont .datos_cont .info h3{
    font-size:13px;
    margin-bottom: 0;
    margin-top: 5px;
    
}

.mod_veh_reservas_content .col .veh_cont .tarifa_content{
    width: 500px;
    display: flex;
}

.mod_veh_reservas_content .col .veh_cont .tarifa_cont{
    border-left: 1px solid var(--main-bordes-color1);
    width: 100%;
    gap:30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.mod_veh_reservas_content .col .veh_cont .tarifa_cont .btn_link{
    max-width:220px;
}

.mod_veh_reservas_content .col .veh_cont .datos_cont,
.mod_veh_reservas_content .col .veh_cont .tarifa_cont{
    padding: var(--main-sepItems)
}

.mod_veh_reservas_content .col .veh_cont .tarifa_cont .info{
    width: 100%;
    display: flex;
    flex-direction: column;
    
}

.mod_veh_reservas_content .col .veh_cont .tarifa_cont .info h2 {
    font-size:16px;
    margin-bottom: 5px
}

.mod_veh_reservas_content .col .veh_cont .tarifa_cont .info .precio{
    font-size:16px;
}
.mod_veh_reservas_content .col .veh_cont .tarifa_cont .info .periodo{
    font-size:13px;
    font-style: italic;
    color:var(--main-color6)
}

.mod_veh_reservas_content .filtros_cont{
    width: 100%
}
.mod_veh_reservas_content .filtros_cont .filtros{
    width: 100%;
    padding: var(--main-sepItems);
    display: flex;
    border:1px solid var(--main-bordes-color1);
    justify-content: flex-end;
    gap:var(--main-sepItems);
    flex-wrap: wrap
}
.mod_veh_reservas_content .filtros_cont .filtros.jcfs{
    justify-content: flex-start;
}

.mod_veh_reservas_content .filtros_cont .filtros select,
.mod_veh_reservas_content .filtros_cont .filtros input{
    padding: 10px 5px;
    line-height: 1em;
    height: auto;
    border: 1px solid var(--main-bordes-color1)
}
.mod_veh_reservas_content .filtros_cont .filtros input.input1{
    min-width:200px
}

.mod_veh_reservas_content .filtros_cont .filtros .filtro{
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    align-items: center;
}
.mod_veh_reservas_content .filtros_cont .filtros .filtro a.lnk{
    color:var(--main-color3);
    font-size:13
}

.mod_veh_reservas_content .col.listado{
    width: 100%;
    border: none;
    border-bottom: none;
    display: grid;
    grid-template-columns: calc(25% - 30px) calc(25% - 30px) calc(25% - 30px) calc(25%);
    gap: 30px;
}
.mod_veh_reservas_content .col.listado .veh_cont{
    border:1px solid var(--main-bordes-color1);
}
.mod_veh_reservas_content .col.listado .veh_cont .datos_cont{
    width:100%;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.mod_veh_reservas_content .col.listado .veh_cont .datos_cont .info h2{
    color:var(--main-color3)
}
.mod_veh_reservas_content .col.listado .veh_cont .datos_cont .info h3{
    color:var(--main-color6);
    text-transform: uppercase
}
.mod_veh_reservas_content .col.listado .veh_cont .datos_cont .info .caract_cont{
    justify-content: center
}
.mod_veh_reservas_content .col.listado .veh_cont .datos_cont .info{
    gap:var(--main-sepItems)
}
.mod_veh_reservas_content .col.listado .veh_cont .datos_cont .img_cont{
    width: 243px;
    height: 161px;
    max-width: 100%;
}
.mod_veh_reservas_content .cols_content{
    display: flex;
    width: 100%;
    gap: var(--main-sepItems);
    margin-bottom: var(--main-sepItems);
}
.mod_veh_reservas_content.tablaInfo{
    
}

.mod_veh_reservas_content.tablaInfo h1{
    margin-bottom: 10px;
    font-family: var(--main-tipografia2);
    font-weight: normal;
    font-size: 22px;
    margin-top: 0
}
.mod_veh_reservas_content.tablaInfo h1.nro_confirm{
    color:var(--main-color3);
}

.mod_veh_reservas_content.tablaInfo .col.izq{
    width:75%
}
.mod_veh_reservas_content.tablaInfo .col{
    
}
.mod_veh_reservas_content.tablaInfo .col_margin{
    padding: var(--main-sepItems);
    width: 100%;
    display: inline-block;
}

.mod_veh_reservas_content.tablaInfo table.tarifas{
    width:100%
}
.mod_veh_reservas_content.tablaInfo table.tarifas tr.color{
    background-color: var(--main-color10);
    width: auto;
    height: auto;
    display: table-row;
    border: none;
}
.mod_veh_reservas_content.tablaInfo table.tarifas tr:hover{
    background-color: transparent
}
.mod_veh_reservas_content.tablaInfo table.tarifas tr.color:hover{
    background-color: var(--main-color10);
}
.mod_veh_reservas_content.tablaInfo table.tarifas tr td{
    padding: 4px 3px;
    text-align: right;
    font-size:14px;
    border:none
}

.mod_veh_reservas_content.tablaInfo table.tarifas tr td b{
    font-weight: normal;
    font-family: var(--main-tipografia2)
}

.mod_veh_reservas_content.tablaInfo table.tarifas tr td:first-child{
    text-align: left
}
.mod_veh_reservas_content.tablaInfo table.tarifas tr.totales td{
    font-family: var(--main-tipografia2);
    font-size:15px
}
.mod_veh_reservas_content.tablaInfo table.tarifas tr td .seccion{
    width:100%;
    display: inline-block;
    text-align: center
}

.mod_veh_reservas_content.tablaInfo table.tarifas tr td .seccion.nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}
.mod_veh_reservas_content.tablaInfo table.tarifas tr td .seccion.fp{
    text-align:center;
    margin-bottom: var(--main-sepItems);
}
.mod_veh_reservas_content.tablaInfo table.tarifas tr td .seccion select{
    text-align: center;
    height: auto;
    padding: 8px 5px;
}

.mod_veh_reservas_content.tablaInfo table.tarifas tr td h4{
    text-align:center;
    background-color: var(--main-color10);
    color:var(--main-color1);
    margin-bottom: var(--main-sepItems);
    font-family: var(--main-tipografia2);
}
.mod_veh_reservas_content.tablaInfo table.tarifas tr td .cont_checks {
    display: inline-block;
    font-size: 15px;
    text-align: center;
    width: 100%;
}

.mod_veh_reservas_content.tablaInfo h3{
    width:100%;
    background-color: var(--main-color9);
    display: flex;
    align-items: center;
    color:var(--main-color2);
    padding:13px var(--main-sepItems);
    margin-bottom:var(--main-sepItems);
    font-family: var(--main-tipografia1);
    font-size:16px;
    margin-top: 0
}
.mod_veh_reservas_content.tablaInfo h3.color1{
    background-color: var(--main-color3);
}

.mod_veh_reservas_content .reserva_datos_seleccionados{
    width:100%;
    display: flex;
    flex-direction: column;
    font-size:13px;
    color: var(--main-color8);
}
.mod_veh_reservas_content .reserva_datos_seleccionados b{
    color:var(--main-color1)
}
.mod_veh_reservas_content .reserva_datos_seleccionados .vehiculo{
    
}
.mod_veh_reservas_content .reserva_datos_seleccionados .vehiculo .img_cont {
    width: 182px;
    height: 121px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.mod_veh_reservas_content .reserva_datos_seleccionados .vehiculo .caract_cont{
    width:100%;
    display: flex;
    gap:10px;
    margin-bottom: 10px
}
.mod_veh_reservas_content .reserva_datos_seleccionados .vehiculo .caract_cont .item{
    font-size:13px;
    
}


.mod_veh_reservas_content .reserva_datos_seleccionados a{
    color:var(--main-color3);
    
}
.mod_veh_reservas_content .reserva_datos_seleccionados,
.mod_veh_reservas_content .reserva_datos_seleccionados a{
    font-size:13px;
    text-decoration: none
}
@media only screen and (max-width:1023px){
    .mod_veh_reservas_content .col .veh_cont,
    .mod_veh_reservas_content .col .veh_cont.tarifas1 .datos_cont{
        flex-direction: column;
        text-align: center
    }
    .mod_veh_reservas_content .col .veh_cont.tarifas1 .datos_cont p,
    .mod_veh_reservas_content .col .veh_cont.tarifas1 .datos_cont{
        text-align: center
    }
    .mod_veh_reservas_content .col .veh_cont.tarifas1 .datos_cont{
        padding-bottom:0
    }
    .mod_veh_reservas_content .col .veh_cont .tarifa_content{
        width: 100%;
        border-top: 1px solid var(--main-bordes-color1);
        
    }
    .mod_veh_reservas_content .col .veh_cont .tarifa_cont.prim{
        border-left:none
    }
    .mod_veh_reservas_content .col .veh_cont .datos_cont .info h3{
        margin-bottom: 0
    }
    .mod_veh_reservas_content .col .veh_cont.tarifas2 .datos_cont,
    .mod_veh_reservas_content .col .veh_cont.tarifas1 .datos_cont,
    .mod_veh_reservas_content .col .veh_cont .datos_cont .info{
        width: 100%;
        text-align: center
    }
    
    .mod_veh_reservas_content .col .veh_cont.tarifas1 .tarifa_cont.prim{
        border-top:0
    }
    .mod_veh_reservas_content .col .veh_cont .tarifa_cont{
        align-items: center
    }
    .mod_veh_reservas_content .col .veh_cont.tarifas1 .tarifa_content{
        width:100%;
        border-top: none
    }
    .mod_veh_reservas_content .col .veh_cont.tarifas1 .datos_cont .info{
        
    }
    
    .mod_veh_reservas_content .col.listado{
        grid-template-columns: calc(33.33% - var(--main-sepItems)) calc(33.33% - var(--main-sepItems)) calc(33.33%);
        gap:var(--main-sepItems)
    }
    
    .mod_veh_reservas_content .cols_content{
        flex-direction: column;
        align-items: center;
    }
    .mod_veh_reservas_content.tablaInfo .col.izq,
    .mod_veh_reservas_content.tablaInfo .col{
        width:100%
    }
    
    .mod_veh_reservas_content .filtros_cont .filtros{
        justify-content: flex-start;
        gap:5px
    }
    .mod_veh_reservas_content .filtros_cont .filtros .btn_link,
    .mod_veh_reservas_content .filtros_cont .filtros select, .mod_veh_reservas_content .filtros_cont .filtros input{
        padding: 5px 10px;
        font-size: 13px
    }
    
    .mod_veh_reservas_content .col .veh_cont.tarifas2 .datos_cont{
        flex-direction: column;
        align-items: center
    }
    .mod_veh_reservas_content .col .veh_cont.tarifas2 .datos_cont .info{
        align-items:center
    }
    
    .mod_veh_reservas_content.tablaInfo h1{
        font-size: 17px;
    }
}

@media only screen and (max-width:767px){
    .mod_veh_reservas_content .col.listado{
        grid-template-columns: calc(50% - var(--main-sepItems)) calc(50%);
        gap:var(--main-sepItems)
    }
}

@media only screen and (max-width:600px){
    
    .mod_veh_reservas_content .col .veh_cont .tarifa_content{
        flex-direction: column;
        border-top:0
    }
    
    .mod_veh_reservas_content .col .veh_cont.tarifas2 .datos_cont{
        flex-direction:column;
        text-align: center;
        gap:10px
    }
    .mod_veh_reservas_content .col .veh_cont .tarifa_cont .info{
        text-align: center
    }
    
    .mod_veh_reservas_content .filtros_cont .filtros.jcfs{
        flex-direction:column;
        gap:10px
    }
    
    
    .mod_veh_reservas_content.tablaInfo table.tarifas tr td .seccion.nav .btn_link{
        font-size:13px;
        padding: 12px
    }
}

@media only screen and (max-width:500px){
    .mod_veh_reservas_content .col.listado{
        grid-template-columns: 100%;
        gap:var(--main-sepItems)
    }
}