/* Solucion Factible Consultores, 2018 */
/* common.css */
@import "pruebaValidadorCFDI.css";
    .contenedor-header-menu{
        padding: 15px!important;
        
    }
  .contenedor-header-menu div a{
        color: #2A4F7A!important;
    }
    .titulo-header-menu{        
        font-weight: bolder;
        font-size: 1em;
    }
    .subtitulo-header-menu{
        padding: 5px;
    }
    .sub-hm{
        border-bottom: solid 2px transparent;
        padding: 5px;
    }
    .sub-hm:hover{
        background-image: url(../img/general/flecha-r.svg);
        background-repeat: no-repeat;
        background-position: right;
        background-size: 10px;
        border-bottom: solid 2px #b1c800;
        transition: .5s;
    }
#container {
    --gray-light:#BCC2CD;
    --gray:#516571;
    --gray-1: #bcc2c2;
    --green-dark-cyan:#1B9195;
    --green-mint:#58b5b6;
    --red:#DB404A;
    --orange:#E95E40;
    --yellow:#FFBC2C;
    --green-lime:#B1C800;
    --blue-light:#B7DBEF;
    --blue:#0D71B1;
    --blue-dart:#2A4F7A;
    --blue-navy:#2A4E78;
    --blue-violet:#5D799A;
    --french-lilac:#8EA2B9;
    --violet-light:#D9DFE7;
}

.lhn{
    line-height: normal;
}

.uk-link, a, .lupe, button{
    cursor:  pointer!important;
}

body {
    background-color: #4d4d4d;
    font-family: 'Lato-Regular';
    font-size: 16px;
    color:  #2A4F7A;
}
/*----------------- Ocultar recaptcha ---------------------*/
.grecaptcha-badge {opacity:0}

/* Common classes */

.gray { color: #516570 }
.white { color: #ffffff }
.navy { color: #2a4e78 }

b, .bold { font-family: 'Lato-Black'; font-weight: normal; }
.italic { font-style: italic }

.aLeft { text-align: left }
.aRight { text-align: right }

.nodec {
    font-size: 1.2em;
    text-decoration-line: none;
}

.borderBottom {
    border-bottom: 2px solid #ffffff;
    padding-bottom: 5px;
    color: #2a4e78;
    text-align: center;
    width: 90px;
    line-height: 15px;
}
.uk-tab>*>a {
    text-transform: none!important;

}
.borderBottom:hover {
    border-bottom: 2px solid #b3c700;
}

/* Header */
#header {
    background-color: #a8b1bd;
}

#header nav{
    padding:0;
}

#header nav #h1 #imageSmallLogo{
    background: transparent url(/../../recursos/img/miscelanea/general.png) scroll no-repeat -35px -515px;
    width: 165px;
    height: 100%;
    /*background-position: -35px -515px;*/
    margin-left: 25px;
}

#header nav #h2,#header nav #h3{
    text-align: center;
    padding-top: 10px;
}

#header nav #h2{
    padding-left: 30px;
}

#header nav #h3{
    padding-right: 30px;
}

#header nav #h4{
    padding:0;
    text-align: right;
}

#header nav #h4 .imageSmallLoginContent {
    width: 205px;
    height: 45px;
    background-color: #b1c800;
    color: #546a69;
    float: right;
    display: flex;
}

#header nav #h4 .imageSmallLoginContent:hover {
    color: #ffffff;
}


#header nav #h4 .imageSmallLoginContent .imageSmallLogin {
    background: transparent url(/../../recursos/img/miscelanea/general.png) scroll no-repeat 0 -515px;
    width: 35px;
    height: 100%;
    /*background-position: 0 -515px;*/
    margin-left: 20px;
}

#header nav #h4 .imageSmallLoginContent span {
    margin-left: 12px;
    font-family: Lato-Black;
    display: flex;
    justify-content: center;
    align-items: center;

}

/* Menu */
#menu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 33px;
    justify-content: flex-end;
    position: relative;
}

#menu #m1, #menu #m2, #menu #m3, #menu #m4, #menu #m5 {
    float: left;
    height: 33px;
    line-height: 33px;
    text-align: center;
}

#menu #m1 a, #menu #m2 span, #menu #m3 > a, #menu #m4 a, #menu #m5 a {

    text-decoration: none;
}

#menu #m1:hover, #menu #m2:hover, #menu #m3:hover, #menu #m4:hover, #menu #m5:hover {
    border-bottom: 3px solid #b3c700;
    background: url(/../../recursos/img/miscelanea/fondoMenu.png) no-repeat 6px center;
    /*background-position-y: 6px;*/
    /*background-position-x: center;*/
}

#menu #m1 {
    order: 1;
    width: 70px;
}

#menu #m2 {
    order: 2;
    width: 98px;
}
.uk-button-green{
    border: none;
    color: white;
    font-size:16px;
    border-radius: 7px;
    height: 40px;
    width: auto;
    background-color: #b3c700;
}
#menu #m3 {
    order: 3;
    width: 106px;
}

#menu #m4 {
    order: 4;
    width: 190px;
}

#menu #m5 {
    order: 5;
    width: 164px;
}

/* Dropdown Productos*/
.ddp {
    position: relative;
    display: inline-block;
}

.ddp-content {
    background-color: #ffffff;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.3);
    display: none;
    height: 150px;
    left: -547px;
    position: absolute;
    text-align: left;
    width: 990px;
    z-index: 1;
}

.ddp-content div.column {
    float: left;
    width: 165px;
}

.ddp-content div.column ul {
    list-style: none;
    padding-left: 0;
}

.ddp-content div.column ul li {
    height: 20px;
    line-height: 20px;
    padding-left: 10px;
    width: 155px;
}

.ddp-content div.column ul li a {
    color: #2a4e78;
    font-family: 'Lato-Regular';

    text-decoration: none;
}



.ddp-content #more {
    background-color: #d9d9d9;
    float: left;
    height: 30px;
    text-align: center;
    width: 990px;
}
.uk-panel-scrollable {
    height: 299px!important;
    width: 100%!important;
    padding: 10px;
    border: 1px solid #e5e5e5;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    resize: both;
}

.ddp-content #more a {
    color: #2a4e78;
    font-family: 'Lato-Black';
    text-decoration: none;
}

.ddp:hover .ddp-content {
    display: block;
}

.ddp-content div.column ul li:hover {
    background-color: #cccccc;
}

.ddp-content div.column:hover + #menu #m3 > a {
    border-bottom: 3px solid #b3c700;
    font-weight: bold;
    padding: 6px;
}

/* Dropdown Nosotros*/
.ddn {
    position: relative;
    display: inline-block;
}

.ddn-content {
    background-color: #ffffff;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.3);
    display: none;
    height: 290px;
    left: 10px;
    position: absolute;
    text-align: left;
    width: 200px;
    z-index: 1;
}

