html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,center,u,b,i{margin:0;padding:0;border:0;outline:0;font-weight:400;font-style:normal;font-size:100%;font-family:inherit;vertical-align:baseline;text-decoration:none;}body{line-height:1}:focus{outline:0}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}input,textarea{margin:0;padding:0}hr{margin:0;padding:0;border:0;color:#000;background-color:#000;height:1px}strong,b{font-weight:bold;}

@font-face {
    font-family: 'champignonregular';
    src: url('champignon-webfont.eot');
    src: url('champignon-webfont.eot?#iefix') format('embedded-opentype'),
         url('champignon-webfont.woff') format('woff'),
         url('champignon-webfont.ttf') format('truetype'),
         url('champignon-webfont.svg#champignonregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color:#000;
}
.clear{
	clear: both;
}
.wrapper {
	width:896px;
	margin: 0 auto;
}

b, strong {
	font-weight:600;
	font-family: 'Titillium Web';
}
a {
	color:#000;
}
#main {
	width:100%;
	margin: 0 auto;	
}
nav {
	width:100%;
	height:70px;
	margin: 0;
	padding:35px 0 0 0;
}
nav a {
	float:right;
	width:auto;
	margin-left:0;
	padding:5px 25px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:2.5em;
	color:#1d1d1b;
	border-left:2px solid #ff9933;
	text-align: center;
}
nav a:last-child {
	border-left:none;
}

/* ----- HOME ----- */
#home {
	position:relative;
	margin:50px 0;
	height:790px;
	background:url(../img/bg-home2.jpg) center top no-repeat;
}
#logos {
	position:absolute;
	bottom:0;
	right:135px;
	z-index:1;
	width:315px;
	height:75px;
	background:url(../img/logo-grupo.png) center bottom no-repeat;	
}
#logos a {
	float:right;
}
#logos a:first-child {
	float:left;
}

#langs {
	position:absolute;
	left:20px;
	bottom:0;
}
#langs a {
	display:block;
	margin: 5px 0 0 20px;
	padding:12px 0 12px 45px;
	font-size: 2em;
	font-family:Verdana, Geneva, sans-serif;
	background:url(../img/lang-es.png) left top no-repeat;
}
#langs a.en {
	background:url(../img/lang-en.png) left top no-repeat;
}
#langs a.de {
	background:url(../img/lang-de.png) left top no-repeat;
}

/* ----- BODEGA ----- */
#bodega {
	position:relative;
	margin:0;
	height:942px;
	background:url(../img/bg-bodega.jpg) center 90px no-repeat;
	background:none;
}
#bodega > div {
	position:relative;
}
#bodega > div h2 {
	position:absolute;
	top:40px;
	left:0;
	font-size:14em;
	line-height:1.3em;
	font-family: 'champignonregular';
	color:#ff9933;
	text-align:center;
	width:100%;
}
#bodega .col1 {
	float:left;
	width:40%;
	margin-left:5%;
	padding-bottom:30px;
	text-align:center;
}
#bodega .col1 img {
	display:block;
	margin: 250px 0 0 0;
	width:90%;
}
#bodega .col2 {
	display:none;
	position:absolute;
	bottom:240px;
	left:395px;
	width:200px;
	font-size:1.1em;
	line-height:3.6em;
	color:#ff9933;
	font-family: 'Cinzel Decorative', cursive;	
	text-align:center;
}
#bodega .col3 {
	float:right;
	width:40%;
	margin:0 5% 0 0;
	padding-bottom:30px;
	text-align:center;
}
#bodega .col3 p {
	font-size:2.2em;
	line-height:2em;
	color:#000;
	font-family: 'Cinzel Decorative', cursive;	
	margin-bottom:17px;
}
#bodega .col3 h2 + p {
	margin-top:230px;
}
#bodega .col3 h2 {
}

/* ----- CARTA ----- */
#carta {
	position:relative;
	margin:0;
	height:790px;
	background:url(../img/bg-carta.jpg) right 215px no-repeat;
}
#carta > div {
	position:relative;
}
#carta > div h2 {
	position:absolute;
	top:40px;
	left:0;
	font-size:24.5em;
	font-family: 'champignonregular';
	color:#ff9933;
}
body.chrome #carta > div h2 {
	line-height:1.3em;
}

#carta .col1 {
	position:relative;
	float:left;
	padding-top:300px;
}
#carta .col1 > span {
	position:absolute;
	top:85px;
	left:215px;
	z-index:10;
	width:200px;
	color:#ff9933;
	font-family: 'Cinzel Decorative', cursive;	
	font-size:2.1em;
}
#carta .col1 > span.fly2 {
	top:118px;
	left:190px;
}
#carta .col1 > span.fly3 {
	top:150px;
	left:196px;
}

