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

/* Generales */
@font-face{
	font-family: 'baloo';
	font-weight: 500;
	src: url("../fonts/baloo/Baloo2-Medium.ttf");
}

@font-face{
	font-family: 'Opensans';
	font-weight: 300;
	src: url("../fonts/Open_Sans/OpenSans-Light.ttf");
}
@font-face{
	font-family: 'Opensans';
	font-weight: 400;
	src: url("../fonts/Open_Sans/OpenSans-Regular.ttf");
}
@font-face{
	font-family: 'Opensans';
	font-weight: 600;
	src: url("../fonts/Open_Sans/OpenSans-SemiBold.ttf");
}
@font-face{
	font-family: 'Opensans';
	font-weight: 700;
	src: url("../fonts/Open_Sans/OpenSans-Bold.ttf");
}

html, body{
	font-family: 'Opensans', sans-serif;
	font-size: 1rem;
	color: #333333;

}
/* Tipografía */
h1, .h1{
	font-family: 'baloo', sans-serif;
	font-weight: 500;
	font-size: 3.25rem; /* 52px */
}

h2, .h2{
	font-family: 'opensans', sans-serif;
	font-weight: 600;
	font-size: 2rem; /* 32px */
	color: #1d100b;
}

h3, .h3{
	font-family: 'opensans', sans-serif;
	font-weight: 400;
	font-size: 1.625rem; /* 26px */
	color: #1d100b;
}

h4, .h4{
	font-family: 'opensans', sans-serif;
	font-weight: 400;
	font-size: 1.25rem; /* 20px */
}

h5, .h5{
	font-family: 'opensans', sans-serif;
	font-weight: 400;
	font-size: 0.875rem; /* 14px */
}

/* colores */
.blanco{
	color:#FFFFFF;
}
.verde{
	color: #5ab224;
}

.marron{
	color: #26130F;
}

.bg-blanco{
	background: #FFFFFF;
}
	
.bg-verde{
	background: #5ab224;
}

.bg-marron{
	background: #26130F;
}

.bg-beighs{
	background: #efefef;
}

.borde-blanco{
	border: 1px solid #FFFFFF;
}
	
.borde-verde{
	border: 1px solid #00a850;
}

.borde-marron{
	border: 1px solid rgba(21,16,11,0.50);
}

/* fondos - imágenes */

.slide .carousel-item{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.slide .carousel-item .row{
	height: 580px;
}

.slider1{
	background: url("../images/hiro_web_cotizacion.jpg");
}

.slider2{
	background: url("../images/hiro web catalogo.jpg");
}

.slider3{
	background: url("../images/hiro_web_productos.jpg");
}

.opacidad{
	background: rgba(0,0,0,0.3);
	height: 100%;
}

/* enlaces y botones */

	.btn-marron{
		color: #FFFFFF;
		background: #26130F;
		border: 1px solid #26130F;
		font-weight: 600;
	}
	
	.btn-marron:hover{
		color: #26130F;
		background: #FFFFFF;
		border: 1px solid #26130F;
		font-weight: 600;
	}

	.btn-blanco{
		color: #FFFFFF;
		background:rgba(255,255,255,0.00);
		border: 1px solid #FFFFFF;
		font-weight: 600;
	}
	
	.btn-blanco:hover{
		color: #FFFFFF;
		background: #1d100b;
		border: 1px solid #FFFFFF;
		font-weight: 600;
		text-decoration: none;
	}

	.link-marron{
		color: #1d100b;
		border: 1px solid #1d100b;
		font-weight: 600;
	}

	.link-marron:hover{
		color: #FFFFFF;
		background: #5ab224;
		border: 1px solid #5ab224;
		font-weight: 600;
	}

.link-blanco{
	color: #FFFFFF;
}

.link-blanco:hover{
		color: #FFFFFF;
		text-decoration: none;
	}


	.vertical{
		vertical-align: middle;
	
	}

	.btn-marron-list{
		color: #26130F;
		border: 1px solid #26130F;
		font-weight: 600;
		height: 40px;
	}
	
	.btn-marron-list:hover{
		color: #FFFFFF;
		background: #26130F;
		font-weight: 600;
		text-decoration: none;
	}

.btn-marron-act-list{
		color: #FFFFFF;
		background: #26130F;
		font-weight: 600;
		height: 40px;
	}

.btn-marron-act-list:hover{
		color: #FFFFFF;
		background: #26130F;
		font-weight: 600;
		height: 40px;
		text-decoration: none;
	}


#carouselExampleIndicators2 .row{
	height: auto;
}


#carouselExampleIndicators2 .carousel-indicators li{
	width: 1px;
	height: 1px;
	border-radius: 100%;
	background-color: rgba(255,255,255,0.00);
}

#carouselExampleIndicators2 .carousel-control-prev{
	display: none;
	
}

#carouselExampleIndicators2 .carousel-control-next{
	display: none;
}


footer li{
	list-style: none;
	text-align: left;
	font-size: 14px;
	font-weight: 100;
}

footer hr{
	border:none;
	border-top: 1px solid #FFFFFF;
}

hr{
	border:none;
	border-top: 1px solid #1d100b;
}
.sobrennosotrosimg{
	background-image:url("../images/nosotros.jpg");
	height: 380px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.centrarsobrenosotros{
	display: flex;
	align-items: center;
	justify-content: center;
}

.contacto-cabecera{
	background: url("../images/contacto.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.blog-cabecera{
	background: url("../images/blog.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.bolsas-cabecera{
	background: url("../images/bolsas.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.cajas-cabecera{
	background: url("../images/cajas.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.contenedores-cabecera{
	background: url("../images/contenedores.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.complementos-cabecera{
	background: url("../images/complementos.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.cotiza-cabecera{
	background: url("../images/cotiza.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.cabecera-altura{
	height: 260px;
}

.alturablog{
	height: 320px;
}

.card-list-productos-menu{
	display: inline-block;
	margin-bottom: 15px;
	margin-right: 15px;
}

#blog .card{
	margin-bottom: 15px;
}

.card-text{
	color: #1d100b;
	font-weight: 600;
	font-size: 16px;
}

#cotizacion hr{
	border:none;
	border-top: 1px solid #B0B0B0;
}

.link-li{
	color: #1d100b;
}

.link-li:hover{
		color: #1d100b;
		text-decoration: none;
	}

#top{
	font-size: 14px;
	
}

.bg-marron-pie{
	background-color: #1D100B;
}