/* ESTILOS PARA TEXTO*/


h6{
	font-family: "HelveticaNeueThin", "HelveticaNeue-Thin", "Helvetica Neue Thin", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Arial", sans-serif; 
	font-stretch:normal;
	font-weight:700;
	margin:0px;
	font-size:35px;
	color: #C52326;
	text-align: center;
	
	}


h1{
	font-family: "HelveticaNeueThin", "HelveticaNeue-Thin", "Helvetica Neue Thin", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Arial", sans-serif; 
	font-stretch:normal;
	font-weight:550;
	text-align:center;
	margin:0px;
	font-size:25px;
	
	
	}
h2{
	font-family: "HelveticaNeueThin", "HelveticaNeue-Thin", "Helvetica Neue Thin", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Arial", sans-serif; 
	font-stretch:normal;
	font-weight:100;
	text-align:center;
	margin:0px;
	margin-left:15%;
	margin-right:15%
}
h3{
	font-family: "HelveticaNeueThin", "HelveticaNeue-Thin", "Helvetica Neue Thin", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Arial", sans-serif; 
	font-stretch:normal;
	font-weight:400;
	text-align:center;
	margin:0px;
	font-size:16px;
	color: #fff;
}

h4{
	font-family: "HelveticaNeueThin", "HelveticaNeue-Thin", "Helvetica Neue Thin", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Arial", sans-serif; 
	font-stretch:normal;
	font-weight:400;
	text-align:center;
	margin:0px;
	font-size:16px;
	color:#000;
}
h5{
	font-family: "HelveticaNeueThin", "HelveticaNeue-Thin", "Helvetica Neue Thin", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Arial", sans-serif; 
	font-stretch:normal;
	font-weight:200;
	text-align:center;
	margin:0px;
	font-size:16px;
	color:#000;
}
/* FIN ESTILOS DE TEXTO */
html{
	margin:0px;
	padding:0px;
	
	}
body{
	margin:0px;
	padding:0px;
	background-image:url(../images/fondo.jpg);
	}

#wrapper{
	
	padding:0px;
	width: 100%;
	max-width: 1280px;
	height: auto;
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	background-color:#fff;

	
	
	}


 

#whatsapp li, #youtube li, #mail li, #inicio li{
	list-style: none;
	list-style-type: none;
}

#whatsapp li a:link, #whatsapp li a:visited, #whatsapp li a:active{
	position:absolute; 
	z-index:1;
	top:10px;
	right:1%;
	width:40px;
	height:40px;
	list-style: none;
	list-style-type: none;
	background-image:url(../images/social-01.png);
	background-repeat:no-repeat;
	

	
}
#whatsapp li a:hover{
	background-image:url(../images/social-03.png);
	width:200px;
	
}
	
#youtube li a:link, #youtube li a:visited, #youtube li a:active{
	position:absolute; 
	z-index:1;
	top:60px;
	right:1%;
	width:40px;
	height:40px;
	list-style: none;
	list-style-type: none;
	background-image:url(../images/social-02.png);
	background-repeat:no-repeat;
}
#youtube li a:hover{
	background-image:url(../images/social-04.png);
	width:200px;
}

#mail li a:link, #mail li a:visited, #mail li a:active{
	position:absolute; 
	z-index:1;
	top:110px;
	right:1%;
	width:40px;
	height:40px;
	list-style: none;
	list-style-type: none;
	background-image:url(../images/social-05.png);
	background-repeat:no-repeat;
}
#mail li a:hover{
	background-image:url(../images/social-06.png);
	width:200px;
}

/* FIN DEL CABEZOTE */
/* MENUS*/


#menu_texto{
	padding:0px;
	list-style:none;
	background-color:#C52326;
	width:900px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	text-align:center;
}
#menu_texto li a:link, #menu_texto li a:visited, #menu_texto li a:active{
		background-color:#C52326;
		width: 150px;
		height: 30px;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight:100;
		font-size: 1.3em;
		float:left;
		text-decoration:none;
		padding-top:10px;
		color:#fff;
		text-align:center;
		
}
#menu_texto li a:hover{
		color:#000000;
		font-weight:bold;
		background-color:#CCC;
		padding-top:5px;
		height:35px;
}


