@import 'https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,900,900i|Raleway:400,600|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: 'Raleway', sans-serif !important; color:#181818; font-size:1em ;background-color:#fff;padding:0; font-weight:400; overflow-y:scroll; height:100%;width:100%; margin:0;}
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; margin:0;padding:0}
ul{margin:0; padding:0}*/
input['text']{font-family: 'Raleway', sans-serif !important;}

li{list-style:none; list-style-image:none;}

/* 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:'Playfair Display', 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/portia-boton-home-arquitectura-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:#f4b218;}
.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:#f4b218;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:#f4b218}


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


#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 #f4b218; 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:1em}

#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:#181818;display:inline-block !important;padding:1em; font-size:0.9em; color:#f4b218; width:20% !important; margin:1em;font-weight:600; text-align:center; cursor:pointer}
#the .buttoned:hover{background:#f4b218; color:#181818}
#the img{width:100px}
#cookies{position:fixed; z-index:999; background:rgba(0,0,0,0.85); width:90vw; height:10vh; top:95vh; margin:0 5vw;}
#cookies>div{padding:1em; color:#fff; text-align:center;}
#cookies .buttoned{background:#181818;display:inline !important;padding:0.5em; font-size:0.9em; color:#f4b218; width:auto; margin:0.5em;font-weight:600; text-align:center; cursor:pointer}

#header{width:100%; height:90px; background:#181818;position:fixed; top:0px; z-index:999}
	#logo{width:20%; float:left; background:url(../img/logo-portia.png); background-size:100%; 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{width:50%;  float:left; font-family:'Playfair Display', 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:#fff;margin:0 0.5em; font-size:0.8em}
#header .menu ul li a:hover{color:#f4b218}

#header #icons{float:right; padding-right:20px; }
#header #icons ul{margin:30px 0; padding:0; display:table}
#header #icons li{display:table-cell; padding:0px 0px 0 4px; 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:#f4b218; margin-left:0.8em; 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-position: top center;}
#mainsocial li a:hover{background-position: bottom center}
#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")}




#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:#f4b218;}
#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:#f4b218;}


#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.pinterest.png")}
#footersocial li:nth-child(5) a{background-image:url("../img/footersocial.youtube.png")}
#footersocial li:nth-child(6) a{background-image:url("../img/footersocial.googleplus.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(6){display:none}/*elimina google*/


#footer #subs{background-color:#dadad8; width:25%; height:100%}
#subs .pad1em{padding:  0 3em}
#subs h2{font-family:'Playfair Display', 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}

#webs{width:100%; background:#181818;}
#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:#181818;list-style:none}
#webs ul li:first-child{background:#272727; 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}


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


/*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:'Playfair Display', serif; text-align:center; color:#fff; font-style: italic; font-size:2.8em; 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; height:70vh;vertical-align:middle; padding:0 15%;}

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

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


/*area aquitectura*/

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

