@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:#333333; 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:#a0824d;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}


/* 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:#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}




/*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:#a0824d;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:#aa3e03; 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; '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:30%;  background:#fff; margin:30vh 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}



#th{position:fixed; width:100%; height:100vh; z-index:9999; top:0;background:rgba(255,255,255,0.6); 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}

#header{width:100%; height:90px; background:#a0824d;position:fixed; top:0px; z-index:999}
	#logo{width:20%; float:left; background:url("../img/logo-faustino.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:'Cabin', sans-serif; text-align:center; margin-top:2em}
#header .menu ul{ margin:0px auto; padding:0}
#header .menu ul ul{display:none}
#header .menu ul li{display:inline-block; color:#fff; text-transform:uppercase}
#header .menu ul li a{color:#312b21;margin:0 0.5em; font-size:0.8em; font-weight:600}
#header .menu ul li a:hover{color:#aa3e03}


#header .submenu{width:100%;  font-family:'Cabin', sans-serif;}
#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:#a0824c;font-size:0.8em; font-weight:400; text-align:center; display:block; width:100%;background:#3d290e;line-height:3em; box-sizing:border-box; border:0.5px solid #a0824c; border-top:0px}
#header .submenu ul li a:hover, #header .submenu ul li a.active{color:#FFF; background:#21190e; 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:30px 0 0 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; opacity:0.8}
#header #icons li a:hover{background-position:bottom center; opacity:1}
#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:#333333; margin-left:1em; line-height:30px}
#burguer{display:none}



#mainsocial{position:fixed; top:120px; left:0px; 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:#a0824d; background-size:44px; background-position:50% 50%; background-repeat:no-repeat}
#mainsocial li a:hover{background-color:#aa3e03}
#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.instagram.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; display:table}
#footer > div{display:table-cell;padding-top:3em}
#footer #wm{ width:25%; text-align:center; vertical-align:top;}
#footer #wm img{width:70%; max-width:300px; opacity:0.6; margin-left:5%}
#footer #wm img:hover{opacity:1}
#footer #legal{ width:50%; text-align:center;}


#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:#888;}
#footer #legal ul li a:hover{color:#a0824d;}
#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:#333333}
#footer #legal .companylink a:hover{color:#a0824d;}


#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: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")}



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

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

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


/*Home*/

/*Banner superior*/


