/* Solucion Factible Consultores, 2018 */
/* nosotros.css */

/* Menu */
#menu {
    background-color: #2a4e78;
}

#menu #m1 a, #menu #m2 span, #menu #m3 a, #menu #m4 a, #menu #m5 a {
    color: #ffffff;
}

#menu #m2 .ddn-content a, #menu #m3 .ddp-content a{
    color: #516570;
}

#titulo-seccion {
    padding-top: 100px;
    background-color: #2a4e78;
    background: repeat;
    background: #2a4e78 url("../../img/miscelanea/textura-logos.png");
}

#titulo-seccion #texto {
    border-bottom: 2px solid #FFFFFF;
    bottom: 8px;
    color: #ffffff;
    letter-spacing: 6px;
    line-height: 87px;    
    text-align: center;
}

/* Valores */
#n4 {
    position: relative;
    text-align: center;
}


#n1 {
    background-color: #ffffff;
    color: #2a4d78;
    min-height: 500px;
    text-align: justify;
    padding-bottom: 50px;
}

#n1 div.titulo,
#n2 div.titulo,
#n5 p.titulo {
    padding-top: 40px;
    text-align: center;
    padding-bottom: 15px;
}

div#p1 {
    padding-right: 30px;
}

div#p2 {
    padding-top: 10px;
}

div#p3 {
    padding-top: 30px;
}


.icono1{
    padding-top: 25px;
    padding-left: 40px;
}


ul.certificaciones-list li {
    line-height: 40px;
    text-align: left;	
}




#n2 .container {
    width: 755px;
}

#n3 .container,  #n4 .container, #n5 .container {
    /*width: 830px;*/
}

#n3 {
    padding-top: 25px;
    background: #ffffff;
    padding-bottom: 25px;
}

#n3 a {
    color: inherit;
    text-decoration: none;
}

#n3 .cuadricula-iconos a {
    color: #2a4e78;
    line-height: 60px;
}

div.cuadricula-iconos .icons-nosotros {
    height: 139px;
    min-width: 139px;
}

.cuadro-icono {
    width: 210px;
    padding-top: 15px;
}

#n3 .cuadro-icono:hover a {
    color : #FFFFFF;
}

#n3 #opt1 {
    border-bottom: 1px solid #c0c7cf;
    border-right: 1px solid #c0c7cf;
    width: 420px;
}


#n3 #opt1:hover {
    background-color:  #0098c5;
}


#n3 #opt2 {
    border-bottom: 1px solid #c0c7cf;
    border-right: 1px solid #c0c7cf;   
}

div#icono-valor1.icons-nosotros {
    background-position: 11px 14px;
}


#n3 #opt2:hover {
    background-color: #1b9195;
}

#n3 #opt2:hover div#icono-valor1.icons-nosotros {
    background-position: 11px -122px;
}


#n3 #opt3 {
    border-bottom: 1px solid #c0c7cf;
}

div#icono-valor2.icons-nosotros {
    background-position: -135px -3px;
}

#n3 #opt3:hover {
    background-color: #0d71b1;
}

#n3 #opt3:hover div#icono-valor2.icons-nosotros {
    background-position: -135px -140px;
}

#n3 #opt4 {
    border-right: 1px solid #c0c7cf;
}

div#icono-valor3.icons-nosotros {
    background-position: -280px 16px;
}

#n3 #opt4:hover {
    background-color: #b1c800;
}

#n3 #opt4:hover div#icono-valor3.icons-nosotros {
    background-position: -280px -121px;
}

#n3 #opt5 {
    border-right: 1px solid #c0c7cf;
}

#n3 #opt5:hover {
    background-color: #ffbc2c;
}

#n3 #opt5:hover div#icono-valor4.icons-nosotros {
    background-position: -410px -129px;
}

div#icono-valor4.icons-nosotros {
    background-position: -410px 8px;
}

#n3 #opt6 {
    border-right: 1px solid #c0c7cf;
}

div#icono-valor5.icons-nosotros {
    background-position: 275px 2px;
}

#n3 #opt6:hover {
    background-color: #e95e40;
}

