/* 
    Created on : Dec 27, 2018, 3:42:01 PM
    Author     : Karen Gutiérrez <kgutierrez@solucionfactible.com>
*/
/* Menu #2a4e78*/
@import "/../../../recursos/css/contacto.css";

#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;
}

#menu #m1:hover, #menu #m2:hover, #menu #m3:hover, #menu #m4:hover, #menu #m5:hover {
    border-bottom: 3px solid #0D71B1;
    background: url(/../../../recursos/img/fondoMenuAzul.png);
    background-repeat: no-repeat;
    background-position-y: 18px;
    background-position-x: center;
}





.texto1 { 
    color: #FFFFFF;
    font-family: 'Lato-Black';
    font-size: 50px;
    letter-spacing: 6px;
    line-height: 87px;
}

.texto2 {
    font-family: 'Lato-Regular';
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 35px;
    padding-top: 25px;
    min-height: 110px;
}

#presentacion {
    padding-top: 55px;
    background-color: #FFFFFF;
    min-height: 350px;
}

#b1 {
    font-family: 'Lato-Black';
    color: #FFFFFF;
    position:relative;
}



#b1 #b-subtitulo {
    font-size: 30px;
    letter-spacing: 2px;
}

#b1 .b-texto {
    padding-top: 20px;
    font-size: 25px;
    letter-spacing: 1px;
    height: 300px;
}
#b1 #b-contenedor1 {
    padding-right: 35px;
    background-color: #395B82;
}

#b1 #b-contenedor2 {
    padding-left: 35px;
    background-color: #5D7999;
}


@media only screen and (max-width: 992px) {
    div#icono5.icons-soporte{
        top:50%;
    }
}

#contacto #contacto-titulo {
    /*padding-top: 25px;*/
    font-size: 30px;
    line-height: 35px;
    color: #FFFFFF;
    font-family: 'Lato-Regular';

}

#contacto #form {
    color: #FFFFFF;
    min-height: 345px;
}

#contacto input:-webkit-autofill,
#contacto input:-webkit-autofill:hover, 
#contacto input:-webkit-autofill:focus, 
#contacto input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #1C9294 inset !important;
    -webkit-text-fill-color: #ffffff !important;
}

input.field {
    background-color: #1C9294;
    width: 440px;
    border-bottom: 1px solid #FFFFFF; 
}

::placeholder {
    color: #FFFFFF;
}

:-ms-input-placeholder {
    color: #FFFFFF;
}



#b4 {
    padding-top: 25px;
    color: #2A4E78;
    font-size: 20px;
    background-color: #FFFFFF;
    min-height: 280px;
    border-left: 2px solid #e3e3e3;
}

div#b4-contenedor1, div#b4-contenedor2 {
    border-right: 2px solid gray;

}

div#b4-contenedor1, div#b4-contenedor3  {
    padding: 32px;
}

div#b4-texto {
    padding-right: 35px;
}

div#icono8.icons-soporte {
    padding-right: 30px;
    height: 75px; 
    width: 88px;
    background-position: -67px -69px;
}


div#icono10.icons-soporte {
    padding-right: 30px;
    height: 75px; 
    width: 88px;
    background-position: 10px -73px;
}


/*----------------------------- Soporte nuevo*/
.color-nav{
    background-color: #2e527c!important;
}
.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
    border-bottom: solid 8px #2e527c!important;
}
.container-2-servicios{
    padding-top: 55px;
    background-color: #FFFFFF;
    box-shadow: 0 7px 9px 0 #b5b5b5 inset;
    min-height: 350px;
}
.container-3-servicios{
    background-color: #2A4E78;
}
.icons-soporte{
    background: url(/../../../recursos/img/soporte/soporte.png) no-repeat;
    height: 75px;
}
.icono-7-servicios{
    padding-right: 30px;
    height: 75px;
    width: 88px;
    background-repeat: no-repeat;
    background-position: -230px -73px;
}
.container-4-servicios{
    padding-bottom: 30px!important;
    padding-top: 30px!important;
    color: #2A4E78;
    box-shadow: 0 7px 9px 0 #B5B5B5 inset;
    min-height: 280px;
}
.border-right-2-soluciones{
    border-right: solid 2px  #808080;
}
.icono-1-servicios{
    height: 90px;
    width: 92px;
    background-position: -600px 0;
}
.icono-2-servicios{
    width: 74px;
    background-position: 0 0;
}
.icono-3-servicios{
    width: 75px;
    background-position: -75px -9px;
}
.icono-4-servicios{
    width: 88px;
    background-position: -138px -3px;
}
.icono-5-servicios{
    width: 87px;
    background-position: -213px 0;
}
.icono-6-servicios{
    background-position: -300px 0;
    width: 74px;
}
.icono-8-servicios{
    padding-right: 30px;
    height: 75px;
    width: 88px;
    background-position: -67px -69px;
}
.icono-9-servicios{
    padding-right: 30px;
    height: 75px;
    width: 88px;
    background-position: -146px -77px;
}
.icono-10-servicios {
    padding-right: 30px;
    height: 75px;
    width: 88px;
    background-position: 10px -73px;
}
.icono-11-servicios{
    width: 98px;
    background-position: -62px -67px;
}
.text-icono-servicios{
    color: #2A4E78!important;
}
.text-icono-servicios:hover{
    color: #1b9195!important;
}
.container-1-servicios{
    box-shadow: 0 10px 30px #182c44 inset;
    background: #2a4e78 url("../../img/miscelanea/textura-logos.png");
}
.text-titulo{
    border-bottom: 2px solid #FFFFFF;
    bottom: 8px;
    color: #ffffff;
    font-family: 'Lato-Black';
    font-size: 50px;
    letter-spacing: 6px;
    line-height: 87px;
}
.ordenes-servicios{
    background-color: #2A4E78;
    box-shadow: 0 10px 30px #182c44 inset;
}
.reloj-servicios{
    position:absolute;
    bottom:12px;
    right: -37px;
}
.color-nav-r{
    background-color: #2a4e78;
    padding: 0 40px 10px 0;
    margin-top: 0;
}
.contenedor-p-servicios{
    box-shadow: 0 7px 9px 0 #B5B5B5 inset;
}
.contacto-servicios {
    background-color: #1C9294;
    box-shadow: 0 7px 9px 0 #196c6e inset;
}
/* ----------- MEDIA QUERY  */

@media (max-width: 1700px){

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

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

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

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

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

}
@media (max-width: 640px){/* Tamaño s*/
   .padding-tel-servicios{
        padding-right: 20px;
    }
    .reloj-servicios{
        position:absolute;
        bottom:-35px;
        right: 40%;
    }
    /*.imglogin {*/
        /*background-color: #2a4e78;*/
    /*}*/
    .border-right-2-soluciones{
        border: none;
        border-bottom: solid 2px  #808080;
    }
}
@media (max-width: 550px){
}