body{
    margin:0px;
    background:#1B1A1A;
    overflow-x:hidden;
}
p{ text-align:justify}

@font-face {
    font-family: "Cooperplate";
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("/fonts/Copperplate-Gothic-Std-29-AB.woff") format("woff"), url("/fonts/Copperplate-Gothic-Std-29-AB.ttf") format("truetype");
}

#contenedor{
    width:100%;
    overflow-y:hidden;
}

#encabezado{
    height:95px;
    width:100%;
    background:#fff;
}

#ban1{ cursor:pointer }
#ban2{ cursor:pointer }

#tope{
    position:fixed;
    display:flex;
    flex-direction: row;
    width:100%;
    top:0px;
    left:0px;
    height:95px;
    background-color: #ededed;
    border-bottom: 1px solid #aaa;
    z-index:100;
}

#menu{
    display:flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-end;
    width:100%;
    padding-bottom: 10px;;
}


#menu_ch{
    display:none;
    justify-content: flex-end;
}

.mueve_mnu{
    transform: translateX(-100%);
    transition: .6s ease .3s;

    --transform:translateX(0);
}

.mueve_message{
    opacity: .1;
    transition: .5s ease-in-out;

    --opacity:1;
}

#letrero{
    position:fixed;
    left:calc( 50% - 150px);
    top:calc( 100% - 100px);
    width:300px;
    border:1px solid #555;
    border-radius: 10px;
    background-color:#BEE4A2;
    color:#000;
    padding:30px;
    text-align:center;
    box-sizing: border-box;
    visibility:hidden;
}

#div_mnu_ch{
    position:fixed;
    top:96px;
    width:100%;
    background:#000;
    border:1px solid #000;
    box-sizing: border-box;
    z-index:20;
    padding-left:10px;
    visibility:hidden;
    left:100%;
}

.ligas_mnu_ch{
    width:100%;
    height:30px;
    line-height:30px;
    color:#fff;
    background-color: #000;
}

.achis{
    color:#000;
    background-color: #7A9FC0;
}



#logo{
    display:flex;
    object-fit: cover;
    width:40%;
}


#banner{
    display:flex;
    flex-direction: column;
    object-fit: cover;
    /*width:100%;*/
    border:1px solid #000;
    box-sizing: border-box;
    height:500px;
    overflow:hidden;
}

/* nosotros ********************************* */

#nosotros{
    width:100%;
    background-color: #ddd;
    /*background-image: url('../images/mis_bg.jpg');*/
    display:flex;
    flex-direction: column;
    justify-content: center;
}

#nos_nosotros{
    display:flex;
    justify-content: center;
    width:100%;
    flex-wrap: wrap;

}

#vis_mis_nosotros{
    display:flex;
    justify-content: center;
    align-items: baseline;
    width:100%;
    flex-wrap: wrap;
}

#mision, #vision {
    display:flex;
    flex-direction: column;
    justify-content: center;
    min-width:300px;
    width:30%;
}

#nosotro{
    display:flex;
    flex-direction: column;
    justify-content: center;
    min-width:300px;
    width:60%;
}

/* ****************************************** */

#colaboradores{
    width:100%;
    display:flex;
    flex-direction: column;
    justify-content: center;
   /* background-image: url('../images/bg4.jpg');*/
}

#cont_cola{
    display:flex;
    justify-content: center;
    width:100%;
    flex-wrap: wrap;
}

#col_txt{
    display:flex;
    flex-direction: column;
    justify-content: center;
    min-width:300px;
    width:60%;
}

.col_img{
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
    width:100%;
}

.imagen_col{
    display: flex;
    width:350px;
    height:350px;
    padding:25px;

}

.imagen_col img{
    object-fit: cover;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eee;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eee;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eee;
    padding:20px;
}

/** servicios ******************************************************** */

#servicios{
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    background-color: #fff;
    padding:20px;
    background-image: url('../images/bg3.png');
}

#texto_ff{
    display:flex;
    justify-content: center;
    width: 100%;
}
#txt_1_ser{
    width:70%;
}

#txt_img_ser{
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
}

