@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Abril+Fatface|Roboto:100,300,400,500,700);

.negro,
a,
a:hover,
body {
	color: #212120
}

a.link:hover,
a:hover,
footer a:hover {
	text-decoration: underline
}

.grid figure,
.modal-content,
.ov-hidden,
.select {
	overflow: hidden
}

#anclas-nav a,
.grid figure {
	cursor: pointer
}

.grid figure h2,
.subtitulo {
	font-weight: 300
}

.categoria,
figure .categoria {
	letter-spacing: 2px;
	text-transform: uppercase
}

html {
	scroll-behavior: smooth
}

body {
	font-family: Roboto, sans-serif;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	/*background-color: #ededec*/
}

a {
	text-decoration: none;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.header,
header,
section#anclas-nav {
	transition: all .37s cubic-bezier(0, 0, .58, 1) 0s
}

.relative {
	position: relative
}

.padding-v15 {
	padding-top: 15px;
	padding-bottom: 15px
}

.padding-v30 {
	padding-top: 30px;
	padding-bottom: 30px
}

.padding-10 {
	padding: 10px
}

.m-b-15 {
	margin-bottom: 15px
}

.m-t-15 {
	margin-top: 15px
}

.m-t-50 {
	margin-top: 50px
}

.m-r-15 {
	margin-right: 15px
}

.m-x-auto {
	margin-left: auto;
	margin-right: auto
}

#header_user_info .btn-verde-out,
.btn-verde {
	margin-right: 10px
}

.bottom-column {
	float: none;
	display: table-cell;
	vertical-align: bottom
}

.form-control,
a.link,
a.logo {
	display: block
}

.bodega,
a.link {
	vertical-align: middle
}

img.ico {
	width: 75px
}

img.ico-md {
	width: 120px
}

img.ajustar {
	max-width: 100%;
	max-height: 300px
}

.verde {
	color: #f0EDD9;
}

.azul {
	color: #30317f
}

.beige {
	color: #d4cdc0
}

.salmon {
	color: #bc8779
}

.blanco,
.blanco:hover {
	color: #fff
}

.bg-negro {
	background-color: #350b3D !important
}

.bg-verde {
	background-color: #f0EDD9;
}

.bg-azul {
	background-color: #30317f
}

.bg-beige {
	background-color: #fcf9eb
}

.bg-salmon {
	background-color: #bc8779
}

.bg-gris {
	background-color: #ededec
}

.bg-blanco {
	background-color: #fff
}

.btn {
	border-radius: 0;
	padding: 6px 12px;
	white-space: inherit
}

#header_right .btn {
	/*height: 34px;
	line-height: 19px;*/
	margin-bottom: 3px;
	margin-top: 3px
}

.alert-grey,
header .header .list-inline {
	margin-bottom: 0
}

.btn i {
	margin-left: 15px
}

.btn-default {
	background-color: transparent;
	border: 2px solid #350B3D;
	color: #350B3D
}

.btn-default:focus,
.btn-default:hover {
	background-color: #350B3D;
	border: 2px solid #fff;
	color: #fff;
}

.btn-verde {
	background-color: #350B3D;
	border: 2px solid #fff;
	color: #fff; 
}

.btn-verde:focus,
.btn-verde:hover {
	background-color: #fff;
	border: 2px solid #350B3D;
	color: #350B3D;
}

.btn-verde-out {
	background-color: #350B3D;
	border: 2px solid #fff;;
	color: #fff;
}

.btn-verde-out:focus,
.btn-verde-out:hover {
	background-color: rgba(255, 255, 255, 1);
	border: 2px solid #fff ;
	color: #350B3D !important;
}

.btn-blanco {
	background-color: transparent;
	border: 2px solid #fff;
	color: #fff
}

.btn-blanco:focus,
.btn-blanco:hover {
	background-color: #f0EDD9;;
	border: 2px solid #f0EDD9;;
	color: #fff
}

.btn-link {
	color: #f0EDD9;
}

#top_bar #header_user_info .btn-link {
	border-bottom: medium none;
	border-left: medium none;
	border-right: 1px solid #474747 !important;
	border-top: medium none;
	color: #f0EDD9;;
	line-height: 23px;
	margin-right: 10px;
	padding-right: 20px
}

.btn-link:focus,
.btn-link:hover {
	color: #f0EDD9;;
	text-decoration: underline
}

.alert {
	border-radius: 0
}

.alert-grey {
	background-color: #2d2d2b;
	border: none;
	color: #fff
}

.alert-danger {
	background-color: #ce877c;
	color: #fff
}

.label {
	border-radius: 0
}

