@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

* { margin:0px; padding:0px; border:0px; outline:none; list-style:none; text-decoration:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body,td,th { font-size:13px; font-family: 'Open Sans', sans-serif; color:#222; }
body { margin: 0px; background:#183E2C; color:#FFF; }
div { float:left; text-align:left; }
h1, h2, h3, h4, h5 { font-weight:700; }
a { color:#5E8A23; font-weight:700; }
a:hover { color:#FFF; }
img.loading { background: url('../images/loading.gif') no-repeat center center #FFF; }
li img { display:block; }

.wrapper { width:100%; margin:0px; position:relative; }
.container { width:960px; margin:0px auto; float:none; position:relative; }
.w960 { width:960px; }
.w640 { width:640px; }
.w630 { width:630px; }
.w460 { width:460px; }
.w320 { width:320px; }
.w300 { width:300px; }
.bg2 { background:#133325; }

.mb60 { margin-bottom:60px; }
.mt40 { margin-top:40px; }
.mb40 { margin-bottom:40px; }
.mb20 { margin-bottom:20px; }
.mr40 { margin-right:40px; }
.mr30 { margin-right:30px; }
.mb20 { margin-bottom:20px; }
.mt20 { margin-top:20px; }
.gray { color:#AAA;}
.center { text-align:center; }
.relative { position:relative; }
.separator { padding-top:60px; margin-top:60px; border-top:1px solid #000; }
.overlay { display:none; position:absolute; top:0; left:0; right:0; bottom:0; padding:20px;  }
li:hover .overlay { display:block; }


.lang a { float:right; margin: 10px 0 10px 10px; display:block; }
#header .header { background:#FFF; text-align:center; padding: 10px 0 20px 0; }
#header .nav li { float:left; text-transform:uppercase; font-weight:300; }
#header .nav li li { float:none; }
#header .nav li a { display:block;  text-align:center; }
#header .nav li a.selected { background:#133325; color:#5E8A23; }
#header ul ul { border:1px solid #183E2C; }
#header ul ul li { border-bottom:1px solid #183E2C; }
#header ul ul li:last-child { border-bottom:0px; }


#jsddm li ul { position: absolute; visibility: hidden; z-index:222; background:#FFF;  min-width:200px; border:1px solid #999; margin:0px;padding:0px; }
#jsddm li ul li { padding:0px; margin:0px; float: none; display: inline; text-align:left; border:0px;}
#jsddm li ul li:last-child a { border:0px; }
#jsddm li ul li a { padding: 3px 4px 3px 4px;  display:block; margin:0px; border-left:0px;  border-bottom: 1px solid #999;  }

#footer strong { color:#5E8A23; text-transform:uppercase; }
#footer .footer { border-top: 5px solid #133325; padding-top:20px; margin-top:40px; }
#footer li { margin-top:20px; display:inline-block; text-align:left; width:250px;  margin-bottom:40px; }
#footer a { color:#FFF;  }

#home .slides .ss-slide { width:100%; float:none; background:#183E2C; text-align:center; }
.ss-slides-wrap { width:100%; }
.ss-capwrap, .ss-caption, .ss-paginate { float:none; text-align:center; margin: 0 auto; }
.intro { padding: 40px 0; }
.intro h1 { font-size:50px; }
.intro p { font-size:18px; margin-top:40px; }
.intro p.button { margin-top:15px; }
.intro p.button a { font-weight:normal; display:inline-block; background:#5E8A23; color:#FFF; padding: 5px 15px; }
 .intro p.button a:hover { background:#133325; }


.news { padding: 40px 0; }
.news h2 { color:#5E8A23; text-transform:uppercase; font-size:20px; margin-bottom:40px; }
.news li { float:left; margin-right:20px; width: 460px; font-size:14px; }
.news li img { float:left; margin-right:20px; }
.news li h3 { font-size:18px; margin-bottom:5px; color:#5E8A23; }


#vivaio h1 { font-size:50px; margin:40px 0 0 0; }
#vivaio .intro { padding-bottom:40px; }
#vivaio li { width: 320px; float:left; }
#vivaio li p { margin:30px 30px 0 0; font-size:14px; }
#vivaio img:hover {opacity: 0.5; }

#product h1 { font-size:50px; margin:40px 0 10px 0; text-align:center; } 
#product ul { margin-top:40px; }
#product li { width: 320px; float:left; position: relative; }
#product img:hover {opacity: 0.5; }
#product p { font-size:14px; text-align:center; }
#product ul.list li { list-style:disc; margin-left:20px; text-transform:uppercase; width:440px; }


#contact h1 { font-size:50px; margin:20px 0 40px 0; text-align:center; }
.paginazione { margin: 40px 0; }
.paginazione .link { text-align:right; font-size: 20px; }
.paginazione .link a, .paginazione .link b { display:inline-block; margin: 0 0 0 10px; background:#183E2C; padding:2px 10px; border:2px solid #183E2C; }
.paginazione .link b { background:none; border-color:#FFF;  }

div.top {  display: none; overflow: hidden; position: fixed;  }
div.top a { display:block; color:#FFF; padding:10px; background: #555; cursor:pointer; }
div.top a:hover { background:#888; }