@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	min-width:800px;
	background:#000;
	overflow-x:hidden
}

iframe {
    display: block; 
    background: transparent;
    border: none;    
    height: 100vh;    
    width: 100vw;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/*TIPOGRAFIAS*/
@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/bebasneue-webfont.eot');
    src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue-webfont.woff') format('woff'),
         url('../fonts/bebasneue-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;}
h2{
	font-family: 'bebas_neueregular';
	font-size:36px;
	color:#FFF;
}
p{
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:18px;
	color:#FFF;
	font-weight:100;
	line-height:22px;
}



#linkcontacto{position:absolute; bottom:15px;left:50%;z-index:99999999;margin-left:-100px}

.myButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #d1dede));
	background:-moz-linear-gradient(top, #768d87 5%, #d1dede 100%);
	background:-webkit-linear-gradient(top, #768d87 5%, #d1dede 100%);
	background:-o-linear-gradient(top, #768d87 5%, #d1dede 100%);
	background:-ms-linear-gradient(top, #768d87 5%, #d1dede 100%);
	background:linear-gradient(to bottom, #768d87 5%, #d1dede 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#d1dede',GradientType=0);
	background-color:#768d87;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #c2ccc9;
	display:inline-block;
	cursor:pointer;
	color:#000;
	font-family: 'bebas_neueregular';
	font-size:20px;
	padding:5px 10px 5px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2b665e;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d1dede), color-stop(1, #768d87));
	background:-moz-linear-gradient(top, #d1dede 5%, #768d87 100%);
	background:-webkit-linear-gradient(top, #d1dede 5%, #768d87 100%);
	background:-o-linear-gradient(top, #d1dede 5%, #768d87 100%);
	background:-ms-linear-gradient(top, #d1dede 5%, #768d87 100%);
	background:linear-gradient(to bottom, #d1dede 5%, #768d87 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1dede', endColorstr='#768d87',GradientType=0);
	background-color:#d1dede;
}
.myButton:active {
	position:relative;
	top:1px;
}




.contenedor{
	height:5000px;
	width:100%;
	position:relative;
	background:url(../img/back.png) center top no-repeat;
	background-size:1400px 5007px;
	
	 }
.menu{
	border-top: solid 2px #f04a3f;
	background:rgb(153,153,153)#999;
	background:rgba(255,255,255,0.1);
	height:70px;
	width:100%;
	position:fixed;
	top:0;
	z-index:910;
	min-width:950px;
}

#formulario  input[type="text"],#formulario  input[type="email"] {
  background: url(../img/imputchito.png) no-repeat;
  width: 142px;
  height: 37px;
  border: none;
  padding-left: 15px;
  margin:10px 0 10px 0
}

#formulario  select {
  background: url(../img/imputchito.png) no-repeat;
  width: 162px;
  height: 37px;
  border: none;
  padding-left: 15px;
  margin:10px 0 10px 0
}


textarea{background: url(../img/comentario.png) no-repeat;
  width:380px;
  height: 107px;
  border: none;
  padding: 15px;
  margin:10px 0 10px 0px
}

.menu ul{
	float:right;
	margin:0 140px 0 0;}
.menu ul li{
	float:left;}
.menu ul li a{
    color: #FFFFFF;
    display: block;
    font-family: 'bebas_neueregular';
    font-size: 18px;
    margin: 4px 0 0 54px;
    padding: 20px 0 4px;
    text-decoration: none;}
.menu ul li a:hover{
	 border-bottom: 3px solid #FFF;
 }
.menu ul li a.activo{
	 border-bottom: 3px solid  #f04a3f !important;
 }

#cuerpoform{width:520px; height: 650px;position:absolute;top:50%;left:50%; margin: -325px 0 0 -260px;color:#fff; font-family: 'bebas_neueregular';}


#cuerpogracias{font-size:35px;line-height:40px;color:#fff ;width:400px;text-align:center;height:40px;position:absolute;left:50%;top:50%;margin:-20px 0 0 -200px;font-family: 'bebas_neueregular';}
.logoHome{
	  display: block;
    height: auto;
    left: 50%;
    margin-left: -45%;
    margin-top: -63px;
    position: absolute;
    top: 50%;
    width: 90%;
}
.logoMenu{
	float:left;
	display:block;
	margin: 18px 0 0 30px;
}

.cerrar{position:absolute;top:2px; right:20px;cursor:pointer}

#catalogoblock,#formulario,#gracias{position:fixed!important;text-align:center; width:100vw!important;height:100vh!important;background:url(../img/backnegro.png) repeat!important;display:none;z-index:99999999999999999999!important}

#slide-1{
	background:url(../img/homeback.jpg) no-repeat center top;
	height:765px;
}
#hacemos-1{
	background:url(../img/back_hacemos01.jpg) 50% 0 no-repeat;
	height:765px;
	position:relative;
}
#hacemos-2{
	background:url(../img/back_hacemos02.jpg) 50% 0 no-repeat;
	height:765px;
	position:relative;
}

#hacemos-3{
	background:url(../img/back_hacemos03.jpg) 50% 0 no-repeat;
	height:765px;
	position:relative;
}

#productos{
	background:url(../img/backgeneral.jpg) repeat-x;
	height:5100px;
	position:relative;
	overflow:hidden
}

#calidad{
	background:url(../img/back_calidad.jpg) 50% 0 no-repeat;
	height:765px;
	position:relative;
}


#contacto{
	background:#000 0 50% no-repeat;
	position:relative;
	padding:100px 0 0 0;
}
.torre{
	background:url(../img/torre.png) 50% 0 no-repeat;
	width:100%;
	height: 965px;
	z-index:900;
	position:absolute;
	top:0;
}
















.contenidoCalidad{
	position:absolute;
	width:45%;
	height:auto;
	top:25%;
	left:10%;
}
.contenidoCalidad h1{
	color:#e5e5e5;
	font-size:31px;
	font-family: 'bebas_neueregular';	
}
.separador{
	width:100%;
	height:1px;
	border-bottom:1px solid #CCC;
	margin:15px 0;
}
.sspa{
	margin:40px 30px 0 0;
}


.mapa{
	width:900px;
	height:650px;
	margin:0 auto;
	position:relative;
}
.mexico{background:url(../img/maps/mexico.jpg) top center  no-repeat}
.colombia{background:url(../img/maps/colombia.jpg) top center  no-repeat}
.venezuela{background:url(../img/maps/venezuela.jpg) top center  no-repeat}
.canada{background:url(../img/maps/canada.jpg) top center  no-repeat}
.eua{background:url(../img/maps/eua.jpg) top center no-repeat}
.menuMapa{
	left: 50px;
    position: absolute;
    top: 250px;
	z-index:11;
}
.menuMapa ul{
	font-family: 'bebas_neueregular';
}
.menuMapa ul li{
	padding:3px 0;
}
.menuMapa ul li a{
	text-decoration:none;
	font-size:22px;
	color:#808080;
	padding:10px 0 0 10px;}
.menuMapa ul li a:hover{
	color:#666;
}
.menuMapa ul li a.activo{
	color:#FFF;
	background:url(../img/triangulo.png) no-repeat 0px 17px;}
.dmexico{
	  color: #FFFFFF;
    position: absolute;
    right: 50px;
    top: 285px;
    width: 280px;
	display:none;
}
.dcolombia{
	  color: #FFFFFF;
      position: absolute;
    right: 50px;
    top: 381px;
    width: 280px;
	display:none;
}
.dvenezuela{
	  color: #FFFFFF;
      position: absolute;
    right: 50px;
    top: 397px;
    width: 280px;
	display:none;
}
.dcanada{
	color: #FFFFFF;
     position: absolute;
    right: 50px;
    top: 230px;
    width: 280px;
	display:none;
}
.deua{
	 color: #FFFFFF;
      position: absolute;
    right: 50px;
    top: 231px;
    width: 280px;
}
.datos h1{
	font-family: 'bebas_neueregular';
	font-size:22px;
}
.datos p {
    font-size: 17px;
    line-height: 22px;
    padding: 5px 0;
}
.datos p a {
color:#999;
}
.datos p a:hover {
color:#FFF;
}




h1.hacemos1{
	font-family: 'bebas_neueregular';
	font-size:48px;
	width:430px;
	background: rgb(0,0,0)#000;
	background: rgba(0,0,0,0.5);
	color:#FFF;
	padding:15px 30px 15px 0;
	left:0;
	top:200px;
	position:absolute;
	display:block;
	text-align:right;
}

.texto{
	width:450px;
	background: rgb(0,0,0)#000;
	background: rgba(0,0,0,0.5);
	color:#FFF;
	padding:30px;
	left:100px;
	top:300px;
	position:absolute;
	display:block;
	font-weight:100;
}
.texto p{
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	padding:5px 0;
	
}
h1.hacemos2{
	font-family: 'bebas_neueregular';
	font-size:48px;
	width:320px;
	background: rgb(0,0,0)#000;
	background: rgba(0,0,0,0.5);
	color:#FFF;
	padding:15px 0px 15px 30px;
	right:0;
	top:200px;
	position:absolute;
	display:block;
	text-align:left;
}

.texto2{
	width:450px;
	background: rgb(0,0,0)#000;
	background: rgba(0,0,0,0.5);
	color:#FFF;
	padding:30px;
	right:100px;
	
	top:300px;
	position:absolute;
	display:block;
	font-weight:100;
	text-align:right;
}
#hacemos02 .texto p{
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	padding:5px 0;
	
}
#hacemos03 h1{
	font-family: 'bebas_neueregular';
	font-size:48px;
	width:510px;
	background: rgb(0,0,0)#000;
	background: rgba(0,0,0,0.5);
	color:#FFF;
	padding:15px 30px 15px 0;
	left:0;
	top:200px;
	position:absolute;
	display:block;
	text-align:right;
}