.close {
	color: #fff;
	float: right;
	font-size: 30px;
	opacity: .5;
	text-shadow: 0 1px 0 #fff
}

.close:focus,
.close:hover {
	color: #fff;
	opacity: .8
}

.modal-content .close {
	color: #212120
}

h1,
h2,
h3 {
	font-family: 'Abril Fatface', cursive
}

h2 {
	font-size: 42px
}

.categoria {
	font-family: Roboto, sans-serif;
	padding: 0 0 5%
}

.subtitulo {
	font-family: Roboto, sans-serif;
	font-size: 130%;
	line-height: 140%
}

a.link {
	padding: 6px;
	line-height: 1.42857;
	border: 2px solid transparent
}

a.link:hover {
	color: #efefef
}

a.go {
	font-size: 50px
}

main section.cd-section {
	padding-top: 60px
}

header {
	left: 0;
	width: 100%;
	z-index: 10
}

header.active {
	font-size: 90%;
	position: fixed;
	top: 0
}

header.active .header {
	padding: 5px
}

a.logo {
	height: 40px;
	line-height: 40px
}

.logo img {
	max-width: 92px
}

header a {
	color: #fff
}

.header {
	padding: 10px 0
}

header .header .list-inline li.borde {
	border-left: 1px solid #494949
}

footer {
	color: #212120
}

footer #footer-primary,
footer a,
footer a:hover {
	color: #fff
}

footer ul li {
	margin-bottom: 15px
}

section#anclas-nav {
	left: 0;
	position: relative;
	top: 0;
	width: 100%;
	height: 65px;
	z-index: 8;
	padding: 15px 0;
	text-align: center
}

section#anclas-nav.active {
	font-size: 90%;
	position: fixed;
	bottom: 0;
	top: auto;
	box-shadow: 0 -1px 5px #888;
	padding: 8px 0;
	height: auto
}

body.club-envero section#anclas-nav {
	top: 750px
}

body.club-envero section#anclas-nav.active {
	top: auto
}

#cd-vertical-nav ul {
	padding: 0;
	margin: 0
}

#cd-vertical-nav ul li {
	display: inline-block;
	margin: 0 .5em
}

#cd-vertical-nav ul li a {
	padding: 8px 15px;
	display: block
}

#cd-vertical-nav ul li a:focus {
	text-decoration: none;
	color: #212120
}

#cd-vertical-nav ul li a.is-selected,
#cd-vertical-nav ul li a.is-selected:focus,
#cd-vertical-nav ul li a:hover {
	background-color: #d1d1d1;
	text-decoration: none;
	color: #212120
}

.modal-content {
	border-radius: 0
}

.modal-header {
	border-bottom: none
}

.modal-footer {
	border-top: none
}

#login .bg-beige img.img-responsive,
#thankyou .bg-beige img.img-responsive {
	margin-top: 100px
}

.select {
	position: relative;
	border: 2px solid #212120;
	width: 100%;
	background-color: #fff;
	margin-bottom: 15px
}

.select:before {
	content: '\25be';
	position: absolute;
	right: 8px;
	top: 6px;
	z-index: 5
}

.grid,
.grid figure,
.grid figure img {
	position: relative
}

.select select {
	padding: 5px 8px;
	width: 100%;
	border: none;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none
}

select:required:invalid {
	color: #999
}

option[value=""][disabled] {
	display: none
}

option {
	color: #212120
}

input[type=radio] {
	display: none;
	margin: 10px
}

input[type=radio]+label {
	font-size: 120%;
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 8px 15px;
	background-color: #fff;
	border: 2px solid #212120;
	color: #212120;
	cursor: pointer
}

input[type=radio]:checked+label {
	background-image: none;
	background-color: #f0EDD9;;
	border-color: #f0EDD9;;
	color: #fff
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
	visibility: hidden;
	margin-left: 0;
	position: relative
}

.checkbox label::before {
	background-color: #fff;
	border: 2px solid #212120;
	border-radius: 0;
	color: #fff;
	content: "-";
	font-size: 16px;
	display: inline-block;
	height: 25px;
	margin-right: 10px;
	width: 25px
}

.checkbox input[type=checkbox]:checked+label::before {
	background-color: #fff;
	color: #212120;
	content: "✓";
	font-size: 16px;
	height: 25px;
	margin-right: 10px;
	text-align: center;
	width: 25px
}

.form-control {
	border: 2px solid #212120;
	border-radius: 0;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
	color: #212120;
	font-size: 14px;
	height: 34px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
	width: 100%
}

.form-control:focus {
	border-color: #212120;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(128, 165, 209, .6);
	outline: 0
}