.ddn-content .columnNosotros{
    float: left;
    width: 160px;
}

.ddn-content a {
    color: #2a4e78;
    font-size: 10px;
    height: 25px;
    text-decoration: none;
    display: block;
}

.ddn-content ul {
    list-style: none;
    padding-left: 0;
}

.ddn-content ul li {
    padding-left: 10px;
    line-height: 20px;
    height: 20px;
}

.ddn:hover .ddn-content {
    display: block;
}

.ddn-content ul li:hover {
    background-color: #cccccc;
}


.letter1 {
    margin: 0 auto;
    font-size: 23px;
    font-family: Lato-Black;
    letter-spacing: 1px;
    /* display: inherit; */
    /* border-right: 2px solid gray; */
    /* min-width: 300px; */
    justify-content: center;
    /* align-items: center; */
    /*  */
}

.optionContentImage,
#contactenos #contactenosImages .contentImage{
    background: transparent url(/../../recursos/img/miscelanea/general.png) scroll no-repeat;
    width: 65px;
    height: 65px;
}


/* Login */
#login {
    background-color: #e65f40;
    color: #ffffff;
    min-height: 140px;
    text-align: center;
    width: 100%;
}

/*---------------  slider  */
.banner {
    background-color: #666666;
    min-height: 280px;
    line-height: 280px;

}
/* Footer */
#footer {
    position: relative;
}

#footer #foot1 {
    background-color: #1c9294;
    line-height: 36px;
    text-align: center;
}

#footer #foot1 a{
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
}

#footer #foot2 {
    background-color: #b3c700;
    line-height: 42px;
    text-align: center;
}

#footer #foot3 {
    background-color: #1c9294;
    color: #2a4e78;
    font-size: 16px;
    padding: 1%;
}

#footer #foot3 #paragraph1 {
    color: #ffffff;
    font-size: 1em;
    max-width: 315px;
    margin: 20px auto;
    /*margin-top: 20px;*/
    /*margin-bottom: 20px;*/
}

#footer #foot3 #paragraph2 {
    color: #ffffff;
    font-size: 1.2em;
    line-height: 1em;
    text-align: right;
    max-width: 620px;
    margin: 20px auto;
    /*margin-top: 20px;*/
    /*margin-bottom: 20px;*/
    position: relative;
}

#footer #foot3 #paragraph2 #container{
    max-width: 300px;
    margin: 0 auto;
    font-family: 'Lato-Regular';
}

.flecha{
    background: transparent url(/../../recursos/img/miscelanea/general.png) scroll no-repeat -392px -263px;
    /*background-position: -392px -263px;*/
    width: 60px;
    height: 60px;
    position: absolute;
    right: 20px;
    top: 15px;
}

#footer #foot3 #paragraph2 .alignLeft{
    float: left;
}

#footer #foot3 #paragraph2 #imagesRedesSociales{
    max-width: 60px;
    min-height: 50px;
    float: right;
    margin-right: -5px;
}

#footer #foot3 #paragraph2 #imagesRedesSociales .redesSocialesImage {
    background: transparent url(/../../recursos/img/miscelanea/general.png) scroll no-repeat;
    width: 30px;
    height: 30px;
}

#footer #foot3 #paragraph2 #imagesRedesSociales #imageFacebook {
    background-position: -390px -61px;
}

#footer #foot3 #paragraph2 #imagesRedesSociales #imageTwitter {
    background-position: -390px -126px;
}

#footer #foot4 {
    background-color: #59b5b5;
    color: #ffffff;
    font-family: 'Lato-Black';
    font-size: 13px;
    line-height: 32px;
    text-align: center;
}

#footer #foot5 {
    background-color: #4f636e;
    color: #ffffff;
    font-size: 12px;
    line-height: 45px;
    text-align: center;
}

#footer #foot5 a {
    padding: 15px;
    font-family: 'Lato-Light';
}


/* clases para ventana flotante (chat) */

.chatSection {
    overflow: hidden;
    position: fixed;
    bottom:120px;
    z-index: 1500;
    height: 238px;
    box-shadow: 5px 0 20px;
}

.chatBackground {
    background-image: url(/../../recursos/img/soporte/ventana_flotante_chat.png);
    background-repeat: no-repeat;
}

.chatFirstSection {
    background-position: 0 0;
    height: 238px;
    width: 240px;
    display: inline-block;
}

.chatSecondSection {
    display: inline-block;
    height: 238px;
    width: 37px;
    margin-left: -3px;
}

.chatCloseSection {
    background-position: -240px 0;
    height: 33px;
    width: 37px;
}

.chatClickSection {
    background-position: -240px -33px;
    height: 205px;
    width: 37px;
}

.clean, .clean > div {
    padding: 0;
    margin: 0;
}

/*------------------------------------------Creado por David Orozco------------------------------------------------------------------*/

/*----------------- Miselanea*/
.padding-t-f{
    padding-top: 80px;
    padding-bottom: 10px;
}
/* login-2 */
.uk-button-login-1 {
    background: #db404a;
    border-radius: 10px;
    color:  white!important;
    border: solid 2px #db404a!important;
}
/* Hover + Focus */
.uk-button-login-1:active,
.uk-button-login-1.uk-active,
.uk-button-login-1:hover,
.uk-button-login-1:focus {
    background-color: transparent;
    border: solid 2px  #db404a;
    color: #db404a!important;
    font-weight: bold;
}
/* login-2 */
.uk-button-login-2 {
    background: #b1c800;
    border-radius: 10px;
    color:  white!important;
    border: solid 2px #b1c800!important;
}
/* Hover + Focus */
.uk-button-login-2:active,
.uk-button-login-2.uk-active,
.uk-button-login-2:hover,
.uk-button-login-2:focus {
    background-color: transparent;
    border: solid 2px  #b1c800;
    color: #b1c800!important;
    font-weight: bold;
}
.contentImage{
    background: transparent url(/../../recursos/img/miscelanea/general.png) scroll no-repeat;
    width: 65px;
    height: 65px;
}
.uk-accordion-content {
    margin-top: 0!important;
}
.sub-cel-menu{
    font-size: 1em!important;
}
.uk-accordion>:nth-child(n+2) {
    margin-top: 5px!important;
}


ul.uk-nav-sub {
    padding: 5px 0 5px 0!important;
}

.uk-accordion-content li:hover {
    border-bottom: solid .5px white;
}

/*new footer*/
.color-white{
    color: white!important;
}

.padding-0-l{
    padding-top: 0;
}
.homeimg{
    background: transparent url(/../../recursos/img/miscelanea/general.png) scroll no-repeat;
    width: 30px;
    height: 30px;
}

.facebookimg{
    background-position: -390px -61px;
}

.twitterimg {
    background-position: -390px -126px;
}
/*end new footer*/

/*new header*/
header{
    background-color: #a8b1bd;
}