#hacemos03 .texto{
	width:450px;
	background: rgb(0,0,0)#000;
	background: rgba(0,0,0,0.5);
	color:#FFF;
	padding:30px;
	left:100px;
	top:300px;
	position:absolute;
	display:block;
	font-weight:100;
}
#hacemos03 .texto p{
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	padding:5px 0;
	
}
#hacemos02 {
	background: url(../img/back_hacemos02.jpg) 50% 0 no-repeat #000000;
    color: white;
    height: 765px;
    margin: 0 auto;
    padding: 0;
	position:relative;
	width: 100%}
#hacemos03 {
	background: url(../img/back_hacemos03.jpg) 50% 0 no-repeat #000000;
    color: white;
    height: 765px;
    margin: 0 auto;
    padding: 0;
	position:relative;
	width: 100%}
#button-down {
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 200px;
    height: 50px;
    margin-left: -100px;
    padding: 20px 0;
    background: url(../img/btn_scroll.png) bottom center no-repeat;
    z-index: 9999;
	outline:none !important
}
.taladro{
	background:url(../img/taladro2.png) no-repeat 50% 0px;
	  height: 1540px;
    left: 50%;
    margin-left: -186px;
    position: absolute;
    top: 0;
    width: 373px;
    z-index: 100;}

.seccion01{
	position:absolute;
	top:1080px;
	width:30%;
	right:10%;
}
.seccion02{
	position:absolute;
	top:2330px;
	width:30%;
	left:10%;
}
.seccion03{
	position:absolute;
	top:3030px;
	width:30%;
	right:10%;
}
.seccion04{
	position:absolute;
	top:4150px;
	width:30%;
	left:10%;
}
.gira{
	background:url(../img/gira1.png);
	top:1000px;
	height: 347px !important;
    left: 50%;
    margin-left: -69px;
    position: absolute;
    top: 1227px;
    width: 138px;
    z-index: 102;}
