/*
Plugin: jQuery Parallax
Version 1.1
Author: Ian Lunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/

@charset "utf-8";
/* CSS Document */

#loading{background:#353535; width:100%; height:100%; position:fixed; left:0px; top:0px; min-width:1024px; z-index:9999}
#loading img.logo{position:absolute; left:50%; margin-left:-104px; margin-top:-51px; top:50%; opacity:0}
#loading img.loader{position:absolute; left:50%; margin-left:-16px; margin-top:-16px; top:50%}

#no-more-ie6 {
position: fixed;
top: 0;
left: 0;
padding-top:5px; padding-bottom:5px;
width: 100%; text-align:center;
background-color:#F8FFB9;
font-size: 11px; font-family:Verdana, Geneva, sans-serif;
color: #222; z-index:999; display:none
}

#no-more-ie6 a {
font-weight: bold;
text-decoration: underline; color:#15B6A6
}

body{
	margin: 0;
	min-width: 980px;
	padding: 0;font-family: 'helveticaLt'
}


.float-left{
	float: left;	
	margin: 0 0 0 20px;
}

.float-leftx{
	float: left;	
}

.float-right{
	float: right;
	margin: 0 20px 0 0;
}

.center{
	font-size: 2.5em;
	padding: 80px 0 0 0;
	text-align: center;
}

#nav{
	list-style: none;
	position: fixed;
	right: 0px;
	z-index: 999;
	opacity:0
}

#nav li{
	margin: 0 0 15px 0; position:relative
}

#nav li h1 {
	position: absolute;
	right: 22px;
	top: -5px;	
	padding: 6px 20px 7px 7px;
	color: #fff;
	white-space: nowrap;
	background: transparent url('../img/nav-arrow.png') 100% 50% no-repeat;
	opacity:0; font-size:13px; font-weight:normal; font-family:helveticaULt; letter-spacing:1px
	}

#header, #intro, #second{
	width: 100%;
}
/*home*/
#intro{
	/*background:url(../img/bg1.jpg) 50% -200px no-repeat fixed;*/
	color: white;
	height: 900px;
	margin: 0 auto;
	padding: 140px 0 0 0; overflow:hidden; position:relative
	/*background-size:cover*/
}
	#intro span.down{font-family: 'helveticaULt'; width:173px; margin-left:-86px; top:600px; position:absolute; color:#fff; font-size:17px; left:50%; 
	text-align:center}
	#intro img.down{position:absolute; top:630px; left:50%; margin-left:-15px}
	
	#intro .logo{position:absolute; left:0px; top:-460px; z-index:2}
	#intro h2{}
	#intro span.spec,#intro span.spec2{color:#111; font-size:16px;font-family: 'helveticaLt'; font-weight:normal;
	color:#333; background:#FB6600; padding:15px; width:auto; float:left; clear:left; padding-left:15px; margin-left:-500px;
	box-shadow:0px 0px 3px #333,0px 0px 10px #333;font-family: 'helveticaMd'; opacity:0; width:350px}
	#intro span.spec2{padding-top:5px; padding-bottom:15px; background:#444}
