*{
    margin: 0;
    padding: 0;
}

#menumovil{
    display: none;
}

html{
    width: 100%;
    background-image: url('../IMG/5.jpg');
    background-size:100% 100%;
    background-repeat: no-repeat;
}

body{
    background-color:rgba(57, 111, 181, 0.8);
    width: 100%;
    display: flex;
    flex-direction: column;
}

.header{
    display: flex;
    width: 100%;
    justify-content: space-between;
    background-color: black;
}

.logomenu span{
        display: none;
}

.header img{
    margin-right: 2%;
}

.header .imggroup{
    padding: 0.8%;
    box-sizing: border-box;
}

.header hgroup{
    display: flex;
    font-family: 'Open Sans', sans-serif;
    justify-content: space-around;
    padding-right: 2%;
    box-sizing: border-box;
    padding-top: 0.3%;
}

.header h1,h2{
    margin-right: 2%;
}

.header h1 a{
    text-decoration: none;
    color:rgba(236, 240, 241,1.0);
    font-size: 0.8em;
}

.header h2 a{
    text-decoration: none;
    color: rgba(44, 62, 80,1);;
    font-size: 1.06em;
    transition: 1s all;
}

.header h3 a{
    text-decoration: none;
    color: rgba(44, 62, 80,1);
    font-size: 1.36em;
    transition: 1s all;
}

.header h2 a:hover, h3 a:hover{
    color:rgba(236, 240, 241,1.0);
    transition: 1s all;
}

.header .icon-facebook,.icon-twitter,.icon-youtube{
    font-size: 2em;
    color: #1d2129;
}

.header .icon-facebook{
    color:#3b5998;
}

.header .icon-twitter{
    color: #00aced;
}

.header .icon-youtube{
    color: #b31217;
}

.header .imggroup a{
    text-decoration: none;
}

.logomenu{
    display: flex;
    justify-content: space-around;
    background-color: white;
    position: fixed;
    width: 100%;
    padding: 0.7%;
    box-sizing: border-box;
}

.logomenu .nav a{
    font-family: 'Open Sans', sans-serif;
    color:rgba(127, 140, 141,1.0);
    text-decoration: none;
    text-transform: uppercase;
    transition: 1s all;
}

.logomenu .nav{
    margin-top: 2.6%;
}

.logomenu .nav a:hover{
    color:rgba(57, 111, 181, 1);
    transition: 1s all;
}

.logomenu .nav .inicio{
    color:rgba(57, 111, 181, 1);
}

.contenedor{
    width: 80%;
    background-image: url("../IMG/slider2.fw.png");
    height: 70%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    justify-content: flex-end;
    margin-left: 10%;
    margin-top: 10%;
    margin-bottom: 3%;
}

