/* Fuentes */
@font-face {
    font-family: 'Antique';
    src: url(Antique-Olive-Std-Light_3866.ttf) format('truetype');
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: 'Helvetica';
    src: url(HelveticaLTStdRoman.ttf) format('truetype');
    font-style: normal;
    font-weight: 500;
}
@font-face {
    font-family: 'Helvetica Light';
    src: url(HelveticaLTStdLight.ttf) format('truetype');
    font-style: normal;
    font-weight: 300;
}
@font-face {
    font-family: 'Helvetica Light';
    src: url(HelveticaLTStdLightObl.ttf) format('truetype');
    font-style: italic;
    font-weight: 300;
}
@font-face {
    font-family: 'Helvetica Bold';
    src: url(HelveticaLTStdBold.ttf) format('truetype');
    font-style: normal;
    font-weight: 600;
}
body{
    font-family: 'Antique', Arial, Helvetica, sans-serif;
}
.Helvetica{font-family: Helvetica, Verdana, sans-serif;}
.titulo{
        font-family: 'Helvetica Bold', Verdana, sans-serif;
    }
/*colores*/
.azul{color:#002a41;}
.azulclaro{color:#536b71;}
.fondoazul{background-color: #002a41; color: #ffffff;}
.fondoazulclaro {
    background-color: #536b71;
    color: #ffffff;
}
/* Flex */
.flex-vertical {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.flex-horizontal {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/*cajas*/
html,
body {
    height: 100%;
}
.panel{
    clear: both;
    width: 100%;
}
.contenedor{
    width: 100%;
    max-width: 960px;
    margin: auto;
    min-height: 90%
}
@media (max-width:600px) {
    .cajamai {
        float: left;
        width: 49.99999%
    }

    .cajaexp {
        float: left;
        width: 49.99999%
    }
}

@media (min-width:601px) {
    .cajamai {
        float: left;
        width: 33.33333%
    }

    .cajaexp {
        float: left;
        width: 24.99999%
    }
}

@media (min-width:993px) {
    .cajamai {
        float: left;
        width: 24.99999%
    }

    .cajaexp {
        float: left;
        width: 24.99999%
    }
}
/*modal*/
.modal {
    z-index: 3;
    display: none;
    padding-top: 1px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
}

.modal-content {
    margin: auto;
    position: relative;
    padding: 0;
    outline: 0;
    width: 98%;
    max-width: 600px;
}
/* Media */
/* Horizontal */
@media screen and (orientation:landscape) {
    .vertical {
        display: none !important
    }
   .quarter {
        float: left;
        width: 24.99999%
    }
}

/* Vertical */
@media screen and (orientation:portrait) {
    .horizontal {
        display: none !important
    }
   .quarter {
       width: 100%
   }
}