/* Lui  */

/* -------------------------------------------------- 
   GENERAL
-----------------------------------------------------*/
body{
	/*background: rgb(10, 10, 10) url('../images/fondo_enzo5.svg') no-repeat;
	background-position: 30% 30%;*/
	font-family:  times, georgia, serif;
	color: rgb(10, 10, 10);
	background: #fafafa;
	margin:0 auto; 
	overflow-x: hidden; /*Ocultamos el scroll horizontal provocado por la imagen de fondo de la web */
}

/*.bg{
	position: fixed;
	top: -10em;
	width: 2500px;
}*/

.bg_escudo{
	position: fixed;
	z-index: -10;
	top: -10em;
	left: -17em;
	width: 2500px;
}

.bg_e{
	position: fixed;
	z-index: -9;
	width: 300px;
	top:20em;
	right: 5em;	
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
	font-family:  times, georgia, serif;
	font-weight: normal;
	margin-top: 0;
}

.titulo{
	font-style: italic;
	font-weight: bold;
}

#main{
	position: relative;
	top: 2em;
	z-index: 1;
}

.contenido{
	background-color: rgb(250, 250, 250);
	-webkit-box-shadow:  0px 0px 2px 1px rgba(100, 100, 100, .15);
    box-shadow:  0px 0px 2px 1px rgba(100, 100, 100, .15);
    padding-bottom: 1.5em;
}


.contenido div.twelve.columns{
	/*padding: 0;*/
}

.clear{
	clear: both;
	
}
/*.izqda{padding-left: 0;}
.dcha{padding-right: 0;}*/

figcaption{
	position: absolute;
	bottom: 0;
	background-color: rgba(10, 10, 10, .8);
	width: 100%;
	height: 4.5em;
	padding: .8em  1em;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: .8em;
}

figcaption span{
	font-size: 1.7em;
	font-family:  times, georgia, serif;
	font-style: italic;
	font-weight: bold;
}

/* -------------------------------------------------- 
   HEADER - NAV
-----------------------------------------------------*/

header{
	position: relative;
	/*background-color: rgb(10, 10, 10);*/
/*	background: url(../images/bg_header.png) repeat-y;*/
	height: 6.8em;
	z-index: 200;
}

header .black{
	position: absolute;
	top: 0em;
	left: 605.667px;
	z-index: -1;
	width: 100%;
	/*height: 6.8em;*/
	height: 100px;
	background-color: rgb(10, 10, 10);
}

nav.top-bar{
	background-color: rgb(10, 10, 10);
	/*height: 6.8em;*/
	height: 100px;
}

nav.top-bar li.name{
	margin: 0;
	padding: 0;
}

nav.top-bar ul li.toggle-topbar a{
	margin-right: 1em;
}
nav.top-bar li.name a{
	margin: 0;
	padding: 0;

}

nav.top-bar li.name img{
 height: 100px;
}

.top-bar > ul .name img {
    margin-top: 0px;
}

nav.top-bar section{
	position: relative;
/*	top: 3.5em;*/
	/*left: 17em;*/
	padding-top: 3.5em;
/*	height: 23em;*/
/*	background-color: blue;*/
}

#product_oil div.twelve.columns header h5.tit_section {
	display: inline-block;
}

nav.top-bar section ul.left li.active a, nav.top-bar section ul.left li a:hover{
	color: rgb(201, 167, 24);
}

ul.dropdown{
	font-family: Arial, Helvetica, Geneva, sans-serif;
}

.top-bar ul > li.has-dropdown.moved .back.title h5 a{
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 14px;
	color: rgba(250, 250, 250, .75);
}

/* -----------------------------------------
   FOOTER
----------------------------------------- */

footer{
	position: relative;
	top: 2.5em;
	height: 3em;
}

footer div.ten.columns.centered {
	background-color: rgb(224, 223, 218);	
}

footer p{
	font-family: Arial, Helvetica, Geneva, sans-serif;
	margin-top:.5em;
	margin-left: 2.8em;	
	font-size: .8em;
	
}

footer p span{
	font-family:  times, georgia, serif;
	font-weight: bold;
	font-style: italic;
	font-size: 1.6em;
	margin-right: .5em;
}