/*segundo*/
#second{
	background:#CCAA7A url(../img/bgtruck.jpg) 50% 0 no-repeat;
	background-size:cover!important;
	color: white;
	height: 840px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	background-position: scroll!Important
	/*background-size:cover*/
}
	#second .logo{position:absolute; right:0px; top:180px}
	#second .bg{
		background:rgba(0,0,0,0.25);
		height: 440px;
		margin: 0 auto;
		padding: 0; padding-left:40px;
		position: absolute;
		width: 500px;
		z-index: 200; margin-top:150px; 
	}
	#second .bg h1{color:#fff; font-size:69px; width:350px; font-family: 'helveticaULt'; margin-left:20px; margin-top:20px;
	height:141px}
	
	#second .overview h1 {
	  color:#fff;
	  font-family:bebas;
	  font-size:20px;
	  font-weight:normal;
	  line-height:20px;
	  margin-bottom:10px; width:auto; margin-left:0px; margin-top:0px; height:auto
	}
	
	#scrollernosotros{width:460px; height:218px; float:left; display:inline; margin-top:40px; margin-left:20px;
	padding:0px}
	#scrollernosotros .viewport{ width: 430px; height: 218px; overflow: hidden; position: relative; }
	#scrollernosotros .overview{ list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; width:430px }
	#scrollernosotros .scrollbar{ background:transparent  no-repeat 0 0; position: relative; float: right; width: 15px;height:15px}
	#scrollernosotros .track{ background:rgba(0,0,0,0.3); height: 100%; width:14px; position: relative}
	#scrollernosotros .thumb{ background: #FB6600 url(../img/lines.png) center center no-repeat; height: 20px; width: 12px;
	 cursor: -webkit-grab; cursor: -moz-grab;  position: absolute; top: 0; left: 1px; margin-top:0px; box-shadow:0px 1px 1px #000; border-top:1px solid #000}
	 	#scrollernosotros .thumb:active{cursor: -webkit-grabbing; cursor: -moz-grabbing;}
	#scrollernosotros .thumb .end{ background: transparent; overflow: hidden; height: 5px; width: 20px; top:-5px; position:absolute }
	#scrollernosotros .disable{ display: none}
	#scrollernosotros .overview p{color:#fff; font-size:16px;font-family: 'helveticaULt'; font-weight:normal; line-height:20px; letter-spacing:1px}
/*tercero*/	
#third,#four,#fifth,#six{	
	color: white;
	height: 840px;
	padding: 100px 0 0 0		
}

#third{background:#EAEAEA url(../img/bgcalidad.jpg) 50% 0 no-repeat scroll;background-size:cover; height:840px}
	#third h2{color:#333; font-size:60px; width:390px; font-family: 'helveticaULt'; margin-bottom:10px; width:253px;margin-top:130px;height:auto}
	#third .logo{position:absolute; right:0px; top:180px}
	#third .bg{width:800px; height:290px; padding-left:50px; top:250px; position:absolute; z-index:1; background:rgba(255,255,255,0.5)}
	#scrollersgc{width:400px; height:208px; position:absolute; left:410px; top:50px; z-index:2;
	padding:0px}
	#scrollersgc .viewport{ width: 370px; height: 208px; overflow: hidden; position: relative; }
	#scrollersgc .overview{ list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; width:370px }
	#scrollersgc .scrollbar{ background:transparent  no-repeat 0 0; position: relative; float: right; width: 15px;height:15px}
	#scrollersgc .track{ background:rgba(0,0,0,0.3); height: 100%; width:14px; position: relative; cursor:pointer}
	#scrollersgc .thumb{ background: #FB6600 url(../img/lines.png) center center no-repeat; height: 20px; width: 12px;
	 cursor: pointer;  position: absolute; top: 0; left: 1px; margin-top:0px; box-shadow:0px 1px 1px #000; border-top:1px solid #000}
	#scrollersgc .thumb .end{ background: transparent; overflow: hidden; height: 5px; width: 20px; top:-5px; position:absolute }
	#scrollersgc .disable{ display: none}
		#scrollersgc .overview h1{color:#333; font-size:20px;font-family: 'bebas'; font-weight:normal; line-height:20px; font-weight:normal; margin-bottom:10px}
		#scrollersgc .overview p{color:#333; font-size:17px;font-family: 'helveticaULt'; font-weight:normal; line-height:20px; letter-spacing:1px}
			#scrollersgc .overview ul{float:left; list-style-type:none; margin:0px; padding:0px}
			#scrollersgc .overview ul li{color:#111; font-size:16px;font-family: 'helveticaLt'; font-weight:normal; line-height:20px; padding-left:20px; margin-top:5px; margin-bottom:5px; background:url(../img/lines.png) 10px 7px no-repeat}
	
	
#four{background:url(../img/bg4.jpg) 50% 0 no-repeat fixed; overflow:hidden; display:none}
	#four h2{color:#fff; font-size:50px; width:250px; font-family: 'helveticaULt'; margin-bottom:10px; margin-top:-200px; text-shadow:0px 0px 5px #000;
	color:#FFFFFF;
  font-family:bebas;
  font-size:70px;
  text-shadow:0px 2px 0px #333,#000000 1px 1px 5px;
  background:url(../img/nuestros-productos.png) 0px 0px no-repeat; text-indent:-99999px; height:141px}
	#four .logo{position:absolute; right:0px; top:180px}
	#four .bg2{width:100%; height:1000px; margin:0 auto; position:absolute; z-index:1; background:url(../img/frase.png) no-repeat}
		
