/*
font-family: 'Nunito Sans', sans-serif;
font-family: 'Josefin Sans', sans-serif;
font-family: 'Roboto', sans-serif;
*/

.texto-parrafo {
   font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    text-align: left;
}
.conte-img img {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    vertical-align: top;
}

.titulo-campa {
    position: relative;
    font-size: 50px;
    line-height: 50px;
   font-family: 'Josefin Sans', sans-serif;
    font-weight: bold;
    width: 100%;
}






.datos-arriba{
	position: relative;
	width: 100%;
	background: #004a95;
}
.telefono-arriba img{
	position: relative;
	width:24px;
	margin-right: 5px;
}

.telefono-arriba {
	position: relative;
	font-weight: 600;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 16px;
}


.datos-centro{
	position: relative;
	background: #182e7a;
	width: 100%;
}
.link-redes img{
	position: relative;
	width: 24px;
	margin-right: 10px;
}
.datos-abajo{
	position: relative;
	width: 100%;
	background: #fff;
}

.logo-arriba{
	position: relative;
	width: 350px;
}
.datos-abajo h2 img{
	position: relative;
	width: 80px;
	margin-right: 10px;
}
.datos-abajo h2{
	position: relative;
	font-size: 40px;
	line-height: 40px;
	font-weight: 900;
	font-family: 'Nunito Sans', sans-serif;

}

.contenedor-slider2{
	position: relative;
	width: 100%;
	height: 100vh;
	background-image: url("../imagenes/fondo.jpg");
	background-position:50% 50%;
	background-size: cover;
	background-color: rgba(49,93,250,0.6);
}
.contenedor-slider2 .filtro{
	background:rgba(49,93,250,0.60);
	position: relative;
	width: 100%;
	height: inherit;
}

.lado-derecho{
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}


.lado-izquierdo h2{
	position: relative;
	width: 100%;
	text-align: justify;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 45px;

}