#carta .col1 p {
	padding:32px 0 32px 130px;
	color:#000;
	font-family: 'Cinzel Decorative', cursive;	
}
#carta .col1 p.dish1 {
	position:relative;
	z-index:100;
	background:url(../img/carta1.jpg) left center no-repeat;
}
#carta .col1 p.dish2 {
	background:url(../img/carta2.jpg) left center no-repeat;
}
#carta .col1 p.dish3 {
	padding: 8px 0 8px 130px;
}
#carta .col1 p.dish4 {
	padding: 8px 0 40px 130px;
}
#carta .col1 p.dish5 {
	padding: 0 0 0 10px;
	font-size:2.4em;
	color:#ff9933;
}

#carta .col1 p span {
	display:block;
	font-size:1.8em;
}
#carta .col1 p span:first-child {
	font-size:3em;
	margin-bottom:5px;
}

#carta.en .col1 > span {
	top:55px;
	left:215px;
}
#carta.en .col1 > span.fly2 {
	top:85px;
	left:215px;
}
#carta.en > div h2 {
	font-size:23em;
}
#carta.en .col1 p.dish3 span {
	display:block;
	font-size:3em;
}
#carta.en .col1 p.dish3 span:first-child {
	font-size:1.4em;
	margin-bottom:5px;
}
#carta.de .col1 > span {
	top:55px;
	left:215px;
}
#carta.de .col1 > span.fly2 {
	top:85px;
	left:215px;
}
#carta.de > div h2 {
	font-size:23em;
}
#carta.de .col1 p.dish3 span {
	display:block;
	font-size:3em;
}
#carta.de .col1 p.dish3 span:first-child {
	font-size:1.4em;
	margin-bottom:5px;
}


/* ----- GALERIA ----- */
#galeria {
	position:relative;
	margin:0;
	height:790px;
	background:url(../img/bg-galeria.jpg) 360px 30px no-repeat;
}
#galeria > div {
	position:relative;
}
#galeria > div h2 {
	position:absolute;
	top:70px;
	left:0;
	font-size:18em;
	font-family: 'champignonregular';
	color:#ff9933;
	z-index: 1;
}
body.chrome #galeria > div h2 {
	line-height:1.3em;
}
#galeria .col1 {
	width:96%;
	margin: 0 2%;
	position:relative;
	float:left;
	padding-top:260px;
}
#galeria .col1 > span {
	position:absolute;
	top:85px;
	left:245px;
	z-index:10;
	width:200px;
	color:#ff9933;
	font-family: 'Cinzel Decorative', cursive;	
	font-size:2.7em;
}
#carrusel {
	margin-left:0;
	position: relative;
	z-index: 2;
}
#carrusel > a {
	display:block;
	display:none;
	height:30px;
	width:100%;
}
#carrusel > a.next {
	background:url(../img/down.png) center top no-repeat;
}
#carrusel > a.prev {
	background:url(../img/up.png) center top no-repeat;
}
#carrusel > div.slider_wrapper {
	/*overflow: hidden;
	height: 876px;*/
	margin: 5px 0;
	overflow:auto;
	height:auto;
}
#carrusel > div.slider_wrapper > ul.slider {
	display: block;
}
#carrusel > div.slider_wrapper > ul.slider > li {
	margin-top:12px;
}
#carrusel > div.slider_wrapper > ul.slider > li:first-child {
	margin-top:0;
}
#carrusel > div.slider_wrapper > ul.slider > li img {
	width:100%;
	height:auto;
}

#galeria.de > div h2 {
	top:70px;
	left:50px;
}
#galeria.de .col1 > span {
	top:125px;
	left:245px;
}
#galeria.en > div h2 {
	font-size:17em;
}
#galeria.en .col1 > span {
	top:105px;
}

/* ----- CONTACTO ----- */
#comollegar,
#contacto {
	position: relative;
	margin: 50px 0 0 0;
	height: 900px;
	background: url(../img/bg-contacto.jpg) center top no-repeat;
	padding-bottom: 0;
}
#contacto {
	height: 820px
}
#comollegar > div,
#contacto > div{
	width: 50%;
	float: left;
	margin-bottom: 40px;
	margin-right: 50%;
}
#comollegar > div:first-child,
#contacto > div:first-child{
	margin-top: 85px;
}
#comollegar > div > span,
#contacto > div > span{
	float: left;
	width: 350px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.6em;
}
#comollegar > div > span:first-child,
#contacto > div > span:first-child{
	width: 110px;
	color: #FF9833;
	text-align: right;
	margin-right: 20px;
}
#comollegar > #logos,
#contacto > #logos {
	position: absolute;
	bottom: 53px;
	right: 132px;
	z-index: 1;
	width: 364px;
	height: 106px;
	margin: 0;
	background: url(../img/logo-grupo.png) center bottom no-repeat;
}	
#comollegar > #logos > div,
#contacto > #logos > div{
	background: url(../img/bg-logos.png) left top no-repeat;
	height: 92px;
	padding: 15px 20px 15px 17px;
}
#comollegar > #logos > img,
#contacto > #logos > img{
	position: relative;
	margin:0 auto;
}
#comollegar > #map,
#contacto > #map {
	padding: 24px 31px 34px 21px;
	width: 724px;
	height: 389px;
	float: left;
	background: url(../img/bg-mapa.png) left top no-repeat;
}
/* --------------- */