#fifth{background:url(../img/bg.jpg) 50% 0 no-repeat scroll}
	#fifth h2{color:#444; font-size:60px; width:350px; font-family: 'helveticaULt'; margin-bottom:10px; margin-top:-150px;
  font-family:bebas;
  font-size:70px;
  text-shadow:0px 1px 0px #fff}
  		#fifth h2 b{ font-weight:normal;font-family: 'helveticaULt'; font-size:50px}
	#fifth .logo{position:absolute; right:0px; top:180px;z-index:999; cursor:pointer}
	#fifth .bg{width:100%; height:1000px; margin:0 auto; position:absolute; z-index:1; background:url(../img/maquina.png) no-repeat; z-index:0}
	#fifth .bg2{width:100%; height:1000px; margin:0 auto; position:absolute; z-index:1; background:url(../img/maquina2.png) no-repeat; z-index:0}
	
#six{height:600px; padding-top:0px}
	.mapa{width:100%; float:left; height:100%; position:relative; z-index:1}
	#six h2{color:#333333; font-size:50px; width:350px; font-family: 'helveticaULt'; margin-bottom:10px}
	#six .logo{position:absolute; right:0px; top:180px; z-index:2}
	#six .bg{
		background:url(../img/transparent.png);
		height: 440px;
		margin: 0 auto;
		padding: 0;
		position: absolute;
		width: 500px;
		z-index: 200; margin-top:140px; box-shadow:0px 0px 1px rgba(0,0,0,0.5),0px 0px 5px rgba(0,0,0,0.3)
	}
		#six .bg form{width:270px; float:left; margin-top:20px; margin-left:20px}
			#six .bg form label{color:#111; font-size:16px;font-family: 'helveticaLt'; font-weight:normal; line-height:24px; float:left; width:60px;
			 margin-bottom:10px}
			#six .bg form input.caja{background:#e0e0e0; float:left; border:1px solid #c0c0c0; height:20px; width:180px; margin-left:20px; margin-bottom:10px;
			padding:4px; font-size:15px; color:#666}
			#six .bg form textarea{background:#e0e0e0; float:left; border:1px solid #c0c0c0;  height:100px; width:180px; margin-left:20px;
			padding:4px; font-size:15px; color:#666}
			#six .bg form input.enviar{background:#333; float:right; border:0px none; height:auto; width:auto; margin-top:5px;
			padding:6px; font-size:15px; color:#fff;font-family: 'helveticaMd'}
				#six .bg form input.enviar:hover{ background:#FB6600; cursor:pointer}
			#six .bg form input.caja:focus,#six .bg form textarea:focus{border:1px solid #333; background:#fff; color:#333}
						
		#six .bg span{width:190px; float:left; margin-left:20px;color:#111; font-size:15px;font-family: 'helveticaLt'; font-weight:normal; line-height:20px;
		margin-top:20px}
		#six .bg h1{color:#333333; font-size:69px; width:350px; font-family: 'helveticaULt'; margin-left:20px; margin-top:20px;
		font-family:bebas;
  		font-size:60px}
		
			#six .bg p.ldirectorio{background:#FB6600 url(../img/directorio.png) 5px 5px no-repeat;padding:6px; padding-left:30px;
			font-size:15px; color:#fff;font-family: 'helveticaMd'; margin-top:10px; float:left;
			cursor:pointer; margin-left:20px; border-bottom:1px solid #9E4000}
		
			#directorio{ height:440px; width:210px; background:#333; position:absolute; left:500px; top:0px;
			box-shadow:0px 0px 1px rgba(0,0,0,0.5),0px 0px 5px rgba(0,0,0,0.3);overflow:hidden}
				
				#six .bg #directorio h1{color:#FB6600;font-family: 'bebas'; font-weight:normal; font-size:25px; margin-bottom:15px; height:auto; 
				float:left; margin-left:15px; margin-bottom:5px}
				#directorio p{color:#fff; margin-left:15px; margin-top:15px; float:left; font-size:12px}
				#directorio p b{font-family: 'bebas'; font-weight:normal; font-size:16px}
				#six #directorio p span{width:190px; margin:0px; height:1px; float:left; background:#888}
			
		#six .bg span b{ font-family: 'helveticaMd'; font-weight:normal; font-size:17px; float:left}	


