@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700);
/* CSS RESET */
*{text-decoration:none;font-size:1em;outline:none;margin:0;padding:0}code,kbd,samp,pre,tt,var,input,select,isindex,listing,xmp,plaintext{font:inherit;white-space:normal}a,img,a img,iframe,form,abbr,acronym,object,applet,table,a abbr,a acronym{border-width:0}dfn,i,cite,var,address,em{font-style:normal}th,b,strong,h1,h2,h3,h4,h5,h6,dt{font-weight:400}html{line-height:1.3;font-family:arial, sans-serif} html{font-family:sans-serif} q{quotes:"\201C""\201D""\2018""\2019"}ul,ol,dir,menu{list-style:none}sub,sup{vertical-align:baseline}a{color:inherit}
font,basefont{color:inherit;font:inherit;font-size:100%}s,strike,u{text-decoration:inherit}img{border:none;margin:0}ol{list-style-type:decimal}body{background-color:transparent}tr,th,td{width:auto;height:auto;background-color:transparent;vertical-align:inherit;border:none}table[border],.content table[border]{border-collapse:separate;border-spacing:0}nobr{white-space:normal}marquee{overflow:visible;-moz-binding:none}blink{text-decoration:none}
html{font-size:125%}body{font-size:50%}a{text-decoration:underline}strong,th,thead td,h1,h2,h3,h4,h5,h6,dt{font-weight:700}cite,em,dfn{font-style:italic}code,kbd,samp,pre,tt,var,input[type='text'],input[type='password'],textarea{}pre{white-space:pre}pre *{font-size:100%;white-space:pre}del{text-decoration:line-through}ins,dfn{border-bottom:1px solid #000}small,sup,sub{font-size:85%}big{font-size:125%;line-height:80%}abbr,acronym{text-transform:uppercase;font-size:85%;letter-spacing:.1em}abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted #000}sup{vertical-align:super}sub{vertical-align:sub}blockquote{padding-left:2.2em}hr{display:block;}:lang(af),:lang(nl),:lang(pl){quotes:'\201E' '\201D' '\201A' '\2019'}:lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro){quotes:'\201E' '\201C' '\201A' '\2018'}:lang(da),:lang(hr){quotes:'\00BB' '\00AB' '\203A' '\2039'}:lang(el),:lang(es),:lang(sq),:lang(tr){quotes:'\00AB' '\00BB' '\2039' '\203A'}:lang(en-GB){quotes:'\2018' '\2019' '\201C' '\201D'}:lang(fi),:lang(sv){quotes:'\201D' '\201D' '\2019' '\2019'}:lang(fr){quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'}*[lang|='en'] q:before{content:'\201C'}*[lang|='en'] q:after{content:'\201D'}*[lang|='en'] q q:before{content:'\2018'}*[lang|='en'] q q:after{content:'\2019'}input,select,button{cursor:pointer}input[type='text'],input[type='password']{cursor:text}input[type='hidden']{display:none}
table{border-collapse:collapse;border-spacing:0;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

/* MAIN ELEMENTS */
body, html { margin: 0px; padding: 0px; height: 100%; }
body { color: #000; background-color: #FFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: left; min-width: 1000px; background: #FFFFFF url(../img/bkgtile.jpg) top repeat-y; }
.clear { clear: both; height: 0; overflow: hidden; }
a { color: #7ba633; text-decoration: none; font-weight: bold; }
h1 , h2 , h3 , h4 , h5 { font-family: 'Yanone Kaffeesatz', sans-serif; margin-bottom: 0.5em; font-weight: normal; color: #7ba633; }
h1 { font-size: 32px; text-transform: uppercase; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
p, ul, ol, dl { margin-bottom: 1em; }
.content ul, .content ul li { list-style: square inside; }
.content ol, .content ol li { list-style: decimal inside; }
.content ul , .content ol { margin: 0.5em 1em; display: block; }
.content ul li , .content ol li { margin: 0.2em 0 0 1em; list-style-position: outside; }
.content ul ul , .content ol ol { margin-bottom:0; }
.content ol ol li { list-style-type: lower-alpha; }
.message { background: #626262; border: 1px solid #b10135; padding: 10px; margin: 10px 0; color: #FFFFFF; font-weight: bold; }
blockquote { margin: 10px 0 10px 10px; padding: 0 40px; quotes: "\201C" "\201D"; font-weight: bold; position: relative; float: right; width: 250px; }
blockquote:before { color: #7a7a7a; content: open-quote; font-weight: bold; font-size: 6em; position: absolute; top: 0px; left: 0px; line-height: 0.9em; }
blockquote:after { color: #7a7a7a; content: close-quote; font-weight: bold; font-size: 6em; position: absolute; bottom: -10px; right: 0px; line-height: 0em; }
pre , code { font-family: monospace; background-color: #121013; color: #FFFFFF; }
pre { padding: 5px; clear: both; }
hr { border: none; border-top: 1px solid #626262; border-bottom: 1px solid #d1d1d1; margin: 10px 0; }
a.button { font-weight: bold; font-size: 14px; }
.topmargin { margin-top: 20px; margin-bottom: 0px; }
input { border: 1px solid #999b9b; height: 18px; line-height: 18px; padding: 0 3px; width: 170px; }
a.submit { border: 1px solid #999b9b; background-color: #505050; background-image: url(../img/buttonbkg.gif); line-height: 18px; padding: 0 10px; display: inline-block; color: #FFFFFF; text-decoration: none; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.carousel , .carousel li , .list , .list li { margin: 0 !important; padding: 0 !important; list-style: none !important; }

/* SPLASH LAYOUT */
body.splash { background: #FFFFFF url(../img/splash_bkg.jpg) top repeat-x; }
.splashcontainer , .footer .text , .container { width: 900px; margin: 0 auto; }
.splashcontainer { padding-bottom: 40px; }
.splashcontainer .top { height: 600px; background-image: url(../img/splash_logo.png); background-position: 199px 95px; background-repeat: no-repeat; overflow: hidden; }
.splashcontainer .top .text { width: 320px; height: 140px; font-family: 'Yanone Kaffeesatz', sans-serif; margin: 420px 0 0 405px; font-size: 23px; color: #8bc53e; text-align: center; text-transform: uppercase; }
.splashcontainer .top .text a { color: #000; font-weight: normal; }
.footer { line-height: 33px; color: #FFF; background-color: #8bc53e; border-bottom: 1px solid #5c5c5c; position: fixed; bottom: 0px; width: 100%; }
.footer p { margin: 0; padding: 0; float: left }
.footer a { color: #FFFFFF; }
.lang { float: right; }
.lang li { display: inline; }
.lang li a { display: block; float: left; padding: 4px; text-transform: uppercase; }
.lang li.active a { color: #d1d1d1; }

/* LAYOUT */
.topcontainer { background: url(../img/bkg.jpg) top repeat-x; min-height: 500px; height: auto !important; height: 500px; }
.container .header { height: 250px; }
.mainLogo { display: block; height: 250px; line-height: 250px; text-indent: -2000px; overflow: hidden; }
.container .menu { height: 32px; width: 490px; margin-left: 66px; float: left; }
.container .social { height: 32px; width: 120px; float: left; }
.container .social a { display: block; float: left; width: 25px; height: 25px; background-image: url(../img/facebook.gif); overflow: hidden; margin: 4px; text-indent: 2000px; line-height: 25px; }
.container .social a.twitter { background-image: url(../img/twitter.gif); }
.container .content { clear: both; padding: 40px 0 0 76px; }
.sx { float: left; width: 500px; padding-bottom: 40px; }
.dx { float: right; width: 300px; position: relative }

/* menu */
.menu a , .menu li { font-weight: normal; font-size: 24px; line-height: 32px; font-family: 'Yanone Kaffeesatz', sans-serif; color: #FFFFFF; text-decoration: none; text-transform: uppercase; white-space: nowrap; padding: 0 5px; }
.menu > ul > li { float: left; position: relative; }
.menu li a:hover { text-decoration: underline; }
.menu li a.current , .menu li a:hover { color: #000; }
	/* menu secondo livello */
	.menu ul li:hover ul { display: block; }
	.menu ul ul { display: none; position: absolute; left: 10px; background: #7ba633; padding: 5px; top: 32px; margin: 0; }
	.menu ul ul li { float: none; margin: 0 !important; position: relative; padding: 0; }
	.menu ul ul a { display: block; font-size: 22px; color: #FFFFFF; white-space: nowrap; text-decoration: none; padding: 5px; line-height: 14px; }
		/* menu terzo livello */
		.menu ul ul ul { display: none; position: absolute; top: 0px; left: 100%; z-index: 500; background-color: #6f6f6f; }
		.menu ul li:hover ul ul { display: none; }
		.menu ul ul li:hover ul { display: block; }

/* HUGO */
.hugo { min-height: 560px; height: auto !important; height: 560px; }
.hugo .dx .img1 { position: absolute; top: -125px; right: -30px; }
.hugo .dx .img2 { position: absolute; top: 155px; right: -30px; }

/* COCKTAIL */
.cocktail .dx .img1 { position: absolute; top: 0; right: -30px; }

/* LIFE */
.life .dx .img1 { position: absolute; top: -110px; right: -30px; }
.life .dx .img2 { position: absolute; top: 140px; right: -5px; }

/* SHOP */
.shop .dx .img1 { position: absolute; top: 40px; }

/* INFO */
.info .dx .img1 { position: absolute; top: 40px; }

/* GALLERY */
.gallery .fullwidth { margin-bottom: 20px; }
#gallery { margin: 0 -10px; overflow: hidden; }
#gallery a { float: left; overflow: hidden; margin: 10px; }

/* CSS3 transition */
*:hover , *:hover * {
	-webkit-transition: color .5s ease-out, background-color .5s ease-out, border-color .5s ease-out, opacity .5s ease-out, background-color .5s ease-out, margin .5s ease-out;
	-moz-transition: color .5s ease-out, background-color .5s ease-out, border-color .5s ease-out, opacity .5s ease-out, background-color .5s ease-out, margin .5s ease-out;
	-o-transition: color .5s ease-out, background-color .5s ease-out, border-color .5s ease-out, opacity .5s ease-out, background-color .5s ease-out, margin .5s ease-out;
	transition: color .5s ease-out, background-color .5s ease-out, border-color .5s ease-out, opacity .5s ease-out, background-color .5s ease-out, margin .5s ease-out;
}