.solo_border_azul {
    border: 1px solid #50A7DE;
}

.solo_border_rojo {
    border: 1px solid #F3716D;
}
.solo_border_verde {
    border: 1px solid #2bde73;
}
.solo_border_naranja{
    border: 1px solid #EFBC42;
}

.solo_border_gris {
    border: 1px solid #6c6c6c;
}

.titulo {
    width: 100%;
    font-size: 25px;
    padding:25px;
}
.letra_verde {
    font-weight: normal;
    color: #2bde73;
    width: 100%;
    text-align: center;
    font-weight: normal;
}

.letra_verde2 {
    font-weight: normal;
    color: #2bde73;
    font-weight: normal;
}

.letra_azul {
    font-weight: normal;
    color: #50A7DE;
    width: 100%;
    text-align: center;
    font-weight: normal;
}

.letra_naranja {
    font-weight: normal;
    color: #EFBC42;
    width: 100%;
    text-align: center;
    font-weight: normal;
}
.letra_rojo {
    font-weight: normal;
    color: #F3716D;
    width: 100%;
    text-align: center;
    font-weight: normal;
}
.letra_rojo2 {
    font-weight: normal;
    color: #F3716D;
    font-weight: normal;
}

.letra_gris {
    font-weight: normal;
    color: #6c6c6c;
    width: 100%;
    text-align: center;
    font-weight: normal;
}


.boton_punteado_gris {
    width: 100%;
    color: #c8c8c8;
    border: 1px dashed #c8c8c8;
    text-align: center;
    padding: 5px;
}

    .boton_punteado_gris:hover {
        cursor: pointer;
        background-color: #6c6c6c;
        color: #FFF;
    }

.boton_hover_verde2 {
    border: 1px solid #2bde73;
    background-color: #2bde73;
    color: #FFF;
    width: 100%;
    text-align: center;
    padding: 5px;
    font-weight: normal;
}

    .boton_hover_verde2:hover {
        color: #2bde73;
        cursor: pointer;
        background-color: #FFF;
        color: #2bde73;
        font-weight: normal;
    }

        .boton_hover_verde2:hover i {
            color: #2bde73!important;
        }

.boton_hover_verde {
    font-weight: normal;
    border: 1px solid #2bde73;
    color: #2bde73;
    width: 100%;
    text-align: center;
    padding: 5px;
}

    .boton_hover_verde:hover {
        cursor: pointer;
        background-color: #2bde73;
        color: #FFF;
    }

        .boton_hover_verde:hover i {
            color: #FFF!important;
        }


.border_gris {
    font-weight: normal;
    border: 1px solid #9c9c9c;
    color: #9c9c9c;
    width: 100%;
    text-align: center;
    padding: 5px;
    font-weight: normal;
}

.border_naranja {
    font-weight: normal;
    border: 1px solid #EFBC42;
    color: #EFBC42;
    width: 100%;
    text-align: center;
    padding: 5px;
    font-weight: normal;
}


.border_rojo {
    font-weight: normal;
    border: 1px solid #F3716D;
    color: #F3716D;
    width: 100%;
    text-align: center;
    padding: 5px;
    font-weight: normal;
}

.border_verde {
    font-weight: normal;
    border: 1px solid #2bde73;
    color: #2bde73;
    width: 100%;
    text-align: center;
    padding: 5px;
    font-weight: normal;
}

.linea_verde {
    font-weight: normal;
    border-bottom: 1px solid #2bde73;
    color: #2bde73;
    width: auto;
    text-align: left;
    padding: 5px 3px;
    font-weight: normal;
}
.linea_roja {
    font-weight: normal;
    border-bottom: 1px solid #F3716D;
    color: #F3716D;
    width: auto;
    text-align: left;
    padding: 5px 3px;
    font-weight: normal;
}
.linea_gris {
    font-weight: normal;
    border-bottom: 1px solid #9c9c9c;
    color: #9c9c9c;
    width: auto;
    text-align: left;
    padding: 5px 3px;
    font-weight: normal;
}
.linea_azul {
    font-weight: normal;
    border-bottom: 1px solid #50A7DE;
    color: #50A7DE;
    width: auto;
    text-align: left;
    padding: 5px 3px;
    font-weight: normal;
}


.fondo_azul {
    font-weight: normal;
    background-color: #50A7DE;
    color: #FFF;
    width: auto;
    text-align: center;
    padding: 5px;
    font-weight: normal;
}

.fondo_azul2 {
    font-weight: normal;
    background-color: #567C95;
    color: #FFF;
    width: auto;
    text-align: center;
    padding: 5px;
    font-weight: normal;
}


.border_azul {
    font-weight: normal;
    border: 1px solid #50A7DE;
    color: #50A7DE;
    width: 100%;
    text-align: center;
    padding: 5px;
    font-weight: normal;
}

.boton_hover_rojo2 {
    font-weight: normal;
    border: 1px solid #F3716D;
    background-color: #F3716D;
    color: #FFF;
    width: 100%;
    text-align: center;
    padding: 5px;
}

    .boton_hover_rojo2:hover {
        cursor: pointer;
        background-color: #FFF;
        color: #F3716D;
    }

        .boton_hover_rojo2:hover i {
            color: #F3716D!important;
        }

.boton_hover_rojo {
    font-weight: normal;
    border: 1px solid #F3716D;
    color: #F3716D;
    width: 100%;
    text-align: center;
    padding: 5px;
}

    .boton_hover_rojo:hover {
        cursor: pointer;
        background-color: #F3716D;
        color: #FFF;
    }

        .boton_hover_rojo:hover i {
            color: #FFF!important;
        }

.boton_hover_gris {
    font-weight: normal;
    border: 1px solid #CFCFCF;
    color: #CFCFCF;
    width: 100%;
    text-align: center;
    padding: 5px;
}

    .boton_hover_gris:hover {
        cursor: pointer;
        background-color: #CFCFCF;
        color: #FFF;
    }

        .boton_hover_gris:hover i {
            color: #FFF!important;
        }


.boton_hover_verde_nowidth_noborder {
    color: #2bde73;
    text-align: center;
    padding-top: 7px;
}

    .boton_hover_verde_nowidth_noborder:hover {
        cursor: pointer;
        background-color: #2bde73;
        color: #FFF;
    }

.boton_hover_azul_nowidth_noborder {
    color: #4C9ED9;
    text-align: center;
    padding-top: 7px;
}


    .boton_hover_azul_nowidth_noborder:hover {
        cursor: pointer;
        background-color: #4C9ED9;
        color: #FFF;
    }


.boton_hover_azul {
    border: 1px solid #4C9ED9;
    color: #4C9ED9;
    width: 100%;
    text-align: center;
    padding: 5px;
}

    .boton_hover_azul:hover {
        cursor: pointer;
        background-color: #4C9ED9;
        color: #FFF;
    }
.boton_hover_azul2 {
     border: 1px solid #4C9ED9;
    background-color: #4C9ED9;
    color: #FFF;
    width: 100%;
    text-align: center;
    padding: 5px;
}

    .boton_hover_azul2:hover {
        cursor: pointer;
        background-color: #FFF;
        color: #4C9ED9;
    }


.boton_hover_negro {
    border: 1px solid #474747;
    color: #474747;
    width: 100%;
    text-align: center;
    padding: 5px;
}

    .boton_hover_negro:hover {
        cursor: pointer;
        background-color: #474747;
        color: #FFF;
    }