footer p a{
	color: rgb(10, 10, 10);
	font-weight: bold;
	text-decoration: none;
}

footer p a:hover, footer p a:active, footer p a:visited{
	color: rgb(10, 10, 10);
}

/* -----------------------------------------
   Home
----------------------------------------- */

#slider{
	
	margin-top: 1em;
	background-color: rgb(224, 223, 218);
}

.content div.twelve.columns div.row div.ten.columns.centered div.orbit-wrapper div.timer{
	opacity: .2;
}

.content div.twelve.columns div.row div.ten.columns.centered div.orbit-wrapper div.timer span.pause{
	opacity: .3;
}

ul.orbit-bullets {
	opacity: .3;
}

#home_slogan h4{
	color: rgb(175, 151, 46);
	text-align: right;
	font-style: italic;
}

#index h4{
	margin-top: 14px;
}
/* -----------------------------------------
   About
----------------------------------------- */


#about section, #history section, #quality section, #where section, #contact section, #enzo section{
	position: relative;
	margin-top: 2em;
}



.about_conact{
	background-color: rgb(10, 10, 10);
	color: rgb(250, 250, 250);
}

.about_conact article h4{
	color: rgb(250, 250, 250);
	font-style: italic;
	font-weight: bold;
	margin-top: 1em;
}

.about_conact article{
	padding-left: 2em; 
}

.about_conact p{
	margin-left: 2em;
	font-family: Arial, Helvetica, Geneva, sans-serif;

}

#about article.six.columns figure{
	position: relative;
	margin-bottom: 1em;
}

#about figure img {
	max-width: 98.7%;
}

.about_conact div.twelve.columns, .about_conact div.twelve.columns figure{
	padding: 0;
}

#quality article#logos_quality figure{
	margin-top: 2em;
}

#logos_quality figure img{
	position: relative;
	display: inherit;
	margin: 0 auto;
}

/* -----------------------------------------
   Brand
----------------------------------------- */

#brand section{
	margin: 2em 0;
}

#brand section article span {
	float: left;
	font-size: 20px;
    font-weight: bold;
}

#brand p{
	line-height: 1.2em;
}

.brand_logo{
	height: 7em;
	margin-bottom: 1em;
	float: right;
}

/* -----------------------------------------
   Where to buy
----------------------------------------- */

#where form label{
	font-size: 17px;
	margin-bottom: 1em;		
}

#where form div a{
	background-color: rgb(224, 223, 218);	
}

#where form ul li{
	background-color: rgba(224, 223, 218, .5);
}

#where form ul li:hover{
	background-color: rgba(224, 223, 218, 1);	
}

ul.accordion > li > div.title{
	border-top: 0;
	border-left: 0;
	border-right: 0;
	background-color: rgb(250, 250, 250);
}

ul.accordion > li{
	border-bottom: 1px solid rgb(10, 10, 10);
}

ul.accordion > li.active{
	border-top: 0px solid rgb(201, 167, 24);
	border-bottom: 0;
	background-color: rgb(250, 250, 250);
}

ul.accordion > li.active > div.content{
	background-color: rgb(250, 250, 250);
	border: 0;		
}

ul.accordion > li.active > div.title{
	background-color: rgb(250, 250, 250);
}

div.title h6{
	font-family: Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;	
}


/* -----------------------------------------
   contact
----------------------------------------- */

#contact article#direcciones p{
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color:rgb(100, 100, 100);
	margin-left: 1em;
}

#contact article#direcciones p span{
	color: rgb(10, 10, 10);
}


/* -----------------------------------------
   products
----------------------------------------- */
.goTop{
	width: 4em;
	position: fixed;
	top: 15em;
	right: 0;
	z-index-index: 10000;
	cursor: pointer;
}

#present_enzo figcaption{
	background: transparent;
	position: absolute;
	left: 56%;
	top: 5%;
}
#present_enzo h4{
/*	position: relative;*/
	/*top: .8em;
	left: 19.5em;*/
	color: rgb(250, 250, 250);
}

