.containerMulta{
    display:flex;
    align-items:center;
    border:2px solid rgba(4,79,139,1);
    border-radius:25px;
    background-color:#fff;
    box-shadow: 8px 8px 1px 1px #044F8B;
    margin:0px 10px 0px 10px;
    font-size:15px;
    padding:10px 0px;
    color:#000;
}
.descripcion span{
    font-size:20px;
    color:#127AC0;
    font-weight:600;
}
.descripcion h3{
    text-align:center;
    font-size:20px;
    color:#127AC0;
    font-weight:600;
    margin-bottom:3rem;
}
.descripcion p,ul{
    font-size:20px;
    color:#127AC0;
    margin-top:0px;
}
.containerCategoria{
    margin:1em auto;
    border-radius:60px;
    border:25px solid #127AC0;
    height:auto;
    background-color:#F5FBFF;
}
.img1{
    width:225px;
}
.img2{
    width:120px;
    height:auto;
    margin:25px 0px -90px 20px;
}
.containerButtons{
    display:flex;
    justify-content:center;
    text-align:center;
}
.containerImagen{
    display:flex;
    margin:0px auto;
}
.botonVigente {
    font-size:17px;
    color:#044F8B !important;
    width:auto;
    min-width:264px;
    font-weight:bold;
    box-shadow:6px 6px 1px 1px #044F8B;
    border-radius:15px;
    margin:2em 15px !important;
    padding:20px 19px;
    transition:box-shadow 0.2s, background-color 0.2s, color 0.2s !important;
}
.botonVigente:hover{
    background-color: #022a4e !important;
    box-shadow:6px 6px 1px 1px #101010;
    color:#fff !important;
}

.containerVial{
    border-radius:50px;
    height:auto;
    background-color:#127AC0;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:4em 0em 4em 0em;
}
.textTitulo{
    font-size: 20px;
    margin-bottom:0px;
    color:#fff;
    font-weight:bold;
}
.containerTexto{
    text-align:center;
}
.orden{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    margin-top:2em;
}
.boton {
    font-size:17px;
    font-weight:bold;
    box-shadow:6px 6px 1px 1px #044F8B;
    border-radius:15px;
    margin:2em 0px;
    transition:box-shadow 0.2s, background-color 0.2s, color 0.2s !important;
}
.boton:hover{
    background-color: #022a4e !important;
    box-shadow:6px 6px 1px 1px #101010;

}

.botonMultas {
    display:flex;
    justify-content:center;
    align-items:center;
    width:auto;
    height:75px;
    min-width:630px;
    font-size:17px;
    font-weight:bold;
    box-shadow:6px 6px 1px 1px #044F8B;
    border-radius:15px;
    margin:0.7em 0px;
    transition:box-shadow 0.2s, background-color 0.2s, color 0.2s;
}
.botonMultas:hover{
    background-color: #022a4e !important;
    box-shadow:6px 6px 1px 1px #101010 !important;
}
.botonCategoria {
    font-size:17px;
    font-weight:bold;
    box-shadow:6px 6px 1px 1px #044F8B;
    transition:box-shadow 0.2s, background-color 0.2s, color 0.2s !important;
}
.botonCategoria:hover{
    box-shadow:6px 6px 1px 1px #1a295e;

}
.links{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    font-size:25px;
    font-weight:bold;
}
.links img{
    width:225px;
    height:225px;
}

.h2responsive{
    margin:20px 0px -10px 0px !important;
}

