/* PANTONES */
/******************************
COLOR           PANTONE             HEXA            RGB
Verde Fuerte    3258c               #51b6b6         81, 182, 182
Verde Medio     331c                #99d9d9         153, 217, 217
Azul            2675c               #9cdff9         156, 223, 249
Azul gris       544c                #c1e1eb         193, 225, 235
Verde aguaa     317c                #c6efef         198, 239, 239

letra       #132540;
*******************************/
@font-face {
    font-family: monserrat;
    src: url("./monserrat.ttf");
}

body
{
    margin: 0;
    font-family: monserrat;
}

a {
    text-decoration: none;
}



.img_pagina
{
    width: 100%;
    height: auto;
}
/*** FONDOS***/
.div_fondo_verde_fuerte
{
    background-color: #51b6b6;
}
.div_fondo_verde_medio
{
    background-color: #99d9d9;
}
.div_fondo_azul
{
    background-color: #9cdff9;
}
.div_fondo_azul_gris
{
    background-color: #c1e1eb;
}
.div_fondo_verde_agua
{
    background-color: #c6efef;
}

/*******titulos******************/
.titulo_verde_fuerte
{
    line-height : 70px;
    /*letter-spacing: 5px;*/
    text-align: left;
    font-size: 70px;
    color: #51b6b6;
    text-shadow: 0.1em 0.1em 0.1em #d7d7d7;
}
.titulo_verde_medio
{
    color: #99d9d9;
    letter-spacing: 5px;
    text-align: left;
    font-size: 70px;
    text-shadow: 0.1em 0.1em 0.1em #d7d7d7;
}
.titulo_fondo_azul
{
    color: #9cdff9;
    letter-spacing: 5px;
    text-align: left;
    font-size: 70px;
    text-shadow: 0.1em 0.1em 0.1em #d7d7d7;
}
.titulo_azul_gris
{
    color: #c1e1eb;
    letter-spacing: 5px;
    text-align: left;
    font-size: 70px;
    text-shadow: 0.1em 0.1em 0.1em #d7d7d7;
}
.titulo_verde_agua
{
    color: #c6efef;
    letter-spacing: 5px;
    text-align: left;
    font-size: 70px;
    text-shadow: 0.1em 0.1em 0.1em #d7d7d7;
}
.titulo_blanco
{
    letter-spacing: 5px;
    text-align: left;
    font-size: 70px;
    color: #FFFFFF;
    text-shadow: 0.1em 0.1em 0.1em #d7d7d7;
}
.subtitulo_blanco{
    letter-spacing: 0px;
    text-align: center;
    font-size: 25px;
    color: #FFFFFF;
}

/**********************/
.texto_contenido_solo
{
    font-size: 25px;
}

/******************************/
.div_mitad_logo_marca
{
    background: url("../img/logomarca.png") no-repeat;
    background-size: 750px auto;
    background-position: center;
    height: 800px;
}
.div_mitad_buscando
{
    background: url("../img/buscando.png") no-repeat;
    background-size: 750px auto;
    background-position: center;
    height: 800px;
}
/*******iconos***********/
.iconos
{
    width: 100px;
    height: auto;
}



.div_medio_imagen
{
    background: url("../img/Imagen19.png") no-repeat;
}
.div_medio_verde_fuerte
{
    /*background: url("../img/logomarca.png") no-repeat;
    background-size: 200px 200px;
    background-position: 85% 15%;*/
    background-color: #49c5b1;
}
.div_medio_5
{
    /*background: url("../img/logomarca.png") no-repeat;
    background-size: 200px 200px;
    background-position: 85% 15%;*/
    background-color: #b1e4e3;
}
.cls_titulo_blanco
{
    font-size: 55px;
    color: #FFFFFF;
}
.text-justify
{
    text-align: justify;
}

.texto_img_tit{
    font-size: 30px !important;
}
.texto_img{
    font-size: 18px !important;
}
.img_comparte{
    width: 400px ;
}

.cls_boton_cita
{
    border-radius: 10px;
    font-size: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #49c5b1 !important;
    border: #49c5b1 !important;
}

.texto_centro_blanco
{
    /*letter-spacing: 5px;*/
    line-height : 70px;
    text-align: left;
    font-size: 70px;
    color: #FFFFFF;
    text-shadow: 0.1em 0.1em 0.1em #9b9898;
}
.texto_centro_negro
{
    letter-spacing: 0px;
    line-height : 70px;
    text-align: left;
    font-size: 65px;
    color: #000000;
    text-shadow: 0.1em 0.1em 0.1em #d7d7d7;
}
.texto_centro_negro_contacto
{
    letter-spacing: 5px;
    text-align: left;
    font-size: 20px;
    color: #000000;
    text-shadow: 0.1em 0.1em 0.1em #d7d7d7;
}
.text_color_obscuro
{
    text-align: left;
    font-size: 20px;
    color: #132540;
}

.div_perfil_servicio
{
    position: relative;
    z-index:  1;
    height: 500px;

}
.div_txt_servicio
{
    position: relative;
    text-align: center;
    top: 250px;
    font-size: 30px;
}

