/* ESTILOS GENÉRICOS ================================================== */

body{font-family:  'Roboto Condensed', sans-serif; line-height: 24px; color:#474747; font-size: 15px; }
h1, h2, h3, h4 {
	font-family: 'Roboto Condensed', sans-serif;
}
h1 {
	font-size: 40px !important;
	color: #000;
}
#cabecera-fixed {
	display: contents !important;
}
h2{
	font-size: 30px !important;
}
h3 {font-size: 20px !important;}
.text-lg {
  font-size: 2.125rem;
  line-height: 2.75rem;
}
.mainbold {
	color: #da2f1a !important;
	font-weight:bold;
}
.h1portada {
	color: #000 !important;
}
.btblanco{
	background:#FFF;
	border:none;
}
/*

*/
.mayys{
	text-transform:uppercase;
}
.opinion-cliente {
	font-family: 'Poppins', sans-serif;
	background-color: #f9f9f9;
	border-left: 4px solid #4CAF50;
	padding: 16px 24px;
	margin: 20px 0;
	font-style: italic;
	color: #333;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
	border-radius: 8px;
	font-family: 'Poppins', sans-serif;
}

	.opinion-cliente::before {
		content: "“";
		font-size: 40px;
		color: #4CAF50;
		vertical-align: top;
		line-height: 0;
		margin-right: 8px;
	}

	.opinion-cliente::after {
		content: "”";
		font-size: 40px;
		color: #4CAF50;
		vertical-align: bottom;
		line-height: 0;
		margin-left: 8px;
	}


.service-section {
	padding: 60px 0;
}

.service-card {
	transition: all 0.3s ease;
	border: none;
	border-radius: 1rem;
	background: #ffffff;
	box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

	.service-card:hover {
		transform: translateY(-8px);
		box-shadow: 0 8px 20px rgba(0,0,0,0.15);
	}

.service-icon {
	font-size: 3rem;
	color: #0d6efd;
	margin-bottom: 15px;
}

.service-title {
	font-size: 1.25rem;
	font-weight: 600;
	margin-bottom: 10px;
	color: #333;
}

.service-text {
	color: #555;
}
/*


*/

.producto-info h1 {
	color: #474747;
}
.home-form-info h1 {
	color: #474747;
}
#intro-texto h1 {
	color: #474747 !important;
}
.imgleft img {
	float: left;
	padding-right:1em;
	padding-bottom:2em;
}
.producto-descripcion p {
	margin-bottom:1em;
}

#logo-slider-portada h1 {
	color: #474747;
}

img {
	max-width: 100%;
}
img {
	vertical-align: middle;
	border-style: none;
}
.p-1 {
	padding: 1rem !important;
}
.p-2 {
	padding: 2rem !important;
}
.p-3 {
padding: 4rem !important; 
}
.b2 input{width:5% !important;}
.colorgris {
	color:#474747 !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;
}
.midspan {
	text-align: center;
	width: 100%;
	display: block;
}

	.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;
}
.btninicio {
	color: #000068;
	text-decoration: none;
	border: 0px;
	width: auto !important;
	background: #FFF !important;
	border: none;
	font-size: 1.2em !important;
	cursor: pointer;
}
.btniniciopie {
	color: #FFF;
	text-decoration: none;
	border: 0px;
	width: auto !important;
	background: #414041 !important;
	border: none;
	cursor: pointer;
	font-size: 13px;
	padding-bottom: 5px;
}
.framenoticia {
	height:27em;
}
.mt-1 {
	margin-top: 1rem !important;
}
.mb-3 {
	margin-bottom: 3rem !important;
}
.pt-1 {
	padding-top: 0.5rem !important;
}
.pt-5 {
	padding-top: 3rem !important;
}
.pt-4 {
	padding-top: 1.5rem !important;
}
.pt-3 {
	padding-top: 1rem !important;
}
.p-4 {
	padding: 1.5rem !important;
}
.p-5 {
	padding: 3rem !important;
}
.stiki1 {
	z-index: 9999999;
	position: sticky;
}

.stiki2 {
	z-index: 9999998;
	position: sticky;
}

.stiki3 {
	z-index: 9999997;
	position: sticky;
}

.stiki4 {
	z-index: 9999996;
	position: sticky;
}

.stiki5 {
	z-index: 9999995;
	position: sticky;
}

.stiki6 {
	z-index: 9999994;
	position: sticky;
}

.stiki7 {
	z-index: 9999999;
	position: sticky;
}
.stiki8 {
	z-index: 9999998;
	position: sticky;
}
.stiki9 {
	z-index: 9999997;
	position: sticky;
}
.stiki10{
	z-index: 9999996;
	position: sticky;
}
.stiki11{
	z-index: 9999995;
	position: sticky;
}
.stiki12{
	z-index: 9999994;
	position: sticky;
}
.zoom {
	transition: transform .2s; /* Animation */
	margin: 0 auto;
}

	.zoom:hover {
		transform: scale(1.3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	}

.material-symbols-outlined {
	top: 6px;
	display: inline-block;
	position: relative;
	width: 27px;
}
.azulclaro{
	background-color: #ddedf5 !important;
	margin-bottom: 0px;
}

@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; width: 100%; border: 1px solid #DDDDDD; box-shadow: none; padding: 10px 15px !important;}
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: 16%;float: left;}
}
@media (min-width: 992px){
     .col-md-15{width: 16%; float: left;}
}
 
