* {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:720px;  margin:0 auto; background:#fff; padding:0px 20px; box-shadow:0px 0px 10px rgba(0,0,0,0.5)}

#page{width:100%;}

#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:760px;  margin:0 auto; text-align:right;}
#contentsombra{position:absolute; margin:0 auto; width:100%; height:390px; z-index:400;}
#sombra{width:1000px; height:390px; box-shadow:inset 0px 0px 40px #000; margin:0 auto}

#idiomas{width:100px; height:25px; background:rgba(255,255,255,0.8); margin-left:660px}
	#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:390px; text-align:center; background:#000;}

#innerheadbanner{height:390px}
#headerslide{width:1000px; margin:0 auto; height:390px; }
#headerslide img{width:1000px;height:390px;}

#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:right; text-align:right; margin:32px 0 0 0;}
		#menu a{font-size:14px; color:#555; margin-left:24px; 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:720px; margin-top:15px; display:table}
.vino{display:table-row; width:720px; background:#222 url(../img/plusinfo.png) no-repeat 50% 50%; cursor:pointer;}
.vino > div{display:table-cell;font-size:14px; vertical-align:top; text-align:center; width:50%; font-weight:400; background:#fff; opacity:1; border-bottom:1px solid #dedede; padding:10px 0;
	-webkit-transition:opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;}

.vino:hover >div{opacity:0.8}

.vino > div.txt{vertical-align:middle}

.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{display:table-row; width:720px}
.twocolums > div{display:table-cell; padding:0px 20px;font-size:14px; vertical-align:top; text-align:justify; width:50%; font-weight:400; color}
.twocolums > div:first-child{border-right:2px solid #b9122b;}



#boxes{position:absolute; width:720px; 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;}
#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:800px; margin:100px auto; min-height:800px;; display:none }


#fl{margin:40px 0 0 650px; 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{position:absolute; z-index:10; margin-left:30px}
#ft{width:720px; margin-top:-10px;margin-left:0px; margin-bottom:20px; padding:35px 45px 60px 35px; font-size:14px; font-weight:400; background:#000; min-height:550px}
#ft.cc h3, #ft h4{font-size:16px; color:#fff; margin-top:10px;}

#ft{width:450px; margin-top:-10px;margin-left:40px; margin-bottom:20px; padding:35px 45px 60px 225px; font-size:14px; font-weight:400; background:#000; min-height:550px}

		

#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:334px; 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:9999; top:0;background:rgba(0,0,0,0.85); display:block}
#the >div{width:30%;  background:#000; margin:30vh 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:10vh; bottom:0; margin:0 0vw;padding:1em; color:#fff; text-align:center; color:#fff !important}
#cookies p{color:#fff !important}
#cookies a{color:#b9122b}
#cookies .buttoned{background:#b9122b;display:inline-block !important;padding:0.5em; font-size:0.9em; color:#fff; width:auto; margin:2em auto; width:150px;font-weight:600; text-align:center; cursor:pointer}