#n3 #opt6:hover div#icono-valor5.icons-nosotros {
    background-position: 275px -136px;
}

div#icono-valor6.icons-nosotros {
    background-position: -667px 10px;
}

#n3 #opt7:hover {
    background-color: #db404a;
}

#n3 #opt7:hover div#icono-valor6.icons-nosotros {
    background-position: -667px -126px;
}

#n4 {
    background-color: #2a4e78;
    color: #ffffff;
    padding-bottom: 15px;
}

#n4 div#titulo {
    padding-top: 60px;
    padding-bottom: 30px;
}

#n4 #wrapper div.even {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}

#n4 #wrapper .dif-titulo {
    line-height: 23px;
    padding: 10px;
}

#n4 #wrapper div.last .dif-titulo {
    text-align: justify;
    line-height: 23px;
}

#n4 #wrapper div.col:hover {
    background-color: #8ea2b9;
    height: 365px;
}

#n4 #wrapper div.col:hover .dif-descripcion {
    display: inline;
}
#n4 #wrapper:hover div.even {
    border-left: 1px solid #2a4e78;
    border-right: 1px solid #2a4e78;
}

.dif-descripcion {
    display: none;
    float: left;
    text-align: left;
    line-height: 18px;
    color: #2a4e78;
    padding-left: 22px;
    padding-right: 22px;
}

#n5 {
    background-color: #ffffff;
    color: #2a4d78;
    padding-bottom: 25px;
}

#n5 div.parrafo {
    padding: 10px;
    text-align: center;
}