#nosotros, #inicio, #productos, #procesos, #contactenos, #cotizaciones {
	margin-left:0px;
	margin-top:-5px;
	padding:0px;
	list-style:none;
	width:150px;
	height:150px;
	float:left;
	
}

#inicio li a:link, #inicio li a:visited, #inicio li a:active{
	background-image:url(../images/boton-001.png);
	background-repeat:no-repeat;
	width:150px;
	height:150px;
	display:block;
}
#inicio li a:hover{
	background-image:url(../images/boton-00.png);
	transform:rotateY(360deg);
	transition-duration: 2s;
	-webkit-transform:rotateZY(360deg);
	-webkit-transition-duration: 2s;
}
#nosotros li a:link, #nosotros li a:visited, #nosotros li a:active{
	background-image:url(../images/boton-02.png);
	background-repeat:no-repeat;
	width:150px;
	height:150px;
	display:block;
}
#nosotros li a:hover{
	background-image:url(../images/boton-01.png);
	transform:rotateY(360deg);
	transition-duration: 2s;
	-webkit-transform:rotateZY(360deg);
	-webkit-transition-duration: 2s;
}


#productos li a:link, #productos li a:visited, #productos li a:active{
	background-image:url(../images/boton-04.png);
	background-repeat:no-repeat;
	width:150px;
	height:150px;
	display:block;
	
	
	}
#productos li a:hover{
	background-image:url(../images/boton-03.png);
	transform:rotateY(360deg);
	transition-duration: 2s;
	-webkit-transform:rotateY(360deg);
	-webkit-transition-duration: 2s;
	
	
		
}

#procesos li a:link, #procesos li a:visited, #procesos li a:active{
	background-image:url(../images/boton-06.png);
	background-repeat:no-repeat;
	width:150px;
	height:150px;
	display:block;
	
	
	}
#procesos li a:hover{
	background-image:url(../images/boton-05.png);
	transform:rotateZ(360deg);
	transition-duration: 2s;
	-webkit-transform:rotateZ(360deg);
	-webkit-transition-duration: 2s;
	
}

#contactenos li a:link, #contactenos li a:visited, #contactenos li a:active{
	background-image:url(../images/boton-08.png);
	background-repeat:no-repeat;
	width:150px;
	height:150px;
	display:block;
	
	
	}
#contactenos li a:hover{
	background-image:url(../images/boton-07.png);
	transform:rotateY(360deg);
	transition-duration: 2s;
	-webkit-transform:rotateY(360deg);
	-webkit-transition-duration: 2s;
}

#cotizaciones li a:link, #cotizaciones li a:visited, #cotizaciones li a:active{
	background-image:url(../images/boton-10.png);
	background-repeat:no-repeat;
	width:150px;
	height:150px;
	display:block;
	
	
	}
#cotizaciones li a:hover{
	background-image:url(../images/boton-09.png);
	transform:rotateY(360deg);
	transition-duration: 2s;
	-webkit-transform:rotateY(360deg);
	-webkit-transition-duration: 2s;
}


#logo1, #logo2, #logo3, #logo4, #logo5, #logo6{
	padding:0px;
	margin:10px;
	margin-left:3%;
	list-style:none;
	list-style-type: none;
	float:left;
}

#sgs1{
	padding:0px;
	margin:0px;
	margin-left:0%;
	list-style:none;
	list-style-type: none;
}

#sgs1 li a:link, #sgs1 li a:visited, #sgs1 li a:active{
	background-image:url(../images/sgs.png);
	background-repeat:no-repeat;
	list-style: none;
	list-style-type: none;
	width:150px;
	height:90px;
	display:block;
	
}
#sgs1 li a:hover{
	background-image:url(../images/sgs1.png);
}

