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

/*** GENERALES ***/

@font-face {
    font-family: 'myr_regular';
    src: url('myr_regular.woff') format('woff'),
         url('myr_regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'myr_bold';
    src: url('myr_bold.woff') format('woff'),
         url('myr_bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'myr_semibold';
    src: url('myr_semibold.woff') format('woff'),
         url('myr_semibold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'myr_light';
    src: url('myr_light.woff') format('woff'),
         url('myr_light.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

body, html {height:100%}
div, p, a, li, td {-webkit-text-size-adjust:none}
body {
	font: 17px 'myr_light', Arial, Helvetica, sans-serif;	
	color:#414042/*gris*/
}
.wrapper {
	width:96%;
	margin: 0 auto;
	position:relative;
	max-width:1360px;
	display:block;
	
}
.hidden { display: none; }
.unhidden { display: block;}
.clear {clear:both}
strong {font-family: 'myr_semibold', Arial, Helvetica, sans-serif}

section.parallax-window {height:380px;}
a.ancla {position:absolute; top:-60px;}

div#top {height:100px}

/** NAVEGACION **/

header {
	min-height:100px;
	position:fixed;
	top:0;
	width:100%;	
	z-index: 100;
	transition:ease-in 0.1s;
}
.bg-green {
	background-color:#a9ae00;
	-webkit-box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 2px 18px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 2px 18px 0px rgba(0, 0, 0, 0.25);
	transition:0.2s;
}

.bt-menu {display:none}

nav#main-nav {
	float:right;
	margin-top:45px;
}
nav#main-nav li {
	display:block;
	float: left;
	font: 17px/17px 'myr_regular', Arial, Helvetica, sans-serif;
	margin-left:30px;		
}
nav#main-nav li a#bt-industrial, nav#menu-mobile li a#bt-industrial {color:#d9ee00; font-family: 'myr_semibold', Arial, Helvetica, sans-serif;}
nav#main-nav li.social a i.fa.fa-facebook {margin-left:10px}
nav#main-nav li.social {margin-left:20px}
nav#main-nav li a {
	text-decoration: none;
	display:block;
	color:#fff;
	padding-bottom:9px;
	transition:ease-in 0.1s
}
nav#main-nav li a:hover {color:#d4d780}
nav#main-nav li.active a {
	border-bottom: 6px solid #FFF;
}
nav#main-nav li a#bt-industrial, nav#main-nav li a#bt-materiales {
	line-height: 16px;
	margin-top: -7px;
}

/** MENU MOBILE **/

nav#menu-mobile {
	text-align:center;
	padding-top:50px;	
	background-color:#a9ae00;
	padding-bottom:5px;
}
nav#menu-mobile li {margin-bottom:15px}
nav#menu-mobile li a {
	color:#FFF;
	font: 16px 'myr_regular', Arial, Helvetica, sans-serif;	
	text-decoration:none;
}
nav#menu-mobile li a:hover {color:#d4d780}

/** OBJETIVO **/

section#sec-objetivo {
	padding: 60px 0;	
	position: relative
}
section#sec-objetivo h1 {
	font:43px 'myr_semibold', Arial, Helvetica, sans-serif; 
	color:#4a2f22/*cafe*/;
	margin-bottom:15px
}
section#sec-objetivo p {
	max-width:800px; 
	width:90%; 
	margin:0 auto;
	font-size:27px;
	color:#414042/*gris*/
}

/** MARCAS **/

section#sec-marcas {
	padding: 60px 0 140px;
	background: url(../images/bg-marcas.png) repeat-x center bottom;
	position: relative
}
section#sec-marcas h1 {
	font:27px 'myr_semibold', Arial, Helvetica, sans-serif; 
	color:#4a2f22/*cafe*/; 
	margin: 60px 0 50px
}
p.logos-marcas img {
	margin:0 30px;
}

/** CERTIFICACION **/

