/* RESET */

* {
	margin: 0; padding: 0;
	border: none; outline: none;
	box-sizing: border-box;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center;
	font-family: 'Montserrat'; color: #333;
	scroll-behavior: smooth;
}

/* Visually hidden — accessible but not visible */
.sr-only {
	position: absolute;
	width: 1px; height: 1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
}







/* BASE */

html, body {
	background-color: #f5f5f5;
	height: 100%;
}










/* WIDE */

.wide-main,
.wide-nav {
	margin: 0 auto;
	position: relative;
	height: 100%;
}

.wide-main { max-width: 1400px; }
@media screen and (max-width: 1450px) { .wide-main { max-width: 90%; } }
@media screen and (max-width: 750px)  { .wide-main { max-width: 90%; } }

.wide-nav  { max-width: 1600px; }
@media screen and (max-width: 1660px) { .wide-nav { width: 95%; } }
@media screen and (max-width: 1300px) { .wide-nav { width: 100%; } }










/* TEXT */

h1, h1 a { font-size: 2.2rem; font-weight: 600; line-height: 2.2rem; }
h2, h2 a { font-size: 2.0rem; font-weight: 600; line-height: 2.0rem; }
h3, h3 a { font-size: 1.5rem; font-weight: 700; line-height: 1.5rem; }
h4, h4 a { font-size: 0.85rem; font-weight: 400; line-height: 0.85rem; text-transform: uppercase; }

h1 a:hover, 
h2 a:hover, 
h3 a:hover, 
h4 a:hover { text-decoration: underline; }

@media screen and (max-width: 1300px) { html, body { font-size: 16px; } }
@media screen and (max-width: 780px)  { html, body { font-size: 15px; } }
@media screen and (max-width: 480px)  { html, body { font-size: 14px; } }

p { padding-bottom: 15px; }










/* BUTTONS */

.btn {
	min-width: 180px;
	border-radius: 50px;
	display: inline-block;
	font-size: 15px; font-weight: 600; text-align: center;
	-webkit-transition : background-color 300ms ease-out;
	   -moz-transition : background-color 300ms ease-out;
	     -o-transition : background-color 300ms ease-out;
	transition : background-color 300ms ease-out;
	cursor: pointer;
}
.btn.a {
	padding: 15px 40px;
	background-color: transparent;
	border: 2px solid #333;
	color: #333;
}
.btn.b {
	padding: 17px 42px;
	background-color: #ffdc1e;
	color: #333;
}
.btn.c {
	padding: 15px 40px;
	background-color: transparent;
	border: 2px solid white;
	color: white;
}
.btn.dark {
	padding: 17px 42px;
	background-color: #333;
	color: white;
}
.btn:hover {
	border: 2px solid #333;
	background-color: #333;
	color: white;
}

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

	.btn.a    { padding: 10px 30px; }
	.btn.b    { padding: 12px 32px; }
	.btn.dark { padding: 12px 32px; }

}










/* SPACE X */

.space-x { padding: 150px 0 0 0; }

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

	.space-x { padding: 100px 0 0 0; }

}










/* CLEAR */

.clear { padding-bottom: 50px; }










/* GOTOUP */

#gotoup {
	background-color: white; background-image: url(../images/gotoup.png);
	width: 60px; height: 60px;
	border-radius: 50px;
	position: fixed;
	bottom: 100px; right: -60px;
	cursor: pointer;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
	   -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
	        box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);
	z-index: 100;
}
#gotoup:hover {
	background-color: white;
}

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

	#gotoup { width: 45px; height: 45px; background-size: 50%; }

}










/* RESPONSIVE */

#responsive { font-size: 3px; }
@media screen and (max-width: 1300px) { #responsive { font-size: 2px; } }
@media screen and (max-width: 700px) { #responsive { font-size: 1px; } }










/* CARD */

.card { /* ... */ }
.card h4 { margin: 0 0 5px 0; text-transform: uppercase; }
.card h1 { margin: 0 0 15px 0; }
.card h2 { margin: 0 0 15px 0; }
.card p { margin: 0 0 20px 0; }
.card a { /* ... */ }










/* MEDIA SCREEN */

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



}

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



}

@media screen and (min-width: 781px) and (max-width: 1024px) {



}

@media screen and (min-width: 1025px) and (max-width: 1400px) {



}

@media screen and (min-width: 1401px) {



}


#main-dev {
	padding: 0 0 200px 0;
}






#main-dev .update {
	margin: 0 0 20px 0; padding: 35px 35px 50px 35px;
	background-color: white;
}
#main-dev .update:hover {
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,.05);
       -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,.05);
            box-shadow: 0px 3px 3px 0px rgba(0,0,0,.05);
}
#main-dev .update h4 {
	padding: 0 0 35px 0;
}

#main-dev .update .box {
	border-bottom: 1px solid rgba(0,0,0,.1);
	margin: 0 0 10px 0; padding: 0 0 10px 0;
}

#main-dev .update .box .tit {
	padding: 5px 0 10px 20px;
	background-image: url(../images/dev/dot.png);
	background-position: 0 10px;
}

#main-dev .update .box .desc {
	padding: 0 0 10px 40px;
}

#main-dev .update .sitemap {
font-weight: 700;
    background-color: rgba(0,0,0,.1);
    border-radius: 5px;
    padding: 5px 10px;
    margin: 0 0 5px 0;
    display: block;
}

#main-dev .update .sitemap:hover {
	text-decoration: underline;
    background-color: rgba(0,0,0,.2);
}


#main-downloads {
	padding: 0 0 150px 0;
}






#main-downloads .boxes {
	overflow: hidden;
}






#main-downloads .boxes .box {
	float: left;
	width: 33.3333333333%; height: 250px;
	border: 5px solid #f5f5f5;
}

#main-downloads .boxes .box .base {
	width: 100%; height: 100%;
	position: relative;
	background-color: white;
	background-size: cover;
	border-radius: 3px;
}
#main-downloads .boxes .box .base:hover {
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,.05);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,.05);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,.05);
}

#main-downloads .boxes .box .base a {
	position: absolute;
	display: block;
	width: 100%; height: 100%;
	z-index: 3;
}

#main-downloads .boxes .box .base .text {
	position: absolute;
	bottom: 0;
	padding: 0 30px 30px 30px;
	-webkit-transition: all 0.25s;
}

#main-downloads .boxes .box .base:hover .text {
	bottom: 5px;
}

#main-downloads .boxes .box .base .text h4 {
	padding: 0 0 5px 0;
	font-size: 0.7rem;
	line-height: 0.75rem;
}

#main-downloads .boxes .box .base[data-theme="light"] .text h4 { color: #333; }
#main-downloads .boxes .box .base[data-theme="light"] .text h3 { color: #333; }
#main-downloads .boxes .box .base[data-theme="dark"] .text h4 { color: white; }
#main-downloads .boxes .box .base[data-theme="dark"] .text h3 { color: white; }

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

	#main-downloads .boxes .box { width: 50%; }

}

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

	#main-downloads .boxes .box { width: 100%; }

}


#main-empresa {
	padding: 0 0 150px 0;
}


#main-ingenieria {
	padding: 0 0 160px 0;
}










#main-ingenieria .intro {
	width: 100%; height: 1050px;
	background-color: #d4d4d4;
	background-image: url(../images/ingenieria/intro-wide-001.jpg);
	background-size: 1920px 1050px;
}

#main-ingenieria .intro .text {
	padding: 220px 0 0 0;
	max-width: 600px;
	text-align: left;
}

#main-ingenieria .intro .text h1 a:hover {
	text-decoration: none;
}

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

	#main-ingenieria .intro { height: 766px; background-size: 1400px 766px; }
	
	#main-ingenieria .intro .text { padding: 180px 0 0 0; max-width: 500px; }

}

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

	#main-ingenieria .intro { height: 547px; background-size: 1000px 547px; }

	#main-ingenieria .intro .text { padding: 120px 0 0 0; max-width: 430px; }

}

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

	#main-ingenieria .intro { height: 700px; background-image: url(../images/ingenieria/intro-small-001.jpg); height: 700px; background-size: 800px 700px; }

	#main-ingenieria .intro .text { padding: 110px 0 0 0; max-width: 400px; }

}









#main-ingenieria .intro {
	text-align: center;
	padding: 0 0 160px 0;
}

#main-ingenieria .intro h1,
#main-ingenieria .intro h1 a {
	font-size: 55px;
	line-height: 50px;
	text-decoration: none;
}








#main-ingenieria .tour { margin: -150px 0 0 0; }









#main-ingenieria .tour .step {

}

#main-ingenieria .tour .step .image {
	border-radius: 30px;
	overflow: hidden;
}

#main-ingenieria .tour .step .image img {
	width: 100%;
	display: block;
}

#main-ingenieria .tour .step .text .point {
	width: 60px; height: 60px; line-height: 60px;
	border-radius: 60px;
	font-weight: 700; font-size: 35px; text-align: center;
	position: absolute;
}

#main-ingenieria .tour .step .text .title {
	font-size: 40px; font-weight: 700;
	line-height: 35px;
	padding: 0 0 15px 0;
}

#main-ingenieria .tour .step .text .desc {
	font-size: 16px;
	padding: 0 0 15px 0;
}









#main-ingenieria .tour .path {
	height: 155px;
}

#main-ingenieria .tour .path-1 { background-image: url(../images/ingenieria/v3/path-1-0002.png); }
#main-ingenieria .tour .path-2 { background-image: url(../images/ingenieria/v3/path-2-0002.png); }
#main-ingenieria .tour .path-3 { background-image: url(../images/ingenieria/v3/path-3-0002.png); }
#main-ingenieria .tour .path-4 { background-image: url(../images/ingenieria/v3/path-4-0002.png); }
#main-ingenieria .tour .path-5 { background-image: url(../images/ingenieria/v3/path-5-0003.png); }









#main-ingenieria .tour .step-1 {
	overflow: hidden;
	position: relative;
}

#main-ingenieria .tour .step-1 .image {
	float: left;
	width: 62%;
	background-color: #ffd607;
	border: 5px solid #ffd607;
}

#main-ingenieria .tour .step-1 .text {
	float: right;
	width: 38%;
	position: relative;
	padding: 222px 0 0 40px;
}

#main-ingenieria .tour .step-1 .text .point {
	background-color: #ffd607;
	top: 215px; left: -37px;
}










#main-ingenieria .tour .step-2 {
	overflow: hidden;
	position: relative;
}

#main-ingenieria .tour .step-2 .image {
	float: right;
	width: 62%;
	background-color: #ff8e1e;
	border: 5px solid #ff8e1e;
}

#main-ingenieria .tour .step-2 .text {
	float: left;
	width: 38%;
	text-align: right;
	position: relative;
	padding: 122px 40px 0 0;
}

#main-ingenieria .tour .step-2 .text .point {
	background-color: #ff8e1e;
	color: white;
	top: 115px; right: -37px;
}










#main-ingenieria .tour .step-3 {
	overflow: hidden;
	position: relative;
}

#main-ingenieria .tour .step-3 .image {
	float: left;
	width: 62%;
	background-color: #ff331e;
	border: 5px solid #ff331e;
}

#main-ingenieria .tour .step-3 .text {
	float: right;
	width: 38%;
	position: relative;
	padding: 122px 0 0 40px;
}

#main-ingenieria .tour .step-3 .text .point {
	background-color: #ff331e;
	color: white;
	top: 115px; left: -37px;
}









#main-ingenieria .tour .step-4 {
	overflow: hidden;
	position: relative;
}

#main-ingenieria .tour .step-4 .image {
	background-color: #dd0543;
	border: 5px solid #dd0543;
	position: relative;
}

#main-ingenieria .tour .step-4 .text {
	position: absolute;
	left: 60px; bottom: 60px;
	max-width: 500px;
}

#main-ingenieria .tour .step-4 .text .point {
	background-color: #dd0543;
	color: white;
	margin: 0 0 15px 0;
	position: initial;
}

#main-ingenieria .tour .step-4 .text .title {
	color: white;
}

#main-ingenieria .tour .step-4 .text .desc {
	color: white;
}










#main-ingenieria .tour .step-5 {
	overflow: hidden;
	position: relative;
}

#main-ingenieria .tour .step-5 .image {
	float: right;
	width: 62%;
	background-color: #8104a5;
	border: 5px solid #8104a5;
}

#main-ingenieria .tour .step-5 .text {
	float: left;
	width: 38%;
	text-align: right;
	position: relative;
	padding: 122px 40px 0 0;
}

#main-ingenieria .tour .step-5 .text .point {
	background-color: #8104a5;
	color: white;
	top: 115px; right: -37px;
}










#main-ingenieria .tour .step-6 {
	overflow: hidden;
	position: relative;
}

#main-ingenieria .tour .step-6 .image {
	background-color: #2f04fc;
	border: 5px solid #2f04fc;
	position: relative;
}

#main-ingenieria .tour .step-6 .text {
	position: absolute;
	top: 60px; right: 60px;
	max-width: 500px;
	text-align: right;
}

#main-ingenieria .tour .step-6 .text .point {
	background-color: #2f04fc;
	color: white;
	margin: 0 0 15px 0;
	position: initial;
	display: inline-block;
}

#main-ingenieria .tour .step-6 .text .title {
	color: white;
}

#main-ingenieria .tour .step-6 .text .small { display: none; }


















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

	#main-ingenieria .tour .path {
		height: 80px;
		background-image: none;
	}

	
	#main-ingenieria .tour .step .image {
		float: none;
		width: 100%;
		border: none;
		border-radius: 15px;
	}

	#main-ingenieria .tour .step-1 .text,
	#main-ingenieria .tour .step-2 .text,
	#main-ingenieria .tour .step-3 .text,
	#main-ingenieria .tour .step-4 .text,
	#main-ingenieria .tour .step-5 .text,
	#main-ingenieria .tour .step-6 .text {
		float: none;
		width: 100%;
		text-align: center;
		position: initial;
		padding: 35px 15px 0 15px;
		max-width: initial;
	}

	#main-ingenieria .tour .step-1 .text .point,
	#main-ingenieria .tour .step-2 .text .point,
	#main-ingenieria .tour .step-3 .text .point,
	#main-ingenieria .tour .step-4 .text .point,
	#main-ingenieria .tour .step-5 .text .point,
	#main-ingenieria .tour .step-6 .text .point {
		width: 50px; height: 50px; line-height: 50px;
		border-radius: 50px;
		font-size: 30px;
		top: 20px; left: 20px;
		position: absolute;
	}

	#main-ingenieria .tour .step .text .title {
		font-size: 30px;
		line-height: 25px;
		color: #333;
	}

	#main-ingenieria .tour .step-4 .text .desc {
		color: #333;
	}

	#main-ingenieria .tour .step-6 .text .wide { display: none; }
	#main-ingenieria .tour .step-6 .text .small { display: block; }

}







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

	#main-ingenieria .tour .path {
		height: 50px;
	}
	
	#main-ingenieria .tour .step .image {
		border-radius: 5px;
	}

	#main-ingenieria .tour .step-1 .text,
	#main-ingenieria .tour .step-2 .text,
	#main-ingenieria .tour .step-3 .text,
	#main-ingenieria .tour .step-4 .text,
	#main-ingenieria .tour .step-5 .text,
	#main-ingenieria .tour .step-6 .text {
		padding: 25px 15px 0 15px;
	}

}






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

	#main-ingenieria { padding: 0 0 160px 0; }

	#main-ingenieria .intro { padding: 0 0 120px 0; }

	#main-ingenieria .tour { margin: -100px 0 0 0; }

}

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

	#main-ingenieria { padding: 0 0 160px 0; }

	#main-ingenieria .intro { padding: 0 0 80px 0; }

	#main-ingenieria .tour { margin: -50px 0 0 0; }

}



