@charset "UTF-8";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #fff;
}
img, object, embed, video {
	max-width: 100%;
}
/*
@media screen and (max-width: 5120px){
#secondmenu{
	width: 100%;
	height: 90px;
	z-index: 5;
	margin-top: 0px;
	position: fixed;
	background-color: #252158;
	display: none;
}
#mainmenu{
	width: 100%;
	height: 110px;
	z-index: 5;
	margin-top: 80px;
	position: fixed;
}
#menuwrap2{
	width: 56%;
	height: 60px;
	margin: 0% 22% 0% 22%;
}
nav ul{
    list-style:none;
}
nav ul li.home2{
	float: left;
	width: 200px;
}
nav ul li.btnmenu2{
	float: right;
	width: auto;
	text-align: center;
	height: 80px;
	padding: 0% 6% 0% 0%;
}
nav ul li a.second{
	font-family: 'Exo', sans-serif;
	font-weight: 600;
	color: #fff;
	text-align: center;
	font-size: 14pt;
	line-height: 40pt;
	text-decoration: none;
	letter-spacing: 1pt;
}
nav ul li a:link{
	color: #fff;
}
nav ul li a:visited{
	color: #fff;
}
nav ul li a:hover{
	color: #00B4D7;;
}
#menuwrap{
	width: 70%;
	height: 80px;
	margin: 0% 15% 0% 15%;
}
nav ul{
    list-style:none;
}
nav ul li.home{
	float: left;
	width: 260px;
}
nav ul li{
	float: right;
	width: auto;
	text-align: center;
	height: 80px;
	padding: 0% 8% 0% 0%;
}
nav ul li a.btnmenu{
	font-family: 'Exo', sans-serif;
	font-weight: 600;
	color: #fff;
	text-align: center;
	font-size: 18pt;
	line-height: 60pt;
	text-decoration: none;
	letter-spacing: 1pt;
}
nav ul li a:link{
	color: #fff;
}
nav ul li a:visited{
	color: #fff;
}
nav ul li a:hover{
	color: #00B4D7;;
}
#welcome{
	width: 100%;
	top: 0px;
	overflow: hidden;
	z-index: 1;
	float: left;
	line-height: 0px;
}
#welcometxt{
	width: 40%;
	height: auto;
	margin: 18% 30% 30% 30%;
	z-index: 2;
	color: #fff;
	position:absolute;
	text-align: center;
}
.scroll{
	width: 16%;
	height: auto;
	margin: 34% 42% 30% 42%;
	z-index: 2;
	color: #fff;
	position: absolute;
	text-align: center;

}
#weare{
	width: 100%;
	height: auto;
	background-color: rgb(0,169,211);
	z-index: 2;
	background-image: url("img/line.png");
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
	float: left;
	padding: 0% 0% 26% 0%;
	line-height: 0px;
	}
	
#products{
	width: 100%;
	height: auto;
	background-color: #F7F7F7;
	z-index: 2;
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
	float: left;
	padding: 0% 0% 10% 0%;
}
#customers{
	width: 100%;
	height: auto;
	background-color: rgb(150, 193, 0);
	z-index: 2;
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
	float: left;
	padding: 0% 0% 10% 0%;
}
#contact{
	width: 100%;
	height: auto;
	background-color: #252158;
	z-index: 4;
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
	float: left;
	padding: 0% 0% 20% 0%;
}
h1{
	font-family: 'Exo', sans-serif;
	font-size: 60pt;
	line-height: 60pt;
	font-weight: 100;
}
h2{
	font-family: 'Exo', sans-serif;
	font-size: 40pt;
	line-height: 50pt;
	font-weight: 100;
	color: #fff;
}
h2.blue{
	font-family: 'Exo', sans-serif;
	font-size: 40pt;
	line-height: 50pt;
	font-weight: 100;
	color: #252158;
}
h3{
	font-family: 'Exo', sans-serif;
	font-size: 24pt;
	line-height: 24pt;
	font-weight: 600;
	color: #fff;
}
p{
	color: #fff;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 18pt;
	font-style: italic;
	line-height: 23pt;
}
p.w{
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 18pt;
	font-style: normal;
}
.white{
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 18pt;
	font-style: italic;
}
p.bluetxt{
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 18pt;
	font-style: normal;
	color: #252158;
}
.leftcol{
	width: 45%;
	height: auto;
	float: left;
}
.rightcol{
	width: 55%;
	height: 500px;
	float: right;
}
#openclaw{
	width: 40%;
	margin: 0% 12% 0% 48%;
}
#truck{
	width: 50%;
	margin: 0% 18% 0% 42%;
	padding-top: 40%;
}
#txtwa{
	width: 44%;
	padding: 25% 56% 20% 0%;
}
#step1{
	width: 100%;
	float: left;
	padding: 14% 0% 0% 0%;
}
#step2{
	width: 100%;
	float: left;
	padding: 14% 0% 0% 0%;
}
#step3{
	width: 100%;
	float: left;
	padding: 14% 0% 0% 0%;
}
.bullet{
	width: 14%;
	float: left;
}
.step{
	width: 80%;
	float: right;
}
.arrow{
	width: 14%;
	float: left;
}
.txtstep{
	width: 80%;
	float: right;
	padding: 0% 0% 0% 6%;
}
#pwraper{
	width: 70%;
	margin: 16% 15% 20% 15%;
	text-align: center;
}
#categorias{
	width: 80%;
	height: auto;
	padding: 5% 10% 5% 10%;
	
}
.container{
	width: 20%;
	height: auto;
	float: left;
	padding: 2% 3% 2% 2%;
}
#closedclaw{
	width: 20%;
	margin: 0% 40% 0% 40%;
}
#txtcustomers{
	text-align: center;
	width: 40%;
	margin: 4% 30% 4% 30%;
}
#logoswrap{
	width: 100%;
	height: 100px;
}
.logos{
	width: 20%;
	height: auto;
	float: left;
	padding: 0% 6% 0% 7%;
}
#contactform{
	width: 60%;
	height: 500px;
	margin: 10% 20% 10% 20%;
	text-align: center;
}
#formcontainer{
	width: 30%;
	height: auto;
	margin: 10% 35% 10% 35%;
}
td.label {
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 14pt;
	font-style: normal;
	color: #fff;
	padding: 0% 0% 5% 0%;
	width: 100%;
	height: auto;
}
input{
	width: 100%;
	height: 40px;
	border-color: #00B4D7;
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	border-width: 2px;
	background-color:#252158;
	border-radius: 16px;
	color: #fff;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 18pt;
	font-style: normal;
}
textarea{
	width: 92%;
	height: 160px;
	border-color: #00B4D7;
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-width: 2px;
	background-color:#252158;
	border-radius: 16px;
	color: #fff;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 18pt;
	font-style: normal;
	resize: none;
	padding: 4%;
}
.sendbtn{
	width: auto;
	height: 50px;
	border-color: #00B4D7;
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-width: 2px;
	background-color:#252158;
	border-radius: 30px;
	color: #fff;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 18pt;
	font-style: normal;
	padding-top:1%;
	padding-left: 6%;
	padding-right: 6%;
	padding-bottom: 2%;
}
footer{
	width: 100%;
	height: 200px;
	background-color: #252158;
	z-index: 2;
	float: left;
	text-align: center;
}
#logofooter{
	width: 8%;
	margin: 0% 46% 1% 46%;
}
.btnfooter:link {
	font-family: 'Exo', sans-serif;
	font-size: 14pt;
	line-height: 20pt;
	font-weight: 100;
	text-decoration: none;
	color: #fff;
	}
.btnfooter:hover {
	color:#00B4D7;
	}
.btnfooter:active {
	color:#fff;
	}
.btnfooter:visited {
	color:#fff;
	}
}*/
@media screen and (max-width: 2600px){
	.galeria{
		width: 100%;
		height: 450px;
		background-color: azure;
	}
#menuresponsive{
	display: none;
	visibility: hidden;
	height: 0px;
}
#secondmenu{
	width: 100%;
	height: 90px;
	z-index: 5;
	margin-top: 0px;
	position: fixed;
	background-color: #252158;
}
#menuwrap2{
	width: 56%;
	height: 60px;
	margin: 0% 22% 0% 22%;
}
nav ul{
    list-style:none;
}
nav ul li.home2{
	float: left;
	width: 200px;
}
nav ul li.btnmenu2{
	float: right;
	width: auto;
	text-align: center;
	height: 80px;
	padding: 0% 6% 0% 0%;
}
nav ul li a.second{
	font-family: 'Exo', sans-serif;
	font-weight: 600;
	color: #fff;
	text-align: center;
	font-size: 14pt;
	line-height: 40pt;
	text-decoration: none;
	letter-spacing: 1pt;
}
nav ul li a:link{
	color: #fff;
}
nav ul li a:visited{
	color: #fff;
}
nav ul li a:hover{
	color: #00B4D7;;
}
#topfire{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 820px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topinfire.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topenfriamiento{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 820px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topenfriamiento.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topalmacen{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 820px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topalmacen.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#toppuertas{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 820px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/toppuertas.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topreciclaje{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 820px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topreciclaje.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topemplaye{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 820px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topemplaye.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topuniformes{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 820px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topuniformes.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#toppaneles{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 820px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/toppaneles.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#toplamparas{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 820px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/toplamparass.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topbarredora{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 820px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topbarredora.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topestiba{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 820px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topestiba.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topherramientas{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 820px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topherramientas.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
.visualeffect{
	width: 100%;
	height: 298px;
	background-image: url("img/bottom.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	line-height: 0px;
	background-color: #252158;
	}
#hellotxt{
	width: 30%;
	height: auto;
	margin: 9% 18% 30% 52%;
	z-index: 2;
	color: #fff;
	position:absolute;
	text-align: left;
}

