/* RESPONSIVE */


/********  XL  *******/
@media screen and (min-width:1600px) {




}


/********  L  *******/
@media screen and (min-width:950px)and (max-width:1600px) {



}

/********  M  *******/
@media screen and (min-width:650px)and (max-width:950px) {




}


/********  S  *******/
@media screen and (min-width:500px)and (max-width:650px) {




}



/********  XS  *******/
@media screen and (max-width:500px) {



 
}

/* FIN MEDIA QUERIES*/
/*******************************************************************/

.color {
    color: #0377aa; /*AZUL LOGO*/
    color: #82a542; /*VERDE LOGO*/
    color: #f024bb; /*MAGENTA LOGO*/
    color: #efad2c; /*NARANJA LOGO*/
    color: #eff8e0; /*VERDE CLARITO*/
    color: #5e5e5e; /*GRIS OSCURO*/
    color: #808080; /*GRIS OSCURO*/
    color: #999999; /*GRIS NEUTRO MEDIO OSCURO*/
    color: #996666; /*MARRÓN*/
    color: #7596a5; /*GRIS AZULADO*/
}



/*******************************************************************/
/****************** BOTONES ****************************************/

div.bNaranja {
    width: 100px;
    height: 20px;
    position: relative;
    margin: 10px 20px;
    float: right;
    color: #0377aa;
    text-align: center;
    padding-top: 4px;
    background-color: #efad2c;
    cursor: pointer;
    font-weight: bold;
}

    div.bNaranja:hover {
        color: #f024bb;
    }

div.bVerde {
    width: 100px;
    height: 20px;
    position: relative;
    margin: 10px 20px;
    float: right;
    color: white;
    text-align: center;
    padding-top: 4px;
    background-color: #82a542;
    cursor: pointer;
    font-weight: normal;
}

    div.bVerde:hover {
        font-weight: bold;
    }

div.bRojo {
    width: 100px;
    height: 20px;
    position: relative;
    margin: 10px 20px;
    float: right;
    color: white;
    text-align: center;
    padding-top: 4px;
    background-color: #f024bb;
    cursor: pointer;
    font-weight: normal;
}


    div.bRojo:hover {
        font-weight: bold;
    }

div.bGris {
    width: 100px;
    height: 20px;
    position: relative;
    margin: 10px 20px;
    /*   float:right; */
    color: white;
    text-align: center;
    padding-top: 4px;
    background-color: #999999;
    cursor: pointer;
}

    div.bGris:hover {
        font-weight: bold;
    }

div.bLink {
    border: none;
    color: #82a542;
    font-weight: bold;
    font-size: 90%;
    position: relative;
    float: right;
    margin: 5px 20px 0 0;
    cursor: pointer;
}

    div.bLink:hover {
        color: #f024bb;
    }

div.boton {
    height: 20px;
    margin: auto;
    margin-top: 20px;
    text-align: center;
    padding-top: 4px;
    background-color: #82a542;
    color: white;
}

    div.boton:hover {
        color: #f024bb;
        cursor: pointer;
    }