section#sec-cert {
	padding: 60px 0;	
	height: auto;
	position: relative
}
div#txt-cert {
	max-width:800px;
	width:90%;
	background:rgba(0,0,0,0.6);
	padding:40px;
	margin:0 auto;
	box-sizing:border-box
}
section#sec-cert h1 {
	font:50px/74px 'myr_semibold', Arial, Helvetica, sans-serif; 
	color:#fff;
	margin-bottom:15px
}
section#sec-cert h1 span {
	color:#c3d600/*verde*/;
	font-size:105px
}
section#sec-cert p {
	font-size:27px;
	color:#fff;
	margin-bottom:15px;
}
section#sec-cert li {
	color:#FFF;
	font-size:19px;
}
section#sec-cert li:before {
    content: "• ";
    color: #a9ac16/*verde*/;
}

/** MATERIALES**/

section#sec-materiales, section#prorox {
	padding: 60px 0;
	background: url(../images/bg-materiales.png) repeat-x center center;
	background-size:cover;
	position: relative;
}
section#sec-materiales div.col-left, section#sec-materiales div.col-right {
	display:block;
	width:40%;
	background-color:#FFF;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.25);
	min-height:565px;
}
section#sec-materiales div.col-left {
	float:left;
	margin-left:7%;
}
section#sec-materiales div.col-right {
	float:right;
	margin-right:7%;
	display:block;
	width:40%;
}
section#sec-materiales h1 {
	display:block;
	background-color:#c3d600/*verde*/;
	font:36px/68px 'myr_semibold', Arial, Helvetica, sans-serif; 
	color:#fff;
	text-indent:25px
}
section#sec-materiales li, section#prorox li, section#proroxindustrial li {
	font-size:19px;
	margin:25px;
}
section#sec-materiales li:before, section#prorox li:before, section#proroxindustrial li:before {
    content: "• ";
    color: #c3d600/*verde*/;
}

/** CONTACTO **/

section#sec-contacto {
	padding: 60px 0;
	position: relative
}
section#sec-contacto h1 {
	font:27px 'myr_semibold', Arial, Helvetica, sans-serif; 
	color:#4a2f22/*cafe*/; 
	margin: 60px 0 50px
}
section#sec-contacto iframe {
	float:left;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	height:480px;
	width:53%;
	margin-left:4%;
}
section#sec-contacto div.col-right {
	float:right;
	width:22%;	
	margin-right:12%;
}
section#sec-contacto img#logo-color {
	width:100%;
	max-width:290px;
	margin:0 auto;
	display:block;
}
section#sec-contacto h1 {
	font:35px 'myr_semibold', Arial, Helvetica, sans-serif; 
	color:#4a2f22/*cafe*/;
	margin-bottom:15px;
}
section#sec-contacto p {
	font-size:17px;
	color:#414042/*gris*/;
	margin-bottom:15px;
	margin-top:10px
}
section#sec-contacto p a {
	color:#414042/*gris*/;
	text-decoration:none;
}
section#sec-contacto i {
	color:#a9ac16/*verde*/;
	margin-right:10px;
}
section#sec-contacto table {margin:0 auto}
section#sec-contacto td {vertical-align:middle}

div#final {
	background-color:#a9ac16/*verde*/;
	display:block;
	height:20px
}

/*** INDUSTRIAL ***/

/** ROXUL 1 **/
section#roxul1, section#roxul2 {margin:40px auto; max-width:1170px}
section#roxul1 img#img-roxul1 {
	float:left;
	width:33%;
	margin-right:4%;
}
section#roxul1 img#img-roxul2 {
	width:36%; 
	min-width:200px;
	margin-bottom:40px;
}
section#roxul1 h2 {
	font:32px 'myr_semibold', Arial, Helvetica, sans-serif; 
	color:#4a2f22/*cafe*/;
	margin-bottom:40px;
	width: 48%;
	float:left;
}
section#roxul1 ul {float:left; width:33%}
section#roxul1 li {font-size:27px}
section#roxul1 li:before {
    content: "• ";
    color: #a9ac16/*verde*/;
}
section#roxul1 img#img-roxul3 {
	width:28%; 
	float:right;
}