.grid:after,
.grid:before {
	clear: both;
	content: " ";
	display: table
}

.grid figure {
	float: left;
	background: #000
}

.bg-club,
.bg-winebox {
	background-repeat: no-repeat;
	background-size: contain
}

.grid figure h3 a,
.grid figure h3 a:focus {
	color: #fff;
	text-decoration: none
}

.grid.ajustado figure {
	width: 33.33%;
	max-height: 400px;
	text-align: center
}

.grid.ajustado.tres-info-home {
	float: left;
	width: 33.33%
}

.grid.ajustado.tres-info-home figure {
	width: 100%;
	max-height: 400px;
	text-align: center
}

#easycontent_container_1 {
	clear: left
}

.grid figure img {
	display: block;
	min-height: auto;
	max-width: 100%;
	opacity: .8
}

.grid figure figcaption {
	padding: 20px;
	color: #fff;
	font-size: 2.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	font-family: 'Abril Fatface', cursive
}

.grid.ajustado figure figcaption {
	padding: 2em
}

.grid figure figcaption::after,
.grid figure figcaption::before {
	pointer-events: none
}

.grid figure figcaption,
.grid figure figcaption>a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.grid.ajustado figure figcaption>a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0
}

.grid figure h2 span {
	font-weight: 800
}

.grid figure h2,
.grid figure p {
	margin: 0
}

#bodegas h2,
#bodegas h3 {
	margin-top: 80px
}

.grid figure p {
	font-size: 45.5%;
	font-family: Roboto, sans-serif;
	font-weight: 600;
	padding: 15% 0 0;
	line-height: 1.4
}

figure .categoria {
	font-family: Roboto, sans-serif;
	font-size: 40%;
	padding: 0 0 40px
}

figure.effect-lily img {
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	opacity: .7;
	-webkit-transition: opacity .35s, -webkit-transform .35s;
	transition: opacity .35s, transform .35s;
	-webkit-transform: translate3d(-40px, 0, 0);
	transform: translate3d(-40px, 0, 0)
}

figure.effect-lily figcaption {
	text-align: left
}

figure.effect-lily figcaption>div {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	height: 100%;
	line-height: 1
}

figure.effect-lily h2,
figure.effect-lily p {
	-webkit-transform: translate3d(0, 40px, 0);
	transform: translate3d(0, 40px, 0)
}

figure.effect-lily h2 {
	-webkit-transition: -webkit-transform .35s;
	transition: transform .35s
}

figure.effect-lily p {
	color: rgba(255, 255, 255, 1);
	opacity: 0;
	-webkit-transition: opacity .2s, -webkit-transform .35s;
	transition: opacity .2s, transform .35s
}

figure.effect-lily:hover img,
figure.effect-lily:hover p {
	opacity: 1
}

figure.effect-lily:hover h2,
figure.effect-lily:hover img,
figure.effect-lily:hover p {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

figure.effect-lily:hover p {
	-webkit-transition-delay: 50ms;
	transition-delay: 50ms;
	-webkit-transition-duration: .35s;
	transition-duration: .35s
}

.bg-club {
	background-image: url(../img/section-bg-club.jpg);
	background-position: center bottom
}

.bg-winebox {
	background-image: url(../img/section-bg-winebox.png);
	background-position: right center
}

.bg-promociones,
.bg-regalar {
	background-size: cover;
	background-repeat: no-repeat
}

.bg-regalar {
	background-image: url(../img/header-regala.png);
	background-position: center center
}

.bg-promociones {
	background-image: url(../img/bg-promociones.jpg);
	background-position: right top;
	padding-bottom: 25px;
	padding-top: 25px
}

.bg-promo {
	background-image: url(../img/section-bg-promo.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain
}

.bg-mapa,
.bg-regalar-info {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}

.bg-mapa {
	background-image: url(../img/section-bg-mapa.jpg)
}

.bg-regalar-info {
	background-image: url(../img/section-bg-regalar.jpg);
	background-attachment: fixed
}

.bg-maridaje {
	background-image: url(../img/bg-maridaje-01.png), url(../img/bg-maridaje-02.png);
	background-repeat: no-repeat;
	background-position: left center, right center;
	background-size: auto
}

.bg-bodegas,
.bg-carrito,
.bg-experiencias {
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 25px
}

.bg-bodegas {
	background-image: url(../img/bg-bodegas.jpg);
	background-position: center center
}

.bg-experiencias {
	background-image: url(../img/bg-experiencias.jpg);
	background-position: right center
}

.bg-carrito {
	background-image: url(../img/bg-carrito.jpg);
	background-position: center center
}

.bg-carrito-vacio {
	background: 0 0
}

.bg-deslogueado {
	padding-bottom: 60px;
	padding-top: 70px;
	background-color: #ededec
}

#bodegas {
	margin: 35px auto -15px;
	width: 100%;
	max-width: 1170px
}

#bodegas .padding-v30 {
	margin-left: 0;
	margin-right: 0
}

