/* @override 
	http://universalwine.es/web/css/estilos.css */

@charset "UTF-8";
/* CSS Document */
html, body {
height:100%;
margin:0;
padding:0;

font-family: 'ABeeZee', sans-serif;
}

section {
	margin-bottom: 20px;
	margin-top: 20px;
}


.logo_menu_cabecera {
width: 200px;
}

.menu_central {
	font: bold 12px;
}

.scrollToTop,
.scrollToTop:hover,
a {
    text-decoration: none
}

.enlace {
	text-decoration: underline;
}

.scrollToTop {
	width: auto;
	height: auto;
	background: #000;
	text-align: center;
	font-weight: 700;
	position: fixed;
	bottom: 30px;
	right: 30px;
	display: none;
	border-radius: 4px;
}

#mainNav {
	background-color: #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
}

#collapsingNavbar {
	margin-top: 10px;
}

.linea_final_seccion {
	height: 1px;
	background-color: #999999;
	width: 90%;
	margin: auto auto 20px;
}

.sparkling {
	background-color: #00632e;
}

#footer {
	background-color: #000000;
	padding-top: 30px;
	padding-bottom: 30px;
}

.texto_pie {
	font-size: 10px;
	margin-bottom: 0;
}

.texto_pie_telefono{
	font-size: 14px;
	margin-bottom: 0;
	font-weight: bold;
}

.texto_legal_aviso a {
	color: #ffffff;
	text-decoration: underline;
}

.bandera {
	width: 30px;
}

/* @group CAPTION */

figure {
  display: block;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0 20px 20px 0;
  width: 100%;
}
figcaption {
  position: absolute;
  color: white;
  padding: 15px 20px 8px;
  opacity: 0;
  -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -o-transition:      all 0.6s ease;
  left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
    width: 70%; /* Need a specific value to work */
}

.figcaption_tinto {
	background: rgba(157, 19, 96, 0.7);
}

.figcaption_sparkling {
	background: rgba(10, 117, 33, 0.7);
}

figure:hover figcaption {
  opacity: 1;
}
/*figure:before {
  content: "?";
  position: absolute;
  font-weight: 800;
  background: black;
  background: rgba(255,255,255,0.75);
  text-shadow: 0 0 5px white;
  color: black;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius:    12px;
  border-radius:         12px;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  -moz-transition: all 0.6s ease;
  opacity: 0.75;
}*/
figure:hover:before {
  opacity: 0;
}

.cap-center:before {  bottom: 10px; left: 10px; }
.cap-center figcaption { bottom: 45%; left: 0; }
.cap-center:hover figcaption { left: 0; }

.cap-center figcaption h4 a {
	
}

.cap-left:before {  bottom: 10px; left: 10px; }
.cap-left figcaption { bottom: 0; left: -30%; }
.cap-left:hover figcaption { left: 0; }

.cap-right:before { bottom: 10px; right: 10px; }
.cap-right figcaption { bottom: 0; right: -30%; }
.cap-right:hover figcaption { right: 0; }

.cap-top:before { top: 10px; left: 10px; }
.cap-top figcaption { left: 0; top: -30%; }
.cap-top:hover figcaption { top: 0; }

.cap-bot:before { bottom: 10px; left: 10px; }
.cap-bot figcaption { left: 0; bottom: -30%;}
.cap-bot:hover figcaption { bottom: 0; }

/* @end */

/* @group CATALOGO */

.catalogo_imagen {
	display: block;
	position: relative;		
}

.catalogo_caja_nombre_imagen {
	background-color: rgba(157, 19, 96, 0.7);
	  display: block;
	  position: absolute;
	  bottom: 50%;
	padding: 12px 5px 5px;
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
	left: 0;
}

.color_fondo_morado {
	background-color: #9d1460;
}

.color_fondo_verde {
	background-color: #026937;
}

/*.catalogo_caja_imagen a:hover {
	opacity: 0.7;
}*/

.catalogo_caja_nombre {
	padding-top: 15px;
	color: #ffffff;
	padding-bottom: 5px;
}

.catalogo_listado_nombre a, .catalogo_listado_tipo a {
	color: #ffffff;
	text-decoration: none;
}

.catalogo_listado_nombre a:hover, .catalogo_listado_tipo a:hover {
	opacity: 0.7;
}

/* @end */

/* @group PARALLAX */

.parallax-nosotros, .parallax-los_vinos {
    min-height: 400px;
    background: transparent;
}

/* @end */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
	
	.logo_menu_cabecera {
		width: 200px;
	}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	

	.logo_menu_cabecera {
		width: 150px;
	}

	.menu_central {
		font: bold 9px ;
		margin-bottom: 0px;
	}

	.navbar .divider-vertical {
	  height: 20px;
	  margin: 0 3px;
	  border-left: 1px solid #000;
	  position: relative;
	  top: 8px;
	}
	
	.parallax-nosotros, .parallax-los_vinos {
	    min-height: 600px;
	    background: transparent;
	}

}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	
	
	.logo_menu_cabecera {
		width: 200px;
	}
	

	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

	.logo_menu_cabecera {
		width: 250px;
	}
	


}