/*

#main-ingenieria .intro h1 { padding: 0 10% 20px 10%; }
#main-ingenieria .intro h1,
#main-ingenieria .intro h1 a { font-size: 55px; line-height: 50px; text-decoration: none; }

*/

@media screen and (max-width: 1400px) {
	
	#main-ingenieria .intro h1 { padding: 0 20% 15px 0; }
	#main-ingenieria .intro h1,
	#main-ingenieria .intro h1 a { font-size: 45px; line-height: 40px; }

}

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

	#main-ingenieria .intro h1 { padding: 0 10% 10px 0; }
	#main-ingenieria .intro h1,
	#main-ingenieria .intro h1 a { font-size: 30px; line-height: 28px; }

}


#main-inicio {
	padding: 0 0 150px 0;
}


#inicio-extra {
	box-sizing: initial;
	padding: 0 0 50px 0;
}










#inicio-extra .boxes {
	overflow: hidden;
}

#inicio-extra .boxes .box {
	border: 15px solid transparent;
	float: left;
}

#inicio-extra .boxes .box .base {
	background-color: white;
	width: 100%; height: 100%;
	border-radius: 3px;
}

#inicio-extra .boxes .box .base:hover {
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,.05);
       -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,.05);
            box-shadow: 0px 3px 3px 0px rgba(0,0,0,.05);
}

#inicio-extra .boxes .box.resistance { width: 100%; }
#inicio-extra .boxes .box.welds      { width: 50%; }
#inicio-extra .boxes .box.iso        { width: 50%; }










#inicio-extra .boxes .box .base .card {
	text-align: center;
	margin: 0 auto;
	max-width: 800px; min-height: 300px;
}
#inicio-extra .boxes .box.resistance .card { padding: 100px 75px 30px 75px; }
#inicio-extra .boxes .box.welds .card      { padding: 100px 75px 0 75px; }
#inicio-extra .boxes .box.iso .card        { padding: 100px 75px 0 75px; }

#inicio-extra .boxes .box .base .graph {
	width: 100%;
	background-position: bottom center;
}
#inicio-extra .boxes .box.resistance .graph { background-image: url(../images/inicio/extra/resistance-004-crop.jpg); height: 300px; }
#inicio-extra .boxes .box.welds .graph      { background-image: url(../images/inicio/extra/welds-003-crop.jpg); height: 390px; }
#inicio-extra .boxes .box.iso .graph        { background-image: url(../images/inicio/extra/iso-002-crop.jpg); height: 390px; }











/* MEDIA SCREEN */

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

	#inicio-extra .boxes .box.welds,
	#inicio-extra .boxes .box.iso {
		width: 100%;
	}

	#inicio-extra .boxes .box.resistance .graph,
	#inicio-extra .boxes .box.welds .graph,
	#inicio-extra .boxes .box.iso .graph {
		height: 300px;
		background-size: cover;
		background-position: top center;
	}

}

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

	#inicio-extra .boxes .box { border: 10px solid transparent; }

	#inicio-extra .boxes .box.resistance .card { padding: 60px 35px 40px 35px; min-height: initial; }
	#inicio-extra .boxes .box.welds .card      { padding: 60px 35px 20px 35px; min-height: initial; }
	#inicio-extra .boxes .box.iso .card        { padding: 60px 35px 20px 35px; min-height: initial; }

	#inicio-extra .boxes .box.resistance .graph,
	#inicio-extra .boxes .box.welds .graph,
	#inicio-extra .boxes .box.iso .graph {
		height: 250px;
	}

}

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

	#inicio-extra .boxes .box.resistance .graph,
	#inicio-extra .boxes .box.welds .graph,
	#inicio-extra .boxes .box.iso .graph {
		height: 200px;
	}

}


#inicio-hero {
	box-sizing: initial;
	width: 100%; height: 780px;
	position: relative;
	margin: 0 0 100px 0;
}






#inicio-hero .slider {
	width: 100%; height: 100%;
	position: relative;
	overflow: hidden;
}






#inicio-hero .slider .chain {
	width: 100%; height: 100%;
	white-space: nowrap;
	position: relative;
}






#inicio-hero .slider .chain [data-slide] {
	width: 100%; height: 100%;
	position: absolute;
}

#inicio-hero .slider .chain [data-slide="material"]   { left: 0; /* background-color: #ffdc1e; */ }
#inicio-hero .slider .chain [data-slide="bajo-peso"]  { left: 100%; }
#inicio-hero .slider .chain [data-slide="corrosion"]  { left: 200%; }

#inicio-hero .slider .chain [data-slide] .background {
	position: absolute;
	width: 100%; height: 100%;
	display: none;
}

@media screen and (min-width: 1371px)                         { #inicio-hero .slider .chain [data-slide] .background.slide-xl { display: block; } }
@media screen and (min-width: 1001px) and (max-width: 1370px) { #inicio-hero .slider .chain [data-slide] .background.slide-l  { display: block; } }
@media screen and (min-width: 601px)  and (max-width: 1000px) { #inicio-hero .slider .chain [data-slide] .background.slide-m  { display: block; } }
@media screen and (max-width: 600px)                          { #inicio-hero .slider .chain [data-slide] .background.slide-s  { display: block; } }






#inicio-hero .slider .chain [data-slide] .card {
	margin: 0 auto;
	text-align: center;
	right: 0; bottom: 0; left: 0; 
	position: absolute;
	white-space: initial;
    z-index: 1;
}

#inicio-hero .slider .chain [data-slide] .card h1 { font-weight: 400; }
#inicio-hero .slider .chain [data-slide] .card h1 strong { font-weight: 700; }






#hero-controls {
	width: 100%; height: 100px;
	text-align: center;
	padding: 30px;
	position: absolute;
	bottom: -100px;
	z-index: 10;
}





#hero-controls [data-slider] {
	width: 100px; height: 38px;
	display: inline-block;
	border: 15px solid transparent;
	box-sizing: border-box;
	border-radius: 50px;
	cursor: pointer;
}

#hero-controls [data-slider] .bar {
	background-color: rgba(0,0,0,.15);
	width: 100%; height: 100%;
	border-radius: 5px;
	overflow: hidden;
}

#hero-controls [data-slider] .bar .progress {
	background-color: #333;
	width: 0%; height: 100%;
}
















@media screen and (min-width: 1371px) {

	#inicio-hero { height: 780px; }

	#inicio-hero .slider .chain [data-slide="material"] .card { max-width: 860px; top: 490px; }
	#inicio-hero .slider .chain [data-slide="bajo-peso"] .card { max-width: 860px; top: 490px; }
	#inicio-hero .slider .chain [data-slide="corrosion"] .card { max-width: 860px; top: 490px; }

	#inicio-hero .slider .chain [data-slide] .card h1 { font-size: 3.75rem; line-height: 3.25rem; }
	#inicio-hero .slider .chain [data-slide] .card p { font-size: 22px; }

}

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

	#inicio-hero { height: 600px; }

	#inicio-hero .slider .chain [data-slide="material"] .card { max-width: 800px; top: 350px; }
	#inicio-hero .slider .chain [data-slide="bajo-peso"] .card { max-width: 800px; top: 350px; }
	#inicio-hero .slider .chain [data-slide="corrosion"] .card { max-width: 800px; top: 350px; }

	#inicio-hero .slider .chain [data-slide] .card h1 { font-size: 3rem; line-height: 2.8rem; }
	#inicio-hero .slider .chain [data-slide] .card p { font-size: 18px; margin: 0; padding: 0 75px 15px 75px; }

}

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

	#inicio-hero { height: 780px; }

	#inicio-hero .slider .chain [data-slide="material"] .card { max-width: 80%; top: 530px; }
	#inicio-hero .slider .chain [data-slide="bajo-peso"] .card { max-width: 80%; top: 530px; }
	#inicio-hero .slider .chain [data-slide="corrosion"] .card { max-width: 80%; top: 530px; }

	#inicio-hero .slider .chain [data-slide] .card h1 { font-size: 3rem; line-height: 2.8rem; }
	#inicio-hero .slider .chain [data-slide] .card p { font-size: 18px; margin: 0; padding: 0 15px 15px 15px; }

}

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

	#inicio-hero { height: 500px; }

	#inicio-hero .slider .chain [data-slide="material"] .card { max-width: 90%; top: 300px; }
	#inicio-hero .slider .chain [data-slide="bajo-peso"] .card { max-width: 90%; top: 300px; }
	#inicio-hero .slider .chain [data-slide="corrosion"] .card { max-width: 90%; top: 300px; }

	#inicio-hero .slider .chain [data-slide] .card h1 { font-size: 2.1rem; line-height: 1.9rem; }
	#inicio-hero .slider .chain [data-slide] .card p { font-size: 1.1em; margin: 0; padding: 0 15px 15px 15px; }

}












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

	#hero-controls { padding: 20px; height: 75px; bottom: -80px; }

	#hero-controls [data-slider] { width: 75px; }

}


#inicio-ingenieria {
	box-sizing: initial;
	padding: 100px 0;
	background-image: url(../images/inicio/ingenieria/ingenieria-wide.jpg);
	height: 800px;
}

#inicio-ingenieria .card {
	max-width: 450px;
	padding: 140px 0 0 0;
}



/* MEDIA SCREEN */

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

	#inicio-ingenieria .card { padding: 40px 0 0 0; }

}

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

	#inicio-ingenieria {
		height: 650px;
		background-position: 35% 50%;
		background-image: url(../images/inicio/ingenieria/ingenieria-small.jpg);
	}

	#inicio-ingenieria .card { padding: 0; }

}


#inicio-obras {
	box-sizing: initial;
	padding: 50px 0;
	height: 800px;
	background-image: url(../images/inicio/obras.jpg);
}

#inicio-obras .card {
	max-width: 410px;
	margin: 160px 130px 0 0;
	float: right;
	text-align: right;
}

#inicio-obras .card h4 { color: white; }
#inicio-obras .card h1 { color: white; }
#inicio-obras .card h2 { color: white; }
#inicio-obras .card p { color: white; }

#inicio-obras .card h1,
#inicio-obras .card h2 {
	font-size: 3.0rem; line-height: 2.5rem;
}



/* MEDIA SCREEN */

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

	#inicio-obras .card { margin-right: 0; }

}

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

	#inicio-obras .card { margin: 200px 0 0 0; }

}

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

	#inicio-obras { height: 700px; }
	#inicio-obras .card { 
		margin: 100px auto 0 auto;
		float: none;
		text-align: center;
	}

}


#inicio-productos {
	box-sizing: initial;
	padding: 50px 0;
}





/* ESCAGLASS */

#inicio-productos .escaglass {
	overflow: hidden;
	padding: 0 0 0 0;
}

#inicio-productos .escaglass .graph {
	float: left;
	width: 63%; height: 580px;
	background-image: url(../images/inicio/productos/escaglass-wide-002.png);
}

#inicio-productos .escaglass .card {
	float: left;
	width: 37%; height: 580px;
    padding: 120px 110px 0 0;
}





/* GRID */

#inicio-productos .grid { overflow: hidden; }

#inicio-productos .grid .prod {
	border: 15px solid #f5f5f5;
	height: 460px;
	float: left;
}

#inicio-productos .grid .prod.escaleras { width: 66%; }
#inicio-productos .grid .prod.rejillas  { width: 34%; }
#inicio-productos .grid .prod.drenaje   { width: 34%; }
#inicio-productos .grid .prod.barandas  { width: 66%; }

#inicio-productos .grid .prod .base {
	width: 100%; height: 100%;
	position: relative;
	background-color: white;
	border-radius: 3px;
}

#inicio-productos .grid .prod .base:hover {
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,.05);
       -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,.05);
            box-shadow: 0px 3px 3px 0px rgba(0,0,0,.05);
}

#inicio-productos .grid .prod.escaleras .base { background-image: url(../images/inicio/productos/escalera-marinera-wide-001.jpg); }
#inicio-productos .grid .prod.rejillas .base  { background-image: url(../images/inicio/productos/rejillas-wide-001.jpg); }
#inicio-productos .grid .prod.drenaje .base   { background-image: url(../images/inicio/productos/sistemas-de-drenaje-wide-002.jpg); }
#inicio-productos .grid .prod.barandas .base  { background-image: url(../images/inicio/productos/barandas-wide-001.jpg); }

#inicio-productos .grid .prod .base .text {
	position: absolute;
	padding: 0 40px 40px 40px;
	z-index: 2;
	bottom: 0;
	max-width: 400px;
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
}

#inicio-productos .grid .prod .base .text h3 { padding: 0 0 6px 0; }
#inicio-productos .grid .prod .base .text p { padding: 0; }

#inicio-productos .grid .prod .base a {
	position: absolute;
	display: block;
	width: 100%; height: 100%;
	z-index: 3;
}

#inicio-productos .grid .prod .base a:hover { background-color: rgba(255,255,255,.05); }
#inicio-productos .grid .prod .base:hover .text { bottom: 5px; }






/* MORE */

#inicio-productos .more {
	overflow: hidden;
	padding: 40px 0 0 0;
}

#inicio-productos .more .graph {
	float: left;
	width: 53%; height: 390px;
	background-image: url(../images/inicio/productos/more-003.png);
	background-size: contain;
}

#inicio-productos .more .card {
	float: left;
	width: 45%; height: 350px;
	padding: 50px 140px 0 0;
}






/* ESCAGLASS */

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

	#inicio-productos .escaglass { padding: 0 50px; }
	#inicio-productos .escaglass .graph { width: 50%; height: 500px; background-size: contain; }
	#inicio-productos .escaglass .card { width: 50%; height: 500px; padding: 80px 0 0 100px; }

}

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

	#inicio-productos .escaglass .graph { background-image: url(../images/inicio/productos/escaglass-medium-002.png); }
	#inicio-productos .escaglass .card { padding: 80px 0 0 50px; }

}

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

	#inicio-productos .escaglass { padding: 0 20px; }
	#inicio-productos .escaglass .graph {
		float: none;
		width: 100%;
		margin: 0 0 30px 0;
		background-size: contain;
		height: 380px;
	}
	#inicio-productos .escaglass .card {
		float: none;
		width: 100%;
		text-align: center;
		padding: 0 0 60px 0;
		height: initial;
	}

}

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

	#inicio-productos .escaglass .graph { height: 340px; }

}