/** ROXUL 2 **/

section#roxul2 h2, section#rpr2 h2 {
	font:43px 'myr_semibold', Arial, Helvetica, sans-serif; 
	color:#4a2f22/*cafe*/;
	margin-bottom:30px;
}
section#roxul2 ul {
	max-width:650px;
	margin:0 auto 30px;
}
section#roxul2 li, section#rpr1 li {font-size:27px}
section#roxul2 li:before, section#rpr1 li:before, section#rpr3 li:before {
    content: "• ";
    color: #a9ac16/*verde*/;
}
section#roxul2 img#img-roxul4 {
	width:22%;
	min-width:200px;
	margin-bottom:30px;
}
section#roxul2 p.logos img {
	margin:0 30px;
}

/** PROROX **/

section#prorox img {
	float:left;
	margin-left:7%;
	display:block;
	width:44.5%;
}
section#prorox div.col-right {
	float:right;
	margin-right:7%;
	display:block;
	width:35.5%;
	background-color:#FFF;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.25);
}
section#prorox h1 {
	display:block;
	background-color:#c3d600/*verde*/;
	font:36px/36px 'myr_semibold', Arial, Helvetica, sans-serif; 
	padding: 16px 25px 16px 25px;
	color:#fff;
}
section#prorox span{
	display:block;
	margin-left:35%;
	margin-bottom:10%;
	padding-top:0.5%;
}
section#prorox span img{
	width: 300px;
	height: 70px;
}
/** PROROX 2 **/

section#prorox2, section#rpr3 {
	padding: 40px 0 140px; 
	background: url(../images/bg-marcas.png) repeat-x center bottom;
}
section#prorox2 div.col-left {
	float:left;
	display:block;
	width:48%;
}
section#prorox2 img {
	float:right;
	display:block;
	width:52%;
	max-width:549px;
}
section#prorox2 h2 {
	font:36px 'myr_semibold', Arial, Helvetica, sans-serif; 
	color:#a9ae00/*verde obscuro*/;
	margin-bottom:40px;
}
section#prorox2 td {font-size:27px; vertical-align:middle; padding-bottom:20px}

section#prorox2 td span {
	display:block;
	height:36px;
	width:36px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	background-color:#c3d600;
	text-align:center;
	color:#FFF;
	font-family:'myr_semibold', Arial, Helvetica, sans-serif; 
	box-sizing:border-box;
	padding-top:4px;
	margin-right:15px;
}

/** RPR 1 **/

section#rpr1 {padding-top:40px; max-width:1170px}

section#rpr1 img#img-rpr1 {
	width:30%; 
	max-width:400px; 
	min-width:200px;
	margin-bottom:30px;
}
section#rpr1 h2, section#rpr3 h2 {
	font:35px 'myr_semibold', Arial, Helvetica, sans-serif; 
	color:#4a2f22/*cafe*/;
	margin-bottom:40px;
}
section#rpr1 div.col-left {
	width:85%;
	display:block;
	margin-bottom:40px;
}
section#rpr1 div.col-left img {
	float:left;
	margin-right:20px;
	width:32%;
	margin-bottom:15px
}
section#rpr1 div.col-left h2 {
	margin-bottom:20px;
}
section#rpr1 ul {margin-bottom:20px}
section#rpr1 p {font-size:20px}

section#rpr1 img#img-rpr3 {
	float:right;
	margin-top:-70px;
	width:10%;
	max-width:143px;
}

/** RPR 2 **/

section#rpr2 {
	padding: 40px 0;
	background: url(../images/bg-04.jpg) no-repeat left top;
}
section#rpr2 div.wrapper {max-width:1170px}
section#rpr2 div.col-right {
	width:60%;
	float:right;
}
section#rpr2 div.col-right img {width:100%; display:block}

