* {
	margin:0;
	padding:0;
}

body {
	background:#143644;
    overflow-x: hidden;
    font-family: Verdana;
}

.d_menu {
	width:100%;
    height: 50px;
    
    position: fixed;
    z-index: 1;
}

header nav {
	width:90%;
	max-width:1600px;
	margin:0px auto;
    
    height: 50px;
   
    text-align: center;
    
     position: relative;
    
    box-shadow: 0px 0px 13px rgba(0,0,0, 1);
}

/******** QUERIE **********/
@media screen and (max-width:800px ) {
    header nav {
        width:100%;
        max-width:1600px;
        margin:0px auto;

        height: 50px;




        text-align: center;

         position: relative;

        box-shadow: 0px 0px 13px rgba(0,0,0, 1);
    }
}



/*******header*/
header nav ul {
	list-style:none;
    position: relative;
    height: 100%;
}

header nav ul li{
    position: relative;
    float: left;
    
    height: 100%;

}

header nav ul li a {
	width: 100%;
    height: 100%;
    
    position: absolute;
    left: 0;
    top: 0;
    
    text-decoration: none;
}

a {
    
    width: 100%;
    height: 100%;
    
    position: absolute;
    left: 0;
    top: 0;
  color: inherit;
  text-decoration: inherit; 
}


.d_btnTxt{
    height: 100%;
    width: 100%;
    
    top: 0;
    left: 0;
    
    position: relative;
    
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    
    text-shadow: .05rem .05rem .05rem rgba(0, 0, 0, .5);
    
    font-family: Verdana;
    font-size: .8rem;
    font-weight: normal;;
    color: #FFF;

    
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}



/******** QUERIE **********/
@media screen and (max-width:800px ) {
    
    .d_btnTxt{
        font-size: .7rem;
    }
    
    .d_btnTxt:hover{
        font-size: .75rem;
    }
}

/*******HEADER********/

.d_home{
    width: 27%;
    height: 100%;
    
    background-image: url(../img/cashSpringLogo.png);
    background-size: 88% auto;
    background-repeat: no-repeat;
    background-position: center;
    
    background-color: rgba(255, 255, 255, .9);
    
}

.d_nosotros,
.d_soluciones,
.d_clientes{
    width: 22%;
    height: 100%;
    
    background-color: rgba(1,125, 128, .8);
    color: #FFF;
    font-weight: bold;
    
    padding: 10px;
    
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.d_nosotros:hover,
.d_soluciones:hover,
.d_clientes:hover{
    background-color: rgba(1,94, 96, .8);
}


.d_contacto{
    width: 7%;
    height: 100%;
    
    background-color: #87AC01;
    
    overflow: hidden;
}

.d_contacto:hover, .d_contactoOn{
    background-color: #658101;
}

.d_contacto a{
    width: 100%;
    height: 100%;
    
    position: absolute;
}

.d_contacto:hover .d_avion{
    
    animation-name: animContacto;
    -webkit-animation-name: animContacto;
    
    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    
    animation-direction: normal;
    -webkit-animation-direction: normal;
    
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}

.d_btnOn{
    background-color: rgba(1,94, 96, .8);
}

.d_avion{
    width: 100%;
    height: 100%;
    
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/enviarIcono.png);
    background-position: center;
}

@keyframes animContacto{
    0%{
        transform: translateX(-100%) translateY(100%);
    }
    50%{
        transform: scale(1.2);
    }
    100%{
        transform: translateX(100%) translateY(-100%);
    }
}

@-webkit-keyframes animContacto{
    0%{
        -webkit-transform: translateX(-100%) translateY(100%);
    }
    50%{
        -webkit-transform: scale(1.2);
    }
    100%{
        -webkit-transform: translateX(100%) translateY(-100%);
    }
}

/************PIE DE PÁGINA*****************/

.d_piePag{
    width:90%;
	max-width:1600px;
	margin:0px auto;
    
    height: 70px;    
	
    
    font-family: Verdana;
    font-size: .65rem;
    text-align: center;
    
     position: sticky;
    background-color: rgba(136, 173, 1, .8);
    
    bottom: 0;
    z-index: 1;
    
    margin-bottom: 0;
}

.d_cajaPiePag{
    width: 96%;
    height: 90%;
    
    position: absolute;
    left: 2%;
    top: 5%;
}

.d_seccPie1,
.d_seccPie2,
.d_seccPie3,
.d_seccPie4{
    width: 20%;
    height: 100%;
    
    position: relative;
    float: left;
    margin-right: 1%;
}

.d_facebook,
.d_linkedIn{
    width: 40px;
    height: 40px;
    position: relative;
    float: left;
    
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex; 
    
    
    background-image: url(../img/iconosAzules.png);
    background-size: 200% 100%;
    
    margin-top: 10px;
}

.d_facebook{background-position: 0% 0%;}
.d_linkedIn{background-position: 100% 0%;}

.d_facebook:hover,
.d_linkedIn:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.d_iconoMap,
.d_iconoCel,
.d_iconoMail,
.d_iconoPolitica{
    width: 40px;
    height: 40px;
    
    margin-top: 10px;
    

    position: relative;
    float: left;
    
    background-image: url(../img/iconosPiePag.png);
    background-size: 200% 200%;
}