#contact{
	width: 100%;
	height: auto;
	background-color: #252158;
	float: left;
	padding: 0% 0% 6% 0%;
}
h1{
	font-family: 'Exo', sans-serif;
	font-size: 60pt;
	line-height: 60pt;
	font-weight: 100;
}
h2{
	font-family: 'Exo', sans-serif;
	font-size: 40pt;
	line-height: 50pt;
	font-weight: 100;
	color: #fff;;
}
h2.blue{
	font-family: 'Exo', sans-serif;
	font-size: 40pt;
	line-height: 50pt;
	font-weight: 100;
	color: #252158;
}
h3{
	font-family: 'Open Sans', sans-serif;
	font-size: 32pt;
	line-height: 34pt;
	font-weight: 700;
	color: #252158;
}
h4{
	font-family: 'Open Sans', sans-serif;
	font-size: 22pt;
	line-height: 24pt;
	font-weight: 500;
	color: #00B4D7;
}
p{
	color: #fff;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 18pt;
	font-style: normal;
	line-height: 23pt;
}
p.w{
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 18pt;
	font-style: normal;
}
.white{
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 18pt;
	font-style: normal;
}
p.bluetxt{
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 14pt;
	font-style: normal;
	color: #252158;
}
li.bluetxtlist{
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 14pt;
	font-style: normal;
	color: #252158;
	padding: 2% 0% 2% 0%;
}