/* GRID */

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

	#inicio-productos .grid .prod { height: 420px; background-size: cover; }

	#inicio-productos .grid .prod.escaleras { width: 58%; }
	#inicio-productos .grid .prod.rejillas  { width: 42%; }
	#inicio-productos .grid .prod.drenaje   { width: 42%; }
	#inicio-productos .grid .prod.barandas  { width: 58%; }

}

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

	#inicio-productos .grid .prod.escaleras { width: 100%; }
	#inicio-productos .grid .prod.rejillas  { width: 50%;  }
	#inicio-productos .grid .prod.drenaje   { width: 50%;  }
	#inicio-productos .grid .prod.barandas  { width: 100%; }

}

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

	#inicio-productos .grid .prod { height: 450px; border: 5px solid #f5f5f5; }

	#inicio-productos .grid .prod.escaleras { width: 100%; }
	#inicio-productos .grid .prod.rejillas  { width: 100%; }
	#inicio-productos .grid .prod.drenaje   { width: 100%; }
	#inicio-productos .grid .prod.barandas  { width: 100%; }

	#inicio-productos .grid .prod.escaleras .base { background-image: url(../images/inicio/productos/escalera-marinera-medium-001.jpg); }
	#inicio-productos .grid .prod.rejillas .base  { background-image: url(../images/inicio/productos/rejillas-medium-001.jpg); }
	#inicio-productos .grid .prod.drenaje .base   { background-image: url(../images/inicio/productos/sistemas-de-drenaje-medium-002.jpg); }
	#inicio-productos .grid .prod.barandas .base  { background-image: url(../images/inicio/productos/barandas-medium-001.jpg); }

	#inicio-productos .grid .prod.escaleras .text, 
	#inicio-productos .grid .prod.rejillas .text, 
	#inicio-productos .grid .prod.drenaje .text, 
	#inicio-productos .grid .prod.barandas .text  { max-width: 100%; padding: 0 30px 30px 30px; }

}

@media screen and (max-width: 550px) {
	
	#inicio-productos .grid .prod.escaleras .base { background-image: url(../images/inicio/productos/escalera-marinera-small-001.jpg); }
	#inicio-productos .grid .prod.rejillas .base  { background-image: url(../images/inicio/productos/rejillas-small-001.jpg); }
	#inicio-productos .grid .prod.drenaje .base   { background-image: url(../images/inicio/productos/sistemas-de-drenaje-small-002.jpg); }
	#inicio-productos .grid .prod.barandas .base  { background-image: url(../images/inicio/productos/barandas-small-001.jpg); }

}






/* MORE */

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

	#inicio-productos .more .graph { width: 50%; background-size: contain; }
	#inicio-productos .more .card { width: 50%; padding: 50px 0 0 30px; }

}

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

	#inicio-productos .more .graph { float: none; width: 100%; height: 230px; }
	#inicio-productos .more .card { float: none; width: 100%; text-align: center; padding: 0; }

}

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

	#inicio-productos .more .card h2 br { display: none; }

}


#main-material {

}










#main-material .propiedades {
	background-color: #e9e9e9;
	padding: 240px 0 160px 0;
}


#main-material .propiedades .intro {
	text-align: center;
	padding: 0 0 160px 0;
}










#main-material .intro h1 { padding: 0 10% 20px 10%; }
#main-material .intro h1,
#main-material .intro h1 a { font-size: 55px; line-height: 50px; text-decoration: none; }

#main-material .pultrusion .intro h2,
#main-material .matriz .intro h2 { padding: 0 10% 20px 10%; }
#main-material .pultrusion .intro h2,
#main-material .matriz .intro h2,
#main-material .pultrusion .intro h2 a,
#main-material .matriz .intro h2 a { font-size: 55px; line-height: 50px; text-decoration: none; }

@media screen and (max-width: 1400px) {
	
	#main-material .intro h1 { padding: 0 20% 15px 20%; }
	#main-material .intro h1,
	#main-material .intro h1 a { font-size: 45px; line-height: 40px; }

	#main-material .pultrusion .intro h2,
	#main-material .matriz .intro h2 { padding: 0 20% 15px 20%; }
	#main-material .pultrusion .intro h2,
	#main-material .matriz .intro h2,
	#main-material .pultrusion .intro h2 a,
	#main-material .matriz .intro h2 a { font-size: 45px; line-height: 40px; }

}

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

	#main-material .intro h1 { padding: 0 10% 10px 10%; }
	#main-material .intro h1,
	#main-material .intro h1 a { font-size: 30px; line-height: 28px; }

	#main-material .pultrusion .intro h2,
	#main-material .matriz .intro h2 { padding: 0 10% 10px 10%; }
	#main-material .pultrusion .intro h2,
	#main-material .matriz .intro h2,
	#main-material .pultrusion .intro h2 a,
	#main-material .matriz .intro h2 a { font-size: 30px; line-height: 28px; }

}










#main-material .propiedades .slider {
	width: 100%;
	overflow: hidden;
}


#main-material .propiedades .slider .container {
	position: relative;
	width: 1300px; height: 700px;
	margin: 0 auto;
}

#main-material .propiedades .slider .container .chain {
	white-space: nowrap;
	position: relative;
	top: 0; left: 0;
	width: 600%; height: 100%;
	z-index: 1;
}

#main-material .propiedades .slider .container .chain .slide {
	width: 16.6666666666%; height: 100%;
	float: left;
	position: relative;
    border: 30px solid transparent;
    overflow: hidden;
}

#main-material .propiedades .slider .container .chain .slide .base {
	width: 100%; height: 100%;
    background-size: cover;
    border-radius: 10px;
}

#main-material .propiedades .slider .container .chain [data-slide="1"] .base { background-image: url(../images/material/slide-1-001.jpg); }
#main-material .propiedades .slider .container .chain [data-slide="2"] .base { background-image: url(../images/material/slide-2-001.jpg); }
#main-material .propiedades .slider .container .chain [data-slide="3"] .base { background-image: url(../images/material/slide-3-001.jpg); }
#main-material .propiedades .slider .container .chain [data-slide="4"] .base { background-image: url(../images/material/slide-4-001.jpg); }
#main-material .propiedades .slider .container .chain [data-slide="5"] .base { background-image: url(../images/material/slide-5-001.jpg); }
#main-material .propiedades .slider .container .chain [data-slide="6"] .base { background-image: url(../images/material/slide-6-001.jpg); }

#main-material .propiedades .slider .container .chain .slide .base .text {
	padding: 0 250px 60px 250px;
	width: 100%;
	white-space: initial;
	text-align: center;
	position: absolute;
	bottom: 0;
}

#main-material .propiedades .slider .container .chain .slide .base .text h2 {
	padding: 0 0 10px 0;
}

#main-material .propiedades .slider .container .chain [data-slide="4"] .base .text h2 { color: white; }
#main-material .propiedades .slider .container .chain [data-slide="4"] .base .text p { color: white; }

#main-material .propiedades .slider .container .chain [data-slide="5"] .base .text h2 { color: white; }
#main-material .propiedades .slider .container .chain [data-slide="5"] .base .text p { color: white; }

#main-material .propiedades .slider .container .chain [data-slide="6"] .base .text h2 { color: white; }
#main-material .propiedades .slider .container .chain [data-slide="6"] .base .text p { color: white; }

#main-material .propiedades .slider .container .chain .slide .base .bar {
	position: absolute;
	bottom: 0;
	width: 100%; height: 8px;
	background-color: transparent;
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}
#main-material .propiedades .slider .container .chain .slide .base .bar .progress {
	width: 0%; height: 100%;
	background-color: rgba(0,0,0,.25);
}

@media screen and (max-width: 1400px) {
	
	#main-material .propiedades .slider .container { width: 85%; height: 550px; }
	#main-material .propiedades .slider .container .chain .slide .base .text { padding: 0 200px 30px 200px; }

}

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

	#main-material .propiedades .slider .container .chain .slide .base .text { padding: 0 180px 30px 180px; }

}

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

	#main-material .propiedades .slider .container .chain [data-slide="1"] .base { background-image: url(../images/material/slide-1-small-003.jpg); }
	#main-material .propiedades .slider .container .chain [data-slide="2"] .base { background-image: url(../images/material/slide-2-small-001.jpg); }
	#main-material .propiedades .slider .container .chain [data-slide="3"] .base { background-image: url(../images/material/slide-3-small-003.jpg); }
	#main-material .propiedades .slider .container .chain [data-slide="4"] .base { background-image: url(../images/material/slide-4-small-001.jpg); }
	#main-material .propiedades .slider .container .chain [data-slide="5"] .base { background-image: url(../images/material/slide-5-small-001.jpg); }
	#main-material .propiedades .slider .container .chain [data-slide="6"] .base { background-image: url(../images/material/slide-6-small-001.jpg); }

	#main-material .propiedades .slider .container .chain .slide .base .text { padding: 0 40px 80px 40px; }

}

@media screen and (max-width: 800px) {
	
	#main-material .propiedades .slider .container { width: 80%; height: 460px; }
	#main-material .propiedades .slider .container .chain .slide { border: 8px solid transparent; }

	#main-material .propiedades .slider .container .chain .slide .base .text { padding: 0 25px 50px 25px; }
	#main-material .propiedades .slider .container .chain .slide .base .text h2 { font-size: 22px; line-height: 25px; }
	#main-material .propiedades .slider .container .chain .slide .base .text p { font-size: 13px; }

}










#main-material .propiedades .slider .arrows {
	position: absolute;
	width: 100%; height: 100%;
	z-index: 2;
}
#main-material .propiedades .slider .arrows .arrow {
	width: 45px; height: 45px;
	background-size: 90px 45px;
	background-image: url(../images/material/arrows-001.png);
	border: 2px solid white;
	bottom: 70px;
	position: absolute;
	border-radius: 100px;
	cursor: pointer;
	-webkit-transition: background-color 300ms ease-out;
       -moz-transition: background-color 300ms ease-out;
         -o-transition: background-color 300ms ease-out;
            transition: background-color 300ms ease-out;
}
#main-material .propiedades .slider .arrows .arrow:hover {
	background-color: rgba(255,255,255,.25);
}
#main-material .propiedades .slider .arrows .arrow[data-arrow="left"] {
	right: 130px;
	background-position: 0 0;
}
#main-material .propiedades .slider .arrows .arrow[data-arrow="right"] {
	right: 70px;
	background-position: -45px 0;
}

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

	#main-material .propiedades .slider .arrows {
		width: 70px; height: 30px;
		left: 50%;
		margin: 0 0 0 -35px;
		bottom: 60px;
	}

	#main-material .propiedades .slider .arrows .arrow {
		width: 30px; height: 30px;
		background-size: 60px 30px;
		bottom: 0;
	}

	#main-material .propiedades .slider .arrows .arrow[data-arrow="left"]  { right: 40px; }
	#main-material .propiedades .slider .arrows .arrow[data-arrow="right"] { right: 0; background-position: -30px 0; }

}

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

	#main-material .propiedades .slider .arrows { bottom: 30px; }

}










#main-material .process {
	background-color: #d5d5d5;
	padding: 0 0 200px 0;
}










#main-material .process .pultrusion {
	background-image: url(../images/material/pultrusion-background-002-tiny.png);
	background-size: auto 100%;
	height: 2311px;
	padding: 450px 0 0 0;
	background-position: center;
	background-repeat: no-repeat;
}

#main-material .process .pultrusion .intro {
	text-align: center;
}

#main-material .process .pultrusion .intro p {
	padding: 0 30%;
}

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

	#main-material .process .pultrusion .intro p { padding: 0 20%; }

}

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

	#main-material .process .pultrusion .intro p { padding: 0; }

}










#main-material .process .matriz {
	width: 95%; height: 900px;
	background-image: url(../images/material/matriz-background-001-tiny.jpg);
	background-size: cover;
	margin: 0 auto;
}

#main-material .process .matriz .intro {
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 120px;
}

#main-material .process .matriz .intro p {
	padding: 0 30%;
}

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

	#main-material .process .matriz .intro p { padding: 0 20%; }

}

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

	#main-material .process .matriz { height: 500px; }

	#main-material .process .matriz .intro { bottom: 60px; }

}

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

	#main-material .process .matriz { background-image: url(../images/material/matriz-background-small-001.jpg); }

	#main-material .process .matriz .intro p { padding: 0; }

}










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

	#main-material .propiedades { padding: 200px 0 160px 0; }
	#main-material .propiedades .intro { padding: 0 0 120px 0; }

}










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

}










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

}










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

	#main-material .propiedades { padding: 150px 0 160px 0; }

	#main-material .propiedades .intro { padding: 0 0 80px 0; }

	#main-material .process .pultrusion { height: 1150px; padding: 150px 0 0 0; }

}


#main-obras {
	background-position: top;
	background-image: url(../images/obras/portrait/obras-portrait-001-1920x850.jpg);
	padding: 0 0 200px 0;
}










#main-obras .intro {
	padding: 200px 0 0 0;
}




#main-obras .intro .text-box {
	margin: 0 auto;
	max-width: 55%;
	text-align: center;
	padding: 0 0 80px 0;
}
#main-obras .intro .text-box h1 {
	padding: 0 0 20px 0;
}
#main-obras .intro .text-box h1 a {
	color: #ffdc1e;
}
#main-obras .intro .text-box p,
#main-obras .intro .text-box span {
	color: white;
}










#main-obras .intro .nav {
	border: 1px solid rgba(255,255,255,.5);
	text-align: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 0 0 80px 0;
	background-color: rgba(0,0,0,.25);
	border-radius: 50px;
}

#main-obras .intro .nav span {
	display: inline-block;
	padding: 0 15px;
	height: 50px; line-height: 50px;
	border-bottom: 3px solid transparent;
	cursor: pointer;
	font-size: 15px; color: white;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	-o-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
}

#main-obras .intro .nav span:hover {
	background-color: rgba(0,0,0,.35);
}

#main-obras .intro .nav span.active {
	border-bottom: 3px solid #ffdc1e;
}








#main-obras .boxes {
	overflow: hidden;
}








#main-obras .boxes .box {
	border: 5px solid transparent;
	position: relative;
	float: left;
	overflow: hidden;
}

#main-obras .boxes .box.size-xl { width: 50%; height: 600px; }
#main-obras .boxes .box.size-l  { width: 50%; height: 300px; }
#main-obras .boxes .box.size-s  { width: 25%; height: 300px; }

#main-obras .boxes .box .content {
	background-image: url(../images/obras/logo-empty.png);
	background-size: 69px 23px;
	background-position: center;
	width: 100%; height: 100%;
}