.txt_img_ser_div{
    display:flex;
    justify-content:left;
    flex-wrap: wrap;
    width:70%;
    padding:10px;
}

.txt_img_ser_div2{
    display:flex;
    justify-content:right;
    flex-wrap: wrap;
    width:70%;
}

.img_ti{
    display: flex;
    width:150px;
    height:150px;
}

.img_ti img{
    object-fit: cover;
    border:4px solid #7A9FC0;
    border-radius:100px;
    width: 100%;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eee;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eee;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eee;
}

.txt_ti{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left:20px;
}

.txt_ti2{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right:20px;
}

/* ******************************************************************* */

/* **************************** COBERTURA **************************** */


#cobertura{
   /*background-image: url('../images/cob_bg1.png');*/
   background-color:#7A9FC0 ;

}

#cont_cen_cob{
    display:flex;
    justify-content: center;
}

#cont_cob{
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
    width:100%;
}
#ima_cob{
    display:flex;
    justify-content: center;
    width:100%;
}

#ima_cob img{
    object-fit: cover;
    border:4px solid #B3B3B3;
    border-radius:10px;
    width: 250px;
}

#txt_cob{
    display:flex;
    justify-content: center;
    width:100%;
}


/* ******************************************************************* */

/* **************************** CONTACTO **************************** */

#contacto{
    background-image: url('../images/contacto1.jpg');
    /*background:#eaeaea;*/
    width:100%;
}

#cont_con{
    display:flex;
    justify-content:center;
    flex-wrap: wrap;
    width:100%;
}

#frm_com{
    display:flex;
    flex-wrap: wrap;
    flex-direction: column;
    
}


#ima_map_con{
    padding:0px;
    margin:0px;
}

#ima_map_con img{
    border-radius: 15px;
    margin-left:10px;
    margin-right:10px;
    object-fit: cover;
    width: 100%;
    min-width:193px;
    max-width:505px;
}

/*#ima_map_con iframe{
    border:4px solid #000;
    border-radius: 15px;
    margin-left:10px;
    margin-right:10px;
    object-fit: cover;
    width: 100%;
    min-width:193px;
    max-width:505px;
}*/

/* ******************************************************************* */

/* **************************** VACANTES **************************** */

#vacantes{
    background-color: #eaeaea;
    display:flex;
    justify-content: center;
    border-top:1px solid #000
}

#all_vac{
    display: flex;
    flex-direction: column;
    width:70%;
}

#vac{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;

}

#info_vac{
    width: 550px;
    min-width:300px;
}

#form_vac{
    display:flex;
    justify-content: center;
    width:550px;
}





/* ******************************************************************* */

/* ****************************** MAPA ******************************** */

#mapa{
    display: flex;
    justify-content: space-between;
}

#redes{
    display:flex;
    justify-content: left;
}


/* ******************************************************************* */


.boton{
    width: 200px;
    height:40px;
    border:2px solid #000;
    border-radius: 5px;
    background:#fff;
    text-align:center;
}

.boton:hover{
    width: 200px;
    height:40px;
    border:2px solid #000;
    background:#aaa;
    text-align:center;
    cursor:pointer;
}

input[type="text"]{
    width:300px;
    height:40px;
    border:1px solid #aaa;
    border-radius: 5px;
    box-sizing: border-box;
    margin:5px;
}

.mensajex{
    resize: none;
    width:300px; 
    height: 80px; 
    border:1px solid #aaa;
    border-radius: 5px;
    box-sizing: border-box;
    margin:5px;
}

.fijado{
    background: fixed no-repeat 50% 50%;
    background-size: cover;
}

.normal{
    background:local;
    background-size: cover;
}

.contenido{
    padding:20px;
    display: flex;
    align-content:flex-start ;
}

.titulo{
    font-family:copperplate;
    font-size:15pt;
    font-weight: bold;
    text-align:center;
    padding:10px;
}

.negrita{
    font-weight: bold;
}

.titulo_b{
    font-family:copperplate;
    font-size:15pt;
    font-weight: bold;
    text-align:center;
    padding:10px;
    color:#eeeeee;
}