#logo1 li a:link, #logo1 li a:visited, #logo1 li a:active{
	background-image:url(../images/maquinas-01.png);
	background-repeat:no-repeat;
	list-style:none;
	width:176px;
	height:50px;
	display:block;
	
}
#logo1 li a:hover{
	background-image:url(../images/maquinas-02.png);
}


#logo2 li a:link, #logo2 li a:visited, #logo2 li a:active{
	background-image:url(../images/maquinas-09.png);
	background-repeat:no-repeat;
	list-style:none;
	width:92px;
	height:50px;
	display:block;
	
}
#logo2 li a:hover{
	background-image:url(../images/maquinas-10.png);
}


#logo3 li a:link, #logo3 li a:visited, #logo3 li a:active{
	background-image:url(../images/maquinas-07.png);
	background-repeat:no-repeat;
	list-style:none;
	width:100px;
	height:50px;
	display:block;
	
}
#logo3 li a:hover{
	background-image:url(../images/maquinas-08.png);
}


#logo4 li a:link, #logo4 li a:visited, #logo4 li a:active{
	background-image:url(../images/maquinas-05.png);
	background-repeat:no-repeat;
	list-style:none;
	width:212px;
	height:50px;
	display:block;
	
}
#logo4 li a:hover{
	background-image:url(../images/maquinas-06.png);
}

#logo5 li a:link, #logo5 li a:visited, #logo5 li a:active{
	background-image:url(../images/maquinas-11.png);
	background-repeat:no-repeat;
	list-style:none;
	width:86px;
	height:50px;
	display:block;
}
#logo5 li a:hover{
	background-image:url(../images/maquinas-12.png);
}
#logo6 li a:link, #logo6 li a:visited, #logo6 li a:active{
	background-image:url(../images/maquinas-03.png);
	background-repeat:no-repeat;
	list-style:none;
	width:202px;
	height:50px;
	display:block;
	
}
#logo6 li a:hover{
	background-image:url(../images/maquinas-04.png);
}



#footer_fondo{
	width:100%;
	max-width: 1280px;
	height:200px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color:#C52326;
	padding-top:30px;
	text-align: center;
	
	
}
#footer{
	padding:0px;
	list-style:none;
	width:90%;
	margin-left: auto;
	margin-right: auto;
	height: 100px;
	
}
#footer_logo{
	width:150px;
	height:90px;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	margin:0px;
	
	padding:0px;
	float: left;
	
	}
#legal{
	width:90%;
	margin:0px;
	margin-right: auto;
	margin-left: auto;
	
}
#sgs{
	width:150px;
	height:90px;
	float: right;
	margin:0px;
	background-repeat:no-repeat;
	clear: right;


}


/*Resolucion Espoecial

@media only screen and (max-width: 616px){

#menu_img{
	width:300px;
	height:300px;
	margin-left:auto;
	margin-right:auto;
	
}
#menu_texto{
	display:none;
}
#maquinas{
	padding: 0px;
	width: 100%;
	max-width: 380px;
	padding-left:40px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	text-align: center;
}
}
*/
@media only screen and (min-width: 1150px){
#maquinas{
	padding: 0px;
	width: 100%;
	max-width: 1280px;
	padding-left:40px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	
}

}

@media only screen and (max-width: 1149px)and (min-width: 617px){

#maquinas{
	padding: 0px;
	width: 100%;
	max-width: 600px;
	padding-left:40px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	
}


}

@media only screen and (max-width: 616px)and (min-width: 481px){

#maquinas{
	padding: 0px;
	width: 100%;
	max-width: 200px;
	padding-left:40px;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	
}


}

/*
@media only screen and (max-width: 915px)and (min-width: 526px){




}
/* FIN DE RESOLUICION ESPECIAL */


