@import url(../font/flaticon.css);

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&family=PT+Sans:wght@400;700&display=swap');
*{margin:0; padding:0;font-family:'PT Sans',sans-serif;}
html{height:100%;
font-smooth:always;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}



#desarrollomode{color:#fff; text-align:center; background:#f00; position:fixed; z-index:99999; padding:1em; font-weight:800; box-shadow: 1px 3px rgba(0,0,0,0.2);  text-shadow: 1px 1px rgba(0,0,0,0.2)}

#webs li:last-child{display:none !important}

.dtodiv{position:absolute; z-index:999; background:#9e1230; color:#fff; border-radius:150px; border:1px solid #85714f;  font-size:9px; width:90px; height:90px; margin-left:170px; margin-top:10px;  box-shadow: 1px 3px 2px rgba(0,0,0,0.5);}
.dtodiv> div{display:table-cell; vertical-align:middle; width:90px; height:90px}
.dtodiv .dtoporcent{font-size:20px; font-weight:600}
.dtodiv .oldprice{text-decoration:line-through;font-size:12px}
.dtodiv .newprice{font-size:18px}
.buttoned{background:#9e1230;;display:block !important;padding:1em; font-size:0.9em; color:#333333; width:50% !important; margin:2em auto 0 auto;font-weight:600; text-align:center; cursor:pointer}
.buttoned:hover{background:#000; color:#d4b870}


/*formularios*/
.checksubs{cursor:pointer;}
.checksubs:hover .check,  .checksubs.aceptado .check{background:#9e1230;}
.checksubs:hover .accept,  .checksubs.aceptado .accept{color:#fff}
.check{width:1.2em; height:1.2em; background:#2c2c2c; display:inline-block; margin-right:0.8em}
.accept{font-size:0.8em; display:inline !important; vertical-align:0.2em; color:#BBB}
.sendsubs{background:#9e1230;display:block !important; border:none !important; padding:1em 0; font-size:0.9em; color:#010101; margin-top:1em;font-weight:600; text-align:center; cursor:pointer}
.sendsubs:hover{background:#9e1230; color:#fff}

#thv{position:fixed; width:100%; height:100vh; z-index:9999; top:0;background:rgba(0,0,0,0.95); display:none }
#thv div{width:80vw; height:80vh;   margin:10vh auto; box-shadow:2px 2px 20px rgba(0,0,0,0.2);}
#thv a{position:absolute; top:10vh; left:90vw; display:block; width:1em; height:1em; background:#000; color:#fff; font-size:2em; text-align:center; line-height:1em; border:1px solid #aaa}
#thv a:hover{border-color:#fff; background:#f4b218; color:#000}
#thv iframe{width:100% !important;; height:100% !important}

.burguer{display:none;}

.viewMovil{display:none;}


.homewinedata{width:100%; background:#000; color:#fff}

.homewinedata a{color:#ccc}

#the{position:fixed; width:100%; height:100vh; z-index:10000; top:0;background:rgba(0,0,0,0.95); display:block}
#the >div{width:auto;  background:#9e1230; margin:20vh auto; box-shadow:2px 2px 10px rgba(0,0,0,0.8); display:table}
#the >div > div{display:table-cell; padding:5em; vertical-align:bottom; text-align:center}
#the p#alertas{color:#fff; text-align:center; font-size:1em}
#the .buttoned{background:#fff;display:inline-block !important;padding:1em; font-size:0.9em; color:#333333; width:20% !important; margin:1em;font-weight:600; text-align:center; cursor:pointer}
#the .buttoned:hover{background:#000; color:#fff}
#the img{width:250px; margin-bottom:1em}
#the .buttoned.cookie{width:75% !important; margin:1em 10% !important; padding:1em}
#the .edaddisabled, #the .edaddisabled:hover{background:#d1d1d1 !important; color:#bbb !important}


#cookies{position:fixed; z-index:999; background:rgba(0,0,0,0.85); width:90vw; height:10vh; top:95vh; margin:0 5vw;}
#cookies>div{padding:1em; color:#fff; text-align:center;}
#cookies .buttoned{background:#d4b870;display:inline !important;padding:0.5em; font-size:0.9em; color:#333333; width:auto; margin:0.5em;font-weight:600; text-align:center; cursor:pointer}

#cookiediv{position:fixed; bottom:0px; background:rgba(0,0,0,0.95); z-index:190; width:100%}
#cookiediv p{color:#fff !important; padding:0.5em 2em; text-align:center }
#cookiediv p a{color:#fff; text-decoration:underline}
#cookiediv p a.buttoned{text-decoration:none; margin:1em auto;}


#th{position:fixed; width:100%; height:100vh; z-index:9999; top:0;background:rgba(255,255,255,0.8); display:none }
#th >div{width:30%;  background:#fff; margin:30vh auto; border:2px solid #a0824d; box-shadow:2px 2px 20px rgba(0,0,0,0.2); display:table}
#th >div > div{display:table-cell; padding:3em 1em 0.5em 1em; vertical-align:bottom}
#th p#alertas{color:#333333; text-align:center; font-size:1em}
.xblk{background:url(../img/close.cross.png) #000 no-repeat 50% 50%; background-size:200%}
.xwht{background:url(../img/close.cross.blk.png) #000 no-repeat 50% 50%;}
body {font-family: 'Cormorant Garamond', serif !important; color:#333; font-size:16px ;background-color:#fff;padding:0; font-weight:300; letter-spacing:0em}
img{border:0;}
a{text-decoration:none; color:#000}
a:hover{text-decoration:none; color:#9e1230; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
strong{font-weight:500}
p{ font-size:14px; font-weight:500; line-height:16px;}
p strong{font-weight:700}
 li{font-size:16px; font-weight:500;}

/* animaciones por opacidad;*/
.noview{display:none !important}
.nofloat{clear:both}
.noindex{position: absolute !important; clip: rect(1px 1px 1px 1px);}

.a05{-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.a02{-webkit-transition: all 0.2s ease; transition: all 0.2s ease;}

/*contenidos*/
#allcontents{position:absolute; top:0; left:0; right:0; z-index:1000;;}

#banner{opacity:1; height:400px; padding:0;}
.fullbanner {width:100%; height:400px; max-width:1170px; margin:0 auto;  overflow:hidden !important;}
.fullbanner ul{display:block}
.fullbanner li{display:block; height:400px; background:no-repeat; background-size:100%}
.fullbanner li .text{margin-left:30%; display:table; height:400px; width:60%}
.fullbanner li>div>div{display:table-cell; height:400px; vertical-align:middle !important}
.fullbanner h3{color:#9e1230; font-size:1.8em;  margin-bottom:1em;}
.fullbanner p{color:#9e1230 !important; font-size:1.2em; width:100%; line-height:1.3em;; marfin-left:1em; margin-bottom:1em}
.fullbanner .btn{text-align:right; width:30%; margin-top:16em; display:none}
.fullbanner .btn a{background:#9e1230; padding:0.5em 1em 0.6em 1em; color:#fff; border-radius:3px; font-size:1.5em}
.fullbanner .btn a:hover{background:#000}
.fullbanner .pricepromo{margin-left:980px;position:absolute; display:block !important; margin-right:10%; margin-top:5%; background:#9e1230; color:#fff; border-radius:3.2em; font-size:1.5em; width:3.2em; height:3.2em; line-height:3em; text-align:center;-ms-transform: rotate(7deg); -webkit-transform: rotate(7deg);   transform: rotate(7deg);font-weight:400}
.fullbanner .pricepromo span{font-size:0.5em; vertical-align:0.5em}

.fullbanner .bpoint{position:absolute; z-index:25; text-align:center;width:100%; margin-top:370px;left:0;}
.fullbanner .bpoint a{display:inline-block; margin:0.2em; border-radius:1em; width:0.8em; height:0.8em; background-color:#9e1230; border:1px solid #fff; box-shadow:1px 1px 3px rgba(0,0,0,0.5)}
.fullbanner .bpoint a:hover, .fullbanner .bpoint a.active{background:#9e1230}



.bonoa{text-align:center; background:#ddeeee; background-repeat:none; background-position:0% 50%; background-size:auto 100%; background-image:url(../img/bg.bonoa.png)}
.bonoa img{display:block; margin:0 auto}


#page{background:rgba(255,255,255,1); width:100%; margin: 0 auto;}

/*Header*/
#header{width:100%; background-image:url(../img/body_fon.jpg); background-repeat: no-repeat; background-size: 100% auto; z-index:9999; position:fixed; background-color:#000; height:200px}

#header.logotyped{background-image:url(../img/logo.heder.logotyped.png); background-repeat: no-repeat ; background-position:10px 99%; background-color:#000 ; background-size:200px auto}

#header.logotyped a.mipedido{top:48px}


#logo{ margin:1em auto 0em auto; width:100%; text-align:left; padding-left: 10%;}
#logo h1{display:none}
#logo img{margin:0em auto 0.5em auto; height:100px}

.menupral{width:100%;text-align:right}
.menupral ul{padding:0; text-align:left; display:inline}
.menupral a {text-decoration:none;display:block; color:#eee; padding:0.8em 1.3em; text-transform:uppercase;;  font-size:1em; font-weight:400}


.menupral a:hover, .menupral a.active{background:#010101; color:#fff; border-top:1px solid #9e1230}
	
.menupral ul li{font-family:'Cormorant Garamond' , serif; list-style:none; display:inline-block; text-align:center; }

.menupral > ul >li:hover ul{display:block}
.menupral ul ul{position:absolute;z-index:999;display:none; margin:0;padding:0; padding-top:10px; width:inherit;background:#9e1230;}
.menupral ul ul li{font-size:1em; display:block; text-align:left;width:100%;background:#9e1230;border:0 !important}
.menupral ul ul a{font-size:1em; background:#9e1230 !imoprtant;border:0 !important}

 a.mipedido{top:0;color:#fff; text-decoration:none; display:block; width:12em; background:#010101; padding:1em 1em 0.9em  2em; font-size:0.7em; color:#fff; font-weight:800; position:fixed;right:10%; border:none}
 a.mipedido h2{width:auto; font-size:1em !important}
 a.mipedido span{display:block; color:#fff; opacity:0}
 a.mipedido:before{color:#9e1230;margin:0 0.5em 0 0; vertical-align:-5px; float:left; font-size:2em }
 a.mipedido.active span{opacity:1}
 a.mipedido:hover,  a.mipedido.active{color:#fff}
 a.mipedido:hover:before{color:#fff}



 a.mipedido.marcado{animation: brillocesta  0.1s 2}


.mactiv{opacity:0.35 !important}



#content{
	padding-top:200px;
	width:100%;
}
.inc{
	width:100%;
	max-width:1170px;
	margin:0 auto;
}

#footer{width:100%;background:#010101; font-family:'Cormorant Garamond' , serif;}
#footer > div{width:100%; max-width:1170px; margin:0em auto; padding:4em 0}
#footer > div > div{ width:23.1%; display:inline-block; vertical-align:top; margin-right:2%;}
#footer > div > div:nth-child(4n+0){margin-right:0px}


#footer h2{color:#9e1230; font-size:1.3em; margin-bottom:1em}
#footer >div h2>img{width:260px}
#footer a, #footer li{color:#eee !important;}
#footer a:hover{color:#fff; text-decoration:underline}
#footer li{list-style:none;color:#9e1230}


#footer #subs{}

#subs input#mailsubs{background:#2c2c2c; border:none !important; padding:1em; font-size:0.9em; color:#ddd;width:90%; margin-bottom:1em}
#subs input#mailsubs:focus{color:#fff; border:1px solid #bbb}
#subs .sendsubs{width:100%; display:block}

#footer  #webs{width:100%; background:#9e1230;}
#webs ul{margin:0; padding:0; background:#9e1230; }
#webs ul li{width:11.5%; display:inline-block; text-align:center;padding:2em 0; background:#9e1230; vertical-align:top; height:100px}
#webs ul li:first-child{background:#846d43; width:18%;}

#webs ul li img{opacity:0.4; width:80%; max-width:120px;-webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
#webs ul li img:hover{opacity:1}
#webs ul li:first-child img{ width:90%; max-width:160px}



ul.hw {margin:0 auto; padding:0; width:100%; margin-bottom:4em; text-align:center}
ul.hw li{display:inline-block;vertical-align:top; text-align:center;margin:1em auto ; list-style-type: none; height:490px; width:24.5%; background-color:#efefef; border:1px solid #efefef}
ul.hw li:hover{ background:#e1e1e1; border:1px solid #d1d1d1}
ul.hw li:hover img{margin-top:-175px}
ul.hw li p{padding:1em; text-align:left}

ul.hw li a{margin:0 !important}
ul.hw .imgrt{height:300px; overflow:hidden; box-shadow:inset  0 -8px 8px -6px rgba(0,0,0,0.2);}
ul.hw li a img{height:auto; margin-top:-170px; width:95%;transform: rotate(-8deg); box-shadow:inset  0 -8px 6px -6px rgba(0,0,0,0.6);}

ul.hw h3{font-size:1.2em; font-weight:400; margin-top:0.5em}

ul.hw  li:nth-child(1n+7) img{margin-top:-300px; margin-left:-50px}
ul.hw  li:nth-child(1n+7):hover img{margin-top:-305px;}




/*por apartados*/

.banner{width:100%; background:url("../img/backinfo.jpg");overflow:hidden;} 


/*Inicio*/





/*contacto*/
/*formulario*/
.form {text-align:left;}
.form div.inp{width:49%; float:right;margin-bottom:1em}
.form div.inp:nth-child(odd){float:left;}
.form div label{display:block; font-size:0.8em; color:#333; text-transform:uppercase;}
.form div.inp input{width:96%; background:#ebebe8; padding:0.5em 2%; font-size:1em; color:#333333; border:none}

.form div.inp select{width:100%; background:#ebebe8; padding:0.5em 2%; font-size:1em; color:#333333; border:none}

.form div textarea{width:98%; height:10em; padding:0.5em 1%; font-size:1em; color:#333333; border:none;  background:#ebebe8;}
.form .checksubs{margin:1em 0;}
.form .sendsubs{margin:0em auto; width:100% !important;}

.uso .topblock{display:none}
.uso #content .inc{margin:3em auto;}
.uso #content .inc h2{font-size:2em; font-weight:400;margin-bottom:0.8em}
.uso #content .inc h3{text-align:left; color:#444; padding:25px 0 0px 0 ; font-size:1.6em; width:100%; font-weight:400; margin-bottom:0.8em; margin-left:0.2em}
.uso #content .inc h4{text-align:left; color:#444;  font-size:1.2em;; margin-bottom:0.8em; margin-left:0.6em}

.uso #content .inc p , .uso #content .inc li{text-align:justify; color:#333;  font-size:1em; line-height:1.3em !important  }
.uso #content .inc li{margin:0 3em}
.uso #content .inc p {margin:0 0 1em 1em}
.uso #content .inc ul{margin:0.5em}

.pagos #content .inc{margin:3em auto;}
.pagos #content .inc h2{font-size:2em; font-weight:400;margin-bottom:0.8em}
.pagos #content .inc h3{text-align:left; color:#444; padding:25px 0 0px 0 ; font-size:1.6em; width:100%; font-weight:400; margin-bottom:0.8em; margin-left:0.2em}

.pagos #content .inc h4{text-align:left; color:#444;  font-size:1.2em;; margin-bottom:0.8em; margin-left:0.6em}

.pagos #content .inc p , .pagos #content .inc li{text-align:justify; color:#333;  font-size:1em; line-height:1.3em !important }
.pagos #content .inc  p {margin:0 0 1em 1em}
.pagos #content .inc li{margin:0 3em}


/*Tienda Online*/


p.intro{font-size:1em; color:#222; text-align:center;}

.ecomm .inc {}
.ecomm.lists .backtobuy{}

.ecomm.lists .inc h4{font-size:2em; text-align:center; color:#888; font-weight:200}



.fichaecomm{color:#222; margin-top:3em}
.fichaecomm h2{width:100%;text-transform:none}
.fichaecomm .image{float:left;  width:50%; text-align:center; max-width:570px; background:#f8f8f8}
.fichaecomm .image img{width:100%; margin-bottom:0em}
.fichaecomm .awd{position:absolute; z-index:20; margin:20px 0 0 440px;}
.fichaecomm .awd img{display:block; margin-bottom:0.5em; width:5.125em}

.fichaecomm .texto{float:right; width:45%}
.fichaecomm .texto h2{font-family:'Cormorant Garamond' , serif; text-align:left;text-transform:none !important; font-weight:400; letter-spacing:-0.05em; border:0; font-size:2.5em; width:80%; margin:0}
.fichaecomm .texto h3{font-family:'Cormorant Garamond' , serif; text-align:left;font-weight:300; width:100%; color:#222; font-size:1.4em; text-transform:none !important; letter-spacing:-0.05em;}
.fichaecomm .texto h3 a{display:block; background:#222; color:#fff; padding:1em; font-weight:400; font-size:0.8em; letter-spacing:0; text-align:center;}
.fichaecomm .texto h3 a:hover{background:#9e1230; color:#000;}
.fichaecomm .texto p{margin:10px 0;font-weight:500; font-family:'PT Sans', sans-serif; font-size:0.9em; line-height:1.2em}
.fichaecomm .texto em{ font-size:0.9em; line-height:1em; color:#888}
.fichaecomm .texto ul{padding-left:1.5em}
.fichaecomm .texto h4{margin-top:2em}
.fichaecomm .texto h4 strong{font-weight:800}

.fichaecomm .winechar{ color:#010101; font-size:1em; text-align:left;margin:2em 0; font-weight:400; border-bottom:1px solid #9e1230}
.fichaecomm .winechar > div{display:inline-block; margin: 0.3em  1.8em 0.3em 0; font-family: 'PT Sans', sans-serif }
.fichaecomm .winechar > div:before{font-size:2.4em; margin:0 0.1em 0 0; vertical-align:-8px; color:#9e1230}

.fichaecomm .winechar .flaticon-spain span{font-weight:800; color:#9e1230}


.fichaecomm .texto .data{}
.fichaecomm .texto .data .price{color:#9e1230; font-size:2em; font-weight:600; text-align:right}
.fichaecomm .texto .data .price >div{display:inline-block; vertical-align:bottom; padding-bottom:0.5 !important}

.fichaecomm .texto .data .price .descuento{font-size:0.5em;  color:#aaa; font-weight:400}
.fichaecomm .texto .data .price b{font-size:1.6em}
.fichaecomm .texto .data .price del{font-size:1.8em; color:#666}


.fichaecomm .tpvzone{text-align:right; margin-top:1em}
.fichaecomm .tpvzone a.addbtn{
		font-family:'Cormorant Garamond' , serif;
		font-size:1.2em; background:#9e1230; padding:0.8em 2em; color:#fff; font-weight:400}
.fichaecomm .tpvzone a.addbtn span:before{font-size:1.8em; margin:0 1em 0 0 ; color:#fff; vertical-align:-3px}
.fichaecomm .tpvzone a.addbtn:hover{background-color:#010101}
.fichaecomm .tpvzone a.addbtn:hover span:before{color:#ffffff}
.fichaecomm .added{position:absolute; border:1px solid #e00; color:#fff; background:#d00; padding:5px 0px; opacity:0; letter-spacing:3px; width:90%; font-weight:800; margin-top:-30px; text-align:center;color:#F00}

.fichaecomm .tpvzone a.addbtn.ns{cursor:default}
.fichaecomm .tpvzone a.addbtn.ns:hover{cursor:default; background:#9e1230 !important;}

.sharer{width:50%; margin: 2em 0; text-align:right; margin-left:49%}
.sharer h4{font-weight:300; color:#aaa; margin-bottom:0.8em}
.sharer div{ border: 1px solid #ddd; border-radius:0.2em; padding:0.5em 0;}
.sharer a{display:inline-flex; text-align:center; width:30%; margin-left:1em;}
.sharer a:before{font-size:2.5em !important; color:#bbb !important; margin-left:30%; margin-right:0em}
.sharer a:hover:before{color:#9e1230 !important}


.masinteres{margin:2em auto}
.masinteres h2{font-size:2.25em; font-weight:400; border-bottom:0; text-align:left;}

.topblock{background:url(../img/backinfo.jpg); margin:0; width:100%;}
.topblock >div >div{display:inline-block; width:26%; vertical-align:top; color:#444; font-family:'PT Sans', sans-serif; text-align:center; padding:8em 3.5% 1em 3.5%; font-weight:500; background-repeat: no-repeat; background-position: top center; margin-top:3em}

.topblock >div >div:nth-child(1){background-image:url("../img/topblock1.png")}
.topblock >div >div:nth-child(2){background-image:url("../img/topblock2.png")}
.topblock >div >div:nth-child(3){background-image:url("../img/topblock3.png")}
.topblock strong{font-weight:800;}

p.ecommalert{text-align:center !important; margin:50px 0; width:100%; font-size:20px !important; color:#AAA !important}







#prcol{width:100%;}
#prcol .centersells{margin: 0 auto; width:1000px}
#alcol{width:100%; padding:10px;display:none;}

.noselect{font-size:18px; text-align:center; margin-top:30px; color:#000; font-weight:400}
.noselect>div{font-size:16px; text-align:center; margin-top:30px; color:#800; font-weight:400}

.noportes{font-size:14px; text-align:center; margin:20px 0; color:#d00; font-weight:400; background:#eee; padding:10px 0; width:100% !important;}
.noportes span{font-size:16px}

h2.family{font-family:'Cormorant Garamond' , serif;font-size:3em; border-bottom:1px solid #ddd; text-align:center; font-weight:300; margin:1em 0 0.2em 0; padding-bottom:0.5em; width:100%; color:#9e1230}
.pro{ margin:2em 0 0 10px;; clear:both}
.pro h3{margin:10px 0; font-weight:300; font-size:18px; font-family:'Cormorant Garamond' , serif;}


.articles{width:100%; margin:0.8em auto 2em auto !important; text-align:center;}

.articles li{list-style:none;margin:0;; display:inline-block; vertical-align:top; margin-right:2%;}
.articles li .units{font-size:40px; color:#ddd; font-weight:100; text-align:center; margin-top:30px;}
.articles .ecommprod{ margin:0em 0 0.4em 0; padding:2% 0; text-align:center; min-height:400px; font-family:'Cormorant Garamond' , serif; border:1px solid #f1f1f1}
.articles .ecommprod:hover{border:1px solid #d1d1d1}
.articles .ecommprod img{width:100%; display:block; margin:0 auto}

.articles .ecommprod .slogan{position:absolute; background-color:#9e1230; color:#fff; width:70px; padding:1em 2%; font-size:0.8em; z-index:10; margin:-10px 0 0 -8px; box-shadow:1px 1px 3px rgba(0,0,0,.5)}


.articles .ecommprod .ecommimg{text-align:center; width:100%; background:#fff; padding-bottom:0em; margin-bottom:0.5em; color:#f8f8f8}
.ecommimg:hover{background:#fff !Important;}
.ecommimg:hover a{text-decoration:underline}
.ecommimg a{color:#111; display:block; width:50%; margin:0 auto 0 auto;}

.ecommimg:hover a{color:#9e1230}
.ecommimg a:hover{color:#9e1230}
.articles .ecommprod .ecommdata{width:100%;border:1px solid rgba(0,0,0,0);}
.articles .ecommprod .multiplo{margin-top:0em; color:rgba(0,0,0,1); font-size:1.4em; text-align:right; position:absolute; width:340px}
.articles .ecommprod .multiplo img{width:18px;display:inline-block}
.articles .ecommprod .multiplo span{font-size:0.5em; vertical-align:0.25em}
.articles li:nth-child(4n+0){margin-right:0px}


.articles .ecommprod .ecommdata .titleprod h3{font-family:'Cormorant Garamond' , serif;font-size:1.2em; color:#010101; width:70%;text-align:left; display:inline-block; float:left; line-height:0.9em; height:1.8em}
.articles .ecommprod .ecommdata .priceprod{ font-weight:600;  color:#9e1230; text-align:right !important; font-size:1.2em;; width:30%; display:inline-block}

.articles .ecommprod .ecommdata .packprod{font-size:0.8em; color:#000; text-align:left; padding-top:5px}

.articles .ecommprod .winechar{background:#222; color:#fff; font-size:0.8em; text-align:left;margin:0.2em 0}
.articles .ecommprod .winechar > div{display:inline-block; margin: 0.3em 0.2em 0.2em 0.6em; font-family: 'PT Sans', sans-serif }
.articles .ecommprod .winechar > div:before{font-size:1.2em; margin:0 0.2em 0 0}




.articles .ecommprod .ecommdata .actionlist >div{}
.articles .ecommprod .ecommdata .actionlist>div a{font-family:'Cormorant Garamond' , serif; display:block; color:#fff; width:100%; text-align:center; height:2em; line-height:2em; font-size:0.9em; text-transform:uppercase}

.articles .ecommprod .addecomm{width:100%;}
.articles .ecommprod .addecomm a{background:#9e1230; color:#fff !important; padding:0.4em 0; font-size:1em !important}

.articles .ecommprod .addecomm span{}
.articles .ecommprod .addecomm span:before{font-size:1.8em; margin:0 0.3em 0 0; vertical-align:-5px}
.articles .ecommprod .addecomm a:hover{background:#9e1230; color:#fff !important}
.articles .ecommprod .addecomm a:hover span{color:#fff}

.articles .ecommprod .ecommdata .actionlist.ns>div a{cursor:default;}
.articles .ecommprod .ecommdata .actionlist.ns a:hover{background:#010101 !important; color:#9e1230 !important;}




.ecommprod .added{font-family: 'PT Sans', sans-serif; text-transform:uppercase; position:absolute; color:#fff; background:#9e1230; padding:10px 10px; opacity:0; letter-spacing:3px; width:252px; font-weight:400; margin-top:-30px}



.articles  .addecomm:hover{opacity:1}
.articles  .moreinfo:hover{opacity:1}



.listapedido{width:100%; padding-bottom:30px}

.articles .nostock{cursor: default}
.articles .nostock .nono{position:absolute;background:rgba(255,255,255,0.55); color:#000; width:426px; height:310px; margin-top:-5px;margin-left:-5px;text-align:center; line-height:300px; font-weight:400; font-size:30px; text-shadow:1px 1px 1px rgba(255,255,255,0.9)}
.ecommprod.nostock .ecommimg img{width:100%; }



.allist{
	margin-top:3em !important;
	width:100%;
	background: no-repeat 50% 3.4em ;
	-webkit-transition: background 1s; /* Safari */
    transition: background 1s;
	 color:#222 !important
	}
.allist >div{
	opacity:0.8;
	-webkit-transition: opacity 1s; /* Safari */
    transition: opacity 1s;
	}

.listapedido .alname{width:70%;float:left; color:#000; font-weight:400; text-transform:uppercase;font-size:1em;}
.listapedido .alname span{color:#666;margin-right:10px; text-transform:none; font-size:.8em; display:inline-block; margin-left:0.2em}
.listapedido .alprice{ width:20%; float:right;  text-align:right;  font-weight:800; font-family:"Arial",  sans-serif !important;}
.listapedido .alname select{margin-left:20px; width:200px; font-size:1em}

#pr99998.alitem {background:#efefef}
#pr99998 .alname{font-weight:800}
#pr99998 .price{color:#0B0}

.alitem {margin:5px 0; padding:5px 10px;border-bottom:1px dashed #eee}
.alitem .prerase{width:16px; height:16px; background: url(../img/ecomm.erase.btn.png) no-repeat 50% 50% #B00; float:left; border-radius:15px; margin-top:2px; margin-right:20px; cursor:pointer}
.alitem .prerase:hover{background-color:#000;}

.altotal { margin:5px 0; padding:5px 10px; border-top:1px solid #ccc;}
.altotal .alname{text-align:right;}
.altotal .alprice{}

.algastos {margin:5px 0; padding:5px 10px; border-top:1px solid #ccc;}
.algastos .alname{text-align:right; padding-right:10px}
.algastos .alprice{font-weight:600 !important;}
.algastos .alname strong{font-weight:800 !important; letter-spacing:1px; color:#9e1230;}

.altotales {margin:5px 0; padding:5px 10px; border-top:1px solid #ccc}
.altotales .alname{text-align:right; padding-top:10px}
.altotales .alprice{font-weight:400; font-size:30px; color:#9e1230; width:30%; text-align:right;}

.continue{background:#9e1230; text-align:center; color:#fff !important; font-size:18px; padding:20px 40px; line-height:20px; margin:20px auto; letter-spacing:2px; margin-bottom:2em}


div.codpromo{padding:0.5em 1em; color:#000; font-size:1em; background:#e1e1e1; text-align:left}
div.codpromo span{text-shadow:1px 1px 2px rgba(0,0,0,0.3); margin-left:4%}
div.codpromo input{width:200px; color:#010101; background:rgba(255,255,255,0.8); font-size:1.2em; border: 1px solid rgba(0,0,0,0.5); margin:0 10px; vertical-align:-1px; padding:0.2em 0.5em}

div.codpromo a.sendcod{padding:0.3em 0.8em 0.5em 0.8em; color:#fff; background:#010101; vertical-align:-1px; margin-right:5%}
div.codpromo a.sendcod:hover{color:#fff; background:#9e1230;;}

.btncap{width:100%; text-align:center; padding:10px 0; margin:10px auto; max-width:300px}

div.codpromo a.sendcod{padding:0.3em 0.8em 0.5em 0.8em; color:#fff; background:#010101; vertical-align:-1px; margin-right:5%}
div.codpromo a.sendcod:hover{color:#fff; background:#9e1230;;}


div.PayButton{text-align:center;}

.ecommacc{
		text-align:center;
		background:#010101; 
		color:#fff;
		padding:0.3em 0.8em 0.5em 0.8em;
		font-size:1.3em;
		display:inline-block;
		margin:0 auto;
		font-weight:400;
		border-radius:3px
	}
.ecommacc:hover{color:#fff; background:#9e1230;}


.ecommacc2{
		text-align:center;
		background:#010101; 
		color:#fff;
		padding:0.3em 0.8em 0.5em 0.8em;
		font-size:1em;
		display:inline-block;
		margin:0 auto;
		font-weight:400;
		border-radius:3px
	}
.ecommacc2:hover{color:#fff; background:#9e1230;}

.allist.loading{background:url(../img/ajax-loader-noticia.gif) no-repeat 50% 60px}
.allist.loading  div{opacity:0.5}

.formecomm {display:block; width:100%;  background:#d1d1d1;}

.formecomm .block {width:31%; display:inline-block; padding:0.5%; margin:20px 1% ;min-height:520px; box-sizing:border-box; border:1px solid #ddd; vertical-align:top}
.formecomm .line{margin-bottom:10px; padding:2px 5px; }
.formecomm label{font-size:0.8em; display:block; width:100%; font-weight:400; line-height:12px;}
.formecomm input{font-size:1em;width:95%; font-weight:400; margin-top:2px; padding:0.3em 2% 0.2em 2%;  border:none; letter-spacing:0.05em}
.formecomm select{font-size:1em;width:99%; font-weight:400; margin-top:2px;  padding:0.3em 2% 0.2em 2%;  border:none;}

.formecomm input.sort{width:30%;}
.formecomm .errormessage{position:absolute; margin:-35px 0 0 120px; background:#D00; box-shadow:1px 1px 2px rgba(0,0,0,0.8); color:#fff; font-weight:800; font-size:1em; padding:0.2em 0.5em 0.3em 0.5em; display:none}

.formecomm input .error{border:1px solid #f00}
.formecomm textarea{font-size:1em;width:95%; height:10.5em; font-family: 'Cormorant Garamond', serif; color:#333;padding:0.3em 2% 0.2em 2%;}
.formecomm .paytype{text-align:center; font-weight:300; font-size:16px; border:2px solid #eee; margin-bottom:5px; padding:5px; cursor:pointer; background:#fff}
.formecomm .paytype img{ margin-top:10px;opacity:0.8}
.formecomm .paytype:hover, .paytype.active{border:2px dotted #9e1230;}
.formecomm .active img{opacity:1}


.formecomm .alheader{width:90%; padding:2% 5%;background:#222; font-size:16px; color:#FFF; font-weight:300; text-shadow: 1px 1px 1px rgba(0,0,0,0.8); text-align:right; margin-bottom:20px}
.formecomm .alheadermin{width:90%; padding:2% 5%; background:#9e1230; font-size:16px; letter-spacing:1px; color:#FFF; font-weight:400;  text-align:right; margin-bottom:20px}

.formecomm .alheadermin span{color:#fff; font-size:4em; display:block; margin-top:-0.5em; position:absolute;}


.legal{/*la aceptcion*/
	text-align:left !important;
	margin-bottom:20px;
	}
.legal label{/*la aceptcion*/
	font-size:12px;
	font-weight:600;
	display:inline;
	margin-left:0.8em
	}
.legal label a{color:#800}
.legal a:hover{color:#B00}
.legal input{width:20px; vertical-align:-3px; margin-left:0.6em}

.obligatorios{font-size:0.8em; color:#222; background:rgba(255,255,255,0.6); text-align:center; padding:0.6em 0 !important; margin:2px auto 2em auto;width:95%}






::-webkit-scrollbar {
    width: 16px;

}
::-webkit-scrollbar-track-piece{max-height:20px; border-left:1px #f00}
::-webkit-scrollbar-track {
    background-color: #000;
    border-left: 1px  dotted #fff;
	
}
::-webkit-scrollbar-thumb {
    background-color: #444;
	width:24px
}
::-webkit-scrollbar-thumb:hover {
    background-color: #666;
}


/*Animacione a la entrada*/

/*Fade*/
@keyframes fadein {
    1% {opacity:0; margin-top:-20px;}
	25% {opacity:1;}
	75% {opacity:1;}
    100% {opacity:0.1; margin-top:-400px;}
}
@-moz-keyframes fadein {
   1% {opacity:0; margin-top:-20px;}
	25% {opacity:1;}
	75% {opacity:1;}
    100% {opacity:0.1; margin-top:-400px;}
}
@-webkit-keyframes fadein {
   1% {opacity:0; margin-top:-20px;}
	25% {opacity:1;}
	75% {opacity:1;}
    100% {opacity:0.1; margin-top:-400px;}
}
@-o-keyframes fadein {
    1% {opacity:0; margin-top:-20px;}
	25% {opacity:1;}
	75% {opacity:1;}
    100% {opacity:0.1; margin-top:-400px;}
}


.fadein{animation: fadein 4s ease;}




@keyframes fading {
    0% {opacity:0;}
    50% {opacity:1;}
	100% {opacity:0;}
}
@-moz-keyframes fading {
     0% {opacity:0;}
    50% {opacity:1;}
	100% {opacity:0;}
}
@-webkit-keyframes fading {
    0% {opacity:0;}
    50% {opacity:1;}
	100% {opacity:0;}
}
@-o-keyframes fading {
    0% {opacity:0;}
    50% {opacity:1;}
	100% {opacity:0;}
}


/*Tablet horizontal SAMSUMG*/
@media (max-width: 1280px) and (orientation: landscape){
	.menupral a {padding:1em 0.8em}
	.banner{overflow:hidden;height:400px}
	.inc{max-width:1000px}
	.articles{text-align:center;}
	.articles li{width:340px}
	.articles li:nth-child(3n+0){margin-right:0px}
	.articles li:nth-child(4n+0){margin-right:2%}
	.articles .ecommprod .mutiplo{font-size:7em; margin-left:190px;}
	.articles .ecommprod .ecommdata .priceprod{width:18%; text-align:right}
	.articles .ecommprod .ecommdata .titleprod{width:82%}
	.banner{height:340px}
	.fullbanner { height:340px; max-width:1000px;}
	.fullbanner li{height:340px;}
	.fullbanner .pricepromo{margin-right:2%; margin-top:2%; font-size:1.3em;}
	.fullbanner li .text{margin-left:45%;height:100%;}
	.fullbanner h2{font-size:1.6em; width:60%;}
	.fullbanner p{font-size:1em; width:90%;}
	.fullbanner .btn{ width:85%; margin-top:1em}
	.fullbanner .btn a{font-size:1em}
	.fullbanner .bpoint{margin-top:235px;}
	#footer > div{max-width:1000px}
	#footer > div > div{width:22.8%}
	#footer > div h2 img{width:200px}
	#footer > div > div
	#webs{width:1024px;}
	#webs ul li{width:12%; height: auto;}
	#webs ul li:first-child{width:12%}
	.fichaecomm .awd{margin: 20px 0 0 400px}
	.uso #content .inc{max-width:800px}

	
#cookies{height:15vh; top:85vh;}
#cookies>div{font-size:0.85em;}
#cookies .buttoned{}

}


/*Tablet horizontal IPAD*/
@media (max-width: 1024px) and (orientation: landscape){
	.dtodiv{margin-left:210px;}
	#header.logotyped{background-color:#9e1230}
	.inc{max-width:1024px}
	.fullbanner { height:340px; max-width:1024px;}

}




@media (max-width: 900px){
	.dtodiv{margin-left:210px;}
	.viewWeb{display:none;}
	h2.viewMovil{display:block; font-size:2em; margin:0.5em 0.0em 0.2em 0.5em; text-align:left; width:80%}
	h3.viewMovil{display:block; font-size:1.5em; margin:0.2em 0.0em 0.5em 0.8em; text-align:left; font-weight:300;  width:80%}

	#logo img{margin:1em 0;}
	.upbarr{display:none}
	#cookies{height:15vh; top:90vh;}
	#cookies>div{font-size:0.85em;}
	#cookies .buttoned{ display:block !important}

	.menupral{position:fixed; top:60px; left:0; width:200px;background:#9e1230}
	
	#mainmenu.inc{max-width:200px; margin:0px}
	#mainmenu .mec{background:#9e1230; display:none}
	.menupral ul a {width:184px; padding:1em 0em 1em 1em;}
	#mainmenu ul li{border:0; text-align:left;}
	.menupral ul ul{display:block}
	a.mipedido{position:fixed; top:0; right:0; padding:1.5em 0 0 1em; width:150px; height:43px}
	.banner{height:260px}
	.fullbanner { height:260px; max-width:800px;}
	.fullbanner li{height:260px;}
	.fullbanner .pricepromo{margin-right:1%; margin-top:1%; font-size:1.2em}
	.fullbanner li .text{margin-left:45%;height:100%;}
	.fullbanner h2{font-size:1.6em; width:60%;}
	.fullbanner p{font-size:1em; width:90%;}
	.fullbanner .btn{ width:85%; margin-top:1em}
	.fullbanner .btn a{font-size:1em}
	.fullbanner .bpoint{margin-top:235px;}

	.inc{max-width:768px}
	.articles{text-align:center;}
	.articles li{width:45%}
	.articles li:nth-child(2n+0){margin-right:0px}
	.articles .ecommprod img{display:block; margin:0 auto;}
	.articles li:nth-child(3n+0){margin-right:2%}
	.articles .ecommprod .mutiplo{font-size:7em; margin-left:220px;}
	.articles .ecommprod .ecommdata .priceprod{width:25%}
	.articles .ecommprod .ecommdata .titleprod h3{width:75%}
	#footer > div{max-width:760px; margin: 0 auto}
	#footer > div > div{width:28.8%}
	#footer > div h2 img{width:200px}
	#footer > div >div:nth-child(1){margin-left:2%}
	#footer > div >div:nth-child(3){display:none}
	#footer > div > div
	#webs{width:100%;}
	#webs ul li{width:12%; height: auto;}
	#webs ul li:first-child{width:12%}
	
	.fichaecomm{text-align:center; margin-top:0;}
	.fichaecomm .image{width:100%;  clear:none; margin:0 auto; max-width:100%}
	.fichaecomm .awd{right:20px;}
	.fichaecomm .awd img{width:3.5em !important}
	.fichaecomm .image img{max-height:400px; width:auto;}
	.fichaecomm .texto{width:90%;  float:none; margin:0 auto; max-width:100%; text-align:left;}
	.masinteres h2{text-align:center;}
	.uso #content .inc{max-width:600px}
	.topblock >div >div{padding:8em 1% 0 1%; width:22.5%}
	.formecomm .block{width:100%}
	.formecomm{height:auto;}
	.burguer{display:block; position:fixed; top:0; left:0; width:60px; height:60px; background:#9e1230 url("../img/menu-burguer.png") no-repeat 50% 50%; background-size:100%; z-index:25 }

	#header #logo img{display:none}
	#content{padding-top:60px}
}


@media (max-width: 415px){

.bonoa img{display:block; margin:0 auto; width:100%}
ul.hw {margin:0 auto; padding:0; width:100%; margin-bottom:4em; text-align:center}
ul.hw li{display:inline-block;vertical-align:top; text-align:center;margin:1em auto ; list-style-type: none; height:470px; width:100.5%; background-color:#efefef; border:1px solid #efefef}
ul.hw li:hover{ background:#e1e1e1; border:1px solid #d1d1d1}
ul.hw li:hover img{margin-top:-175px}
ul.hw li p{padding:1em; text-align:left}

ul.hw li a{margin:0 !important}
ul.hw .imgrt{height:300px; overflow:hidden; box-shadow:inset  0 -8px 8px -6px rgba(0,0,0,0.2);}
ul.hw li a img{height:auto; margin-top:-170px; width:95%;transform: rotate(-8deg); box-shadow:inset  0 -8px 6px -6px rgba(0,0,0,0.6);}

ul.hw h3{font-size:1.2em; font-weight:400; margin-top:0.5em}

ul.hw  li:nth-child(1n+7) img{margin-top:-300px; margin-left:-50px}
ul.hw  li:nth-child(1n+7):hover img{margin-top:-305px;}

	.topblock{background:url(../img/backinfo.jpg); margin:0; width:100%;}
.topblock >div >div{display:block; width:70%; text-align:left; padding:1em 3.5% 1em 20%; font-weight:500; background-repeat: no-repeat; background-position: 2% 30%; margin-top:1em; background-size:15%}

.topblock >div >div:nth-child(1){background-image:url("../img/topblock1.png")}
.topblock >div >div:nth-child(2){background-image:url("../img/topblock2.png")}
.topblock >div >div:nth-child(3){background-image:url("../img/topblock3.png")}
.topblock strong{font-weight:800;}
.dtodiv{margin-left: calc( 100% - 150px );}
	.fichaecomm .texto .data .price {font-size:1.8em}


	#cookies{height:25vh; top:75vh;}
	#cookies>div{font-size:0.85em;}
	#cookies .buttoned{display:block !important}
	#logo img{margin:1em 0;}
	.upbarr{display:none}
	.menupral{position:fixed; top:60px; left:0; width:70vw;background:#9e1230}
	.menupral a {width:180px !important; padding:1em 0 0 0.8em;  width:70vw}
	.menupral a.active {background:none}
	#mainmenu.inc{max-width:200px; margin:0px}
	#mainmenu .mec{background:#9e123033; display:none; width:70vw; height:100vh; padding-top:20px}
	#mainmenu ul li,#mainmenu ul ul li {border:0; text-align:left; display:block}
	.menupral ul ul{display:block; padding-left:0.8em; position:relative; margin-top:-1.1em}
	.menupral ul ul a{padding:0 0 0 0.3em; margin-left:0.4em; width: calc (70vw - 0.4em)}
	a.mipedido{top:0; right:0; padding:15px 5px 0px 8px; width:118px !important; display:block; height:44px; margin-left:0px; z-index:10}
	a.mipedido.active{background:#000}
	.banner{height:34.2vw}
	.fullbanner { height:34.2vw; max-width:800px;}
	.fullbanner li{height:34.2vw; background-size: auto 34.2vw}
	.fullbanner li .text{margin-left:5%;height:100%; background:rgba(255,255,255,0); padding-left:2%; width:50%}
	.fullbanner .pricepromo{margin-right:1%; margin-top:1%; font-size:0.8em}
	.fullbanner h2{font-size:0.8em; width:100%;}
	.fullbanner p{font-size:0.7em; width:100%;}
	.fullbanner .btn{margin-top:4em; text-align:left}
	.fullbanner .btn a{font-size:0.8em; width:50px !important}
	.fullbanner .bpoint{margin-top:34vw;}
	.inc{max-width:95%}
	.articles{text-align:center;}
	.articles li{width:90%; display:block; margin:1em auto !important; border:1px solid #d1d1d1}
	.articles .ecommprod img{display:block; margin:0 auto;}
	.articles li:nth-child(2n+0){margin-right:0px}
	.articles li:nth-child(3n+0){margin-right:0px}
	.articles .ecommprod .mutiplo{font-size:7em; margin-left:0; float:right; width:40%;}
	.articles .ecommprod .ecommdata .priceprod{width:25%}
	.articles .ecommprod .ecommdata .titleprod{width:75%}
	.articles .ecommprod .ecommdata .titleprod h3{width:100%}
	#footer > div{;margin: 0 auto}
	#footer > div > div{width:90%; margin:1em 5% 0.5em 5%; text-align:center;}
	#footer > div h2 img{width:200px}
	#footer > div >div:nth-child(3){display:none}
	#footer > div > div
	#webs{width:100%;}
	#webs ul li{width:45%; height: auto;}
	#webs ul li:first-child{width:100%}
	.fichaecomm .awd{right:20px}
	.fichaecomm{text-align:center;}
	.fichaecomm .image{width:100%;  clear:none; margin:0 auto;}
	.fichaecomm .texto p{font-weight:200}
	.fichaecomm .image img{max-height:300px; width:auto; margin-bottom:1em}
	.fichaecomm .texto{width:90%;  float:none; margin:0 auto; max-width:100%; text-align:left;}
	.fichaecomm .texto h2{font-size:1.5em; width:100%}
	.fichaecomm .image .awd{margin:10px 0 0 0; right:20px;}
	.fichaecomm .awd img{width:2.8em !important; margin:0.2em 0}
	.fichaecomm .winechar{text-align:center;}
	.fichaecomm .tpvzone{text-align:center;}
	.fichaecomm .tpvzone a.addbtn {display:block; width:100%; padding:0.8em 0em}
	.masinteres h2{text-align:center; font-size:1.8em}
	.uso #content .inc{max-width:95%}
	.formecomm .block{width:100%}
	.formecomm{height:auto;}
	.burguer{display:block; position:fixed; top:60px; left:0; width:30px; height:30px; background:#9e1230 url("../img/menu-burguer.png") no-repeat 50% 50%; background-size:100%; z-index:25 }
	#header.logotyped{ background:url(../img/logo.mobile.top.png) #9e1230 no-repeat 5% 50%; background-size:50%}
	#header{height:60px; background:url(../img/logo.mobile.top.png) #9e1230 no-repeat 5% 50%; background-size:50%}
	#header #logo img{display:none}
	#content{padding-top:60px}
	.topblock {display:block}
	div.codpromo{text-align:center;}
	div.codpromo span{display:block; margin:.5em 0}
	div.codpromo input {margin:0 0.5em 1em 0; width:88%}
	div.codpromo a.sendcod{margin:1em 0 0.5em0; display:block}
	#th >div{width:90%}
	h2.family{font-size:2em}

	#header.logotyped a.mipedido{top:0px}
	}


.nofound h2{font-size:3em; margin-top:1em; text-align:center; font-weight:100;}
.nofound p{font-size:1em; margin:1em 0 4em 0em; text-align:center;}

.navidad .articles .ecommprod .ecommdata .titleprod h3{height:2.8em;}

.navidad .mutiplo{display:none !important; opacity 0}





@keyframes brillocesta {

	0%{background-color:#101010;}
    50%  {background-color:#9e1230;}
    100%  {background-color:#101010;}
}