.div_perfil{
    background: url("../img/perfil_plantilla.png") no-repeat;
    background-position: top center;
    position: relative;
    z-index:  1;
    height: 600px;

}
.div_img_perfil
{
    position: relative;
    text-align: center;
    top: 10px;
    left: 4px;

}
.div_txt_perfil
{
    position: relative;
    text-align: center;
    top: 25px;
    font-size: 20px;
}
.img_perfil
{
    width: 175px;
    height: auto;
}
.img_extra_perfil_der
{
    position: relative;
    top: 25%;
    width: 700px;
    height: auto;
}
.img_extra_perfil_izq
{
    position: relative;
    top: 25%;
    left: 150px;
    width: 700px;
    height: auto;
}
/****************/
.div_texto_titulo
{
    font-size: 20px;
}
.div_texto_sub_titulo
{
    font-size: 24px;
    font-weight: bold;
}
.div_texto_sub_titulo_ser
{
    position: relative;
    right: 70px;
    font-size: 24px;
    font-weight: bold;
}
.div_texto_contenido
{
    font-size: 20px;
}
.div_tipo_trata
{
    text-align: center;
    vertical-align: middle;
}
.div_tipo_trata_img_prin
{
    position: relative;
    width: 200px;
    height: auto;
}
.div_tipo_trata_img_conte
{
    position: relative;
    width: 130px;
    height: auto;
}
.div_tipo_trata_img
{
    position: relative;
}
.div_medio_imagen_contacto
{
    background: url("../img/fondo_contacto.png") no-repeat;
    background-size: cover;
    height: 915px;
}
.div_medio_imagen_comprometidos
{
    background: url("../img/comprometidos.png") no-repeat;
    background-size: cover;
    height: 930px;
}
.div_medio_imagen_especialista
{
    background: url("../img/especialista.png") no-repeat;
    background-size: cover;
    height: auto;
}
.cls_contacto_div{
    text-align: left !important;
    color: #132540;
    font-size: 20px;
    padding: 15px;

}
/************************************/



.type3 {
    width: 160px;
    height: 160px;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
}

/***********************************/
ul {
    list-style-type: circle;
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 991px)
{
    .css_img_gif{
        width: 450px;
        height: auto;
    }
    .texto_img_tit{
        font-size: 30px !important;
    }
    .texto_img{
        font-size: 18px !important;
    }
    .img_comparte{
        width: 300px ;
    }


    .texto_centro_blanco
    {
        font-size: 50px !important;
        line-height : 50px;
    }
    .text_color_obscuro
    {
        font-size: 18px !important;
    }
    .texto_centro_negro
    {
        line-height : 50px;
        font-size: 50px !important;
    }
    .titulo_blanco
    {
        font-size: 50px;
    }

    .div_medio_imagen_especialista
    {
        height: auto;
    }
    .div_texto_sub_titulo_ser
    {
        position: relative;
        right: 0px;
    }
}

@media only screen
and (min-device-width : 992px)
and (max-device-width : 1366px)
{
    .css_img_gif{
        width: 450px;
        height: auto;
    }
    .texto_img_tit{
        font-size: 30px !important;
    }
    .texto_img{
        font-size: 18px !important;
    }
    .img_comparte{
        width: 300px ;
    }


    .texto_centro_blanco
    {
        font-size: 50px !important;
        line-height : 50px;
    }
    .text_color_obscuro
    {
        font-size: 18px !important;
    }
    .texto_centro_negro
    {
        line-height : 50px;
        font-size: 50px !important;
    }
    .titulo_blanco
    {
        font-size: 50px;
    }

    .div_medio_imagen_especialista
    {
        height: auto;
    }
    .div_texto_sub_titulo_ser
    {
        position: relative;
        right: 0px;
    }
}

/* Clases para los iconos de redes y boton para moviles*/
@media screen and (max-width: 767px) {


    /*******titulos******************/
    .titulo_verde_fuerte
    {
        line-height : 35px;
        font-size: 30px !important;
    }
    .titulo_verde_medio
    {
        font-size: 40px !important;
    }
    .titulo_fondo_azul
    {
        font-size: 40px !important;
    }
    .titulo_azul_gris
    {
        font-size: 40px !important;
    }
    .titulo_verde_agua
    {
        font-size: 40px !important;
    }

    /***********************/
    .texto_contenido_solo
    {
        font-size: 20px !important;
    }

    /*********icnos***************/
    .iconos
    {
        width: 65px;
        height: auto;
    }


    .texto_centro_blanco
    {
        line-height : 35px;
        font-size: 35px !important;
    }
    .texto_centro_negro
    {
        line-height : 40px;
        font-size: 35px !important;
    }
    .text_color_obscuro
    {
        font-size: 15px !important;
    }


    .img_extra_perfil_der
    {
        top: 10px;
        width: 200px;
        height: auto;
    }
    .img_extra_perfil_izq
    {
        top: 10px;
        width: 200px;
        height: auto;
    }

    .div_mitad_logo_marca
    {
        background-size: 400px auto;
        height: 550px;
    }
    .div_mitad_buscando
    {
        background-size: 380px auto;
        height: 350px;
    }

    .titulo_blanco
    {
        font-size: 35px;
    }
    .div_medio_imagen_especialista
    {
        height: auto;
    }
    .div_txt_perfil
    {
        font-size: 17px;
    }
    .div_texto_sub_titulo_ser
    {
        position: relative;
        right: 0px;
    }
}