* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "Poppins";
}

.contenedor-icono i {
	transition: all 0.5s;
}

.contenedor-icono i:hover {
	transform: scale(1.2);
}

.font-rojo {
	color: #0070BF;
}

.color-plomo {
	color: #6f6f6f;
}

.color-amarillo {
	color: #f9bf20;
}

.fondo-amarillo {
	background-color: #FF741D;
}
.fondo-rojo {
	background-color: #0070BF;
}

.fondo-plomo {
	background-color: #252525;
}

.fondo-contactanos {
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../img/fondo-contactanos.jpg);
	background-size: cover;
	/*primero se da la posición en x y luego en y*/
	background-position: center top; 
}

.fondo-productos-piezas {
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../img/fondo-contactanos.jpg);
	background-size: cover;
	/*primero se da la posición en x y luego en y*/
	background-position: center top; 

}

.fondo-productos-estructuras-metalicas {
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../img/corte-con-plasma-1.jpg);
	background-size: cover;
	/*primero se da la posición en x y luego en y*/
	background-position: center bottom; 
}

.fondo-productos-spools {
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../img/fondo-contactanos.jpg);
	background-size: cover;
	/*primero se da la posición en x y luego en y*/
	background-position: center top; 
}

.fondo-servicios-mecanizado {
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../img/fondo-contactanos.jpg);
	background-size: cover;
	/*primero se da la posición en x y luego en y*/
	background-position: center top; 
}

.fondo-servicios-mantenimiento-reparacion {
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../img/fondo-contactanos.jpg);
	background-size: cover;
	/*primero se da la posición en x y luego en y*/
	background-position: center top; 
}



.body {
	background-color: #332;
}

/*inicio estilos de header donde va logo y teléfonos*/
.header1 {
	display: flex;
	padding-left: 50px;
	padding-right: 50px;
	background-image: url("../img/fondo.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	
}

.header1-contenedor-logo {
	width: 20%;
	display: flex;
	padding-top: 18px;
	padding-bottom: 18px;
	text-align: left;
	transition: all 0.8s;
}


.contenedor-header1-derecho {
	display: flex;
	width: 80%;
	flex-direction: row;
	justify-content: flex-end;
	
}

.img-logo-header1 {
	width: 80%;
}

.contenedor-de-texto-icono {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-right: 10px;
	margin-left: 10px;
}

.contenedor-icono { 
	margin-left: 10px;
	margin-right: 10px;
	font-size: 35px;

}

.contenedor-texto{
	font-family: "Poppins";
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 5px;
	color: #fff;
	
}

.contenedor-texto h3 {
	font-size: 14px;
	font-weight: 400;
	color: #fff;
}

.contenedor-texto h3 a {
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	text-decoration: none;
}
/*fin header1*/

/*incio MENÚ OCULTO*/

#btn-menu {
	display: none;
}

.contenedor-menu-principal label {
	display: none;
	width: 50px;
	height: 30px;
	padding-left: 10px;
}

.contenedor-menu-principal label:hover {
	cursor: pointer;
	background: rgba(0,0,0,0.3);
}
/*fin de MENÚ OCULTO*/


/*Menú principal*/
.header2 {
	background-image: url("../img/fondo-de-menu.jpg");
	background-size: cover;
	padding-left: 50px;
	padding-right: 50px;
	line-height: 69px;
	display: flex;
}

.contenedor-menu-principal {
	/*se cambió el display flex por display block para que funcione el menú oculto*/
	display: block; 
	width: 83%;
}


.lista-de-redes {
	list-style: none;
	display: flex;
}
.redes-sociales {
	width: 	17%;
}

.redes-sociales ul {
	padding-left: 20px; 
}
.redes-sociales li{
	padding-right: 20px; 
}

.redes-sociales a {
	color: #fff;
}

.menu-principal ul {
	list-style: none;
	
}

.menu-principal ul li {
	display: inline-block;
}

.redes-sociales-2 {
	display: none;
}

.menu-principal ul li a {
	text-decoration: none; 
	font-family: "Poppins"; 
	color: #fff; 
	padding-left: 17px;
	padding-right: 17px;
	padding-top: 23px;
	padding-bottom: 23px;
	font-size: 16px;
	font-weight: 600;
	border: 1px solid rgba(255,255,255,0.1);
	border-top-width:0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	transition: all 0.7s;
}

