* {margin:0;padding:0;text-decoration:none; font-family: 'Raleway', sans-serif; font-weight:400; color:#555}



img {border:none;}
.nofloat{clear:both;}
.noview{display:none;}
.centered{text-align:center}
.jstf{text-align:justify}
.jstf:after{ content: ''; display: inline-block; width: 100%; }
.jst{text-align:justify}
p{font-size:14px; color:#555;}
body{background:#222; margin-top:20px}
.contenido{width:98%;  margin:0 auto; background:#fff; padding:0px 1%; box-shadow:0px 0px 10px rgba(0,0,0,0.5)}

#page{}

#bg, #footer{width:100%; overflow:hidden; ¡}

#language{position:absolute; margin:0 auto; width:100%; height:25px; z-index:999; margin-top:365px}
#language .cont{width:100%;  margin:0 auto; text-align:right;}
#contentsombra{position:absolute; margin:0 auto; width:100%; height:390px; z-index:400;}
#sombra{width:100%; height:150px; box-shadow:inset 0px 0px 40px #000; margin:0 auto}

#idiomas{width:100%; height:25px; background:rgba(255,255,255,0.8); margin-left:0px; display:none}
	#idiomas a{display:inline-block;width:50px; height:25px; text-align:center; font-size:13px; color:#fff; font-weight:700; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	-webkit-transition:color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;}
	#idiomas a:hover{color:#b9122b;}
	#idiomas a.activo{color:#b9122b;}

#bg{height:150px; text-align:center; background:#000;}

#innerheadbanner{height:150px}
#headerslide{width:100%; margin:0 auto; height:150px; }
#headerslide img{width:100%;height:150px;}

#footer{height:550px; margin-top:185px;background:#b9122b}
#rosetainferior{position:absolute; margin-top:-25px; right:0px; width:150px ; height:300px; background: url(../img/roseta-superior.png); background-size:cover;}



#header{height:68px; padding-top:20px;}
		#logo{float:left;}
			#logo h1{display:none;}

		#menu{float:left; text-align:right; margin:10px 0 5px 0;}
		#menu a{font-size:14px; color:#FFF; margin-left:10px; font-weight:400;
		-webkit-transition:color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out;}
		#menu a:hover{color:#b00}




#vinotitle{width:100%;text-align:center; margin-bottom:20px; padding-top:10px;}
#vinotitle h2{display:none;}
#cajavinos{background:#fff; width:100%; margin-top:15px}
.vino{ width:100%; background:#222 url(../img/plusinfo.png) no-repeat 50% 50%; cursor:pointer;}
.vino > div{font-size:14px; vertical-align:top; text-align:center; width:100%; font-weight:400; background:#fff; opacity:1; border-bottom:1px solid #dedede; padding:10px 0;
	-webkit-transition:opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;}

.vino:hover >div{opacity:0.2}

.vino > div.txt{vertical-align:middle}
.vino > div img{width:100%}
.vino h3{display:inline; padding-bottom:40px; font-size:20px; font-weight:400; background: url(../img/h3back.png) no-repeat 28px 0px}
.vino h3 b{color:#fff; font-weight:400;}
.vino h3 span{vertical-align:-2px; font-family: 'Merriweather', serif; font-weight:400}



/*bluques bodega-viñedos*/

#historiatitle, #vinetitle{width:100%;text-align:center; margin:50px 0 16px 0 ;}
#historiatitle h2, #vinetitle h2{display:none;}
.twocolums{ width:98%}
.twocolums > div{ padding:0px 2%;font-size:14px; vertical-align:top; text-align:justify; width:100%; font-weight:400; color}
.twocolums > div:first-child{border-right:2px solid #b9122b;}



#boxes{position:absolute; width:100%; margin-top:-180px;text-align:center;}
#boxes p.white, #boxes a.white{color:#fff}


#contactotitle{width:100%;text-align:center; margin:20px 0 15px 0}
#contactotitle h2{display:none;}


#blackbarr{width:100%; height:60px; background:#000; margin-top:490px}
#blackbarr #menub{float:right; text-align:right; margin:20px 0 0 0; color:#fff; display:none}
#blackbarr #menub a{font-size:14px; color:#fff; margin-left:24px; font-weight:400;
	-webkit-transition:color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;}
#blackbarr #menub a:hover{color:#b9122b}

#blackbarr #menusocial{float:left; margin:10px 0 0 0; color:#fff;}
#blackbarr #menusocial a{margin-left:10px;
	opacity:0.8;
	-webkit-transition:opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
#blackbarr #menusocial a:hover{opacity:1}

.adress{font-size:13px; text-align:right; font-weight:300; color:#000; margin-top:10px}

.adress img{margin:10px 0px 10px 20px; vertical-align:-40px}

#lssi{color:#fff; font-size:12px; position: absolute; margin-top:60px; margin-left:15px;}
#lssi input{vertical-align:-3px;}



#teather{background:rgba(0,0,0,0.9); position:absolute;; z-index:1001; top:0; bottom:0; right:0; left:0; display:none}
#ficha{width:100%; margin:100px auto; min-height:800px;; display:none }


#fl{margin:40px 0 0 40px; text-align:center; cursor:pointer;}
#fl h2{font-size:16px; margin-bottom:20px; font-weight:700}
#fl h2.red{color:#d02421}
#fl h2.green{color:#80922e}
#fi{ text-align:center;}
#ft{width:96%; padding:0 2%; margin-top:-10px; margin-bottom:20px; font-size:14px; font-weight:400; background:#000; }
#ft h3, #ft h4{font-size:16px; color:#fff; margin-top:10px;}


		

#ft h2{color:#fff; margin-top:2em}
#ft p, #ft li{font-size:12px; text-align:justify; color:#fff;}
#ft ul{margin-left:60px}

#ft p b{color:#fff}


#slide1 img, #slide2 img{width:100%; height:256px}


.cookt{display:table; ; border-bottom:1px solid #fff;}
.cookt>div{display:table-row}
.cookt>div>div{display:table-cell; vertical-align:middle; color:#fff; font-size:12px; border-top:1px solid #fff; border-left:1px solid #fff; padding:0.5em}
.cookt>div>div:nth-child(1){width:12%;}
.cookt>div>div:nth-child(2){width:15%}
.cookt>div>div:nth-child(3){width:15%}
.cookt>div>div:nth-child(4){width:25%}
.cookt>div>div:nth-child(5){; border-right:1px solid #fff;}
.cookt ul, .cookt li{margin:0 !important; padding:0; list-style:none}


#the{position:fixed; width:100%; height:100vh; z-index:1000; top:0;background:rgba(0,0,0,0.85); display:block}
#the >div{width:90%;  background:#000; margin:20vh auto; border:2px solid #b9122b; box-shadow:2px 2px 20px rgba(0,0,0,0.2); display:table}
#the >div > div{display:table-cell; padding:2em 1em 1em 1em; vertical-align:bottom; text-align:center}
#the p#alertas{color:#fff; text-align:center; font-size:1em}
#the .buttoned{background:#b9122b;display:inline-block !important;padding:1em; font-size:0.9em; color:#fff; width:20% !important; margin:1em;font-weight:600; text-align:center; cursor:pointer}
#the .buttoned:hover{background:#333333; color:#b9122b}
#the img{width:200px}

#cookies{position:fixed; z-index:999; background:rgba(0,0,0,0.95); width:100vw; height:auto; bottom:0; margin:0; color:#fff; text-align:center; color:#fff !important; }
#cookies p{color:#fff !important; width:90%; margin:0 auto}
#cookies a{color:#b9122b}
#cookies .buttoned{background:#b9122b;display:inline-block !important;padding:0.5em; font-size:0.9em; color:#fff; width:auto; margin:1em auto; width:150px;font-weight:600; text-align:center; cursor:pointer}