*{
    /*
    -webkit-transition: ease-in-out 0.15s;
    transition: ease-in-out 0.15s;
    */
}
body{
    font-family: 'Open Sans', sans-serif;
    color: #727276;
}
.separador{
    clear: both;
    height: 1px;
    width: 100%;
    background-color: #AFAFB4;
}

.clearfix{
    clear: both;
}
.clearfix.espacio5{height: 5px;}
.clearfix.espacio10{height: 10px;}
.clearfix.espacio15{height: 15px;}
.clearfix.espacio20{height: 20px;}
.clearfix.espacio25{height: 25px;}
.clearfix.espacio30{height: 30px;}
.clearfix.espacio35{height: 35px;}
.clearfix.espacio40{height: 40px;}
.clearfix.espacio45{height: 45px;}
.clearfix.espacio50{height: 50px;}
.clearfix.espacio55{height: 55px;}
.clearfix.espacio60{height: 60px;}
.clearfix.espacio65{height: 65px;}
.clearfix.espacio70{height: 70px;}
.clearfix.espacio75{height: 75px;}
.clearfix.espacio80{height: 80px;}
.clearfix.espacio85{height: 85px;}
.clearfix.espacio90{height: 90px;}
.clearfix.espacio95{height: 95px;}
.clearfix.espacio100{height: 100px;}

.oculto{display: none !important;}

.hide_desktop{display: none;}
.hide_mobile{display: block;}
.body_mobile .hide_desktop{display: block;}
.body_mobile .hide_mobile{display: none;}

.font-xxs{font-size: 12px !important;}
.font-xs{font-size: 14px !important;}
.font-s{font-size: 17px !important;}
.font-m{font-size: 19px !important;}
.font-l{font-size: 22px !important;}
.font-xl{font-size: 26px !important;}
.font-xxl{font-size: 32px !important;}

.bold { font-weight: bold !important; }

.rojo{color: #cc3333 !important;}
.amarillo{color: #e39b13 !important;}
.verde{color: #7eb128 !important;}
.azul{color: #3366cc !important;}
.violeta{color: #743acc !important;}
.gris{color: #4d5258 !important;}
.gris_claro{color: #aaa !important;}
.celeste{color: #5f9ceb !important;}
.blanco{color: #fff !important;}

@keyframes fadein {
    0% {
        display: none;
        visibility: hidden;
        opacity: 0;
    }

    1% {
        display: block;
        visibility: visible;
        opacity: 0;
    }

    100% {
        display: block;
        visibility: visible;
        opacity: 1;
    }
}

@keyframes move_little_down {
    0% {
        opacity: 0;
        top: -20px;
    }

    100% {
        opacity: 1;
        top: 0px;
    }
}