/*nuevo*/
#acordion-nosotros>.uk-open>.uk-accordion-title::before {
    background-image: url(../../img/nosotros/fup.png)!important;
    background-size: 28px;
}
.padding-v-10>.uk-accordion-title::before{
    content: "";
    width: 1.4em;
    height: 1.4em;
    margin-left: 10px;
    float: right;
    background-image: url(../../img/nosotros/fdown.png)!important;
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
/*------------------------inicio de colores hover---------------------------*/


/*------------- Generales ------------------------------------*/
.icons-nosotros {
    background-image: url("../../img/nosotros/nosotros.png");
}
.icono-sat{
    background-position: 138px -272px;
    width: 104px;
    height: 147px;
}
.border-estilo{
    border-style: solid;
    border-color: #c0c7cf;
}


/*------------- Cuadro 1 ------------------------------------*/

.border-1-nos{
    border-width: 0px .5px .5px 0px;

}
.letter-nosotros{
    color: #2A4F7A;
}
.color-1-nosotros:hover{
    transition: 1s;
    background: #0098c5;
    color: #FFFFFF;
}
.color-1-nosotros>a>div>div>.icono-logo-sf {
    background-position: 0px -259px;
    height: 130px;
    width: 155px;
}
.color-1-nosotros:hover>a>div>div>.icono-logo-sf {
    background-position: 0px -394px;
}
.color-1-nosotros:hover>a>div>.letter-nosotros {
    color: white!important;
}

/*------------------Cuadro 2 hover -------------------------*/
.border-2-nos{
    border-width: 0px .5px .5px .5px;
}
.color-2-nosotros:hover{
    transition: 1s;
    background: #1b9195;
    color: #FFFFFF;

}
.color-2-nosotros>a>div>div>.icono-valor2 {
    background-position: -10px -2px;
    height: 130px;
    width: 115px;
}
.color-2-nosotros:hover>a>div>div>.icono-valor2 {
    background-position: -10px -137px;
}
.color-2-nosotros:hover>a>div>.letter-nosotros {
    color: white!important;
}
/*------------------Cuadro 3 hover -------------------------*/
.border-3-nos{
    border-width: 0px 0px .5px .5px;
}
.color-3-nosotros:hover{
    transition: 1s;
    background: #0d71b1;
    color: #FFFFFF;
}
.color-3-nosotros>a>div>div>.icono-valor3 {
    background-position: -141px -2px;
    height: 130px;
    width: 127px;
}
.color-3-nosotros:hover>a>div>div>.icono-valor3 {
    background-position: -141px -139px;
}
.color-3-nosotros:hover>a>div>.letter-nosotros {
    color: white!important;
}
/*------------------Cuadro 4 hover -------------------------*/

.color-4-nosotros:hover{
    transition: 1s;
    background: #b1c800;
    color: #FFFFFF;
}
.border-4-nos{
    border-width: .5px .5px 0px 0px;
}
.color-4-nosotros>a>div>div>.icono-valor4 {
    background-position: -285px -2px;
    height: 137px;
    width: 111px;
}
.color-4-nosotros:hover>a>div>div>.icono-valor4 {
    background-position: -284px -138px;

}
.color-4-nosotros:hover>a>div>.letter-nosotros {
    color: white!important;
}
/*------------------Cuadro 5 hover -------------------------*/
.border-5-nos{
    border-width: .5px .5px 0px .5px;
}
.color-5-nosotros:hover{
    transition: 1s;
    background: #ffbc2c;
    color: #FFFFFF;
}
.color-5-nosotros>a>div>div>.icono-valor5 {
    background-position: 396px -2px;
    height: 137px;
    width: 112px;
}
.color-5-nosotros:hover>a>div>div>.icono-valor5 {
    background-position: -420px -141px;

}
.color-5-nosotros:hover>a>div>.letter-nosotros {
    color: white!important;
}
/*------------------Cuadro 6 hover -------------------------*/
.border-5-1-nos{
    border-width: .5px .5px 0px .5px;
}
.color-6-nosotros:hover{
    transition: 1s;
    background: #e95e40;
    color: #FFFFFF;
}
.color-6-nosotros>a>div>div>.icono-valor6 {
    background-position: 258px 0px;
    height: 137px;
    width: 106px;
}
.color-6-nosotros:hover>a>div>div>.icono-valor6 {
    background-position: 258px -136px;
}
.color-6-nosotros:hover>a>div>.letter-nosotros {
    color: white!important;
}
/*------------------Cuadro 7 hover -------------------------*/

.color-7-nosotros:hover{
    transition: 1s;
    background: #db404a;
    color: #FFFFFF;
}
.border-6-nos{
    border-width: .5px 0px 0px .5px;
}
.color-7-nosotros>a>div>div>.icono-valor7 {
    background-position: 127px 2px;
    height: 137px;
    width: 116px;
}
.color-7-nosotros:hover>a>div>div>.icono-valor7 {
    background-position: 127px -134px;
}
.color-7-nosotros:hover>a>div>.letter-nosotros {
    color: white!important;
}
/*------------------------Fin de colores hover---------------------------*/
.uk-list-bullet>li::before {
    background-size: 30%!important;
    background-image: url("../../img/miscelanea/punto.png")!important;
}
.lista-cer{
    background: #1c9294;
    color: #ffffff;
}
.text-aviso{
    color: #2e527c;
}
.index-1{
    padding-top: 50px;
    background: #2a4e78 url("../../img/miscelanea/textura-logos.png");
}
.color-nav-r{
    background-color: #2a4e78;
}
.color-nav{
    background-color: #2e527c!important;
}
.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
    border-bottom: solid 8px #2e527c;
}

.op-n {
    border-bottom: solid 3px #b3c70000!important;
    font-weight: bold;
}

@media (max-width: 1200px){ /*Tamaño m*/
    #n4 {
        padding-bottom: 0px;
    }
}

@media (max-width: 960px){ /*Tamaño m*/
    .border-1-nos{
        border-width: 0px 0px .5px 0px;
    }
    .border-4-nos,
    .border-2-nos{
        border-width: .5px .5px .5px 0px;
    }
    .border-3-nos,
    .border-5-nos{
        border-width: .5px 0px .5px .5px;
    }
    .border-5-1-nos{
        border-width: .5px .5px 0px 0px;
    }
    .border-6-nos{
        border-width: .5px 0px 0px .5px;
    }



}
@media (max-width: 820px){

}
@media (max-width: 640px){/* Tamaño s*/

}
@media (max-width: 550px){

}