@import 'https://fonts.googleapis.com/css?family=PT+Sans';
@font-face {
    font-family: 'Copperplate';
    src: url('../fonts/Copperplate.woff2') format('woff2'),
        url('../fonts/Copperplate.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

*{margin:0; padding:0;}
.nosel {-webkit-touch-callout: none; -webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;text-align:left;}
html{height:100%;}
body {font-family:'PT Sans', sans-serif !important; color:#333333; font-size:1em ;background-color:#f6f0e1;padding:0; font-weight:400; overflow-y:scroll; height:100%; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;}
img{border:0;}
a{text-decoration:none;}
strong{font-weight:600}
p{ font-size:16px; font-weight:400; line-height:24px; color:#555}
li{font-size:16px; font-weight:400;}
input['text']{font-family: 'PT Sans', sans-serif !important;}

/* animaciones por opacidad y general*/
.noview{display:none !important}
.nofloat{clear:both}
.noop{opacity:0}
.a05{-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.a02{-webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.a01{-webkit-transition: all 1s ease; transition: all 1s ease;}
.ctr{text-align:center;}
.shd{text-shadow: 1px 1px 2px rgba(0,0,0,0.1);}
.buttoned{background:#d4b870;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:#333333; color:#d4b870}

/* boton con símbolo +*/
 a.plus{font-family:'Copperplate', serif;font-size:1.4em; font-weight:800; font-style:italic; margin-left:0em; color:#333333}
 a.plus:after{content: " ";display:inline-block; width:30px; height:30px; background:url(../img/boton-plus.png);vertical-align:-7px; margin-left:0.5em}
 a.plus:hover:after{background-position: bottom center;}


#videoplay {position:absolute; top:calc(40vw - 27px); right:8px; width:52px; height:52px; background:#d4b870; z-index:180; background-image: url(../img/video.png);     background-position: 50% 28px; background-repeat: no-repeat; cursor:pointer; background-size:20px 20px; font-size:0.7em; color:#fff; text-align:center; padding:2px 2px -2px 2px; line-height:1.1em}

#videoplay:hover{background-color:#7b0329}
/*formularios*/
.checksubs{cursor:pointer;}
.checksubs:hover .check,  .checksubs.aceptado .check{background:#aa3e03; background-image:url("../img/check.cross.white.png"); background-position:50% 50%; background-size:100%}
.checksubs:hover .accept,  .checksubs.aceptado .accept{color:#000}
.check{width:1.2em; height:1.2em; background:#ebebe8; display:inline-block; margin-right:0.8em}
.accept{font-size:0.8em; display:inline !important; vertical-align:0.2em}
.sendsubs{background:#d4b870;  display:block !important; border:none !important; padding:1em 0; font-size:0.9em; color:#fff; margin-top:1em;font-weight:600; text-align:center; cursor:pointer}
.sendsubs:hover{background:#7b0329; 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; right:calc( 10vw - 34px); 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}

.noslid .fullbanner, .noslid .innerbanner{display:none}
.noslid .cnt{padding-top:10em}
.noslid #header{background-color: rgba(72,23,16,1);}


#th{position:fixed; width:100%; height:100vh; z-index:10001; top:0;background:rgba(255,255,255,0.6); display:none }
#th >div{width:30%;  background:#fff; margin:30vh auto; border:2px solid #d4b870; 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}

#the{position:fixed; width:100%; height:100vh; z-index:9990; top:0;background:rgba(0,0,0,0.8); display:block}
#the >div{width:30%;  background:#eee; margin:20vh auto; border:2px solid #d4b870; display:table; border-radius:0.4em}
#the >div > div{display:table-cell; padding:2em 1em 2em 1em; vertical-align:bottom; text-align:center}
#the p#alertas{color:#333333; text-align:center; font-size:1em}
#the .buttoned{background:#d4b870;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; border-radius:0.4em}}
#the .buttoned:hover{background:#333333; color:#d4b870}
#the img{width:200px}
#the p.apunt{border-top:2px solid #d4b870; padding-top:0.5em; font-size:0.9em}
#the p.apunt b{font-size:1.2em}

#cookies{position:fixed; z-index:9999; 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;}


#header{width:100%; height:120px; background: transparent ;position:fixed; top:0px; z-index:999; border:8px solid #fff;background-image:url(../img/logo.sajazarra.unique.png); background-repeat:no-repeat; background-position: 20px 50%;; background-size: auto; box-sizing:border-box; background-color:rgba(72,23,16,0.4)}

#header:hover, #header.recogido{ background-color:rgba(72,23,16,0.95)}
	#logo{width:20%; float:left; background:url("../img/logo-sajazarra.png"); background-size:70%; height:100%; background-position:50% 50%; background-repeat:no-repeat;}
	#logo h1{display:none;}
	#logo a{display:block;width:100%; height:60px}

#header .menu{width:60%;  float:left; font-family:'Copperplate', serif; text-align:center; margin-top:2.5em}
#header .menu ul{ margin:0px auto; padding:0}
#header .menu ul ul{ position:absolute; padding:56px 0em 0em 0em; overflow:hidden; height:0px; transition: all 0.5s ease; opacity:0.2}
#header .menu ul ul li{display:block; text-align:left; background-color:rgba(72,23,16,0.95); padding: 0 0.5em 0 0.5em}
#header .menu ul li{display:inline-block; color:#fff; text-transform:uppercase}
#header .menu ul li a{color:#fff;margin:0 0.5em; font-size:1em; font-weight:600;}
#header .menu ul li a:hover{color:rgb(212,176,122)}
#header.recogido{; height:80px}
#header.recogido .menu ul ul{padding-top:20px}

#header .menu>ul li:hover >ul{opacity:1; height:max-content;border-bottom:4px solid #fff; }


#header .submenu{width:100%;  font-family:'Copperplate', serif; border-top:8px solid #fff}
#header .submenu ul{display:table; width:100%; height:2em}

#header .submenu ul li{display:table-cell; width:16.66%;color:#fff; text-transform:uppercase}
#header .submenu ul li a{color:#d2ad78;font-size:1em; font-weight:400; text-align:center; display:block; width:100%;background:#471810;line-height:3em; box-sizing:border-box; border:0.5px solid #d2ad78; border-top:0px}
#header .submenu ul li a:hover, #header .submenu ul li a.active{color:#471810; background:#d2ad78; border-bottom:0px}

#header .submenu ul ul{position:absolute; left:0; display:none}
/*#header .submenu  ul.visible{display:block; margin:0 auto; background:#21190e; text-align:center;}
#header .submenu  ul.visible li{display:inline-block !important; width:auto !important }

#header .submenu ul.visible a{color:#a0824c;font-size:0.8em; border:0px !important; display:block; width:100%;background:#21190e;line-height:2.5em; padding:0em 1.5em}
#header .submenu ul.visible li a.active{color:#fff; border-left:1px solid rgba(255,255,255,0.2) !important; border-right:1px solid rgba(255,255,255,0.2) !important}*/

#header #icons{float:right; padding-right:30px}
#header #icons ul{margin-top:2.5em; padding:0; display:table}
#header #icons li{display:table-cell; padding:0px 0px 0 6px; vertical-align:middle }
#header #icons li a{display:block; width:30px;height:30px;background-position:bottom center; opacity:0.8}
#header #icons li a:hover{background-position:top center; opacity:1}
#header #icons li a span{display:none}
#header #icons .icnvideo{background-image:url("../img/video.png");}
#header #icons .icnecomm{background-image:url("../img/tienda.png");}
#header #icons .icncontact{background-image:url("../img/contacto.png")}
#header #icons .icnloca{background-image:url("../img/localizacion.png"); width:20px}
#header #icons .lng{font-size:1.1em; color:#fff; margin-left:1em; line-height:30px}
#burguer{display:none}



#mainsocial{position:fixed; top:120px; right:8px; width:52px;z-index:9998}
#mainsocial ul{margin:0; padding:0;}
#mainsocial li{list-style:none; list-style-image: none; margin:0 0 1px 0}
#mainsocial li a{display:block; width:52px; height:52px; background-color:#d4b870; background-size:44px; background-position:50% 50%; background-repeat:no-repeat}
#mainsocial li a:hover{background-color:#7b0329}

#mainsocial li a img{ width:32px; height:32px; color:rgba(72,23,16,1); margin:10px;   filter:invert(1)}

#mainsocial li:nth-child(1), #mainsocial li:nth-child(2), #mainsocial li:nth-child(4){display:none}


#doc{ border:8px solid #fff; border-top:none;}
#doc >div{display:inline-block; width:49.85%; text-align:center;}
#doc .docrioja{background:#d2ad78;}
#doc .docalella{background:rgb(72,23,16);}
#doc img{width:30%; display:block; margin:1em auto}


#content{width:100%; margin-top:0px; background:#ebebe8; min-height:800px}
#content{width:calc(100%); margin-top:0px; background:#ebebe8; min-height:800px; border-right:8px solid #fff; border-left: 8px solid #fff; box-sizing:border-box}

#footer{background:#d2ad78; display:block; border: 8px solid #fff; border-top:none; height:40vh; font-family:'Copperplate', serif; text-align:right}


#footer > div{display:inline-block; vertical-align:top; padding-top:4vh}
#footer #wm{ width:24.52%; text-align:center;}
#footer #wm img{width:70%; max-width:300px; opacity:0.6; margin-left:5%}
#footer #wm img:hover{opacity:1}
#footer #legal{ width:49%; text-align:center;}
#footer p{color:#222}


#footer #legal ul{text-align:center; padding:0; margin:0;}
#footer #legal ul li{list-style:none; list-style-image:none; display:inline-block; padding: 0 0.5em; border-left:1px solid #888; font-size:0.8em;}
#footer #legal ul li a{color:#222;}
#footer #legal ul li a:hover{color:#d4b870;}
#footer #legal ul li:first-child{border-left:0px}
#footer #legal .logico{margin:2.5em 0 1em 0;}
#footer #legal .companylink{margin-bottom:4em; margin-top:2em}
#footer #legal .companylink p{font-size:1em; color:#222; line-height:1.4em}
#footer #legal .companylink a{color:#333333}
#footer #legal .companylink a:hover{color:#d4b870;}


#footersocial{ margin-top:3em; margin-left:15%}
#footersocial ul{text-align:center; padding:0; margin:0 0 4em 0; width:85%;}
#footersocial li{list-style:none; list-style-image:none; display:inline-block; border:none !important; padding:0 !important}
#footersocial li a{display:block; width:30px; height:30px;}
#footersocial li a img{ width:24px; height:24px; color:rgba(72,23,16,0.95)}

#footersocial li a img{
  filter:invert(0.5) sepia(2) saturate(2) hue-rotate(317deg) contrast(3) brightness(0.4); opacity:0.8
}

#footersocial li a img:hover{opacity:1}

#footersocial li:nth-child(1), #footersocial li:nth-child(2), #footersocial li:nth-child(4){display:none}


.riojaalta{width:50% !important}
#footer #subs{background-color:#dadad8; width:25%; ; height:36vh}
#subs .pad1em{padding:  0 3em}
#subs h2{font-family:'Copperplate', serif; font-size:1em; color:#333333; margin-bottom:1em; text-align:center}
#subs h2 span{font-family:'Copperplate', serif; font-size:0.7em; color:#333333; margin-bottom:1em; display:block}

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

#subfooter{background:rgb(72,23,16); display:block; border: 8px solid #fff;border-top:none; height:auto; font-family:'Copperplate', serif; text-align:center; padding:4em auto}
/*Home*/

/*Banner superior*/


.fullbanner {height:80vh; border-bottom: 8px solid #fff; }
.fullbanner .text{width:80%; height:80vh; display:table; margin:0 auto; position:absolute;z-index:150; text-align:center;}
.fullbanner .text h2{font-family:'Copperplate', serif; text-align:center; font-size:2em; font-weight:100 ; line-height:0.9em; margin-bottom:0.35em; color:#fff;-webkit-font-smoothing: antialiased;}
.fullbanner .text h3{font-family:'Copperplate', serif; text-align:center; font-size:0.5em; font-weight:100 ; line-height:0.9em; margin-bottom:0em; color:#fff;-webkit-font-smoothing: antialiased;}

.fullbanner .text p{color:#fff; font-size:1.2em; font-weight:600}
.fullbanner .text >div {display:table-cell; vertical-align:middle; padding:0 23%;}

.fullbanner.bares{height:34vw; background-image:url(../img/contents/banner-covid-home.jpg); background-size:auto 100%; background-position: 50% 0%;cursor:pointer}
.fullbanner.bares:hover{ background-position:50% 1%}

.fullbanner .sliderhome{height:80vh;}
.fullbanner .sliderhome >li{height:80vh; background-position: 0% center;  background-size: 100%}
.fullbanner .sy-slides-wrap{height:80vh !important}
.fullbanner .sy-slides-crop {height:80vh !important}
.fullbanner .sy-controls, .fullbanner .sy-pager{display:none}

.fullbanner.top, 
.fullbanner.top .text,
.fullbanner.top .sliderhome,
.fullbanner.top .sliderhome >li,
.fullbanner.top .sy-slides-wrap,
.fullbanner.top .sy-slides-crop {height:41.5vw !important}


.fullbanner.video, 
.fullbanner.video .text,
.fullbanner.video .sliderhome,
.fullbanner.video .sliderhome >li,
.fullbanner.video .sy-slides-wrap,
.fullbanner.video .sy-slides-crop {height:41.5vw !important}

.fullbanner.video .text div{color:rgba(255,255,255,0); vertical-align:bottom; font-size:16em;font-family:'Copperplate', serif; text-align:left; padding:0 2%; line-height:0.65em; text-transform:lowercase;-webkit-font-smoothing: antialiased;}


.fullbanner #videodata{width:100%; height:auto}

.fullbanner.top .text{background: no-repeat; background-size: auto 50% ; background-position: 50% 50%; text-align:center; width:98%}
.fullbanner.top .text.Texto1{background-image:url(../img/home.land.es.png)}
.fullbanner.top .text.Texto2{background-image:url(../img/home.land.en.png)}

.fullbanner.top .sliderhome >li{background-position: 100% center;}


.fullbanner.second, 
.fullbanner.second .text,
.fullbanner.second .sliderhome,
.fullbanner.second .sliderhome >li,
.fullbanner.second .sy-slides-wrap,
.fullbanner.second .sy-slides-crop {height:30vw !important}
/*.fullbanner.second .text,*/
.fullbanner.second .sliderhome >li{ height: calc( 30vw - 0px ) !important; overflow:hidden}

.fullbanner.second {background:url(../img/home.bk.second.jpg) no-repeat; background-size:cover ; background-position: bottom center ; }


.fullbanner.second .text{}

.fullbanner.second .text h2{font-family:'Copperplate', serif; text-align:center; font-size:3em; font-weight:200 ; line-height:1em; margin-bottom:0.35em; color:#fff; text-align:right}
.fullbanner.second .text a{font-family:'Copperplate', serif; text-align:center; font-size:1em; font-weight:100 ; line-height:0.9em; margin-bottom:0em; color:#fff; border:1px solid #d2ad78; display:block; float:right; padding:0.4em 0.8em}

.fullbanner.second .text a:hover{font-family:'Copperplate', serif; text-align:center; font-size:1em; font-weight:100 ; line-height:0.9em; margin-bottom:0em; color:#fff; border:1px solid #d2ad78;background:#441715}

.fullbanner.second .text p{color:#fff; font-size:1.2em; font-weight:600}
.fullbanner.second .text >div {display:table-cell; vertical-align:middle; padding:0 15%;}


.fullbanner.eno, 
.fullbanner.eno .text,
.fullbanner.eno .sliderhome,
.fullbanner.eno .sliderhome >li,
.fullbanner.eno .sy-slides-wrap,
.fullbanner.eno .sy-slides-crop {height:25vw !important}

.fullbanner.eno .sliderhome >li{ height: calc( 25vw - 8px ) !important; overflow:hidden}

.fullbanner.eno {background:url(../img/home.bk.eno.jpg) no-repeat; background-size:cover ; background-position: bottom center ;}


.fullbanner.eno .text{ width:35%; text-align:left; background-image:url("../img/home.bk.enoturismo.png"); background-repeat:no-repeat;background-position:right center; height: calc( 25vw - 8px ) !important; background-size: auto 100%}

.fullbanner.eno .text h2{font-family:'Copperplate', serif; text-align:center; font-size:2.5em; font-weight:200 ; line-height:1em; margin-bottom:0.35em; color:#222; text-align:left}
.fullbanner.eno .text h2 strong{font-weight:400; font-size:110%}
.fullbanner.eno .text a{font-family:'Copperplate', serif; text-align:center; font-size:1em; font-weight:100 ; line-height:0.9em; margin-bottom:0em; color:#222; border:1px solid #d2ad78; display:inline;  padding:0.4em 0.8em}

.fullbanner.eno .text a:hover{font-family:'Copperplate', serif; text-align:center; font-size:1em; font-weight:100 ; line-height:0.9em; margin-bottom:0em; color:#fff; border:1px solid #d2ad78;background:#441715}

.fullbanner.eno .text p{color:#fff; font-size:1.2em; font-weight:600}
.fullbanner.eno .text >div {display:table-cell; vertical-align:middle; padding:0 15%;}






.fullbanner.shop, 
.fullbanner.shop .text,
.fullbanner.shop .sliderhome,
.fullbanner.shop .sliderhome >li,
.fullbanner.shop .sy-slides-wrap,
.fullbanner.shop .sy-slides-crop {height:25vw !important}

.fullbanner.shop .sliderhome >li{ height: calc( 25vw - 8px ) !important; overflow:hidden; background-position: 100% 100%;  background-size: auto 100%; background-repeat:no-repeat !important; background-color:#fff}

.fullbanner.shop {background:url(../img/home.bk.eno.jpg) no-repeat; background-size:cover ; background-position: bottom center ;}


.fullbanner.shop .text{ width:35%; text-align:center; height: calc( 25vw - 8px ) !important; background-size: auto 100%; padding-top:20vh}

.fullbanner.shop .text h2{font-family:'Copperplate', serif; text-align:center; font-size:2.5em; font-weight:200 ; line-height:1em; margin-bottom:0.35em; color:#222; text-align:left;display:none}
.fullbanner.shop .text h2 strong{font-weight:400; font-size:110%}
.fullbanner.shop .text a{font-family:'Copperplate', serif; text-align:center; font-size:1em; font-weight:100 ; line-height:0.9em; margin-bottom:0em; color:#222; border:1px solid #d2ad78; display:inline;  padding:0.4em 0.8em}

.fullbanner.shop .text a:hover{font-family:'Copperplate', serif; text-align:center; font-size:1em; font-weight:100 ; line-height:0.9em; margin-bottom:0em; color:#fff; border:1px solid #d2ad78;background:#441715}

.fullbanner.shop .text p{color:#fff; font-size:1.2em; font-weight:600}
.fullbanner.shop .text >div {display:table-cell; vertical-align:middle; padding:0 15%;}



/*area nuestros vinos*/

.fullbanner.wines{ height:auto !important;margin-top:0em;  background:linear-gradient(to right, #481710, #d2ad78, #481710); background-size:cover}
.fullbanner.wines .text{text-shadow:1px 1px 1px rgba(0,0,0,0);width:100%; display:table; margin:0em auto;text-align:center; position:relative;}
.fullbanner.wines .text h2{font-family:'Copperplate', serif; text-align:center; color:#333333; font-style: normal; font-size:2.8em; font-weight:100 ; line-height:0.9em; margin-bottom:0.5em; margin-top:1em}
.fullbanner.wines .text p{color:#333333; font-size:0.9em; font-weight:600;  text-align:center; width:40%; margin:1em auto}
.fullbanner.wines .text a{font-family:'Copperplate', serif;font-size:1.4em; font-weight:800; font-style:italic; color:#333333; margin-left:5em;  margin-bottom:6em;}
.fullbanner.wines .text p a:after{content: " ";display:inline-block; width:30px; height:30px; background:url(../img/portia-boton-home-arquitectura-plus.png);vertical-align:-7px; margin-left:0.5em}
.fullbanner.wines .text a:hover{color:#d4b870;}
.fullbanner.wines .text a:hover:after{background-position: bottom center;}
.fullbanner.wines .text >div {display:table-cell; vertical-align:middle; padding:0;}
.fullbanner.wines .text .play{display:none}
.fullbanner.wines .sy-box{display:none}
.fullbanner.wines .sliderhome{ height:0px; display:none}
.fullbanner.wines .sliderhome >li{}
.fullbanner.wines .sy-slides-wrap{}
.fullbanner.wines .sy-slides-crop {}

.fullbanner.wines.art{background:#010000;}
.fullbanner.wines.art h2, .fullbanner.wines.art p{color:#CCC}


			/*Listado de Vinos Home*/

ul.hw {margin:0 auto; padding:0; width:0px; display:table; background:url(../img/logo.imago.gray.png) no-repeat 50% 10%; margin-bottom:4em}
ul.hw li{display:table-cell;width:160px; vertical-align:top; text-align:center;margin:0 auto;     list-style-type: none;  height:540px; padding:0 1em}
ul.hw li a{margin:0 !important}
ul.hw li h3{font-size:0.8em !important; }
ul.hw li h3 span{display:block; font-size:0.8em !important; opacity:0.8}
ul.hw li a img{height:520px;background:url(../img/home.wine.shadow.png) no-repeat 50% 100%; transform-origin: bottom; image-rendering: optimizeQuality; display: block;
  margin: auto;}
ul.hw li a img:hover{transform: scale(1.01); image-rendering: optimizeQuality;}





			/*Listado de Videos Home*/

ul.hv {margin:3em auto; padding:0; width:100% }
ul.hv li{display:inline-block; vertical-align:top; text-align:center;margin:0 auto;list-style-type: none; padding:1%; width:31%}
ul.hv li div{background-color:#000 !important; width:100%; background-size:100%; background-position:50% 50%; cursor:pointer}
ul.hv li div h3{font-family:'Copperplate', serif; color:#333333; padding:1em; text-transform:uppercase; text-align:left; font-weight:600; font-size:0.9em; min-height:4em; font-size:1em !important; font-style:normal !important}



/**************************************************************************************************
**************************************   CONTENIDOS  ***********************************************
****************************************************************************************************/
.innerbanner {height:60vh;}
.innerbanner .slidercontent{height:60vh;}
.innerbanner .sy-pager{display:none}
.innerbanner .slidercontent >li{height:60vh; background-position: center center; background-size: 100%}
.innerbanner .slidercontent .sy-slides-wrap{height:60vh !important}
.innerbanner .slidercontent .sy-slides-crop {height:60vh !important}
.innerbanner .sy-controls { display:block;}



.promoslid .innerbanner {height:66vh;background-color:rgba(72,23,16,0.95)}
.promoslid .innerbanner .slidercontent{height:66vh; margin-top:120px; }
.promoslid .innerbanner .sy-pager{display:none}
.promoslid .innerbanner .slidercontent >li{height:66vh; background-position: center center; background-size: 1170px auto; background-repeat:no-repeat}
.promoslid .innerbanner .slidercontent .sy-slides-wrap{height:66vh !important}
.promoslid .innerbanner .slidercontent .sy-slides-crop {height:66vh !important}
.promoslid .innerbanner .sy-controls { display:block;}


.widgetbanner{}


.cnt{width:100%; background:#f6f0e1;padding:1em 0 0 0}
.inc{ width:80%; max-width:930px; margin:0 auto 4em auto}

.inc h2{text-align:center; font-family:'Copperplate', serif; font-weight:100; color:#7b0329; font-size:3.2em; margin-bottom:1em;  line-height:1em; text-shadow:2px 2px 2px rgba(0,0,0,0.3)}
.inc h3{text-align:center;  font-weight:800; color:#333333; font-size:1.2em; margin-bottom:1em;}
.inc h3 a{color:#333333}
.inc h3 a:h3{color:#d4b870;}

.inc p{text-align:justify; margin-bottom:1.3em}
.inc p a{color:#333333 !important}
.inc p a:hover{color:#d4b870 !important}
.inc a.plus{font-size:1.2em; display:block; margin:0 auto; width:260px; text-align:center;}
.inc a.plus:hover{color:#d4b870;}

.cnticon {margin:0 auto; width:100%; height:100px; background:url(../img/logo.imago.gray.png) no-repeat 50% 10% #fff }

/*arquitextura*/
.arq .inc h2{ margin-bottom:0em;}

/*enoturismo*/
.eno .inc ul{padding-bottom:1em}
.eno .inc ul li{margin-left:1.3em; line-height:1.2em}


/*mapa*/
.mapa{background:#ebebe8}
#mapaup{background:#ebebe8; width:100%; position:absolute; z-index:1; left:0; text-align:center; margin-top:-396px}
#vinedomap{height:50vh; width:100%; margin-bottom:4em}

/*apartadovinos*/

.vinos .slidercontent >li{height:60vh; background-position: bottom center; background-size: 75%; background-repeat:no-repeat;}


/*menu vinos*/
div.lv{margin:0 auto 0em 0em;  text-align:center; border:8px solid #fff}
ul.lv{padding:0;  left:0px;  display:table; margin:0 auto}
ul.lv li{display:table-cell; text-align:center;; padding:1.5em 0; margin:0 auto;}
ul.lv li a{text-align:center; color:#fff}
ul.lv li img{width:80%;display:block;text-align:center; margin:0.5em auto; opacity:0.8}
ul.lv li img:hover{opacity:1}



/*ficha de vino*/


.upperwine{height:auto; text-align:center; margin-top:0em; background:linear-gradient(to right, #d2ad78, #481710);  border-left:8px solid #fff; border-right:8px solid #fff; padding-bottom:1em; padding-top:18vh}
.upperwine .wineimage {
  width: 80%;
  max-width: 1150px;
  margin: 0 auto;
  height: 600px;
  overflow: hidden;
  position: relative;
}
.upperwine img{ background:url("../img/shadow.botella.tumbada.png"); background-size:cover;padding-top:6em}

.upperwine img {
  opacity: 0; /* Inicia la imagen invisible */
  animation: fadeIn 2s ease-in-out forwards; /* Aplica la animación */
  transform: rotate(90deg);
  transform-origin: top center;
  width:auto;
  margin-top: 250px;
  height: 1100px;
  margin-left: 1100px;
}

@keyframes fadeIn {
  to {
    opacity: 1; /* Cambia la opacidad a 1 para hacer la imagen completamente visible */
  }
}
.upperwine h2 {
  margin: 0;
  padding-top: 20px;
  font-family: 'Copperplate', serif;
  font-weight: 300;
  color: #fff;
  font-size: 4em;
  text-align: left;
  line-height: 0.7em;
  font-stretch: expanded !important;
  text-shadow: 1px 1px 6px rgba(0,0,0,0.5);
  clear: both;
  margin-top:-1050px
}
.upperwine h2 span{display:block; font-size:0.8em; color:rgba(255,255,255,0.5)}
.buywine{position:absolute;margin-top:110px;right:2%; width:100px; background-color:#d4b870; color:#333333;font-family:'Copperplate', serif; font-weight:600; cursor:pointer;font-size:0.9em; line-height:1.2em }
.buywine >div{margin:5% 10%;text-align:center; background-image:url("../img/bolsa.icon.png"); background-repeat:no-repeat; backgrund-size:100%; background-position:top center; padding-top:80px}
.buywine >div img{width:20px; opacity:1}
.buywine:hover{background-color:#333333; color:#d4b870;}


#docwines{width:calc( 100% - 16px ); border:8px solid #fff; border-bottom:none; border-top:none; background-position: 50% 50%; background-size:200px auto; height:100px; background-repeat:no-repeat;background-color:rgb(72,23,16);}

#docwines.alella{ background-image:url("../img/strip.alella.png")}
#docwines.rioja{background-image:url("../img/strip.rioja.png")}

.dwl{margin:2em auto;}
.dwl a{display: inline-block; width:25%; border: 1px solid #441714; padding:0.4em 0.5em; text-align:center; font-family:'Copperplate', serif; color:#481710; margin:0 0.5em}
.dwl a:hover{background:#441714; color:#fff}

.ctr p{text-align:left;}

.chars{display:table; width:20px; margin:0 auto;}
.chars>div{display:table-cell; vertical-align:top; text-align:center; ;font-family:'Copperplate', serif; font-size:1em; font-weight:800; font-style:normal; width:10em; color:#b18381}
.chars>div span{width:80%;}
.chars>div>div{width:78px; height:78px; background:no-repeat url('../img/vinos.char.icons.png'); margin:0 3em 0.5em 3em}
.chars .chavin{background-position:-78px 0}
.chars .chabar{background-position:-156px 0}
.chars .chapac{background-position:-234px 0}

.ds{width:100%; background:#471810; margin-top:4em; text-align:center; padding-bottom:1em; border-bottom: 1px solid #d2ad78}
.ds img{margin:-36px auto 1em auto;}
.ds a{display:block; color:#d4b870; height:1.3em}
.ds a:hover{color:#fff;}

div.awards{ background:linear-gradient(to right, #000000, #481710); padding:0em 0; text-align:left; background-size:cover; background-position:bottom right; border:8px solid #fff}
div.awards>div{padding:2em 0; background-size:auto 150%; background-repeat:no-repeat; ; min-height: 400px; background-position: left 50%}
div.awards h3{width:70%; float:right; color:#d4b078; font-family:'Copperplate', serif; font-size:2em; font-weight:400; margin-bottom:1em}
ul.aw {width:60%; margin:0 auto; height:auto; overflow:hidden !important; float:right;}
ul.aw li{width:200px; display:inline-block; text-align:center; font-size:0.9em; height:180px; list-style:none; margin: 0 0.5em; vertical-align:top; background-size:100%; background-repeat:no-repeat; margin-bottom:1em; ;background-image: url("../img/web/award.fondo-premio.png");}
ul.aw li div{width:80%; margin:0 auto; min-height:50px; font-family:'Copperplate', serif; color:#fff; font-size:1em; line-height:0.9em; margin-top:1.8em; vertical-align:middle; text-shadow: 1px 1px 2px rgba(0,0,0,1)}
ul.aw li div span{font-size:3em; display:block;  line-height:1em;}
ul.aw li div span.min{font-size:2em; display:block;  line-height:0.8em; padding-top:0.3em; display:block}
ul.aw li div b{color:#d4b078}
#moreawards{font-size:1em; display:none}

.digma-tempranillo ul.aw li:nth-child(3) div span{font-size:1.1em;}



/*Ficha de viñedos*/

.inc.vinedos h2{background: url(../img/vinedos.h2.icon.png) no-repeat top center; padding-top:60px}

/*contacto*/
.cttwid{background:#333333; padding:1em}
.cttwid p{text-align:center; ; font-size:0.9em; line-height:1.3em;color:#d4b870;}
.cttwid a{color:#d4b870;}
.cttwid a:hover{color:#fff;}
/*formulario*/
.form {text-align:left; margin-bottom:2em}
.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:#c1c1c1; 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;}

/*menu vinos*/
ul.lv{margin:0; padding:0; width:100%;  left:0px; text-align:center; background-image:url('../img/vinos.bk.jpg'); background-size:cover}
ul.lv li{display:inline-block; width:33%; text-align:center;; padding:1.5em 0; border-left:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1); box-sizing:border-box;}
ul.lv li:last-child{border-right:1px solid rgba(255,255,255,0.05);}
ul.lv li a{text-align:center; color:#fff}
ul.lv li h3{font-size:1em; margin: 0 auto; color:#fff;font-family:'Copperplate', serif; font-weight:300; font-size:1.2em; text-align:center; line-height:0.8em;font-stretch: expanded !important;}
ul.lv li h3 span{display:block; font-size:0.8em; color:rgba(255,255,255,0.5)}
ul.lv li img{width:90%;display:block;text-align:center; margin:0.5em auto; opacity:0.8}
ul.lv li img:hover{opacity:1}


/*Multiwines*/
.multiwine{height:600px; padding-top:8em;}

ul.vnl {margin:0 auto; padding:0; width:0px; display:table;margin-bottom:4em}
ul.vnl li{display:table-cell;width:150px; vertical-align:middle; text-align:center;margin:0 auto;     list-style-type: none;}
ul.vnl li a{margin:0 !important}
ul.vnl li h3{opacity:0.3; height:3em; width:70%; margin: 0 auto; color:#fff;font-family:'Copperplate', serif; font-weight:300; font-size:1.2em; text-align:center;line-height:0.8em;font-stretch: expanded !important;}
ul.vnl li h3 span{display:block; font-size:0.8em; color:rgba(255,255,255,0.5)}

ul.vnl li:hover h3{opacity:1}
ul.vnl li a img{height:500px;background:url("../img/home.wine.shadow.png") no-repeat 50% 100%; opacity:0.9; padding:0 1em}
ul.vnl li:hover img{opacity:1}
ul.vnl li.lspace{ padding:0 30px}
.allwines{height:600px; padding-top:12em; overflow:hidden; margin:0 auto; background-image:url('../img/vinos.bk.jpg'); border-left:8px solid #fff; border-right:8px solid #fff}
.allwines .lembose{ background:url("../img/embose.left.png"); z-index:10;  text-align:left;display:none;}
.allwines .rembose{background:url("../img/embose.right.png"); z-index:20; margin-left:1100px;  text-align:right;;display:none;}
.allwines .scr{font-size:12em; line-height:600px; position:absolute; width:100px; height:570px; color:#fff !important; text-shadow:1px 1px 2px rgba(0,0,0,0.5); cursor:pointer; font-family: 'PT Sans', sans-serif;}
.allwines .scr a{color:#fff}
.allwines .scr:hover a{color:#d4b870}


img.intext{display:block; margin:0 auto !important; text-align:center;     max-width: 930px;}


/*tabulaciones para textos*/
.ft .inc li{margin-left:4em !important; color:#555 !important}
.ft .inc ul{margin-bottom:2em;}

a.tit {color:#333;}
a.tit:hover {color:#666;}
a.tit h3{font-size:1.2em; line-height:0.9em;}

.videodecante{width:100%; height:600px}


/*tabulaciones para textos*/
.ft .inc li{margin-left:4em !important; color:#555 !important}
.ft .inc ul{margin-bottom:1em;}


/* ENOTURIMO*/

.evt h2{font-size:1.5em; text-align:left; font-weight:500; line-height:1.2em}
.ent h2 strong{font-size:2.5em; text-align:left; display:block; line-height:0.65em}

.ent h3{font-family:'Copperplate', serif;font-size:1.2em; text-align:left; font-weight:500; color:#7b0329}

.ent .colum-2{display:inline-block; width:40%; padding:1em 5%; vertical-align:top; margin:2em 0}

.ent li{list-style:none; margin-left:1em}

p.covid{ margin:2em auto; text-align:center}

.evt.winebar .inc.form{display:none}



/*Listado de eventos de Enoturismo*/
.enolistado {margin-bottom:2em; text-align:center}

.enolistado li{display:inline-block; vertical-align:middle; width:280px; height:280px; overflow:hidden; list-style:none !important; box-sizing:border-box; background:rgba(68, 23, 20, 1);}

.enolistado li div{position:absolute; z-index:1; overflow:hidden;width:280px; height:280px}

.enolistado li div img{opacity:0.2;width:280px; height:280px}
.enolistado li div img:hover{opacity:1; margin-top:-5px; margin-left:-5px; width:300px; height:300px}

.enolistado li h3{position:absolute; z-index:5; margin-top:135px; text-align:center; width:280px; color:#fff; font-size:1.2em; text-shadow:1px 1px rgba(0,0,0,0.8)}


@media only screen and (max-width: 1475px) {
#logo{width:15%}
#header .menu{width:70%}
#header .menu ul li{padding-left:0}
.fullbanner.second .text >div{padding:0 5%; margin-left:25%}
ul.hw li{width:100px; height:auto}
ul.hw li a img{height:400px;}
.upperwine .wineimage{width:90%; margin-top:10em}
}
 
 

/*MOVIL vetical <500px anchura*/ 


@media only screen and (max-width: 800px) {

.fullbanner.wines{  background:linear-gradient(to right, #481710, #d2ad78, #d2ad78, #481710);}

#videoplay {position:absolute; top:calc(70vh + 46px); right:2px;}

#videoplay:hover{background-color:#7b0329}

.upperwine .wineimage{width:90%; margin-top:2em}
#th >div{width:80%}

.fullbanner.bares{height:120vw; background-image:url(../img/bg.reencuentro.movil.2.jpg); background-size:auto 100%; background-position: 50% 0%;cursor:pointer}


/*formularios*/
#burguer{ display:block;position:fixed; width:36px;  padding-top:0px; height:36px; background:#000 url("../img/burguer.open.btn.png") no-repeat 50% 50% ; overflow:hidden; right:2px; top:60px; z-index:300; background-size:32px 32px}
#burguer.active{width:100vw; height:auto; background:#000; padding:0 0 20p 0; position:absolute; height:auto !important}

#burguer .logo{width:35%; float:left;height:60px; }
#burguer .cerrar{float:right;width:32px; height:32px; background:#000 url(../img/burguer.close.btn.png) no-repeat 50% 50%;background-size:32px 32px}
#burguer ul{ margin:1em 2em; padding:0}

#burguer  ul li{display:block; color:#181818; text-align:left; margin-bottom:0.5em}
#burguer  ul li a{color:#fff;font-size:1em; font-family:'PT Sans', sans-serif; line-height:1.2em; font-weight:400; letter-spacing:0.2em}

#burguer ul ul{margin:0.1em 0 0 1em;}
#burguer ul ul a{font-size:0.9em !important; border-bottom:1px solid #000 !important}
#burguer ul ul ul a{font-size:0.8em !important ; border-bottom:0px !important}





#header{width:100%; height:60px;position:fixed; top:0px; z-index:200; background-color:#481710}
	#logo{width:50%; max-width:250px; float:left; background:url("../img/logo-sajazarra.png") ;background-size:100%; height:100%;  background-position:50% 50%; background-repeat:no-repeat;}
	#logo h1{display:none;}
	#logo a{display:block; width:100%; height:60px}

#header .menu{display:none;}
#header .submenu{display:none}


#header #icons{float:right; padding-right:0px}
#header #icons ul{margin:15px 0; padding:0; display:table}
#header #icons li{display:table-cell; padding:0px 0px 0 6px; vertical-align:middle }
#header #icons li a{display:block; width:30px;height:30px;background-position:top center;}
#header #icons li a:hover{background-position:bottom center;}
#header #icons li a span{display:none}
#header #icons .icnecomm{background-image:url(../img/tienda.png);}
#header #icons .icncontact{background-image:url(../img/contacto.png)}
#header #icons .icnloca{background-image:url(../img/localizacion.png); width:20px}
#header #icons .lng{font-size:1.1em; color:#fff; margin-left:0.2em; line-height:30px}



#mainsocial{position:fixed; top:60px; left:0px; width:100%;z-index:200; background-color:#000; height:38px; border:2px solid #fff; border-top:none; box-sizing:border-box}
#mainsocial ul{margin:0; padding:0; height:48px}
#mainsocial li{list-style:none; list-style-image: none; margin:0 0  0 1px; float:left; height:32px;width:32px;}
#mainsocial li a{display:block; width:32px; height:32px; background: top center; background-size:32px;}

#mainsocial li a img{width:24px; height:24px; margin:5px}



#content{margin-top:98px; border-right:2px solid #fff; border-left:2px solid #fff}


#footer{width:100%; border:2px solid #fff; height:auto; padding-bottom:4.2em}
#footer > div{padding:2em 0 !important; display:block; width:100% !important}


#footer #legal{text-align:center;}


#footer #subs >div{padding:1em !important}

#footer #subs .accept{font-size:0.8em; font-family:'PT Sans', sans-serif;}
#footer #subs .checksubs{text-align:left} 

#subfooter{border:2px solid #fff}
#footersocial{margin:2em 0}
#footersocial ul{margin:0;width:100%}


/*Home*/

/*Banner superior*/


.fullbanner {width:100%; height:70vh;}
.fullbanner .text{width:100%; height:100%; display:table; margin:0 auto; position:absolute;z-index:150; text-align:center; text-shadow:1px 1px 1px rgba(0,0,0,0.8)}
.fullbanner .text h2{font-family:'Cabin', sans-serif; text-align:center; color:#fff; font-style: italic; font-size:2em; font-weight:100 ; line-height:0.9em; margin-bottom:0.5em}
.fullbanner .text p{color:#fff; font-size:0.9em; font-weight:600}
.fullbanner .text >div {display:table-cell; vertical-align:middle; padding:0 2%;}

.fullbanner .text .play{width:60px; height:60px; background:url("../img/play.video.png") no-repeat center center; background-size:58px 58px; margin:0 auto; cursor:pointer}

.fullbanner .sliderhome{height:70vh;}
.fullbanner .sliderhome >li{height:100%; background-position: center 120%; background-size:100%; background-repeat:no-repeat;}
.fullbanner .sy-slides-wrap{height:100% !important}
.fullbanner .sy-slides-crop {height:100% !important}
.fullbanner .sy-controls, .fullbanner .sy-pager{display:none}

.fullbanner.top .text{color:#fff;}
.fullbanner.top .text h2, .fullbanner.top .text h3{text-shadow:-1px -1px 0 rgba(0,0,0,0.8),1px -1px 0 rgba(0,0,0,0.8),-1px 1px 0 rgba(0,0,0,0.8),1px 1px 0 rgba(0,0,0,0.8), 1px 1px 3px  rgba(0,0,0,0.5)}





#header{border: 2px solid #fff}

.play{display:none}
.fullbanner {width:100%; height:50vh; border-bottom:2px solid #fff}
.fullbanner .sliderhome{height:50vh;}
.fullbanner .text{height:30vh;}
.fullbanner .sliderhome >li{height:100%; background-position:  70% 20%; background-size:auto 130%; background-repeat:no-repeat;}

.fullbanner.video .text div{display:none}
.fullbanner.top .sliderhome >li{height:100%;}
.fullbanner.top .text >div{padding:22%}
.fullbanner.top .vd{width:99vw; overflow:hidden;}
.fullbanner.top .desp{margin-left:-100vw}
.fullbanner.top #videodata {margin-left:-50wv;width: auto;height: 70vh;}
.fullbanner.top, .fullbanner.top .sliderhome, .fullbanner.top .text{height:70vh !important;}


.fullbanner.second, .fullbanner.second .text, .fullbanner.second .sliderhome, .fullbanner.second .sliderhome >li, .fullbanner.second .sy-slides-wrap, .fullbanner.second .sy-slides-crop {height: 50vh !important;}
.fullbanner.second .text h2{font-size:1.2em}
.fullbanner.second .sliderhome >li{background-position: 20% 0; }
.fullbanner.second .text a{background-color:#000000cc}

.fullbanner.eno, .fullbanner.eno .text, .fullbanner.eno .sliderhome, .fullbanner.eno .sliderhome >li, .fullbanner.eno .sy-slides-wrap, .fullbanner.eno .sy-slides-crop {height: 50vh !important;}
.fullbanner.eno .sliderhome >li{height:100%; background-position:  70% 20%; background-size: auto 100%; background-repeat:no-repeat;}
.fullbanner.eno .text h2{font-size:1em}
.fullbanner.eno .text{width:60% !important}
.fullbanner.eno .text >div{padding:0 0 0 5%}
.fullbanner.eno .sliderhome >li{background-position: 20% 0; }

.fullbanner.shop, .fullbanner.shop .text, .fullbanner.shop .sliderhome, .fullbanner.shop .sliderhome >li, .fullbanner.shop .sy-slides-wrap, .fullbanner.shop .sy-slides-crop {height: 100vw !important;}
.fullbanner.shop .sliderhome >li{height:100%; background-position:  100% 100% !important; background-size: 100% ; background-repeat:no-repeat;}
.fullbanner.shop .text{padding-top:0; vertical-align:top}
.fullbanner.shop .text h2{}
.fullbanner.shop .text{width:100% !important; height:100vw !important; text-align:center}
.fullbanner.shop .text >div{display:block; padding-top:40px}
.fullbanner.shop .sliderhome >li{background-position: top right; }
.fullbanner.shop .text a{background:rgba(255,255,255,0.8)}

.promoslid .innerbanner {height:28vh;background-color:rgba(72,23,16,0.95)}
.promoslid .innerbanner .slidercontent{height:28vh; margin-top:100px; }
.promoslid .innerbanner .sy-pager{display:none}
.promoslid .innerbanner .slidercontent >li{height:28vh; background-position: center center; background-size: 100% auto; background-repeat:no-repeat}
.promoslid .innerbanner .slidercontent .sy-slides-wrap{height:28vh !important}
.promoslid .innerbanner .slidercontent .sy-slides-crop {height:28vh !important}
.promoslid .innerbanner .sy-controls { display:block;}




			/*Listado de Vinos Home*/

ul.hw {margin:1em auto; padding:0; width:100%; display:table; background:url(../img/logo.imago.gray.png) no-repeat 50% 10%; margin-bottom:4em}



#doc{border:2px solid #fff}
#doc>div{width:49.2%}
#doc img{width:75%}





/**************************************************************************************************
**************************************   CONTENIDOS  ***********************************************
****************************************************************************************************/

.fullbanner.video .text div{display:none}
.fullbanner.video{height:50vh !important}
.fullbanner.video .vd{width:99vw; overflow:hidden;}
.fullbanner.video .desp{margin-left:-50vw}
.fullbanner.video #videodata {margin-left:-50wv;width: auto;height: 50vh;}

.innerbanner {height:30vh;}
.innerbanner .slidercontent{height:40vh;}
.innerbanner .sy-pager{display:none}
.innerbanner .slidercontent >li{height:40vh; background-position: bottom left; background-size: auto 100%}
.innerbanner .slidercontent .sy-slides-wrap{height:30vh !important}
.innerbanner .slidercontent .sy-slides-crop {height:30vh !important}
.innerbanner .sy-controls { display:block; height:30vh}
.innerbanner .sy-controls li{width:35px; min-width:35px}
.innerbanner .sy-controls li a:after{
	width: 35px;
    height: 85px;
    left: 0%;
    top: 30%;

}
.innerbanner .sy-box, .innerbanner .sy-slides-crop, .innerbanner .sy-slides-wrap{height:30vh}


.widgetbanner{}


.cnt{width:100%; background:#fff;padding:1em 0}
.inc{ width:90%;  margin:0 auto}
.inc h2{font-size:2em}
.inc a{color:#181818 !important; font-size:0.8em}

.inc p{text-align:justify; margin-bottom:2em; font-size:0.9em;}
.inc a.plus{font-size:1.2em; display:block; margin:0 auto; width:260px; text-align:center;}
.inc a.plus:hover{color:#aa3e03;}

.cnticon {margin:0 auto; width:100%; height:100px; background:url(../img/logo.imago.gray.png) no-repeat 50% 10% #fff }

/*arquitextura*/
.arq .inc h2{ margin-bottom:0em;}

/*enoturismo*/
.eno .inc ul{padding-bottom:1em}
.eno .inc ul li{margin-left:1.3em; line-height:1.2em; font-size:0.9em}

.ent .colum-2{ display:block; width:80%}
.ent .inc li{list-style:disc}

.ent h2 {
    font-size: 1.2em;
 
}

/*mapa*/
.mapa{background:#ebebe8; width:100%}
.mapa img{width:100%}
#mapaup{background:#ebebe8; width:100%; position:absolute; z-index:1; left:0; text-align:center; margin-top:-150px}
#mapaup img{width:100%}

/*apartadovinos*/

.vinos .slidercontent >li{height:30vh; background-position: bottom center; background-size: 90%; background-repeat:no-repeat;}


/*menu vinos*/
ul.lv{margin:0 auto 2em 0em; padding:0; width:100%;  left:0px;}
ul.lv li{ background:#181818; width:100%; text-align:center;; padding:0.8em 0; border-bottom:1px solid rgba(0,0,0,0.9)}
ul.lv li a{text-align:center; color:#fff}
ul.lv li img{width:80%;display:block;text-align:center; margin:0.5em auto; opacity:0.8}
ul.lv li span{margin-left:-6em}
.vinos ul.lv{ position:absolute;}



/*ficha de vino*/


.upperwine{
  height: auto; 
  text-align: center;
  border: 0;
  position: relative;
  padding: 0vh 0;
  background: linear-gradient(to right, #1a0b05, #75271b);
}
.upperwine img{
  position: absolute;
  left: 120%;
  top: 150%;
  transform: translate(-50%, -50%) rotate(90deg);
  height: 350px;
  width: auto;
  margin: 0;
  background: none;
}


.upperwine img{
  position: absolute;
  left: 92%;
  top: 40%;
  transform: translate(-50%, -50%) rotate(5deg);
  height: 580px;
  width: auto;
  margin: 0;
  background: none;
}
.upperwine .wineimage{
  width: 100%;
  height: 50vh;
  position: relative;
  margin: 0;
  overflow:hidden;
}
.upperwine h2{font-size:2em; margin-top:10vh; padding-left:25px;position:absolute; z-index:20}

.buywine{position:fixed;right:0%; width:180px; color:#FFF;font-family:'Cabin', sans-serif; font-weight:400; cursor:pointer; font-size:0.7em; line-height:3em;z-index:290}
.buywine >div{ background-image:url("../img/bolsa.icon.png"); background-repeat:no-repeat; background-size:20px; background-position:center right;  text-align:right; padding-right:24px; margin-right:2%}



.ctr p{text-align:center;}

.chars{width:100%; margin:0 auto; text-align:center}
.chars>div{display:inline-block; width:32%;text-align:center; ;font-family:'Cabin', sans-serif; font-size:1em; font-weight:400; font-style:italic;color:#181818; vertical-align:top}
.chars>div span{width:80%; display:block; margin:0 auto; font-size:0.8em}
.chars>div>div{width:78px; height:78px; background:no-repeat url('../img/vinos.char.icons.png'); margin:0 auto 0.5em auto}
.chars .chavin{background-position:-78px 0}
.chars .chabar{background-position:-156px 0}
.chars .chapac{background-position:-234px 0}

.ds{width:100%; background:#181818; margin-top:4em; text-align:center; padding-bottom:1em}
.ds img{margin:-36px auto 1em auto;}
.ds a{display:block; color:#aa3e03; height:1.3em}
.ds a:hover{color:#fff;}

div.awards{background:linear-gradient(to right, black, #481710); padding:0em 0; text-align:center;position:relative}



div.awards>div{padding:0; background-position:-30px center; background-size: cover;  background-color: rgba(0, 0, 0, 0.5); background-blend-mode: darken}
ul.aw {width:100%; margin:0 auto;}
ul.aw li{display:inline-block; width:49%; text-align:center; font-size:0.8em; list-style:none; margin: 0 auto; vertical-align:top;background-image: url("../img/web/award.fondo-premio.png"); background-size:60%; background-position: top center; height:130px}
ul.aw li img{margin:0em auto 0.5em auto; display:block; width:60%; max-width:100px}
ul.aw li div{width:70%; margin:0.2em auto 0 auto; min-height:80px}
#moreawards{font-size:1em; display:none}


/*contacto*/
.cttwid{background:#181818; padding:1em}
.cttwid p{text-align:center; ; font-size:0.9em; line-height:1.3em;color:#aa3e03;}
.cttwid a{color:#aa3e03;}
.cttwid a:hover{color:#fff;}
/*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:#c1c1c1; text-transform:uppercase;}
.form div.inp input{width:96%; background:#ebebe8; padding:0.5em 2%; font-size:1em; color:#181818; border:none}

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

/*Multiwines*/
.multiwine{padding-top:8em}

ul.vnl {margin:0 auto; padding:0; width:100%;margin-bottom:4em; text-align:center}
ul.vnl li{display:inline-block ;width:48%; text-align:center;  list-style-type: none; margin:0 auto; height:auto; box-sizing:border-box; vertical-align:top}
ul.vnl li a{margin:0 !important}
ul.vnl li h3{opacity:0.3; min-height:4em; margin: 0 auto; font-size:0.8em; }
ul.vnl li a img{height:300px;}
ul.vnl li:hover img{opacity:1}
ul.vnl li.lspace{display:none}
.allwines {border:0; padding-top:3em; height:auto}

.allwines .scr{display:none;}


img.intext{display:block; margin:0 auto !important; text-align:center;     width:100%}


ul.hw{display:block}
ul.hw li {
    display: inline-block;
    width: 49%;
    vertical-align: middle;
    height: auto;
    padding:1em;
	box-sizing:border-box;
}

ul.hw li a img {
width:45%;
 }