#main-obras .boxes .box .content .image {
	background-color: rgba(0,0,0,.25); background-size: cover;
	width: 100%; height: 100%;
	position: absolute;
	top: 0;
	z-index: 1;
	overflow: hidden;
}





/*
wide-torre-de-enfriamiento-patagonia-l-002.jpg
wide-torre-de-enfriamiento-cordoba-m.jpg
wide-pasarela-tolva-s.jpg
wide-torre-de-enfriamiento-puerto-madryn-s.jpg
wide-cargador-de-camiones-2-s.jpg
wide-pasarela-puente-s.jpg
*/

#main-obras .boxes .box[data-id="5001"] .content .image { background-image: url(../images/obras/tumbs/wide-techo-edificio-ypf-puerto-madero.jpg) }
#main-obras .boxes .box[data-id="5002"] .content .image { background-image: url(../images/obras/tumbs/wide-techo-circular-34-metros.jpg) }
#main-obras .boxes .box[data-id="5003"] .content .image { background-image: url(../images/obras/tumbs/wide-estructura-reactores.jpg) }
#main-obras .boxes .box[data-id="5004"] .content .image { background-image: url(../images/obras/tumbs/wide-galpon-polielectrolitos.jpg) }
#main-obras .boxes .box[data-id="5005"] .content .image { background-image: url(../images/obras/tumbs/wide-silo-de-potasa.jpg) }
#main-obras .boxes .box[data-id="5006"] .content .image { background-image: url(../images/obras/tumbs/wide-cargador-de-acido-cloridrico.jpg) }
#main-obras .boxes .box[data-id="5007"] .content .image { background-image: url(../images/obras/tumbs/wide-galpon-20x20-metros-para-electrolizador.jpg) }
#main-obras .boxes .box[data-id="5008"] .content .image { background-image: url(../images/obras/tumbs/wide-rack-clorox.jpg) }
#main-obras .boxes .box[data-id="5009"] .content .image { background-image: url(../images/obras/tumbs/wide-plataforma-suspendida.jpg) }
#main-obras .boxes .box[data-id="5010"] .content .image { background-image: url(../images/obras/tumbs/wide-techo-silo-pasta-celulosa.jpg) }
#main-obras .boxes .box[data-id="5011"] .content .image { background-image: url(../images/obras/tumbs/wide-torre-de-enfriamiento.jpg) }
#main-obras .boxes .box[data-id="5012"] .content .image { background-image: url(../images/obras/tumbs/wide-techo-planta-electrolisis.jpg) }
#main-obras .boxes .box[data-id="5013"] .content .image { background-image: url(../images/obras/tumbs/wide-techo-a-2-aguas-de-9x20-metros.jpg) }
#main-obras .boxes .box[data-id="5014"] .content .image { background-image: url(../images/obras/tumbs/wide-pasarela-entre-torres-de-enfriamiento.jpg) }
#main-obras .boxes .box[data-id="5015"] .content .image { background-image: url(../images/obras/tumbs/wide-techado-galpon.jpg) }
#main-obras .boxes .box[data-id="5016"] .content .image { background-image: url(../images/obras/tumbs/wide-galpones-para-piletas-de-polielectrolitos.jpg) }
#main-obras .boxes .box[data-id="5017"] .content .image { background-image: url(../images/obras/tumbs/wide-puentes-de-9-metros-sobre-piletones.jpg) }
#main-obras .boxes .box[data-id="5018"] .content .image { background-image: url(../images/obras/tumbs/wide-cargador-de-camiones.jpg) }
#main-obras .boxes .box[data-id="5019"] .content .image { background-image: url(../images/obras/tumbs/wide-pasarela-12-metros-sobre-galpon.jpg) }
#main-obras .boxes .box[data-id="5020"] .content .image { background-image: url(../images/obras/tumbs/wide-escalera-anticorrosiva.jpg) }
#main-obras .boxes .box[data-id="5021"] .content .image { background-image: url(../images/obras/tumbs/wide-puente-y-pasarela.jpg) }
#main-obras .boxes .box[data-id="5022"] .content .image { background-image: url(../images/obras/tumbs/wide-galpon-lavador-de-gases.jpg) }

#main-obras .boxes .box .content .image .shadow {
	position: absolute;
	bottom: 0;
	width: 100%; height: 50%;
	background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 70%);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#main-obras .boxes .box .text {
	position: absolute;
	width: 100%;
	padding: 25px;
	bottom: 0;
	z-index: 3;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#main-obras .boxes .box:hover .text { bottom: 15px; }
#main-obras .boxes .box:hover .content .image .shadow { height: 60%; background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 70%); }

#main-obras .boxes .box .text h4 { color: white; padding: 0 0 8px 0;  font-size: 13px; }
#main-obras .boxes .box .text h3 { color: white; padding: 0 0 10px 0; font-size: 20px; line-height: 20px; }
#main-obras .boxes .box .text h2 { color: white; padding: 0 0 10px 0; }
#main-obras .boxes .box .text p  { color: white; padding: 0 0 35px 0; }
#main-obras .boxes .box .text span  {
	display: block;
	background-color: #ffdc1e;
	width: 25px;
	height: 5px;
	border-radius: 5px;
	display: none;
}

#main-obras .boxes .box a {
	position: absolute;
	z-index: 4;
	width: 100%; height: 100%;
	top: 0; left: 0;
	transition: border-width 50ms ease-out;
	border-radius: 5px;
}
#main-obras .boxes .box a:hover { /* */ }











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


	#main-obras .intro .text-box { padding: 0 0 40px 0; }


}












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

	#main-obras { background-image: url(../images/obras/portrait/obras-portrait-002-1200x740.jpg); }

	#main-obras .intro { padding: 145px 0 0 0; }

	#main-obras .intro .text-box { max-width: 100%; }

	#main-obras .intro .nav { white-space: nowrap; overflow-x: scroll; padding: 0 20px; }



	#main-obras .boxes .box.size-xl,
	#main-obras .boxes .box.size-l,
	#main-obras .boxes .box.size-s { width: 50%; height: 450px; }


}












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

	#main-obras .boxes .box.size-xl,
	#main-obras .boxes .box.size-l,
	#main-obras .boxes .box.size-s { width: 100%; height: 300px; }

	#main-obras .boxes .box .text { padding: 15px; }
	#main-obras .boxes .box:hover .text { bottom: 0; }
	#main-obras .boxes .box .text h3 { font-size: 18px; line-height: 18px; }

}












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

	#main-obras .intro .nav span { font-size: 13px; }

	#main-obras { background-image: url(../images/obras/portrait/obras-portrait-003-680x700-002.jpg); }

	#main-obras .boxes .box { border: 3px solid transparent; }

	#main-obras .boxes .box[data-id="5002"], 
	#main-obras .boxes .box[data-id="5004"], 
	#main-obras .boxes .box[data-id="5011"],  
	#main-obras .boxes .box[data-id="5013"], 
	#main-obras .boxes .box[data-id="5014"], 
	#main-obras .boxes .box[data-id="5017"], 
	#main-obras .boxes .box[data-id="5024"] {
		height: 190px;
	}

	#main-obras .boxes .box[data-id="5010"],
	#main-obras .boxes .box[data-id="5020"],
	#main-obras .boxes .box[data-id="5023"] {
		height: 480px;
	}

	#main-obras .boxes .box[data-id="5001"] .content .image { background-image: url(../images/obras/tumbs/small-techo-edificio-ypf-puerto-madero.jpg) }
	#main-obras .boxes .box[data-id="5002"] .content .image { background-image: url(../images/obras/tumbs/small-techo-circular-34-metros.jpg) }
	#main-obras .boxes .box[data-id="5003"] .content .image { background-image: url(../images/obras/tumbs/small-estructura-reactores.jpg) }
	#main-obras .boxes .box[data-id="5004"] .content .image { background-image: url(../images/obras/tumbs/small-galpon-polielectrolitos.jpg) }
	#main-obras .boxes .box[data-id="5005"] .content .image { background-image: url(../images/obras/tumbs/small-silo-de-potasa.jpg) }
	#main-obras .boxes .box[data-id="5006"] .content .image { background-image: url(../images/obras/tumbs/small-cargador-de-acido-cloridrico.jpg) }
	#main-obras .boxes .box[data-id="5007"] .content .image { background-image: url(../images/obras/tumbs/small-galpon-20x20-metros-para-electrolizador.jpg) }
	#main-obras .boxes .box[data-id="5008"] .content .image { background-image: url(../images/obras/tumbs/small-rack-clorox.jpg) }
	#main-obras .boxes .box[data-id="5009"] .content .image { background-image: url(../images/obras/tumbs/small-plataforma-suspendida.jpg) }
	#main-obras .boxes .box[data-id="5010"] .content .image { background-image: url(../images/obras/tumbs/small-techo-silo-pasta-celulosa.jpg) }
	#main-obras .boxes .box[data-id="5011"] .content .image { background-image: url(../images/obras/tumbs/small-torre-de-enfriamiento.jpg) }
	#main-obras .boxes .box[data-id="5012"] .content .image { background-image: url(../images/obras/tumbs/small-techo-planta-electrolisis.jpg) }
	#main-obras .boxes .box[data-id="5013"] .content .image { background-image: url(../images/obras/tumbs/small-techo-a-2-aguas-de-9x20-metros.jpg) }
	#main-obras .boxes .box[data-id="5014"] .content .image { background-image: url(../images/obras/tumbs/small-pasarela-entre-torres-de-enfriamiento.jpg) }
	#main-obras .boxes .box[data-id="5015"] .content .image { background-image: url(../images/obras/tumbs/small-techado-galpon.jpg) }
	#main-obras .boxes .box[data-id="5016"] .content .image { background-image: url(../images/obras/tumbs/small-galpones-para-piletas-de-polielectrolitos.jpg) }
	#main-obras .boxes .box[data-id="5017"] .content .image { background-image: url(../images/obras/tumbs/small-puentes-de-9-metros-sobre-piletones.jpg) }
	#main-obras .boxes .box[data-id="5018"] .content .image { background-image: url(../images/obras/tumbs/small-cargador-de-camiones.jpg) }
	#main-obras .boxes .box[data-id="5019"] .content .image { background-image: url(../images/obras/tumbs/small-pasarela-12-metros-sobre-galpon.jpg) }
	#main-obras .boxes .box[data-id="5020"] .content .image { background-image: url(../images/obras/tumbs/small-escalera-anticorrosiva.jpg) }
	#main-obras .boxes .box[data-id="5021"] .content .image { background-image: url(../images/obras/tumbs/small-puente-y-pasarela.jpg) }
	#main-obras .boxes .box[data-id="5022"] .content .image { background-image: url(../images/obras/tumbs/small-galpon-lavador-de-gases.jpg) }

	#main-obras .boxes .box .content .image .shadow { background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,.65) 70%); }

}


#main-presupuesto {
	padding: 0 0 200px 0;
}






#main-presupuesto .update {
	margin: 0 0 20px 0; padding: 35px 35px 50px 35px;
	background-color: white;
}
#main-presupuesto .update:hover {
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,.05);
       -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,.05);
            box-shadow: 0px 3px 3px 0px rgba(0,0,0,.05);
}
#main-presupuesto .update h4 {
	padding: 0 0 35px 0;
}

#main-presupuesto .update .box {
	border-bottom: 1px solid rgba(0,0,0,.1);
	margin: 0 0 10px 0; padding: 0 0 10px 0;
}

#main-presupuesto .update .box .tit {
	padding: 5px 0 10px 20px;
	background-image: url(../images/presupuesto/dot.png);
	background-position: 0 10px;
}

#main-presupuesto .update .box .desc {
	padding: 0 0 10px 40px;
}

#main-presupuesto .update .sitemap {
font-weight: 700;
    background-color: rgba(0,0,0,.1);
    border-radius: 5px;
    padding: 5px 10px;
    margin: 0 0 5px 0;
    display: block;
}

#main-presupuesto .update .sitemap:hover {
	text-decoration: underline;
    background-color: rgba(0,0,0,.2);
}


#main-productos {
	padding: 0 0 200px 0;
}


#main-productos .grid {
	overflow: hidden;
}


#main-productos .grid .box {
	float: left;
	width: 50%; height: 450px;
	border: 15px solid transparent;
	position: relative;
}
#main-productos .grid .box .base {
	width: 100%; height: 100%;
	background-color: rgba(0,0,0,.5); background-size: cover;
	position: relative;
	border-radius: 3px;
}



#main-productos .grid .box[data-producto="rejillas"] .base { background-image: url(../images/productos/main/wide-rejillas-003.jpg); }
#main-productos .grid .box[data-producto="drenaje"] .base { background-image: url(../images/productos/main/wide-drenaje-002.jpg); }
#main-productos .grid .box[data-producto="barandas"] .base { background-image: url(../images/productos/main/wide-barandas-001.jpg); }
#main-productos .grid .box[data-producto="escaglass"] .base { background-image: url(../images/productos/main/wide-escaglass-001.jpg); }
#main-productos .grid .box[data-producto="circulacion"] .base { background-image: url(../images/productos/main/wide-circulacion-001.jpg); }
#main-productos .grid .box[data-producto="estructurales"] .base { background-image: url(../images/productos/main/wide-estructurales-001.jpg); }
#main-productos .grid .box[data-producto="enfriamiento"] .base { background-image: url(../images/productos/main/wide-enfriamiento-001.jpg); }
#main-productos .grid .box[data-producto="cubiertas"] .base { background-image: url(../images/productos/main/wide-cubiertas-001.jpg); }
#main-productos .grid .box[data-producto="escaleras"] .base { background-image: url(../images/productos/main/wide-escaleras-001.jpg); }
#main-productos .grid .box[data-producto="cercos"] .base { background-image: url(../images/productos/main/wide-cercos-001.jpg); }
#main-productos .grid .box[data-producto="rejillasciegas"] .base { background-image: url(../images/productos/main/wide-rejillasciegas-001.jpg); }
#main-productos .grid .box[data-producto="chapas"] .base { background-image: url(../images/productos/main/wide-chapas-001.jpg); }



#main-productos .grid .box:hover .base {
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,.05);
       -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,.05);
            box-shadow: 0px 3px 3px 0px rgba(0,0,0,.05);
}



#main-productos .grid .box a {
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
}



