/* ESTILOS GENÉRICOS ================================================== */

body{font-family: 'Noticia Text', serif; line-height: 24px; color:#474747; font-size: 15px; }
h1, h3, h4{font-family: 'Atrament', serif;}


h1 {
	font-family: 'Signika', sans-serif;
	font-size: 2.2em !important;
}
h2 {
	font-family: 'Signika', sans-serif;
	color: #FFF;
	font-size: 2.1em !important;
}
.item-granel h2{
	height:2.1em !important;
}
.item-granel p{
	height:4em !important;
}
h3 {
	font-size: 2em !important;
	font-family: 'Signika', sans-serif !important;
}

.letragris {
	color: #5a5a5a !important;
}
.letrablanca {
	color: #fff !important;
}
.shad {
	text-shadow: 2px 2px 4px #000000;
}

h1{font-size: 40px;}

.p-0{
	padding:0 !important;
}


.juntaservicios > ul > li div:hover::after, .juntaservicios > ul > li div:hover ul {
	opacity: 1;
}

.flex {
	flex-wrap: wrap;
	display: flex;
}

.juntaservicios > ul.presidencia {
	justify-content: center;
}

.juntaservicios > ul > li div ul {
	position: absolute;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	z-index: 2;
	opacity: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.listablanca li {
color:#FFF !important;
font-size:1.3em;
font-weight:bold;
}

li {
	list-style: none;
	padding: 0;
}
.sinboton {
	border: none !important;
	background-color: #FFF !important;
	font-size: 1.1em;
	cursor: pointer;
}
.juntaservicios > ul > li div::after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-color: #002f51;
	width: 100%;
	height: 100%;
	mix-blend-mode: multiply;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}




.disp:hover{
	
	opacity:0.5;
}
	.disp:hover #texto {
		display: block;
	}
.distexto {

	display:none;
	font-size:1.3em;
}
.distexto:hover {
	display: block;
}
.m-0 {
	margin: 0 !important;
}
.imagencover {
	object-fit: cover;
	height: 227px;
	background-size: 390px;
}

.bordeverde {
	border-color:#1f9817 !important;
}

.grisoscuro {
	color: #474747 !important;
}
img {
	max-width: 100%;
}
img {
	vertical-align: middle;
	border-style: none;
}
.p-3 {
padding: 4rem !important; 
}

.pespcial-3 {
	padding: 0rem;
}

.mt-05 {
	margin-top: 0.5rem !important;
}
.mt-0 {
	margin-top: 0rem !important;
}
.mt-02 {
	margin-top: 0.2rem !important;
}
.mt-01 {
	margin-top: 0.1rem !important;
}
.mt-1 {
	margin-top: 1rem !important;
}
.pt-1 {
	padding-top: 0.5rem !important;
}
.pt-22 {
	padding-top: 0.7rem !important;
}
.pt-5 {
	padding-top: 3rem !important;
}
.pt-4 {
	padding-top: 1.5rem !important;
}
.pt-3 {
	padding-top: 1rem !important;
}
.mt-5 {
	margin-top: 3rem !important;
}
.cubrir {
	width: 100%;
	height: 100px;
	object-fit: cover;
	object-position: inherit;
	border-radius: 1px;
}

.h1, .h2, .h3, h1, h2, h3 {
	margin-top:1.1em !important;
}

/*--AVISOS--*/
.barraOk {
	background: rgba(8, 161, 0, 0.97);
	color: #fff;
	line-height: 20px;
	padding: 5px;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 99999;
	right: 0;
	width: 100%;
	bottom: 0px;
	left: 0px;
	z-index: 99999;
	line-height: 90px;
	font-size: 1.4em;
}

	.barraNo a, .barraInfo a, .barraOk a {
		color: rgba(255,255,255,.97)
	}

.barraNo {
	background: rgba(198, 4, 0, 0.97);
	color: #fff;
	line-height: 20px;
	padding: 5px;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 99999;
	right: 0;
	width: 100%;
	bottom: 0px;
	left: 0px;
	z-index: 99999;
	line-height: 90px;
	font-size: 1.4em;
}

.barraInfo {
	background: rgba(0, 125, 196, 0.97);
	color: #fff;
	line-height: 20px;
	padding: 25px;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 99999;
	right: 0;
	width: 100%;
	bottom: 0px;
	left: 0px;
	z-index: 99999;
	line-height: 90px;
	font-size: 1.4em;
}