.menu-principal ul li a:hover {
	border-bottom: 4px solid rgba(0, 106, 255, 1);
	
}

.contenedor-principal {
	background-image: url("../img/fondo-principal.jpg");
	background-position: center;
	background-size: cover;
	height: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}

.contenedor-texto-1 {
	max-width: 1200px;
	padding-top: 50px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
}

.contenedor-centrador{
	max-width: 700px;
	
}
.lema { 
	font-size: 20px;
	text-align: center; 
	line-height: 15px;
	letter-spacing: 1px; 
	color: #fff; 
	text-transform: uppercase;
	

}

.lema ul {
	list-style: none;
}

.lema ul li {

	line-height: 24px;
	

}
.lema ul li a {
	font-family: "Roboto";
	font-weight: 900;
	
}

.nombre-de-empresa {
	font-size: 73px;
	line-height: 85px;
	font-weight: 600;
	text-align: center;
	margin-top: 20px;
}

.descripcion {
	text-align: center;
	width: 100%;
	margin-top: 20px;
	font-family:"Open Sans";
	font-size: 21px;
	line-height: 19px;
	font-weight: 400;
	opacity: 1;
}

.boton {
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center;
}

.boton ul {
	list-style: none;
}

.boton ul li {
	padding:10px;

}
.boton ul li a {
	text-decoration: none;
	color: #fff;
	background-color: #0070BF;
	padding: 15px;
	font-weight: 400;
}

.boton ul li a:hover {
	/*background-color: rgba(247,13,26,0.8);*/
	color: #000;
}
.contenedor-2 {
	background-color: #0070BF;
	padding-top: 50px;
	padding-bottom: 50px;
	display: flex;
	justify-content: center;
}


.contenedor-2-izquierdo {
	width: 35%;
}

.contenedor-2-izquierdo h2 {
	color: #fff;
	font-weight: 600;
	font-size: 30px;
	margin-bottom: 5px;
	line-height: 45px;
}

.contenedor-2-izquierdo p {
	color: #fff;
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 0px;
	line-height: 28px;

}