.containerProrrogas{
    border:2px solid rgba(4,79,139,1);
    height:auto;
    padding-bottom: 3em;
    border-radius:25px;
    background-color:#fff;
    box-shadow: 8px 8px 1px 1px #044F8B;
    margin:-33px 10px 2.5em 10px;
    font-size:15px;

}
.font{
    font-size:17px
}
.imgConsultas3{
    width:50px;
    height:50px;
    object-fit:contain;
    margin:0px 10px 0px 4%;
}
.resaltado {
    font-weight: bold;
    text-decoration: underline;
}
.imgAviso{
    width:92px;
    height:92px;
    object-fit:contain;
    padding-left:10px;
    margin-top:20px !important;
}
.imgButton1{
    width:92px;
    height:92px;
    object-fit:contain;
}
.imgButton2{
    width:50px;
    height:50px;
    object-fit:contain;
    margin:0px 10px;
}
.imgConsultas{
    width:45px;
    height:45px;
    object-fit:contain;
    margin:0px 10px;
}
.displayFlex{
    display:flex;
    min-width:327px;
    text-align:start;
    align-items:center;
    color:#fff
}
.displayFlex:hover{
    color:#fff
}
.avisoContainer{
    border:1px solid red;
    background-color:#F5FBFF;
    margin: 4em auto 1em auto;
    display:flex;
    font-size:17px;
    color:#000;
    border:6px solid #127AC0;
    border-radius:25px;
}
.buttonContainer{
    margin:1em auto;
    font-size:17px;
    display:flex;
    justify-content:space-between;
    padding:0px;
    color:#fff;

}
.hovver{
    width:80px;
    transition:0.2s;
    border:1px solid #fff;
}
.hovver:hover{
    background-color:#ff5252 !important;
    border:1px solid #ff5252;
}



.hovver2{
    width:80px;
    transition:0.2s;
    margin:25px 0px -70px 0px!important;
}

.button1{
border:2px solid rgba(0,0,0,0.3);
height:100px;
border-radius:25px;
background-color:#F42A2A;
box-shadow: 6px 6px 1px 1px #cb3a3a;
}

.buttonLicencia{
    border:2px solid rgba(0,0,0,0.3);
    border-radius:25px;
    background-color:#ffd658;;
    box-shadow: 6px 6px 1px 1px #e4d61d;
    padding: 15px;
    }

.button2{
border:2px solid rgba(0,0,0,0.3);
height:100px;
border-radius:25px;
background-color:#127AC0;
box-shadow: 6px 6px 1px 1px #044F8B;
}

.button3Container{
    display:flex;
    justify-content:start;
    align-items:center;
    color:#000;
    font-weight:bold;
}

.button3{
border:2px solid rgba(4,79,139,1);
height:75px;
border-radius:25px;
background-color:#fff;
box-shadow: 8px 8px 1px 1px #044F8B;
margin:0px 10px;
display:flex;
align-items:center;
}


.aviso{
    padding:20px 6%;
}

.consultas{
display:flex;
margin:1em 0px;
padding:0px;
justify-content:space-around;
}
.contact-info{
    color:#FFF;
}
.site-footer .menu a{
    color:#fff !important;
    font-size:14px !important;
}
@media (min-width:767px) and (max-width: 1200px) {
    .containerVial{
        width:100%;
        align-items:center !important;
    }

    .descripcion{
        padding:1em 1em;
    }
    .boton{
        min-width:0px;
        width:80%;
        font-size:18px;
        white-space: initial;
    }
    .botonMultas{
        min-width:0px;
        width:80%;
        font-size:18px;
        white-space: initial;
    }

    .hovver{
        width:60px;
        margin:25px 0px -75px 0px !important;
    }

    .containerResponsive{
        padding:0px;
        width:100% !important;
        margin:0px auto;
    }
    .botonVigente{
        min-width:0px;
        width:80%;
        font-size:18px;
        white-space: initial;
    }
    .botonCategoria{
        min-width:0px;
        width:80%;
        font-size:18px;
        white-space: initial;
    }
    .img1{
        width:70px;
        height:70px;
    }
    .img2{
        width:70px;
        height:70px;
    }


}