.imglogin{
    width: 205px;
    padding: 6px 0 6px 20px;
    background-color: #b1c800;
    color: #4b4b4b;
    float: right;
    display: flex;
}

.imglogin:hover {
    color: #ffffff;
}

.imglogin .imageSmallLogin {
    background: transparent url(/../../recursos/img/miscelanea/general.png) scroll no-repeat 0 -515px;
    width: 35px;
    height: 100%;
    /*background-position: 0px -515px;*/
    margin-left: 20px;
}
.imglogo{
    background: transparent url(/../../recursos/img/miscelanea/general.png) scroll no-repeat -35px -522px;
    width: 165px;
    height: 28px;
    /*background-position: -35px -522px;*/
    margin-left: 25px;
}

.imglogin span {
    margin-left: 12px;
    font-family: Lato-Black;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
}

.line-right{
    border-right: solid 2px gray;
}

.home-icon{
    padding: 0;
}

/*  -----------NAVEGACIÓN   */
.uk-navbar-dropdown>div>div>ul>li>a>i{
    position: absolute;
    right: 5px;
    color: #b3c700;
    visibility: hidden;
}

.uk-navbar-dropdown>div>div>ul>li:hover>a>i{
    visibility: visible;
}

.uk-navbar-dropdown>div>div>ul>li{
    position: relative;
    border: solid 2px transparent;
}

.uk-navbar-dropdown>div>div>ul>li:hover{
    border-bottom: solid 2px #b1c800;
    transition: .5s;
}

.uk-navbar-dropdown>div>div>a{
    border: solid 1px transparent;
    font-size: 1.1em;
}

.uk-navbar-dropdown{
    display: none;
    position: absolute;
    z-index: 1020;
    box-sizing: border-box;
    width: 250px!important;
    padding: 25px;
    background: #fff;
    color: #666;
    box-shadow: 0 5px 12px rgba(0,0,0,.15);
}

.uk-offcanvas-bar {
    background: #4d4d4d!important;
    box-shadow: 0 10px 30px black;
    overflow-y: hidden!important;

}

.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
    font-family: Lato-Regular!important;
    outline: none;
    font-size: 1em!important;
    color: #FFFFFF!important;
    min-height: 30px!important;
    padding-top: 5px!important;
    text-transform: capitalize;
    border-bottom: solid 8px #329ca0;
}

.uk-navbar-nav > li.uk-active > a,
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li > a.uk-open {
    outline: none;
    font-size: 1em!important;
    color: #FFFFFF;
    text-transform: capitalize;
    font-weight: normal;
    border-bottom: solid 3px #b3c700!important;
    background-image: url("/../../recursos/img/miscelanea/menu-nav.png");
    background-position: bottom;
    background-size: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-repeat: no-repeat;
}

.uk-navbar-dropdown{
    padding: 0;
}

.nosotros .uk-navbar-dropdown[style] {
   left: -60px !important;
}  
.uk-navbar-dropdown-nav>li> {
    color: #212529;
    font-weight: bold;
    border-bottom: solid 2px white!important;
    font-size: .8em;
}

.uk-navbar-dropdown-nav>li>a{
    border-bottom: solid 2px white!important;
}


.uk-navbar-dropdown>ul>li>a>i{
    position: absolute;
    right: 20px;
    color: #b3c700;
    visibility: hidden;
}
.uk-nav-sub a:hover {
    border-bottom: solid 1px white;
}
.uk-nav-sub a{
    border-bottom: solid 1px transparent;
}

.uk-navbar-dropdown>ul>li:hover>a>i{
    visibility: visible;
}

.uk-navbar-dropdown-nav>li>:hover {
    font-weight: bolder;
    border-bottom: solid 2px #b3c700!important;
    transition: .5s;
}


.cein>[class*=uk-navbar-dropdown-bottom] {
    margin-top: 0!important;
    margin-left: 71%;
}

.nosotros>[class*=uk-navbar-dropdown-bottom] {
    margin-top: 0!important;
    margin-left: 536px;
    -moz-margin-start: 455px;
}

[class*=uk-navbar-dropdown-bottom] {
    margin-top: 0!important;
}
.color-black{
    color: #000000!important;
}

.uk-link, a {
    color: #212529!important;
}

.chat-s{
    border-radius:0 0 0 30px;
    padding:10px;
    background: #329ca082;
}

.chat-s:hover{
    border-radius: 30px;
    padding:20px;
    margin: 20px;
    transition: 2s;
    background: #b1c800;
    border: solid 2px #546a69;
}
.pl100{
    padding-left: 100px;
}
/*-------------------------Footer-----------------------------------------------------------*/
.border-r-1-w{
    border-right: solid 1px white;
}
.p-f-v-20{
    padding-top: 20px;
    padding-bottom: 20px;
}
.chat-s-fixed{
    position: fixed;
    top: 0;
    right: 0;
}

.margen-left-menos-20{
    margin-left: -20px;
}
.position-facebook{
    position:absolute;
    bottom: -15px;
    right: 10px;
}
.position-twitter{
    position:absolute;
    bottom: -15px;
    right: 50px;
}

/*  ---------- GENERALES    */
/* Change autocomplete styles in WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: none;
    border-bottom: 1px solid #ffffff;
    -webkit-text-fill-color: white;
    font-size: 1.1em;
    transition: background-color 5000s ease-in-out 0s;
}
.uk-input-login{
    border: none;
    background: transparent!important;
    border-bottom: 1px solid #ffffff;
    color: #FFFFFF;
    font-size: .9em;
    height: 44px;
    width: 100%;
}
.uk-input-login::-webkit-input-placeholder { color: white;  padding: 3px 10px 3px 10px;  font-size: 1.1em; } /* WebKit */
.uk-input-login:-moz-placeholder { color: white;  padding: 3px 10px 3px 10px;  font-size: 1.1em; } /* Firefox 18- */
.uk-input-login::-moz-placeholder { color: white;  padding: 3px 10px 3px 10px;  font-size: 1.1em; } /* Firefox 19+ */
.uk-input-login:-ms-input-placeholder { color: white;  padding: 3px 10px 3px 10px;  font-size: 1.1em; } /* IE 10+ */