.fullbanner {width:100%; height:70vh;}
.fullbanner .text{width:100%; height:70vh; display:table; margin:0 auto; position:absolute;z-index:150; text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,0.4)}
.fullbanner .text h2{font-family:'Cabin', sans-serif; text-align:center; color:#fff; font-style: italic; font-size:3.5em; 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 23%;}

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

.fullbanner .sliderhome{height:70vh;}
.fullbanner .sliderhome >li{height:100%; background-position: 0% 30%;  background-size: 100%}
.fullbanner .sy-slides-wrap{height:100% !important}
.fullbanner .sy-slides-crop {height:100% !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:66vw !important}


/*area aquitectura*/

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

.fullbanner.arq .text{text-shadow:1px 1px 1px rgba(0,0,0,0);width:100%; height:100%;  margin:0 auto; position:absolute;z-index:150; text-align:center; background: url("../img/mancha-banner.png") no-repeat left top; background-size:auto 80% }
.fullbanner.arq .text h2{font-family:'Cabin', sans-serif; text-align:left; color:#333333; font-style: normal; font-size:2.8em; font-weight:100 ; line-height:0.9em; margin-bottom:0.5em}
.fullbanner.arq .text p{color:#333333; font-size:0.9em; font-weight:600;  text-align:left; width:30%; margin-bottom:2em}
.fullbanner.arq .text a.plus{color:#333333; margin-left:5em;  margin-bottom:6em;}
.fullbanner.arq .text a.plus:hover{color:#a0824d;}
.fullbanner.arq .text >div { vertical-align:10%; padding:10%;}
.fullbanner.arq .text .play{display:none}
.fullbanner.arq .sliderhome{height:90vh;}
.fullbanner.arq .sliderhome >li{height:90vh;}
.fullbanner.arq .sy-slides-wrap{height:90vh !important}
.fullbanner.arq .sy-slides-crop {height:90vh !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:#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:'Cabin', sans-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:#a0824d;}
.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{}
.fullbanner.wines .sy-slides-wrap{}
.fullbanner.wines .sy-slides-crop {}


			/*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:middle; text-align:center;margin:0 auto;     list-style-type: none;  height:540px}
ul.hw li a{margin:0 !important}
ul.hw li h3{display:none}
ul.hw li a img{height:520px;background:url(../img/home.wine.shadow.png) no-repeat 50% 100%;}
ul.hw li a img:hover{height:530px;}





/*area videoblog*/

.fullbanner.videoblog{height:90vh;margin-top:0em; background:#000000}
.fullbanner.videoblog .text{width:100%; height:90vh; 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:2.8em; font-weight:100 ; line-height:0.9em; margin-bottom:0.5em}
.fullbanner.videoblog .text p{color:#fff; font-size:0.9em; font-weight:600;  text-align:center; width:40%; margin:1em auto}
.fullbanner.videoblog .text >div {display:table-cell; vertical-align:middle; padding:0 10%;}
.fullbanner.videoblog .text .play{display:none}
.fullbanner.videoblog .sliderhome{height:90vh;opacity:0.2}
.fullbanner.videoblog .sliderhome >li{height:90vh; }
.fullbanner.videoblog .sy-slides-wrap{height:90vh !important}
.fullbanner.videoblog .sy-slides-crop {height:90vh !important}
.fullbanner.videoblog  a.plus{color:#fff;  margin-bottom:3em;}
.fullbanner.videoblog  a.plus:hover{color:#a0824d;}


			/*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 iframe{width:90%}
ul.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}



/*Banners*/

.banspace{width:100%;}
.banspace > div{width:50% !important; display:inline-block; float:left;height:500px;overflow:hidden !important; background-color:#ebebe8; cursor:pointer;}
.banspace > div .txt{width:60%; padding:5% 10%; height:180px}
.banspace > div .txt h2{font-size:2em; margin-bottom:0.3em}
.banspace > div .txt p{ color:#333333; font-size:1em;}
.banspace > div .image{width:100%; background-repeat: no-repeat; background-position: center bottom; background-size:cover; height:280px;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)}


a.bnbt{position:absolute;display:block; color:#333333 !important; background:#a0824d;  font-weight:800; line-height:3em; width:20%; text-align:center; padding:0em; margin:-4em 30%;opacity:0}

.banspace > div:hover a.bnbt{margin-top:200px; opacity:1}


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

.banspace > div .txt h2{ font-family:'Cabin', sans-serif; font-weight:100; color:#333333; text-transform:uppercase;  line-height:1.1em}
.banspace > div:nth-child(1){background: #333333}
.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: #333333}
.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:#333333; height:230px;}
.banspace.odd> div:last-child .txt{width:40%; float:left; height:300px;; padding:2% 5%}
.banspace.odd> div:last-child .txt h2, .banspace.odd> div:last-child .txt p{color:#fff}
.banspace.odd> div:last-child .image{width:50% !important; float:right; height:230px;}
.banspace.odd > div:last-child .image >div{ background-position:top left !important; background-image:url(../img/banner.union.width.png) !important}
.banspace.odd > div:last-child:hover a.bnbt{margin-top:175px; opacity:1}


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


.widgetbanner{}


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

.inc h2{text-align:center; font-family:'Cabin', sans-serif; font-weight:100; color:#333333; font-size:3em; margin-bottom:1em;}
.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:#a0824d;}

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

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

/*videoblob*/
.wgtvideo{width:100%; text-align:center;padding-top:30px}
.wgtvideo iframe{padding:0; margin:0}
.wgtvideo>div:first-child{background: #ebebe8;}
.wgtvideo>div:last-child{background:#fff}
.wgtvideo h2{width:700px; margin:0.2em auto 0.5em auto;font-family:'Cabin', sans-serif; font-weight:600; color:#333333; font-size:1.8em; text-align:left;text-transform:uppercase; line-height:1.1em}
.wgtvideo p{width:700px;  margin:0 auto;text-align:left;}
.videoblog.hv {margin:3em auto; padding:0; width:100% }
.videoblog.hv li{display:inline-block; vertical-align:top; text-align:center;margin:0 auto;list-style-type: none; padding:1%; width:31%}
.videoblog.hv li div{background-color:#000 !important; width:100%;height:13vw; 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:60vh; background-position: bottom center; background-size: 75%; background-repeat:no-repeat;}


/*menu vinos*/
div.lv{ background:#333333;margin:0 auto 2em 0em;  border-top:2px solid #353535; text-align:center;}
ul.lv{padding:0;  left:0px;  display:table; margin:0 auto}
ul.lv li{display:table-cell; background:#333333; text-align:center;; padding:1.5em 0; margin:0 auto; max-width:25%}
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}
ul.lv li span{margin-left:-6em}


/*ficha de vino*/



.upperwine img{margin-top:10em;; background:url("../img/shadow.botella.tumbada.png"); background-size:cover; max-width:800px}
.upperwine h2{ margin:0.2em auto 0.3em auto;font-family:'Cabin', sans-serif; font-weight:300; color:#333333; font-size:3em; text-align:center;line-height:1.1em}
.buywine{position:absolute;margin-top:100px;right:2%; width:100px; background-color:#a0824d; color:#333333;font-family:'Cabin', sans-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:#a0824d;}


.ctr p{text-align:center;}

.chars{display:table; width:20px; margin:0 auto;}
.chars>div{display:table-cell; vertical-align:top; text-align:center; ;font-family:'Cabin', sans-serif; font-size:1em; font-weight:400; font-style:italic; width:10em; color:#333333}
.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:#333333; margin-top:4em; text-align:center; padding-bottom:1em; border-bottom: 1px solid #282828}
.ds img{margin:-36px auto 1em auto;}
.ds a{display:block; color:#a0824d; height:1.3em}
.ds a:hover{color:#fff;}

div.awards{background:#e1e1e8; padding:2em 0; text-align:center;}
ul.aw {width:900px; margin:0 auto; height:250px; overflow:hidden !important;}
ul.aw li{width:200px; display:inline-block; text-align:center; font-size:0.9em; height:250px; list-style:none; margin: 0 auto; vertical-align:top}
ul.aw li img{margin:0em auto 1em auto; display:block; width:80%}
ul.aw li div{width:80%; margin:0 auto; min-height:50px}
#moreawards{font-size:1em}


/*contacto*/
.cttwid{background:#333333; padding:1em}
.cttwid p{text-align:center; ; font-size:0.9em; line-height:1.3em;color:#a0824d;}
.cttwid a{color:#a0824d;}
.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:#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;}


/*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}
ul.vnl li:hover h3{opacity:1}
ul.vnl li a img{height:520px;background:url("../img/home.wine.shadow.png") no-repeat 50% 100%; opacity:0.9}
ul.vnl li:hover img{opacity:1}
ul.vnl li.lspace{ padding:0 30px}
.allwines{height:600px; padding-top:6em; max-width:1000px; overflow:hidden; margin:0 auto}
.allwines .lembose{ background:url("../img/embose.left.png"); z-index:10;  text-align:left;}
.allwines .rembose{background:url("../img/embose.right.png"); z-index:20; margin-left:900px;  text-align:right;}
.allwines .scr{font-size:12em; line-height:600px; position:absolute; width:100px; height:570px; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.5); cursor:pointer; font-family: 'Economica', sans-serif;}
.allwines .scr a{color:#fff}
.allwines .scr:hover a{color:#a0824d}


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