section#olive_oil header, section#oil header{
	height: 64px;
	background-image: none;
	background-color: rgb(201, 167, 24);
}

section#cheese_oil header, section#cheese_oil header{
	height: 64px;
	background-image: none;
	background-color: rgb(230, 191, 38);
}


section#olives header, section#oile_olive header{
	height: 64px;
	background-image: none;
	background-color: rgb(124, 124, 46);
}

section#vinegar header{
	height: 64px;
	background-image: none;
	background-color: rgb(10, 10, 10);
}

section#almonds header{
	height: 64px;
	background-image: none;
	background-color: rgb(185, 142, 13);
}

section#membrillo header{
	height: 64px;
	background-image: none;
	background-color: rgb(197, 105, 37);
}


section#salt header{
	height: 64px;
	background-image: none;
	background-color: rgb(247, 238, 70);
}

section#salt header h5.tit_section{
	color: rgb(10, 10, 10);

}

section#comins_soon header{
	height: 64px;
	background-image: none;
	background-color: #ab930d;
}

section#comins_soon header h5.tit_section{
	color: #ffffff;
	font-style:italic;
}

section#comins_soon .product div {
	background: #ab930d;
	color: #ffffff;	
}


section#comins_soon .product p {
	/*color: #000000;*/
	text-align: center;
}

h5.tit_section{
	font-family: 'Ubuntu', Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	color:rgb(250, 250, 250);
	position: relative;
	top:.8em;
	margin-left: 1em;
	font-size:25px;
}

.product{
	font-family: Arial, Helvetica, Geneva, sans-serif;
}

/*.product figure{
	position: relative;
	width: 8em;
	margin: 0em auto 2em auto;
}*/

.product figure{
	position: relative;
	width: 100%;
	height: 300px;
	/*min-height: 250px;
	max-height: 300px;*/
	margin-bottom: .5em;
}

.product figure.destaca{border:1px solid #7c7c2e; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.product figure.destaca div.cab_destaca{font-family: 'Ubuntu', Arial, Helvetica, Geneva, sans-serif;font-weight: 700; float:left; position: absolute; background-color:#7c7c2e; border-top-left-radius: 10px; color:#FFF; padding: 5px; margin-top:20px; }
.product figure.destaca figure img{clear: both;}

.product figure img{
	position: relative;
	display: inherit;
	max-height: 300px;
	/*width: 100%;*/
	margin: 0 auto;
}

.product h5{
	display: inline-block;
	position: relative;
	z-index: 3;
	text-transform: uppercase;
	background-color: rgb(10, 10, 10);
	font-family: 'Ubuntu', Arial, Helvetica, Geneva, sans-serif;
	font-weight: 700;	
	padding:.7em 1em;
	width: 100%;
	text-align:center;
}

.product h5.premium{
	color: rgb(201, 167, 24);
}

.product h5.vintage{
	color: rgb(124, 124, 46);
}

.product div{
	position: relative;
	top:-1.5em;
}

.product p{
	font-family: 'Ubuntu', Arial, Helvetica, Geneva, sans-serif;
	font-weight: 400;	
	font-size: 14px;
	line-height: 1.15em;
	color: rgb(250, 250, 250);
	padding-top:1em;
	padding-left: .8em;
	padding-bottom: .8em;
	padding-right: .8em;
	text-align: center;
}

section#olive_oil section.product div, section#oil section.product div{
	background-color: rgb(201, 167, 24);
}

section#cheese_oil section.product div, section#cheese_oil section.product div{
	background-color: rgb(230, 191, 38);
}
	
section#olives section.product div, section#oile_olive section.product div{
	background-color: rgb(124, 124, 46);
}

section#vinegar section.product div{
	background-color: rgb(10, 10, 10);
}

section#almonds section.product div{
	background-color: rgb(185, 142, 13);
}

section#membrillo section.product div{
	background-color: rgb(197, 105, 37);
}

section#salt section.product div{
	background-color: rgb(247, 238, 70);
}

section#salt section.product div p{
	color: rgb(10, 10, 10);
	text-align: center;
}
	
/* -----------------------------------------
   detalle producto
----------------------------------------- */