@font-face {
	font-family: 'Atrament';
	src: url('fonts/atrament-3-light-webfont.eot');
	src: url('fonts/atrament-3-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/atrament-3-light-webfont.woff') format('woff'), url('fonts/atrament-3-light-webfont.ttf') format('truetype'), url('fonts/atrament-3-light-webfont.svg#atrament_3-lightregular') format('svg');
	font-weight: lighter;
	font-style: normal;
}

.wow {
  visibility: hidden;
}

p a{color:#474747; text-decoration: none; border-bottom: 1px dotted #474747}
p a:hover{text-decoration: none; color:#474747; opacity: 0.8;}

#container {overflow: hidden; width: 100%;}

.boton-generico{margin-top: 23px; border-radius: 0px; font-size: 12px; border: 2px solid #474747; padding: 23px 55px; color: #474747; font-family: 'Open Sans', sans-serif; background-color: transparent;}
.boton-generico:hover{color: #fff; background-color:  #474747;}

.boton-generico-white{margin-top: 20px; border-radius: 0px; font-size: 12px; border: 2px solid #fff; padding: 23px 55px; color: #fff; font-family: 'Open Sans', sans-serif; background-color: transparent;}
.boton-generico-white:hover{color: #474747; background-color:  #fff;}

.boton-generico2{margin-top: 15px; border-radius: 0px; font-size: 12px; border: 2px solid #474747; padding: 15px 30px; color: #474747; font-family: 'Open Sans', sans-serif; background-color: transparent;}
.boton-generico2:hover{color: #fff; background-color:  #474747;}

.boton-form{width: 100%; margin-top: 28px; border-radius: 0px; font-size: 12px; border: 2px solid #474747; padding: 8px 55px; color: #474747; font-family: 'Open Sans', sans-serif; background-color: transparent;}
.boton-form:hover{color: #fff; background-color:  #474747;}

.fixed-menu {position:inherit; top:0; z-index: 100; width: 100%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.fixed-menu2 {top:0px !important; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}

.margin-bottom65{margin-bottom: 65px !important;}
.no-padding-margin{margin: 0; padding: 0;}

select, input, textarea{line-height: normal;   border: 1px solid #DDDDDD; box-shadow: none; padding: 10px 15px;}
label{font-weight: normal;}
.form-group {margin-bottom: 10px;}

.js #nav { display: none; }
.js .selectnav {display: block; width: 100%; height: 35px; border: 0; font-size: 13px; padding: 0 10px}

.carousel-inner {margin-bottom: 35px;}

.carousel-inner>.item>a>img:hover, .carousel-inner>.item>img:hover {
  cursor: pointer;
}

.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15{position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px;}
.col-xs-15{width: 20%; float: left;}

@media (min-width: 768px){
    .col-sm-15{width: 20%;float: left;}
}
@media (min-width: 992px){
     .col-md-15{width: 20%; float: left;}
}
 
@media (min-width: 1200px){
    .col-lg-15 { width: 20%; float: left;}
}


/* slider ================================================== */

.slider-inst, #slider {height: 0px}
#slider ul{}
#slider li, #slide-inst{list-style: none;}
#slider .flex-control-nav {z-index: 400; bottom: -480px; display: none;}
@media (min-width: 481px) {
	
	.slider-inst, #slider {height: 0px; }
	#slider .flex-control-nav {display: inline-block;}
}
@media (min-width: 1445px) {#slider li, #slide-inst{background-size: 101% auto !important;}}

#logo-slider{z-index: 99; position: absolute; top: 67px; left: 55%; top:50%; text-align: center; margin-left: -245px; margin-top: -153px}
#logo-slider h2, #logo-slider p{color: #e52124}
#logo-slider h2{font-size: 40px; margin-bottom: 0px;}
#logo-slider p{font-size: 14px; font-style: italic;}


#logo-slider-portada {
	z-index: 99;
	position: absolute;
	top: 67px;
	top: 50%;
	text-align: center;
	margin-top: -153px;
	width: 100%;
}
	#logo-slider-portada h2, #logo-slider-portada p {
		color: #FFF
	}
#logo-slider-portada h2{font-size: 3.4em; margin-bottom: 0px;}
#logo-slider-portada p{font-size: 14px; font-style: italic;}

.line1{height: 1px; background-color: #e52124; margin: 35px 0 10px 0;}
.line1gris{margin: 10px 0; height: 1px; background-color: #E4E4E4; margin: 15px 0 10px 0;}
#idioma{z-index: 99; position: fixed; top:10px; right: 20px; }
#idioma a{color: #323338; border-bottom: 1px dotted #323338; text-decoration: none; font-size: 14px;}
#idioma a:hover{opacity: 0.8}
#idioma2{z-index: 99; position: fixed; top:10px; right: 20px;}
#idioma2 a{color: #fff; border-bottom: 1px dotted #fff; text-decoration: none; font-size: 14px;}
#idioma2 a:hover{opacity: 0.8}
#scroll, #scroll2{display: none;}
#scroll-point{position: absolute; left: 50%; top: 50%;}
#scroll-point{position: absolute; left: 50%;  margin-left: -5px; animation: rombo 1s infinite; animation-timing-function: ease-in-out;}

@keyframes rombo {
	0% {top: 12px;}
	50% {top: 16px;}
	100% {top: 12px;}
}

#scroll, #scroll2{cursor: pointer;}


/* MENU PRINCIPAL ================================================== */

#logo img{margin:12px auto; width: 180px;}
#logo {
	background-image: url("../images/logo.png");
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover; /* Resize the background image to cover the entire container */
	min-height:60px;

}
#cabecera {
	height: auto
}
#div-menu{height: auto; background-color: #FFF;}

.current{border: 1px solid #fff}
.current > .deco-nav{opacity: 1 !important;}

#cabecera-fixed{height: auto; position: relative; z-index: 100; background-color: #FFF; width: 100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
#cabecera-tienda{height: auto; position: relative; z-index: 100; background-color: #FFF; width: 100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

.cabecera-fixed-visible{display: inline-block !important;}
#div-menu-fixed{position:relative; height: auto; }
#navigation {position:relative; margin: 27px 0; padding: 0; text-align: right;}
#navigation ul{position: relative; list-style: none; padding:0; margin:0;}
#navigation li{position: relative; display: inline; padding:0; margin: 0 7px; padding-bottom: 18px;}
	#navigation li a {
		color: #5a5a5a;
		text-decoration: none;
		font-size: 13px;
	}
#navigation li a:hover{opacity: 0.8; }
#navigation li .deco-nav{position: absolute; top: 55px; left: 38%; left: 50%; margin-left: -8px; opacity: 0;}
#navigation ul ul {
	opacity: 0; 
	margin: 0px 0 0 0px;
  	filter: alpha(opacity=0); 
	position: absolute;
	top:-99999px; 
	background: #E5DEE4;
	z-index: 999;
}
#navigation ul ul li{margin: 0; }
#navigation ul ul li a {
	padding: 10px 10px;
	display: block;
	width: 140px;
	font-family: 'Noticia Text', serif;
	font-size: 12px;
	color:#474747;
	border-bottom: 1px solid #fff;
	text-align: center;
}

#navigation ul ul li a:hover {
	background: #4B4B4B;
	color: #fff;
}

#navigation ul ul li:last-child a, #navigation ul ul li:last-child a:hover {border:0;}
#navigation ul li:hover>ul{margin-left: -55px; left: 0; opacity: 1; position:absolute; top:99%; left:0; }
#navigation ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497; background: #fff; border: 0; }

#navigation ul li:hover > a {}


/* FOOTER ================================================== */

footer {
	text-align: center;
	height: auto;
	background-color: #414041;
	color: #fff;
	padding: 30px 0 0px 0
}
footer a, footer a:hover{color: #fff; border-bottom: #fff}
footer p{font-size: 12px}
#nav-footer{}

#nav-footer ul{position: relative; list-style: none; margin: 37px 0; padding: 0;}
#nav-footer li{position: relative; display: block; margin: 0 7px;}
#nav-footer li a{color: #fff; text-decoration: none; font-size: 13px; padding-bottom: 5px}
#nav-footer li a:hover{border-bottom: 2px solid #fff; }
.active > .deco-nav{opacity: 1 !important;}

.foot2{background-color: #000; font-size: 12px;padding: 8px 0; background-color: #1D1920;}
.foot2 a{text-decoration: underline;}
.col-md-4 {
	padding-top: 1.5em;
}
/* SECTION INTRO COMÚN ================================================== */

#intro-seccion{background-color: #F4F2F5; padding: 30px 0;}
#intro-seccion-productos {
	background-color: #F4F2F5;
	 
}


#intro-seccion h1{margin-bottom: 35px;}
#intro-seccion-productos h1 {
	margin-bottom: 0.1em;
}


#intro-texto{margin-bottom: 25px;}
#intro-imagen{margin: auto;}
#intro-imagen-granel{margin: 0 auto;}

#intro-seccion2{background-color: #F4F2F5; padding: 30px 0 0;}
#intro-seccion2 h1{margin: 20px 0 35px 0;}
#intro-texto2{margin-bottom: 25px;}
#intro-imagen2{margin: auto;}


/* HOME ================================================== */

#home-instalaciones{border-top: 5px solid #fff}
.instalaciones1 {
	background: url(bdimages/quienes1.jpg) center top
}
.instalaciones2 {
	background: url(bdimages/quienes2.jpg) center top;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff
}
.instalaciones3 {
	background: url(bdimages/quienes3.jpg) center top
}
.instalaciones1, .instalaciones2, .instalaciones3{text-align: center; padding-top: 63px; background-repeat: no-repeat; background-size: cover; height: 200px;}
.instalaciones1 h1, .instalaciones2 h1, .instalaciones3 h1{color: #fff; text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.7);}

.titulo-seccion{text-align: center;  margin: 65px auto 35px auto;}
.titulo-seccion h1{margin-bottom: 2px}
.titulo-seccion p{font-style: italic; font-size: 16px}

.deco-titulo{background: url(images/line-deco.png) repeat-x center 14px; margin-bottom: 6px}
.deco-titulo2{background: url(images/line-deco.png) repeat-x center 5px; margin-bottom: 6px}

.item-granel{text-align: center; margin-bottom: 20px;}
.item-granel img{margin: auto}
#home-granel{margin-bottom: 80px;}
#home-premium{height: auto; padding: 55px 0;  color: #fff; overflow: visible; background: url(images/nada.jpg); background-color: #414041;}
#home-premium-img{margin:auto;}
#home-form{background-color: #F4F2F5; padding: 60px 0;}
.home-form-form textarea {height: 127px}
.home-form-info{margin-bottom: 40px}


/* PRODUCTOS ================================================== */

#productos{margin: 120px 0}
#productos-tienda{margin: 120px 0 20px 0}
#productos-granel{margin: 0px}
.producto-item{padding: 0 28px; text-align: center; margin-bottom: 70px}
.producto-img img{margin: auto;}
.producto-info h1{margin-top: 5px !important;}
.producto-caracteristicas{color:#8F8F8F;}
.producto-item p{}
.separador-derecha{border-right: 1px solid #E4E4E4;}
.carousel-indicators li {border-radius: 0px; width:0px; height: 0px; margin: 0 !important;}
.carousel-indicators .active { width: 0px; height:0px;   }
.carousel-inner img{margin: auto}

#productos .carousel-indicators {bottom: 20px !important;}

.nav-tabs{margin-bottom: 33px;}
.nav-tabs li{margin-bottom: 28px;}
.nav-tabs > li {float: none;}
.nav > li {position: relative; display: inline-block;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {color: #FFF; background-color: #474747; border: 0;}
.nav-tabs > li > a {padding: 1px 20px; margin-right: 5px;border: 1px solid #474747; color: #474747; border-radius: 0; font-family: 'Atrament'; font-size: 24px;}
.nav-tabs > li > a:hover {border: 1px solid #474747; color: #999; border-radius: 0; font-family: 'Atrament'; font-size: 24px; background-color: transparent;}


/* INSTALACIONES ================================================== */

.container-slider-instalaciones{background-color: #F0F0F0; margin-bottom: 0px;}

	.container-slider-instalaciones h2 {
		color: #474747;
	}
/*	#seccion-instalaciones{margin: 120px 0}*/
.slider-instalaciones-izq{padding: 50px 50px;}
.flex-control-thumbs {margin: 0 0 0 0px !important;}
/*#slider2 .flex-control-nav, #slider3 .flex-control-nav, #slider4 .flex-control-nav{display: none;}*/
#slider2 .flex-direction-nav, #slider3 .flex-direction-nav, #slider4 .flex-direction-nav{display: none;}



/* GRANEL ================================================== */

#calidad{margin-bottom: 40px}
.excelancia{background-color: #F0F0F0 ; padding: 0px 50px 60px; margin-bottom: 40px}
.pilares{margin-top: 0px; padding-left: 0px}
.line1b{margin: 10px 0; height: 1px; background-color: #666; margin: 15px 0 10px 0;}
.pilares ul{padding-left: 15px}
.pilares li{padding-left: 0px}
#sellos-calidad{padding: 50px 0 20px 0; background-color: #F4F2F5; text-align: center;}
#sellos-calidad img{margin: 0 auto;}
.item-sello{margin-bottom: 50px}
#productos-granel .carousel-indicators {bottom: -21px !important;}



/* EMPRESA ================================================== */

#historia{margin: 80px 0 20px 0}
#historia-carousel{margin-bottom: 30px}
#historia-carousel {
    margin-bottom: 88px;
}
.titulo-seccion-historia{text-align: center;   margin: 0px auto 10px auto;}
#historia-carousel .carousel-indicators {
    bottom: -80px !important;
}
.titulo-seccion-historia h1{margin-bottom: 2px}
.titulo-seccion-historia p{font-style: italic; font-size: 16px}
#equipo{margin-bottom: 40px; text-align: center}
.item-componente{text-align: center; margin-bottom: 30px}
.item-componente img{margin: auto}
.item-componente h3{font-family: 'Noticia Text'; font-size: 18px}
.item-componente p{font-style: italic !important; line-height: 19px;}

#distribucion{margin: 20px 0 80px 0; }
.info-distribucion{background-color: #F0F0F0; padding: 30px 10px}
.texto-distribucion {margin-top: 40px; text-align: center;}
.titulo-seccion-distrib{text-align: center; width: 250px; margin: 0px auto;}
.titulo-seccion-distrib h1{margin-bottom: 2px; margin-top: 0px;}
.titulo-seccion-distrib p{font-style: italic; font-size: 16px;}

.mapa-distribucion{text-align: center; margin: 50px 0;}
.mapa-distribucion img{margin: auto}

#mapa{ margin-top: 30px !important; margin-bottom: -6px}



/* TIENDA ================================================== */

#form-tienda{margin-bottom: 70px}
.precio{font-size: 39px; font-family: "Atrament"; line-height: 44px;}
.texto-form-tienda{margin-top: 40px; margin-bottom: 30px;}

#form-tienda textarea{height: 127px;}
.iva{color:#8F8F8F; font-size: 12px; font-style: italic;}

.info-plantilla{margin: 40px 0 80px 0; text-align: justify;}
.lateral{text-align: center;}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    font-size: 18px !important;
}

.carousel-control.left {
background: transparent;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background: transparent;

}
.carousel-control {
  position: absolute;
  top: -23%;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 18px;
  color: #000 !important;
  text-align: center;
  opacity: 0.7;
}

.carousel-control:hover,
.carousel-control:focus {
  color: #000;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}


/*.g-recaptcha > div > div {
width:inherit !important;
position:relative;
display:block;
padding:0;
overflow:hidden;
max-width:302px;
border-right:1px solid #d3d3d3;
border-radius:4px;
box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);
-webkit-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);
-moz-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08)
}
.g-recaptcha iframe{
position:absolute;
top:0;
bottom:0;
left:0;
width:100%;
height:100%;
border:0;
}
.g-recaptcha > div{position:relative}
.g-recaptcha > div:before{
content:'Loading captcha...';
position:absolute;
top:38%;
left:0;
}
.g-recaptcha:empty:before{content:'Something wrong occured'}
.rc-anchor-logo-portrait {
    margin-left: !important;
}

.errors{
    color: #620A0A;
    font-size: 13px;
}

#g-recaptcha {
    margin-bottom: 20px;
    margin-top: 23px !important;
}*/

.form-group input {
	width: 100%;
}

.form-group textarea {
	width: 100%;
}

/* Responsive
================================================== */
@media (max-width: 700px) {

	.col-xs-6 {
		width: 50%;
	}

	.col-xs-12 {
		width: 100%;
	}

}


@media (max-width: 950px) {

	.pespcial-3 {
		padding-left: 4rem !important;
		padding-right: 4rem !important;
	}

	.imagencover {
		object-fit: cover;
		height: 587px;
		background-size: 382px;
	} 
	#logo {
		 
	}

}
 
@media (max-width: 700px) {
	.imagencover {
		min-height: 587px;
		background-size: auto;
		width: 100%;
	}
}
@media (max-width: 800px) {
	.imagencover {
		min-height: 587px;
		background-size: auto;
		width: 100%;
	}
}
@media (max-width: 900px) {
	.imagencover {
		min-height: 587px;
		background-size: auto;
		width: 100%;
	}
}
 

	@media (min-width: 768px) {
		#scroll, #scroll2 {
			display: inline;
			z-index: 95;
			position: absolute;
			bottom: 40px;
			left: 50%;
			margin-left: -16px
		}

		#historia-carousel {
			margin-bottom: 30px
		}

		.producto-item {
			margin-bottom: 40px
		}

		.slider-inst, .slide-inst {
			height: 544px;
			width: 100%;
			position: relative;
		}

		#slider {
			width: 100%;
			height: 544px !important;
			display: inline;
		}

			#slider li, #slide-inst {
				height: 544px;
			}

		#nav-footer li {
			display: inline;
		}

		#cabecera-fixed {
			height: auto;
			position: fixed;
			z-index: 100;
			background-color: #FFF;
			width: 100%;
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
		}

		#home-premium {
			background-color: #1b1b1b;
			overflow: hidden;
			background: url(images/onza-premium-home-bg.jpg) repeat-x center -45px;
			background-color: #414041;
		}

		.instalaciones1, .instalaciones2, .instalaciones3 {
			text-align: center;
			padding-top: 99px;
			background-repeat: no-repeat;
			background-size: cover;
			height: 300px;
		}

		#intro-seccion {
			padding: 1em 0 1em 0;
		}

		#intro-seccion-productos {
			padding: 0;
		}

		#intro-seccion2 {
			/* padding: 70px 0px 0px 0px;*/
		}

			#intro-seccion2 h1 {
				margin: 5px 0 35px 0;
			}
		/* 65px 0 35px 0*/
			#navigation {
			margin: 29px 0;
		}

		.boton-generico2 {
			padding: 15px 45px;
		}

		#cabecera {
			height: 99px;
		}

		.js #nav {
			display: block;
		}

		.js .selectnav {
			display: none;
		}

		#logo img {
			width: 100%;
		}

		#navigation li a {
			font-size: 1.1em;
			cursor: pointer;
		}

		.slider-instalaciones-izq {
			padding: 50px 50px;
		}

		#intro-imagen-granel {
			margin: 90px auto 0 auto;
		}

		.pilares {
			margin-top: 7px;
			padding-left: 40px
		}

		.container-slider-instalaciones {
			margin-bottom: 80px;
		}
	}

	@media (min-width: 992px) {


		#historia-carousel {
			margin-bottom: 30px
		}

		#home-premium {
			background-color: #1b1b1b;
			overflow: hidden;
			background: url(images/onza-premium-home-bg.jpg) repeat-x center -8px;
			background-color: #414041;
		}

		#slider2 .flex-control-nav, #slider3 .flex-control-nav, #slider4 .flex-control-nav {
			display: inline;
		}

		.slider-instalaciones-izq {
			padding: 95px 50px;
		}

		.texto-distribucion {
			margin-top: 0px;
			text-align: left;
		}

		.titulo-seccion-distrib h1 {
			margin-bottom: 2px;
			margin-top: 17px;
		}
	}

	@media (min-width: 1200px) {


		#home-premium {
			background-color: #1b1b1b;
			overflow: hidden;
			background: url(images/onza-premium-home-bg.jpg) repeat-x center 31px;
			background-color: #414041;
		}

		.producto-item {
			text-align: left;
		}

		.slider-instalaciones-izq {
			padding: 148px 50px;
		}

		.titulo-seccion-distrib h1 {
			margin-bottom: 2px;
			margin-top: 0px;
		}
	}