#main-productos .grid .box .text {
	position: absolute;
	left: 0; bottom: 0;
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
    padding: 0 150px 40px 40px;
}
#main-productos .grid .box:hover .text {
	bottom: 10px;
}
#main-productos .grid .box .text h2 {
	padding: 0 0 6px 0;
	color: white;
	font-size: 1.5rem;
	line-height: 1.5rem;
}
#main-productos .grid .box .text p {
	color: white;
}




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

	#main-productos .grid .box .text { padding: 0 40px 40px 40px; }

}




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

	#main-productos .grid .box {
		float: none;
		width: 100%; height: 450px;
		border: 5px solid transparent;
	}

}




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

	/* #main-productos .grid .box .base {  background-size: initial; } */

	#main-productos .grid .box[data-producto="rejillas"] .base { background-image: url(../images/productos/main/small-rejillas-002.jpg); }
	#main-productos .grid .box[data-producto="drenaje"] .base { background-image: url(../images/productos/main/small-drenaje-003.jpg); }
	#main-productos .grid .box[data-producto="barandas"] .base { background-image: url(../images/productos/main/small-barandas-001.jpg); }
	#main-productos .grid .box[data-producto="escaglass"] .base { background-image: url(../images/productos/main/small-escaglass-001.jpg); }
	#main-productos .grid .box[data-producto="circulacion"] .base { background-image: url(../images/productos/main/small-circulacion-001.jpg); }
	#main-productos .grid .box[data-producto="estructurales"] .base { background-image: url(../images/productos/main/small-estructurales-001.jpg); }
	#main-productos .grid .box[data-producto="enfriamiento"] .base { background-image: url(../images/productos/main/small-enfriamiento-001.jpg); }
	#main-productos .grid .box[data-producto="cubiertas"] .base { background-image: url(../images/productos/main/small-cubiertas-001.jpg); }
	#main-productos .grid .box[data-producto="escaleras"] .base { background-image: url(../images/productos/main/small-escaleras-001.jpg); }
	#main-productos .grid .box[data-producto="cercos"] .base { background-image: url(../images/productos/main/small-cercos-001.jpg); }
	#main-productos .grid .box[data-producto="rejillasciegas"] .base { background-image: url(../images/productos/main/small-rejillasciegas-001.jpg); }
	#main-productos .grid .box[data-producto="chapas"] .base { background-image: url(../images/productos/main/small-chapas-001.jpg); }

}


#main-resultados .result-list .box {
	width: 100%;
	position: relative;
	border-bottom: 1px solid #d6d6d6;
}

#main-resultados .result-list .box a {
	width: 100%; height: 100%;
	position: absolute;
	top: 0; left: 0;
	z-index: 1;
}

#main-resultados .result-list .box a:hover { background-color: rgba(0,0,0,.1) }

#main-resultados .result-list .box .image {
	width: 60px; height: 50px;
	background-image: url(../images/search/search-icons-002.png);
	position: absolute;
	top: 0; left: 0;
}

#main-resultados .result-list .box .image.material    { background-position: 0 0; }
#main-resultados .result-list .box .image.ingenieria  { background-position: 0 -50px; }
#main-resultados .result-list .box .image.obras       { background-position: 0 -100px; }
#main-resultados .result-list .box .image.productos   { background-position: 0 -150px; }
#main-resultados .result-list .box .image.empresa     { background-position: 0 -200px; }
#main-resultados .result-list .box .image.preguntas   { background-position: 0 -250px; }
#main-resultados .result-list .box .image.webinars    { background-position: 0 -300px; }
#main-resultados .result-list .box .image.downloads   { background-position: 0 -350px; }
#main-resultados .result-list .box .image.presupuesto { background-position: 0 -400px; }
#main-resultados .result-list .box .image.dev         { background-position: 0 -450px; }

#main-resultados .result-list .box .text {
	padding: 8px 10px 8px 75px;
	width: 100%; min-height: 50px;
	text-align: left;
}
#main-resultados .result-list .box .text .intro {
	font-size: 13px; color: #707070;
}
#main-resultados .result-list .box .text .label {
    font-size: 15px; font-weight: 700; color: #333;
}


#bottom {
	box-sizing: initial;
	padding: 150px 0 0 0;
	background-color: #ffdc1e;
}





.row-a {
	overflow: hidden;
	border-bottom: 1px solid rgba(0,0,0,.15);
	margin: 0 0 50px 0; padding: 0 0 50px 0;
}





/* BOT-DATA */
.bot-data { float: left; width: 60%; padding: 0 150px 0 0; }
.bot-data img { /* width: 204px; height: 69px; */ margin: 0 0 40px 0; }
.bot-data .data-about { margin: 0 0 35px 0; }
.bot-data .data-social { margin: 0 0 35px 0; }
.bot-data .data-social .icon {
	width: 35px; height: 35px;
	background-image: url(../images/bottom/social-003.png);
	margin: 0 5px 0 0;
	display: inline-block;
	border: 5px solid #333; border-radius: 50px;
    box-sizing: initial;
}
.bot-data .data-social .facebook { background-position-x: 0; }
.bot-data .data-social .instagram { background-position-x: -35px; }
.bot-data .data-social .youtube { background-position-x: -70px; }
.bot-data .data-social .linkedin { background-position-x: -140px; }
.bot-data .data-info { background-image: url(../images/bottom/icons-info.png); background-position: 0 10px; }
.bot-data .data-info div { padding: 10px 0 10px 45px; }
.bot-data .data-info div:nth-child(2) { font-size: 25px; font-weight: 700; }





/* MAIN / INTERACT */
.bot-interact { float: left; width: 40%; }
.bot-interact h3 { margin: 0 0 20px 0; }
.bot-interact .fields {
	border: 5px solid #333; border-radius: 5px;
	margin: 0 0 30px 0; padding: 45px 25px 25px 25px;
	background-color: transparent;
	/*
	-webkit-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.5);
       -moz-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.5);
            box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.5);
    */
}
.bot-interact .fields [type="text"], .bot-interact .fields textarea {
	width: 100%;
	background-color: transparent;
	font-size: 15px;
	margin: 0 0 25px 0; padding: 0 0 5px 0;
}
.bot-interact .fields .field-wrap {
	margin: 0 0 25px 0;
}
.bot-interact .fields .field-wrap [type="text"],
.bot-interact .fields .field-wrap textarea {
	margin: 0 0 4px 0;
}
.bot-interact .fields [type="text"] {
	border-bottom: 1px solid rgba(0,0,0,1);
}
.bot-interact .fields [type="text"].error { border-bottom-color: #e53935; }
.bot-interact .fields textarea.error { outline: 1px solid #e53935; border-radius: 3px; }

.bot-interact .fields .field-error {
	display: none;
	color: #c62828;
	font-size: 11px;
	font-weight: 700;
	margin: 0;
}
.bot-interact .message {
	color: #c62828;
	font-size: 13px;
	font-weight: 600;
	min-height: 20px;
	display: block;
}

.bot-interact .fields [type="text"]::placeholder,
.bot-interact .fields textarea::placeholder { color: #333; }

.bot-interact .code {
	margin: 0 0 30px 0;
}
.bot-interact .code .label {
	padding: 0 0 5px 0;
}
.bot-interact .code input {
	background-color: transparent;
	background-position: left;
	border: 2px solid #333;
	width: 100%; height: 35px; line-height: 35px;
	border-radius: 5px;
	padding: 0 0 0 130px;
	font-weight: 700; text-transform: uppercase;
}
.bot-interact .code input::placeholder { color: #333; }

.bot-interact .checkbox { margin: 0 0 30px 0; }
.bot-interact .controls { margin: 0 0 30px 0; }
.bot-interact .controls .loading { display: none; }
.bot-interact span { min-height: 30px; }
.bot-interact .fields .field-error { min-height: 0; }





.row-b {
	overflow: hidden;
	padding: 0 0 50px 0;
}





.bot-menu { float: left; }
.bot-menu div { font-weight: 700; margin: 0 0 20px 0; }
.bot-menu nav a { font-size: 15px; padding: 0 15px 0 0; }
.bot-menu nav a:hover { text-decoration: underline; }





.bot-fiscal { float: right; }
.bot-fiscal img { width: 70px; }





/* MEDIA */

@media screen and (min-width: 0) and (max-width: 1024px) {

	.bot-data { float: none; width: 100%; text-align: center; padding: 0 0 80px 0; }
	.bot-data .data-about { padding: 0 50px; }
	.bot-data .data-info { background-image: none; }
	.bot-data .data-info div { padding: 10px 0; }
	.bot-interact { float: none; width: 100%; }

}

@media screen and (min-width: 0) and (max-width: 1450px) {

	/* #bottom .section-content { padding: 0 20px; } */

}

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

	.bot-data img { /* width: 160px; height: 54px; */ }
	.bot-data .data-about { padding: 0 30px; }

	#bottom .row-b .bot-menu { float: none; padding: 0 0 30px 0; }
	#bottom .row-b .bot-fiscal { float: none; }

}

@media screen and (min-width: 1025px) and (max-width: 1400px) {

	.bot-data { padding: 0 80px 0 0; }

}


#last {
	background-color: #ffdc1e;
}

#last .wide-main {
	border-top: 1px solid rgba(0,0,0,.15);
}

#last span {
	padding: 20px 0;
	font-size: 13px;
	display: block;
}





/* MEDIA */

@media screen and (min-width: 0) and (max-width: 1450px) {

	#last .section-content { padding: 0 20px; }

}


/* MEGAMENU */

#megamenu-empresa {
	position: fixed;
	width: 100%; height: 0;
	overflow: hidden;
	z-index: 99;
}

#megamenu-empresa .close {
	width: 100%; height: 40px;
	position: absolute;
	bottom: 0;
}

#megamenu-empresa .container {
	padding: 120px 0 100px 0;
	opacity: 0;
}






#megamenu-empresa .container .description {
	float: left;
	width: 50%;
}

#megamenu-empresa .container .description .megamenu-title {
	margin: 0; padding: 0 0 10px 0;
	font-size: 2.2rem; font-weight: 600; line-height: 2.2rem;
}

#megamenu-empresa .container .description .intro {
	padding: 0 0 10px 0;
	font-weight: 700;
}

#megamenu-empresa .container .description .desc {
	padding: 0 0 30px 0;
}





#megamenu-empresa .container .quad {
	float: right;
	width: 50%; height: 380px;
	margin: 0 0 50px 0; padding: 0 0 0 50px;
}

#megamenu-empresa .container .quad .quad-box {
	background-color: whitesmoke;
	margin: 0 0 10px 0; padding: 30px 30px 30px 100px;
	border-radius: 5px;
	background-image: url(../images/megamenu/megamenu-empresa-icons.png);
	display: block;
}

#megamenu-empresa .container .quad .quad-box[data-quad="preguntas"] { background-position: 0 0; }
#megamenu-empresa .container .quad .quad-box[data-quad="webinars"]  { background-position: 0 -103px; }
#megamenu-empresa .container .quad .quad-box[data-quad="downloads"] { background-position: 0 -206px; }

#megamenu-empresa .container .quad .quad-box .title {
	font-weight: 700;
	padding: 0 0 5px 0;
}

#megamenu-empresa .container .quad .quad-box:hover .title {
	text-decoration: underline;
}

#megamenu-empresa .container .quad .quad-box .desc {
	font-size: 15px;
}






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

	#megamenu-empresa { display: none; }

}


/* MEGAMENU */

#megamenu-productos {
	position: fixed;
	width: 100%; height: 0;
	overflow: hidden;
	z-index: 99;
}

#megamenu-productos .close {
	width: 100%; height: 40px;
	position: absolute;
	bottom: 0;
}

#megamenu-productos .container {
	padding: 120px 0 0 0;
	opacity: 0;
}



#megamenu-productos .container .boxes {
	float: left;
	width: 100%;
}

#megamenu-productos .container .boxes .box {
	float: left;
	width: 16.6666666666%;
}

#megamenu-productos .container .boxes .box .border {
	position: relative;
	border: 10px solid transparent;
}

#megamenu-productos .container .boxes .box .border:hover {
	background-color: whitesmoke;
	border: 10px solid whitesmoke;
}

#megamenu-productos .container .boxes .box .border a {
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
}

#megamenu-productos .container .boxes .box .border .image {
	width: 100%; height: 125px;
    margin: 0 0 10px 0;
	border-radius: 3px;
	background-color: #d6d6d6;
	background-image: url(../images/megamenu/productos-006.jpg);
	background-position-x: center;
}

#megamenu-productos .container .boxes .box[data-product="escaglass"]     .border .image { background-position-y: 0; }
#megamenu-productos .container .boxes .box[data-product="rejillas"]      .border .image { background-position-y: -125px; }
#megamenu-productos .container .boxes .box[data-product="barandas"]      .border .image { background-position-y: -250px; }
#megamenu-productos .container .boxes .box[data-product="circulacion"]   .border .image { background-position-y: -375px; }
#megamenu-productos .container .boxes .box[data-product="estructurales"] .border .image { background-position-y: -500px; }
#megamenu-productos .container .boxes .box[data-product="torres"]        .border .image { background-position-y: -625px; }
#megamenu-productos .container .boxes .box[data-product="cercos"]        .border .image { background-position-y: -750px; }
#megamenu-productos .container .boxes .box[data-product="chapas"]        .border .image { background-position-y: -875px; }
#megamenu-productos .container .boxes .box[data-product="escaleras"]     .border .image { background-position-y: -1000px; }
#megamenu-productos .container .boxes .box[data-product="barras"]        .border .image { background-image: url(../images/megamenu/rejillas-ciegas.png); background-position-y: 0; }
#megamenu-productos .container .boxes .box[data-product="drenaje"]       .border .image { background-position-y: -1250px; }
#megamenu-productos .container .boxes .box[data-product="cubiertas"]     .border .image { background-position-y: -1375px; }

#megamenu-productos .container .boxes .box .border .title {
	width: 100%; height: 40px;
    font-size: 13px;
}






#megamenu-productos .container .links {
	float: right;
	width: 25%;
	padding: 0 0 0 50px;
}

#megamenu-productos .container .links h3 {
	margin: 0 0 30px 0;
}

#megamenu-productos .container .links a {
	font-size: 15px;
	display: block;
	padding: 10px 0;
	border-bottom: 1px solid rgba(0,0,0,.1);
}

#megamenu-productos .container .links a:hover {
	text-decoration: underline;
}







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

	#megamenu-productos { display: none; }

}


/* NAV */

#nav {
	position: fixed;
	z-index: 100;
	width: 100%; height: 60px;
	top: 15px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

#nav[data-state="compact"] {
	height: 70px;
    top: 0;
}










/* LOGO */

#nav .logo {
	position: absolute;
	top: 0; left: 0;
	width: 120px; height: 60px;
	z-index: 201;
	border-bottom-left-radius: 0;
	background-size: 100%;
}

#nav[data-state="compact"] .logo { height: 70px; }

/* THEME */

#nav[data-theme="dark"] .logo { background-image: url(../images/nav/dark-logo-v2.png); }
#nav[data-theme="dark"] .logo:hover { background-color: rgba(0,0,0,.1); }

#nav[data-theme="light"] .logo { background-image: url(../images/nav/light-logo-v2.png); }
#nav[data-theme="light"] .logo:hover { background-color: rgba(255,255,255,.1); }










/* MENU */