#cotizacion{
	width: 60%;	
	margin: 0% 20% 0% 20%;
	text-align: center;
	
}
#whatsapp{
	margin: auto;
	width: 45%;
	}
footer{
	width: 100%;
	height: 200px;
	background-color: #252158;
	z-index: 2;
	float: left;
	text-align: center;
}
#logofooter{
	width: 8%;
	margin: 0% 46% 1% 46%;
}
.btnfooter:link {
	font-family: 'Exo', sans-serif;
	font-size: 14pt;
	line-height: 20pt;
	font-weight: 100;
	text-decoration: none;
	color: #fff;
	}
.btnfooter:hover {
	color:#00B4D7;
	}
.btnfooter:active {
	color:#fff;
	}
.btnfooter:visited {
	color:#fff;
	}
.wa:link {
	font-family: 'Exo', sans-serif;
	font-size: 18pt;
	line-height: 20pt;
	font-weight: 500;
	text-decoration: none;
	color: #00B4D7;
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-width: 2px;
	border-top-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	padding: 1% 4% 1% 4%;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
	}
.wa:hover {
	color:#252158;
	}
.wa:active {
	color:#00B4D7;
	}
.wa:visited {
	color:#00B4D7;
}
.productwrap{
	width: 50%;
	height: auto;
	background-color: #fff;
	padding: 0% 25% 0% 25%;
	float: left;
}
.advicewrap{
	width: 50%;
	height: auto;
	background-color: #fff;
	padding: 10% 25% 10% 25%;
	float: left;
}
.iconp{
	width: 20%;
	margin: 0% 40% 0% 40%;
	text-align:center;
	float: left;
	}
.productcontainer{
	width: 100%;
	height: auto;
	float: left;
	margin: 14% 0% 14% 0%;
	}
.imgcol{
	width: 35%;
	height: auto;
	padding-right: 5%;
	padding-top: 4%;
	float: left;
	}
.txtcol{
	width: 60%;
	height: auto;
	float: left;
	}
}
@media screen and (max-width: 1920px){
#menuresponsive{
	display: none;
	visibility: hidden;
	height: 0px;
	}
#secondmenu{
	width: 100%;
	height: 90px;
	z-index: 5;
	margin-top: 0px;
	position: fixed;
	background-color: #252158;
}
#menuwrap2{
	width: 76%;
	height: 60px;
	margin: 0% 12% 0% 12%;
}
nav ul{
    list-style:none;
}
nav ul li.home2{
	float: left;
	width: 200px;
}
nav ul li.btnmenu2{
	float: right;
	width: auto;
	text-align: center;
	height: 80px;
	padding: 0% 6% 0% 0%;
}
nav ul li a.second{
	font-family: 'Exo', sans-serif;
	font-weight: 600;
	color: #fff;
	text-align: center;
	font-size: 14pt;
	line-height: 40pt;
	text-decoration: none;
	letter-spacing: 1pt;
}
nav ul li a:link{
	color: #fff;
}
nav ul li a:visited{
	color: #fff;
}
nav ul li a:hover{
	color: #00B4D7;;
}
#topfire{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 600px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topinfire.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color:#fff;
}
#topenfriamiento{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 600px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topenfriamiento.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topalmacen{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 600px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topalmacen.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#toppuertas{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 600px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/toppuertas.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topreciclaje{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 600px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topreciclaje.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topemplaye{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 600px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topemplaye.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topuniformes{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 600px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topuniformes.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#toppaneles{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 600px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/toppaneles.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#toplamparas{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 600px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/toplamparass.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topbarredora{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 600px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topbarredora.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topestiba{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 600px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topestiba.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topherramientas{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 600px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topherramientas.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#hellotxt{
	width: 30%;
	height: auto;
	margin: 9% 18% 30% 52%;
	z-index: 2;
	color: #fff;
	position:absolute;
	text-align: left;
}
#contact{
	width: 100%;
	height: auto;
	background-color: #252158;
	z-index: 4;
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
	float: left;
	padding: 0% 0% 0% 0%;
}
h1{
	font-family: 'Exo', sans-serif;
	font-size: 60pt;
	line-height: 60pt;
	font-weight: 100;
}
h2{
	font-family: 'Exo', sans-serif;
	font-size: 34pt;
	line-height: 40pt;
	font-weight: 100;
	color: #fff;
}
h2.blue{
	font-family: 'Exo', sans-serif;
	font-size: 34pt;
	line-height: 40pt;
	font-weight: 100;
	color: #252158;
}
h3{
	font-family: 'Open Sans', sans-serif;
	font-size: 30pt;
	line-height: 32pt;
	font-weight: 700;
	color: #252158;
}
h4{
	font-family: 'Open Sans', sans-serif;
	font-size: 20pt;
	line-height: 22pt;
	font-weight: 500;
	color: #00B4D7;
}
p{
	color: #fff;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 18pt;
	font-style: normal;
	line-height: 23pt;
}
p.w{
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 18pt;
	font-style: normal;
}
.white{
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 18pt;
	font-style: italic;
}
p.bluetxt{
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 14pt;
	font-style: normal;
	color: #252158;
}
li.bluetxtlist{
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 14pt;
	font-style: normal;
	color: #252158;
	padding: 2% 0% 2% 0%;
}
#contactform{
	width: 60%;
	height: 500px;
	margin: 10% 20% 10% 20%;
	text-align: center;
}
#cotizacion{
	width: 60%;	
	margin: 0% 20% 0% 20%;
	text-align: center;
}
#whatsapp{
	margin: auto;
	width: 50%;
	}
