html, body{width:100%;height:100%;background:#3abaef;font-size:78%;}
*{box-sizing:border-box;}
a{color:inherit;transition:all ease 0.3s;-ms-transition:all ease 0.3s;-webkit-transition:all ease 0.3s;text-decoration:none}
hr{width:100%;margin:0 auto;border:0;border-top:1px solid #c4c4c4;max-width:550px}
.clear{clear:both}
header{height:425px;background:url(../img/img-header.jpg) no-repeat top center;background-attachment:fixed;position:relative;z-index:1}
header .triangulo{width:100%;position:absolute;z-index:0;top:0;left:0;background:url(../img/triangulo-header.png) no-repeat center top;height:460px;text-align:center;transition:all ease 0.2s;-ms-transition:all ease 0.2s;-webkit-transition:all ease 0.2s;}
header .triangulo img{margin:120px auto 0;display:block;transition:all ease 0.3s;-ms-transition:all ease 0.3s;-webkit-transition:all ease 0.3s;transition-delay:0.2s;-ms-transition-delay:0.2s;-webkit-transition-delay:0.2s}
header .triangulo h1{font-size:1.6em;text-transform:uppercase;color:#FFF;font-family:'Roboto', sans-serif; font-weight:300;width:220px;margin:25px auto;padding-top:20px;border-top:1px solid #FFF;transition:all ease 0.3s;-ms-transition:all ease 0.3s;-webkit-transition:all ease 0.3s;transition-delay:0.3s;-ms-transition-delay:0.3s;-webkit-transition-delay:0.3s}
header .triangulo.hidden{background-position: center -460px}
header .triangulo.hidden img,
header .triangulo.hidden h1{opacity:0}
header .triangulo.hidden img{margin-top:90px}
header nav{position:absolute;left:0;z-index:5;top:50%;margin-top:-67px}
header nav li a{display:block;overflow:hidden;}
header nav li i{float:left;height:45px;overflow:hidden;transition:all ease 0.3s;-ms-transition:all ease 0.3s;-webkit-transition:all ease 0.3s;text-align:center;padding:14px 0;width:0px}
header nav li span{float:left;height:45px;overflow:hidden;transition:all ease 0.3s;-ms-transition:all ease 0.3s;-webkit-transition:all ease 0.3s;text-align:center;padding:14px 0;width:45px;font-family:'FuturaStd-Bold';font-size:2.2em;letter-spacing:-0.03em;position:relative;color:#FFF;text-transform:uppercase;z-index:1}
header nav li i img{opacity:0.1}
header nav li small{display:none}
header nav li span img{position:absolute;z-index:-1;top:0;left:0;transition:all ease 0.3s;-ms-transition:all ease 0.3s;-webkit-transition:all ease 0.3s;}
header nav li.w i{background:#007ed3}
header nav li.w span{background:#0063ad}
header nav li.s i{background:#4cb440}
header nav li.s span{background:#479332}
header nav li.f i{background:#ffad00}
header nav li.f span{background:#d69300}
header nav li.x span{background:#000}
header nav li:hover i{width:115px;}
header nav li:hover span{width:105px;}
header nav li:hover span img{opacity:0}
header nav li:hover small{display:inline}
header nav li.x:hover span{width:45px;}
header .masInfo{position:absolute;width:68px;height:135px;position:absolute;z-index:4;right:0;top:50%;margin-top:-67px;font-size:1.5em;text-transform:uppercase;color:#FFF;font-family:'Roboto', sans-serif;font-weight:300;text-align:center;overflow:hidden;background:url(../img/bg-masinfo.png) no-repeat center;line-height:135px;}
header .masInfo img{z-index:-1;position:absolute;top:0;left:68px;transition:all ease 0.3s;-ms-transition:all ease 0.3s;-webkit-transition:all ease 0.3s;}
header .masInfo:hover > img{left:0}
header .masInfo span:after{content:'+ info';}
header .masInfo.open span:after{content:'X';}
.wrap{width:1170px;margin:auto;position:relative;padding:1px 0}
section{display:block;background:#FFF;position:relative}
.bajadaHome{margin:90px auto 60px;font-size:3em;color:#37a8d7;line-height:1.3;width:890px;padding-left:360px;background:url(../img/iconos-home.jpg) no-repeat left center;font-family:'Roboto', sans-serif;font-weight:300}
h4{font-family:'Roboto', sans-serif;font-weight:100;color:#c4c4c4;text-align:center;margin:70px 0;font-size:4em;letter-spacing:-0.04em}
.boxProductos{width:33%;float:left;padding:20px 45px;position:relative;transition:all ease 0.4s;-ms-transition:all ease 0.4s;-webkit-transition:all ease 0.4s;}
.boxProductos .prodDesc{position:relative;}
.boxProductos .solucion{width:110px;line-height:52px;height:54px;border:4px solid;font-family:'FuturaStd-Bold';font-size:2.6em;letter-spacing:-0.03em;text-align:center;text-transform:uppercase;position:absolute;right:0;top:-10px}
.boxProductos h2{text-transform:uppercase;font-family:'Roboto', sans-serif;font-weight:300;font-size:1.8em;margin:27px 0;text-align:center}
.boxProductos p{font-family:'PT Sans', sans-serif;font-size:1.4em;margin:30px 0;text-align:center;line-height:1.3}
.boxProductos a{width:200px;border-radius:10px;border:1px solid;line-height:40px;font-size:1.6em;text-transform:uppercase;font-family:'Roboto', sans-serif;font-weight:700;display:block;margin:auto;text-align:center;}
.boxProductos.hidden{opacity:0}
.boxProductos.w{color:#0b72d3;transition-delay:0.1s;-ms-transition-delay:0.1s;-webkit-transition-delay:0.1s}
.boxProductos.w hr,
.boxProductos.w a,
.boxProductos.w .solucion{border-color:#0b72d3}
.boxProductos.w a:hover{color:#FFF;background:#0b72d3;width:100%;}
.boxProductos.s{color:#59b83f;transition-delay:0.2s;-ms-transition-delay:0.3s;-webkit-transition-delay:0.3s}
.boxProductos.s hr,
.boxProductos.s a,
.boxProductos.s .solucion{border-color:#59b83f}
.boxProductos.s a:hover{color:#FFF;background:#59b83f;width:100%;}
.boxProductos.f{color:#eeb900;transition-delay:0.3s;-ms-transition-delay:0.5s;-webkit-transition-delay:0.5s}
.boxProductos.f hr,
.boxProductos.f a,
.boxProductos.f .solucion{border-color:#eeb900}
.boxProductos.f a:hover{color:#FFF;background:#eeb900;width:100%;}
.blue{clear:both;background:#3abaef url(../img/bg-triangulo.jpg) no-repeat center;height:375px;margin:120px 0 50px;}
.blue .box{height:100%;float:left;padding:35px;}
.blue .box h3{margin-top:30px;margin-bottom:5px;position:relative;font-family:'Roboto', sans-serif;font-weight:700;font-size:1.6em;text-transform:uppercase;color:#FFF;}
.blue .box h3 img{position:absolute;left:-32px;top:-6px;}
.blue .box p{font-size:1.5em;color:#FFF;line-height:1.3;font-family:'PT Sans', sans-serif;}
.blue .box:first-child{width:340px;}
.blue .box:nth-child(2){width:480px;text-align:center;}
.blue .box:nth-child(2) h4{margin:0 0 20px}
.blue .box:nth-child(2) span{color:#4cbff0;font-size:1.8em;display:block;font-family:'Roboto', sans-serif;font-weight:300;text-transform:uppercase;margin:20px 0 50px}
.blue .box:last-child{width:325px;margin-left:25px;padding-right:0}
.logos{text-align:center;padding:50px 0;}
.logos img{margin:0 20px}
footer{padding:40px 0;font-family:'PT Sans', sans-serif;color:#FFF;font-size:1.3em;text-align:center;background:#c4c4c4;position:relative}
footer span{display:block;margin:30px 0 15px 0}
footer span.by{display:block;margin:0}
#form{position:fixed;right:0;top:120px;padding:30px;font-size:2em;font-family:'Roboto', sans-serif;font-weight:100;color:#FFF;width:320px;line-height:1.3;display:none}
#form input{width:100%;border:none;background:#FFF;color:#3abaef;line-height:30px;font-family:'Roboto', sans-serif;font-weight:300;text-transform:uppercase;padding:0 10px;margin:15px 0;display:block;font-size:0.7em}
#form textarea{width:100%;border:none;background:#FFF;color:#3abaef;font-family:'Roboto', sans-serif;font-weight:300;text-transform:uppercase;padding:10px;display:block;font-size:0.7em;height:125px;resize:none}
#form button{border-radius:10px;border:1px solid #FFF;line-height:40px;font-size:.7em;text-transform:uppercase;font-family:'Roboto', sans-serif;font-weight:700;display:block;margin:20px auto;text-align:center;color:#FFF;background:none;width:100%;transition:all ease 0.3s;-ms-transition:all ease 0.3s;-webkit-transition:all ease 0.3s;cursor:pointer}
#form button:hover{background:#FFF;color:#3abaef}
#form ::-webkit-input-placeholder{color: #3abaef;}
#form :-moz-placeholder{color: #3abaef;}
#form ::-moz-placeholder{color: #3abaef;}
#form :-ms-input-placeholder{color: #3abaef;}
/*interna*/
header.interna{height:505px;background-color:#FFF;background-repeat:no-repeat}
header.word{background-image:url(../img/head-word.jpg)}
header.shop{background-image:url(../img/head-shop.jpg)}
header.form{background-image:url(../img/head-form.jpg)}
header.interna .wrap{height:100%}
header.interna .boxProductos{padding:0;width:490px;padding-top:90px;transition-delay:0.1s;-ms-transition-delay:0.1s;-webkit-transition-delay:0.1s}
header.interna .boxProductos .prodDesc{width:340px}
header.interna .boxProductos.hidden{padding-top:40px;opacity:0}
header.interna .boxProductos p{text-align:left;color:#454545;margin-bottom:20px;line-height:1.6}
header.interna .boxProductos h2{text-align:left;padding-right:30px}
header.interna .boxProductos .solucion{right:45px}
header.interna .boxProductos .items{margin-top:10px;font-family:'PT Sans', sans-serif;font-size:1.4em;text-transform:uppercase;}
header.interna .boxProductos .items ul{padding-left:15px}
header.interna .boxProductos .items li{list-style:disc;width:50%;float:left;margin:9px 0}
header.interna h1{font-size:5em;font-family:'Roboto', sans-serif;font-weight:100;position:absolute;color:#FFF;bottom:30px;left:660px;letter-spacing:-0.04em;}
.franja{height:160px;background:url(../img/franja-gris.jpg) center no-repeat;text-align:center;padding:20px 0}
.block{display:inline-block;font-size:1.8em;font-weight:300;font-family:'Roboto',sans-serif;text-transform:uppercase;color:#FFF;position:relative;overflow:hidden;height:100%;background-repeat:no-repeat;background-position:center;width:400px;padding-right:30px}
.block.sist{background-image:url(../img/interna-sistema.png);}
.block.her{background-image:url(../img/interna-herraminetas.png);margin:0 1px;}
.block.per{background-image:url(../img/interna-performance.png);}
.block i{display:table-cell;width:110px;height:120px;vertical-align:middle;text-align:center}
.block span{display:table-cell;width:300px;height:120px;vertical-align:middle;text-align:left}
.casoEstudio{width:580px;padding-bottom:50px;float:left;padding-left:30px}
.casoEstudio h4{margin:40px 0;text-align:left;}
.casoEstudio h2{font-family:'Roboto', sans-serif;font-weight:700;font-size:2.5em;}/*text-transform:uppercase*/
.casoEstudio p{font-family:'PT Sans', sans-serif;font-size:1.5em;color:#454545;margin-top:30px;line-height:1.7}
aside{color:#a8a8a8;font-family:'PT Sans', sans-serif;float:left;width:180px;font-size:1.4em;margin-left:30px;margin-top:115px;padding-bottom:30px}
aside strong{font-size:10em;font-weight:normal;position:relative;overflow:hidden;height:37px;display:block;margin:15px 0}
aside strong span{position:absolute}
aside p{line-height:1.7;}
aside h3{text-transform:uppercase;margin-top:35px;font-weight:normal}
aside .logo{margin:14px 0;border-top:1px solid #c2c2c2;}
aside .logo img{width:100%;}
#word .block{background-color:#0b72d3;}
#word h2,
#word aside strong,
#word aside h3{color:#0b72d3}

#shop .block{background-color:#59b83f;}
#shop h2,
#shop aside strong,
#shop aside h3{color:#59b83f}

#forms .block{background-color:#eeb900;}
#forms h2,
#forms aside strong,
#forms aside h3{color:#eeb900}
@media (max-width:1207px){
	.block{width:33.2%;font-size:1.5em;}
}
@media (max-width:1170px){
	hr{max-width:470px}
	header{height:385px}
	header nav{width:100%;top:0;margin:0;left:0;text-align:center}
	header nav li{display:inline-block}
	header .triangulo{height:100%;background:rgba(58,186,239,0.8)}
	.wrap{width:100%;}
	.bajadaHome{width:560px;margin:40px auto 60px;padding-left:0px;text-align:center;padding-top:120px;background-position:center top;}
	.boxProductos{float:none};
	h4{margin:50px 0 10px}
	.blue{background-image:none;margin-bottom:0;padding:0 10px}
	.blue .box{width:50% !important;}
	.blue .box:nth-child(2){display:none}
	.blue .box:last-child{margin-left:0}
	.logos img{margin:0;height:60px}
	.casoEstudio{width:calc(100% - 230px)}
}
@media (max-width:1170px) and (min-width:640px){
	.boxProductos{width:624px;float:none;margin:auto;overflow:hidden;padding:40px 0}
	.boxProductos .prodDesc{width:50%;float:left;padding:0 20px;}
	.boxProductos hr{position:absolute;bottom:20px;width:50%;left:25%}
	.boxProductos h2{font-size:1.7em}
	.boxProductos p{margin-top:0}
	header.interna .boxProductos hr{position:relative;bottom:auto;width:100%;left:0;clear:both}
	header.interna .boxProductos{float:left;margin-left:30px}
	header.interna .boxProductos .prodDesc{padding:0}
}
@media (max-width:960px) and (min-width:640px){
	header.interna h1{font-size:3em;left:50%;padding:0 15px}
	header.interna{height:550px;}
	header .wrap{background-image:url(../img/head-word-768.jpg);background-color:#FFF;background-repeat:no-repeat;background-position:right top;background-size:50% 100%}
	header.word .wrap{background-image:url(../img/head-word-768.jpg);}
	header.shop .wrap{background-image:url(../img/head-shop-768.jpg);}
	header.form .wrap{background-image:url(../img/head-form-768.jpg);}
	header.interna .boxProductos{width:50%;margin-left:0px;padding-top:70px;padding-left:15px}
	header.interna .boxProductos p{padding-right:10px}
	header.interna .boxProductos .items li{float:none;width:100%;}
	header.interna .boxProductos .prodDesc{width:320px}
	header.interna .boxProductos .solucion{right:25px}
	.block i img{width:50px;margin:0 5px}
}
@media (max-width:639px){
	hr{max-width:200px}
	.wrap{width:90%;}
	header .triangulo img{width:240px}
	.bajadaHome{width:100%;font-size:1.7em;background-size:280px auto;padding-top:100px;margin:40px auto}
	.boxProductos{width:100%;padding:30px 0}
	h4{margin:40px 0}
	.boxProductos h2{font-size:1.6em}
	.boxProductos .prodDesc{max-width:320px;margin-left:auto;margin-right:auto}
	.boxProductos .prodDesc img{width:130px;margin:0 35px}
	.boxProductos .solucion{font-size:2em;width:80px;height:40px;line-height:38px;right:35px}
	.blue{margin-top:50px;height:auto;padding-bottom:30px}
	.blue .box{width:90% !important;float:none;margin:auto !important;padding:0}
	.logos img{margin:0 auto;display:block}
	header .masInfo > img{left:0}
	header .masInfo.open{right: -40px;transform: scale(-1);text-indent: -20px;opacity:0.7;}
	header .wrap{width:100%;padding:0;margin:0;background-size:100% auto}
	header.word .wrap{background-image:url(../img/head-word-320.jpg);}
	header.shop .wrap{background-image:url(../img/head-shop-320.jpg);}
	header.form .wrap{background-image:url(../img/head-form-320.jpg);}
	header.interna{height:auto}
	header.interna .masInfo{top:20%}
	header.interna h1{position:static;width:100%;padding:250px 15px 15px;font-size:3em}
	header.interna .boxProductos{width:100%;background:#FFF;padding:30px 0;}
	header.interna .boxProductos .prodDesc{width:280px;margin:auto}
	header.interna .boxProductos .items li{float:none;width:100%;}
	header.interna .boxProductos .prodDesc img{width:auto;margin:0}
	header.interna .boxProductos .solucion{right:15px;top:-3px}
	header.interna .boxProductos .items{width:280px;margin:20px auto}
	.franja{height:auto;padding:15px 0;background:#ebebeb}
	.block{width:320px;}
	.block.her{margin:0}
	.casoEstudio{float:none;width:100%;padding:0}
	aside{margin-top:30px;margin-left:0}
}