#nav .menu {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 60px;
	z-index: 200;
	text-align: center;
}

#nav .menu a {
	padding: 0 15px;
	display: inline-block;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	-o-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	font-size: 15px; color: #333; text-align: center;
	height: 60px; line-height: 60px;
}

#nav .menu a[data-menu="productos"],
#nav .menu a[data-menu="empresa"] { padding: 0 35px 0 15px; background-position: right 0; }

#nav[data-state="compact"] .menu a { height: 70px; line-height: 70px; }
#nav[data-state="compact"] .menu a[data-menu="productos"],
#nav[data-state="compact"] .menu a[data-menu="empresa"] { background-position: right 5px; }

/* THEME */

#nav[data-theme="dark"] .menu a { color: #333; }
#nav[data-theme="dark"] .menu a.hover { background-color: rgba(0,0,0,.1); }
#nav[data-theme="dark"] .menu a:hover { background-color: rgba(0,0,0,.1); }
#nav[data-theme="dark"] .menu a.active { border-bottom: 3px solid #333; }
#nav[data-theme="dark"] .menu a[data-menu="productos"],
#nav[data-theme="dark"] .menu a[data-menu="empresa"] { background-image: url(../images/nav/dark-down.png); }

#nav[data-theme="light"] .menu a { color: white; }
#nav[data-theme="light"] .menu a.hover { background-color: rgba(255,255,255,.1); }
#nav[data-theme="light"] .menu a:hover { background-color: rgba(255,255,255,.1); }
#nav[data-theme="light"] .menu a.active { border-bottom: 3px solid white; }
#nav[data-theme="light"] .menu a[data-menu="productos"],
#nav[data-theme="light"] .menu a[data-menu="empresa"] { background-image: url(../images/nav/light-down.png); }










/* PLUS */

#nav .plus {
	position: absolute;
	top: 15px; right: 0;
	height: 60px;
	z-index: 201;
}

#nav[data-state="compact"] .plus { top: 22px; }

#nav .plus .search,
#nav .plus .social,
#nav .plus .lang {
	display: inline-block;
	width: 25px; height: 25px; line-height: 25px;
	display: inline-block;
	cursor: pointer;
}

#nav .plus .search,
#nav .plus .linkedin,
#nav .plus .en {
	margin: 0 20px 0 0;
}

#nav .plus .social {
	border-radius: 50px;
	background-position-y: 0;
}

#nav .plus .social:hover     { background-position-y: -25px;  }
#nav .plus .social.facebook  { background-position-x: 0px;    }
#nav .plus .social.instagram { background-position-x: -25px;  }
#nav .plus .social.youtube   { background-position-x: -50px;  }
#nav .plus .social.linkedin  { background-position-x: -100px; }

#nav .plus .lang {
	font-size: 12px; font-weight: 700; text-align: center; text-transform: uppercase;
	border-radius: 4px;
}

/* THEME */

#nav[data-theme="dark"] .plus .search { background-image: url(../images/nav/dark-lens.png); }
#nav[data-theme="dark"] .plus .social { background-image: url(../images/nav/dark-social.png); }
#nav[data-theme="dark"] .plus .lang { color: #333; }
#nav[data-theme="dark"] .plus .lang:hover { background-color: rgba(0,0,0,.1); }
#nav[data-theme="dark"] .plus .lang.active { background-color: #333; color: white; }
#nav[data-theme="dark"] .plus .lang.active:hover { background-color: black; }

#nav[data-theme="light"] .plus .search { background-image: url(../images/nav/light-lens.png); }
#nav[data-theme="light"] .plus .social { background-image: url(../images/nav/light-social.png); }
#nav[data-theme="light"] .plus .lang { color: white; }
#nav[data-theme="light"] .plus .lang:hover { background-color: rgba(255,255,255,.1); }
#nav[data-theme="light"] .plus .lang.active { background-color: white; color: #333; }
#nav[data-theme="light"] .plus .lang.active:hover { background-color: white; }








/* MORE */

#nav .more {
	position: absolute;
	top: 0; right: 0;
	width: 60px; height: 70px;
	z-index: 200;
	cursor: pointer;
	display: none;
	background-size: 45px 45px;
}

/*
#nav[data-theme="dark"] .more:hover { background-color: rgba(0,0,0,.1); }
#nav[data-theme="light"] .more:hover { background-color: rgba(255,255,255,.1); }
*/

/* THEME */

#nav[data-theme="dark"] .more { background-image: url(../images/nav/dark-more-v2.png); }
#nav[data-theme="light"] .more { background-image: url(../images/nav/light-more-v2.png); }








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

	#nav {
		position: fixed;
		top: 0;
		height: 70px;
		/*
		-webkit-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.15);
       	   -moz-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.15);
                box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.25);
    	background-color: white;
    	*/
	}

	#nav .menu,
	#nav .plus { display: none; }

	#nav .logo { width: 100px; height: 70px; background-size: 90px 45px; }

	/* FIX */
	#nav[data-theme="dark"]  .logo { background-image: url(../images/nav/dark-logo-v2.png); }
	#nav[data-theme="light"] .logo { background-image: url(../images/nav/light-logo-v2.png); }
	#nav[data-theme="dark"]  .logo:hover { background-color: rgba(0,0,0,.1); }
	#nav[data-theme="light"] .logo:hover { background-color: rgba(255,255,255,.1); }

	#nav .more { display: block; }

}


/* NAV MOBILE */

#nav-mobile {
	position: fixed;
	z-index: 99;
	width: 100%;
	top: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	opacity: 0;
	height: 0;
	padding: 80px 20px 0 20px;
	overflow: hidden;
}








#nav-mobile .search {
	position: relative;
	border: 2px solid #333; border-radius: 5px;
	height: 45px;
	overflow: hidden;
	margin: 0 0 15px 0;
}

#nav-mobile .search input {
	width: 100%; height: 41px; line-height: 41px;
	border: none; outline: none;
	font-size: 17px; font-weight: 700;
	padding: 0 65px 0 15px;
}

#nav-mobile .search span {
	position: absolute;
	background-image: url(../images/nav/dark-lens.png);
    top: 0;
    width: 42px;
    height: 42px;
    right: 0;
    cursor: pointer;
}








#nav-mobile .extra {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px auto;
}

#nav-mobile .extra .social-item {
	width: 25px; height: 25px;
	background-image: url(../images/nav/dark-social.png); background-position-y: 0;
	border-radius: 50px;
    border: 5px solid #333;
    box-sizing: initial;
    margin: 0 3px;
}

#nav-mobile .extra .social-item.facebook  { background-position-x: 0; }
#nav-mobile .extra .social-item.instagram { background-position-x: -25px; }
#nav-mobile .extra .social-item.youtube   { background-position-x: -50px; }
#nav-mobile .extra .social-item.linkedin  { background-position-x: -100px; /* margin: 0 20px 0 3px; */ }

#nav-mobile .extra .lang-item {
	width: 44px; height: 42px; line-height: 41px;
	border-radius: 5px;
	font-size: 15px; font-weight: 700; color: #333; text-transform: uppercase;
	text-align: center;
	margin: 0 3px;
}

#nav-mobile .extra .lang-item.es {
	margin-left: 11px;
}

#nav-mobile .extra .lang-item.active {
	background-color: #333;
	color: white;
}








#nav-mobile .menu {
	margin: 0 0 20px 0;
}

#nav-mobile .menu a {
	display: block;
	text-align: center; text-transform: uppercase;
	border-bottom: 1px solid #333;
	height: 35px; line-height: 35px;
}

#nav-mobile .menu a:hover {
	background-color: rgba(0,0,0,.05);
}

#nav-mobile .menu a.active {
	background-color: #333;
	color: white;
}






#nav-mobile .submenu {

}

#nav-mobile .submenu a {
	margin: 0 0 8px 0; padding: 0 0 0 45px;
	width: 100%; height: 25px; line-height: 25px;
	border-radius: 5px;
	font-size: 13px; color: #333; text-align: left;
	background-image: url(../images/nav/submenu-icons.png);
	display: block;
}

#nav-mobile .submenu .submenu-preguntas { background-position: 0 0; }
#nav-mobile .submenu .submenu-downloads { background-position: 0 -25px; }
#nav-mobile .submenu .submenu-webinars  { background-position: 0 -50px; }
#nav-mobile .submenu .submenu-contacto  { background-position: 0 -75px; }

/* MAIN_TOP */

#search {
    width: 100%;
    height: 0;
    position: fixed;
    z-index: 101;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    /*
	-webkit-transition: all 200ms ease-in-out 0s;
       -moz-transition: all 200ms ease-in-out 0s;
         -o-transition: all 200ms ease-in-out 0s;
            transition: all 200ms ease-in-out 0s;
            */
    -webkit-box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.25);
    background-color: rgba(255, 255, 255, .95);
    opacity: 0;
}

#search .container {
    width: 600px;
    text-align: center;
    overflow: hidden;
    position: relative;
}

#search .container .button {
    position: absolute;
    background-color: #333;
    width: 75px;
    height: 60px;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 30px;
    color: white;
    line-height: 60px;
    font-weight: 700;
    top: 0;
    right: 0;
    cursor: pointer;
}

#search .container input {
    width: 100%;
    height: 60px;
    border-radius: 5px;
    border: 3px solid #333;
    background-color: transparent;
    margin: 0 0 10px 0;
    padding: 0 125px 0 25px;
    font-size: 20px;
    font-weight: 700;
    color: #333;
    line-height: 60px;
}

#search .container .close-indicator {
    font-size: 13px;
    text-align: right;
    margin: 0 0 20px 0;
}

#search .container .ajax-search {
    height: 255px;
    border-radius: 5px;
    /* border: 1px solid black; */
}

#search .container .ajax-search .box {
    width: 100%;
    height: 50px;
    position: relative;
    margin: 0 0 1px 0;
    border-bottom: 1px solid gray;
    position: relative;
}

#search .container .ajax-search .box a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#search .container .ajax-search .box a:hover {
    background-color: rgba(0, 0, 0, .1)
}

#search .container .ajax-search .box .image {
    width: 60px;
    height: 50px;
    background-image: url(../images/search/search-icons-002.png);
}

#search .container .ajax-search .box .image.material {
    background-position: 0 0;
}

#search .container .ajax-search .box .image.ingenieria {
    background-position: 0 -50px;
}

#search .container .ajax-search .box .image.obras {
    background-position: 0 -100px;
}

#search .container .ajax-search .box .image.productos {
    background-position: 0 -150px;
}

#search .container .ajax-search .box .image.empresa {
    background-position: 0 -200px;
}

#search .container .ajax-search .box .image.preguntas {
    background-position: 0 -250px;
}

#search .container .ajax-search .box .image.webinars {
    background-position: 0 -300px;
}

#search .container .ajax-search .box .image.downloads {
    background-position: 0 -350px;
}

#search .container .ajax-search .box .image.presupuesto {
    background-position: 0 -400px;
}

#search .container .ajax-search .box .image.dev {
    background-position: 0 -450px;
}

#search .container .ajax-search .box .text {
    padding: 5px 0 0 80px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: left;
}

#search .container .ajax-search .box .text .intro {
    font-size: 13px;
    color: #707070;
}

#search .container .ajax-search .box .text .label {
    font-size: 15px;
    font-weight: 700;
    color: #333;
}







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

    #search {
        display: none;
    }

}


/* MAIN_TOP */

#talk-now {
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 200;
	width: 100%; height: 100%;
	background-color: rgba(0,0,0,.1);
}

#talk-now[data-state="hide"] { display: none; }
#talk-now[data-state="show"] { display: table; }

#talk-now .air {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border-left: 200px solid transparent;
	border-right: 200px solid transparent;
	border-top: 100px solid transparent;
	border-bottom: 100px solid transparent;
}

#talk-now .air .content {
	background-color: rgb(255 220 30 / 90%);
	width: 100%; height: 100%;
	border-radius: 3px;
	position: relative;
}


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

	#talk-now .air {
		border-left: 30px solid transparent;
		border-right: 30px solid transparent;
		border-top: 100px solid transparent;
		border-bottom: 100px solid transparent;
	}

}












/* BAR */

#transformer {
	position: fixed;
	top: 0;
	z-index: 50;
	-webkit-transition: all 200ms ease-in-out 0s;
       -moz-transition: all 200ms ease-in-out 0s;
         -o-transition: all 200ms ease-in-out 0s;
            transition: all 200ms ease-in-out 0s;
    -webkit-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.15);
       -moz-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.15);
            box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.25);
    background-color: rgba(255,255,255,.985);
    width: 100%;
}

#transformer.close {
	height: 0;
}

#transformer.compact {
	height: 70px;
	background-color: white;
}

#transformer.search {
	height: 100%;
}

#transformer.megamenu {
	height: 550px;
}

#transformer.nav-mobile {
	height: 550px;
}


.guide-basic {
	overflow: hidden;
}



.guide-basic .guide-sidenav {
	float: left;
	width: 25%;
	margin: 0 0 50px 0; padding: 30px 50px 0 0;
}

.guide-basic .guide-sidenav h2 {
	margin: 0 0 40px 0; padding: 30px 0;
	border-bottom: 1px solid rgba(0,0,0,.1);
}

.guide-basic .guide-sidenav nav a {
	padding: 15px 25px;
	border-left: 5px solid transparent;
	cursor: pointer;
	font-size: 15px;
	display: block;
}

.guide-basic .guide-sidenav nav a:hover {
	border-left: 5px solid rgba(0,0,0,.025);
	background-color: rgba(0,0,0,.025);
}

.guide-basic .guide-sidenav nav a.active {
	border-left: 5px solid #ffdc1e;
}

.guide-basic .guide-sidenav nav a.active:hover {
	border-left: 5px solid #ffdc1e;
	background-color: rgba(0,0,0,.025);
}



.guide-basic .guide-sidebox {
	float: right;
	width: 75%; 
	background-color: white;
	margin: 0 0 50px 0;
}



.guide-basic .guide-sidebox:hover {
	-webkit-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.15);
	   -moz-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.15);
	        box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.15);
}

.guide-basic .guide-sidebox .guide-air { padding: 50px 100px 50px 50px; }

.guide-basic .guide-sidebox h4 { padding: 0 0 10px 0; }
.guide-basic .guide-sidebox h1,
.guide-basic .guide-sidebox h2 { padding: 0 0 30px 0; }





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

	.guide-basic .guide-sidenav { float: none; width: 100%; padding: 0 0 50px 0; }
	
	.guide-basic .guide-sidebox .guide-air { padding: 25px; }
	.guide-basic .guide-sidebox { float: none; width: 100%; }

}


#template-obras {
	background-position: top;
	background-size: cover;
	padding: 120px 0 200px 0;
}










#template-obras .portrait {
	width: 100%; height: 650px;
	margin: 0 0 15px 0; padding: 0 0 100px 0;
	background-size: cover;
	position: relative;
}





