.boton-menu {
       background-color: #E58410;
        color: white;
            margin-top: -9px;


}

.head-menu {
    /*background-color: red;*/
    padding-top: 17px;
    padding-bottom: 17px;
    height: 128px;
}

.ul-menu {
        margin-top: 20px;
        font-size: 1em;
        font-weight: bold;
}

.columna-boton-menu {
    text-align: right;
}






#logo-with-slogan {
    max-width: 35%;
    padding: 3% 0 3% 0;
}

.navbar-brand
{
        margin-left: 80px;
/*    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    margin: auto;*/
}








/*Footer*/

.logo-footer {
    text-align: center;
}

.img-footer {
    text-align: center;
        width: 65%;

}

.face-footer {
    margin-right: 20px;
}

.linkedin-footer {
    margin-left: 20px;
}

.telefono-footer {
    font-size: .8em;
    font-weight: bold;
    color: grey;
}

.menu-footer {
    font-size: .9em;
    color: grey;
}

.border-footer {
/*        border-bottom: inset;
    border-bottom-width: unset;
    border-bottom-color: #c7c7c7;
        padding-bottom: 25px;*/
}

.copyright-footer {
        margin-top: 17px;
    color: gray;
    font-size: .7em;
    font-weight: bold;
}

.border-top-footer {
    border-top: outset;
    border-top-color: rgb(243, 137, 13);
    padding-top: 40px;
    background-color: #F5F6F8;
}




.menu-footer-cont {
    width: 100%;
        border-bottom: groove;
    border-bottom-width: 3px;
    border-color: white;
    margin-bottom: 5px;
    padding-bottom: 20px;
}

.aa{  /*hijos*/
    display: inline-block;
    margin-right: 20px;
}


.a{  /*hijos*/
    display: inline-block;
    margin-right: 40px;
}
.b {  /*hijos*/
    display: inline-block;
    margin-right: 40px;
}
 .c{  /*hijos*/
    display: inline-block;
    margin-right: 40px;
}
.d {  /*hijos*/
    display: inline-block;
    margin-right: 40px;
}
 .e {  /*hijos*/
    display: inline-block;
    margin-right: 40px;
}
.f {  /*hijos*/
    display: inline-block;
    margin-right: 40px;
}
.g {  /*hijos*/
    display: inline-block;

}


@media (max-width: 600px) {
.b {  /*hijos*/
    display: block;
    margin-right: 40px;
}
 .c{  /*hijos*/
    display: block;
    margin-right: 40px;
}
.d {  /*hijos*/
    display: block;
    margin-right: 40px;
}
 .e {  /*hijos*/
    display: block;
    margin-right: 40px;
}
.f {  /*hijos*/
    display: block;
    margin-right: 40px;
}
.g {  /*hijos*/
    display: block;

}


}



.font-menu-footer {
    font-size: .9em;
}


/*index*/
.slide-index {
    width: 100%;
    margin-top: 95px;
}

.texto-centro-index {
    position: relative;
    text-align: center;
    color: black;
    width: 70%;
    margin: 0 auto;

    background-color: #ffffff;
    padding: 1.5em;
    margin-top: -40px;
    -webkit-box-shadow: 0px 8px 77px -20px rgba(0,0,0,0.31);
    -moz-box-shadow: 0px 8px 77px -20px rgba(0,0,0,0.31);
    box-shadow: 0px 8px 77px -20px rgba(0,0,0,0.31);
}



/*Estilos de las imagenes*/
    #bljaIMGte1{
        float:right;
        position:relative;
        width: 100%;
    }


    #bljaIMGte2{    
        float:left;
        position:relative;
        width: 100%;
    }

    #bljaIMGte3{
        float:left;
        position:relative;
        width: 100%;
    }


    #bljaIMGte1 .bljaIMGtex {
            width:320px;
            position:absolute;
            top:10px;
            left:14px;
    }



    #bljaIMGte2 .bljaIMGtex {
            width:320px;
            position:absolute;
            top:10px;
            left:14px;
    }



    #bljaIMGte3 .bljaIMGtex {
            width:320px;
            position: absolute;
            top:10px;
            left:14px;
    }


@media (max-width: 600px) {

    #bljaIMGte1 .bljaIMGtex {
width: 90%;
    position: absolute;
    top: 10px;
    left: 14px;
    }



    #bljaIMGte2 .bljaIMGtex {
width: 90%;
    position: absolute;
    top: 10px;
    left: 14px;
    }



    #bljaIMGte3 .bljaIMGtex {
width: 90%;
    position: absolute;
    top: 10px;
    left: 14px;
    }

}



/*hover imagenes*/

.imagen-test {
    background: #BAC4CA !important;
}
.imagen-test-radius1 {
        border-radius: 12px 0px 0px 12px; 
}
.imagen-test-radius2 {
        border-radius: 0px 12px 12px 0px; 
}
.imagen-test img {
    opacity: .4 !important;
    -webkit-transition: .3s ease-in-out !important;
    transition: .3s ease-in-out !important;
    width: 100%;
}

.imagen-test:hover img {
    opacity: .4 !important;
}

.imagen-test:hover {
    background: #D86F00!important; 
}


.titulos-imagenes-centro {
    font-size: 1.1em;
    text-align: center;
    color: white;
    font-weight: bold;
}

.texto-imagenes-centro {
    text-align: center;
    color: white;
    text-align: center;
}



