body{
	margin: 0px;
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300&family=Montserrat:wght@200&display=swap" rel="stylesheet">;
}

/* Menu */
.pantalla{
	display: none;
	background-color: rgba(64, 83, 95, 0.4); 
	width: 100%;
	height: 1000px;
	position: absolute;
	z-index: 2;
}
.view-menu{
	display: none;
	background-color: #cdcfcf;
	width: 40%;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 3001;
}
.view-menu a{
	text-decoration: none;
	color: #43525f;
}
.view-menu img{
	margin: 8px 0px 8px 60%;
	cursor: pointer;
}
.view-menu li{
	list-style: none;
	padding: 9px;
}
.list-menu{
	font-family: "GothamBlack Regular";
	font-size: 20px;
	font-weight: bold;
}
.sublist-menu{
	font-family: 'GothamThin Regular', sans-serif;
}
.sublist-menu{
	font-size: 20px;
	font-weight: 100;
}
/* Header */
.header{
	background-color: #14141d;
	background-position: center center;
	background-repeat: no-repeat;
	height: 545px;
	color: #FFF;
}
.header iframe{
	width: 100%;
	height:545px;
	position: absolute;
	z-index:1000;
	top:0px;
}
.top-bar{
	/*background-color: rgba(32, 32, 47, 0.6);  es la sombra de la barra del navegacion del index*/
	height: 82px;
	width: 100%;
	position: fixed; /*tenia fixed */
	z-index: 3000; /*tenia 3000*/
}
.top-bar-c{
	max-width: 1000px; 
	margin: 0 auto;
	padding-top: 10px;
}
.menu{
	float: right;
	padding-top: 20px;
	cursor: pointer;
	
}
.menu span{
	font-size: 12px;
	
}
.menu img{
	vertical-align: middle;
}
.slide{
	padding: 155px 10% 5px 10%;
	position:absolute;
	z-index:1000;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.medium{
	font-family: "GothamBold Regular";
}
.leyend{
	font-family: "GothamBlack Regular";
	color: #c50203;
	font-size: 100px;
	font-weight: 900;
	padding-bottom: 20px;
}
.leyend span{
	color: #FFF;
}
.btn{
	font-family: "GothamBlack Regular";
	border: 2px solid white;
	padding: 8px 30px 8px 30px;
	border-radius: 2px;
	text-decoration: none;
	color: #FFF;
	text-align: center;
}
.btn:active{
	position:relative;
	top:1px;
}
.arrow{
	padding-top: 70px;
}
/* SubMenu */
.submenu{
	max-width: 1000px;
	margin: 0 auto;
}
.subitem{
	width: 197px;
	width: 163px;
	display: inline-block;
	height: 100px;
	cursor: pointer;
	margin-top: -5px;
	text-align: center;
}
.subitem img{
	padding-top: 35px;
}
.subitem .inactive{
	opacity: 0.4;
	filter: alpha(opacity=40); /* For IE8 and earlier */
}
.subitem-detalles{
	text-align: left;
	display: none;
	background-color: #44555e;
	z-index: 2000;
	position: absolute;
	width: 80%;
	height:310px;
	padding: 15px 10% 15px 10%;
	margin: 0px -10% 0px -10%;
	color: #FFF;
	top: 205px;
	left: 10%;
}
.subitem-detalles-c{
	max-width: 1000px;
	margin: 0 auto;
	padding: 15px 0% 15px 0%;
}
.detalles-descripcion{
	width: 35%;
	float: left;
}
.detalles-descripcion h1{
	font-family: "GothamBlack Regular";
	font-size: 40px;
	color: #d83526;
	margin: 0px;
}
.detalles-descripcion p{
	font-family: Georgia;
	font-style: italic;
	font-weight: bold;
	width: 80%;
	margin-bottom: 50px;
}
.detalles-news{
	width: 25%;
	float: left;
}
.detalles-news .imagen {
	display:block;
	width:160px;
	height:120px;
	background-position:center center;
	background-repeat:no-repeat;
	margin:25px 0 0 0;
}
.detalles-news p{
	font-size: 15px;
}
.detalles-news a {
	color:#fff;
	text-decoration:none;
}
.detalles-productos{
	width: 40%;
	float: left;
}
.detalles-producto{
	width: 50%;
	float: left;
	font-size: 15px;
}
.detalles-producto-2{
	width: 49%;
	float: right;
	font-size: 15px;
	text-align: right;
}
.detalles-producto .imagen, .detalles-producto-2 .imagen {
	display:block;
	width:120px;
	height:120px;
	background-position:center center;
	background-repeat:no-repeat;
	margin:5px 0 0 0;
}
.detalles-producto-2 p{
	text-align: left;
	padding-right: 40px;
}
/* Slider */


.video_fondo{
	max-width: 100%;
	margin: 0 auto;
    
}

/* ternium
.video_fondo {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
box-sizing: border-box;
padding: 0;
margin: 0;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
min-width: 100%;
min-height: 100%;
z-index: 2;
}
*/

.slider-b{
	background-color: white;
	/* background-color: #506371;  Este es el Anterior se cambia junto con la clase .perl*/ 
	height: 300px;
}
.pel{
	position: absolute;
	width: 100%;
	left: 0px;
	background-color: white;
	/*background-color: rgba(255,255,255, 0.5); Estan ligados los dos .slider-b se cambian juntos*/
	height: 300px;
}
.slider-c{
	max-width: 1000px;
	margin: 0 auto;
}
.slider-f{
	background-color: whitesmoke;
	/* background-color: #a8b1b8; */
	height: 300px;
	overflow: hidden;
	position: relative;
}

.pel-l{
	position: absolute;
	width: 9.5%;
	left: 0px;
	height: 300px;
	z-index: 2;
	background-color: rgba(255,255,255, 0.5);
}
.pel-r{
	position: absolute;
	width: 10.5%;
	right: 0px;
	height: 300px;
	z-index: 2;
	background-color: rgba(255,255,255, 0.5);
}
.slider-f .container-f .slide-item-f {
	display: inline-block;
	margin-left: -4px;
	vertical-align: top;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.slide-item-f{
	text-align: center;
}
.slide-item-f div{
	text-align: left;
	width: 75%;
	padding-left: 10%;
	color: #FFF;
}
.slide-item-f div h1{
	font-family: "GothamBlack Regular";
}
.slide-item-f div p{
	font-family: Georgia;
	font-style: italic;
	font-size: 20px;
	font-weight: bold;
}
.btn-red{
	background-color: #dd0000;
}
.arrows{
	max-width: 1000px;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.left-f, .right-f{
	position: absolute;
	width: 40px;
	cursor: pointer;
	z-index: 3;
	margin-top: 125px;
}
.left-f{
	left: -20px;
}
.right-f{
	right: -20px;
}
/* Footer */
.footer{
	background-color: #eeeeee;
	margin: 0 auto;
	padding: 15px 0% 15px 0%;
	color: #40535f;
}
.footer-c{
	max-width: 1000px;
	margin: 0 auto;
 	padding: 15px 0% 15px 0%;
}
.col{
	width: 24%;
	display: inline-table;
}
.footer h4{
	font-family: "GothamBlack Regular";
	padding-left: 36px;
}
.footer h5{
	padding-left: 36px;
}
.footer a{
	color: #606e77;
	text-decoration: none;
	display: block;
	font-size: 14px;
	padding: 5px;
	margin-left: 31px;
}
.cols{
	margin-top: 40px;
	display: inline-table;
}
.cols.w25 {
	width:23%;
}
.cols.w50 {
	width:50%;
	text-align:center;
}
.txt-r{
	text-align: right;
}
.btn-con{
	border: 1px solid white;
	color: #FFF !important;
	background-color: #3f5360;
	width: 176px;
	height: 26px;
	margin-top: 25px;
	font-size: 18px !important;
}
.u{
	text-decoration: underline !important;
}
.social{
	display: inline-block !important;
	margin: 0px !important;
}
/**/
.main{
	padding: 40px 0px 40px 0px;
}

.mas{
	float: right;
	background-color: #dd0000;
}
.resp{
	display: none;
}

.go_top {
	display:none;
	width:47px;
	height:12px;
	background:url(../img/go-top.png) 0 0 no-repeat;
	opacity:0.5;
	opacity:1;
	filter:alpha(opacity=50);
	filter:alpha(opacity=100);
	font-size:10px;
	color:#000;
	text-align:center;
	text-decoration:none;
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:1000;
	padding:35px 0 0 0;
}
.go_top:hover {
	opacity:1;
	filter:alpha(opacity=100);
}


@media (max-width: 1250px) {
	.slider-f, .pel {
	height: 300px;
	}
}
@media (max-width: 1850px) {
	.slider-f, .pel {
	height: 300px;
	}
}
@media (max-width: 640px) {
	.slide {
		padding: 120px 10% 5px 10%;
	}	
	.view-menu{
		background-color: white;
		width: 100%;
		top: 0;
		right: 0;
	}
	.menu span {
		display: none;
	}
	.arrow{
		display: none;
	}
	.resp{
		display: block;
		color: #FFF;
	}
	.resp h1{
		margin: 0px;
		width: 70%;
		font-family: "GothamBlack Regular";
	}
	.resp h2{
		width: 60%;
		font-family: Georgia;
		font-style: italic;
	}
	.resp .banner-productos{
		background-image: url(../img/banner-r/banner-productos.jpg);
		background-position: center;
		height: 201px;
		padding: 50px;
	}
	.resp .banner-certificacion{
		background-image: url(../img/banner-r/banner-certificacion.jpg);
		background-position: center;
		height: 201px;
		padding: 50px;
	}
	.resp .banner-responsabilidad{
		background-image: url(../img/banner-r/banner-responsabilidad.jpg);
		background-position: center;
		height: 201px;
		padding: 50px;
	}
	.contacto-r{
		background-color: #3e5260;
		padding: 30px;
		text-align: center;
		margin: 0 auto;
		font-size: 40px;
	}
	.btn{
		border: 2px solid #FFF;
	}
	.footer{
		display: none;
	}
	.list-footer{
		background-color: #eee;
		list-style: none;
		padding: 0px;
		margin: 0px;
		font-size: 40px;
		font-family: "GothamBlack Regular";
	}
	.list-footer li{
		border-bottom: 1px solid #3f525f;
		padding: 20px;
	}
	.list-footer a{
		color: #3f525f;
		text-decoration: none;
	}
	.social{
		text-align: center;
		border-bottom: 1px solid #3f525f;
		padding: 20px;
		display: block !important;
	}
	.copy{
		text-align: center;
		color: #3f525f;
	}
	.copy h2{
		width: 100%;
		font-style: normal !important;
		font-family: 'GothamThin Regular', sans-serif;	
	}
	.copy a{
		text-align: center;
		color: #3f525f;
	}
	.submenu{
		display: none;
	}
	.slider{
		height: 100px;
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	.left, .right{
		position: absolute;
		top: 27%;
		width: 40px;
		cursor: pointer;
	}
	.left{
		left: 15px;
	}
	.right{
		right: 15px;
	}
	.slider .container {
		white-space: nowrap;
	}
	.slider .container .slide-item {
		display: inline-block;
		margin-left: -4px;
		vertical-align: top;
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: 20%;
	}
	.slide-item{
		padding-top: 35px;
		text-align: center
	}

	.slide-item div{
		text-align: center;
		width: 49%;
		display: inline-block;
	}
	.slider-b{
		display: none;
	}
	.pel{
		display: none;
	}
}
@media (max-width: 400px) {
	.menu {
		float: right;
	}
	.contacto {
		background-color: #3e5260;
		padding: 30px;
		text-align: center;
		margin: 0 auto;
		font-size: 25px;
	}
	.contacto-r .btn{
		font-size: 22px;
	}
	.leyend {
		color: #c50203;
		font-size: 80px;
		font-weight: 900;
		padding-bottom: 20px;
	}
	.resp h2 {
		width: 90%;
	}
}