#template-obras .portrait .text {
	position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
    padding: 0 350px 40px 75px;
}

#template-obras .portrait .text h4, 
#template-obras .portrait .text h1, 
#template-obras .portrait .text h1 a {
	color: white;
}





#template-obras .portrait .material {
	border-radius: 50px;
	width: 230px; height: 50px;
	position: absolute;
	bottom: 40px; right: 70px;
	font-size: 13px; text-transform: uppercase;
	padding: 8px 0 0 60px;
	background-image: url(../images/obras/inside/ui-material-fiverglass-001.png);
	background-size: 50px;
	background-color: #ffdc1e;
	background-position: left;
	z-index: 2;
}

#template-obras .portrait .material span {
	font-size: 18px; font-weight: 700; text-transform: initial;
}





#template-obras .portrait .shadow {
	position: absolute;
	width: 100%;
	z-index: 1;
}

#template-obras .portrait .shadow-top {
	height: 30%;
	background: linear-gradient(rgba(0,0,0,.3) 30%,rgba(0,0,0,0) 100%);
	top: 0;
	display: none;
}

#template-obras .portrait .shadow-bot {
	height: 100%;
	background: linear-gradient(rgba(0,0,0,0) 50%,rgba(0,0,0,.5) 100%);
}





#template-obras .portrait .arrow {
	width: 54px; height: 54px;
	border-radius: 50%;
	border: 2px solid transparent;
	position: absolute;
	top: 310px;
	cursor: pointer;
	background-image: url(../images/obras/inside/ui-arrows-001.png);
	background-size: 108px 54px;
	background-color: rgba(255,255,255,.15);
	z-index: 3;
}
#template-obras .portrait .arrow:hover { background-color: rgba(255,255,255,.25); border: 2px solid white; }
#template-obras .portrait .arrow.arrow-l { left: -90px; background-position: 0 -1px; }
#template-obras .portrait .arrow.arrow-r { right: -90px; background-position: -58px -1px; }










#template-obras .main {
	background-color: white;
	margin: 0 0 15px 0; padding: 75px 200px 100px 75px;
}










#template-obras .main .text {

}

#template-obras .main .text h3 {
	padding: 0 0 10px 0;
}





#template-obras .main .blocks {
	overflow: hidden;
}

#template-obras .main .blocks .block {

}

#template-obras .main .blocks.float .nes { float: left; width: 50%; padding: 0 30px 0 0; }
#template-obras .main .blocks.float .sol { float: left; width: 50%; padding: 0 0 0 30px; }

#template-obras .main .blocks h3 {
	margin: 0 0 10px 0;
}

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

	#template-obras .main .blocks.float .nes,
	#template-obras .main .blocks.float .sol { float: none; width: 100%; }

	#template-obras .main .blocks.float .nes { padding: 0 0 15px 0; }
	#template-obras .main .blocks.float .sol { padding: 0; }

}

#template-obras .main .blocks .nes { padding: 0 0 20px 0; }
#template-obras .main .blocks .lim { padding: 0 0 20px 0; }
#template-obras .main .blocks .sol { padding: 0; }











#template-obras .info {
	background-color: whitesmoke;
	padding: 60px 200px 100px 75px;
	font-size: 15px;
}










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

	#template-obras .portrait .text { padding: 0 490px 40px 75px; }

	#template-obras .portrait .material { right: 220px; }

	#template-obras .portrait .arrow { bottom: 40px; top: initial; }
	#template-obras .portrait .arrow.arrow-l { left: initial; right: 140px; }
	#template-obras .portrait .arrow.arrow-r { right: 70px; }

}










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

	#template-obras .portrait { height: 500px; }

}










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

	#template-obras { padding: 0; }

	#template-obras .wide-main { max-width: 100%; }

	#template-obras .portrait { margin: 0; }

	#template-obras .portrait .text { padding: 0 50px 85px 25px; }

	#template-obras .portrait .text h4 { padding: 0 0 6px 0; }
	#template-obras .portrait .text h1 a { font-size: 25px; line-height: 25px; }

	#template-obras .portrait .material {
		width: 200px; height: 40px;
		bottom: 30px; left: 25px;
		background-size: 40px;
		padding: 6px 0 0 50px;
		font-size: 10px;
	}

	#template-obras .portrait .material span { font-size: 15px; }



	#template-obras .main { margin: 0; padding: 50px 30px 50px 30px; }


	#template-obras .main .menu { display: none; }


	#template-obras .info { padding: 50px 30px 50px 30px; font-size: 14px; }


	#template-obras .portrait .arrow { top: 380px; height: 40px; width: 40px; }
	#template-obras .portrait .arrow.arrow-l { left: initial; right: 70px; background-position: -9px -7px; }
	#template-obras .portrait .arrow.arrow-r { left: initial; right: 20px; background-position: -63px -7px; }

}










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


	#template-obras .portrait { height: 450px; }

	#template-obras .portrait .shadow-top { display: block; }

	#template-obras .portrait .shadow-bot { background: linear-gradient(rgba(0,0,0,0) 30%,rgba(0,0,0,.65) 100%); }


}


#template-preguntas {
	padding: 0 0 150px 0;
}


#template-productos {
	padding: 100px 0 200px 0;
	background-position-y: 0;
	background-position-x: center;
	/* background-attachment: fixed; */
}

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

	#template-productos { background-size: 1500px auto; }

}
@media screen and (max-width: 1000px) {

	#template-productos { background-size: 1000px auto; }
	#template-productos .wide-main { max-width: 100%; }

}















/* PORTRAIT */
#template-productos .portrait {
	width: 100%; height: 600px;
	position: relative;
}




#template-productos .portrait .card {
	position: absolute;
	right: 15px; bottom: 35px; left: 15px;
	z-index: 2;
	/* padding: 0 275px 0 0; */
}
#template-productos .portrait .card .breadcrumb {
	display: block;
	padding: 0 0 10px 0;
	font-size: 0.8rem;
	color: rgba(255,255,255,0.75);
}
#template-productos .portrait .card .breadcrumb a {
	color: rgba(255,255,255,0.75);
	text-decoration: underline;
}
#template-productos .portrait .card .breadcrumb a:hover {
	color: white;
}
#template-productos .portrait .card h4 {
	padding: 0 0 6px 0;
	color: white;
}
#template-productos .portrait .card h1 {
	margin: 0 0 25px 0;
}
#template-productos .portrait .card h1 a {
	font-size: 4rem; line-height: 3.5rem;
	color: white;
}
#template-productos .portrait .card .details {
	padding: 0 0 15px 0;
}
#template-productos .portrait .card .details .details-box {
	text-align: left;
	padding: 0 0 4px 0;
	font-size: 18px;
	color: white;
}

#template-productos .portrait .card .download a {
	background-color: #ffdc1e;
	border-radius: 50px;
	padding: 0 60px 0 30px;
	width: 250px; height: 50px; line-height: 50px;
	font-weight: 600; font-size: 15px;
	display: block;
	background-image: url(http://admit.com.ar/cme/4.0.4//images/productos/catalogue-icon-002.png);
	background-position: right 0;
}

#template-productos .portrait .card .download a:hover {
	background-color: white;
}

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

	#template-productos .portrait { height: 450px; }
	#template-productos .portrait .card { right: 8px; bottom: 30px; left: 8px; }

}

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

	#template-productos .portrait .card h1 { margin: 0 0 10px 0; }

	#template-productos .portrait .card h1 a { font-size: 2.2rem; line-height: 2rem; }

	#template-productos .portrait .card .download a {
		padding: 0 40px 0 30px;
		width: 200px; height: 40px; line-height: 40px;
		font-size: 13px;
		background-size: 56px 40px;
	}

}

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

	#template-productos .portrait { height: 300px; }

	#template-productos .portrait .card { bottom: 20px; }

	#template-productos .portrait .card .details {
		display: none;
	}
	#template-productos .portrait .card h4 { padding: 0; }
	#template-productos .portrait .card .details .details-box { width: 50%; padding: 15px; font-size: 14px; }
	#template-productos .portrait .card .details .details-box:nth-child(1) { border-right: 1px solid #333; }

}















#template-productos p { padding: 0 0 20px 0; }















/* BOX */
#template-productos .box {
	border: 15px solid transparent;
}
#template-productos .box .base {
	background-color: white;
	width: 100%; height: 100%;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	border-radius: 3px;
	overflow: hidden;
}
#template-productos .box .base:hover {
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,.05);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,.05);
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,.05);
}

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

	#template-productos .box { border: 8px solid transparent; }

}















/* SPECIAL */
#template-productos .box .base .special    { padding: 130px 300px; text-align: center; background-color: #fbfbfb; }
#template-productos .box .base .special h2 { padding: 0 0 20px 0; }
#template-productos .box .base .special p  { font-size: 20px; line-height: 30px; }

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

	#template-productos .box .base .special { padding: 120px 150px; }

}

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

	#template-productos .box .base .special { padding: 85px 45px; }
	#template-productos .box .base .special p { font-size: 17px; line-height: 22px; }

}















/* IMAGE_X1 */
#template-productos .image-x1 .box { width: 100%; }
#template-productos .image-x1 .box img { width: 100%; }
#template-productos .image-x1 .box .air { padding: 80px 100px; }
#template-productos .image-x1 .box .air h2 { padding: 0 0 40px 0; }

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

	#template-productos .image-x1 .box .air { padding: 65px 75px; }

}

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

	#template-productos .image-x1 .box .air { padding: 45px 50px; }

}















/* IMAGE_X2 */
#template-productos .image-x2 { display: flex; }
#template-productos .image-x2 .box { width: 50%; }
#template-productos .image-x2 .box img { width: 100%; }
#template-productos .image-x2 .box .air { padding: 80px 100px; }
#template-productos .image-x2 .box .air h2 { padding: 0 0 40px 0; }

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

	#template-productos .image-x2 { display: initial; }
	#template-productos .image-x2 .box { width: 100%; }
	#template-productos .image-x2 .box .air { padding: 65px 75px; }

}

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

	#template-productos .image-x2 .box .air { padding: 45px 50px; }

}















/* POINTS */
#template-productos .points { overflow: hidden; padding: 80px 50px 80px 50px; }
#template-productos .points .item { width: 25%; float: left; text-align: center; padding: 0 20px; }
#template-productos .points .item .icon {
	width: 150px; height: 150px;
	border-radius: 150px;
	display: inline-block;
	margin: 0 0 5px 0;
	background-size: 125px;
}
#template-productos .points .item .icon.mantenimiento { background-image: url(../images/productos/points/mantenimiento.png); }
#template-productos .points .item .icon.robustez      { background-image: url(../images/productos/points/robustez.png);      }
#template-productos .points .item .icon.aislacion     { background-image: url(../images/productos/points/aislacion.png);     }
#template-productos .points .item .icon.corrosion     { background-image: url(../images/productos/points/corrosion.png);     }
#template-productos .points .item h3 { padding: 0 0 10px 0; }

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

	#template-productos .points { padding: 70px 30px 70px 30px; }
	#template-productos .points .item { width: 50%; padding: 0 75px; }

}

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

	#template-productos .points .item { width: 100%; padding: 0; }

}















/* TEXT */
#template-productos .text { padding: 80px; }
#template-productos .text .group { padding: 0 0 40px 0; }
#template-productos .text .group:last-child { padding: 0; }
#template-productos .text .group h3 { padding: 0 0 30px 0; }
#template-productos .text .group a { color: #1570ce; font-weight: 700; }
#template-productos .text .group a:hover { text-decoration: underline; }

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

	#template-productos .text { padding: 50px; }

}















/* TABLE */
#template-productos .table { padding: 80px; }

#template-productos .table .table-title {
	text-align: center;
	padding: 0 0 40px 0;
}
#template-productos .table .table-title h2 {
	padding: 0 0 10px 0;
}




#template-productos .table .table-header {
	background-color: #e8e8e8;
	border-radius: 3px;
	/* margin: 0 0 20px 0; */
}

/* TABLE ROW */

#template-productos .table .row {
	display: flex;
}

#template-productos .table .table-rows .row:hover {
	background-color: rgba(0,0,0,.02);
}

#template-productos .table .table-rows .row.small { display: none; }
#template-productos .table .table-rows .row.wide { display: flex; }

/* TABLE COL */

#template-productos .table .table-header .row .col,
#template-productos .table .table-rows .row .col {
	padding: 20px;
	border-bottom: 1px solid #e8e8e8;
}
#template-productos .table .table-header .row .col {
	font-weight: 700;
}
#template-productos .table .table-rows .row:last-child .col {
	border-bottom: 1px solid transparent;
}

#template-productos .table .row .col.yellow {
	background-color: #ffdc1e;
	border-bottom: 1px solid #ccb019;
}
#template-productos .table .row:hover .col.yellow {
	background-color: #eecd1c;
	border-bottom: 1px solid #baa017;
}

#template-productos .table .table-flap-top .row .col.yellow {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 10px;
}
#template-productos .table .table-flap-bottom .row .col.yellow {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 10px;
}

#template-productos .table .table-rows .row .col span {
	font-weight: 700;
	padding: 0 10px 0 0;
	display: none;
}

#template-productos .table .row .col.w13 { width: 13%; }
#template-productos .table .row .col.w20 { width: 20%; }
#template-productos .table .row .col.w25 { width: 25%; }
#template-productos .table .row .col.w35 { width: 35%; }

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

	#template-productos .table .table-flap-top,
	#template-productos .table .table-flap-bottom,
	#template-productos .table .table-header { display: none; }
	#template-productos .table .table-rows .row { display: block; padding: 20px; border-bottom: 1px solid #e8e8e8; }
	#template-productos .table .table-rows .row.small { display: block; }
	#template-productos .table .table-rows .row.wide { display: none; }
	#template-productos .table .table-rows .row .col { padding: 0 0 8px 0; border-bottom: none; }

	#template-productos .table .row .col.yellow,
	#template-productos .table .row:hover .col.yellow { background-color: initial; border-bottom: none; }

	#template-productos .table .row .col.w13 { width: 100%; }
	#template-productos .table .row .col.w20 { width: 100%; }
	#template-productos .table .row .col.w25 { width: 100%; }
	#template-productos .table .row .col.w35 { width: 100%; }

	#template-productos .table .table-rows .row .col span { display: inline-block; }

}

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

	#template-productos .table { padding: 50px; }

	#template-productos .table .table-rows .row { padding: 15px; }
	#template-productos .table .table-rows .row:hover { background-color: transparent; }

	#template-productos .table .table-rows .row .col span { display: block; }

}













/* TABLE SIMPLE */
#template-productos .table-simple { padding: 80px; }

#template-productos .table-simple .table-title {
	text-align: center;
	padding: 0 0 20px 0;
}
#template-productos .table-simple .table-title h2 {
	padding: 0 0 10px 0;
}
#template-productos .table-simple .table-rows .row {
	overflow: hidden;
	padding: 20px;
	border-bottom: 1px solid rgba(0,0,0,.15);
}

