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

@import 'comun.css';

*{margin:0; padding:0; border:0; text-decoration:none; box-sizing:border-box; outline:none;}

body{
	background-image:url(img/bg_01.png);
	background-position:center top;
	background-repeat:no-repeat;
	font-family: 'ralewayregular', arial;
	font-size:16px;
	background-color:#EDEDED;
	color:#2D2D2D;}
	
div.adver{
	width:200px;
	height:180px;
	background-color:#FBBC15;
	border-radius:10px 10px 0 0;
	position:fixed;
	bottom:0;
	right:80px;
	padding:20px;
	z-index:1000;
	transition:all 0.3s ease;
	text-align:center;
	-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.4);
box-shadow: 0 0 2px 1px rgba(0,0,0,0.4);}
	
div.exit{
	bottom:-200px;}
	
div.adver p{
	padding-bottom:10px;
	font-weight:bold;
	font-size:0.85rem;
	text-transform:uppercase;
	font-family: 'ralewaybold', arial;}
	
a{color:#2D2D2D;}

strong.glow{
	color:#2D2D2D !important;
	font-family: 'ralewaybold', arial;
	font-weight:normal;}
	
strong.glow span{
	text-transform:}
	
.bg{
	background-image:url(img/bg_02.png);
	background-position:center top;
	background-repeat:no-repeat;
	width:100%;}
	
.base{
	max-width:980px;
	width:100%;
	margin:0 auto;}
	
.whatsapp{
	width:45px;
	height:45px;
	float:left;
	position:fixed;
	bottom:20px;
	right:20px;
	transition:all 0.3s ease;
	background-image:url(img/txt_whatsapp.png);
	background-size:70px;
	background-repeat:no-repeat;
	background-position:160px 10px;
	border-radius:25px;
	background-color:rgba(255,255,255,0);
	z-index:1500;}
	 
.whatsapp a{
	width:100%;
	height:100%;
	background-size:45px;
	display:block;
	font-size:0;
	background-image:url(img/ico_whatsapp.png);
	background-position:right;
	background-repeat:no-repeat;}
	
.whatsapp:hover{
	width:130px;
	background-position:10px 10px;
	background-color:rgba(255,255,255,0.7);}
	
header{
	width:100%;
	display:inline-block;}
	
header .logo{
	width:525px;
	float:left;
	margin:20px 0;}
	
header .logo img{
	width:100%;
	height:auto;}
	
header .slogan{
	width:420px;
	float:right;
	margin-right:10px;
	padding-top:90px;}
	
header .slogan h1{
	font-size:2.2rem;
	font-family: 'ralewaymedium', arial;
	font-weight:normal;
	text-transform:uppercase;
	color:#666;}
	
header .slogan h1 strong{
	font-family: 'ralewaybold', arial;
	color:#F29100;}
	
/* MENU */

.open-hide{display:none;}

nav{border-radius:0;
	width:100%;
	background-color:#FFF;
	border-bottom:2px #F29100 solid;
	border-top:2px #F29100 solid;
	display:inline-block;
	padding-right:15px;}
	
nav strong{
	font-family: 'ralewaybold', arial;}

nav ul{
	list-style:none;
	font-size:1.1rem;
	float:right;}
	
nav ul li{
	display:inline;
	float:left;
	position:relative;}
	
nav ul li a{
	padding:12px 17px;
	display:block;
	transition:all ease 0.3s;}
	
nav ul li:hover{
	background-color:#d2d2d2;}
	
	
nav ul li a:hover{
	background-color:#d2d2d2;}
	
nav ul li ul{
	display:none;
	font-size:0.9rem;}
	
nav ul li ul li{
	width:100%;
	border-bottom:1px solid #acacac;}
	
nav ul li ul li:first-of-type{
	border-top:2px solid #acacac;}
	
nav ul li ul li a{
	width:100%;}
	
nav ul li:hover ul{
	display:block;
	position:absolute;
	background-color:#EDEDED;}
	
a.activo{
		background-color:#F29100;}
		
a.activo:hover{
		background-color:#F29100;}
	
/* MEDIO */

section{
	width:100%;
	padding:40px 0;
	background-color:#FFF;
	display:inline-block;}
	
/* PIE */

footer{
	width:100%;
	padding:0 30px;
	border-radius:0 0 10px 10px;
	background-color:#F29100;
	display:inline-block;
	font-size:0.95rem;}
	
footer p.logo{
	float:left;
	width:30%;
	padding:0 30px 0 15px;
	color:#FFF;
	background-size:25px;}
	
footer p.logo img{
	width:100%;}
	
footer p.domicilio{
	float:left;
	width:23%;
	padding:15px 20px 0 35px;
	background-image:url(img/ico_domicilio.png);
	background-position:left 14px;
	background-repeat:no-repeat;
	color:#FFF;
	background-size:25px;}

footer p.telefono{
	float:left;
	width:19%;
	padding:15px 20px 0 35px;
	background-image:url(img/ico_cel.png);
	background-position:left 14px;
	background-repeat:no-repeat;
	color:#FFF;
	background-size:22px;}
	
footer p.skype{
	float:left;
	width:22%;
	padding:15px 30px 20px 42px;
	background-image:url(img/ico_skype.png);
	background-position:left 14px;
	background-repeat:no-repeat;
	color:#FFF;
	background-size:33px;}
	
footer p.mail{
	float:left;
	width:22%;
	padding:15px 30px 30px 45px;
	background-image:url(img/ico_mail.png);
	background-position:left 18px;
	background-repeat:no-repeat;
	color:#FFF;
	background-size:32px;}
	
.leyenda{
	font-size:0.9rem;
	font-style:italic;
	margin-left:40px;}

/* Industria Argentina */

.industria_argentina{
	width:100%;
	padding:2px 0;
	background-color:#FFF;
	border-top:16px #AED8E4 solid;
	border-bottom:16px #AED8E4 solid;
	margin:10px 0;
	text-align:center;
	text-transform:uppercase;}
	
/* CONTENIDO */

article.intro{
	padding:0 60px 40px 60px;}
	
article.intro p{
	text-align:justify;
	font-size:1.15rem;
	line-height:1.6rem;}

.intro_home{
	height:148px;
	width:100%;
	background-image:url(img/img_intro_of.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:980px;
	transition:all ease 1s;
	margin-bottom:50px;}
	
.zoom{
	background-size:1080px;
	background-image:url(img/img_intro.jpg);}
	
a.trabajo{
	display:block;
	width:100%;
	height:185px;
	background-image:url(img/bg_linea_trabajo.png);
	background-position:-80px -1px;
	background-repeat:no-repeat;
	border-top:1px solid #F29100;
	border-bottom:1px solid #F29100;
	padding:47px 0 0 490px;
	font-size:2.4rem;
	font-family: 'ralewaybold', arial;
	text-transform:uppercase;
	transition:all ease 0.5s;}
	
a.urbana{
	display:block;
	width:100%;
	height:185px;
	background-image:url(img/bg_linea_urbana.png);
	background-position:-80px -1px;
	background-repeat:no-repeat;
	border-bottom:1px solid #F29100;
	padding:47px 0 0 490px;
	font-size:2.4rem;
	font-family: 'ralewaybold', arial;
	text-transform:uppercase;
	transition:all ease 0.5s;}
	
a.trabajo:hover, a.urbana:hover{
	background-position:0 -1px;
	padding:47px 0 0 540px;}
	
a.trabajo span, a.urbana span{
	font-family: 'ralewayregular', arial;}
	
h1.tit_productos{
	margin-top:40px;
	width:100%;
	padding:0 0 7px 30px;
	border-bottom:2px solid #F29100;}

div.productos_destacados{
	width:100%;
	margin:0 auto;
	margin:0 0 40px 0;
	display:table;
	border:0;
	border-spacing:0;}
	
div.productos_destacados .producto{
	border:0;
	border-right:1px solid #F29100;
	border-bottom:1px solid #F29100;
	width:25%;
	display:table-cell;
	float:left;}
	
div.productos_destacados .producto:nth-child(4n){
	border-right:1px solid #fff;}
	
div.productos_destacados .producto .imagen{
	margin-bottom:10px;
	transition:all ease 0.2s;
	opacity:1;}
	
div.productos_destacados .producto .imagen img{
	width:100%;}
	
div.productos_destacados .producto .descripcion{
	padding:20px;
	font-size:0.9rem;
	text-align:center;
	line-height:1.15rem;
	padding-top:10px;
	transition:all ease 0.2s;
	opacity:1;}
	
div.productos_destacados .producto a:hover .imagen, div.productos_destacados .producto a:hover .descripcion{
	opacity:0.8;}
	
div.productos_destacados .producto .descripcion h1{
	margin-bottom:10px;
	font-size:1.2rem;
	border:0;
	padding:0;
	font-family: 'ralewaybold', arial;}
	
/* PRODUCTOS */

div.galeria{
	width:40%;
	float:left;}
	
div.galeria .miniatura{
	width:50px;}

div.ficha_producto{
	width:100%;
	max-width:900px;
	padding:30px;
	margin:0 auto;}
	
div.ficha_producto .descripcion{
	width:50%;
	float:right;}
	
div.ficha_producto .descripcion h1{
	font-size:1.5rem;
	font-family: 'ralewaybold', arial;
	margin-bottom:15px;
	padding-bottom:8px;
	border-bottom:2px solid #F29100;
}
	
div.ficha_producto .descripcion h2{
	font-size:1.3rem;
	font-family: 'ralewaymedium', arial;
	margin-bottom:5px;}
	
div.ficha_producto .descripcion h3{
	font-size:1rem;
	font-family: 'ralewayregular', arial;
	margin-bottom:6px;
	text-transform:uppercase;}
	
div.ficha_producto .descripcion p{
	margin-bottom:10px;
	font-size:0.9rem;}
	
div.ficha_producto .descripcion p strong{
	font-family: 'ralewaybold', arial;}
	
#cycle-1 div { width:100%; }
#cycle-2 .cycle-slide { border:3px solid #fff; margin-right:5px; }
#cycle-2 .cycle-slide-active { border:3px solid #004; }
#cycle-2 div{
	width:80px !important;}


#slideshow-1 p{position:relative;}
#slideshow-1,#slideshow-2 { width: 100%; margin: auto;}
#slideshow-2 { margin-top: 5px; }
.cycle-slideshow img { width: 100%; height: auto; display: block;}

#slideshow-1 {
	position:relative;}
	
#slideshow-1 span.custom-caption{
	text-align:center;
	display:block;
	margin:0 auto;
	font-size:0.9rem;
	font-family: 'ralewaybold', arial;
	margin-top:4px;}
	
#slideshow-1 .cycle-prev, #slideshow-1 .cycle-next{
	width:52px;
	height:52px;
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	font-size:0;
	top:170px;
	position:absolute;
	z-index:1000;}
	
#slideshow-1 .cycle-prev{
	left:0;
	float:left;
	margin-left:-35px;
	background-image:url(img/btn_prev.png);}
	
#slideshow-1 .cycle-next{
	right:0;
	margin-right:-35px;
	background-image:url(img/btn_next.png);}
	
/* LÍNEA DE PRODUCTOS */

.interior{
	display:inline-block;
	padding:0 30px;
	margin-bottom:40px;}

.interior h1{
	width:28%;
	font-size:2.5rem;
	text-transform:uppercase;
	font-family: 'ralewaybold', arial;
	float:left;
	text-align:right !important;}

.interior p{
	width:70%;
	float:right;
	border-left:2px solid #F29100;
	padding-left:2%;
	line-height:1.45em;}	
	
h1.linea{
	font-size:0.9rem;
	width:100%;
	text-align:left !important;}
	
h2.sublinea{ 
font-size:2.5rem;
width:100%;
color:#F29100;
text-transform:uppercase;
font-family: 'ralewaybold', arial;}

/* NOSOTROS */

div.col-izq{
	width:60%;
	float:left;
	padding-left:30px;}
	
div.col-der{
	width:35%;
	float:right;
	padding-top:44px;}
	
div.col-der img{
	width:100%;
	margin-bottom:20px;}
	
div.col-izq h1{
	margin:25px 0 10px 0;}
	
div.col-izq h1:first-of-type{
	margin:0 0 10px 0;}
	
div.col-izq p{
	line-height:1.5em;
	color:#666;
	margin-bottom:10px;
	text-align:justify;}
	
div.col-der p{
	line-height:1.23em;
	color:#666;
	margin-bottom:10px;
	background-position:0 3px; 
	background-repeat:no-repeat;}
	
div.col-der h1{
	margin:25px 0 10px 0;}
	
div.col-der h1:first-of-type{
	margin:0 0 10px 0;}
	
/* CONTACTO */

form{
	margin-top:20px;}

form p{
	width:100%;
	margin-bottom:8px !important;}
	
form label{
	display:block;
	margin-bottom:3px;}
	
form input[type=text], form input[type=email], form textarea{
	border:1px solid #666;
	padding:10px 10px;
	font-size:1em;
	color:#000;
	width:50%;
	background-color:#EDEDED;}
	
form input[type=text]:focus, form input[type=email]:focus, form textarea:focus{
	background-color:#faf8f8;}
	
form input[type=submit]{
	background-color:#F29100;
	padding:10px 15px;
	font-size:1em;
	border-radius:5px;
	color:#FFF;
	cursor:pointer;}
	
form input[type=submit]:hover{
	background-color:#ff9f00;}
	
form textarea{
	width:95%;
	margin-bottom:10px;}
	
iframe{
	margin-top:25px;}
	
/* FOOTER */

.contacto{
	width:100%;
	margin:0 auto;
	float:left;
	margin-top:50px;}
	
.contacto p{
	padding-right:2%;
	padding:10px 15px;
	text-align:left;
	font-family: 'ralewayregular', arial;}
	
.contacto p strong{
	font-family: 'ralewaybold', arial;}
	
.contacto img{
	opacity:0.9;}
	
.contacto img:hover{
	opacity:1;}
	
table{
		border:0;
		border-collapse:collapse;
		width:560px;
		margin-bottom:20px !important;
		margin:0 auto;}
		
table td{
	border:1px solid rgba(0, 0, 0, 0.7);
	display:inline-table;
	border-right:0;
	height:80px;
	}
	
table td:first-of-type{
	border-left:0;}
	
table td.link-externo{
	border:0;
	display:inline-table;
	text-align:center;
	width:100%;
	}
	
table td.link-externo p{
	padding:20px 0 15px 50px;
	text-align:right;}
	
table td.link-externo img{
	vertical-align: middle;
	margin:7px 0 0 15px;
	float:left;
	text-align:left;}

@media only screen and (max-width: 980px){
	
header .logo{
	width:450px;
	margin-left:15px;}
	
header .logo img{
	width:100%;}
	
header .slogan{
	width:300px;
	float:left;
	padding:60px 0 0 20px;}
	
header .slogan h1{
	font-size:2.2rem;}
	
nav{
	padding-right:0;
	text-align:center;}

nav ul{
	float:none;
	display:inline-block;
	margin:0 auto;}
}

@media only screen and (max-width: 775px){
	
.bg{
	background-image:none;}

header .logo{
	width:450px;
	margin:10px auto 0 auto;
	float:none;}
	
header .logo img{
	width:100%;}
	
header .slogan{
	width:100%;
	padding:15px 0 15px;
	text-align:center;}
	
header .slogan h1{
	font-size:2rem;}
	
header .slogan h1 br{
	display:none;}
	
a.trabajo{
	background-image:url(img/bg_linea_trabajo.png);
	background-position:-130px -1px;
	padding:47px 0 0 400px;
	font-size:2.2rem;
	height:170px;}
	
a.urbana{
	background-image:url(img/bg_linea_urbana.png);
	background-position:-130px -1px;
	padding:47px 0 0 400px;
	font-size:2.2rem;
	height:170px;}
	
a.trabajo:hover, a.urbana:hover{
	background-position:-60px -1px;
	padding:47px 0 0 500px;}
	
div.productos_destacados .producto{
	width:50%;
	display:table-cell;
	float:left;
	text-align:center;
	height:450px;}
	
div.productos_destacados .producto .imagen img{
	width:82%;}
	
div.productos_destacados .producto:nth-child(4n){
	border-right:1px solid #F29100;}
	
div.productos_destacados .producto:nth-child(2n){
	border-right:0px solid #fff;}
	
footer p:first-of-type{
	width:100% !important;
	float:left;
	text-align:center;}
	
footer p:first-of-type img{
	width:50%;}
	
footer p{
	width:33% !important;
	float:left;}
	
footer p.telefono{
	width:28% !important;
	float:left;}
	
/* PRODUCTOS */

div.galeria{
	width:60%;
	float:none;
	margin:0 auto;}
	
div.galeria .miniatura{
	width:40px;}
	
div.ficha_producto .descripcion{
	width:100%;
	float:left;
	margin:20px 0;}
	
/* CONTACTO */
	
form input[type=text], form input[type=email]{
	width:85%;}
	
.contacto img{
	width:40px !important;}
	
table td.link-externo p{
	text-align:center !important;
	padding-left:0;}
	
table td.link-externo img{
	vertical-align: middle;
	margin:7px 0 0 15px;
	float:none;
	text-align:center;}
	
}

@media only screen and (max-width: 600px){
	
div.col-izq{
	width:100%;
	border:0;
	padding:15px;}
	
div.col-der{
	width:100%;
	border:0;
	margin-top:20px;
	padding:15px;}

header .logo{
	width:90%;
	margin:10px auto;}
	
header .slogan h1{
	font-size:1.5rem;}
	
nav.menu{
	display:none;}

.open-hide {
  background-color: #fff;
  height: 45px;
  display: block;
  background-image: url(/img/menu.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 90px;
  background-color:#FFF;
  font-size:0;
}
.open-hide:hover {
  cursor: pointer;
  background-color:#f6f6f6;
}

.show {
  background-image: url("/img/close.svg");
  background-size: 15px;
}
.show + .menu {
  display:block;
}

nav{border-radius:0;
	background-color:#FFF;
	border-bottom:2px #F29100 solid;
	display:inline-block;
	padding-right:0;}

nav ul{
	font-size:1rem;
	width:100%;
	border-bottom:1px #b6b6b6 solid;}
	
nav ul li{
	display:inline-block;
	float:left;
	width:100%;
	border-top:1px #b6b6b6 solid;}
	
nav ul li a{
	padding:10px 5px;
	transition:0s;}
	
nav ul li ul{
	display:block;
	font-size:0.9rem;
	}
	
nav ul li ul li{
	border-top:0;
	border-bottom:1px solid #ececec;}
	
nav ul li ul li:first-of-type{
	border-top:1px solid #ececec;}
	
nav ul li ul li a{
	width:100%;}
	
nav ul li:hover ul{
	display:block;
	position:relative;
	background-color:#FFF;}
	
article.intro{
	padding:0 20px 40px 20px;}
	
a.activo{
		background-color:#f2f2f2;}
		
a.activo:hover{
		background-color:#f2f2f2;}
		
a.trabajo{
	background-image:url(img/bg_linea_trabajo.png);
	background-position:-130px -1px;
	padding:25px 0 0 240px;
	font-size:2rem;
	height:120px;
	background-size:360px;}
	
a.urbana{
	background-image:url(img/bg_linea_urbana.png);
	background-position:-130px -1px;
	padding:25px 0 0 240px;
	font-size:2rem;
	height:120px;
	background-size:360px;}
	
a.trabajo:hover, a.urbana:hover{
	background-position:-110px -1px;
	padding:25px 0 0 250px;}
	
div.productos_destacados .producto{
	width:100%;
	display:table-cell;
	float:left;
	text-align:center;
	border-right:0 !important;
	height:auto !important;}
	
div.productos_destacados .producto .imagen{
	margin-bottom:0;}
	
div.productos_destacados .producto .imagen img{
	width:67%;}
	
footer p{
	width:100% !important;
	float:left;
	}
	
footer p.telefono{
	width:100% !important;
	float:left;
	}
	
footer p.logo img{
	width:80%;}
	
footer p:first-of-type{
	margin-bottom:0;
	text-align:center;}
	
/* PRODUCTOS */

div.ficha_producto{
	width:100%;
	max-width:900px;
	padding:10px;
	margin:0 auto;}

div.galeria{
	width:95%;
	float:none;
	margin:0 auto;}
	
div.galeria .miniatura{
	width:25px;}
	
	
#slideshow-1 .cycle-prev, #slideshow-1 .cycle-next{
	width:32px;
	height:32px;
	top:85px;
	background-size:100%;}
	
#slideshow-1 .cycle-prev{
	margin-left:-15px;}
	
#slideshow-1 .cycle-next{
	margin-right:-15px;}
	
table{
	width:85%;
	margin:0 auto;}
	
table td{
	width:100%;
	height:auto;
	border:0;
	border-bottom:1px solid rgba(0, 0, 0, 0.7);}
	
table td:first-of-type{
	border-top:1px solid rgba(0, 0, 0, 0.7);}
	
table td p{
	text-align:center !important;}
	
.contacto img{
	width:40px !important;}
}

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

.whatsapp{
	width:45px;
	height:45px;
	float:left;
	position:fixed;
	bottom:10px;
	right:10px;
	transition:all 0.3s ease;
	background-image:url(img/txt_whatsapp.png);
	background-size:70px;
	background-repeat:no-repeat;
	background-position:160px 10px;
	border-radius:25px;
	background-color:rgba(255,255,255,0);
	z-index:1500;}
	 
.whatsapp a{
	width:100%;
	height:100%;
	background-size:45px;
	display:block;
	font-size:0;
	background-image:url(img/ico_whatsapp.png);
	background-position:right;
	background-repeat:no-repeat;}
	
.whatsapp:hover{
	width:45px;}

}