.vapor1{
	position:absolute;
	top:2570px;
	left:52%;
	margin-left:-600px;
	background:url(../img/vapor01.png);
	width:550px;
	height:400px;
	z-index:12;
}
.vapor2{
	position:absolute;
	top:2552px;
	right:48%;
	margin-right:-533px;
	background:url(../img/vapor2.png);
	width:550px;
	height:400px;
	z-index:12;
}
.tubo{
	background:url(../img/tubo.png) 0 -670px;
	  height: 2994px;
    left: 50%;
    margin-left: -74px;
    position: absolute;
    top: 1810px;
    width: 139px;
    z-index: 104;
}


.abierto{
	background:url(../img/abierto.png) 0 0px;
	 height: 2797px;
    left: 50%;
    margin-left: -23px;
    position: absolute;
    top: 1810px;
    width: 48px;
    z-index: 104;
}

.tuboabierto{
	background:url(../img/interior.png) repeat;
  	height: 2954px;
    left: 50%;
    margin-left: -70px;
    position: absolute;
       top: 1850px;
    width: 140px;
    z-index: 104;
}
.grietas{
	   height: 241px;
    position: absolute;
    top: 4510px;
    width: 100%;
    z-index: 13;
	background:url(../img/grietas.png) no-repeat center top;
}

.grietas2{
	position:absolute;
	top: 2665px;
	width:100%;
	height:241px;
	background:url(../img/grietasrojas.png) no-repeat center top;
	z-index:13;
	opacity:0;
}

.grietas3{
	position:absolute;
	  top: 3773px;
	width:100%;
	height:241px;
	background:url(../img/grietasrojas.png) no-repeat center top;
	z-index:13;
	opacity:.5;
}



.petroleo{
	background:url(../img/petroleo.png) 0 570px no-repeat;
       height: 720px;
    left: 50%;
    margin-left: -70px;
    position: absolute;
   top: 3887px;
    width: 140px;
    z-index: 105;
}