@media (min-width:767px) and (max-width: 990px) {
    .containerProrrogas{
        height:auto;
        margin-bottom:4em;
    }
    .buttonContainer{
        width:100% !important;
        margin:1em 0px;
    }
    .button3Container{
        margin:1em 1em !important;
    }
    .consultas{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        align-items:center;
    }
    .button3{
        margin:1em 20px !important;
    }
    .h2responsive{
        margin:43px 0px -10px 0px !important;
        }
        
}
@media (min-width:400px) and (max-width: 767px) {
.botonCategoria{
    min-width:0px;
    width:80%;
    font-size:14px;
    white-space: initial;
    -webkit-transform:none !important;
    left:0% !important;
}
.descripcion{
    padding:10px 10px;
}
.descripcion span,ul,p{
    font-size:17px !important;
}
.containerCategoria{
    border:10px solid #127AC0;
}
.img1{
    width:200px;
    height:200px;
}
.img2{
    width:60px;
    height:60px;
}
.botonVigente{
    min-width:0px;
    width:80%;
    font-size:14px;
    white-space: initial;
    -webkit-transform:none !important;
    left:0% !important;
}
.containerButtons{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    }
.containerResponsive{
    padding:0px;
    width:100% !important;
    margin:0px auto;
}
.hovver{
    width:50px;
    margin:25px 0px -75px 0px !important;
}


.hovver2{
    width:50px;
    margin:25px 0px -55px 0px !important;
}
.boton{
    min-width:0px;
    width:80%;
    font-size:14px;
    white-space: initial;
    -webkit-transform:none !important;
    left:0% !important;
}
.botonMultas{
    min-width:0px;
    width:80% !important;
    height:90px !important;
    font-size:14px !important;
    white-space: initial !important;
    -webkit-transform:none !important;
    left:0% !important;
}
.avisoContainer{
    margin:2em auto 1em auto;
}
.buttonContainer{
    flex-direction:column;
    margin:1em 0px;
}
.displayFlex{
    margin:0.5em auto 0.5em auto;
    max-width: 349px;
}
.consultas{
    flex-direction:column;
}

.button3{
    margin:1em auto;
}
.containerProrrogas{
    height:auto;
    margin: 15px 10px 4em 10px;
}
.h2responsive{
    margin:43px 0px -10px 0px !important;
    }
.links img{
    width:150px;
    height:150px;
}
.links{
    width:auto;
}
.orden{
    width:100%;
    height:auto;
    flex-wrap:wrap;
    margin:1em 0px 0px 0px;
}
.containerVial{
    width:100%;
    align-items:center !important;
}
}

@media (min-width:300px) and (max-width: 399px) {
    .botonCategoria{
        min-width:0px;
        width:100%;
        font-size:14px;
        white-space: initial;
        -webkit-transform:none !important;
        left:0% !important;
    }
    .containerCategoria{
        border:10px solid #127AC0;
        margin:0px;
    }
    .containerResponsive{
        padding:0px;
        width:100% !important;
        margin:0px auto;
    }
    .containerProrrogas {
        height: auto;
        margin: 15px 10px 4em 10px;
    }
    .links img{
        width:130px;
        height:130px;
    }
    .links{
        width:auto;
    }
    .orden{
        width:100%;
        height:auto;
        flex-wrap:wrap;
        margin:1em 0px 0px 0px;
    }
    .containerVial{
        align-items:start;
    }

    .boton{
        min-width:0px;
        width:100%;
        height:67px;
        font-size:14px;
        white-space: initial;
    }
    .botonMultas{
        min-width:0px;
        width:100%;
        height:90px;
        font-size:14px;
        white-space: initial;
    }

    .botonVigente{
        min-width:0px;
        width:100%;
        height:auto;
        font-size:14px;
        white-space: initial;
        -webkit-transform:none !important;
        left:0% !important;
    }
    .hovver{
        width:50px;
        margin:25px 0px -75px 0px !important;
    }


    .hovver2{
        width:50px;
        margin:25px 0px -50px 0px !important;
    }

    .containerButtons{
        display:flex;
        flex-direction:column;
        align-items:center;
        text-align:center;
    }
    .img1{
        width:200px;
        height:200px;
    }
    .img2{
        width:60px;
        height:60px;
    }
    .descripcion{
        padding:10px 10px;
    }
    .descripcion span,ul,p{
        font-size:17px !important;
    }
    .buttonContainer{
        flex-direction:column !important;
        margin:1em 0px !important;
    }
    .displayFlex{
        margin:0.5em auto 0.5em auto;
        max-width: 349px;
    }
    .consultas{
        flex-direction:column;
    }
    .button3{
        margin: 0.7em auto;
    }
}