#bodegas .bg-blanco {
	padding-top: 0
}

#bodegastop a,
#bodegastop h2 {
	color: #FFF
}

.bodega,
.bodega a {
	color: #fff;
	height: 320px;
	display: block
}

#bodegas h2 {
	font-size: 24px
}

.bodega {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0;
	text-align: center;
	text-transform: uppercase
}

.logo-age,
.logo-aura,
.logo-campoviejo,
.logo-tarsus,
.logo-ysios {
	position: absolute;
	top: 10px;
	z-index: 50;
	right: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

.bodega a {
	background-color: rgba(0, 0, 0, .5);
	font-size: 24px;
	font-weight: 700;
	transition: all .3s ease 0s;
	width: 100%
}

.bodega a:hover,
.bodegas a div {
	background-color: rgba(0, 0, 0, .2)
}

.bodega a:hover {
	text-decoration: none
}

.bodega.img-campoviejo {
	background-image: url(../img/bodegas/img-campoviejo.jpg)
}

.bodega.img-ysios {
	background-image: url(../img/bodegas/img-ysios.jpg)
}

.bodega.img-tarsus {
	background-image: url(../img/bodegas/img-tarsus.jpg)
}

.bodega.img-aura {
	background-image: url(../img/bodegas/img-aura.jpg)
}

.bodega.img-age {
	background-image: url(../img/bodegas/img-age.jpg)
}

.logo-campoviejo {
	background-image: url(../img/bodegas/logo-campoviejo.png);
	height: 42px;
	width: 158px
}

.logo-ysios {
	background-image: url(../img/bodegas/logo-ysios.png);
	height: 63px;
	width: 141px
}

.logo-tarsus {
	background-image: url(../img/bodegas/logo-tarsus.png);
	height: 66px;
	width: 85px
}

.logo-aura {
	background-image: url(../img/bodegas/logo-aura.png);
	height: 57px;
	width: 121px
}

.logo-age {
	background-image: url(../img/bodegas/logo-age.png);
	height: 54px;
	width: 190px
}

.bg-marcas {
	background-image: url(../img/bg-marcas.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

.bg-entrantes-01 {
	background-image: url(../img/img-maridaje-aperitivos.jpg)
}

.bg-entrantes-02 {
	background-image: url(../img/img-maridaje-queso.jpg)
}

.bg-entrantes-03 {
	background-image: url(../img/img-maridaje-embutido.jpg)
}

.bg-carne-01 {
	background-image: url(../img/img-maridaje-carne.jpg)
}

.bg-carne-02 {
	background-image: url(../img/img-maridaje-carneblanca.jpg)
}

.bg-carne-03 {
	background-image: url(../img/img-maridaje-carneroja.jpg)
}

.bg-carne-04 {
	background-image: url(../img/img-maridaje-aves.jpg)
}

.bg-carne-05 {
	background-image: url(../img/img-maridaje-caza.jpg)
}

.bg-pescado-01 {
	background-image: url(../img/img-maridaje-marisco.jpg)
}

.bg-pescado-02 {
	background-image: url(../img/img-maridaje-caviar.jpg)
}

.bg-pescado-03 {
	background-image: url(../img/img-maridaje-pescado.jpg)
}

.bg-pasta-01 {
	background-image: url(../img/img-maridaje-verduras.jpg)
}

.bg-pasta-02 {
	background-image: url(../img/img-maridaje-pasta.jpg)
}

.bg-pasta-03 {
	background-image: url(../img/img-maridaje-arroz.jpg)
}

.bg-pasta-04 {
	background-image: url(../img/img-maridaje-setas.jpg)
}

.bg-pasta-05 {
	background-image: url(../img/img-maridaje-cremas.jpg)
}

.bg-pasta-06 {
	background-image: url(../img/img-maridaje-sopas.jpg)
}

.bg-internacional-01 {
	background-image: url(../img/img-maridaje-sushi.jpg)
}

.bg-internacional-02 {
	background-image: url(../img/img-maridaje-internacional.jpg)
}

.bg-postres-01 {
	background-image: url(../img/img-maridaje-postres.jpg)
}

.bodegas a {
	padding: 0;
	position: relative;
	display: block
}

.bodegas img.logo {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 2
}

.bodegas a div {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.bodegas a:hover div {
	background-color: rgba(0, 0, 0, .1)
}

.breadcrumb {
	background: 0 0;
	border-radius: 0;
	margin-bottom: 10px;
	padding: 0
}

.breadcrumb>li+li::before {
	color: #212120;
	font-family: FontAwesome;
	content: "\f101";
	padding: 0 3px;
	font-weight: 400
}

.breadcrumb>.active {
	color: #212120;
	font-weight: 700
}

.breadcrumb.blanco>li a,
.breadcrumb.blanco>li+li::before {
	color: #fff
}

.breadcrumb.blanco>.active {
	color: #fff;
	font-weight: 700
}

.pagination ul {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0
}

.pagination li a,
.pagination li span {
	padding: 5px 7px
}

.pagination li {
	display: inline-block
}

.pagination li.active {
	background-color: #f0EDD9;;
	color: #fff
}

.pagination li a:focus,
.pagination li a:hover {
	color: #3aaa9e;
	text-decoration: none
}

.pagination-centered {
	text-align: center;
	display: block
}

.producto a.text-center {
	border-bottom: 1px solid #efefef;
	position: relative;
	display: block
}

.producto a.text-center span {
	position: absolute;
	left: 5px;
	top: 5px
}

.producto .precio {
	border-bottom: 1px solid #929292;
	color: #212120;
	display: block;
	font-size: 38px;
	font-weight: 300;
	height: 47px;
	line-height: 42px
}

.producto .tit-product-home {
	min-height: 33px
}

.producto div p.small {
	color: #212120;
	margin-bottom: 0
}

.inside-full-height {
	height: 100%;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #fff
}

.content {
	padding: 15px
}

.rte ul.lista {
	list-style-type: none;
	padding-left: 0;
	margin-top: 25px;
	font-size: 120%;
	margin-left: 0;
	line-height: 21px
}

.rte ul.lista li {
	padding-left: 25px;
	background: url(../img/ico-lista.png) left 2px no-repeat;
	margin-bottom: 10px
}

@media (max-width:1199px) {
	h2 {
		font-size: 36px
	}

	#marcas h3 {
		margin: 150px 10px 15px !important
	}
}

@media (max-width:1000px) {

	.bg-club,
	.bg-maridaje,
	.bg-promo,
	.bg-promociones,
	.bg-winebox {
		background-image: none
	}

	footer ul li {
		margin-bottom: 10px
	}

	main section.cd-section {
		padding-top: 40px
	}

	#bodegas h3,
	#maridaje h2 {
		margin-top: 45px
	}

	#marcas h3 {
		margin: 60px 10px 15px !important
	}

	#maridaje {
		width: 980px
	}
}