footer{
	width: 100%;
	height: 200px;
	background-color: #252158;
	z-index: 2;
	float: left;
	text-align: center;
	padding: 0% 0% 6% 0%;
}
#logofooter{
	width: 8%;
	margin: 10% 46% 1% 46%;
}
.btnfooter:link {
	font-family: 'Exo', sans-serif;
	font-size: 14pt;
	line-height: 20pt;
	font-weight: 100;
	text-decoration: none;
	color: #fff;
	}
.btnfooter:hover {
	color:#00B4D7;
	}
.btnfooter:active {
	color:#fff;
	}
.btnfooter:visited {
	color:#fff;
	}
.wa:link {
	font-family: 'Exo', sans-serif;
	font-size: 18pt;
	line-height: 20pt;
	font-weight: 500;
	text-decoration: none;
	color: #00B4D7;
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-width: 2px;
	border-top-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	padding: 1% 4% 1% 4%;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
	}
.wa:hover {
	color:#252158;
	}
.wa:active {
	color:#00B4D7;
	}
.wa:visited {
	color:#00B4D7;
}
.productwrap{
	width: 60%;
	height: auto;
	background-color: #fff;
	padding: 0% 20% 0% 20%;
	float: left;
}
.advicewrap{
	width: 60%;
	height: auto;
	background-color: #fff;
	padding: 10% 20% 10% 20%;
	float: left;
}
.iconp{
	width: 18%;
	margin: 0% 41% 0% 41%;
	text-align:center;
	float: left;
	}
.productcontainer{
	width: 100%;
	height: auto;
	float: left;
	margin: 14% 0% 14% 0%;
	}
.imgcol{
	width: 35%;
	height: auto;
	padding-right: 5%;
	padding-top: 4%;
	float: left;
	}
.txtcol{
	width: 60%;
	height: auto;
	float: left;
	}
}
@media screen and (max-width: 1280px){
#menuresponsive{
	display: none;
	visibility: hidden;
	height: 0px;

	}
#secondmenu{
	width: 100%;
	height: 60px;
	z-index: 5;
	margin-top: 0px;
	position: fixed;
	background-color: #252158;
}
#menuwrap2{
	width: 80%;
	height: 60px;
	margin: 0% 10% 0% 10%;
	float: left;
}
nav ul{
    list-style:none;
	line-height: 0px;
	margin-top: 5px;
}
nav ul li.home2{
	float: left;
	width: 160px;
	height: auto;
}
nav ul li.btnmenu2{
	float: right;
	width: auto;
	text-align: center;
	height: auto;
	padding: 0% 6% 0% 0%;
}
nav ul li a.second{
	font-family: 'Exo', sans-serif;
	font-weight: 600;
	color: #fff;
	text-align: center;
	font-size: 12pt;
	line-height: 38pt;
	text-decoration: none;
	letter-spacing: 1pt;
}
nav ul li a:link{
	color: #fff;
}
nav ul li a:visited{
	color: #fff;
}
nav ul li a:hover{
	color: #00B4D7;;
}
#topfire{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 410px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topinfire.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topenfriamiento{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 410px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topenfriamiento.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topalmacen{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 410px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topalmacen.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#toppuertas{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 410px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/toppuertas.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topreciclaje{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 410px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topreciclaje.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topemplaye{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 410px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topemplaye.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topuniformes{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 410px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topuniformes.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#toppaneles{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 410px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/toppaneles.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#toplamparas{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 410px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/toplamparass.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topbarredora{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 410px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topbarredora.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topestiba{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 410px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topestiba.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topherramientas{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 410px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topherramientas.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
.productwrap{
	width: 100%;
	height: 1000px;
	background-color: #FFFFFF;
}
.visualeffect{
	width: 100%;
	height: 146px;
	background-image: url("img/bottom.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	line-height: 0px;
	background-color: #252158;
	}
#hellotxt{
	width: 30%;
	height: auto;
	margin: 9% 18% 30% 52%;
	z-index: 2;
	color: #fff;
	position:absolute;
	text-align: left;
}
#contact{
	width: 100%;
	height: auto;
	background-color: #252158;
	z-index: 4;
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
	float: left;
	padding: 0% 0% 20% 0%;
}
h1{
	font-family: 'Exo', sans-serif;
	font-size: 40pt;
	line-height: 50pt;
	font-weight: 100;
}
h2{
	font-family: 'Exo', sans-serif;
	font-size: 28pt;
	line-height: 32pt;
	font-weight: 100;
	color: #fff;
}
h2.blue{
	font-family: 'Exo', sans-serif;
	font-size: 28pt;
	line-height: 32pt;
	font-weight: 100;
	color: #252158;
}
h3{
	font-family: 'Open Sans', sans-serif;
	font-size: 28pt;
	line-height: 30pt;
	font-weight: 700;
	color: #252158;
}
h4{
	font-family: 'Open Sans', sans-serif;
	font-size: 18pt;
	line-height: 20pt;
	font-weight: 500;
	color: #00B4D7;
}
p{
	color: #fff;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 14pt;
	font-style: normal;
	line-height: 20pt;
}
p.w{
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 16pt;
	font-style: normal;
}
.white{
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 16pt;
	font-style: normal;
}
p.bluetxt{
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 12pt;
	font-style: normal;
	color: #252158;
}
li.bluetxtlist{
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 12pt;
	font-style: normal;
	color: #252158;
	padding: 2% 0% 2% 0%;
}
#contactform{
	width: 60%;
	height: 500px;
	margin: 10% 20% 10% 20%;
	text-align: center;
}
#cotizacion{
	width: 50%;	
	margin: 10% 25% 0% 25%;
	text-align: center;
}
footer{
	width: 100%;
	height: 100px;
	background-color: #252158;
	z-index: 2;
	float: left;
	text-align: center;
}
#logofooter{
	width: 8%;
	margin: 0% 46% 1% 46%;
}
.btnfooter:link {
	font-family: 'Exo', sans-serif;
	font-size: 10pt;
	line-height: 20pt;
	font-weight: 100;
	text-decoration: none;
	color: #fff;
	}