section#product_oil header{
	height: 61px;
	background-image: none;
	background-color: rgb(201, 167, 24);
}

section#product_oil header a{
	position: absolute;
	right: 1em;
	top: 1.25em;
	padding: .6em 1.3em;
	color: #fff;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	-webkit-border-radius: 8px;
	background-color: #d7b216;
	border-radius: 8px;
	-moz-box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.4);
}

section#product_oil header a:hover {
	background-color: #BB9600;
}

section#product_oil article{
	background-color: rgb(201, 167, 24);
	margin: 1em 0 0 0;	
}

section#product_oil .img_detalle_pdto{
	margin: 0;
	padding: 0;
}

.img_detalle_pdto figure{
	position: relative;
	/*display: inline-block;*/
	width: 50%;
	margin: 3em auto;
}

.img_detalle_pdto figure.galeon, .img_detalle_pdto figure.salt_bottle,
.img_detalle_pdto figure.almonds, .img_detalle_pdto figure.cheese_oil,
.img_detalle_pdto figure.membrillo {
	width: 80%;	
}

.img_detalle_pdto figure img{
	max-height: 500px;
	position: relative;
	display: inherit;
	margin: 0 auto;
}

.descripcion_pdto{
	color: rgb(250, 250, 250);
}

.descripcion_pdto h6, .descripcion_pdto h5{
	color: rgb(250, 250, 250);
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;	
}

.product_rel a{
	width: 100%;
}

.product_rel a img{
	display: inherit;
	position: relative;
	margin: .8em auto;
	}

.product_rel p{
	position: relative;
	background-color: rgb(201, 167, 24);
	color: rgb(250, 250, 250);
	font-weight: bold;	
	margin-top: 1em;
}
.cont_toclick{
	display:none;
	position: absolute;
	overflow: scroll;
	overflow-x: hidden;
	top:0; left:0;
	width: 100.29%;
	height: 100%;
	background-color:rgba(10, 10, 10, .4);
	z-index: 10;
	cursor: pointer;
}

a.cerrar{
	display: none;
	position: relative;
	top: 6em;
	left: 1em;
	z-index: 10;
	background-color: rgb(190, 190, 190);
	color: white;
	text-decoration: none;
	font-family: Arian, sans-serif;
	font-weight: bolder;
	padding: .5em .8em;
	border-radius: 50%;
	
}
.nutrition{
	display: none;
	width: 30%;
	margin: 7em auto;
	border: 2px solid #000;
	background: #FFF;
}

.analytics{
	display: none;
	width: 90%;
	margin: 7em auto;
}

.spills {
	display: none ;
	width: 40%;
	margin: 7em auto;
}


.nitrogen{
	display: none;
	width: 70%;
	margin: 7em auto;
}

.nitrogen_sealing {
	/*display: none;*/
	background: none #FFF;
	padding: 20px 20px 3px 20px;
}

.show_nut, .show_analytics, .pointer {
	cursor: pointer;
}

.datos_tecnicos ul, .datos_tecnicos ul ul {
	font-family: Arial,Helvetica,Geneva,sans-serif;
	display: inline-block;
	list-style: none;
	margin-left: 0;
}

.datos_tecnicos ul ul {
	clear: both;
	line-height: 18px;
	border-bottom: 1px dotted #ffffff;
}

.datos_tecnicos ul ul li{
	display: inline-block;
	float: left;
}

.datos_tecnicos ul ul li span{
	font-size: 70%;
}

.datos_tecnicos ul ul li:first-child {
	width: 100px;
	font-weight: bold;
}

.datos_tecnicos ul ul li:last-child {
	width: 230px;
	text-align: right;
}

.red {
	color: #000 !important;	
}

.listado_tiendas {
	/*height: 220px;
	width: 70%;
	overflow: auto;
	overflow-x: hidden;
	margin: 10px auto 10px auto;
	border: 1px solid #C9A718;*/

	height: 360px;
	width: 90%;
	overflow: auto;
	overflow-x: hidden;
	margin: 10px auto 10px auto;
	border: 1px solid #dbdbdb;
	padding: 10px;
}