@media (max-width:950px) {
	.grid.ajustado figure {
		max-height: 500px
	}

	.grid figure figcaption {
		padding: .7em;
		font-size: 2em
	}

	figure.effect-lily figcaption>div {
		padding: 1em
	}

	.header ul.list-inline {
		margin-right: 45px
	}

	.maridaje a div {
		width: 100%;
		height: 240px
	}

	#maridaje {
		width: 920px
	}
}

@media (max-width:767px) {

	.grid figure,
	.grid.ajustado figure {
		width: 100%;
		max-height: 250px
	}

	.grid figure p {
		padding: 8% 0 0
	}

	.producto .precio {
		font-size: 28px
	}

	#cd-vertical-nav ul li {
		margin: 0 3px
	}

	#cd-vertical-nav ul li a {
		padding: 4px 9px
	}

	.header ul.list-inline {
		margin-right: 45px
	}

	.modal-content .close {
		color: #212120
	}

	#maridaje {
		width: 750px
	}
}

@media only screen and (max-width:470px) {
	h2 {
		font-size: 22px
	}

	h3 {
		font-size: 18px
	}

	img.ico {
		width: 60px
	}

	img.ico-md {
		width: 80px
	}

	#maridaje {
		width: 100%
	}
}

.experiencias-container a.go {
	display: none;
}

.recordatorio-envio {
	margin-top: 25px;
}

.recordatorio-envio h4 {
	color: #f0EDD9;;
}

.recordatorio-envio p {
	font-size: 13px;
}

#module-fnacexperiencias-fnac #breadcrumb_wrapper {
	display: none;
}


.link-legales {
	padding-top: 20px;
}

.link-legales div {
	display: inline-block;
	margin-right: 30px;
}

.terminos-y-condiciones-content a {
	text-decoration: underline;
	color: #7d54cd;;
}

.acepto-condiciones a {
	text-decoration: underline;
}