.btnfooter:hover {
	color:#00B4D7;
	}
.btnfooter:active {
	color:#fff;
	}
.btnfooter:visited {
	color:#fff;
	}
.productwrap{
	width: 74%;
	height: auto;
	background-color: #fff;
	padding: 0% 13% 0% 13%;
	float: left;
}
.advicewrap{
	width: 74%;
	height: auto;
	background-color: #fff;
	padding: 14% 13% 10% 13%;
	float: left;
}
.wa:link {
	font-family: 'Exo', sans-serif;
	font-size: 16pt;
	line-height: 20pt;
	font-weight: 500;
	text-decoration: none;
	color: #00B4D7;
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-width: 2px;
	border-top-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	padding: 1% 4% 1% 4%;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
	}
.wa:hover {
	color:#252158;
	}
.wa:active {
	color:#00B4D7;
	}
.wa:visited {
	color:#00B4D7;
}
.iconp{
	width: 18%;
	margin: 0% 41% 0% 41%;
	text-align:center;
	float: left;
	}
.productcontainer{
	width: 100%;
	height: auto;
	float: left;
	margin: 14% 0% 14% 0%;
	}
.imgcol{
	width: 35%;
	height: auto;
	padding-right: 5%;
	padding-top: 4%;
	float: left;
	}
.txtcol{
	width: 60%;
	height: auto;
	float: left;
	}
}
@media screen and (max-width: 1080px){
#menuresponsive{
	display: none;
	visibility: hidden;
	height: 0px;

	}
#secondmenu{
	width: 100%;
	height: 60px;
	z-index: 5;
	margin-top: 0px;
	position: fixed;
	background-color: #252158;
}
#menuwrap2{
	width: 80%;
	height: 60px;
	margin: 0% 10% 0% 10%;
	float: left;
}
nav ul{
    list-style:none;
	line-height: 0px;
	margin-top: 5px;
}
nav ul li.home2{
	float: left;
	width: 160px;
	height: auto;
}
nav ul li.btnmenu2{
	float: right;
	width: auto;
	text-align: center;
	height: auto;
	padding: 0% 6% 0% 0%;
}
nav ul li a.second{
	font-family: 'Exo', sans-serif;
	font-weight: 600;
	color: #fff;
	text-align: center;
	font-size: 12pt;
	line-height: 38pt;
	text-decoration: none;
	letter-spacing: 1pt;
}
nav ul li a:link{
	color: #fff;
}
nav ul li a:visited{
	color: #fff;
}
nav ul li a:hover{
	color: #00B4D7;;
}
#topfire{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 350px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topinfire.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topenfriamiento{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 350px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topenfriamiento.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topalmacen{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 350px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topalmacen.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#toppuertas{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 350px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/toppuertas.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topreciclaje{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 350px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topreciclaje.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topemplaye{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 350px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topemplaye.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topuniformes{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 350px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topuniformes.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#toppaneles{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 350px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/toppaneles.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#toplamparas{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 350px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/toplamparass.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topbarredora{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 350px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topbarredora.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topestiba{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 350px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topestiba.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topherramientas{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 350px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topherramientas.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#hellotxt{
	width: 40%;
	height: auto;
	margin: 8% 8% 30% 50%;
	z-index: 2;
	color: #fff;
	position:absolute;
	text-align: left;

}
#contact{
	width: 100%;
	height: auto;
	background-color: #252158;
	z-index: 4;
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
	float: left;
	padding: 0% 0% 2% 0%;
}
h1{
	font-family: 'Exo', sans-serif;
	font-size: 38pt;
	line-height: 50pt;
	font-weight: 400;
}
h2{
	font-family: 'Exo', sans-serif;
	font-size: 28pt;
	line-height: 32pt;
	font-weight: 100;
	color: #fff;
}
h2.blue{
	font-family: 'Exo', sans-serif;
	font-size: 28pt;
	line-height: 32pt;
	font-weight: 400;
	color: #252158;
}
h3{
	font-family: 'Open Sans', sans-serif;
	font-size: 26pt;
	line-height: 28pt;
	font-weight: 700;
	color: #252158;
}
h4{
	font-family: 'Open Sans', sans-serif;
	font-size: 16pt;
	line-height: 18pt;
	font-weight: 500;
	color: #00B4D7;
}
p{
	color: #fff;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14pt;
	font-style: normal;
	line-height: 20pt;
}
p.w{
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14pt;
	line-height: 18pt;
	font-style: normal;
}
.white{
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 16pt;
	font-style: normal;
}
p.bluetxt{
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 12pt;
	font-style: normal;
	color: #252158;
}
li.bluetxtlist{
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 12pt;
	font-style: normal;
	color: #252158;
	padding: 2% 0% 2% 0%;
}
#contactform{
	width: 60%;
	height: 500px;
	margin: 10% 20% 10% 20%;
	text-align: center;
}
#cotizacion{
	width: 50%;	
	margin: 10% 25% 0% 25%;
	text-align: center;
}
footer{
	width: 100%;
	height: 100px;
	background-color: #252158;
	z-index: 2;
	float: left;
	text-align: center;
	padding: 0% 0% 20% 0%;
}
#logofooter{
	width: 12%;
	margin: 20% 44% 1% 44%;
}
.btnfooter:link {
	font-family: 'Exo', sans-serif;
	font-size: 12pt;
	line-height: 20pt;
	font-weight: 400;
	text-decoration: none;
	color: #fff;
	}