.input-fail{
    border: none;
    background: transparent!important;
    border-bottom: 1px solid #DB404A;
    color: #DB404A;
    font-size: .9em;
    height: 44px;
    width: 100%;
}
.input-fail::-webkit-input-placeholder { color: #DB404A!important;  padding: 3px 10px 3px 10px;  font-size: 1.1em; } /* WebKit */
.input-fail:-moz-placeholder { color: #DB404A!important;  padding: 3px 10px 3px 10px;  font-size: 1.1em; } /* Firefox 18- */
.input-fail::-moz-placeholder { color: #DB404A!important;  padding: 3px 10px 3px 10px;  font-size: 1.1em; } /* Firefox 19+ */
.input-fail:-ms-input-placeholder { color: #DB404A!important;  padding: 3px 10px 3px 10px;  font-size: 1.1em; } /* IE 10+ */

.imageT {
    width: 70px;
}

.fma{
    float: left;
}

.am0{
    background: white;
}
.am1{
    background:#B1C800;
}
.am2{
    background: #67B2DE;
}
.am3{
    background: #FFBC2C;
}
.am4{
    background: #1B9195;
}


.uk-input-dudas {
    border: none;
    background: transparent!important;
    border-bottom: 1px solid #ffffff;
    color: #FFFFFF;
    font-size: .9em;
    height: 45px;
    padding-left: 5px;
    width: 80%;
}
.uk-input-dudas::-webkit-input-placeholder { color: white;  padding: 3px 10px 3px 10px;  font-size: 1.1em; } /* WebKit */
.uk-input-dudas:-moz-placeholder { color: white;  padding: 3px 10px 3px 10px;  font-size: 1.1em; } /* Firefox 18- */
.uk-input-dudas::-moz-placeholder { color: white;  padding: 3px 10px 3px 10px;  font-size: 1.1em; } /* Firefox 19+ */
.uk-input-dudas:-ms-input-placeholder { color: white;  padding: 3px 10px 3px 10px;  font-size: 1.1em; } /* IE 10+ */





a{
    text-decoration: none!important;
}
a,
a:hover,
.uk-button,
.uk-button:hover,
.transicion,
.transicion:hover,
.imagen-naranja,
.imagen-negro{
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
#totop{
    position: fixed;
    z-index: 99;
    right: 35px;
}
#totop a{
    color: white;
    font-size: 30px;
    height: 60px;
    width: 60px;
}
h1{
    font-size: 1.2em;
}
h2{
    font-size: 1.1em;
}
h3,h4,h5,h6{
    font-size: 1em;
}
.alpha0{
    opacity: 0;
}
.claro,
.alpha-1-5:hover{
    opacity:.6;
}
.oscuro,
.alpha-1-0:hover{
    opacity:0;
    display: none;
}
.alpha-1-0,
.alpha-1-5,
.claro:hover,
.oscuro:hover,
.alpha1hover:hover{
    opacity: 1;
}
.margen-footer-1{
    margin: -10px -10px 0 0;
}
.margen-0{
    margin: 0 0 0 0!important;
}
.margen-top-5{
    margin-top: 5px;
}
.margen-top-10{
    margin-top: 10px;
}
.margen-top-20{
    margin-top: 20px;
}
.margen-top-50{
    margin-top: 50px;
}
.margen-top-menos-150{
    margin-top: -150px;
}
.margen-top-menos-100{
    margin-top: -100px;
}
.margen-top-menos-50{
    margin-top: -50px;
}
.margen-top-menos-20{
    margin-top: -20px;
}
.margen-top-menos-10{
    margin-top: -10px;
}
.margen-bottom-50{
    margin-bottom: 50px;
}
.margen-bottom-10{
    margin-bottom: 10px!important;
}
.margen-h-5{
    margin-left: 5px;
    margin-right: 5px;
}
.margen-h-50{
    margin-left: 50px;
    margin-right: 50px;
}
.margen-v-20{
    margin-bottom: 20px;
    margin-top: 20px;
}
.margen-v-50{
    margin-bottom: 50px;
    margin-top: 50px;
}
.margen-v-70{
    margin-bottom: 70px;
    margin-top: 70px;
}
.margen-right-50{
    margin-right: 50px;
}
.margen-right-menos-50{
    margin-right: -45px;
}
.margen-right-menos-20{
    margin-right: -15px;
}
.padding-bottom-10{
    padding-bottom: 10px;
}
.padding-bottom-20{
    padding-bottom: 20px;
}
.padding-bottom-30{
    padding-bottom: 30px;
}
.padding-bottom-50{
    padding-bottom: 50px;
}
.padding-bottom-100{
    padding-bottom: 100px;
}
.padding-top-5{
    padding-top: 5px;
}
.padding-top-10{
    padding-top: 10px;
}
.padding-top-20{
    padding-top: 20px;
}
.padding-top-30{
    padding-top: 30px;
}
.padding-top-40{
    padding-top: 40px;
}
.padding-top-50{
    padding-top: 50px;
}
.padding-top-70{
    padding-top: 70px;
}
.padding-top-100{
    padding-top: 100px;
}
.padding-top-200{
    padding-top: 200px;
}
.padding-v-3{
    padding-bottom: 3px;
    padding-top: 3px;
}

.padding-v-10{
    padding-bottom: 10px;
    padding-top: 10px;
}

.padding-v-40{
    padding-bottom: 40px;
    padding-top: 40px;
}
.padding-v-50{
    padding-bottom: 50px;
    padding-top: 50px;
}
.padding-v-100{
    padding-bottom: 100px;
    padding-top: 100px;
}
.padding-left-10{
    padding-left: 10px;
}
.padding-left-20{
    padding-left: 20px;
}
.padding-left-30{
    padding-left: 30px;
}
.padding-left-20-2{
    padding-left: 20px;
}
.padding-left-50{
    padding-left: 50px;
}
.padding-left-70{
    padding-left: 70px;
}
.padding-left-100{
    padding-left: 100px;
}
.padding-left-200{
    padding-left: 200px;
}
.padding-right-10{
    padding-right: 10px;
}
.padding-right-20{
    padding-right: 20px;
}
.padding-right-30{
    padding-right: 30px;
}
.padding-right-50{
    padding-right: 50px;
}
.padding-right-100{
    padding-right: 100px;
}
.padding-h-10{
    padding-left: 10px;
    padding-right: 10px;
}
.padding-h-20{
    padding-left: 20px;
    padding-right: 20px;
}
.padding-h-50{
    padding-left: 50px;
    padding-right: 50px;
}
.padding-h-70{
    padding-left: 70px;
    padding-right: 70px;
}
.padding-0{
    padding: 0 !important;
}
.padding-5{
    padding:5px;
}
.padding-15-s{
    padding: 15px!important;
}
.padding-10{
    padding:10px;
}
.padding-15{
    padding:15px;
}
.padding-20{
    padding:20px;
}
.padding-30{
    padding:30px!important;
}
.padding-50{
    padding:50px;
}
.min-height-150px{
    min-height: 150px;
}
.min-height-250px{
    min-height: 250px;
}
.max-height-300px{
    max-height: 300px;
}
.min-height-500px{
    min-height: 500px;
}
.max-width-200{
    max-width: 200px;
}
.max-width-600{
    max-width: 600px;
}
#map{
    height: 400px;
}
.text-5{
    font-size: .5em;
}
.text-6{
    font-size: .6em;
}
.text-xs,
.text-7{
    font-size: .7em;
}
.text-8{
    font-size: .8em;
}
.text-sm,
.text-9
{
    font-size: .9em;
}
.text-11
{
    font-size: 1.1em;
}


.text-v{
    writing-mode: vertical-lr;
    transform: rotate(180deg);
}
.uk-text-bold{
    font-weight: 600;
}
.uk-text-light{
    font-weight: 300;
}

.l-sp-2{
   letter-spacing:  2px;
}
.l-sp-5{
    letter-spacing:  2px;
}
/* personal */
.uk-button-personal {
    background: #b3c700;
    border-radius: 10px;
    font-size: 0;
    color:  #2a4e78!important;
    border: solid 2px #b3c700!important;
}
/* Hover + Focus */
.uk-button-personal:active,
.uk-button-personal.uk-active,
.uk-button-personal:hover,
.uk-button-personal:focus {
    background-color: transparent;
    border: solid 2px  #b3c700;
    color: #b3c700!important;
    font-weight: bold;
}

.flleft{
    float: right;
}
/* danger */
.uk-button{
    font-weight: 700;
    text-transform: none;
}
.uk-button-danger{
    background: #f00;
    color: #fff;
}
.uk-button-danger:active,
.uk-button-danger.uk-active{
    background: #d00;
    color: #fff;
}
.uk-button-danger:hover,
.uk-button-danger:focus{
    background: #a00;
    color: #fff;
}

/* inverse */
.uk-button-inverse {
    color: white;
    border: 2px solid white;
    border-radius: 50px;
}
/* Hover + Focus */
.uk-button-inverse:active,
.uk-button-inverse.uk-active,
.uk-button-inverse:hover,
.uk-button-inverse:focus {
    background-color: black;
    color: white;
}

/* yellow */
.uk-button-yellow {
    background-color: #f6b61a;
    color: #fff;
    border: 1px solid #f6b61a;
}
/* Hover + Focus */
.uk-button-yellow:active,
.uk-button-yellow.uk-active,
.uk-button-yellow:hover,
.uk-button-yellow:focus {
    background-color: #333;
    color: #fff;
}

/* black */
.uk-button-black {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
}
/* Hover + Focus */
.uk-button-black:hover,
.uk-button-black:focus {
    background-color: #444;
    color: #fff;
}
/* OnClick + Active */
.uk-button-black:active,
.uk-button-black.uk-active {
    background-color: #666;
    color: #fff;
}

/* blog */
.uk-button-blog {
    background-color: #fff;
    border: 2px solid #484848;
    border-radius: 50px;
    color: #484848;
}
/* Hover + Focus */
.uk-button-blog:hover,
.uk-button-blog:focus {
    background-color: #fff;
    color: #000;
}
/* OnClick + Active */
.uk-button-blog:active,
.uk-button-blog.uk-active {
    background-color: #fff;
    color: #000;
}

/* totop */
.uk-button-totop,
.uk-button-totop:hover,
.uk-button-totop:focus,
.uk-button-totop:active,
.uk-button-totop.uk-active {
    background-color: #333;
    color: #fff;
}
/*  claro */
.uk-button-white {
    background-color: #fff;
    color: #333;
    border: 1px solid #fff;
}
/* Hover + Focus */
.uk-button-white:hover,
.uk-button-white:focus {
    background-color: #eee;
    color: #111;
}
/* OnClick + Active */
.uk-button-white:active,
.uk-button-white.uk-active {
    background-color: #ddd;
    color: #000;
}
/*  TOP */
.uk-button-top {
    background-color: #000;
    border: 1px solid #000;
    color: #EEE;
    font-size: 18px;
    padding-top: 5px;
}
/* Hover + Focus */
.uk-button-top:hover,
.uk-button-top:focus {
    background-color: #000;
    color: #fff;
}
/* OnClick + Active */
.uk-button-top:active,
.uk-button-top.uk-active {
    background-color: #000;
    color: #CCC;
}
/*.uk-lightbox{*/
    /*background: rgba(0,0,0,.7)!important;*/
/*}*/
.uk-notification-message{
/*    background: none!important;*/
    color: white;
    text-align: center;
}
.uk-notification-message div{
    padding-top: 20px;
    padding-bottom: 20px;
}
textarea{
    resize:none;
}
.select-productos{
    padding-left:15px;
    margin-top: -80px!important;
    padding-top: 80px;
}
.nav1>ul>li>a,          /*menu desplegable de nosotros */
.nav2>div>a,
.nav2>div>ul>li>a{   /* menu desplegable de productos*/
    color:  #2A4F7A!important;
}
.uk-button {
    /*line-height: unset!important;*/
    text-transform: none!important;
    height: 40px;
}

/* ----------- MEDIA QUERY  */

@media (max-width: 1700px){

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

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

}
@media (max-width: 1200px){/*Tamaño l*/
    .logo-l{
        padding-top: 20px;
    }
}
@media (max-width: 1100px){/*Tamaño l*/
    .flag-nav{
        visibility: hidden!important;
    }
}
@media (max-width: 960px){ /*Tamaño m*/
    .select-productos{
        padding-left:15px;
        margin-top: -180px!important;
        padding-top: 120px;
    }
    .imglogin{
        width: 205px;
        height: 45px;
        background-color: transparent;
        color: white;
        float: right;
        display: flex;
    }
    .p-f-v-20{
        padding-top: 10px;
        padding-bottom: 5px;
    }
    .padding-0-l{
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .line-right{
        border:none;
    }
    .home-icon{
        padding: 80px;
    }
}
@media (max-width: 820px){
    .text-xxxl{
        font-size: 2em;
    }
}
@media (max-width: 640px){/* Tamaño s*/
    .nodec{
        font-size: 1.4em;
    }
    .line-right{
        border:none;
        border-bottom: solid 2px gray;
    }
    .text-xxxl{
        font-size: 1.8em;
    }
    .position-facebook{
        position:absolute;
        bottom: -35px;
        right: 60px;
    }
    .position-twitter{
        position:absolute;
        bottom: -35px;
        right: 0;
        left: 60px;
    }
    .padding-15-s{
        padding: 0!important;
    }
    .border-r-1-w{
        border: none;
        border-bottom: solid 1px white;
    }
    .pading-head-s{
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .padding-0-l{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .imglogin:hover {
        color: #ffffff;
    }
}
@media (max-width: 550px){

}
@media (max-width: 380px){
    .text-xl{
        font-size: 1em;
    }
    .text-xxl{
        font-size: 1.4em;
    }
}

/*end new header*/
@media (min-width: 992px) {
    .offset-lg-right-1{margin-right:8.333333%}
    .offset-lg-right-2{margin-right:16.666667%}
    .offset-lg-right-3{margin-right:25%}
    .offset-lg-right-4{margin-right:33.333333%}
    .offset-lg-right-5{margin-right:41.666667%}
    .offset-lg-right-6{margin-right:50%}
    .offset-lg-right-7{margin-right:58.333333%}
    .offset-lg-right-8{margin-right:66.666667%}
    .offset-lg-right-9{margin-right:75%}
    .offset-lg-right-10{margin-right:83.333333%}
    .offset-lg-right-11{margin-right:91.666667%}
}

/*Slide*/
#slides {
    position: relative;
    min-height: 200px;
}

/*------------  pendiente por revisar ------------------------------------*/
#slides .slide {
    min-height: 175px;
    /*position: relative; */

    background-position: 0  170px;
    text-align: center;
    position: absolute;
    top:0;
    width: 100%;
    height: 100%;
}
/*------------------------------------------------------------------------*/

#slides #slide1 {
    background: #1c9294 url(/../../recursos/img/miscelanea/textura-iconos.png) scroll repeat top;
}

#slides #slide2 {
    background: #b4c300 url(/../../recursos/img/miscelanea/textura-iconos.png) scroll repeat top;
    display: none;
}

#slides #slide3 {
    background: #e1595a url(/../../recursos/img/miscelanea/textura-iconos.png) scroll repeat top;
    display: none;
}