.contenedor-2-derecho{
	width: 20%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.contenedor-2-derecho a { 
	color: #e7e7e7; 
	text-decoration: none; 
	border-width: 3px; 
	border-style: solid; 
	border-color: #e7e7e7; 
	padding: 12px 30px 12px 30px;
	border-radius: 30px;
	transition: all 0.5s;
}

.contenedor-2-derecho a:hover{
	background-color: #fff;
	color: #666	;

}

.contenedor-3 {
	display: flex;
	justify-content: center;
	margin-top: 80px;
	margin-bottom: 50px;
}

.contenedor-3-central {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

}

.contenedor-3-cabecera-blanca {
	text-align: center;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	max-width: 70%;
}


.contenedor-3-cabecera-blanca h2{
	color: #232323;
	margin-bottom: 5px;
	font-size: 35px;
	line-height: 45px;
	font-weight: 600;	
}

.contenedor-3-cabecera-blanca p {
	padding-top: 10px;
	font-size: 15px;
	line-height: 28px;
	color: #494949;
}

.contenedor-3-caja-imagenes {
	max-width: 1250px;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	padding-left: 20px;
	padding-right: 20px;
	/*width: 75%;*/

}

.caja-con-comentarios {
	margin-bottom: 30px;
	max-width: 33.33%;
	padding-left: 15px;
	padding-right: 15px;

}

.cita-caja-con-comentarios {
	margin-top: 20px;
	max-width: 100%;
}

.cita-caja-con-comentarios h4 {
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: 600;
}

.cita-caja-con-comentarios a {
	color: #232323;
	text-decoration: none;
	font-size: 20px;
	font-weight: 600;
	line-height: 28px;
	text-align: left;
	transition: all 0.8s;	
}

.cita-caja-con-comentarios a:hover {
	color: #e7232d;
}

.cita-caja-con-comentarios p {
	color: #6f6f6f;
	font-family: "Poppins", "San-Serif";
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 5px;
	align-items: center;

}

.caja-con-comentarios-imagenes {
	max-width: 100%;
	overflow: hidden;
	display: flex;
	
}

.caja-con-comentarios-imagenes img {
	width: 100%;
	border-radius: 5px;
}

.footer-top	{
	background-image: url(../img/bgfooter.png);
	background-color: #1c1c1c;
	background-size: contain;
	background-position: center;
	padding: 80px 0px 20px 0px;
}

.footer-top-contenedor-general {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	max-width: 1200px;
	padding-left: 15px;
	padding-right: 15px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.footer-top-widget {
	width: 20%;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 40px;
	font-size: 16px;
	font-weight: 400;
	font-family: "Poppins";
	color: #b0b0b0;
	text-transform: uppercase;
}

.footer-top-widget h5{
	color: #fff;
	font-weight: 600;
	line-height: 24px;
	font-size: 18px;
	margin-bottom: 30px;
	margin-top: 0px;
	display: block;
}

.footer-top-widget li {
	margin-bottom: 20px;
	padding-left: 40px;
	position: relative;
	list-style: none;
	line-height: 22px;
	font-size: 13px;
	list-style: none;
}

.footer-top-widget i {
	position: absolute;
	text-align: center;
	left: 0px;
	top: 5px;
	text-align: center;
	font-size: 22px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
}

.footer-top-widget p {
	text-align: left;
}

.footer-top-widget-2 {
	width: 25%;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 40px;
	font-size: 16px;
	font-weight: 400;
	font-family: "Poppins";
	color: #b0b0b0;
	
}

.footer-top-widget-2 h5{
	color: #fff;
	font-weight: 600;
	line-height: 24px;
	font-size: 18px;
	margin-bottom: 30px;
	margin-top: 0px;
	display: block;
	text-transform: uppercase;
}

.footer-top-widget-2 ul {
	list-style: none;
}

.footer-top-widget-2 li{
	padding: 10px 10px 10px 15px;
	font-size: 13px;
}

.footer-top-widget-2 a{
	text-decoration: none;
	color: #b0b0b0;
}

.footer-bottom {
	background-color: #1c1c1c;
	padding: 25px 0px;
	color: #b0b0b0;
	font-size: 14px;
	border-top: 1px solid rgba(255,255,255,0.05);
}

.footer-bottom-contenedor-general {
	max-width: 1200px;
	padding-right: 15px;
	padding-left: 15px;
	margin-left: auto;
	margin-right: auto;
	text-transform: uppercase;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.footer-bottom-widget-left {
	width: 50%;
}

.footer-bottom-widget-rigth {
	width: 50%;
	display: flex;
	justify-content: right;
}

.contenedor-4 {
	display: flex;
}

.contenedor-4-izquierdo {
	background-color: #0070BF;
	width: 50%;
	display: flex;
	justify-content: center;
	padding: 100px 30px;
}

.contenedor-4-izquierdo-caja-de-texto {
	display: flex;
	flex-wrap: wrap;
}

.contenedor-4-izquierdo-caja-de-texto h2 {
	font-size: 50px;
	line-height: 60px;
	font-weight: 500;
	color: #fff;
	font-family: Poppins;
	margin-bottom: 25px;
	text-align: left;

}

.parrafo-contenedor-4 {
	font-size: 16px;
	font-weight: 300;
	line-height: 28px;
	margin-bottom: 24px;
	color: rgba(255, 255, 255,.75);
	padding: 12px 0px;
}

.contenedor-4-derecho {
	width: 50%;
	background-image: url('../img/control-dimensional.jpg');
	background-size: cover;
	background-position: center;	
}

.boton-3 {
	display: flex;
}


.boton-3 a {
	font-size: 13px;
	font-weight: 600;
	line-height: 18px;
	margin: 20px 0px 0px 0px;
	padding: 12px 30px;
	border-radius: 5px;
	font-family: "Poppins";
	background-color: #fff;
	text-decoration: none;
	color: #777;
	transition: all 0.5s;

}

.boton-3 a:hover {
	background-color: rgba(0,0,0,0.2);
	border: 2px solid #fff;
	color: #fff;
}

.subcontenedor-footer ul li p a {
	color: #b0b0b0;
	text-decoration: none;
}
/*inicio pagina productos*/
/*inicio contenedor de banner*/

.contenedor-de-seccion-con-imagen {
	/*background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../img/bg2.jpg);*/
	/*background-size: cover;*/
	/*primero se da la posición en x y luego en y*/
	/*background-position: center top; */

	

}

.contenedor-de-banner {
	display: flex;
	justify-content: center;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 0px;
	max-width: 1200px;

}

.banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 70%;
	color: #fff;
	height: 150px;
	
}

.banner h1 {
	font-weight: 600;
	text-transform: capitalize;
	font-size: 40px;
	height: 45px;
	font-family: 'Poppins';
}

.ruta {
	width: 50%;

}
.ruta ul {
	list-style: none;
	text-align: right;
}

.ruta ul li {
	display: inline;
}

.ruta ul li a {
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	height: 18.4px;
}

/*fin contenedor de banner*/

/*inicio contenedores contenido de productos*/

.contenedor-de-seccion {
	padding-top: 50px;
	padding-bottom: 50px;
}

.contenedor-central {
	max-width: 1200px;
	padding-right: 15px;
	padding-left: 15px;
	margin-left: auto;
	margin-right: auto;
	
}

.contenedor-columna-1 {
	max-width: 25%;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 30px;

}

.contenedor-columna-1 .widget-sidebar ul {
	list-style: none;
	display: block;

}

.contenedor-columna-1 .widget-sidebar ul li {

}

.contenedor-columna-1 .widget-sidebar ul li a {
	display: block;
	margin: 15px 0px;
	padding: 15px 15px;
	text-decoration: none;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 600;
	color: #000;
	border: 1px solid rgba(0,0,0,0.1);
	box-shadow: 5px 12px 20px 0px rgba(0,0,0,0.05);
	border-radius: 4px;
	transition: all 0.5s;
}

.contenedor-columna-1 .widget-sidebar ul li a:hover {
	background-color: #6f6f6f;
	color: #fff;
}

.contenedor-columna-1 .descarga-archivos {
	margin-top: 30px;
	padding: 25px;
	border-style: none;
	border-width: 1px;
	border-radius: 4px;
	background-color: #0070BF;
	color: #fff;
	
}
.contenedor-columna-1 .descarga-archivos1 {
	margin-top: 30px;
	padding: 25px;
	border-style: none;
	border-width: 1px;
	border-radius: 4px;
	background-color: #13B91B;
	color: #fff;
	
}
.contenedor-columna-1 .descarga-archivos h4 {
	margin-bottom: 25px;
	font-size: 20px;
	line-height: 28px;
}
.contenedor-columna-1 .descarga-archivos1 h4 {
	margin-bottom: 25px;
	font-size: 20px;
	line-height: 28px;
}
.contenedor-columna-1 .descarga-archivos ul {
	list-style: none;
}
.contenedor-columna-1 .descarga-archivos1 ul {
	list-style: none;
}
.contenedor-columna-1 .descarga-archivos ul li {
	display: block;
	padding: 10px 10px;
	background-color: #000;
	border-radius: 4px;
	margin-bottom: 10px;
	text-align: center;
}
.contenedor-columna-1 .descarga-archivos1 ul li {
	display: block;
	padding: 10px 10px;
	background-color: #000;
	border-radius: 4px;
	margin-bottom: 10px;
	text-align: center;
	}
.contenedor-columna-1 .descarga-archivos ul li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	
}
.contenedor-columna-1 .descarga-archivos1 ul li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	
}
.contenedor-columna-2 {
	max-width: 75%;
	margin:0px 0px 30px 0px;
	padding-right: 15px;
	padding-left: 15px;
	display: flex;
}

