body, html, h1, h2, h3, h4, h5, h6, p {
	margin:0px;
	padding:0px;

}
a {color:inherit; text-decoration:none;border:none;}
img {border:0px;}
body{
	font-size: 12pt;
font-family: 'Montserrat', sans-serif;
}
.inline {display:inline;}
.middle {vertical-align:middle;}
textarea {resize:none;}

.hola {display:none;}


header {width:100%;height:60px;background:url(../images/bg-menu.png);position:fixed;z-index:9999;animation: downmenu 3s; -moz-animation: downmenu 3s; /* Firefox */-webkit-animation: downmenu 3s; /* Safari and Chrome */-o-animation: downmenu 3s; /* Opera */}

@keyframes downmenu
{
    from {top:-60px;}
    to {top:0px;}
}

@-webkit-keyframes downmenu, @-o-keyframes downmenu, @-moz-keyframes downmenu
{ 
    from {top:-60px;}
    to {top:0px;}
}

#logo {float:left;padding-left:40px;padding-top:15px;padding-bottom:15px;}
#menu {width:660px;margin:auto;}
.btn_menu {float:left;font-family: 'Oswald', sans-serif;padding-left:20px;padding-right:20px;color:#fff;padding-top:20px;padding-bottom:15px;height:25px;font-size:13px;letter-spacing:2px;}
.btn_menu:hover {background:#FFA400;cursor:pointer;}
.multiply {background:url(../images/bg-amarillo.png); width:100%;position:relative;height:auto;}

/*.multiply {background:#FFA400; width:100%;mix-blend-mode: multiply;position:relative;height:auto;}
*/.cont_multiply {width:100%;height:160px;}
.separador_seccion {width:100%;height:130px;}
.borderamarilla {border-bottom:3px solid #FFA400;padding-bottom:20px;}
.titulo_seccion {text-align:center;font-size:25px;color:#073F61;font-weight:bold;letter-spacing:3px;}



/*INICIO*/
#bg_inicio {width:100%;height:100vh;/*background:url(../images/bg-inicio.jpg);background-size:cover;*/position:relative;}
#bg_inicio .multiply, #bg_inicio .cont_multiply  {position:absolute;bottom:0px;height:200px;animation: upmultiply 2s; -moz-animation: upmultiply 2s; /* Firefox */-webkit-animation: upmultiply 2s; /* Safari and Chrome */-o-animation: upmultiply 2s; /* Opera */}

@keyframes upmultiply
{
    from {bottom:-200px;}
    to {bottom:0px;}
}

@-webkit-keyframes upmultiply, @-o-keyframes upmultiply, @-moz-keyframes upmultiply
{ 
    from {bottom:-200px;}
    to {bottom:0px;}
}


.centerlogo {width:420px;height:173px;margin-left:auto;margin-right:auto;padding-top:14%;animation: fadeinlogo 2s; -moz-animation: fadeinlogo 2s; /* Firefox */-webkit-animation: fadeinlogo 2s; /* Safari and Chrome */-o-animation: fadeinlogo 2s; /* Opera */ }
@keyframes fadeinlogo
{
    from {opacity:0;}
    to {opacity:1;}
}

@-webkit-keyframes fadeinlogo, @-o-keyframes fadeinlogo, @-moz-keyframes fadeinlogo
{ 
    from {opacity:0;}
    to {opacity:1;}
}

.plequita {width:140px;height:10px;background:#B2772A;margin:auto;}

.textoinicio {width:900px;height:auto;padding-top:4%;margin:auto;position:relative;}
.text-inicio {text-align:center;color:#fff;font-size:18px;font-weight:bold;}


/*SERVICIOS*/

#servicios {width:100%;height:auto;}
.titulo_servicios {width:60%;margin:auto;}


.hide{
    visibility:hidden;
}

.upservicios {
    visibility: visible;
    animation-name: upservicios;
    -webkit-animation-name: upservicios;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}
@keyframes upservicios {
    0% {
        transform: translateX(-50%);
    }
    100% {
        transform: translateX(0%);
    }
}
@-webkit-keyframes upservicios {
    0% {
        -webkit-transform: translateX(-50%);
    }
    100% {
        -webkit-transform: translateX(0%);
    }
}



p.info_servicios {font-size:13px;color:#073F61;text-align:center;}
.infoservicios {width:42%;margin:auto;padding-top:18px;padding-bottom:50px;}
#container_servicios {width:1278px;height:auto;margin:auto;}

.fadeinservicios {
    visibility: visible;
    animation-name: fadeinservicios;
    -webkit-animation-name: fadeinservicios;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}
@keyframes fadeinservicios {
    0% {
        transform: translateX(-150%);
    }
    100% {
        transform: translateX(0%);
    }
}
@-webkit-keyframes fadeinservicios {
    0% {
        -webkit-transform: translateX(-150%);
    }
    100% {
        -webkit-transform: translateX(0%);
    }
}

.cuadro {width:173px;height:185px;float:left;padding-left:20px;padding-right:20px;padding-top:28px;}
.izquierda_servicios {width:639px;float:left;height:auto;}
.derecha_servicios {width:639px;float:left;height:auto;}

.titulo_cuadro {color:#fff;font-size:24px;font-weight:bold;letter-spacing:4px;}
.cuerpo_cuadro {font-size:13px;color:#fff;letter-spacing:2px;}

.bgamarillo {background:url(../images/bgamarillo.jpg)no-repeat;}
.bgazul {background:url(../images/bgazul.jpg)no-repeat;}
.bgazulmediano {background:url(../images/bgazulmediano.jpg)no-repeat;}
.bgazuloscuro {background:url(../images/bgazuloscuro.jpg)no-repeat;}

.servbg1 {background:url(../images/servicios1.png)no-repeat;}
.servbg2 {background:url(../images/servicios2.png)no-repeat;}
.servbg3 {background:url(../images/servicios3.png)no-repeat;}
.servbg4 {background:url(../images/servicios4.png)no-repeat;}
.servbg5 {background:url(../images/servicios5.png)no-repeat;}
.servbg6 {background:url(../images/servicios6.png)no-repeat;}
.servbg7 {background:url(../images/servicios7.png)no-repeat;}

/*ELIGE*/

#elige {width:100%;height:115vh;background:url(../images/bg-elige.jpg);background-size:cover;position:relative;}
.container_elige {width:600px;margin-left:45%;text-align:right;height:250px;}

.rightelige {
    visibility: visible;
    animation-name: rightelige;
    -webkit-animation-name: rightelige;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}
@keyframes rightelige {
    0% {
        transform: translateX(-50%);
    }
    100% {
        transform: translateX(0%);
    }
}
@-webkit-keyframes rightelige {
    0% {
        -webkit-transform: translateX(-50%);
    }
    100% {
        -webkit-transform: translateX(0%);
    }
}


.titulo_elige {width:253px;float:right;}
.subtitulo_elige {font-size:18px;letter-spacing:2px;font-weight:bold;color:#073F61;float:right;padding-top:20px;line-height:26px;}

#elige .multiply, #elige .cont_multiply  {position:absolute;bottom:0px;height:300px;}


.upelige {
    visibility: visible;
    animation-name: upelige;
    -webkit-animation-name: upelige;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}
@keyframes upelige {
     0% {
        -webkit-transform: translateY(50%);
    }
	100% {
        -webkit-transform: translateY(0%);
	}
}
@-webkit-keyframes upelige {
      0% {
        -webkit-transform: translateY(50%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}

.textoelige {width:90%;height:auto;padding-top:40px;padding-bottom:80px;margin:auto;position:relative;}

.cuerpo_elige {font-size:13px;color:#fff;letter-spacing:2px; }
.izq_elige {width:30%;padding-left:1%;padding-right:1%;float:left;}
.mid_elige {width:30%;padding-left:1%;padding-right:1%;float:left;}
.der_elige {width:30%;padding-left:1%;padding-right:1%;float:left;}


/*EQUIPO*/

#equipo {width:100%;height:100vh;background:url(../images/bg-equipo.jpg);background-size:cover;position:relative;}
#equipo .titulo_seccion {text-align:left;}
.container_equipo {width:340px;margin-left:10%;text-align:left;}
.titulo_equipo {width:310px;float:left;}
.subtitulo_equipo {font-size:16px;letter-spacing:2px;font-weight:bold;color:#073F61;float:left;padding-top:20px;}
.bullets_equipo {font-size:16px;letter-spacing:2px;font-weight:bold;color:#073F61;float:left;padding-top:20px;line-height:24px;}
#equipo .multiply, #equipo .cont_multiply  {background:url(../images/bg-amarillo-equipo.png)!important;position:absolute;bottom:0px;height:160px;}

.textoequipo {width:70%;height:auto;padding-top:40px;padding-bottom:80px;margin:auto;position:relative;}

.cuerpo_equipo {color:#fff;font-size:14px;text-align:center;}



/*CLIENTES*/
#clientes .separador_chico, #clientes .separador_seccion {background: #fff;
    position: relative;
    z-index: 9990;}
#clientes {width:100%;height:100vh;background:#fff;z-index:9998;position:relative;}
.titulo_clientes {width:60%;margin:auto;}

#container_logos {width:850px;margin:auto;padding-top:50px;}
.logo_cliente {float:left;width:140px;padding-left:15px;padding-right:15px;}

.appear {
    visibility: visible;
    animation-name: appear;
    -webkit-animation-name: appear;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}
@keyframes appear {
     0% {
        opacity: 0;
    }
    50% {
        opacity:.5;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes appear {
    0% {
        opacity: 0;
    }
    50% {
        opacity:.5;
    }
    100% {
        opacity: 1;
    }
}

.appear2 {
    visibility: visible;
    animation-name: appear;
    -webkit-animation-name: appear;
    animation-duration: 4s;
    -webkit-animation-duration: 4s;
}
@keyframes appear {
     0% {
        opacity: 0;
    }
    50% {
        opacity:0;
    }
    75% {
        opacity:.5;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes appear {
     0% {
        opacity: 0;
    }
    50% {
        opacity:0;
    }
    75% {
        opacity:.5;
    }
    100% {
        opacity: 1;
    }
}
/*CONTACTO*/
#contacto {width:100%;height:auto;}
.titulo_contacto {width:60%;margin:auto;}

.container_telefonos {width:740px;margin:auto;}
.telefono {float:left;padding-left:25px;padding-right:25px;text-align:center;padding-top:30px;padding-bottom:30px;}
p.titulo_tel {font-size:15px;letter-spacing:1px;color:#073F61;}
p.tel {font-size:18px;font-weight:bold;letter-spacing: 1px;color:#073F61;}
.telefono-ultimo {width:245px;height:50px;margin:auto;}
.telefono-ultimo-left {width:45%;height:110px;float:left;text-align:center;}
.telefono-ultimo-right {width:52%;height:110px;float:right;text-align:center;}
.titulo_tel {text-align:center;font-size:15px;color:#073F61;}

.separador_chico {width:100%;height:40px;}

.appear3 {
    visibility: visible;
    animation-name: appear;
    -webkit-animation-name: appear;
    animation-duration: 0s;
    -webkit-animation-duration: 0s;
}
@keyframes appear {
     0% {
        opacity: 0;
    }
    50% {
        opacity:.5;
   }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes appear {
     0% {
        opacity: 0;
    }
    50% {
        opacity:.5;
    }
   
    100% {
        opacity: 1;
    }
}

/*INTEGRATE*/

#integrate {width:100%;height:286px;background:#FFA400 url(../images/bg-contacto.jpg);background-size:cover;position:relative;}
.textointegrate {width:70%;height:auto;padding-top:40px;padding-bottom:80px;margin:auto;}
.titulo_integrate {font-size:25px;color:#fff;text-align:center;font-weight:bold;letter-spacing:5px; }
.cuerpo_integrate {font-size:14px;color:#fff;text-align:center;padding-top:23px;}


/*FOOTER*/

footer {position:fixed;bottom:0px;background:url(../images/bg-menu.png);height:50px;width:100%;font-family: 'Oswald', sans-serif;color:#fff;letter-spacing:3px;font-size:13px;z-index:9999;}
.izq_footer {position:absolute;left:2%;padding-top:15px;padding-bottom:15px;}
.der_footer {position:absolute;width:110px;right:0px;padding-bottom:15px;}
.plecader {width:15px;height:50px;background:#FFA300;float:right;}
.redes {padding-top:13px;float:left;}



/*EMPIEZAN MEDIAQUERIES*/
@media screen and (max-width:1295px){
#container_servicios {width:852px;}
.izquierda_servicios {width:426px;}
.derecha_servicios{width:426px;}

.container_elige {margin-left:45%;}


}

@media screen and (max-width:1170px){
.container_elige {margin-left:40%;}
}

@media screen and (max-width:1040px){
.container_elige {margin-left:30%;}
}

@media screen and (max-width:1000px){
#menu {float:right;}
.izq_footer {float: left; margin-right: 5%;position:relative;}
.der_footer {float: right;position:relative;}
.cuerpo_elige {font-size:11px;}
.container_elige {margin-left:23%;}
#elige {background: url(../images/bg-elige.jpg)right;background-size:cover;}
}

@media screen and (max-width:915px){
.textoinicio {width:90%;
}

@media screen and (max-width:870px){
#container_servicios {width:426px;}
.izquierda_servicios {float:none;}
.derecha_servicios{float:none;}

#container_logos {width:685px;}


}



/*CEL*/
@media screen and (max-width:830px){
#menu {display:none;}
.centerlogo {padding-top: 160px;}

.text-inicio {font-size:16px;}

.izq_footer {padding-bottom:0px;}
.der_footer {float: right;}

.infoservicios {width:70%;}

.izq_elige {width:100%;}
.mid_elige {width:100%;padding-top:10px;}
.der_elige{width:100%;}

#elige {height:auto; }
.container_elige {height:580px;margin-left:10%;}

.container_telefonos {width: 565px;}
.telefono-ultimo-left {height:150px;}
.telefono-ultimo-right {height:150px;}
.hola827 {display:block;}

/*MENU*/
#menuresponsive {width:100%;}

#flip {width:45px;height:35px;background:url(../images/flip.png) no-repeat;cursor:pointer;float:right;margin-top:15px;margin-right:10px;}

#panel {display:none;width:300px;text-align:center;background:#073F61; height:auto;padding-top:20px;padding-bottom:30px;position:absolute;right:70px;}
.btn_menu {width:100%;float:none;padding-left:0px;padding-right:0px;}
.hola {display:block;}

#clientes {height:auto;}

}

@media screen and (max-width:750px){
.container_elige {margin-left:5%;}
#integrate {height: 350px;background: #FFA400 url(../images/bg-contacto.jpg)right;background-size:cover;}
.text-inicio {padding-top:5%;}


}


@media screen and (max-width:700px){
#equipo {height:auto;}
.container_equipo {height:530px;}
#equipo .multiply, #equipo .cont_multiply {height:215px;}

#container_logos {width:345px;}



}

@media screen and (max-width:643px){
.container_elige {width:80%;margin-left:auto;margin-right:auto;height:640px;}
}

@media screen and (max-width:620px){
.textoinicio {width:90%;}
}

@media screen and (max-width:600px){
.cuerpo_integrate {font-size:12px;}
}

@media screen and (max-width:580px){
.telefono-ultimo-left, .telefono-ultimo-right {float:none;width:100%;height:auto;padding-bottom:10px;padding-top:10px;}
.telefono {padding-top: 10px; padding-bottom: 10px;float:none;}

.container_telefonos {width: 266px;}

}

@media screen and (max-width:545px){
.container_elige {height:720px;}
.container_elige img {width:100%;}
#elige .multiply, #elige .cont_multiply {height:350px;}
}

@media screen and (max-width:470px){
.cuerpo_equipo {font-size:12px;}
}

@media screen and (max-width:457px){
.cuerpo_elige {font-size:9px;}
}

@media screen and (max-width:443px){
#container_servicios {width:213px;}
.izquierda_servicios {width:213px;}
.derecha_servicios{width:213px;}

.centerlogo img {width:100%;}
.centerlogo {width:95%;}

footer p {font-size:9px;}
footer {height:79px;}
.der_footer {float: right;}
}

@media screen and (max-width:420px){
#integrate {height:400px;}
.textointegrate  {width:95%;}
}

@media screen and (max-width:400px){
.subtitulo_elige {font-size:15px;line-height:20px;}
.container_elige {width:90%;}
}

@media screen and (max-width:380px){
.container_equipo {width:90%;margin:auto;height:570px;}
.titulo_equipo {width:100%;}
#equipo .multiply, #equipo .cont_multiply {height:245px;}

}

@media screen and (max-width:360px){
#container_logos {
    width: 172px;
}
.text-inicio {font-size:14px;}
}

@media screen and (max-width:325px){
#elige .multiply, #elige .cont_multiply {height:370px;}
.textoelige {padding-top:10px;}
.titulo_seccion {font-size:20px;}
.bullets_equipo {font-size:14px;line-height:20px;padding-top:10px;}
#equipo .textoequipo {padding-top:20px;}
}