.mascarilla{
	position:absolute;
	 top: 4567px;
	width:100%;
	height:241px;
	z-index:14;
}
.mascarilla .inner{
	width:100%;
	margin:0 auto;
	background:#000;
	height:241px;
	
}

.mascarilla2{
	position:absolute;
	top:3700px;
	right:0;
	width:50%;
	height:241px;
	z-index:14;
	background:#000;
}
.mascarilla3{
	position:absolute;
	top:3700px;
	left:0;
	width:50%;
	height:241px;
	z-index:14;
		background:#000;
}


.gira{
  	-webkit-animation: frame-animation .5s steps(6) infinite;
	-moz-animation: frame-animation .5s steps(6) infinite;
	-ms-animation: frame-animation .5s steps(6) infinite;
	-o-animation: frame-animation .5s steps(6) infinite;
	animation: frame-animation .5s steps(6)infinite; 
	width:138px !important;
}

.tituloproductos{
	position:absolute; top:300px; margin-left:-251px; left:50%; z-index:1000;
	width:500px;
	height:90px

}
.tituloproductos p a, .tituloproductos p{
	text-align:center;
	color:#FFF;
	text-decoration:none;
	font-size:20px;
	text-shadow:#000 2px 2px;
}

.menuMapa ul li a, map area{
	cursor:pointer}

.grietasrojas{

	background: url(../img/grietasrojas.png) 50% 0 no-repeat;
  height: 617px;
    position: absolute;
    top: 2441px;
    width: 100%;
    z-index: 10;

}
.grietasrojas2{

	background: url(../img/grietasrojas.png) 50% 0 no-repeat;
  height: 617px;
    position: absolute;
    top: 3441px;
    width: 100%;
    z-index: 10;

}
.grietasrojas3{

	background: url(../img/grietasrojas.png) 50% 0 no-repeat;
   height: 611px;
    position: absolute;
    top: 4261px;
    width: 100%;
    z-index: 10;

}

.grietasgris{

	background: url(../img/grietasgris.png) 50% 0 no-repeat;
  	height: 617px;
    position: absolute;
    top: 2441px;
    width: 100%;
    z-index: 11;

}
h1.hacemos4 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    display: block;
    font-family: 'bebas_neueregular';
    font-size: 48px;
    left: 0;
    padding: 15px 30px 15px 0;
    position: absolute;
    text-align: right;
    top: 200px;
    width: 430px;
}

.btn_scroll {
    bottom: 23px;
    left: 50%;
    margin-left: -43px;
    position: fixed;
    z-index: 1000;
}

.inicioIdioma{
	 left: 50%;
    margin-left: -150px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 300px;
    z-index: 100;}

.inicioIdioma p a{
font-family: 'bebas_neueregular';	
color:#fff;
font-size:20px;
}
.inicioIdioma p a:hover{
	color:#F13923;

}
.imagenIngles{
	display:none;}
#langChanger{
	  position: fixed;
    right: 35px;
    top: 25px;
    z-index: 10000000;}	
#langChanger > a {
    color: #FFFFFF;
    text-decoration: none;
	font-family: 'bebas_neueregular';
	font-size:18px;	
}
	
	
	
@-webkit-keyframes frame-animation {from { background-position: 0px 0; } to { background-position: -828px 0;}
 }
@-moz-keyframes frame-animation {from { background-position: 0px 0; } to { background-position: -828px 0;}
 }
@-ms-keyframes  frame-animation {from { background-position: 0px 0; } to { background-position: -828px 0;}
 }
@-o-keyframes frame-animation {from { background-position: 0px 0; } to { background-position: -828px 0;}
 }
@keyframes frame-animation {from { background-position: 0px 0; } to { background-position: -828px 0;}
 }
	

.button{
position:absolute;
right:80px;
top:2px;
z-index:999999;
text-decoration:none; text-align:center; 
 padding:5px 10px 5px 10px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:14px;
 font-family: 'bebas_neueregular';
 font-weight:bold; 
 color:#ffffff; 
 background-color:#454c4f; 
 background-image: -moz-linear-gradient(top, #454c4f 0%, #858585 100%); 
 background-image: -webkit-linear-gradient(top, #454c4f 0%, #858585 100%); 
 background-image: -o-linear-gradient(top, #454c4f 0%, #858585 100%); 
 background-image: -ms-linear-gradient(top, #454c4f 0% ,#858585 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#858585', endColorstr='#858585',GradientType=0 ); 
 background-image: linear-gradient(top, #454c4f 0% ,#858585 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
  }