/** RPR 3 **/

section#rpr3 div.wrapper {max-width:1170px}
section#rpr3 div.wrapper img {
	float:left;
	width:27%;
	margin-right:6%;
	margin-bottom:20px;
}
section#rpr3 div.wrapper div.col-right {
	float:left;
	max-width:523px;
	width:44%;	
}
section#rpr3 p {font-size:27px; margin-bottom:30px}
section#rpr3 li {font-size:20px}

/** proroxindustrial **/
section#proroxindustrial img {
	float:left;
	margin-left:7%;
	display:block;
	width:44.5%;
}
section#proroxindustrial div.col-right {
	float:right;
	margin-right:7%;
	display:block;
	width:35.5%;
	background-color:#FFF;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.25);
}
section#proroxindustrial h1 {
	display:block;
	background-color:#c3d600/*verde*/;
	font:36px/36px 'myr_semibold', Arial, Helvetica, sans-serif; 
	padding: 16px 25px 16px 25px;
	color:#fff;
}
section#proroxindustrial span{
	display:block;
	margin-left:35%;
	margin-bottom:10%;
	padding-top:0.5%;
}
section#proroxindustrial span img{
	width: 300px;
	height: 70px;
}

.centerRockwoolIE {
  display: block;
  margin-left: auto;
  margin-right: 50px;
  padding-left: 50px;
  padding-right: auto;
  width: 60%;
}

/** Details productos */
section#details {
	padding: 60px 0;
	background: url(../images/bg-materiales.png) repeat-x center center;
	background-size:cover;
	position: relative;
}

section#proroxDetail {
	padding: 40px 0 140px;
	padding-bottom:80px;
	background-size: auto 60px; 
}

#titleDetails {
	font: 36px 'myr_semibold', Arial, Helvetica, sans-serif;
	color: #a9ae00;
}
.right-half {
	float: right;
  	right: 0px;
  	width: 50%;
}
.left-half {
	float: left;
  	right: 0px;
  	width: 50%;
}
section#proroxDetail img {
	margin-left: 80px;
	width: 500px;
	height: 400px;
}
.tdMedioV {
	font-size: 20px;
	padding-top: 20%;
	vertical-align: middle;
}
.brochourIncon {
	margin-top: 20px !important;
	margin-left: 0 !important;
	width:  50px !important;
	height: 50px !important;
}

.banda {
	background-color: #fff;
	height: 100px;
}

.clearSpace {
	height: 15px;
}

.centerdv {
  margin: auto;
  width: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
}

/*** MEDIA QUERIES ***/


@media screen and (min-width: 1360px)  {
	nav#menu-mobile {display:none}
}