#slides .slide #one,
#slides .slide #two,
#slides .slide #three {
    text-align: center;
}

#slides .slide #one .slideText,
#slides .slide #two .slideText,
#slides .slide #three .slideText {
    text-align: center;
    color: #FFFFFF;
    /*font-family: Lato-Black;*/
    font-size: 40px;
    letter-spacing: 1px;
}

#slides .slide #one .slideText span,
#slides .slide #two .slideText span,
#slides .slide #three .slideText span{
    font-size: 25px;
    /*font-family: Lato-Regular;*/
    letter-spacing: 1px;
}

#slides .slide .badges {
    display: inline-flex;
    margin-top: 30px;
}

#slides .slide .badges .badgeCircle {
    background-color: #4d4d4d;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 50px;
    cursor:  pointer;
}

#slides .slide .badges .badgeActive {
    background-color: #FFFFFF;
    cursor: unset;
}

@media only screen and (max-width: 656px){
    #slides .slide .badges {
        position: absolute;
        bottom: 10px;
        left: 45%;
    }
}

[v-cloak] { display:none; }

/*Banner*/
#bannerSpace {
    background-color: #FFFFFF;
    justify-content: center;
}

.banner-shadow {

    box-shadow: 0 20px 20px -18px #00000069 inset;
}

.banner-shadow-red {
    box-shadow: 0 20px 20px -14px #8c0000 inset;
}