.btnfooter:hover {
	color:#00B4D7;
	}
.btnfooter:active {
	color:#fff;
	}
.btnfooter:visited {
	color:#fff;
	}
.wa:link {
	font-family: 'Exo', sans-serif;
	font-size: 14pt;
	line-height: 20pt;
	font-weight: 500;
	text-decoration: none;
	color: #00B4D7;
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-width: 2px;
	border-top-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	padding: 1% 4% 1% 4%;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
	}
.wa:hover {
	color:#252158;
	}
.wa:active {
	color:#00B4D7;
	}
.wa:visited {
	color:#00B4D7;
}
.productwrap{
	width: 74%;
	height: auto;
	background-color: #fff;
	padding: 0% 13% 0% 13%;
	float: left;
}
.advicewrap{
	width: 74%;
	height: auto;
	background-color: #fff;
	padding: 14% 13% 10% 13%;
	float: left;
}
.iconp{
	width: 18%;
	margin: 0% 41% 0% 41%;
	text-align:center;
	float: left;
	}
.productcontainer{
	width: 100%;
	height: auto;
	float: left;
	margin: 14% 0% 14% 0%;
	}
.imgcol{
	width: 35%;
	height: auto;
	padding-right: 5%;
	padding-top: 4%;
	float: left;
	}
.txtcol{
	width: 60%;
	height: auto;
	float: left;
	}
}
@media screen and (max-width: 810px){
#menuresponsive{
	display: none;
	visibility: hidden;
	height: 0px;
	}