@media screen and (min-width: 781px) and (max-width: 1360px) {
	nav#menu-mobile {display:none}
	p.logos-marcas img {height:100px; margin-bottom:15px}
	
	/*** INDUSTRIAL ***/
	
	/** ROXUL 1 **/
	section#roxul1 h2 {
		font:28px 'myr_semibold', Arial, Helvetica, sans-serif; 
	}
	section#roxul1 li {font-size:23px}
	
	/** ROXUL 2**/	
	section#roxul2 p.logos img {height:60px; margin-bottom:15px}
}
@media screen and (min-width: 781px) and (max-width: 930px) {
	nav#main-nav li {
		font: 14px/14px 'myr_regular', Arial, Helvetica, sans-serif;
		margin-left:20px;		
	}
}
@media screen and (max-width: 780px) { 
	.bt-menu {
		display: block;
		color: #FFF;
		text-decoration: none;
		float:right;
		margin-top:20px;
		margin-left:20px;
	}
	.bt-menu i.fa-bars {margin-left:10px}
	
	div#top {height:60px}
	
	header {min-height:60px}
	nav#main-nav {display:none}	
	
	/** OBJETIVO **/

	section#sec-objetivo h1 {font-size:32px}
	section#sec-objetivo p {font-size:18px}
	
	/** MARCAS **/
	
	img#logo-color {width:200px}
	p.logos-marcas img {height:70px; margin-bottom:15px}
	section#sec-marcas, section#prorox2, section#rpr3 {
		padding-bottom:80px;
		background: url(../images/bg-marcas.png) repeat-x center bottom;
		background-size: auto 60px;
	}
	
	/** CERTIFICACION **/
	
	div#txt-cert {padding: 20px}
	section#sec-cert h1 {font:32px/50px 'myr_semibold', Arial, Helvetica, sans-serif}
	section#sec-cert h1 span {font-size:66px}
	section#sec-cert p {font-size:18px}
	section#sec-cert li {font-size:14px}
	
	/** MATERIALES **/
	
	section#sec-materiales div.col-left, section#sec-materiales div.col-right, section#prorox img, section#proroxindustrial img, section#prorox div.col-right, section#proroxindustrial div.col-right, section#prorox2 div.col-left, section#prorox2 img {
		float:none;
		width:90%;
		margin:auto;
		clear:both;
		padding-bottom:5px;
		min-height:auto;
	}
	section#sec-materiales div.col-left, section#prorox img, section#proroxindustrial img, section#prorox2 div.col-left {
		margin-bottom:40px;
	}
	section#sec-materiales h1, section#prorox h1, , section#proroxindustrial h1 {
		font:24px/52px 'myr_semibold', Arial, Helvetica, sans-serif; 
	}
	section#sec-materiales li, section#prorox li, section#proroxindustrial li, section#prorox2 div.col-left li {
		font-size:16px;
		margin: 20px 25px;
	}
	
	/** CONTACTO **/
	section#sec-contacto iframe {
		float:none;
		width:100%;
		margin:0 auto 40px;
		clear:both;
	}
	section#sec-contacto div.col-right {
		float:none;
		width:90%;
		margin:auto;
		clear:both;
	}
	section#sec-contacto img#logo-color {width:200px}
	
	/*** INDUSTRIAL ***/
	
	/** ROXUL 1 **/
	
	section#roxul1 img {
		margin-right:auto!important;
		margin-left:auto!important;
		display:block;
		float:none!important;
	}
	section#roxul1 img#img-roxul1 {display:none}
	section#roxul1 img#img-roxul2 {margin-bottom:20px}
	section#roxul1 h2, section#rpr1 h2 {		
		font:28px 'myr_semibold', Arial, Helvetica, sans-serif; 
		margin-bottom:20px;
		width: 100%;
		float:none;
	}
	section#roxul1 ul {float:none; width:100%; margin-bottom:20px}
	section#roxul1 li, section#roxul2 li, section#prorox2 td, section#rpr1 div.col-left li, section#rpr3 div.col-right p {font-size:23px}	
	section#roxul1 img#img-roxul3 {width:auto}
	
	/** ROXUL 2 **/
	section#roxul2 h2, section#prorox2 h2, section#rpr2 h2, section#rpr3 h2 {font-size:28px; margin-bottom:20px} 
	section#roxul2 p.logos img {height:50px; margin-bottom:15px}
	
	/** RPR1 **/
	
	section#rpr1 div.col-left {width:100%}
	section#rpr1 div.col-left p, section#rpr3 div.col-right li {font-size:16px}
	section#rpr1 div.col-left img {
		max-width:352px; 
		margin:0 auto 20px; 
		display:block; 
		float:none; 
		width:100%
	}
	section#rpr1 img#img-rpr3 {display:none}
	
	/** RPR2 **/

	section#rpr2 {background:none; padding:0; margin-bottom:40px}
	section#rpr2 div.col-right, section#rpr3 div.wrapper div.col-right {width:100%;	float:none}
	section#rpr2 div.col-right img {max-width:705px}
	
	/** RPR3 **/
	
	section#rpr3 div.wrapper img {
		max-width:310px; 
		margin:0 auto 20px; 
		display:block; 
		float:none; 
		width:100%
	}
	
}