/*Estilos y hover de imagenes bajas*/


    #bljaIMGte4{
        float:left;
        position:relative;
    }

    #bljaIMGte4 .bljaIMGtex4 {
            /*width:235px;*/

            top:10px;
            left:14px;
    }


    .imagen-test4 {
        background: #BAC4CA !important;
    }
    
    .imagen-test4 img {
        opacity: .4 !important;
        -webkit-transition: .1s ease-in-out !important;
        transition: .1s ease-in-out !important;
    }

    .imagen-test4:hover img {
        opacity: 1 !important;
    }


    #bljaIMGte4:hover .titulo {
        color: orange;
    }


.titulos-imagenes-abajo {
    font-size: 1.1em;
    text-align: center;
    color: black;
    font-weight: bold;
}

.texto-imagenes-abajo {
    text-align: justify;
    color: black;
}


.mapa-index{
        background-color: #f5f6f8;
}




#bljaIMGte5{
    float:left;
    position:relative;
}

#bljaIMGte5 .bljaIMGtex5 {
   /* width:320px;*/
    position:absolute;
    top: 143px;
    left: 50px;
    background-color: white;
        padding: 15px;
    border-radius: 10px;
}



.letras-index-abajo {
    color: gray;

}



/*Nosotros*/


.mision-vision{
    text-align: justify;padding-right: 50px;
}








/*Servicios*/


.enlaces-text {
    color: gray; text-align: justify;
}

.img-servicios {
    padding-bottom: 10px;
}
.img-servicios-text {
    display: inline-block;
    margin-left: 5px;
    font-size: .8em;
    font-weight: bold;
}


.servicios-row {
    text-align: justify;padding-right: 50px;
}


.vertical3-servicios {
    text-align: right; margin-top: 22px;
}



.imagen-soporte {
    width: 80%;
}


.clientes-img-row1 {
        text-align: center;
        width: 80%;
        margin: 0 auto;
        margin-top: 40px;
}
.clientes-img-row2 {
        text-align: center;
        width: 60%;
        margin: 0 auto;
        margin-top: 20px;
}

.img-afirme{
        margin-top: 30px;
}

.img-gob {
        margin-top: 30px;
}

@media (max-width: 600px) {
  .imagen-soporte {
    width: 100%;
    margin-bottom: 35px;
        margin-top: -53px;
  }


    .clientes-img-row1 {
        text-align: center;
        width: 100%;
        margin: 0 auto;
        margin-top: 40px;
            line-height: 60px;

    }
    .clientes-img-row2 {
        text-align: center;
        width: 100%;
            margin: 0 auto;
            margin-top: 20px;
                line-height: 60px;
    }

    .img-afirme{
        margin-top: 0px;
    }

    .img-gob {
            margin-top: 0px;
    }
}


.btn.focus, .btn:focus, .btn:hover {
    color: #fff !important;
    text-decoration: none !important;
}

@media (max-width: 925px) {
    div.container > div {
        margin-bottom: 0px !important; 
    }
}



  @media (max-width: 600px) {
  .imagen-abajo-2 {
    margin-top: 30px;   
  }

}

  @media (max-width: 600px) {
  .imagen-abajo-4 {
    margin-top: 30px;   
  }
}


/*Estilos collapsable*/




.triangulo_der {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 15px solid #29ABE2;
    border-bottom: 20px solid transparent;
}

.triangulo_der2 {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 15px solid #8a8a8e;
    border-bottom: 20px solid transparent;
}

.triangulo_der3 {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 15px solid #6ac82a;
    border-bottom: 20px solid transparent;
}

.triangulo_der4 {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 15px solid #292d96;
    border-bottom: 20px solid transparent;
}
.triangulo_der5 {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 15px solid #ff131f;
    border-bottom: 20px solid transparent;
}

.triangulo_der6 {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 15px solid #00682f;
    border-bottom: 20px solid transparent;
}
.triangulo_der7 {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 15px solid #824a1c;
    border-bottom: 20px solid transparent;
}

.panel-heading {
    padding: 0px 0px; 
}

.lista:before {
    content: "\f111";
    font-family: FontAwesome;
    color: #29abe2;
    margin-right: 13px;
    font-size: 9px;
}
.lista2:before {
    content: "\f111";
    font-family: FontAwesome;
    color: #8a8a8e;
    margin-right: 13px;
    font-size: 9px;
}

.lista3:before {
    content: "\f111";
    font-family: FontAwesome;
    color: #6ac82a;
    margin-right: 13px;
    font-size: 9px;
}

.lista4:before {
    content: "\f111";
    font-family: FontAwesome;
    color: #292d96;
    margin-right: 13px;
    font-size: 9px;
}

.lista5:before {
    content: "\f111";
    font-family: FontAwesome;
    color: #ff131f;
    margin-right: 13px;
    font-size: 9px;
}

.lista6:before {
    content: "\f111";
    font-family: FontAwesome;
    color: #00682f;
    margin-right: 13px;
    font-size: 9px;
}

.lista7:before {
    content: "\f111";
    font-family: FontAwesome;
    color: #824a1c;
    margin-right: 13px;
    font-size: 9px;
}

.p-color {
 color: black;
     margin-bottom: 15px;
     text-align: justify;
}

.h4-color-gray {
    color: gray;
    margin-top: 30px;
    margin-bottom: 25px;

}

/* Opacity #2 */
/*.hover12 figure {
    background: #1abc9c !important;
}
.hover12 figure img {
    opacity: 1 !important;
    -webkit-transition: .3s ease-in-out !important;
    transition: .3s ease-in-out !important;
}
.hover12 figure:hover img {
    opacity: .5 !important;
}
*/