.story{
	margin: 0 auto;
	min-width: 980px;	
	width: 980px; position:relative
}

.story .float-left, .story .float-right{
	padding: 100px 0 0 0;
	position: relative;
	width: 350px;	
}

.float-leftx{width:0%; background:rgba(0,0,0,0.15); height:auto; z-index:99; position:absolute; left:0px; top:230px; overflow:hidden}
	.float-leftx .inside{ width:980px; margin:0 auto; margin-top:30px; margin-bottom:30px; opacity:0}
	.float-leftx h2{ font-size:60px; width:450px; font-family: 'helveticaULt'; margin-bottom:10px;
	color:#FFFFFF; text-shadow:2px 2px 0px #333; font-weight:normal}
		.float-leftx h2 b{font-weight:normal; font-family:helveticaMd; font-size:69px}
	.float-leftx span{ font-family:helveticaULt; font-size:17px;color:#FFFFFF; text-shadow:2px 2px 0px #333; letter-spacing:1px; width:390px}
	
.slide {
	width: 100%
}

#nav li a {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: #333;
	border: solid 2px #333;
}
#nav li a:hover{background-color: #FB6600}
#nav li:hover h1{opacity:1}
#nav li a.current {
	background-color: #FB6600;
}

.servicios{float:left}
	.servicios ul{float:left; list-style-type:none; margin:0px; padding:0px; width:300px; position:absolute; left:650px; top:240px; display:none}
		.servicios ul li{float:left; width:100%;font-family: 'bebas'; letter-spacing:0px; height:27px; color:#111; text-shadow:0px 1px 0px #fff; font-size:22px}
			.servicios ul li span{ width:5px; height:5px; border-radius:5px; background:#777; float:left; 
			margin-left:-20px; line-height:27px; margin-top:8px}
			
			
		.galeria{width:580px; float:left; margin-left:10px; margin-right:10px; padding-right:10px; height:374px}
		
		.galeria .categorias{float:left; width:110px; padding-top:5px}
		.galeria .categorias span{color:#444; font-size:16px; float:left; margin-bottom:10px; text-transform:uppercase;font-family: 'HelveticaLT';border-bottom:1px solid #ccc;box-shadow:0px 1px 0px #fff; padding-bottom:5px; width:110px}
		.galeria .categorias ul{width: 110px; z-index:5;height: auto;padding:0px;list-style-type: none; margin:0px; float:left; margin-bottom:0px; padding-bottom:5px; border-bottom:1px solid #ccc; box-shadow:0px 1px 0px #fff}
		.galeria .categorias ul li{float: left;
		height: auto; width:95px; 
		line-height:auto; margin: 0px; padding:0px; color:#333;
		margin-right:0px; display:inline;
		font-size: 20px; cursor:pointer; text-align:left;
		margin-bottom:3px;font-family: 'bebas';text-shadow:0px 1px 0px #fff}
		
		.galeria .categorias ul li:hover,.galeria .categorias ul li.selected{color:#FB6600}
		.galeria .categorias ul li.sup{padding-left:15px; background:url(../img/arrow2.png) 0px 6px no-repeat}
		.galeria .categorias ul li.selected{width:95px; background:url(../img/arrowdown.png) 0px 6px no-repeat}
		
			.galeria .categorias ul li ul{width: 100%; height: auto;padding:0px;list-style-type: none; margin:0px; float:left;
			 margin-bottom:0px; margin-top:5px; padding-bottom:0px; border-bottom:0px solid rgba(0,0,0,0.2); box-shadow:0px 1px 0px rgba(255,255,255,0); 
			height:0px; overflow:hidden}
			.galeria .categorias ul li ul li{float: left;
		height: auto; width:100%; 
		line-height:auto; margin: 0px; padding:0px; padding-left:10%;
		margin-right:0px; display:inline;
		font-size: 17px; line-height:20px; cursor:pointer; text-align:left;	font-family: 'helveticaLt';
		margin-bottom:5px;  background:url(../img/buk2.png) 0px center no-repeat; cursor:default}
			.galeria .categorias ul li ul li a{width:100%; float:left; text-decoration:none; color:#333}
			.galeria .categorias ul li ul li a:hover,.galeria .categorias ul li ul li a.selected{color:#FB6600}
		
		#galeria{width:460px; height:350px; float:left; margin-left:10px; background:url(../img/loader2.gif) center center no-repeat; position:relative}
		.fadeimg{height:350px; width:460px; float:left; opacity:0; top:0px; position:relative}
			.fadeimg h1{font-size:20px; margin-bottom:0px; margin-left:10px; margin-top:0px; color:#333;text-shadow:0px 1px 0px #fff}
				.fadeimg h1 span{color:#FB6600; background:url(../img/camera.png) left center no-repeat; padding-left:30px; margin-right:10px;font-family: 'HelveticaLT';text-shadow:0px 1px 0px #fff}
            #galleria{height:350px; width:460px; float:left; margin-top:0px; background:none transparent}						
			.galleria-container{ background:none transparent;padding-bottom:70px}
			.galleria-stage{box-shadow:0px 0px 10px rgba(0,0,0,0.5); margin-bottom:5px; background:#f3f3f3}	
			
			
	.productos{list-style: none;
		padding: 0;
		margin: 0 auto; margin-top:100px;
		width: 42em;
		height: 24em
	}
	.productos li {
		height: 327px;
		width: 277px;
		background-color:#fff;
		text-align: center;
		cursor: default; box-shadow:0px 0px 12px rgba(0,0,0,0.65); border:1px solid #fff
	}
	.productos li img{position:absolute; left:0px; width:100%; top:0px}
	.productos li div{position:absolute; left:0px; bottom:0px; width:100%; height:49%; background:#f3f3f3; border-top:1px solid #000}
	.productos li div h1{position:absolute; left:0px; width:90%; top:0px; border-top:1px solid #333; background:#000; height:28%; 
	box-shadow:0px 0px 12px rgba(0,0,0,0.65); padding-left:5%; padding-right:5%; color:#FFF;
	font-family: 'helveticaMd'; font-size:0.9em; text-transform:uppercase; text-align:left; line-height:2.9em}
	.productos li div p{color:#111; line-height:1.2em;font-family: 'helveticaLt'; font-size:0.84em; position:absolute; top:40%; left:0%; 		
	width:90%;padding-left:5%; padding-right:5%; text-align:justify; font-weight:normal}


	#prev{background:url(../img/arrows.png) 0px -55px no-repeat; width:50px; height:50px; left:50px; top:185px; z-index:99; position:absolute}
/*		#prev:hover{ background-position:-52px -55px}*/
	#next{background:url(../img/arrows.png) -150px -55px no-repeat; width:50px; height:50px; right:60px; top:185px; z-index:99; position:absolute}	
	
	.rotatory{position:absolute; left:0px; top:0px; z-index:0; width:100%; height:1040px}
		.rotatory div{width:100%!important}

#hiddenmenu{width:100%; height:100%; z-index:9999; position:fixed; left:0px; top:0px; background:rgba(30,30,30,0.98); opacity:0; display:none}
	#hiddenmenu.selected{display:block}
	#hiddenmenu ul{float:left; list-style-type:none; margin:0px; margin:15%; width:70%; opacity:0; margin-top:5%}
		#hiddenmenu span{color:#FB6600;font-family:"Bebas";font-size:30px; float:left; line-height:auto; padding-bottom:15px; padding-top:15px}
		#hiddenmenu ul li{float:left; margin:0px; width:100%; border-top:1px solid rgba(255,255,255,0.1);
		font-family:"helveticaULt"; color:#696969; font-size:22px;float:left; text-decoration:none; line-height:auto;
			 padding-top:15px; padding-bottom:15px; cursor:pointer}	
			 #hiddenmenu ul li:hover,#hiddenmenu ul li.selected{color:#fff}