.fullbanner.arq .text{text-shadow:1px 1px 1px rgba(0,0,0,0);width:100%; height:70vh; display:table; margin:0 auto; position:absolute;z-index:150; text-align:center; background: url("../img/portia-arquitectura-mancha.png") no-repeat left 50%; background-size:auto 95% }
.fullbanner.arq .text h2{font-family:'Playfair Display', serif; text-align:left; color:#181818; font-style: normal; font-size:2.4em; font-weight:100 ; line-height:0.9em; margin-bottom:0.5em}
.fullbanner.arq .text p{color:#181818; font-size:0.9em; font-weight:600;  text-align:left; width:40%; margin-bottom:2em}
.fullbanner.arq .text a.plus{color:#181818; margin-left:3em;  margin-bottom:6em;}
.fullbanner.arq .text a.plus:hover{color:#f4b218;}
.fullbanner.arq .text >div {display:table-cell; vertical-align:middle; padding:0 10%;}
.fullbanner.arq .text .play{display:none}
.fullbanner.arq .sliderhome{height:70vh;}
.fullbanner.arq .sliderhome >li{height:70vh; background-position: bottom center; background-size: 200%}
.fullbanner.arq .sy-slides-wrap{height:70vh !important}
.fullbanner.arq .sy-slides-crop {height:70vh !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:'Playfair Display', serif; text-align:center; color:#181818; 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:#181818; font-size:0.9em; font-weight:600;  text-align:center; width:50%; margin:1em auto}
.fullbanner.wines .text a{font-family:'Playfair Display', 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:#f4b218;}
.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: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; background:url(../img/home.wine.shadow.png) no-repeat 50% 95%; height:540px}
ul.hw li a{margin:0 !important}
ul.hw li a h3{display:none}
ul.hw li a img{height:480px;}
ul.hw li a img:hover{height:490px;}





/*area videoblog*/

.fullbanner.videoblog{height:70vh;margin-top:0em; background:#e1e1e8;}
.fullbanner.videoblog .text{width:100%; height:70vh; display:table; margin:0 auto; position:absolute;z-index:150; text-align:center;}
.fullbanner.videoblog .text h2{font-family:'Playfair Display', 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:50%; 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:70vh;}
.fullbanner.videoblog .sliderhome >li{height:70vh; background-position: bottom center; background-size: 110%}
.fullbanner.videoblog .sy-slides-wrap{height:70vh !important}
.fullbanner.videoblog .sy-slides-crop {height:70vh !important}
.fullbanner.videoblog  a.plus{color:#fff;  margin-bottom:3em;}
.fullbanner.videoblog  a.plus:hover{color:#f4b218;}
.fullbanner.videoblog iframe{width:280px}
.fullbanner.videoblog ul.hv li div{background-color:#ddd; width:280px;float:left;}


			/*Listado de Videos Home*/

ul.hv {margin:1em auto; padding:0; width:0px; display:table; }
ul.hv li:last-child{display:none}
ul.hv li{display:table-cell; vertical-align:top; text-align:center;margin:0 auto;list-style-type: none; padding:10px}
ul.hv li div{background-color:#fff; width:380px;}
ul.hv li div h3{font-family:'Playfair Display', serif; color:#181818; padding:1em; text-transform:uppercase; text-align:left; font-weight:600; font-size:0.9em; min-height:4em}


/*Banners*/

.banspace{width:100%;}


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



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

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

.banspace > div .txt h2{ font-family:'Playfair Display', 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; height:230px;}
.banspace.odd> div:last-child .txt{width:45%; float:left; height:300px;; padding:2% 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 a.bnbt{position:absolute;display:block; color:#181818 !important; background:#f4b218;  font-weight:800; line-height:3em; width:20%; text-align:center; padding:0em; margin:170px 0 0 30%;opacity:1}



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



/*.widgetbanner .slidercontent{height:50vh;}
.widgetbanner .slidercontent >li{height:50vh; background-position: center center; background-size: 150%}
.widgetbanner .slidercontent .sy-slides-wrap{height:50vh !important}
.widgetbanner .slidercontent .sy-slides-crop {height:50vh !important}

.widgetbanner .text{height:50vh;}*/


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

.inc h2{text-align:center; font-family:'Playfair Display', serif; font-weight:100; color:#181818; font-size:3em; margin-bottom:1em;}
.inc h3{text-align:center;  font-weight:800; color:#181818; font-size:1.2em; margin-bottom:1em;}

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

.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; width:100%; display:none}
#mapaup{background:#ebebe8; width:100%; position:absolute; z-index:1; left:0; text-align:center; margin-top:-396px;  display:none}

/*videoblob*/
.wgtvideo{width:100%; text-align:center;padding-top:30px}
.wgtvideo iframe{padding:0; margin:0; height:100%; min-height:50vh; width:100%; max-width:768px}
.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:'Playfair Display', serif; font-weight:600; color:#181818; 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 ul.hv li div{background-color:#ddd; width:300px;float:left;}
.videoblog ul.hv li div div{background-size:cover; background-position:50% 50%;; width:300px; height:220px; cursor:pointer; opacity:0.8}
.videoblog ul.hv li div div:hover{opacity:1;}

/*apartadovinos*/

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


/*menu vinos*/
ul.lv{margin:0 auto 2em 0em; padding:0; width:100%;  left:0px; height:160px}
ul.lv li{float:left; background:#181818; width:25%; text-align:center;; padding:1.5em 0}
ul.lv li a{text-align:center; color:#fff; font-weight:400}
ul.lv li a h3{font-weight:400; font-size:1em}
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}
.vinos ul.lv{ position:absolute;}

/*ficha de vino*/


.upperwine{ text-align:center;}
.upperwine img{margin-top:6em; margin-left:3em; width:90%; background:url(../img/shadow.botella.tumbada.png); background-size:cover}
.upperwine h2{ margin:0.2em auto 0.3em auto;font-family:'Playfair Display', serif; font-weight:300; color:#181818; font-size:3.5em; text-align:center;line-height:1.1em}
.buywine{position:absolute;right:2%; width:100px; background-color:#f4b218; color:#181818;font-family:'Playfair Display', serif; font-weight:600; cursor:pointer;margin-top:30px; 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:#181818; color:#f4b218;}


.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:'Playfair Display', serif; font-size:1em; font-weight:400; font-style:italic; width:10em; color:#181818}
.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:#181818; margin-top:4em; text-align:center; padding-bottom:1em}
.ds img{margin:-36px auto 1em auto;}
.ds a{display:block; color:#f4b218; height:1.3em}
.ds a:hover{color:#fff;}

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


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