#secondmenu{
	width: 100%;
	height: 60px;
	z-index: 5;
	margin-top: 0px;
	position: fixed;
	background-color: #252158;
}
#menuwrap2{
	width: 98%;
	height: 60px;
	margin: 0% 1% 0% 1%;
	float: left;
}
nav ul{
    list-style:none;
	line-height: 0px;
	margin-top: 5px;
}
nav ul li.home2{
	float: left;
	width: 160px;
	height: auto;
}
nav ul li.btnmenu2{
	float: right;
	width: auto;
	text-align: center;
	height: auto;
	padding: 0% 6% 0% 0%;
}
nav ul li a.second{
	font-family: 'Exo', sans-serif;
	font-weight: 600;
	color: #fff;
	text-align: center;
	font-size: 12pt;
	line-height: 38pt;
	text-decoration: none;
	letter-spacing: 1pt;
}
nav ul li a:link{
	color: #fff;
}
nav ul li a:visited{
	color: #fff;
}
nav ul li a:hover{
	color: #00B4D7;;
}
#topfire{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 260px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topinfire.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topenfriamiento{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 260px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topenfriamiento.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topalmacen{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 260px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topalmacen.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#toppuertas{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 260px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/toppuertas.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topreciclaje{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 260px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topreciclaje.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topemplaye{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 260px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topemplaye.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topuniformes{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 260px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topuniformes.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#toppaneles{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 260px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/toppaneles.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#toplamparas{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 260px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/toplamparass.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topbarredora{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 260px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topbarredora.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topestiba{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 260px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topestiba.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topherramientas{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 260px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topherramientas.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#hellotxt{
	width: 40%;
	height: auto;
	margin: 6% 8% 30% 50%;
	z-index: 2;
	color: #fff;
	position:absolute;
	text-align: left;

}
#contact{
	width: 100%;
	height: auto;
	background-color: #252158;
	z-index: 4;
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
	float: left;
	padding: 0% 0% 0% 0%;
}
h1{
	font-family: 'Exo', sans-serif;
	font-size: 38pt;
	line-height: 42pt;
	font-weight: 400;
}
h2{
	font-family: 'Exo', sans-serif;
	font-size: 24pt;
	line-height: 28pt;
	font-weight: 100;
	color: #fff;
}
h2.blue{
	font-family: 'Exo', sans-serif;
	font-size: 24pt;
	line-height: 28pt;
	font-weight: 400;
	color: #252158;
}
h3{
	font-family: 'Open Sans', sans-serif;
	font-size: 24pt;
	line-height: 26pt;
	font-weight: 700;
	color: #252158;
}
h4{
	font-family: 'Open Sans', sans-serif;
	font-size: 14pt;
	line-height: 16pt;
	font-weight: 500;
	color: #00B4D7;
}
p{
	color: #fff;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14pt;
	font-style: normal;
	line-height: 20pt;
}
p.w{
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14pt;
	line-height: 18pt;
	font-style: normal;
}
.white{
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 16pt;
	font-style: normal;
}
p.bluetxt{
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 12pt;
	font-style: normal;
	color: #252158;
}
li.bluetxtlist{
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 12pt;
	font-style: normal;
	color: #252158;
	padding: 2% 0% 2% 0%;
}
#contactform{
	width: 70%;
	height: 500px;
	margin: 10% 15% 20% 15%;
	text-align: center;
}
#cotizacion{
	width: 80%;	
	margin: 10% 10% 0% 10%;
	text-align: center;
}
footer{
	width: 100%;
	height: 100px;
	background-color: #252158;
	z-index: 2;
	float: left;
	text-align: center;
	padding: 0% 0% 20% 0%;
}
#logofooter{
	width: 12%;
	margin: 20% 44% 1% 44%;
}
.btnfooter:link {
	font-family: 'Exo', sans-serif;
	font-size: 12pt;
	line-height: 20pt;
	font-weight: 400;
	text-decoration: none;
	color: #fff;
	}
.btnfooter:hover {
	color:#00B4D7;
	}
.btnfooter:active {
	color:#fff;
	}
.btnfooter:visited {
	color:#fff;
	}	
.wa:link {
	font-family: 'Exo', sans-serif;
	font-size: 14pt;
	line-height: 20pt;
	font-weight: 500;
	text-decoration: none;
	color: #00B4D7;
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-width: 2px;
	border-top-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	padding: 1% 4% 1% 4%;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
	}
.wa:hover {
	color:#252158;
	}
.wa:active {
	color:#00B4D7;
	}
.wa:visited {
	color:#00B4D7;
}
.productwrap{
	width: 74%;
	height: auto;
	background-color: #fff;
	padding: 0% 13% 0% 13%;
	float: left;
}
.advicewrap{
	width: 74%;
	height: auto;
	background-color: #fff;
	padding: 16% 13% 10% 13%;
	float: left;
}
.iconp{
	width: 18%;
	margin: 0% 41% 0% 41%;
	text-align:center;
	float: left;
	}
.productcontainer{
	width: 100%;
	height: auto;
	float: left;
	margin: 14% 0% 14% 0%;
	}
.imgcol{
	width: 35%;
	height: auto;
	padding-right: 5%;
	padding-top: 6%;
	float: left;
	}
.txtcol{
	width: 60%;
	height: auto;
	float: left;
	}
}
@media screen and (max-width: 600px){
.galeria{
		width: 100%;
		height: 240px;
	}
#menuresponsive{
	display:block;
	background-color: rgba(38,31,99);
	visibility: visible;

}
#btnr {
	cursor: pointer;
	display: inline-block;
	width: 100%;
	height: 50px;
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	text-align: center;
	z-index: 22;
	position: fixed;
	background-color: rgba(38,31,99);
	padding-top:0px;
	padding-bottom:0px;
	
}
.btnhome {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image:url("img/meinavahome.svg");
	background-repeat: no-repeat;
	width: 100%;
	height: 50px;
	background-position:center;
	outline:0px;
	background-color: rgba(38,31,99);
	}