.banner-shadow-yellow {
    box-shadow: 0 20px 20px -14px #d18902 inset;
}

.banner-shadow-blue {
    box-shadow: 0 20px 20px -14px #084469 inset;
}

.banner-shadow-blueNavy {
    box-shadow: 0 20px 20px -14px #182c44 inset;
}

.banner-shadow-greenLime {
    box-shadow: 0 20px 20px -14px #879900 inset;
}

.banner-shadow-greenMint {
    box-shadow: 0 20px 20px -14px #408080 inset;
}

.banner-shadow-orange {
    box-shadow: 0 20px 20px -14px #ab2109 inset;
}

.banner-shadow-darkCyan {
    box-shadow: 0 20px 20px -14px #196c6e inset;
}

.banner-shadow-violetLight {
    box-shadow: 0 20px 20px -14px #8ea2b9 inset;
}

.banner-shadow-frenchLilac {
    box-shadow: 0 20px 20px -14px #5d799a inset;
}

.banner-shadow-blueDart {
    box-shadow: 0 20px 20px -14px #2a4f7a inset;
}

.banner-shadow-blueViolet {
    box-shadow: 0 20px 20px -14px #395b83 inset;
}

.banner-shadow-blue-navy {
    box-shadow: 0 20px 20px -14px #25395E inset;
}
.uk-subnav-pill>.uk-active>a {
    background-color: transparent !important;
    color: #fff;
}
/*-------------------------------------------------- inicio 28/2/19 ---------------------------------------------------------*/
    /*----------------------------- Inicio Generales -------------------------------------------*/
        /*-------------------- inicio textos----------------------*/
            @font-face {
                font-family: 'Lato-Black';
                src: url('/../../recursos/fonts/Lato-Black.ttf');
            }

            @font-face {
                font-family: 'Lato-Regular';
                src: url('/../../recursos/fonts/Lato-Regular.ttf');
            }

            @font-face {
                font-family: 'Lato-Light';
                src: url('/../../recursos/fonts/Lato-Light.ttf');
            }

            .lato-bold{
                font-family: 'Lato-Black';
            }
            .lato-normal{
                font-family: 'Lato-Regular';
            }
            .lato-light{
                font-family: 'Lato-Light';
            }
            .text-e9{
                font-size: .9125em;
            }
            .text-e11{
                font-size: 1.16em;
            }
            .text-e13{
                font-size: 1.33em;
            }
            .text-e15{
                font-size: 1.5em;
            }
            .text-e15s{
                font-size: 1.5em;
            }
            .text-e16{
                font-size: 1.62em;
            }
            .text-e20{
                font-size: 2em;
            }
            .text-e25{
                font-size: 2.5em;
            }
            .text-e30{
                font-size: 3em;
            }
            .text-e35{
                font-size: 3.5em;
            }
            .text-title-p{
                font-size: 3em;
            }
            .color-primary{
                color:  #2A4F7A!important;
            }
            .color-fondo{
                color:  #4b4b4b!important;
            }
            .color-header{
                color:  #516571!important;
            }
            .color-submenu{
              color: #1b9195;
            }

        /*---------------------- FIn textos ----------------------*/

        /*---------------------- FIn textos ----------------------*/
            .border-2-w{
                border-bottom: solid 2px white;
            }
        /*---------------------- FIn textos ----------------------*/

        /*---------------------- inicio padding ----------------------*/
            .margen-v-10{
                margin: 10px 0 10px 0;
            }
            .padding-v-10{
                padding-bottom: 10px;
                padding-top: 10px;
            }
            .padding-v-15{
                padding-bottom: 15px;
                padding-top: 15px;
            }
            .padding-v-20{
                padding-bottom: 20px;
                padding-top: 20px;
            }
            .padding-v-30{
                padding-bottom: 30px;
                padding-top: 30px;
            }
            .padding-v-5{
                padding-bottom: 5px;
                padding-top: 5px;
            }
            .padding-top-35{
                padding-top: 35px;
            }
        /*---------------------- Fin padding // inicio backgraund -------------------------*/
            .bg-white{
                background: #FFFFFF;
            }
            .bg-verde{
                background: #b1c800;
            }
            .bg-gris-f{
                background: #516571;
            }
            .bg-foot-2{
                background: #58B5B6;
            }
            .bg-fotter{
                background: #1b9195;
            }
        /*---------------------- FIn backgraund // inicio de miselanea-------------------------*/
            .pointer{
            cursor: pointer;
            }
            .letter-sp{
                letter-spacing: 1.1px;
            }
            .line-h-30{
                line-height: 30px;
            }
            .line-h-36{
                line-height: 36px;
            }
            .line-h-40{
                line-height: 40px;
            }
            .line-h-66{
                line-height: 66px;
            }
            .margen-t-menos-20{
                margin-top: -20px;
            }
        /*---------------------- FIn backgraund // inicio de imagenes-------------------------*/
            .img-general{
                background: transparent url(/../../recursos/img/miscelanea/general.png) scroll no-repeat;
            }
        /*---------------------- FIn imagenes // inicio de imagenes-------------------------*/

    /*------------------------------- Fin Generales // inicio seccion 1 home----------------------------------------*/
        .text-e16-slogan{
            font-size: 1.6em;
        }
        .fondo-h1{
            background: #ffffff url("../img/miscelanea/shadow.png") scroll repeat-x top left;
        }
        .logoHome {
            background: transparent url('/../../recursos/img/home/home.png') scroll no-repeat -550px 0;
            max-width: 250px;
            height: 150px;
            margin: auto;
        }

    /*-------------------------- Fin seccion 1 home inicio header  ------------------------------------------*/
        .stiky-1{
            position: sticky;
            top: 0;
            z-index: 999;
        }
        .contenedor-90s{
            width: 90%!important;
        }
        .contenedor-80s{
            width: 80%!important;
        }
        .contenedor-70s{
            width: 70%;
        }
        .contenedor-big{
            width: 70%;
        }

        .contenedor-63s{
            width: 63%!important;
        }
        .contenedor-90m{
            width: 90%!important;
        }
    /*-------------------------- Fin Header------------------------------------------*/

    /*-------------------------- Fin seccion 1 home // inicio sliderText  ------------------------------------------*/
        .box-sh-gris{
            box-shadow: rgb(157, 145, 145) 0px 20px 20px -14px inset
        }
        .uk-dotnav>*>* {
            border-color: #4b4b4b!important;
        }
        .uk-dotnav>.uk-active>* {
            background-color:  #2A4F7A!important;
            border-color:  #2A4F7A!important;
        }
        .slider-t-h{
            min-height: 200px!important;
        }
        .text-e20-st{
            font-size: 2em;
        }
        .text-e30-st{
            font-size: 3em;
        }
    /*-------------------------- FIn sliderText ------------------------------------------*/
    /*------------------------ Inicio Conozcanos------------------------------------------------------*/

        .conocenos-banner{
            background: #2a4e78 url("../img/miscelanea/textura-iconos.png") repeat scroll 0 0;

        }
        .uk-button-con {
            border: none;
            border-radius: 9px;
            text-align: center;
            font-family: 'Lato-Regular';
            margin: 4px 5px;
            cursor:  pointer;
            width: 190px;
            height: 40px;
            color: #2A4F7A;
            -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
            background-color: #aab9ca;
        }
        .uk-button-con:hover {
            background-color: #ffffff;
            font-family: 'lato-black';
            color: #1B9195;
        }

    /*------------------------ Fin Conozcanos // Inicio de OptionBox---------------------------------------------------------*/
        .img-t-optionb{
            width: 65px;
            height: 65px;
        }
        .coo-p-1{
            background-position: -455px 0;
        }

        .coo-p-2{
            background-position: -455px -65px;
        }

        .coo-p-3{
            background-position: -455px -130px;
        }
        .optn-box{
            color: #2A4F7A;
        }
        .optn-box:hover{
            color: #b1c800;
        }
    /*------------------------ Fin de OptionBox // Inicio de contactenos -----------------------------------------------------------------------------*/
        .bg-contactenos{
            background: #ffb92e url(/../../recursos/img/miscelanea/textura-iconos.png) repeat scroll -90px 260px;
        }

        .img-t-contactenos{
            width: 65px;
            height: 65px;
        }
        .img-cont-1{
            background-position: -455px -195px;
        }

        .img-cont-2{
            background-position: -455px -260px;
        }

        .img-cont-3{
            background-position: -455px -325px;

        }
    /*------------------------------------- Final de contactenos // inicio de questionbox ------------------------------------*/

    /*------------------------------------- final de questionbox // inicio de productos -------------------------------------------------------------*/
        .productos-h{
            font-family: 'Lato-Regular';
        }
        .productos-h:hover{
            font-family: 'Lato-Black';
        }
        .text-e16-v{
            font-size: 1.6em;
        }
        .text-e20-v{
            font-size: 2em;
        }

    /*------------------------------------- final de questionbox // inicio de footer -------------------------------------------------------------*/
        .text-e35-n{
            font-size: 3.5em;
        }
    /*------------------------------------- final de questionbox // inicio de footer -------------------------------------------------------------*/


    /*------------------------------------- final de questionbox // inicio de footer -------------------------------------------------------------*/
        .text-e13-num{
            font-size: 1.3em;
        }
        .padding-f-1{
            padding-left: 50px;
        }
        .text-e11-f-1{
            font-size: 1.1em;
        }
        .uk-button-sf {
            background: #b3c700;
            border-radius: 10px;
            font-size: 1em;
            color:  white!important;
        }
        /* Hover + Focus */
        .uk-button-sf:active,
        .uk-button-sf.uk-active,
        .uk-button-sf:hover,
        .uk-button-sf:focus {
            background-color: white;
            color: #b3c700!important;
        }
    /*------------------------------------- final de footer -------------------------------------------------------------*/
    /*------------------------------------ Nosotros ---------------------------------------------------------------------*/
        .title-nosotros{
            letter-spacing: 6px;
            padding-bottom: 40px;
        }
        .copy-1{
            padding-top: 50px;
            background: #2a4e78 url(../img/miscelanea/textura-logos.png);
        }


        .width-archivo{
            width: 550px;
        }
        .more-opciones{
            width: 48%;
            padding-top: 5px;
            text-align: left;
        }
        .datosval{
            width: 51%;
        }

        .uk-button-validador{
            border: none;
            border-radius: 7px;
            margin-left: 10px!important;
            margin-top: 10px!important;
            cursor:  pointer;
            background: #1b9195!important;
            padding: 0px 5px!important;

        }
        .position-input{
            padding-left: 30px;
        }
        .gifval{
            width: 10%;
        }
        .titulo-gnral{
            font-size: 3em;
        }
        .titulo-gnral-big{
            font-size: 3em;
        }
        .uk-button-correo{

            border-radius:10px;
            margin: 0;
            border: 1px solid #db4049;
            overflow: visible;
            font: inherit;
            color: white;
            background: #db4049;
            text-transform: uppercase;
            box-sizing: border-box;
            padding: 0 30px;
            vertical-align: middle;
            font-size: .875rem;
            line-height: 38px;
            text-align: center;
            text-decoration: none;
            transition: .1s ease-in-out;
            transition-property: color,background-color,border-color;
        }
        .uk-button-correo:hover{
            color: #db4049;
            border: 1px solid #db4049;
            background: white;
        }
        .color-correo1{
            background: #1b9096;
        }
        .color-correo2{
            background: #b1c800;
        }
        .btn-blog1{
            position:absolute;
            bottom: 25px;
            right: 30px;
        }
        .btn-blog2{
            position:absolute;
            bottom: 0px;
            right: 30px;
        }
        .flecha-blog-ca{
            overflow: hidden;
            position: absolute;
            bottom: -125px;
            cursor: pointer;
            width: 32px;
            height: 32px;
            background: url('https://amazingcarousel.com/wp-content/uploads/amazingcarousel/10/carouselengine/skins/arrows-32-32-4.png') right top no-repeat;
            display: block;
        }
        .list1>li{
            cursor:  pointer!important;
        }

        .list2>li{
            cursor: pointer!important;
        }



        .button-a1 {
            width: 100px;
            text-transform: capitalize;
            background: #C1D333;
            border-radius: 10px;
            color:  white!important;
            border: solid 2px #C1D333!important;
        }

        .button-a1:active,
        .button-a1.uk-active,
        .button-a1:hover,
        .button-a1:focus {
            background-color: transparent;
            border: solid 2px white!important;
            font-weight: bold;
        }

        .button-a2 {
            width: 100px;
            text-transform: capitalize;
            background: #3D8DC1;
            border-radius: 10px;
            color:  white!important;
            border: solid 2px #3D8DC1!important;
        }

        .button-a2:active,
        .button-a2.uk-active,
        .button-a2:hover,
        .button-a2:focus {
            background-color: transparent;
            border: solid 2px white!important;
            font-weight: bold;
        }

        .button-a3 {
            width: 100px;
            text-transform: capitalize;
            font-size: .7em;
            background: #E95E40;
            border-radius: 10px;
            border: solid 2px #E95E40!important;
            color:  white!important;
        }

        .button-a3:active,
        .button-a3.uk-active,
        .button-a3:hover,
        .button-a3:focus {
            background-color: transparent;
            border: solid 2px white!important;
            font-weight: bold;
        }

        .button-a4 {
            width: 100px;
            text-transform: capitalize;
            font-size: .7em;
            background: #48A7AA;
            border-radius: 10px;
            border: solid 2px #48A7AA!important;
            color:  white!important;
        }

        .button-a4:active,
        .button-a4.uk-active,
        .button-a4:hover,
        .button-a4:focus {
            background-color: transparent;
            border: solid 2px white!important;
            font-weight: bold;
        }
    /*------------------------------------ Nosotros ---------------------------------------------------------------------*/
    /*------------------------ Inicio MEDIA QUERY Gnral-----------------------------------------------*/
        @media (max-width: 1700px){

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

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

        }
        @media (max-width: 1200px){/*Tamaño l*/
            .datosval{
                width: 60%;
            }
            .more-opciones{
                width: 70%;
                padding-top: 5px;
                text-align: left;
            }
            .nosotros>[class*=uk-navbar-dropdown-bottom] {
                margin-top: 0!important;
                margin-left: 40%;
                -moz-margin-start: 30%;
            }
        }
        @media (max-width: 1100px){/*Tamaño l*/

        }
        @media (max-width: 960px){ /*Tamaño m*/
            .flleft{
                float: center;
            }
            .contenedor-big{
                width: 370px;
            }
            .pl100{
                padding-left: 50px;
            }

            .text-title-p{
                font-size: 3em;
            }
            .contenedor-90m{
                width: 100%!important;
            }
            .more-opciones{
                width: 95%;
                padding-top: 5px;
                text-align: left;
            }
            .datosval{
                width: 95%;
            }
            .text-e25{
                font-size: 1.5em;
            }
            .text-e30{
                font-size: 2em;
            }
            .text-e35{
                font-size: 2.5em;
            }

            .text-e35-n{
                font-size: 1.9em;
            }
            .text-e16-v{
                font-size: 1.3em;
            }
            .text-e20-v{
                font-size: 1.6em;
            }

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

        }
        @media (max-width: 640px){/* Tamaño s*/
            .uk-panel-scrollable {
                height: 245px!important;
                width: 100%!important;
                padding: 10px;
                border: 1px solid #e5e5e5;
                overflow: auto;
                -webkit-overflow-scrolling: touch;
                resize: both;
            }
            .margen-sl-0{
                margin: 0!important;
            }
            .pl100{
                padding-left: 0px;
            }
            .borderBottom {
                border-bottom: 2px solid #ffffff;
                padding-bottom: 5px;
                color: #2a4e78;
                text-align: center;
                width: auto;
                line-height: 15px;
            }
            .padding-t-f{
                padding-top: 80px;
                padding-bottom: 20px;
            }
            .fma{
                float: none;
            }
            .flecha-blog-ca{
                bottom: -250px!important;
            }
            .btn-blog1{
                position:absolute;
                bottom: 15px;
                right: 0px;
                width: 100%;
                text-align: center;
            }
            .btn-blog2{
                position:absolute;
                bottom: -45px;
                width: 100%;
                text-align:center;
                right: 0px;
            }
            .titulo-gnral{
                font-size: 2em;
            }
            .titulo-gnral-big{
                font-size: 1.5em;
            }
            .text-title-p{
                font-size: 2em;
            }

            .contenedor-63s{
                width: 100%!important;
            }
            .contenedor-70s{
                width: 100%;
            }
            .contenedor-90s{
                width: 100%!important;
            }
            .contenedor-80s{
                width: 100%!important;
            }
            .width-archivo{
                width: auto;
            }
            .padding-f-1{
                padding-left: 0px;
            }
            .position-input{
                padding-left: 30px;
                padding-bottom: 30px;
            }
            .gifval{
                width: 30%;
            }
        }
        @media (max-width: 550px){
            .text-e20-st{
                font-size: 1.3em;
            }
            .text-e30-st{
                font-size: 1.5em;
            }
            .text-e16-slogan{
                font-size: 1.3em;
            }
        }
        @media (max-width: 380px){
            .text-e9{
                font-size: .8em;
            }
            .text-e13-num{
                font-size: 1.1em;
            }
        }
        @media (max-width: 330px){
            .titulo-gnral{
                font-size: 1.8em;
            }
            .text-e20-st{
                font-size: 1em;
            }
            .text-e16-slogan{
                font-size: 1.1em;
            }
            .text-e30-st{
                font-size: 1.3em;
            }
            .text-e11-f-1{
                font-size: 1em;
            }
        }

    /*------------------------ Fin Media query Gnral -------------------------------------------------*/

/*-------------------------------------------------- Fin 28/2/19 ---------------------------------------------------------*/