.conten_banner{height: 300px;width: 100%;background-image: url('../img/slider/pc/gestion-de-calidad.jpg');background-repeat: no-repeat;background-position: center;background-size: cover;}
.conten_banner .conten_info_banner{height: 100%;width: 100%;display: flex;justify-content: center;background: rgba(0, 0, 0, 0.7);}
.conten_banner .conten_info_banner .conten_texto{display: block;align-content: center;width: 65%;}
.conten_banner .conten_info_banner .conten_texto .titulo{color: #fff;    }
.conten_banner .conten_info_banner .conten_texto .icono{color: #fff;font-weight: bold;margin-top: 10px;font-size: 20px;}
/**/
/*======================= ESTILOS DE BLOQUE ===============*/
.bloque_info_iz{display: flex;flex-wrap: wrap; flex-direction: row-reverse; justify-content: center;width: 100%;}
.bloque_info_iz .bloque_info_text{width: 650px;margin-right: 20px;}
.bloque_info_iz .bloque_info_text .bloque_info_title{font-size: 25px;margin-bottom: 25px;}
.bloque_info_iz .bloque_info_text .bloque_info_descrip{line-height: 30px;text-align: justify;font-size: 15px;color: var(--color_text);}
.bloque_info_iz .bloque_info_text .btn_link{text-decoration: none;background: var(--color1);color: #fff;padding: 20px;padding-left: 40px;padding-right: 40px;border-radius: 5px;font-weight: 600;}
.bloque_info_iz .bloque_info_text .btn_link:hover{background: var(--color1_h);}
.bloque_info_iz .bloque_info_text .bloque_info_btn{margin-top: 8%;}
.bloque_info_iz .bloque_info_img{width: 500px;margin-left: 20px;} 
.conten_main .c2 .bloque_info_img{margin-left: 0px;margin-right: 20px;}
.bloque_info_iz .bloque_info_img img{height: 200px;width: 380px;border-radius: 5px;padding: 15px;}
@media screen and (max-width:1279px){.conten_main .conten_main_line{max-width: 1100px;}.bloque_info_iz .bloque_info_text{width: 550px;}}
@media screen and (max-width:1199px){
    .conten_main .conten_main_line{justify-content: center;max-width: 1000px;margin: auto;}
    .bloque_info_iz .bloque_info_text{width: 50%;}
    .bloque_info_iz .bloque_info_img{width: 400px;margin-left: 50px;}
    .conten_main .c2 .bloque_info_img{margin-left: 0px;margin-right: 50px;}
    .bloque_info_iz .bloque_info_img img{width: 400px;height: 280px;}}
@media screen and (max-width:1020px){
    .conten_main .conten_main_line{max-width: 900px;}
    .bloque_info_iz .bloque_info_text{width: 48%;}
    .bloque_info_iz .bloque_info_img{margin-left: 20px;}
    .conten_main .c2 .bloque_info_img{margin-left: 0px;margin-right: 20px;}
    .bloque_info_iz .bloque_info_text{margin-right: 0px;margin-left: 20px;}}
@media screen and (max-width:980px){
    .conten_main .conten_main_line{max-width: 800px;}
    .bloque_info_iz .bloque_info_text{width: 80%;margin: 0px;}
    .conten_main .c2 .bloque_info_title{margin-top: 20px;}
    .bloque_info_iz .bloque_info_text .bloque_info_btn{margin-bottom: 8%;}
    .bloque_info_iz .bloque_info_img{width: 80%;margin: 0px;}
    .bloque_info_iz .bloque_info_img img{width: 100%;height: auto;}
    .bloque_info_iz .bloque_info_text .btn_link{padding: 14px;padding-left: 20px;padding-right: 20px;font-size: 15px;}}
@media screen and (max-width:500px){
    .bloque_info_iz .bloque_info_text .bloque_info_title{font-size: 20px;margin-bottom: 20px;}
    .bloque_info_iz .bloque_info_text .bloque_info_descrip{line-height: 30px;font-size: 12px;color:var(--color_text);}}

/**/
.conten_main_bloque_18b{background-image: url('../img/fondos/clariwell-blue-bg.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;width: 100%;margin-top: 100px;}
.conten_main_bloque_18b .conten_bloque_18b{width: 100%;justify-content: center;padding: 50px 0px 50px 0px;}
.conten_main_bloque_18b .conten_bloque_18b .conten_iten{width: 40%;text-align: center;color: #fff;margin: 30px;}
.conten_main_bloque_18b .conten_bloque_18b .conten_iten span{font-size: 40px;}
.conten_main_bloque_18b .conten_bloque_18b .conten_iten .titulo{margin-bottom: 20px;margin-top: 20px;}
.conten_main_bloque_18b .conten_bloque_18b .conten_iten .texto{line-height: 25px;}
@media screen and (max-width:900px) {
.conten_main_bloque_18b .conten_bloque_18b .conten_iten{width: 100%;}
}
@media screen and (max-width:500px) {.conten_main_bloque_18b .conten_bloque_18b .conten_iten .texto{font-size: 15px;}}
/**/
.conten_bloque_7b{width: 100%;margin: auto;margin-top: 100px;margin-bottom: 100px;}
.conten_bloque_7b_title{width: 100%;text-align: center;font-size: 25px;margin-bottom: 50px;color: #000;}
.conten_bloque_7b_title .titulo{color: var(--color4);margin-bottom: 15px;font-size: 30px;}
.conten_bloque_7b_title .texto{color: var(--letra);margin-bottom: 15px;font-size: 20px;}
.conten_bloque_7b_items{display: flex;flex-wrap: wrap;justify-content: center;width: 100%;margin: auto;}
.conten_bloque_7b_items .items{display: flex;flex-wrap: wrap;justify-content: center;width: 350px;margin: 15px;text-align: center;box-shadow: rgba(0,0,0,0.2) 2px 5px 20px 2px;transition: 1s;}
.conten_bloque_7b_items .items:hover{box-shadow:none}
.conten_bloque_7b_items .items .btn_conten .titulo{color: var(--color4);padding: 10px 0px 0px 0px;font-weight: 600;}
.conten_bloque_7b_items .items .btn_conten .texto{color: var(--letra);padding: 10px 0px 10px 0px;}
.conten_bloque_7b_items .items .btn_conten{text-decoration: none;width: 100%;}
.conten_bloque_7b_items .items a h3{padding:15px;color: #000;font-size: 20px;}
.conten_bloque_7b_items .items img{width: 100%;}
/**/
.conten_main_modal .conten_modal .conten_modal_body .l{width: 49%;}
.conten_main_modal .conten_modal .conten_modal_body .l img{border-radius: 5px;}
.conten_main_modal .conten_modal .conten_modal_body .conten_info{padding: 20px;}
.conten_main_modal .conten_modal .conten_modal_body .conten_info .titulo{color: var(--color1);margin-bottom: 15px;}
.conten_main_modal .conten_modal .conten_modal_body .conten_info p{margin-bottom: 10px;text-align: justify;color: var(--letra);}
.conten_main_modal .conten_modal .conten_form_login .conten_head_form .titutlo{color: var(--color4);font-weight: bold;font-size: 30px;}
@media screen and (max-width:700px) {.conten_main_modal .conten_modal .conten_modal_body .l{width: 100%;}
.conten_main_modal .conten_modal .conten_modal_body .conten_modal_imagen .imagen{width: 50%;}
.conten_main_modal .conten_modal .conten_form_login .conten_head_form .titutlo{font-size: 20px;}
.conten_main_modal .conten_modal .conten_modal_body .conten_info .titulo{font-size: 18px;}
.conten_main_modal .conten_modal .conten_modal_body .conten_info p{font-size: 15px;}}