@import 'https://fonts.googleapis.com/css?family=Cabin|PT+Sans|Economica|Syncopate';
*{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:#181818; font-size:1em ;background-color:#fff;padding:0; font-weight:400; overflow-y:scroll; height:100%;}
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:#f4b218;display:block !important;padding:1em; font-size:0.9em; color:#181818; width:50% !important; margin:2em auto 0 auto;font-weight:600; text-align:center; cursor:pointer}
.buttoned:hover{background:#181818; color:#f4b218}

/* boton con símbolo +*/
 a.plus{font-family:'Cabin', sans-serif;font-size:1.4em; font-weight:800; font-style:italic; margin-left:0em; color:#181818}
 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;}



/*formularios*/
.checksubs{cursor:pointer;}
.checksubs:hover .check,  .checksubs.aceptado .check{background:º#aa3e03;}
.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:#aa3e03;display:block !important; border:none !important; padding:1em 0; font-size:0.9em; color:#181818; margin-top:1em;font-weight:600; text-align:center; cursor:pointer}
.sendsubs:hover{background:#181818; color:#aa3e03}


#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; 'Syncopate', sans-serif; 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}

#the{position:fixed; width:100%; height:100vh; z-index:9999; top:0;background:rgba(255,255,255,0.6); display:block}
#the >div{width:80%;  background:#fff; margin:10vh auto; border:2px solid #a0824d; box-shadow:2px 2px 20px rgba(0,0,0,0.2); display:table}
#the >div > div{display:table-cell; padding:3em 1em 0.5em 1em; vertical-align:bottom; text-align:center}
#the p#alertas{color:#333333; text-align:center; font-size:1em}
#the .buttoned{background:#a0824d;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:#333333; color:#a0824d}
#the img{max-width:280px}


#th{position:fixed; width:100%; height:100vh; z-index:9999; top:0;background:rgba(255,255,255,0.6); display:none }
#th >div{width:80%;  background:#fff; margin:30vh auto; border:2px solid #aa3e03; 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:#181818; text-align:center; font-size:0.8em}

#burguer{ position:fixed; width:60px;  padding-top:60px; height:0px; background:#aa3e03 url("../img/burguer.open.btn.png") no-repeat 50% 50% ; overflow:hidden; right:0; top:0; z-index:10000}
#burguer.active{width:100%; height:100vh; background:#aa3e03; padding:0 0 20em 0; position:absolute; height:auto !important}

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

#burguer  ul li{display:block; color:#181818; text-align:center;}
#burguer  ul li a{color:#181818;font-size:1em; font-family:'Cabin', sans-serif; line-height:2em; font-weight:400; letter-spacing:0.2em}

#burguer ul ul{margin:0.5em auto;}
#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; background:#a0824d;position:fixed; top:0px; z-index:200}
	#logo{width:35%; float:left; background:url("../img/logo-faustino.png"); background-size:90%; 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:30px}
#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:#aa3e03; margin-left:0.2em; line-height:30px}



#mainsocial{position:fixed; top:60px; left:0px; width:100%;z-index:200; background-color:#aa3e03; height:36px}
#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:nth-child(1) a{background-image:url("../img/mainsocial.twitter.png")}
#mainsocial li:nth-child(2) a{background-image:url("../img/mainsocial.facebook.png")}
#mainsocial li:nth-child(3) a{background-image:url("../img/mainsocial.youtube.png")}
#mainsocial li:nth-child(4) a{background-image:url("../img/mainsocial.tripadvisor.png")}
#mainsocial li:nth-child(5) a{background-image:url("../img/mainsocial.plusrss.png")}


#content{width:100%; margin-top:60px; background:#ebebe8; min-height:800px}


#footer{width:100%;background:#ebebe8;}
#footer > div{padding-top:3em}
#footer #wm{ text-align:center; vertical-align:top;}
#footer #wm img{ max-width:300px; opacity:0.6;}

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


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


#footersocial{ margin-top:2em;}
#footersocial ul{text-align:center; padding:0; margin:0 0 0em 0; width:100%}
#footersocial li{list-style:none; list-style-image:none; display:inline-block; border:none !important; padding:0 !important}
#footersocial li a{display:block; width:36px; height:36px; background-position: top center; background-size:36px 72px; opacity:0.6}
#footersocial li a:hover{background-position: bottom center; opacity:1}
#footersocial li:nth-child(1) a{background-image:url("../img/footersocial.twitter.png")}
#footersocial li:nth-child(2) a{background-image:url("../img/footersocial.facebook.png")}
#footersocial li:nth-child(3) a{background-image:url("../img/footersocial.instagram.png")}
#footersocial li:nth-child(4) a{background-image:url("../img/footersocial.youtube.png")}
#footersocial li:nth-child(5) a{background-image:url("../img/footersocial.googleplus.png")}
#footersocial li:nth-child(6) a{background-image:url("../img/footersocial.spotify.png")}

#footersocial li:nth-child(7) a{background-image:url("../img/footersocial.tripadvisor.png")}
#footersocial li:nth-child(8) a{background-image:url("../img/footersocial.linkedin.png")}
#footersocial li:nth-child(5){display:none}




#footer #subs{background-color:#dadad8; height:100%}
#subs .pad1em{padding: 0 3em}
#subs h2{font-family:'Cabin', sans-serif; font-size:1em; color:#181818; margin-bottom:1em}
#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:#181818; border:1px solid #bbb}
#subs .sendsubs{width:100%; display:block}
#footer .nofloat{height:0px !important}

#webs{width:100%; background:#a0824e;}
#webs ul{margin:0; padding:0; width:100%}
#webs ul li{ text-align:center;padding:2em 0; background:#a0824e;}
#webs ul li:first-child{background:#846d43;}

#webs ul li img{opacity:0.4; width:60%; 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}


/*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%; 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)}




@media (max-width: 500px) {
.fullbanner {width:100%; height:50vh;}
.fullbanner .sliderhome{height:50vh;}
.fullbanner .text{height:30vh;}
.fullbanner .sliderhome >li{height:100%; background-position:  70% 20%; background-size:auto 130%; no-repeat;}
.fullbanner.top .sliderhome >li{height:100%; background-position: 75% 50%; background-size:auto 100%; no-repeat;}
.fullbanner.top .text >div{padding:22%}

.fullbanner.top, .fullbanner.top .sliderhome, .fullbanner.top .text{height:30vh;}
#content{margin-top:90px}
.fullbanner .text .play{height:40px; width:40px;background-size: 38px 38px;}

}

@media (min-width: 401px) and (orientation: portrait ) {
.fullbanner {width:100%; height:50vh;}
.fullbanner .sliderhome{height:50vh;}
.fullbanner .text{height:50vh;}
.fullbanner .sliderhome >li{height:100%; background-position: 70% 20%; background-size:auto 130%; no-repeat;}
.fullbanner.top, .fullbanner.top .sliderhome, .fullbanner.top .text{height:30vh;}
#content{margin-top:90px}
.fullbanner .text .play{height:40px; width:40px;background-size: 38px 38px;}

}

@media (orientation: landscape ) {
.fullbanner {width:100%; height:70vh;}
.fullbanner .sliderhome{height:70vh;}
.fullbanner .text{height:70vh;}
.fullbanner .sliderhome >li{height:100%; background-position: 70% 60%; background-size:100%; no-repeat;}
}
/*area aquitectura*/

.fullbanner.arq{height:60vh;margin-top:0em}

.fullbanner.arq .text{text-shadow:1px 1px 1px rgba(0,0,0,0);width:100%; height:60vh; display:table; margin:0 auto; position:absolute;z-index:150; text-align:center; background: url("../img/mancha-banner.png") no-repeat left top; background-size:auto 120% }
.fullbanner.arq .text h2{ font-family:'Cabin', sans-serif; text-align:left; color:#181818; font-style: normal; font-size:2em; font-weight:100 ; line-height:0.9em; margin-bottom:0.5em}
.fullbanner.arq .text p{color:#181818; font-size:0.7em; font-weight:600;  text-align:left; width:100%; margin-bottom:0.5em; line-height:1.2em}
.fullbanner.arq .text a.plus{color:#181818; margin-left:0em;  margin-bottom:2em;}
.fullbanner.arq .text >div {display:table-cell; vertical-align:middle; padding:0 15%;}
.fullbanner.arq .text .play{display:none}
.fullbanner.arq .sliderhome{height:60vh; opacity:0.8}
.fullbanner.arq .sliderhome >li{height:60vh; background-position: #fff center center; background-size: 150%}
.fullbanner.arq .sy-slides-wrap{height:60vh !important}
.fullbanner.arq .sy-slides-crop {height:60vh !important;}


/*area nuestros vinos*/

.fullbanner.wines{ height:auto !important;margin-top:0em; background:#e1e1e8}
.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:'Cabin', sans-serif; text-align:center; color:#181818; font-style: normal; font-size:1.8em; font-weight:100 ; line-height:0.9em; margin-bottom:0.5em; margin-top:1em}
.fullbanner.wines .text p{color:#181818; font-size:0.9em; font-weight:600;  text-align:center; width:90%; margin:1em auto}
.fullbanner.wines .text a{font-family:'Cabin', sans-serif;font-size:1.4em; font-weight:800; font-style:italic; color:#181818; 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:#aa3e03;}
.fullbanner.wines .text a:hover:after{background-position: bottom center;}
.fullbanner.wines .text >div {display:table-cell; vertical-align:middle; padding:0 10%;}
.fullbanner.wines .text .play{display:none}
.fullbanner.wines .sy-box{display:none}
.fullbanner.wines .sliderhome{ height:0px; display:none}
.fullbanner.wines .sliderhome >li{ background-position: bottom center; background-size: 110%}
.fullbanner.wines .sy-slides-wrap{}
.fullbanner.wines .sy-slides-crop {}


			/*Listado de Vinos Home*/

ul.hw {margin:0 auto; padding:0; width:100%; display:table; background:url(../img/logo.imago.gray.png) no-repeat 50% 10%; margin-bottom:4em}
ul.hw li{display:table-cell;width:25%; vertical-align:middle; text-align:center;margin:0 auto;     list-style-type: none; background:url(../img/home.wine.shadow.png) no-repeat 50% 100%; height:140px; background-size:100%}
ul.hw li a{margin:0 !important}
ul.hw li  h3{display:none}
ul.hw li a img{width:90%;}





/*area videoblog*/

.fullbanner.videoblog{height:225vh;margin-top:0em; background:#e1e1e8}
.fullbanner.videoblog .text{width:100%; height:225vh; display:table; margin:0 auto; position:absolute;z-index:150; text-align:center;}
.fullbanner.videoblog .text h2{font-family:'Cabin', sans-serif; text-align:center; color:#fff; font-style: normal; font-size:2em; font-weight:100 ; line-height:0.9em; margin:0.5em auto}
.fullbanner.videoblog .text p{color:#fff; font-size:0.9em; font-weight:600;  text-align:center; width:90%; margin:1em auto}
.fullbanner.videoblog .text >div {display:table-cell; vertical-align:middle; padding:0 1%;}
.fullbanner.videoblog .text .play{display:none}
.fullbanner.videoblog .sliderhome{height:225vh;}
.fullbanner.videoblog .sliderhome >li{height:225vh; background-position: bottom center; background-size: 300%}
.fullbanner.videoblog .sy-slides-wrap{height:225vh !important}
.fullbanner.videoblog .sy-slides-crop {height:225vh !important}
.fullbanner.videoblog  a.plus{color:#fff;  margin-bottom:3em;}


			/*Listado de Videos Home*/

ul.hv {margin:3em auto; padding:0; }
ul.hv li{vertical-align:top; text-align:center;margin:0 auto;list-style-type: none; padding:0px}
ul.hv li div{background-color:#000; width:360px; margin:0 auto}
ul.hv li div h3{font-family:'Cabin', sans-serif; color:#EEE; padding:1em; text-transform:uppercase; text-align:left; font-weight:600; font-size:0.9em; min-height:4em}


/*Banners*/

.banspace{width:100%;}
.banspace > div{width:100% !important; display:inline-block; float:left;verflow:hidden; background-color:#ebebe8; cursor:pointer;}
.banspace > div .txt{width:75%; padding:5% 10%; height:auto}
.banspace > div .txt h2{font-size:1.4em; margin-bottom:0.3em}
.banspace > div .txt p{ color:#181818; font-size:0.8em; line-height:1.4em}
.banspace > div .image{width:100%; background-repeat: no-repeat; background-position: center center; background-size:cover; height:150px;opacity:0.8 }
.banspace .price{float:right; color:#fff}
.banspace > div .image >div{width:100%;height:65px; background-repeat:no-repeat; background-position:top right; background-image:url(../img/banner.union.light.png)}
.banspace > div a.bnbt{display:none}

.banspace > div:hover .image{opacity:1}
.banspace > div:hover .txt h2, .banspace > div:hover .txt p{color:#aa3e03 !important;}

.banspace > div .txt h2{ font-family:'Cabin', sans-serif; font-weight:100; color:#181818; text-transform:uppercase;  line-height:1.1em}
.banspace > div:nth-child(1){background: #181818}
.banspace > div:nth-child(1) .image >div{background-image:url(../img/banner.union.dark.png)}
.banspace > div:nth-child(1) h2{ color:#fff}
.banspace > div:nth-child(1) p, .banspace > div:nth-child(1) a{ color:#fff}
.banspace > div:nth-child(n+4) {background: #181818}
.banspace > div:nth-child(n+4) h2{ color:#fff}
.banspace > div:nth-child(n+4) p, .banspace > div:nth-child(n+4) a{ color:#fff}

.banspace.odd > div .image >div{width:100%;height:65px; background-repeat:no-repeat; background-position:top right !important; background-image:url(../img/banner.union.light.png) !important}
.banspace.odd > div:nth-child(1) .image >div{ background-image:url(../img/banner.union.dark.png) !important;  background-position:top right !important;}
.banspace.odd > div:nth-child(1+4) .image >div{ background-image:url(../img/banner.union.dark.png) !important;  background-position:top right !important;}

.banspace.odd> div:last-child{width:100% !important; background:#181818;}
.banspace.odd> div:last-child .txt{width:90%; height:100%; padding:2% 5%}
.banspace.odd> div:last-child .txt h2{font-size:1.2em}
.banspace.odd> div:last-child .txt p{font-size:0.8em; line-height:1.2em}
.banspace.odd> div:last-child .txt h2, .banspace.odd> div:last-child .txt p{color:#fff}
.banspace.odd> div:last-child .image100% !important; float:right; height:230px; background-position:center left}
.banspace.odd > div:last-child .image >div{ background-position:top left !important; background-image:url(../img/banner.union.width.png) !important}


/**************************************************************************************************
**************************************   CONTENIDOS  ***********************************************
****************************************************************************************************/
.innerbanner {height:30vh;}
.innerbanner .slidercontent{height:30vh;}
.innerbanner .sy-pager{display:none}
.innerbanner .slidercontent >li{height:30vh; background-position: bottom center; background-size: 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{text-align:center; font-family:'Cabin', sans-serif; font-weight:100; color:#181818; font-size:2em; margin-bottom:0.5em;}
.inc h3{text-align:center;  font-weight:800; color:#484848; font-size:1.2em; margin-bottom:1em;}

.inc a{color:#181818 !important; text-decoration:underline}

.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}


/*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%}

/*videoblob*/
.wgtvideo{width:100%; text-align:center;padding-top:30px}
.wgtvideo iframe{padding:0; margin:0; width:100%; height:280px}
.wgtvideo>div:first-child{background: #ebebe8;}
.wgtvideo>div:last-child{background:#fff}
.wgtvideo h2{width:90%; margin:0.2em auto 0.5em auto;font-family:'Cabin', sans-serif; font-weight:6400; color:#181818; font-size:1.2em; text-align:left;text-transform:uppercase; line-height:1.1em}
.wgtvideo p{width:90%;  margin:0 auto;text-align:left;}
.videoblog.hv {margin:3em auto; padding:0; width:100% }
.videoblog.hv li{display:block; vertical-align:top; text-align:center;margin:0 auto;list-style-type: none; padding:1%; width:98%; height:25vh}
.videoblog.hv li div{background-color:#000 !important; width:100%;height:20vh; background-size:100%; background-position:50% 50%; cursor:pointer}
.videoblog.hv li div h3{font-family:'Cabin', sans-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}

/*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;}
.upperwine img{margin-top:3em; margin-left:0em; background:url(../img/shadow.botella.tumbada.png); background-size:cover; width:100%}
.upperwine h2{ margin:0.2em auto 0.3em auto;font-family:'Cabin', sans-serif; font-weight:300; color:#181818; font-size:2em; text-align:center;line-height:1.1em}
.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:#e1e1e8; padding:2em 0; text-align:center;}
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}
ul.aw li img{margin:0em auto 1em auto; display:block; width:60%; max-width:100px}
ul.aw li div{width:70%; margin: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:32%; text-align:center;  list-style-type: none; margin:0 auto; height:290px; 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:200px;}
ul.vnl li:hover img{opacity:1}
ul.vnl li.lspace{display:none}
.allwines{padding-top:6em;width:100%; margin:0 auto}

.allwines .scr{display:none;}


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