@media only screen and (max-width: 480px){
#menu_texto{
	display:none;
}
/*#slider{
	width:480px;
	
	margin:auto;
	background-color:#F0F;
	position:relative;
	
}*/

#menu_img{
	width:100%;
	height:300px;
	max-width:300px;
	margin-left:auto;
	margin-right:auto;

}
#social, #social2{
	list-style: none;
	width: 40px;
	height: 150px;
	position:absolute;
	top:10px;
	left:88%;
	z-index:100;
}
#cabezote{
	width: 100%;
	height:auto;	
	max-width: 480px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding:0px;
	margin:0px;
	
}

#video3{
	
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding:0px;
	
	
}

#video{
	display:none;
	}
#video2{
	display:none;
	}

#maquinas{
	padding: 0px;
	width: 100%;
	max-width: 200px;
	padding-left:40px;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	
	
}

#menu_fondo{
	position: relative
	width:100%;
	max-width: 1280px;
	height:15px;
	margin-right: auto;
	margin-left: auto;
	margin:0px;
	background-color:#C52326;
	padding:0px;
	
}

}

@media only screen and (max-width: 915px) and (min-width: 481px){
/*#slider{
	width:768px;
	
	margin:auto;
	background-color:#0FF;
}*/

#social, #social2{
	list-style: none;
	width: 40px;
	height: 150px;
	position:absolute;
	top:10px;
	right:5%;
	z-index:100;


}
#cabezote{
	width: 100%;
	height:auto;
	max-width: 914px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding:0px;
	margin:0px;
	

}

#video2{
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding:0px;	

}

#video{
	display:none;
	}
#video3{
	display:none;
	}

#menu_img{
	width:100%;
	height:320px;
	max-width:500px;
	margin-left:auto;
	margin-right:auto;

}

#menu_texto{
	display:none;
}
#menu_fondo{
	position: relative
	width:100%;
	max-width: 1280px;
	height:15px;
	margin-right: auto;
	margin-left: auto;
	margin:0px;
	background-color:#C52326;
	padding:0px;
	
}
}

@media only screen and (max-width: 1280px) and (min-width: 916px){

/*#slider{
	width:1280px;
	max-height:300px;
	
	margin:auto;
	
}*/

#social, #social2 {
	list-style: none;
	width: 40px;
	height: 150px;
	position:absolute;
	top:10px;
	right: 3%;
	z-index:100;


}
#cabezote{
	width: 100%;
	height:auto;
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding:0px;
	margin:0px;
	}

#video{
	
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding:0px;

	}

#video2{
	display:none;
	}
#video3{
	display:none;
	}

#menu_img{
	width:100%;
	height:150px;
	max-width:900px;
	margin-left:auto;
	margin-right:auto;	
}
#menu_fondo{
	position: relative
	width:100%;
	max-width: 1280px;
	height:40px;
	margin-right: auto;
	margin-left: auto;
	margin:0px;
	background-color:#C52326;
	padding:0px;
	
}

#menu_lat{
	display: none;
}


}

@media only screen and (min-width: 1281px) {
	#social {
	list-style: none;
	width: 40px;
	height: 150px;
	position:relative;
	top:-600px;
	left: 95%;
	z-index:100;

}
	#social2 {
	list-style: none;
	width: 40px;
	height: 150px;
	position:relative;
	top:-350px;
	left: 95%;
	z-index:100;

}
#menu_img{
	width:100%;
	height:150px;
	max-width:900px;
	margin-left:auto;
	margin-right:auto;	
}
#cabezote{
	width: 100%;
	height:600px;
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding:0px;
	margin:0px;
	}

#video{
	
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding:0px;
	
	}

#video2{
	display:none;
	}
#video3{
	display:none;
	}

#menu_fondo{
	position: relative
	width:100%;
	max-width: 1280px;
	height:40px;
	margin-right: auto;
	margin-left: auto;
	margin:0px;
	background-color:#C52326;
	padding:0px;
	
}

#menu_lat{
	display: none;
}
}