::-webkit-scrollbar{
  width: 12px;  /* for vertical scrollbars */
  height: 12px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track{
  background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb{
  background: rgba(0, 0, 0, 0.5);
}



.listado_tiendas ul, .listado_tiendas ul ul {
	font-family: Arial,Helvetica,Geneva,sans-serif;
	display: inline-block;
	list-style: none;
	margin-left: 0;
	margin-bottom: 0;
	width: 100%;
}

.listado_tiendas ul li a {
	color: #0A0A0A;
}

.listado_tiendas ul li a:hover {
	color: #C9A718;
}

.listado_tiendas ul li.titulo {
	/*clear: both;
	line-height: 30px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;*/

	clear: both;
	font-size:16px;
	color: #9C8400;
	line-height: 25px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	padding:5px 0 3px 0;
}

.listado_tiendas ul ul {
	clear: both;
	line-height: 18px;
	border-bottom: 1px dotted #eee;
}

.listado_tiendas ul ul li{
	display: inline-block;
	float: left;
	height: 50px;
}

.listado_tiendas ul ul li img {
	height: 90%;
	/*border: 1px solid #C9A718;*/
	padding: 3px;	
}


.listado_tiendas ul ul li span{
	font-size: 70%;
}

.listado_tiendas ul ul li:first-child {
	width: 40%;
	font-weight: bold;
}

.listado_tiendas ul ul li:last-child {
	width: 60%;
	text-align: right;
	vertical-align: bottom;
	padding-right: 30px;
	padding-top: 27px;
	line-height:15px;
}

.listado_tiendas ul ul li:last-child.doble {
	padding-top: 14px;
}

/* -----------------------------------------
  @ mediaquery
----------------------------------------- */
    /* Large desktop */
    @media only screen and (min-width: 1200px) {}
     
    /* Portrait tablet to landscape and desktop */
    @media only screen and (min-width: 768px) and (max-width: 979px) {}
     
    /* Landscape phone to portrait tablet */
    @media only screen and (max-width: 767px) {}
     
    /* Landscape phones and down */
    @media only screen and (max-width: 480px) {
		
		div.black {
			display: none;
		}
		
		.bg_e, .bg_escudo{
			display: none;
		}
		
		#logos_quality img{
			width: 50%;
			
		}
		
		.goTop{
			z-index: 300;
		}
		
		section#product_oil header h5{
			width: 80%;
		}
		
		.product_rel p{
			width: 75%;
		}
		
		.nutrition{
			width: 70%;
		}
		
		.analytics{
			width: 95%;
		}
		
	}


@media only screen and (max-width: 940px) {
nav.top-bar section{
	position: relative;
/*	top: 3.5em;*/
/*	left: 17em;*/
	padding-top: 0;
/*	padding-top: 3.5em;
*//*	height: 23em;*/
/*	background-color: blue;*/
}

.top-bar ul.left > li.has-dropdown .dropdown, .top-bar ul.right > li.has-dropdown .dropdown {
/*    left: 100% !important;
    right: auto !important;
*/    top: 0px;
}

div.eleven.columns.centered {
	padding: 0;
	width: 100%;
}

.top-bar ul > li.toggle-topbar {
    top: 38px;
}

nav.top-bar li.name, nav.top-bar li.name a {
    height: 100px;
}

.top-bar ul.left > li, .top-bar ul.right > li {
    border-bottom: 1px solid #222222;
}
}

@media only screen and (min-width: 941px) {
	
	nav.top-bar section{
		position: relative;
	/*	top: 3.5em;*/
		left: 17em;
		padding-top: 55px;
	/*	height: 23em;*/
	/*	background-color: blue;*/
	}
}

.sinBold {
	font-weight: normal !important;
}

  #direcciones{
     display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;   
  }
 #direcciones a{
  color:#000;
  display: block;
transition: 0.3s all ease-in
 }
 #direcciones a:after{
  content:'';
  display:block;
  width: 0;
  height:1px;
  background:rgb(201, 167, 24);
  margin-top:-1px;
  transition: 0.3s all ease-in;
 }
  #direcciones a:hover:after{
    width:100%;
  }
  #direcciones a:hover{
    color:rgb(201, 167, 24);
  }