.contenedor-fila {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.contenedor-fila-2 {
	display: flex;
	flex-wrap: wrap;
}

.contenedor-columna-2 .contenedor-fila-2 {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}

.contenedor-columna-2 .contenedor-fila-2 .contenedor-columna-izquierda {
	/*display: flex;*/
	width: 50%;
	padding-right: 15px;
	padding-left: 15px;
	
}

.contenedor-columna-2 .contenedor-fila-2 .contenedor-columna-izquierda .caja .imagen-de-caja img {
	max-width: 100%;
	margin-bottom: 20px;
	border-radius: 4px;	
}

.contenedor-columna-2 .contenedor-fila-2 .contenedor-columna-izquierda .info-de-caja h4 {
	color: #232323;
	margin-bottom: 15px;
	font-size: 22px;
	font-weight: 600;
}

.contenedor-columna-2 .contenedor-fila-2 .contenedor-columna-izquierda .info-de-caja p {
	color: #6f6f6f;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 20px;
	text-align: justify;

}

.contenedor-columna-2 .contenedor-fila-2 .contenedor-columna-derecha {
	width: 50%;
	padding-right: 15px;
	padding-left: 15px;
}

.contenedor-columna-2 .contenedor-fila-2 .contenedor-columna-derecha .caja .imagen-de-caja img {
	max-width: 100%;
	margin-bottom: 20px;
	border-radius: 4px;
}

.contenedor-columna-2 .contenedor-fila-2 .contenedor-columna-derecha .info-de-caja h4 {
	color: #232323;
	margin-bottom: 15px;
	font-size: 22px;
	font-weight: 600;
}

.contenedor-columna-2 .contenedor-fila-2 .contenedor-columna-derecha .info-de-caja p {
	color: #6f6f6f;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 20px;
	text-align: justify;
}

p span {
	font-weight: 600;
}

.fila {
	display: flex;
	padding-top: 15px;
	padding-bottom: 15px;
	/*flex-wrap: wrap;*/

}

.espaciador {
	padding: 0px 15px;
	margin-bottom: 30px;
	width: 25%;
	display: flex;
}
.espaciador1 {
	padding: 0px 15px;
	margin-bottom: 30px;
	width: 50%;
	display: flex;
}
.box {
	padding: 30px 20px;
	border-width: 1px;
	border-style: solid;
	border-color: #ebedf2;
	font-size: 14px;
	text-align: center;
	border-radius: 4px;
	line-height: 1.5;
	height: auto;
	align-self: stretch;
	width: 100%;
	background-color: #fff;
}

.box h5 {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 10px;
	color: #232323;
}

.box p {
	font-size: 14px;
	color: #6f6f6f;
	font-weight: 400;
	line-height: 28px;
}

.icono {
	font-size: 60px;
	color: #0070BF;
}

.logo-2 {
	display: none;
}

.contenedor-izquierdo-1 {
	width: 50%;
	padding-right: 10px;
	padding-left: 10px;	
}

.contenedor-derecho-1 {
	width: 50%;
	padding-right: 10px;
	padding-left: 10px;	
}

.contenedor-derecho-1 img {
	width: 100%;
	}

.nuestra-historia span {
	color: #ff5e14;
	font-size: 22px;
	line-height: 33px;
	margin-bottom: 10px;
	/*text-transform: uppercase;*/
}

.nuestra-historia h2 {
	font-size: 50px;
	line-height: 70px;
	font-weight: 400;
	margin-bottom: 20px;
}


.nuestra-historia .texto-naranja {
	font-family: 'Playfair display';
	font-style: italic;
	font-size: 50px;
	line-height: 70px;
	font-weight: 400;
}

.nuestra-historia h4 {
	font-size: 26px;
	line-height: 40px;
	font-weight: 500;
	margin-bottom: 15px;
	color: #999;
}

.nuestra-historia p {
	font-size: 16px;
	line-height: 32px;
	font-weight: 400;
	color: #000;
	margin-bottom: 24px;
	text-align: justify;
}

.nuestra-historia ul {
	padding-left: 25px;
	margin-bottom: 24px;
	line-height: 32px;
}

.nuestra-historia ul li a {
	text-decoration: none;
	color: #000;
	transition: all 0.5s;
}
.nuestra-historia ul li a:hover {
	color: #0070BF;
	font-size: 20px;
	padding: 3px 8px;
	background-color: #ddd;
	border-radius: 4px;
}

.contenido-icono p a {
	color: #6f6f6f;
	font-size: 14px;
	text-decoration: none;
}


/*1300px*/
@media screen and (max-width: 1300px) {
	.header2 {
		background-image: url("/img/fondo-de-menu-2.jpg");

	}

	.menu-principal a {

		font-size: 14px;
	}

	.header1-contenedor-logo {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	.header1 {
		padding-left: 35px;
		padding-right: 35px;
		height: auto;
	}

	.img-logo-header1 {
		width: 100%;
	}
	
	.contenedor-texto{
		font-size: 14px;
	}

	.nombre-de-empresa {
		font-size: 65px;
		line-height: 80px;
	}
	


}

/*1200*/
@media screen and (max-width: 1200px) {
	.contenedor-2 {
		flex-wrap: wrap;
	}

	.contenedor-2-izquierdo {
		width: 80%
	}

	.contenedor-2-izquierdo h2 {
		font-size: 25px;
		line-height: 40px;
	}

	.contenedor-2-derecho {
		width: 80%;
		justify-content: center;
		margin-top: 20px;
	}
	
	.contenedor-3-cabecera-blanca h2 {
		font-size: 30px;
		line-height: 40px;

	}

	.contenedor-3-cabecera-blanca {
		font-size: 13px;
		line-height: 25px;

	}
	.contenedor-3-caja-imagenes {
		flex-direction: column;
		align-items: center;

	}
	
	.caja-con-comentarios {
		max-width: 90%;
		overflow: hidden;
	}
	
	.contenedor-4 {
		flex-direction: column;
	}
	.contenedor-4-izquierdo {
		width: 100%;
		padding: 50px 50px;
	}

	.contenedor-4-derecho {
		width: 100%;
		height: 300px;	
	}

	.nombre-de-empresa {
		font-size: 60px;
		line-height: 70px;
	}

	.contenedor-central {
		max-width: 960px;
	}
	.espaciador {
		width: 50%;
	}

	.fila {
		flex-wrap: wrap;
	}
}

/*1010*/
@media screen and (max-width: 1050px) {

	

	.header1 {
		display: none;
	}
	

	.header2 {
		padding-left: 0px;
		padding-right: 0px;
		background: #252525;
		display: flex;
		margin-bottom: -10px;
	}
	

	.contenedor-menu-principal label{
		display: block;
		background-color: #252525;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	
	.menu-principal {
		position: absolute;
		background: #202020;
		width: 70%;
		margin-top: 20px;
		margin-left: -70%;
		transition: all 0.5s;
	}

	.menu-principal ul {
		flex-direction: column;
	}
	
	.menu-principal ul li {
		text-align: center;
		border-top: 1px solid rgba(255,255,255,0.1);
	}

	.menu-principal ul li a{
		border-left:  none;
	}

	#btn-menu:checked ~ .menu-principal {
		margin-left: 0px;
		/*margin-top: 560px;*/
	}

	.redes-sociales {
		/*display: none;*/
	}
	
	.contenedor-4-izquierdo {
		width: 100%;
		padding: 30px 30px;
	}

	.contenedor-4-derecho {
		width: 100%;
		height: 500px;
	}
	
	.caja-con-comentarios {
		max-width: 95%;
		overflow: hidden;
	}
	

	/*cambio de letras en banner de paginas de productos*/
	.banner {
		display: block;
		text-align: center;
		
	}

	/*se hace que el texto se centre en el banner y en doble fila*/
	.ruta {
		width: 100%;

	}

	.ruta ul {
		text-align: center;
	}

	.contenedor-columna-1{
		max-width: 42%;
		
	}

	.contenedor-columna-2 {
		max-width: 58%;
		/*flex-wrap: wrap;*/
	}

	.contenedor-fila {
		flex-wrap: wrap;
		width: 100%;
	}


	/*contenedor-fila es el que está dentro de contenedor-columna-2 
	no el que contiene a columna 1 y columna 2*/

	.contenedor-columna-2 .contenedor-fila-2 {
		flex-wrap: wrap;
	}

	.contenedor-columna-izquierda {
		max-width: 100%;
		flex:0 0 100%;
	}

	.contenedor-columna-derecha {
		max-width: 100%;
		flex:0 0 100%;
	}

	.contenedor-central {
		max-width: 720px;
	}

	.logo-2 {
		display: block;
		padding-top: 10px;
		margin: 0px;
		text-align: center;
		
	}

	.logo-2 img {
		width: 80%;
	}
	.redes-sociales {
		display: none;
	}
	
	.redes-sociales-2 {
		display: block;
		text-align: center;
		border: 1px solid rgba(255,255,255,0.1);
		padding-top: 20px;
		padding-bottom: 20px;
		
	}
	
	.menu-principal ul li {
		display: block;
	}
	.menu-principal .redes-sociales-2 ul li {
		display: inline-block;
		border-style: none;
	}

	
	.lista-de-redes-2 ul li {
		display: inline-block;
	}

	.contenedor-izquierdo-1 {
		width: 100%;

	}
	.contenedor-derecho-1 {
		width: 100%;
	}

	.nuestra-historia h2 {
	font-size: 36px;
	line-height: 46px;
	}

	.nuestra-historia .texto-naranja {
	font-size: 36px;
	line-height: 46px;	
	}

	.nuestra-historia h4 {
		font-size: 20px;
		line-height: 30px;	
	}
}


/*800px*/
@media screen and (max-width: 800px){
	.footer-top-contenedor-general {
		flex-direction: row;
		justify-content: center;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.footer-top-widget {
		min-width: 250px;
	}

	.footer-top-widget-2 {
		min-width: 120px;
	}
	.contenedor-3-cabecera-blanca h2 {
		font-size: 30px;
		line-height: 35px;
	}

	.contenedor-3-caja-imagenes {
		padding-left: 15px;
		padding-right: 15px;
	}

	.caja-con-comentarios {
		max-width: 	100%;
		padding-left: 0px;
		padding-right: 0px;
	}

	.parrafo-contenedor-4 {
		margin: 0px;
		padding: 0px;
	}

	.footer-bottom-widget-left {
		width: 100%;
	}
	
	.footer-bottom-widget-right {
		width: 100%;
	}
	.footer-bottom-contenedor-general {
		justify-content: center;
	}

	.footer-bottom-widget-left {
		text-align: center;
		margin-bottom: 15px;	
	}
	
	.footer-bottom-widget-right {
		text-align: center;
	}

	.nombre-de-empresa {
		font-size: 40px;
		line-height: 50px;
	}

	.contenedor-principal {
		height: 600px;
	}

	.contenedor-texto-1 {
		width: 90%;
		display: block;
		/*flex-direction: column;*/
		/*flex-wrap: wrap;*/
	}

	.contenedor-central {
		max-width: 540px;
	}
	
	.contendor-central .contenedor-fila {
		justify-content: center;
	}
	.contenedor-central .contenedor-fila .contenedor-columna-1 {
		/*display: block;*/
		max-width: 100%;
		padding-left: 0px;
		padding-right: 0px;
		flex-grow: 1;
	}

	.contenedor-central .contenedor-fila .contenedor-columna-1 .widget-sidebar {
		max-width: 100%
	}
	
	.contenedor-columna-2 {
		max-width: 100%;
		flex-grow: 1;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	/*para que el banner ocupe el 100%*/
	.banner {
		display: flex;
		flex-direction: column;
		justify-content: center;
		flex-grow: 1;
		padding: 0px 0px;
	}

	.contenedor-de-seccion-con-imagen .contenedor-de-banner .banner	 h1 {
		font-size: 24px;
		line-height: 28px;	
		margin-top: 0px;
		margin-bottom: 10px;
	}
	.contenedor-de-seccion-con-imagen .contenedor-de-banner .banner .ruta ul li {
		font-size: 14px;
		font-weight: 500;
	}

	.contenedor-de-seccion-con-imagen .contenedor-de-banner .banner .ruta ul li a {
		font-size: 14px;
		font-weight: 500;
	}

	.espaciador {
		width: 100%;
	}
}


@media screen and (max-width: 380px){
	.footer-top-widget {
		min-width: 100%;
	}

	.footer-top-widget-2 {
		min-width: 50% ;
	}
	
	.nombre-de-empresa {
		font-size: 30px;
		line-height: 30px;
	}
}