#menur {
	background-color: rgba(37,38,88,0.97);
	width: 100%;
	text-align: center;
	position: fixed;
	margin-top: 50px;
	z-index: 21;
	display: none;
	padding:10px 0px 0px 0px; 
}
.buttonsr {
	height: 60px;

	padding: 0px 0px 10px 0px;
}
a.rt:link {
	color:#fff;
	text-decoration: none;
	font-family: 'Exo', sans-serif;
	font-size: 24px;
	line-height: 50px;
	text-align: center;
	letter-spacing: 1px;
}
a.rt:visited {
	color: #fff;
	text-decoration: none;
}
a.rt:hover {
	color: #00B4D7;
	text-decoration: none;
}
a.rt:active {
	color: #fff;
	text-decoration: none;
}
#secondmenu{
	width: 100%;
	height: 60px;
	z-index: 5;
	margin-top: 0px;
	position: fixed;
	background-color:#252158;
	display: none;
	visibility:hidden;
}
#menuwrap2{
	width: 98%;
	height: 60px;
	margin: 0% 1% 0% 1%;
	float: left;
}
nav ul{
    list-style:none;
	line-height: 0px;
	margin-top: 5px;
}
nav ul li.home2{
	float: left;
	width: 160px;
	height: auto;
}
nav ul li.btnmenu2{
	float: right;
	width: auto;
	text-align: center;
	height: auto;
	padding: 0% 6% 0% 0%;
}
nav ul li a.second{
	font-family: 'Exo', sans-serif;
	font-weight: 600;
	color: #fff;
	text-align: center;
	font-size: 12pt;
	line-height: 38pt;
	text-decoration: none;
	letter-spacing: 1pt;
}
nav ul li a:link{
	color: #fff;
}
nav ul li a:visited{
	color: #fff;
}
nav ul li a:hover{
	color: #00B4D7;;
}
#topfire{
	margin: 50px 0px 0px 0px;
	width: 100%;
	height: 150px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topinfire.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;

}
#topenfriamiento{
	margin: 50px 0px 0px 0px;
	width: 100%;
	height: 150px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topenfriamiento.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topalmacen{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 150px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topalmacen.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#toppuertas{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 150px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/toppuertas.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topreciclaje{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 150px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topreciclaje.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topemplaye{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 150px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topemplaye.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topuniformes{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 150px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topuniformes.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#toppaneles{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 150px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/toppaneles.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#toplamparas{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 150px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/toplamparass.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topbarredora{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 150px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topbarredora.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topestiba{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 150px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topestiba.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#topherramientas{
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 150px;
	top: 0px;
	float: left;
	line-height: 0px;
	background-image: url("img/products/topherramientas.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	background-color: #fff;
}
#hellotxt{
	width: 90%;
	height: auto;
	margin: 3% 5% 30% 5%;
	z-index: 2;
	color: #fff;
	position:absolute;
	text-align: center;

}
#contact{
	width: 100%;
	height: auto;
	background-color: #252158;
	z-index: 4;
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
	float: left;
	padding: 0% 0% 0% 0%;
}
h1{
	font-family: 'Exo', sans-serif;
	font-size: 34pt;
	line-height: 40pt;
	font-weight: 400;
}
h2{
	font-family: 'Exo', sans-serif;
	font-size: 16pt;
	line-height: 20pt;
	font-weight: 400;
	color: #fff;
}
h2.blue{
	font-family: 'Exo', sans-serif;
	font-size: 24pt;
	line-height: 28pt;
	font-weight: 400;
	color: #252158;
}
h3{
	font-family: 'Open Sans', sans-serif;
	font-size: 20pt;
	line-height: 22pt;
	font-weight: 700;
	color: #252158;
}
h4{
	font-family: 'Open Sans', sans-serif;
	font-size: 14pt;
	line-height: 14pt;
	font-weight: 500;
	color: #00B4D7;
}
p{
	color: #fff;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14pt;
	font-style: normal;
	line-height: 20pt;
}
p.w{
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14pt;
	line-height: 18pt;
	font-style: normal;
}
.white{
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 16pt;
	font-style: normal;
}
p.bluetxt{
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 12pt;
	font-style: normal;
	color: #252158;
}
li.bluetxtlist{
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 12pt;
	font-style: normal;
	color: #252158;
	padding: 2% 0% 2% 0%;
}
#contactform{
	width: 90%;
	height: 500px;
	margin: 10% 5% 20% 5%;
	text-align: center;
}
#cotizacion{
	width: 80%;	
	margin: 0% 10% 0% 10%;
	text-align: center;
}
#whatsapp{
	margin: auto;
	width: 75%;
	}

footer{
	width: 90%;
	height: 100px;
	background-color: #252158;
	z-index: 2;
	float: left;
	text-align: center;
	padding: 0% 5% 20% 5%;
}
#logofooter{
	width: 30%;
	margin: 20% 35% 1% 35%;
}
.btnfooter:link {
	font-family: 'Exo', sans-serif;
	font-size: 10pt;
	line-height: 20pt;
	font-weight: 400;
	text-decoration: none;
	color: #fff;
	}
.btnfooter:hover {
	color:#00B4D7;
	}
.btnfooter:active {
	color:#fff;
	}
.btnfooter:visited {
	color:#fff;
	}
.wa:link {
	font-family: 'Exo', sans-serif;
	font-size: 12pt;
	line-height: 20pt;
	font-weight: 500;
	text-decoration: none;
	color: #00B4D7;
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-width: 2px;
	border-top-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	padding: 1% 4% 1% 4%;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
	}
.wa:hover {
	color:#252158;
	}
.wa:active {
	color:#00B4D7;
	}
.wa:visited {
	color:#00B4D7;
}
.productwrap{
	width: 80%;
	height: auto;
	background-color: #fff;
	padding: 0% 10% 0% 10%;
	float: left;
}
.advicewrap{
	width: 80%;
	height: auto;
	background-color: #fff;
	padding: 16% 10% 10% 10%;
	float: left;
}
.iconp{
	width: 34%;
	margin: 0% 33% 0% 33%;
	text-align:center;
	float: left;
	}
.productcontainer{
	width: 100%;
	height: auto;
	float: left;
	margin: 20% 0% 20% 0%;
	}
.imgcol{
	width: 70%;
	height: auto;
	padding: 0% 15% 0% 15%;
	float: left;
	}
.txtcol{
	width: 90%;
	height: auto;
	padding: 0% 5% 0% 5%;
	float: left;
	}
}