.texto_n{
    font-family:verdana;
    font-size: 10pt;
    color:#000;
}

.texto_b{
    font-family:verdana;
    font-size: 10pt;
    color:#fff;
}

.texto_g{
    font-family:verdana;
    font-size: 10pt;
    color:#888;
}

.liga_g{
    font-family:verdana;
    font-size: 10pt;
    color:#888;
    text-decoration: none;
}

.liga_g:hover{
    font-family:verdana;
    font-size: 10pt;
    color:#000;
    text-decoration: overline;
}


.texto_100{
    width:100%;
}

.texto_50{
    width:50%;
}

/* MEDIA *** */

@media (max-width: 1500px) {
    #menu { display:none;}
    #menu_ch { display:flex;}
    #tope{ justify-content: space-between;}
    #nosotro{
        width:70%;
    }
    #mision, #vision, #txt_1_ser {
        width:70%;
    }

    .txt_ti, #txt_cob{
        padding-left:10px;
        width:70%;

    }

    #info_vac{
        width: 400px;
    }
    
    #form_vac{
        width:400px;
    }

    #idioma1{ display:none; }
    #idioma2{ display:none; }
 
    #vac{ display:flex;justify-content: center; }

}

@media (max-width: 804px) {
    #logo img{ width:500px; }
    #tope{ align-items: center;}
    #menu_ch { display:flex;}
    #mision, #vision, #txt_1_ser {
        width:90%;
    }
    #nosotro {
        width:90%;
    }
    .txt_img_ser_div{
        justify-content:center;
        width:70%;
    }
    .txt_ti, #txt_cob{
        padding-left:0;
        width:90%;
    }

    #idioma1{ display:none; }
    #idioma2{ display:none; }

    #vac{ display:flex;justify-content: center; }

    #banner{ height: 250px; }

}

@media (max-width: 560px) {
    #logo img{ width:400px; }
    #tope{ align-items: center;}
    #menu_ch { display:flex;}
    #mision, #vision, #txt_1_ser {
        width:90%;
    }
    #nosotro {
        width:90%;
    }
    .txt_img_ser_div{
        justify-content:center;
        width:90%;
    }
    .txt_ti{
        padding-left:0;
        width:90%;
    }

    #txt_cob{
        width:75%;
    }

    #ima_map_con img{
        margin-top:5%;
        width:293px;
    }

    #idioma1{ display:none; }
    #idioma2{ display:none; }

    #vac{ display:flex;justify-content: center; }

}

@media (max-width: 440px) {
    #logo img{ width:300px; }
    #tope{ align-items: center;}
    #menu_ch { display:flex;}
    #nosotro{
        width:90%;
    }
    #mision, #vision, #txt_1_ser{
        width:90%;
    }
    
    .txt_img_ser_div{
        justify-content:center;
        width:90%;
    }
    .txt_ti{
        padding-left:0;
        width:90%;
    }

    #txt_cob{
        width:70%;
    }

    #ima_map_con img{
        margin-top:5%;
        width:293px;
    }

    #idioma1{ display:none; }
    #idioma2{ display:none; }

    #vac{ display:flex;justify-content: center; }

    #banner{ height: 140px; }

}

@media (max-width: 375px) {
    #logo img{ width:300px; }
    #tope{ align-items: center;}
    #menu_ch { display:flex;}
    #nosotro{
        width:90%;
    }
    #mision, #vision, #txt_1_ser{
        width:90%;
    }
    
    .txt_img_ser_div{
        justify-content:center;
        width:90%;
    }
    .txt_ti {
        padding-left:0;
        width:90%;
    }

    #txt_cob{
        width:70%;
    }

    .imagen_col img{
        width:300px;
        height:300px;
    }

    #ima_map_con img{
        margin-top:5%;
        width:293px;
    }

    #idioma1{ display:none; }
    #idioma2{ display:none; }

    #vac{ display:flex;justify-content: center; }

    #banner{ height: 140px; }

    #c_img11{ data-animation:none; }
    #c_img12{ data-animation:none; }
    #c_img13{ data-animation:none; }


}