﻿body {
}
/*********************************************** Cantidad de Lineas *************************************/
.stl_Html_line-clamp_2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.stl_Html_line-clamp_3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.stl_Html_line-clamp_4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.stl_Html_line-clamp_5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.stl_Html_line-clamp_6 {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.stl_Html_line-clamp_7 {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.stl_Html_line-clamp_8 {
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*******************************************************************************************************/
/******************************************** Animaciones **********************************************/
.animacion-1 {
    opacity: 0.8;
    -webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;
}

.animacion-2 {
    -webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;
}

/********************************************************************************************************/
/****************************************** Colores *****************************************************/

.stl_Html_Rojo_1 {
    background-color: #ff0000 !important;
}

.stl_Html_Gris_1 {
    background-color: #535353 !important;
}
.stl_Html_Amarrillo_1 {
    background-color: #dccf05 !important;
}
.stl_Html_Azul_1 {
    background-color: #0b4983 !important;
}
.stl_Html_Verde_1 {
    background-color: #049245 !important;
}
/*********************************************************************************************************/
/************************************* Textos con color **************************************************/
.stl_Html_Text_Naranja_1 /*De sistema Galifer*/ {
    font-size: 20px !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    display: block;
    color: #fa8903 !important;
}
.stl_Html_Text_Verde_1 {
    color: #057b6f !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding:0 0 10px 0;
}
    .stl_Html_Text_Verde_1:hover {
        color: #e1aa12 !important;
    }

.stl_Html_txt {
    color: #535353 !important;
    font-size: initial !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    text-transform: initial !important;
}

.stl_Html_txt_negro {
    color: initial;
    color: #000000 !important;
}


/*************************************** color de borde *****************************/
.stl_Html_Borde_Botton_Amarrillo {
    -webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;
}
.stl_Html_Borde_Botton_Amarrillo:hover {
    border-bottom: 1px solid #e1aa12 !important;
}
.stl_Html_Borde_Botton_Amarrillo:active {
    border-bottom: 1px solid #e1aa12 !important;
}

/************************************* Hover de Botones *****************************/
.stl_HtmlColor_Dorado_1 {
    -webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;
}
    .stl_HtmlColor_Dorado_1:hover {
        background-color: #e1aa12 !important;
        background-color: rgba(225,170,18,1.0) !important;
    }

/********************************** Href a con formato de Boton *********************/
.stl_Html_btn_a {
    width: 260px;
    height: auto;
    margin: 0px;
    padding: 16px;
    display: block;
    background-color: #17a086;
    border: 0px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    cursor: pointer;
    font-size: 14px;
    border-radius: 12px 12px 12px 12px;
    -moz-border-radius: 12px 12px 12px 12px;
    -webkit-border-radius: 12px 12px 12px 12px;
}

    .stl_Html_btn_a:hover {
        background-color: #e1aa12;
    }