@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%;}
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: 'Raleway', 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;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;}

#mainsocial ul li:first-child, #footersocial ul li:first-child{display:none !important}

/*formularios*/
.checksubs{cursor:pointer;}
.checksubs:hover .check,  .checksubs.aceptado .check{background:#f4b218; background-image:url("../img/check.cross.white.png"); background-repeat:no-repeat; 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:#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:99999; top:0;left: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:15%; float:left; background:url(../img/logo-portia.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:'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:30px}
#header #icons ul{margin:30px 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:#f4b218; margin-left:1em; line-height:30px}
#burguer{display:none}



#mainsocial{position:fixed; top:91px; 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")}


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


/*Home*/

/*Banner superior*/


.fullbanner {width:100%; height:80vh;}
.fullbanner .text{width:100%; height:80vh; 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: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:80vh;}
.fullbanner .sliderhome >li{height:80vh; background-position: bottom center; background-size: cover}
.fullbanner .sy-slides-wrap{height:80vh !important}
.fullbanner .sy-slides-crop {height:80vh !important}
.fullbanner .sy-controls, .fullbanner .sy-pager{display:none}


/*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%; 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 80% }
.fullbanner.arq .text h2{font-family:'Playfair Display', serif; text-align:left; color:#181818; font-style: normal; font-size:2.8em; 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:30%; margin-bottom:2em}
.fullbanner.arq .text a.plus{color:#181818; margin-left:5em;  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:90vh;}
.fullbanner.arq .sliderhome >li{height:90vh; background-position: bottom center; background-size: 110%}
.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:'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:40%; 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% 100%; height:540px}
ul.hw li a{margin:0 !important}
ul.hw li a h3{display:none}
ul.hw li a img{height:520px;}
ul.hw li a img:hover{height:530px;}





/*area videoblog*/

.fullbanner.videoblog{height:90vh;margin-top:0em; background:#e1e1e8}
.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:'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: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;}
.fullbanner.videoblog .sliderhome >li{height:90vh; background-position: bottom center; background-size: 110%}
.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:#f4b218;}


			/*Listado de Videos Home*/

ul.hv {margin:3em auto; padding:0; width:0px; display:table; }
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%;}
.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:#181818; font-size:1em;}
.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)}


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:-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:#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 li{margin-left:1em}

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


.innerbanner, .innerbanner .slidercontent, .innerbanner .slidercontent >li, .innerbanner .slidercontent .sy-slides-wrap,.innerbanner .slidercontent .sy-slides-crop{height:60vh}



.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:'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 h3 a{color:#181818}
.inc h3 a:h3{color:#f4b218;}

.inc h4{margin-bottom:1em}
.inc h5{font-size:0.95em}

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

.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:'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:400px;}
.videoblog ul.hv li div div{background-size:cover; background-position:50% 50%;; width:400px; height:300px; cursor:pointer; opacity:0.8}
.videoblog ul.hv li div div:hover{opacity:1;}
.imgcrop, .imgcrop img{width:400px; height:300px }

/*apartadovinos*/

.vinos .slidercontent >li{height:60vh; 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; background:#181818; text-align:center; }
ul.lv li{display:inline-block;width:25%; text-align:center;; padding:1.5em 0}
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{height:auto; text-align:center;}
.upperwine img{margin-top:2.5em; margin-left:10em; 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:4.8em; 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: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:#181818; padding:1em}
.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;}

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