.contenedor h1,h2,h3,h4{
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.cajas{
    width: 60%;
    height: 100%;
    background-color: rgba(57, 111, 181, 0.8);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;    
}

.caja1,.caja2{
    width: 90%;
    height: 40%;
    background-color: rgba(127, 140, 141,1.0);
}

.caja1{
    margin-bottom: 4%;
    display: flex;
    align-items: center;
}

.caja2{
    display: flex;
    align-items: center;
}

.caja2 img{
    margin-left: 2%;
    display: flex;
    width: 40%;
    height: 90%;
}

.caja1 img{
    margin-left: 2%;
    display: flex;
    width: 40%;
    height: 90%;
}

.leyenda,.leyenda2{
    display: flex;
    flex-direction: column;
    padding: 2%;
}

.leyenda h1,.leyenda2 h1{
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: rgba(236, 240, 241,1.0);
    text-shadow:5px 5px 5px black;
}

.leyenda p, .leyenda2 p{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: rgba(236, 240, 241,1.0);
    text-shadow:5px 5px 5px black;
}

.enlaces{
    display: flex;
    width: 80%;
    justify-content: space-between;
    align-items: center;
    height: 60%;
    margin-bottom: 1%;
    margin-left: -100%;
    transition: 1s all;
}

.enlacestop{
    margin-left: 10%;
}

.enlace1,.enlace2,.enlace3,.enlace4{
    width: 23%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}

.enlace1{
    background-image:url("../IMG/edificio1.jpg");
    background-size:100% 100%;
    background-repeat:no-repeat;
}

.enlace2{
    background-image:url("../IMG/edificio2.jpg");
    background-size:100% 100%;
    background-repeat:no-repeat;
}


.enlace3{
    background-image:url("../IMG/edificio3.jpg");
    background-size:100% 100%;
    background-repeat:no-repeat;
}

.enlace4{   
    background-image:url("../IMG/2.jpg");
    background-size:100% 100%;
    background-repeat:no-repeat;
}

.enlace1 h1, .enlace2 h1, .enlace3 h1, .enlace4 h1{
    font-family: 'Open Sans', sans-serif;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    color: rgba(236, 240, 241,1.0);
    text-shadow: 2px 2px 2px black;
}

.enlace1 h2, .enlace2 h2, .enlace3 h2, .enlace4 h2{
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: rgba(236, 240, 241,1.0);
    background-color: rgba(127, 140, 141,1.0);
    padding: 2%;
    width: 100%;
    margin-top: 5%;
    border-radius: 6px;
    cursor: pointer;
    transition: 1s all;
}

.enlace1 h2:hover, .enlace2 h2:hover, .enlace3 h2:hover, .enlace4 h2:hover{
    text-shadow: 2px 2px 2px black;
    transition: 0.3s all;
}

.enlace1 p, .enlace2 p, .enlace3 p, .enlace4 p{
    font-family: 'Open Sans', sans-serif;
    font-size: 25px;
    color: rgba(57, 111, 181, 1);
    text-shadow: 2px 2px 2px rgba(236, 240, 241,1.0);
}

.videoynoticias{
    width: 80%;
    height: 60%;
    margin-left: 10%;
    margin-bottom: 3%;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.video,.noticia{
    width: 48%;
    height: 100%;
    border-radius: 8px;
}

.video{
    background-image: url("../IMG/video.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -100%;
    transition: 1s all;
}

.videotop{
    margin: 0;
}

.video h1{
    background-color: rgba(127, 140, 141,1.0);
    padding: 1%;
    border-radius: 10%;
    font-family: 'Open Sans', sans-serif;
    color: rgba(236, 240, 241,1.0);
}

.noticia{
    background-image: url("../IMG/noticias.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: -100%;
    transition: 1s all;
}

.noticiatop{
    margin: 0;
}
.noticia h1{
    background-color: rgba(127, 140, 141,1.0);
    padding: 1%;
    border-radius: 10%;
    font-family: 'Open Sans', sans-serif;
    color: rgba(236, 240, 241,1.0);
}

.hryletras{
    width: 80%;
    margin-left: 10%;
    display: flex;
    justify-content: space-between;
    height: 10%;
}

.hryletras hr{
    width: 40%;
    height: 0;
    margin-top: 2.5%;
}

.hryletras h1{
    font-family: 'Open Sans', sans-serif;
    color: rgba(236, 240, 241,1.0);
    font-size: 20px;
    margin-top: 1.4%;
}

.logoshryletras{
    width: 80%;
    display: flex;
    justify-content: center;
    margin-left: -100%;
    transition: 1s all;
}

.logoshryletrastop{
    margin-left: 10%;    
}

.logoshryletras .icon-facebook,.icon-twitter,.icon-youtube,.icon-instagram{
    font-size: 40px;
    color: #1d2129;
}

.logoshryletras a{
    text-decoration: none;
    margin-right: 1.5%;
    margin-left: 1.5%;
}

.logoshryletras .icon-facebook,.logoshryletras .icon-youtube,.logoshryletras .icon-twitter,.logoshryletras .icon-instagram{
    padding: 10px;
    box-sizing: border-box;
    background-color: rgba(236, 240, 241,1.0);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.direcciones{
    width: 100%;
    background-color: rgba(127, 140, 141,0.8);
    margin-top: 2%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: 3s all;
}

.direccionestop{
    opacity: 1;
}

.copyright{
    width: 100%;
    height: 6%;
    background-color: rgba(127, 140, 141,1.0);
}

.direcciones .cali,.direcciones .bogota{
    font-family: 'Open Sans', sans-serif;   
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2%;
    box-sizing: border-box;
}

.direcciones .cali .hr,.direcciones .bogota .hr{
    width: 15%;
    margin-bottom: 1%;
    margin-top:1%;
}

.direcciones .cali h1,.direcciones .bogota h1{
    margin-top: 1%;
    color:rgba(236, 240, 241,1.0);
    text-shadow: 0.5px 0.5px 0.5px black;
}

.direcciones .cali p,.direcciones .bogota p{
    color:rgba(236, 240, 241,1.0);
    font-weight: bold;
    font-size: 20px;
    text-shadow: 1px 1px 1px black;
}

.copyright{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.copyright h1{
    color:rgba(236, 240, 241,1.0);
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;   
}

.contenedornosotros{
    width: 100%;
    display: flex;
    height: auto;
    margin-top: 7%;
    justify-content: space-between;
}


.izquierda{
    width: 40%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color:white;
}



.izquierda iframe{
    height: 60%;    
    margin-bottom: 10%;
}

.izquierda #IndicadoresMax{
    width: 100%;
    position: fixed;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.derecha{
    width: 100%;
    background: white;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 3%;
    padding-top: 0;
    box-sizing: border-box;
}


.derecha img{
    width: 100%;
    height: 60%;
    margin-bottom: 4%;
}

.derecha h1{
    font-family: 'Open Sans', sans-serif;  
    color: rgba(57, 111, 181, 0.8);
    margin-bottom: 4%;
    text-shadow: 1px 1px 1px black;
    transition: 1s all;
    cursor: pointer;
}

.derecha h1:hover{
    font-family: 'Open Sans', sans-serif;  
    color: rgba(236, 240, 241,1.0);
    margin-bottom: 4%;
    text-shadow: 1px 1px 1px black;
}

.izquierda h1{
    text-align: center;
    padding: 2%;
    color: #ecf0f1;
    font-family: 'Open Sans', sans-serif;  
    margin-bottom: 4%;
    text-shadow: 2px 2px 2px black;
}

.derecha p, .izquierda p{
    font-family: 'Open Sans', sans-serif;  
    text-align: justify;
    font-size: 19px;
}

.contenedorlds{
    display: flex;
    flex-direction: column;
    width: 90%;
    margin-left: 5%;
}

.contenedorlds h1{
    margin: 4% 2% 4% 0;
    font-family: 'Open Sans', sans-serif;
    color: #7f8c8d;
    cursor: pointer;
    transition: 1s all;
}

.contenedorlds h1:hover{
    color: rgba(236, 240, 241,1.0);
    transition: 1s all;
}

.contenedorlds .contenedor1 ,.contenedor2,.contenedor3,.contenedor4{
    display: flex;
    justify-content: space-between;
}
.contenedorlds .grupo1{
    background-image:url("../IMG/1.jpg");
    background-size:100% 100%;
    display: flex;
    width: 49%;
    height: 45%;
    margin-bottom: 4%;
    justify-content:center;
    align-items:center;
    text-align:center;
    border-radius: 20px;
    box-shadow: 0 5px 5px  black;
}

.contenedorlds .grupo2{
    background-image:url("../IMG/2.jpg");
    background-size:100% 100%;
    display: flex;
    width: 49%;
    height: 45%;
    margin-bottom: 4%;
    justify-content:center;
    align-items:center;
    text-align:center;
    border-radius: 20px;
    box-shadow: 0 5px 5px  black;
}
.contenedorlds .grupo3{
    background-image:url("../IMG/3.jpg");
    background-size:100% 100%;
    display: flex;
    width: 49%;
    height: 45%;
    margin-bottom: 4%;
    justify-content:center;
    align-items:center;
    text-align:center;
    border-radius: 20px;
    box-shadow: 0 5px 5px  black;
}
.contenedorlds .grupo4{
    background-image:url("../IMG/4.jpg");
    background-size:100% 100%;
    display: flex;
    width: 49%;
    height: 45%;
    justify-content:center;
    align-items:center;
    text-align:center;
    border-radius: 20px;
    box-shadow: 0 5px 5px  black;
}

.contenedorlds .contenedor3{
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.contenedorlds .contenedor3 .grupo4{
    width: 49%;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0;
    padding: 0;
}

.contenedorlds .contenedor3 .grupo4 a{
    width: 70%;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 11px;
}

.contenedorlds .contenedor2 .grupo4 a{
    width: 90%;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 3%;
    box-sizing: border-box;
    font-size: 11px;
}

.contenedorlds .grupo5{
    background-image:url("../IMG/5.jpg");
    background-size:100% 100%;
    display: flex;
    width: 49%;
    height: 45%;
    margin-bottom: 4%;
    justify-content:center;
    align-items:center;
    text-align:center;
    border-radius: 20px;
    box-shadow: 0 5px 5px  black;
}
.contenedorlds .grupo6{
    background-image:url("../IMG/6.jpg");
    background-size:100% 100%;
    display: flex;
    width: 49%;
    height: 45%;
    margin-bottom: 4%;
    justify-content:center;
    align-items:center;
    text-align:center;
    border-radius: 20px;
    box-shadow: 0 5px 5px  black;
}
.contenedorlds .grupo7{
    background-image:url("../IMG/7.jpg");
    background-size:100% 100%;
    display: flex;
    width: 49%;
    height: 45%;
    margin-bottom: 4%;
    justify-content:center;
    align-items:center;
    text-align:center;
    border-radius: 20px;
    box-shadow: 0 5px 5px  black;
}
.contenedorlds .grupo8{
    background-image:url("../IMG/8.jpg");
    background-size:100% 100%;
    display: flex;
    width: 49%;
    height: 45%;
    margin-bottom: 4%;
    justify-content:center;
    align-items:center;
    text-align:center;
    border-radius: 20px;
    box-shadow: 0 5px 5px  black;
}


.contenedorlds .grupo1 img,.grupo2 img,.grupo3 img,.grupo4 img,.grupo5 img,.grupo6 img,.grupo7 img,.grupo8 img{
    width: 49%;
    height: 45%;
}

.contenedorlds .grupo1 h1,.grupo2 h1,.grupo3 h1,.grupo5 h1,.grupo6 h1,.grupo8 h1{
    background-color: rgba(44, 62, 80,1.0);
    color: rgba(189, 195, 199,1.0);
    font-size: 20px;
    padding: 1%;
    transition: 1s all;
}

.contenedorlds .grupo4 h1{
    background-color: rgba(44, 62, 80,1.0);
    color: rgba(189, 195, 199,1.0);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
}

.contenedorlds .grupo7 h1{
    background-color: rgba(44, 62, 80,1.0);
    color: rgba(189, 195, 199,1.0);
    font-size: 20px;
    width: 100%;
    padding: 10%;
}

.contenedorlds a{
    text-decoration: none;
}

.contenedorlds .contenedor1 h1:hover{
    color:rgba(236, 240, 241,1.0);
    transition: 1s all;
}

.contenedorlds .contenedor2 h1:hover{
    color:rgba(236, 240, 241,1.0);
    transition: 1s all;
}

.contenedorlds .contenedor3 h1:hover{
    color:rgba(236, 240, 241,1.0);
    transition: 1s all;
}

.contenedorlds .contenedor4 h1:hover{
    color:rgba(236, 240, 241,1.0);
    transition: 1s all;
}

.videoynoticias a{
    text-decoration: none;
    text-align: center;
    width: 70%;
}    

.videoynoticias a h1{
    border-radius: 10px;
}

.videoynoticias h1{
    border-radius: 10px;
}


.contenedornoticias{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-top: 10%;
    justify-content: space-around;
    align-items: center;
}

.contenedornoticias .iframegrupo1,.contenedornoticias .iframegrupo2,.contenedornoticias .iframegrupo3{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.contenedornoticias .iframegrupo1 .iframe1,.contenedornoticias .iframegrupo1 .iframe2,.contenedornoticias .iframegrupo1 .iframe3,.contenedornoticias .iframegrupo2 .iframe4,.contenedornoticias .iframegrupo2 .iframe5,.contenedornoticias .iframegrupo2 .iframe6,.contenedornoticias .iframegrupo3 .iframe7,.contenedornoticias .iframegrupo3 .iframe8,.contenedornoticias .iframegrupo3 .iframe9{
    margin: 1%;
}

.contenedornoticias .iframegrupo2 .iframe4,.contenedornoticias .iframegrupo3 .iframe8{
    background-color: white;
}

.contenedornosotros .centro{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.contenedornosotros .centro h1,.contenedornosotros .centro p{
    font-family: 'Open Sans', sans-serif;
    color: rgba(236, 240, 241,1.0);
}

.contenedornosotros .centro h1{
    font-size: 40px;    
}

.contenedornosotros .centro p{
    font-size: 20px;
    margin-top: 1%;
}

.contenedornosotros .centro iframe{
    margin-top: 2%;
    margin-bottom: 10%;
    width: 98%;
    height: 90%;
}

.contenedornosotros .centro .mapascontacto{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    overflow: hidden;
}

.contenedornosotros .centro .textocontacto{
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    margin-top: 5%;
}

.contenedornosotros .centro .textocontacto p{
    font-size: 40px;
}

.contactocali{
    width: 50%;
    display: flex;
    justify-content: flex-start;
    margin-left: -100%;
    transition:1s all;
}

.contactocalitop{
    margin: 0;
}

.contactobogota{
    width: 50%;
    display: flex;
    justify-content: flex-end;
    margin-right: -100%;
    transition:1s all;
}

.contactobogotatop{
    margin: 0;
}

.clientesgeneral{
    width: 100%;
    height: auto;
    margin-top: 7%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding:3%;
    box-sizing:border-box;
    overflow: hidden;
}

.clientesgeneral h1{
    font-size: 35px;    
    color: #ecf0f1;
    font-family: 'Open Sans', sans-serif;
}

.clientesgeneral p{
    font-size: 20px;
    color: #ecf0f1;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.clientesgeneral .clientesul{
    width: 90%;
    display: flex;
    flex-direction: column;
    margin-top: 3%;
}

.clientesgeneral .clientesul .clientesgrupo1,.clientesgeneral .clientesul .clientesgrupo2{
    display: flex;
    width: 100%;
    height: 50%;
    justify-content: space-between;
    list-style-type: none;
}
.clientesgeneral .clientesul .clientesgrupo2{
    margin-top: 10%;
}

.cliente1 img,.cliente2 img,.cliente3 img,.cliente4 img,.cliente5 img,.cliente6 img,.cliente7 img,.cliente8 img{
    margin-bottom: 10%;
}

.clientesgeneral .clientesul .clientesgrupo3{
    display: flex;
    width: 100%;
    height: 50%;
    justify-content: space-around;
    list-style-type: none;
    margin-top: 10%;
}


.clientesgeneral .clientesul .clientesgrupo4{
    display: flex;
    width: 100%;
    justify-content: center;
    list-style-type: none;
    font-size: 40px;
    margin-top: 8%;
}

.clientesgeneral .clientesul{
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    text-align: center;
    color: #ecf0f1;
}

.imagenesbancos{
    width: 100%;    
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.clientesgrupo4 .cliente9{
    width: 100%;    
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.clientesul{
    margin-left: -200%;
    transition:1s all;
}

.clientesultop{
    margin-left: 0%;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/




/* INICIO DEL DISEÑO RESPONSIVE DESIGN */

@media screen and (min-device-width: 320px) and (max-device-width: 1000px) {
    .header{
        height: 7%;
        display: none;
    }
    
    .nav{
        display: none;
    }
    
    .logomenu{
        height: 15%;   
        padding: 2%;
        box-sizing: border-box;
        position: fixed;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    
    .logomenu img{
        width: 25%;
        height: 100%;
    }
    
    .logomenu span{
        display: block;
    }
    
    .logomenu span{
        font-size: 40px;
        margin-right: 2%;
    }
    
    .contenedor{
        width: 100%;
        margin: 0;
        padding: 0;
        margin-top: 27%;
        overflow: scroll;
        height: 30%;
    }
    
    .contenedor .cajas{
        height: 220%;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    
    .contenedor .cajas .caja1{
        margin-top: 4%;
        margin-bottom: 20%;
        width: 95%;
    }

    .contenedor .cajas .caja2{
        margin-bottom: 2%;
        width: 95%;
    }

    .contenedor .cajas .caja1 .leyenda h1{
        font-size: 10px;
        text-align: justify;
        color: #ecf0f1;
        text-shadow: 5px 5px 5px black;
    }
    
    .contenedor .cajas .caja1 .leyenda p{
        font-size: 10px;
        text-align: justify;
        color: #ecf0f1;
        text-shadow: 5px 5px 5px black;
    }
    
    .contenedor .cajas .caja2 .leyenda2 h1{
        font-size: 10px;
        text-align: justify;
        color: #ecf0f1;
        text-shadow: 5px 5px 5px black;
    }
    
    .contenedor .cajas .caja2 .leyenda2 p{
        font-size: 10px;
        text-align: left;
        color: #ecf0f1;
        text-shadow: 5px 5px 5px black;
    }
    
    .enlaces{
        flex-direction: column;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    }
    
    .enlaces .enlace1{
        margin-top: 2%;    
    }
    
    .enlaces .enlace1,.enlaces .enlace2,.enlaces .enlace3,.enlaces .enlace4{
        width: 95%;
        height: 70%;
    }
    
    .enlaces .enlace1 p,.enlaces .enlace2 p,.enlaces .enlace3 p,.enlaces .enlace4 p{
        font-size: 150px;
        font-weight: bold;
        text-shadow: 5px 5px 5px black;
    }
    
    .enlaces .enlace1 h1,.enlaces .enlace2 h1,.enlaces .enlace3 h1,.enlaces .enlace4 h1{
        font-size: 30px;
        font-weight: bold;
        text-shadow: 5px 5px 5px black;
    }
    
    
    .enlaces .enlace1 h2,.enlaces .enlace2 h2,.enlaces .enlace3 h2,.enlaces .enlace4 h2{
        width: 70%;
        font-size: 20px;
        text-shadow: 5px 5px 5px black;
        border-radius: 30px;
    }
    
    .enlaces .enlace1 a,.enlaces .enlace2 a,.enlaces .enlace3 a,.enlaces .enlace4 a{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .videoynoticias{
        flex-direction: column;
        width: 100%;
        margin: 0;
        align-content: center;
        align-items: center;
        height: auto;
    }
    
    .videoynoticias .video,.videoynoticias .noticia{
        width: 95%;
        height: 50%;
    }
    
    .videoynoticias .video h1,.videoynoticias .noticia h1{
        font-size: 30px;
        text-shadow: 5px 5px 5px black;
        border-radius: 20px;
    }
    
    .hryletras{
        width: 100%;
        justify-content: center;
        align-items: center;
        margin: 0;
        height: auto;
    }
    
    .hryletras hr{
        width: 15%;
        margin-left: 2%;
        margin-right: 2%;
    }
    
    .hryletras h1{
        font-size: 20px;
        text-shadow: 5px 5px 5px black;
        margin-top: 5%;
        margin-bottom: 5%;
    }
    
    .logoshryletras{
        width: 100%;
        justify-content: space-around;
        align-items: center;
        margin: 0;
    }
    
    .logoshryletras .icon-facebook,.logoshryletras .icon-twitter,.logoshryletras .icon-youtube,.logoshryletras .icon-instagram{
        font-size: 30px;
        padding: 10px;
        margin-bottom: 30%;
    }
    
    .direcciones{
        flex-direction: column;
        height: auto;
    }
    
    
    .direcciones .cali p,.direcciones .bogota p{
        text-align: center;
        font-size: 15px;
    }
    
    .copyright h1{
        font-size: 11.5px;
        margin: 0;
        padding: 0;
        width: 100%;
        text-align: center;
        height: auto;
    }
    
    #menumovil{
        display: flex;
        width: 100%;
        height: 80%;
        background-color: rgba(44, 62, 80,1);
        position: fixed;
        top: -100%;
    }
    
    .navmovil{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .navmovil a{
        width: 100%;
        height: 16.6%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid rgba(52, 73, 94,1.0);
        text-decoration: none;
        font-size: 30px;
        text-shadow: 5px 5px 5px black;
        font-family: 'Open Sans', sans-serif;
        color:rgba(236, 240, 241,1.0);
        text-transform: uppercase;
    }
    
    .navmovil span{
        position: absolute;
        top:5%;
        right:6%;
        font-size: 30px;
        color: rgba(149, 165, 166,1.0);
        text-shadow: 5px 5px 5px black;
    }
    
    .contenedornosotros{
        flex-direction: column;
        width: 100%;
        margin: 0;
        padding: 0;
        margin-top: 27%;
        justify-content: center;
        align-items: center;
        height: auto;
        box-sizing: border-box;
    }
    
    .izquierda{
        display: none;
    }
    
    .derecha{
        width: 100%;
        height: auto;
    }
    
    .derecha img{
        height: 35%;    
    }
    
    .derecha h1{
        font-size: 30px;
        text-shadow: 5px 5px 5px black;
    }
    
    .derecha p{
        font-size: 15px;
    }
    
    .contenedorlds{
        flex-direction: column;
        height: auto;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin: 0;
        margin-top: 27%;
    }
    
    .contenedorlds .h1lds,.contenedorlds .h1say{
        font-size: 30px;
        text-shadow: 5px 5px 5px black;
        color: rgba(236, 240, 241,1.0);
    }
    
    .contenedor1,.contenedor2,.contenedor3,.contenedor4{
        flex-direction: column;
        width: 95%;
    }
    
    .contenedorlds .contenedor1 h1,.contenedorlds .contenedor2 h1,.contenedorlds .contenedor3 h1,.contenedorlds .contenedor4 h1{
        font-size: 25px;
        border-radius: 10px;
        text-shadow: 5px 5px 5px black;
        margin: 0;
        background-color: rgba(52, 73, 94,0.7);
        color: rgba(236, 240, 241,1.0);
    }
    
    .contenedor1 .grupo1,.contenedor1 .grupo2,.contenedor2 .grupo3,.contenedor2 .grupo4,.contenedor3 .grupo5,.contenedor3 .grupo6,.contenedor4 .grupo7,.contenedor4 .grupo8{
        flex-direction: column;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    
    
    
    .contenedor1 .grupo1 h1,.contenedor1 .grupo2 h1,.contenedor2 .grupo3 h1,.contenedor2 .grupo4 h1,.contenedor3 .grupo5 h1,.contenedor3 .grupo6 h1,.contenedor4 .grupo7 h1,.contenedor4 .grupo8 h1{
        font-size: 20px;
    }
    
    .contenedornoticias{
        flex-direction: column;
        margin-top: 40%;
    }
    
    .contenedornoticias .iframegrupo1,.contenedornoticias .iframegrupo2,.contenedornoticias .iframegrupo3{
        flex-direction: column;
        width: 80%;
        overflow: hidden;
        background-color: black;
    }
    
    .contenedornoticias .iframegrupo1 iframe,.contenedornoticias .iframegrupo2 iframe,.contenedornoticias .iframegrupo3 iframe{
        width: 255px;
    }
    
    .iframe8{
        display: none;
    }
    
    .contenedornosotros{
        padding: 0;
    }
    
    .contenedornosotros .centro{
        margin: 0;
        padding: 0;
    }
    
    .contenedornosotros .centro .mapascontacto{
        flex-direction: column;
        width: 100%;
        margin: 0;
        padding: 0;
        justify-content: center;
        align-items: center;
    }

    .contenedornosotros .centro p{
        text-align: center;
        margin-bottom: 2%;
    }
    
    .contenedornosotros .centro .mapascontacto .contactocali,.contenedornosotros .centro .mapascontacto .contactobogota{
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
    }
    
    .contenedornosotros .centro .mapascontacto .contactocali iframe{
        width: 300px;
        height: 300px;
        padding: 0;
    }
    
    .contenedornosotros .centro .mapascontacto .contactobogota iframe{
        width: 300px;
        height: 300px;
    }
    
    .contenedornosotros .centro .textocontacto{
        display: none;
    }

    .contenedorlds .contenedor3 .grupo4{
    width: 95%;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0;
    padding: 0;
}

.contenedorlds .contenedor3 .grupo4 a{
    width: 90%;
    box-sizing: border-box;
    margin-left: 8%;
}

.clientesgeneral h1{
    margin-top: 50px;
}

.clientesgeneral .clientesgrupo1,.clientesgeneral .clientesgrupo2,.clientesgeneral .clientesgrupo3{
    flex-direction: column;    
}

.clientesgeneral .clientesgrupo1{
    margin-bottom: 700px;
}

.clientesgeneral .clientesgrupo2{
    margin-bottom: 850px;
}


.clientesgeneral .clientesgrupo3{
    margin-bottom: 200px;
}

.cliente1,.cliente2,.cliente3,.cliente4,.cliente5,.cliente6,.cliente7,.cliente8{
    margin-bottom: 5%;
}
}



}