.caja-de h3{
	position: relative;
	margin-left: 10px;
	font-size:20px;
	line-height: 20px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

.lado-derecho .azul{
	position: relative;
	background:#004a95;
	height: 50vh;
}
.lado-derecho .image{
	position: relative;
	height: 50vh;
	width: 100%;

}
.lado-derecho .image img{
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: top;
}

.azul h2{
	font-weight: 600;
	font-family: 'Nunito Sans', sans-serif;
	font-size:30px;
}
.azul p{
	font-size:16px;
	line-height: 16px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

.descarga img{
	position: relative;

}

.btn-descarga{
	position: relative;
	background: #182e7a;
	display: inline-block;
	padding: 14px;
	border-radius: 4px;
	font-size: 20px;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	text-decoration: none;
	transition: .3s;
}
.btn-descarga:hover{
	background: #7d99fb;
	transition: .3s;
}
.descarga h3{
	position: relative;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	font-size: 40px;
	line-height: 40px;
}
.btn-descarga img{
	position: relative;
	width: 20px;
}


.contenedor-categorias{
	position: relative;
	width: 100%;
	height: 100vh;
	background-image: url("../imagenes/fondo22.jpg");
	background-position:50% 50%;
	background-size: cover;
	background-color: rgba(49,93,250,0.6);
}
.contenedor-categorias .filtro{
	background:rgba(49,93,250,0.60);
	position: relative;
	width: 100%;
	height: inherit;
}

.contenedor-categorias h2{
	position: relative;
	width: 100%;
	text-align: center;
	font-size: 50px;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
}

.caja-cate{
	position: relative;
	height: 220px;
	width: 100%;
}
.caja-cate img{
	position: relative;
	width: 220px;
	height: 220px;
	border-radius: 50%;
}
.caja-cate .filtro{
	position: absolute;
	width: 220px;
	height: 220px;
	background:rgba(49,93,250,0.30);
	border-radius: 50%;
	
	z-index: 1001;
}
.caja-cate .filtro h3{
	position: relative;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
	font-size: 24px;

}

.segunda-categoria{
	position: relative;
	background:#f2f2f2;
	width: 100%;
	height: 100vh;
}

.sc-image{
	position: relative;
	
	background-repeat: no-repeat;
	background-size: cover;
	height: 50vh;
}
.scimg1{
	background-image: url("../imagenes/banda-metalica-rodillo.jpg");
	background-position:50% 50%;
}
.scimg2{
	background-image: url("../imagenes/banda-alimantos.png");
	background-position:50% 50%;
}
.scimg3{
	background-image: url("../imagenes/banda-metalica-galletera.png");
	background-position:50% 50%;
}
.sc-texto{
	position: relative;
	height: 50vh;
	background: #fff;
}
.sc-texto h3{
	position: relative;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 20px;
	line-height: 20px;
}
.scimg1{
	position: relative;
}

.slider-videos{
	position: relative;
	
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100vh;
	background-image: url("../imagenes/fondo3.jpg");
	
}
.contenedor-slider{
	position: relative;
	width: 90%;
	
	height: 75vh;
	
	
	
}
.slider-videos h3{
	position: relative;
	width: 100%;
	text-align: center;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 45px;
	line-height: 45px;
}
.flechas{
	position: absolute;
	width: 100%;
	height: inherit;
	bottom: 0px;
	left: 0px;
}
.contenedor-vi{
	position: relative;
	
	height: inherit;
	overflow-y: hidden;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
	overflow-x: hidden;
	
}
.flechas img{
	position: relative;
	width: 60px;
	cursor: pointer;
	z-index: 1002;

}
.flechas #fle-izq{
	left: -60px;
}
.flechas #fle-der{
	right: -60px;
}
.contenedor-slider iframe{
	position: relative;
	
	width: 100%;
	min-height: 400px;
	z-index: 1000;

}
.cc{
	padding: 0px;
}
@media screen  and (max-width: 992px){
	.datos-abajo h2 img{
		width: 60px;
	}
	.datos-abajo h2{
		font-size: 30px;
		line-height: 30px;
	}
	.contenedor-slider2{
		height: auto;
	}
	.lado-izquierdo h2,.contenedor-categorias h2,.slider-videos h3{
		font-size: 40px;

	}
	.descarga h3{
		font-size: 35px;
		line-height: 35px;
	}
	.contenedor-categorias,.segunda-categoria,.slider-videos{
		height: auto;
	}
	.cas{
		margin-top: 16px;
	}
	.cont-se{
		padding: 16px;
	}
	.contenedor-slider{
		width: 80%;
		height: 75vh;
	
	}
	.flechas img{
		width: 35px;
	}
	.flechas #fle-izq{
		left: -60px;
	}
	.flechas #fle-der{
		right: -60px;
	}
	.image2{
		order: 4;
	}
	.titulo-campa {
 		font-size: 40px;
    	line-height: 40px;
	}
}
@media screen  and (max-width: 768px){

	.telefono-arriba img{
		width:20px;
	}
	.telefono-arriba {
		font-size: 13px;
	}
	.lado-izquierdo h2,.contenedor-categorias h2,.slider-videos h3{
		font-size: 35px;

	}
	.caja-de img{
		width: 30px;
	}
	.caja-de h3{
		font-size:16px;
		line-height: 16px;
	}
	.ima2{
		order: 4;
	}
	.descarga .img-descarga{
		margin-top: 16px;

	}
	.flechas #fle-izq{
		left: -40px;
	}
	.flechas #fle-der{
		right: -40px;
	}
	.texto-parrafo {
	 	font-size: 20px;
    	line-height: 20px;
	}	

	.titulo-campa {
 		font-size: 35px;
    	line-height: 35px;
}
@media screen  and (max-width: 576px){
	.telefono-arriba {
		margin-top: 10px;
	}
	.logo-arriba{
		margin-top: 16px;
	}
	.lado-izquierdo h2,.contenedor-categorias h2,.slider-videos h3{
		font-size: 30px;

	}
	
	.descarga h3{
		font-size: 30px;
		line-height: 30px;
	}
	.btn-descarga{
		padding: 10px;
		font-size: 16px;
	}
	.btn-descarga img{
		width: 16px;
	}
	.contenedor-slider{
		width: 90%;
		height: 90vh;
	
	}
	.flechas #fle-izq{
		left: -30px;
	}
	.flechas #fle-der{
		right: -30px;
	}
	.sc1{
		order: 2;
	}
	.sc2{
		order: 1;
	}
	.sc3{
		order: 3;
	}
	.sc4{
		order: 4;
	}
	.sc5{
		order: 6;
	}
	.sc6{
		order: 5;
	}
	.texto-parrafo {
	 	font-size: 16px;
    	line-height: 16px;
	}	
}