@media (min-width: 1200px){
    .col-lg-15 { width: 16%; float: left;}
}


/* slider ================================================== */

.slider-inst, #slider {height: 0px}
#slider ul{}
#slider li, #slide-inst{list-style: none;}
	#slidernot li, #slidenot-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;
	}
	#slidernot li, #slidenot-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: #006B91}
#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;
		left: 50%;
		top: 58%;
		text-align: center;
		margin-left: -194px;
		margin-top: -124px;
	}
		#logo-slider-portada img {
			text-align: center;
			margin-left: 3rem;
		}
	#logo-slider-portada h2, #logo-slider-portada p {
		color: #000;
	}
#logo-slider-portada h2{font-size: 40px; margin-bottom: 0px;}
#logo-slider-portada p{font-size: 14px; font-style: italic;}




#logo-slider-noticias {
	z-index: 99;
	position: absolute;
	top: 67px;
	left: 49%;
	top: 50%;
	text-align: center;
	margin-left: -195px;
	margin-top: -99px;
}
	#logo-slider-noticias h2, #logo-slider-noticias p {
		color: #FFF;
	}
	#logo-slider-noticias h2 {
		font-size: 40px;
		margin-bottom: 0px;
	}
	#logo-slider-noticias p {
		font-size: 14px;
		font-style: italic;
	}
.line1b {
	height: 1px;
	background-color: #FFF;
	margin: 35px 0 10px 0;
}


.detallenoticia li{
	height:17em !important;
}
.pt-detalle {
	position:relative;
top:1em ;
}

#logo-slider-detalle {
	z-index: 99;
	position: absolute;
	top: 67px;
	left: 49%;
	top: 50%;
	text-align: center;
	margin-left: -269px;
	margin-top: -60px;
}

	#logo-slider-detalle h2, #logo-slider-detalle p {
		color: #FFF;
	}

	#logo-slider-detalle h2 {
		font-size: 40px;
		margin-bottom: 0px;
	}

	#logo-slider-detalle p {
		font-size: 14px;
		font-style: italic;
	}

.t12 {
	height:24em !important;
}




.line1 {
	height: 1px;
	background-color: #006B91;
	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 > li {
	position: relative;
	text-align: center;
	vertical-align: middle;
	padding-top: 3px;
	padding-bottom: 3px;
	


}

	#menu > li::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		height: 2px;
		width: 100%;
		background-color: black;
		transform: scaleX(0); /* Empieza sin ancho */
		transform-origin: left; /* Se expande desde la izquierda */
		transition: transform 0.4s ease; /* Animación suave */
	}

/* Al hacer hover la línea se “dibuja” */
	#menu > li:hover::after {
		transform: scaleX(1);
	}

/* MENU PRINCIPAL ================================================== */

#logo img{margin:12px auto; width: 180px;}
#logo {
	background-image: url("../images/logomain.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;}
.fondocolor {
	background: linear-gradient(180deg,#b1cafc 410px,#fff 5px) !important;
}


.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: 8px;}
	#navigation li a {
		color: #da2f1a !important;
		text-decoration: none;
		font-size: 1em;
	}
#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:  'Roboto Condensed', sans-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 {}







#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;}

/* SECTION INTRO COMÚN ================================================== */

#intro-seccion{background-color: #F4F2F5; padding: 30px 0;}
#intro-seccion h1{margin-bottom: 35px;margin-top: 4px;}
#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(images/portada1.png) center top}
.instalaciones2 {
	background: url(images/portada2.png) center top;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
}
.instalaciones3 {
	background: url(images/portada3.png) 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; width: 250px; 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 {
	margin: 0;
}

#productos-tienda{margin: 120px 0 20px 0}
#productos-granel{margin: 0px}
.producto-item{padding: 0 28px; text-align: center; margin-bottom: 70px; height:17em;}
.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: 20px; width: 14px; height: 14px; border: 1px solid #333; margin: 0 1px 0 !important;}
.carousel-indicators .active { width: 14px; height: 14px; background-color: #333; margin-right: 1px !important;}
.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;}
#seccion-instalaciones{margin: 60px 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;}

/*NOTICIAS*/
.container-slider-noticias {
	background-color: #F0F0F0;
	margin-bottom: 0px;
}

 
#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; width: 250px; 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;
}*/


/* Responsive
================================================== */

@media (min-width: 768px) {

	.loogb {
		padding-bottom:2em;
	}

	#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%;
		display: inline;
	}
	.quinientosdiez {
		height: 544px;
	}

		#slider li, #slide-inst {
			height: 544px;
		}
	.h12 {
	 
		height:  12em !important;
		 
	}
		#slidernot li, #slidenot-inst {
			height: 12em;
			
		}
 
	#nav-footer li{display: inline;}
	#cabecera-fixed {
		height: auto;
		position: fixed;
		z-index: 99999999;
		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: 70px 0px 60px 0px;}
	#intro-seccion2 {padding: 35px 0px 0px 0px;}
		/*	#intro-seccion2 {padding: 70px 0px 0px 0px;}*/
	#intro-seccion2 h1{margin: 5px 0 35px 0;}
	/* 65px 0 35px 0*/
	/*#navigation {margin: 49px 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.5em; 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;  }
	.container-slider-noticias {
 
	}
}

@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;}
}