.d_iconoMap{background-position: 0% 0%;}
.d_iconoCel{background-position: 0% 100%;}
.d_iconoMail{background-position: 100% 0%;}
.d_iconoPolitica{background-position: 100% 100%;}

.d_txtPie{
    width: 80%;
    height: 100%;

    position: relative;
    float: left;
    
    color: #FFF;
    
    text-align: left;
    align-items: center;
    display: flex; 
}

/************QUERIE*****************/
@media screen and (max-width:1200px ) {
    
    .d_iconoMap,
    .d_iconoCel,
    .d_iconoMail,
    .d_iconoPolitica{
        display: none;
    }

}

@media screen and (max-width:800px ) {
    
    
    .d_piePag{
    width:100%;
    }
    
    .d_txtPie{
        display: none; 
    }
    
    .d_iconoMap,
    .d_iconoCel,
    .d_iconoMail,
    .d_iconoPolitica{
        display: block;
    }
    
    .d_seccPie1,
    .d_seccPie2,
    .d_seccPie3,
    .d_seccPie4{
        width: 15%;
        margin-left: 3%;
    }
}

@media screen and (max-width:650px ) {
    
    .d_home{
        background-image: url(../img/cashSpringLogo_min.png);
        background-size: auto 65%;

    }
    
}

@media screen and (max-width:550px ) {
    
    .d_home{
        background-image: url(../img/cashSpringLogo_min.png);
        background-size: auto 55%;

    }
    
}


@media screen and (min-width:1250px ) {
    
    .d_home{
        background-image: url(../img/cashSpringLogo.png);
        background-size: auto 65%;

    }
}




/************INDEX*****************/
.d_contenido{
    width:90%;
	max-width:1600px;
	margin:0px auto;
     position: relative;
    
    height: 1900px;
    background-color: #FFF;

    
    box-shadow: 0px 5px 13px rgba(0,0,0, 1);

}

.d_carruselSecc{
    width: 100%;
    height: 450px;
    
    position: relative;
    
    float: left;
    
    font-family: Verdana;
    font-size: .8rem;

    background-size: cover;
    background-repeat: no-repeat;
    
    background-color: rgba(0,0,0, .4);
    margin-bottom: 20px;
    
    overflow: hidden;
}