#template-productos .table-simple .table-rows .row:hover {
	background-color: rgba(0,0,0,.02);
}
#template-productos .table-simple .table-rows .row:last-child {
	border-bottom: none;
}
#template-productos .table-simple .table-rows .row .col-intro {
	float: left;
	width: 35%;
	font-weight: 700;
	padding: 0 30px 0 0;
}
#template-productos .table-simple .table-rows .row .col-content {
	float: right;
	width: 65%;
}

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

	#template-productos .table-simple { padding: 50px; }

	#template-productos .table-simple h2 { text-align: left; padding: 0 0 20px 0; }

	#template-productos .table-simple p { text-align: left; }

	#template-productos .table-simple .table-rows .row { padding: 20px 0; }

	#template-productos .table-simple .table-rows .row:hover { background-color: transparent; }

	#template-productos .table-simple .table-rows .row .col-intro,
	#template-productos .table-simple .table-rows .row .col-content {
		float: none;
		width: 100%;
		padding: 0;
	}

	#template-productos .table-simple .table-rows .row .col-intro { padding: 0 0 8px 0; }

}















/* CATALOG */
#template-productos .catalog { height: 550px; }
#template-productos .catalog.top { background-size: 850px 425px; background-position: center -50px; }
#template-productos .catalog.bot { background-size: 850px 425px; background-position: center 170px; }
#template-productos .catalog .text {
	width: 80%;
	margin: 0 auto; padding: 320px 0 0 0;
	text-align: center;
}
#template-productos .catalog.top .text { padding: 320px 0 0 0; }
#template-productos .catalog.bot .text { padding: 80px 0 0 0; }
#template-productos .catalog .text h2 {
	padding: 0 0 10px 0;
}

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

	#template-productos .catalog.top { background-size: 600px 300px; background-position: center top; }
	#template-productos .catalog.bot { background-size: 600px 300px; background-position: center bottom; }
	#template-productos .catalog { height: 500px; }
	#template-productos .catalog.top .text { padding: 270px 0 0 0; }

}











/* REJILLAS */

#product-table {
	padding: 80px;
	text-align: center;
}

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

	#product-table { padding: 50px; }

}

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

	#product-table { padding: 20px; }

}






/* MODEL MENU */

#product-table .selector {
	border: 1px solid #d6d6d6;
	border-radius: 5px;
	margin: 0 0 30px 0;
	position: relative;
	cursor: pointer;
	background-image: url(../images/productos/selector-arrows.png);
}

#product-table .selector[data-display="none"] { background-position: right 0; }
#product-table .selector[data-display="block"] { background-position: right -50px; }

#product-table .selector:hover {
	background-color: #f7f7f7;
}

#product-table .selector .label {
	height: 50px; line-height: 50px;
	font-size: 1.2rem; font-weight: 700;
}

#product-table .selector .menu {
	display: none;
	background-color: white;
	border-radius: 5px;
	position: absolute;
	width: 100%;
	top: 55px;
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.15);
}

#product-table .selector .menu ul {
	list-style: none;
}

#product-table .selector .menu ul li {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #e0e0e0;
	cursor: pointer;
}

#product-table .selector .menu ul li:hover {
	background-color: #f7f7f7;
}

#product-table .selector .menu ul li.active {
	background-color: #333;
	color: white;
}

#product-table .selector .menu ul li.active:hover {
	background-color: black;
	color: white;
}







#product-table h3 { padding: 0 0 30px 0; }

#product-table .table-types { padding: 0 0 30px 0; }





#product-table .table-types .corte {
	background-color: #f2f2f2;
	border-radius: 5px;
	margin: 0 0 30px 0;
	position: relative;
}

#product-table .table-types .corte .arrows {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 1;
}

#product-table .table-types .corte .arrows div {
	position: absolute;
	width: 100px; height: 100%;
	background-image: url(../images/productos/arrows-h-100x100-001.png);
	cursor: pointer;
}

#product-table .table-types .corte .arrows div:hover {
	background-color: rgba(0,0,0,.05);
}

#product-table .table-types .corte .arrows [data-direction="back"] {
	top: 0; left: 0;
	background-position: 0 center;
}

#product-table .table-types .corte .arrows [data-direction="next"] {
	top: 0; right: 0;
	background-position: -100px center;
}

#product-table .table-types .corte .screens {
	position: relative;
	width: 100%;
	min-height: 261px;
	overflow: hidden;
}

#product-table .table-types .corte .screens [data-model] {
	position: absolute;
	width: 100%; height: 100%;
	vertical-align: middle;
	background-size: contain;
}

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

	#product-table .table-types .corte .arrows { display: none; }

}






#product-table .table-types .flaps,
#product-table .table-types .tables { overflow: hidden; padding: 0 0 30px 0; }

#product-table .table-types .concentrated,
#product-table .table-types .distributed { float: left; width: 50%; }

#product-table .table-types .concentrated { padding: 0 30px 0 0; }
#product-table .table-types .distributed  { padding: 0 0 0 30px; }





/* FLAPS WIDE / SMALL */

#product-table .table-types .flaps .concentrated .wide,
#product-table .table-types .flaps .concentrated .small {
	background-image: url(../images/productos/template/rejillas/icon-concentrated-001.jpg);
}
#product-table .table-types .flaps .distributed .wide,
#product-table .table-types .flaps .distributed .small {
	background-image: url(../images/productos/template/rejillas/icon-distributed-001.jpg);
}




/* FLAPS WIDE */

#product-table .table-types .flaps .flap .wide {
	text-align: left;
	background-position: left;
	height: 80px;
	padding: 20px 0 0 140px;
	font-weight: 700;
	font-size: 13px;
}

#product-table .table-types .flaps .flap .wide .title {
	text-transform: uppercase;
}

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

	#product-table .table-types .flaps .flap .wide { display: none; }

}






/* FLAPS SMALL */

#product-table .table-types .flaps .flap .small {
	background-position: center 16px;
	height: 130px;
	padding: 90px 0 0 0;
	font-size: 16px; font-weight: 700; text-align: center;
	display: none;
	cursor: pointer;
}

#product-table .table-types .flaps .flap .small[data-selected] {
	border-radius: 10px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

#product-table .table-types .flaps .flap .small[data-selected="true"] {
	border-top: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	border-bottom: 1px solid transparent;
}

#product-table .table-types .flaps .flap .small[data-selected="false"] {
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
	border-bottom: 1px solid #d6d6d6;
}

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

	#product-table .table-types .flaps .flap .small { display: block; }

	#product-table .table-types .flaps .concentrated,
	#product-table .table-types .flaps .distributed { padding: 0; }

}

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

	#product-table .table-types .flaps .flap .small {
		background-position: center 12px; background-size: 100px 60px;
		height: 115px;
		padding: 80px 0 0 0;
		font-size: 15px;
	}

}







/* TABLES */

#product-table .table-types .tables .row-cells {
	overflow: hidden;
	height: 28px;
}

#product-table .table-types .tables .row-text {
	height: 28px; line-height: 28px;
	background-color: #fafafa;
	font-weight: 700; font-size: 13px;
}

#product-table .table-types .tables .row-cells p {
	float: left;
	padding: 0;
	width: 11.1111111%; height: 28px; line-height: 28px;
	font-size: 15px; font-weight: 700; text-align: center;
	border: 1px solid white; border-radius: 3px;
}

#product-table .table-types .tables .row-cells p.blank { }
#product-table .table-types .tables .row-cells p.distance   { color: #5757da; }
#product-table .table-types .tables .row-cells p.load       { color: #e02424; }
#product-table .table-types .tables .row-cells p.deflection { background-color: #efe442; color: #333; }
#product-table .table-types .tables .row-cells p.important  { background-color: #e02424; color: white; }
#product-table .table-types .tables .row-cells p.dark       { background-color: #dfdfdf; }
#product-table .table-types .tables .row-cells p.light      { background-color: #f2f2f2; }

#product-table .table-types .tables .row-cells p.deflection:hover { background-color: #dfd53d; }
#product-table .table-types .tables .row-cells p.important:hover { background-color: #c12020; }

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

	#product-table .table-types .tables .row-cells p { font-size: 13px; }

}

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

	#product-table .table-types .tables .concentrated,
	#product-table .table-types .tables .distributed { float: none; width: 100%; padding-left: 0; padding-right: 0; }
	#product-table .table-types .tables .distributed { display: none; }
	#product-table .table-types .tables .row-cells p { font-size: 15px; }

}

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

	#product-table .table-types .tables .row-cells p { font-size: 11px; }

}





/* DATA */

#product-table .data { font-size: 13px; text-align: left; max-width: 350px; padding: 0; }
#product-table .data .block { padding: 10px 0; }
#product-table .data .block:nth-child(1) { border-bottom: 1px solid gray; }








/* PHOTOS */

#template-productos .photo-album {
	width: 100%; height: 700px;
	overflow: hidden;
	border-radius: 5px;
	position: relative;
}

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

	#template-productos .photo-album { height: 500px; }

}

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

	#template-productos .photo-album { height: 300px; }

}




#template-productos .photo-album .timer {
	position: absolute;
	bottom: 0;
	width: 100%; height: 5px;
	background-color: rgba(0,0,0,.2);
	z-index: 6;
}

#template-productos .photo-album .timer .bar {
	width: 0; height: 100%;
	background-color: white;
}






#template-productos .photo-album .controls {
	background-image: url(../images/productos/album/controls-shadow.png);
	background-size: 100% 100%;
	position: absolute;
	z-index: 3;
	bottom: 0;
	width: 100%; height: 160px;
}

#template-productos .photo-album .controls .buttons {
	width: 320px; height: 60px;
	position: absolute;
	top: 60px; left: 50%;
	margin-left: -160px;
}

#template-productos .photo-album .controls .buttons [data-button] {
	width: 60px; height: 60px;
	margin: 0 10px;
	float: left;
	background-image: url(../images/productos/album/controls-buttons.png);
	cursor: pointer;
	border-radius: 60px;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}

#template-productos .photo-album .controls .buttons [data-button]:hover {
	background-color: rgba(0,0,0,.25);
}

#template-productos .photo-album .controls .buttons [data-button="back"]  { background-position: 0 0; }
#template-productos .photo-album .controls .buttons [data-button="play"]  { background-position: -60px 0; }
#template-productos .photo-album .controls .buttons [data-button="pause"] { background-position: -120px 0; }
#template-productos .photo-album .controls .buttons [data-button="next"]  { background-position: -180px 0; }

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

	#template-productos .photo-album .controls { height: 100px; }

	#template-productos .photo-album .controls .buttons { width: 260px; height: 45px; margin-left: -130px; top: 25px; }

	#template-productos .photo-album .controls .buttons [data-button] { width: 45px; height: 45px; background-size: 180px 45px; }

	#template-productos .photo-album .controls .buttons [data-button="back"]  { background-position: 0 0; }
	#template-productos .photo-album .controls .buttons [data-button="play"]  { background-position: -45px 0; }
	#template-productos .photo-album .controls .buttons [data-button="pause"] { background-position: -90px 0; }
	#template-productos .photo-album .controls .buttons [data-button="next"]  { background-position: -135px 0; }

}



#template-productos .photo-album .pointer {
	position: absolute;
	z-index: 3;
	top: 15px; right: 15px;
	font-size: 15px; font-weight: 600; color: white; text-align: center;
	background-color: rgba(0,0,0,.5);
	width: 60px; height: 30px; line-height: 30px;
	border-radius: 5px;
}

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

	#template-productos .photo-album .pointer {
		top: 10px; right: 10px;
		width: 55px; height: 25px; line-height: 25px;
		font-size: 13px;
	}

}



#template-productos .photo-album .chain {
	width: 100%; height: 100%;
	position: relative;
	z-index: 1;
	left: 0;
}

#template-productos .photo-album .chain .photo {
	width: 100%; height: 100%;
	background-size: cover;
	background-position: center;
	position: absolute;
}

#template-productos .photo-album .chain .photo:nth-child(1) { left: 0; }
#template-productos .photo-album .chain .photo:nth-child(2) { left: 100%; }
#template-productos .photo-album .chain .photo:nth-child(3) { left: 200%; }
#template-productos .photo-album .chain .photo:nth-child(4) { left: 300%; }
#template-productos .photo-album .chain .photo:nth-child(5) { left: 400%; }
#template-productos .photo-album .chain .photo:nth-child(6) { left: 500%; }
#template-productos .photo-album .chain .photo:nth-child(7) { left: 600%; }
#template-productos .photo-album .chain .photo:nth-child(8) { left: 700%; }
#template-productos .photo-album .chain .photo:nth-child(9) { left: 800%; }
#template-productos .photo-album .chain .photo:nth-child(10) { left: 900%; }
#template-productos .photo-album .chain .photo:nth-child(11) { left: 1000%; }
#template-productos .photo-album .chain .photo:nth-child(12) { left: 1100%; }
#template-productos .photo-album .chain .photo:nth-child(13) { left: 1200%; }







#template-productos .product-more {
	border: 15px solid transparent;
    overflow: hidden;
}

#template-productos .product-more .block {
	float: left;
    width: 50%; height: 360px;
    display: table;
}

#template-productos .product-more .block.block-a {
	padding: 0 15px 0 0;
}

#template-productos .product-more .block.block-b {
	padding: 0 0 0 15px;
}

#template-productos .product-more .block .content {
	border: 2px solid #ececec;
	background-color: #ececec;
	border-radius: 5px;
	text-align: center;
	padding: 0 100px;
	display: table-cell;
	vertical-align: middle;
}

/*
#template-productos .product-more .block .content[data-card="ingenieria"] { background-image: url(../images/productos/more-background-ingenieria-003.jpg); }
#template-productos .product-more .block .content[data-card="material"]   { background-image: url(../images/productos/more-background-material-003.jpg);   }
#template-productos .product-more .block .content[data-card="obras"]      { background-image: url(../images/productos/more-background-obras-003.jpg);      }
#template-productos .product-more .block .content[data-card="rejillas"]   { background-image: url(../images/productos/more-background-rejillas-003.jpg);   }
#template-productos .product-more .block .content[data-card="barandas"]   { background-image: url(../images/productos/more-background-barandas-003.jpg);   }
*/

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

	#template-productos .product-more { border: 8px solid transparent; }

	#template-productos .product-more .block.block-a { padding: 0 8px 0 0; }
	#template-productos .product-more .block.block-b { padding: 0 0 0 8px; }

}

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

	#template-productos .product-more .block .content { padding: 0 40px; }

}

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

	#template-productos .product-more .block { float: none; width: 100%; }

	#template-productos .product-more .block.block-a { padding: 0 0 15px 0; }
	#template-productos .product-more .block.block-b { padding: 0; }

}

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

	#template-productos .product-more .block .content { padding: 0 30px; }

}