.d_tiraCarrusel{
    width: 400%;
    height: 100%;
    
    position: absolute;
    
    animation-name: animCarrusel;
    -webkit-animation-name: animCarrusel;
    transform: translateX(-50%);
    
    animation-duration: 48s;
    -webkit-animation-duration: 48s;
    
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes animCarrusel{
    0%{transform: translateX(0%);}
    24%{transform: translateX(0%);}
    25%{transform: translateX(-25%);}
    49%{transform: translateX(-25%);}
    50%{transform: translateX(-50%);}
    74%{transform: translateX(-50%);}
    75%{transform: translateX(-75%);}
    99.99%{transform: translateX(-75%);}
    100%{transform: translateX(0%);} 
}

@-webkit-keyframes animCarrusel{
    0%{-webkit-transform: translateX(0%);}
    24%{-webkit-transform: translateX(0%);}
    25%{-webkit-transform: translateX(-25%);}
    49%{-webkit-transform: translateX(-25%);}
    50%{-webkit-transform: translateX(-50%);}
    74%{-webkit-transform: translateX(-50%);}
    75%{-webkit-transform: translateX(-75%);}
    99.99%{-webkit-transform: translateX(-75%);}
    100%{-webkit-transform: translateX(0%);} 
}

.d_imgCarrusel1,
.d_imgCarrusel2,
.d_imgCarrusel3,
.d_imgCarrusel4{
    width: 25%;
    height: 100%;
    
    position: relative;
    float: left;
    
    
    background-size: cover;
    overflow: hidden;
}

.d_imgCarrusel1{
    background-image: url(../img/carrruselImg1.png);
    background-position: right;
}
.d_imgCarrusel2{
    background-image: url(../img/carrruselImg2.png);
    background-position: top right;
}
.d_imgCarrusel3{
    background-image: url(../img/carrruselImg3.png);
    background-position: left;
}
.d_imgCarrusel4{
    background-image: url(../img/carrruselImg2.png);
    background-position:top right;
}

.d_imgCarrusel1 .d_txtCarrusel{
    
    width: 50%;
    height: 20%;
    
    position: relative;
    top: 20%;
    text-align: center;
    
    margin:0px auto;
    
    font-size: 1.3rem;
    font-weight: bold;
    color: #87AC01;
    
    text-shadow: .1rem .1rem .1rem rgba(0,0,0, .9);
    
}

.d_imgCarrusel2 .d_txtCarrusel,
.d_imgCarrusel4 .d_txtCarrusel
{
     width: 60%;
    height: 35%;
    
    position: absolute;
    top: 60%;
    text-align: left;
    left: 5%;
    
    font-size: 1.1rem;
    color: #FFF;
    
    text-shadow: .1rem .1rem .1rem rgba(0,0,0, .9);
}

.d_imgCarrusel3 .d_txtCarrusel{
    width: 60%;
    height: 25%;
    
    position: absolute;
    top: 70%;
    text-align: right;
    right: 5%;
    
    font-size: 1.1rem;
    color: #FFF;
    
    text-shadow: .1rem .1rem .1rem rgba(0,0,0, .9);
}

.d_brillo1,
.d_brillo2,
.d_brillo3{
    width: 100%;
    height: 100%;
    
    position: absolute;
    
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
    
    animation-name: brilloAnim;
    -webkit-animation-name: brilloAnim;
    
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    
    
    left: 0;
    top: 0;
}

.d_brillo1{
    background-image: url(../img/brilloImg1.png);
    animation-duration: 4s;
}

.d_brillo2{
    background-image: url(../img/brilloImg2.png);
    animation-duration: 3s;
}

.d_brillo3{
    background-image: url(../img/brilloImg3.png);
    animation-duration: 2s;
}





.d_flechas1,
.d_flechas2,
.d_flechas3,
.d_flechas4{
    width: 100%;
    height: 100%;
    
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}

.d_flechas1,
.d_flechas2{
    background-position: left;
    
    animation-name: animFlecha1;
    -webkit-animation-name: animFlecha1;
    
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    
    animation-direction: normal;
    -webkit-animation-direction: normal;
    
    animation-timing-function: linear;
    -wenkit-animation-timing-function: linear;
}

.d_flechas1, .d_flechas3{
     animation-duration: 9s;
    -webkit-animation-duration: 9s;
    
    opacity: .4;
}

.d_flechas2, .d_flechas4{
     animation-duration: 4s;
    -webkit-animation-duration: 4s;
    opacity: .2;
}

.d_flechas3,
.d_flechas4{
    background-position: right;
    
    animation-name: animFlecha2;
    -webkit-animation-name: animFlecha2;
    
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    
    animation-timing-function: linear;
    -wenkit-animation-timing-function: linear;
}

.d_flechas1{
    background-image: url(../img/carrruselFlecha1.png);
}

.d_flechas2{
    background-image: url(../img/carrruselFlecha2.png);
}

.d_flechas3{
    background-image: url(../img/carrruselFlecha3.png);
}

.d_flechas4{
    background-image: url(../img/carrruselFlecha4.png);
}

.d_barra1{
    width: 100%;
    height: 100%;
    
    position: absolute;
    
    background-image: url(../img/barraImg1.png);
    background-size: cover;
    background-position: left;
    
    animation-name: animBarra;
    -webkit-animation-name: animBarra;
    
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    
    animation-timing-function: ease;
    -wenkit-animation-timing-function: ease;
    
    animation-duration: 7s;
    -webkit-animation-duration: 7s;
    
}


/********ANIMACIÓN****/

@keyframes animFlecha1{
    0%{
        transform: translateX(-50%) translateY(50%);
        opacity: 0;
    }
    10%{ opacity: 1; }
    16%{transform: scale(.4);}
    90%{ opacity: 1; }
    
    100%{
        transform:translateX(30%) translateY(-50%);
        opacity: 0;
    }
}

@-webkit-keyframes animFlecha1{
    0%{
        -webkit-transform: translateX(-50%) translateY(50%);
        opacity: 0;
    }
    10%{ opacity: 1; }
    16%{-webkit-transform: scale(.4);}
    90%{ opacity: 1; }
    
    100%{
        -webkit-transform:translateX(30%) translateY(-50%);
        opacity: 0;
    }
}

@keyframes animFlecha2{
    0%{
        transform: translateX(50%) translateY(50%);
        opacity: 0;
    }
    10%{ opacity: .6; }
    16%{transform: scale(2);}
    90%{ opacity: .2; }
    
    100%{
        transform:translateX(-30%) translateY(-50%);
        opacity: 0;
    }
}

@-webkit-keyframes animFlecha2{
    0%{
        -webkit-transform: translateX(50%) translateY(50%);
        opacity: 0;
    }
    10%{ opacity: .6; }
    16%{-webkit-transform: scale(2);}
    90%{ opacity: .2; }
    
    100%{
        -webkit-transform:translateX(-30%) translateY(-50%);
        opacity: 0;
    }
}


@keyframes brilloAnim{
    0%{opacity: 0;}
    20%{
        opacity: 1;
        transform: scale(1.1;);
    }
    
    100%{opacity: 0;}
}

@-webkit-keyframes brilloAnim{
    0%{opacity: 0;}
    20%{
        opacity: 1;
        -webkit-transform: scale(1.04;);
    }
    
    100%{opacity: 0;}
}

@keyframes animBarra{
    0%{
        opacity: 0;
        transform: translateX(-30%);
    }
    5%{
        opacity: 1;
    }
    
    15%{
        opacity: 1;
        transform: translateX(90%)
    }
    
    30%{
        opacity: 0;
        transform: translateX(40%)
    }
    
    100%{
        opacity: 0;
        transform: translateX(40%)
    }
    
}




.d_solucionesSecc{
    width: 100%;
    height: 270px;
    
    position: relative;
    
    float: left;
    
    font-family: Verdana;
    font-size: .8rem;

    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

.d_tituloSecc{
    width: 100%;
    height: 60px;
    
    position: relative;
    float: left;
    
     text-align: center;
    align-items: center;
    justify-content: center;
    display: flex; 
    
    font-size: 1.2rem;
    font-weight: bold;
}

.d_solucionesSecc .d_tituloSecc,
.d_tecnologiasSecc .d_tituloSecc
{
    color: #143644;
}

.d_solSecc1,
.d_solSecc2,
.d_solSecc3,
.d_solSecc4{
    height: 210px;
    width: 25%;
    
    position: relative;
    float: left;
}

.d_iconoSoluciones{
    width: 160px;
    height: 160px;
    
    margin:0px auto;
    
    background-image: url(../img/iconosSoluciones.png);
    background-size: 200% 500%;
    position: relative;
}

.d_solSecc1 .d_iconoSoluciones{
    
    background-position: 0% 75%;
    
    animation-name: animSol3;
    -webkit-animation-name: animSol3;
    
     animation-duration: 2s;
    -webkit-animation-duration: 2s;
    
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite; 
}

@keyframes animSol1{
    49.99%{background-position: 0% 0%;}
    50%{background-position: 100% 0%;}
    100%{background-position: 100% 0%;}
}

@-webkit-keyframes animSol1{
    49.99%{background-position: 0% 0%;}
    50%{background-position: 100% 0%;}
    100%{background-position: 100% 0%;}
}

.d_solSecc2 .d_iconoSoluciones{
    
    background-position: 0% 0%;
    
    animation-name: animSol1;
    -webkit-animation-name: animSol1;
    
     animation-duration: 3s;
    -webkit-animation-duration: 3s;
    
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite; 
    
}

@keyframes animSol2{
    49.99%{background-position: 0% 25%;}
    50%{background-position: 100% 25%;}
    100%{background-position: 100% 25%;}
}

@-webkit-keyframes animSol2{
    49.99%{background-position: 0% 25%;}
    50%{background-position: 100% 25%;}
    100%{background-position: 100% 25%;}
}

.d_solSecc3 .d_iconoSoluciones{background-position: 0% 50%;}

.d_engraneSoluciones{
    width: 100%;
    height: 100%;
    
    background-image: url(../img/iconosSoluciones.png);
    background-size: 200% 500%;
    background-position: 100% 50%;
    
    position: absolute;
    top: 27%;
    
    animation-name: animRota;
    -webkit-animation-name: animRota;
    
     animation-duration: 7s;
    -webkit-animation-duration: 7s;
    
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    
    animation-direction: normal;
    -webkit-animation-direction: normal;
    
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
}

@keyframes animRota{
    100%{transform: rotate(360deg);}
}

.d_solSecc4 .d_iconoSoluciones{
    background-position: 0% 25%;
    
    animation-name: animSol2;
    -webkit-animation-name: animSol2;
    
     animation-duration: 2s;
    -webkit-animation-duration: 2s;
    
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite; 
}

@keyframes animSol3{
    49.99%{background-position: 0% 75%;}
    50%{background-position: 100% 75%;}
    100%{background-position: 100% 75%;}
}

@-webkit-keyframes animSol3{
    49.99%{background-position: 0% 75%;}
    50%{background-position: 100% 75%;}
    100%{background-position: 100% 75%;}
}

.d_txtSoluciones{
    width: 100%;
    height: 50px;
    
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    
    font-weight: bold;
    color: #87AC01;
    
    font-size: .9rem;
    font-family: Verdana;
}

.d_ventajasCompSecc{
    width: 100%;
    height: 650px;
    
    position: relative;
    
    float: left;
    
    font-family: Verdana;
    font-size: .8rem;

    background-size: cover;
    background-repeat: no-repeat;
    
    background-image: url(../img/ventajasCompetitivas.png);
    background-size: cover;
    margin-bottom: 20px;
    
    color: #FFF;
}

.d_ventajasCompSecc .d_tituloSecc{
    color: #87AC01;
}

.d_listaVentajas{
    width: 90%;
    height: 110px;
    
    position: relative;
    float: left;
    
    margin-left: 5%;
    margin-bottom: 15px;
    font-family: Verdana;
}

.d_NSIcono, .d_NHIcono, .d_LCIcono, .d_MRIcono{
    width: 70px;
    height: 70px;
    
    position: relative;
    float: left;
    
    margin: 20px;
    margin-bottom: 35px;
    background-image: url(../img/iconosVentajasComp.png);
    background-size: 200% 200%;
}

.d_NSIcono{background-position: 0% 0%;}
.d_NHIcono{background-position: 0% 100%;}
.d_LCIcono{background-position: 100% 0%;}
.d_MRIcono{background-position: 100% 100%;}

.d_listaVentajas .d_titulo{
    margin-top: 20px;
    font-size: 1.1rem;
    color: #87AC01;
}

.d_txt{
    margin-top: 5px;
    font-size: .8rem;
}

.d_tecnologiasSecc{
    width: 100%;
    height: 350px;
    
    position: relative;
    
    float: left;
    
    font-family: Verdana;
    font-size: .8rem;

    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

.d_tecnologiasSecc .d_box{
    width: 90%;
    height: 260px;
    
    position: relative;
    float: left;
    margin-left: 5%;
    margin-top: 10px;
    
    background-image: url(../img/tecnologias1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


/******** QUERIE **********/
@media screen and (max-width:800px ) {
    .d_contenido{
        width:100%;
        height: 2300px;
    }
    
    .d_imgCarrusel1 .d_txtCarrusel{
        width: 80%;
        height: 45%;

        top: 50%;
        left: 10%;

    }

    .d_imgCarrusel2 .d_txtCarrusel,
    .d_imgCarrusel4 .d_txtCarrusel
    {
        width: 50%;
        height: 20%;

        position: relative;
        top: 50%;

    }

    .d_imgCarrusel3 .d_txtCarrusel{
        width: 80%;
        height: 45%;

        top: 50%;
        right: 10%;

    }
    
    .d_tecnologiasSecc .d_box{
        width: 90%;
        height: 360px;

        position: relative;
        float: left;
        margin-left: 5%;
        margin-top: 10px;

        background-image: url(../img/tecnologias2.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .d_solSecc1,
    .d_solSecc2,
    .d_solSecc3,
    .d_solSecc4{
        height: 210px;
        width: 50%;

        position: relative;
        float: left;
    }
    
    .d_solucionesSecc{
        width: 100%;
        height: 540px;

        position: relative;

        float: left;

        font-family: Verdana;
        font-size: .8rem;

        background-size: cover;
        background-repeat: no-repeat;
        margin-bottom: 20px;
    }
    
}

/************NOSOTROS*****************/
.d_contenidoNosotros{
    width:90%;
	max-width:1600px;
	margin:0px auto;
     position: relative;
    
    height: 1800px;
    background-color: #FFF;

    
    box-shadow: 0px 5px 13px rgba(0,0,0, 1);
}

.d_somosSecc{
    width: 100%;
    height: 550px;
    
    position: relative;
    
    float: left;
    
    font-family: Verdana;

    background-size: cover;
    background-repeat: no-repeat;
    
    background-image: url(../img/somosImg1.png);
    background-size: cover;
    background-position: top right;
    margin-bottom: 20px;
    
    overflow: hidden;
}

.d_somosSecc .d_titulo{

    font-size: 1.2rem;
    color: #FFF;  
    font-weight: bold;
}

.d_somosSecc .d_txt{
    margin-top: 10px;
    font-size: 1rem;
    color: #FFF;  
}


.d_boxSomos{
    width: 60%;
    position: absolute;
    
    left: 5%;
    
    top: 60%;
}


.d_mision{
     width: 100%;
    height: 240px;
    
    position: relative;
    
    float: left;
    
    font-family: Verdana;
    font-size: .8rem;

    background-size: cover;
    background-repeat: no-repeat;
    
    margin-bottom: 20px;
}

.d_boxMision{
    position: absolute;
    
    width: 90%;
    height: 90%;
    
    left: 5%;
    top: 5%;
}


.d_iconoMision{
    width: 60px;
    height: 60px;
    
    margin-right: 20px;
    margin-bottom: 160px;
    position: relative;
    
    float: left;
    
    background-image: url(../img/iconosVarios.png);
    background-size: 300% 300%;
    background-position: 0% 0%;
}

.d_mision .d_titulo{
    margin-top: 0px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #017D80;
}

.d_mision .d_txt{
    margin-top: 10px;
    font-size: 1rem;
    color: #143644;  
}

.d_valores{
    width: 100%;
    height: 450px;
    
    position: relative;
    
    float: left;
    
    font-family: Verdana;
    font-size: .8rem;

    background-size: cover;
    background-repeat: no-repeat;
    
    background-image: url(../img/valores.png);
    background-size: cover;
    background-position: center;
    margin-bottom: 20px;
}

.d_boxValores{
    width: 90%;
    position: absolute;
    
    left: 5%;
    
    top: 5%;
}



.d_valores .d_icono{
    width: 60px;
    height: 60px;
    
    margin-right: 20px;
    margin-bottom: 190px;
    position: relative;
    
    float: left;
    
    background-image: url(../img/iconosVarios.png);
    background-size: 300% 300%;
    background-position: 50% 0%;
}

.d_valores .d_titulo{
    margin-top: 0px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
}

.d_valores ul{
    margin-left: 110px;
    margin-top: 10px;
    
    font-size: 1rem;
    color: #FFF;
}

.d_valores ul li{
    margin-top: 10px;
    text-shadow: .1rem .1rem .1rem rgba(0,0,0,.8);
}

/************QUERIE*****************/
@media screen and (max-width:800px ) {
    .d_contenidoNosotros{
        width:100%;
    }
    
    .d_valores .d_icono{
        margin-bottom: 230px;
    }
}

@media screen and (min-width:1100px ) {
    .d_mision{
        height: 160px;

    }
}





/************SOLUCIONES*****************/
.d_contenidoSoluciones{
    width:90%;
	max-width:1600px;
	margin:0px auto;
     position: relative;
    
    height: 2300px;
    background-color: #FFF;

    
    box-shadow: 0px 5px 13px rgba(0,0,0, 1);
}

.d_modNegociosSecc{
    width: 100%;
    height: 550px;
    
    position: relative;
    
    float: left;
    
    font-family: Verdana;
    font-size: .8rem;

    background-size: cover;
    background-repeat: no-repeat;
    
    background-color: rgba(0,0,0, .4);
    margin-bottom: 20px;
    
    background-image: url(../img/modeloNegocios.png);
    background-position: center;
    background-size: cover;
}

.d_modNegociosSecc .d_box{
    position: absolute;
    
    width: 90%;
    height: 80%;
    
    left: 5%;
    top: 13%;
}

.d_modNegociosSecc .d_icono{
    width: 60px;
    height: 60px;
    
    margin-right: 20px;
    margin-bottom: 300px;
    position: relative;
    
    float: left;
    
    background-image: url(../img/iconosVarios.png);
    background-size: 300% 300%;
    background-position: 100% 0%;
}

.d_modNegociosSecc .d_titulo{
    position: relative;
    margin-top: 0px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    
    text-shadow: .1rem .1rem .1rem rgba(0,0,0,.8);
}


.d_modNegociosSecc .d_txt{
    margin-top: 20px;
    font-size: 1rem;
    color: #FFF;  
    text-shadow: .1rem .1rem .1rem rgba(0,0,0,.8);
}

.d_modNegociosSecc ul{
    margin-left: 110px;
    margin-top: 10px;
    
    font-size: 1rem;
    color: #FFF;
}

.d_tecInformacionSecc ul li a{
    position: relative;
    width: inherit;
    height: inherit;
    float: left;
}

.d_modNegociosSecc ul li{
    margin-top: 10px;
    text-shadow: .1rem .1rem .1rem rgba(0,0,0,.8);
}


.d_servEspSecc{
    width: 100%;
    height: 850px;
    
    position: relative;
    
    float: left;
    
    font-family: Verdana;
    font-size: .8rem;

    background-size: cover;
    background-repeat: no-repeat;
    
    
    margin-bottom: 20px;
    
    background-image: url(../img/serviciosEspecializados.png);
    background-position: center;
    background-size: cover;
}

.d_servEspSecc .d_box{
    position: absolute;
    
    width: 90%;
    height: 88%;
    
    left: 5%;
    top: 80px;;
}

.d_servEspSecc .d_icono{
    width: 60px;
    height: 60px;
    
    margin-right: 20px;
    margin-bottom: 600px;
    position: relative;
    
    float: left;
    
    background-image: url(../img/iconosVarios.png);
    background-size: 300% 300%;
    background-position: 0% 50%;
}

.d_servEspSecc .d_titulo{
    position: relative;
    margin-top: 0px;
    
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    
    text-shadow: .1rem .1rem .1rem rgba(0,0,0,.8);
}

.d_servEspSecc .d_subtitulo{
    position: relative;
    margin-top: 20px;
    font-size: 1rem;
    font-weight: bold;
    
    color: #87AC01;
    text-shadow: .1rem .1rem .1rem rgba(0,0,0,.8);
}


.d_servEspSecc .d_txt{
    margin-top: 20px;
    
    font-size: 1rem;
    color: #FFF;  
    text-shadow: .1rem .1rem .1rem rgba(0,0,0,.8);
}

.d_servEspSecc ul{
    margin-left: 110px;
    margin-top: 10px;
    color: #FFF;
    
    font-size: 1rem;
}

.d_servEspSecc ul li{
    margin-top: 10px;
    text-shadow: .1rem .1rem .1rem rgba(0,0,0,.8);
}

.d_consultoriaSecc{
    width: 100%;
    height: 500px;
    
    position: relative;
    
    float: left;
    
    font-family: Verdana;
    font-size: .8rem;

    background-size: cover;
    background-repeat: no-repeat;
    
    margin-bottom: 20px;
    
    background-image: url(../img/consultoria.png);
    background-position: right;
    background-size: contain;
    
    background-repeat: no-repeat;
}

.d_consultoriaSecc .d_box{
    position: absolute;
    
    width: 90%;
    height: 90%;
    
    left: 5%;
    top: 5%;
}

.d_consultoriaSecc .d_icono{
    width: 60px;
    height: 60px;
    
    margin-right: 20px;
    margin-bottom: 400px;
    position: relative;
    
    float: left;
    
    background-image: url(../img/iconosVarios.png);
    background-size: 300% 300%;
    background-position: 50% 50%;
}

.d_consultoriaSecc .d_titulo{
    position: relative;
    margin-top: 0px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #017D80;
}


.d_consultoriaSecc .d_txt{
    margin-top: 20px;
    font-size: 1rem;
    color: #143644;  
}

.d_consultoriaSecc ul{
    margin-left: 110px;
    margin-top: 10px;
    
    font-size: 1rem;
    color: #143644;
}

.d_consultoriaSecc ul li{
    margin-top: 10px;
}

.d_porCobrarSecc{
    width: 100%;
    height: 450px;
    
    position: relative;
    
    float: left;
    
    font-family: Verdana;
    font-size: .8rem;

    background-size: cover;
    background-repeat: no-repeat;
    
    margin-bottom: 20px;
    margin-top: 60px;
    
    background-image: url(../img/soluciones.png);
    background-position: left;
    background-size: cover;
}

.d_porCobrarSecc .d_box{
    position: absolute;
    
    width: 90%;
    height: 90%;
    
    left: 5%;
    top: 5%;
}

.d_porCobrarSecc .d_icono{
    width: 60px;
    height: 60px;
    
    margin-right: 20px;
    margin-bottom: 350px;
    position: relative;
    
    float: left;
    
    background-image: url(../img/iconosVarios.png);
    background-size: 300% 300%;
    background-position: 100% 0%;
}

.d_porCobrarSecc .d_titulo{
    position: relative;
    margin-top: 0px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #FFF;
    
    text-shadow: .1rem .1rem .1rem rgba(0, 0, 0,.8);
}


.d_porCobrarSecc ul{
    margin-left: 110px;
    margin-top: 10px;
    
    font-size: 1rem;
    color: #FFF;
}

.d_porCobrarSecc ul li{
    margin-top: 10px;
    text-shadow: .1rem .1rem .1rem rgba(0, 0, 0,1);
}


.d_tecInformacionSecc{
    width: 100%;
    height: 450px;
    
    position: relative;
    
    float: left;
    
    font-family: Verdana;
    font-size: .8rem;

    background-size: cover;
    background-repeat: no-repeat;
    
    margin-bottom: 20px;
    
    background-image: url(../img/tecInformacion.png);
    background-position: center;
    background-size: cover;
}

.d_tecInformacionSecc .d_box{
    position: absolute;
    
    width: 90%;
    height: 90%;
    
    left: 5%;
    top: 5%;
}

.d_tecInformacionSecc .d_icono{
    width: 60px;
    height: 60px;
    
    margin-right: 20px;
    margin-bottom: 400px;
    position: relative;
    
    float: left;
    
    background-image: url(../img/iconosVarios.png);
    background-size: 300% 300%;
    background-position: 100% 50%;
}

.d_tecInformacionSecc .d_titulo{
    position: relative;
    margin-top: 0px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #017D80;
    
    text-shadow: .1rem .1rem .1rem rgba(255, 255, 255,.8);
}


.d_tecInformacionSecc ul{
    margin-left: 110px;
    margin-top: 10px;
    
    font-size: 1rem;
    color: #143644;
}

.d_tecInformacionSecc ul li{
    margin-top: 10px;
    text-shadow: .1rem .1rem .1rem rgba(255, 255, 255,.8);
}

/************QUERIE*****************/
@media screen and (max-width:800px ) {
    .d_contenidoSoluciones{
        width:100%;
        
        height: 2310px;
    }
    
    .d_tecInformacionSecc{
        height: 500px;
    }
    
    .d_consultoriaSecc{
        height: 450px;
        background-image: none;
    }
    
  
    

}


/************CLIENTES*****************/
.d_contenidoClientes{
    width:90%;
	max-width:1600px;
	margin:0px auto;
     position: relative;
    
    height: 1150px;
    background-color: #FFF;

    
    box-shadow: 0px 5px 13px rgba(0,0,0, 1);
}

.d_clientesSecc{
    width: 100%;
    height: 500px;
    
    position: relative;
    
    float: left;
    
    font-family: Verdana;
    font-size: .8rem;

    background-size: cover;
    background-repeat: no-repeat;
    
    margin-bottom: 20px;
    margin-top: 70px;
    
    
}

.d_clientesSecc .d_box{
    position: relative;
    float: left;
    
    width: 90%;
    height: 90%;
    
    left: 5%;
    top: 5%;
    
}

.d_clientesSecc .d_icono{
    width: 60px;
    height: 60px;
    
    margin-right: 20px;
    margin-bottom: 10px;
    position: relative;
    
    float: left;
    
    background-image: url(../img/iconosVarios.png);
    background-size: 300% 300%;
    background-position: 0% 100%;
}

.d_clientesSecc .d_titulo{
    position: relative;
    margin-top: 0px;
    
    font-size: 1.2rem;
    font-weight: bold;
    color: #017D80;
}

.d_imgsClientes{
    width: 100%;
    height: 270px;
    margin-top: 50px;
    
    position: relative;
    float: left;
    
    background-image: url(../img/clientes1.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.d_mercadosSecc{
    width: 100%;
    height: 450px;
    
    position: relative;
    
    float: left;
    
    font-family: Verdana;
    font-size: .8rem;

    background-size: cover;
    background-repeat: no-repeat;
    
    margin-bottom: 20px;
    margin-top: 0px;
}

.d_mercadosSecc .d_box{
    position: relative;
    float: left;
    
    width: 90%;
    height: 90%;
    
    left: 5%;
    top: 5%;
}

.d_mercadosSecc .d_icono{
    width: 60px;
    height: 60px;
    
    margin-right: 20px;
    margin-bottom: 360px;
    position: relative;
    
    float: left;
    
    background-image: url(../img/iconosVarios.png);
    background-size: 300% 300%;
    background-position: 50% 100%;
}

.d_mercadosSecc .d_titulo{
    position: relative;
    margin-top: 0px;
    
    font-size: 1.2rem;
    font-weight: bold;
    color: #017D80;
}

.d_mercadosSecc .d_subtitulo{
    position: relative;
    margin-top: 20px;
    font-size: 1rem;
    font-weight: bold;
    
    color: #3A944A;
}



.d_mercadosSecc ul{
    margin-left: 110px;
    margin-top: 10px;
    color: #143644;
    
    font-size: 1rem;
}

.d_mercadosSecc ul li{
    margin-top: 10px;
}

/************QUERIE*****************/
@media screen and (max-width:800px ) {
    .d_contenidoClientes{
        width:100%;
         height: 1450px;
    }
    
    .d_mercadosSecc .d_icono{
        margin-bottom: 360px;
    }
    
    .d_imgsClientes{
        width: 100%;
        height: 540px;
        margin-top: 50px;

        background-image: url(../img/clientes2.png);
    }
    
    .d_clientesSecc{
        height: 700px;
    }

}

/************AVISO DE PRIVACIDAD*****************/
.d_contenidoAviso{
    width:90%;
	max-width:1600px;
	margin:0px auto;
     position: relative;
    
    height: 1700px;
    background-color: #FFF;

    
    box-shadow: 0px 5px 13px rgba(0,0,0, 1);
}

.d_avisoSecc{
    width: 94%;
    height: 500px;
    
    position: relative;
    margin-left: 3%;
    
    float: left;
    
    font-family: Verdana;
    font-size: .7rem;

    background-size: cover;
    background-repeat: no-repeat;
    
    margin-bottom: 20px;
    margin-top: 70px;
}

.d_avisoSecc h1{
    position: relative;
    margin-top: 0px;
    
    font-size: 1rem;
    font-weight: bold;
    color: #017D80;
    text-align: center;
}

.d_avisoSecc span{
    font-weight: bold;
    color: #87AC01;
}

/************QUERIE*****************/
@media screen and (max-width:1000px ) {
    .d_contenidoAviso{
        height: 1800px;
    }
}


/************QUERIE*****************/
@media screen and (max-width:800px ) {
    .d_contenidoAviso{
        width:100%;
        height: 2200px;
    }
}



/************CONTACTO*****************/
.d_contenidoContacto{
    width:90%;
	max-width:1600px;
	margin:0px auto;
     position: relative;
    
    height: 750px;
    background-color: #FFF;

    
    box-shadow: 0px 5px 13px rgba(0,0,0, 1);
}

.d_contactoSecc{
    width: 100%;
    height: 650px;
    
    position: relative;
    
    float: left;
    
    font-family: Verdana;
    font-size: .8rem;

    background-size: cover;
    background-repeat: no-repeat;
    
    background-image: url(../img/contacto.png);
    background-position: center;
    background-size: cover;
    
    margin-bottom: 20px;
    margin-top: 80px;
}

.d_contactoSecc .d_box{
    position: absolute;
    
    width: 60%;
    height: 90%;
    
    left: 35%;
    top: 5%;
}

.d_contactoSecc .d_enviar{
    position: relative;
    float: left;
    background-color: #87ac01;
    width:40%;
    margin-left: 15%;
    
    border-radius: .4rem;
    padding: 10px;
    
    text-align: left;
    font-weight: bold;
    font-size: 1.2rem;
        color: #FFF;
    
    margin-top: 10px;
    max-width: 200px;
    
    background-image: url(../img/enviarContactoIcono.png);
    background-repeat: no-repeat;
    background-size:auto 70%;
    background-position: center right;
    
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    
    
    cursor: pointer; 
}

.d_contactoSecc .d_enviar:hover{
    animation-name: animEnviar;
    -webkit-animation-name: animEnviar;
    
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}

@keyframes animEnviar{
    0%{
        background-position: 100%;
    }
    
    20%{
        background-position: 94%;
    }
}

.d_contactoSecc .d_titulo{
    position: relative;
    margin-top: 0px;
    
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    text-align: right;
    
    text-shadow: .1rem .1rem .1rem rgba(0,0,0,.8);
}

.d_contactoSecc .d_txt{
    margin-top: 20px;
    text-align: right;
    
    font-size: 1rem;
    color: #FFF;  
    text-shadow: .1rem .1rem .1rem rgba(0,0,0,.8);
}

.d_nombre, .d_email, .d_telefono{
    background-color: #FFFF;
    width: 85%;
    height: 30px;
    
    border-radius: .4rem;
    padding: 5px;
    font-family: Verdana;
    font-size: .8rem;
    margin-left: 15%;
    margin-top: 15px;
    
    border: 0;
    outline: none;
}

.d_mensaje{
    background-color: #FFFF;
    width: 85%;
    height:120px;
    
    border-radius: .4rem;
    padding: 5px;
    font-family: Verdana;
    font-size: .8rem;
    margin-left: 15%;
    margin-top: 15px;
}

.d_cuadroFaltante{
    background-color: aquamarine;
    outline: solid 3px red !important;
    
}

/************QUERIE*****************/
@media screen and (max-width:800px ) {
    .d_contenidoContacto{
        width:100%;
    }
    
    .d_contactoSecc .d_box{
        width: 70%;
        height: 90%;

        left: 25%;
        top: 5%;
    }
    
    .d_contactoSecc .d_enviar{
        width: 180px;
    }
    
    .d_contactoSecc .d_box{
        width: 90%;
        height: 90%;

        left: 5%;
        top: 5%;
    }
    
    .d_nombre, .d_email, .d_telefono{
        width: 100%;
        margin-left: 0%;
        right: 0;
    }
    
    .d_mensaje{
        width: 100%;
        margin-left: 0%;
    }
    
    .d_contactoSecc .d_enviar{
        margin-left: 0%;

    }


}