/*
Site: www.x3cms.net
Description: default theme - base template
Version: 1.0
Author: www.cblu.net
*/
/* HTML */
body {font-size:0.7em;font-family: Verdana, Arial, Helvetica, sans-serif;line-height:1.5em;color:#555;}
h1, h2, h3, h4, h5, h6 {font-family: Verdana, Arial, Helvetica, sans-serif;}
body, div, fieldset {margin:0;padding:0;}
h1 {font-size:22px;font-family:"Times New Roman", Times, serif;font-weight:bold;color:#364e07;}
h2 {font-size:12px;font-weight:bold;color:#666;}
h3 {font-size:1.6em;}
h4 {font-size:1.4em;}
h5 {font-size:1.2em;}
h6 {font-size:1em;}
a {color:#333;}
a img {border:none;}
ul, ol {padding-left:20px;}
ul {list-style: square;}
ul li ul {margin-bottom:5px;}
/* FORMS */
fieldset {width:auto;padding:0 10px 10px 10px;border: none;}
label {display:block;font-weight:bold;margin-top:10px;}
label span {font-weight:normal;color:#666;}
input, textarea, select {border:1px solid #999;padding:1px 3px;margin:1px;font-family:inherit;font-size:1em;-moz-border-radius:3px;-webkit-border-radius:3px;}
input.check {border:none;}
input.large {width:100%;}
textarea {width:100%;height:100px;}
button {padding:1px 3px;margin:1px;font-family:inherit;font-size:1em;font-weight:bold;cursor:pointer;background:#364e07;color:#fff;border:none;}
/* TABLES */
table {width:100%;background:#fff;padding:3px;border-spacing:0;font-size:inherit;}
th {background:#deeebe;color:#fff;font-weight:bold;text-align:center;font-size:1.3em;padding:5px;}
td {margin:1px;padding:5px;vertical-align:top;border:1px solid #e8f9c6;font-size:11px;color:#000;background:#fff;}
/* COMMON */
.clear {clear:both;}
.odd {background:#fff;}
.even {background:#eee;}
.even:hover, .odd:hover {background:#ddd;}
.xcenter {width:auto;margin:10px auto;text-align:center;}
.xbig {font-size:1.4em;font-weight:bold;}
.xsmall {font-size:0.9em;color:#666;}
.aright {text-align:right;}
.fleft {float:left;}
.fright {float:right;}
.block {margin-bottom:10px;}
.sbox {padding-bottom:5px;border-bottom:1px dotted #aaa;}
.tbox {border-top:1px dotted #aaa;}
.m0 {margin:0;padding:0;}
.mtop5 {margin-top:5px;}
.mbottom5 {margin-bottom:5px;}
.edit {text-align:right;border:1px dotted #aaa;padding:3px 10px;}
.edit a {font-weight:normal;color:#999;}
/* LAYOUT */
#page {width:960px;margin:0 auto;background:url(../img/bottom.gif) bottom left repeat-x;}
#logo {float:left;width:185px;height:129px;}
#logo img {margin:0;}
#head {float:right;text-align:right;color:#fff;width:775px;height:129px;background:url(../img/bg_top.jpg) top left no-repeat;}
/* FLAGS */
#flagsbox {margin:10px 10px 0 0;color:#395400;}
#flagsbox a {margin:0 5px;color:#395400;font-size:0.9em;text-decoration:none;}
#flagsbox a:hover {text-decoration:underline;}
/* MENU GRIGIO */
#menu {height:30px;width:600px;margin-top:53px;background:#666;float:right;text-align:left;}
#menu ul {list-style:none;margin:0;padding:5px 0;}
#menu ul li {display:inline;border-right:1px dotted #f2f2f2;padding:5px 15px;height:25px;}
#menu ul li a{color:#fff;font-weight:bold;font-size:10px;text-decoration:none;}
#content {clear:both;background: url(../img/left.gif) top left repeat-y;}
/* LEFT */
#laterale{float:left;width:185px;color:#fff;background:#364e07;}
#certificazione{float:left;width:185px;margin-top:15px;}
/* MENU VERDE */
#menu_verde {background:#fff url(../img/foot_menu.jpg) bottom left no-repeat;padding-bottom:13px;}
/*
#menu_verde ul {list-style:none;margin:0;padding:0;}
#menu_verde ul li {background:url(../img/bg_button.jpg) top left repeat-y;width:185px;margin:0;}
#menu_verde ul li span {font-weight:bold;margin-left:8px;}
#menu_verde ul li a {color:#fff;font-size:10px;line-height:30px;text-transform:uppercase;text-decoration:none;margin-left:10px;}
#menu_verde img {margin:0;}
*/
#menu_verde h3.toggler {cursor:pointer;background:url(../img/bg_button.jpg) top left repeat-y;width:185x;line-height:30px;margin:0;font-size:11px;}
#menu_verde h3.toggler a {text-decoration:none;text-transform:uppercase;color:#fff;margin-left:35px;}
#menu_verde h3.toggler a:hover {text-decoration:none;}
#menu_verde div.element {background:#699e02;}
#menu_verde div.element ul {margin-bottom:5px;list-style:none;padding:0;}
#menu_verde div.element a {color:#fff;text-decoration:none;margin-left:30px;font-size:10px;}
#news {width:185px;padding:10px 0;font-size:0.9em;}
#news h3 {margin:0 10px;}
#news a {color:#8ec51f;text-decoration:underline;}
#news div.inner {margin:0 10px;}
#news span.title {font-weight:bold;color:#8dc420;}
/* MENU BOTTOM */
#menu_bottom {border-top:10px solid #fff;text-align:right;}
#menu_bottom p {padding:10px 5px 15px 5px;margin:0;}
#menu_bottom a {color:#8ec51f;font-size:10px;text-decoration:none;margin:0 10px;}
#reserved {margin:10px;text-align:right;}
#reserved a {text-decoration:none;color:#fff;font-size:10px;padding:3px;background:#699e02;}
#animazione{float:right;width:773px;}
#topic {float:right;width:740px;padding:10px;margin-bottom:30px;}
#topic p {font-size:10px;color:#666;text-align:left;}
#topic a {color:#364e07;text-decoration:underline;}
#topic img {padding:2px;}
#topic span.title {font-weight:bold;color:#364e07;}
/* RIGHT */
#msg {padding:15px 10px;background:#364e07;color:#fff;}
#msg p {margin:0;font-weight:bold;color:#ccc;}
#foot {clear:both;margin:0;width:960px;height:11px;color:#666;background:url(../img/bg_foot.jpg) top left no-repeat;}
/* SEARCH */
#sitesearch {float:right;}
#sitesearch input {background:none;border:1px solid #567;}
#sitesearch input:hover {background:#fff;opacity:0.3;}
#sitesearch input:focus {background:#fff;opacity:0.7;}
#sitesearch button {background:none;border:none;color:#ccc;}
/* PAGINATION */
#pager {margin:5px 0;}
#pager span.n {color:#fff;background:#364e07;padding:0 5px;}
#pager a {margin:0 3px;}
/* HIGHLIGHT */
.bbottom {padding-bottom:4px;}
.bbotdot {clear:both;background: url(../img/under.gif) bottom left repeat-x;padding-bottom:10px;}
/* BLOCKS OPTIONS */
.blockdata {float:right;font-size:0.9em;text-align:right;margin-bottom:-10px;}
.blockdata span {display:block;}
span.date {font-size:0.8em;}
span.author {margin-bottom:5px;}
/* HORIZONTAL MENUS */
ul.hmenu {list-style:none;margin:0;padding:0;}
ul.hmenu li {display:inline;padding:0 10px;}
ul.hmenu li a {font-weight:bold;}
/* TABS */
ul.hmenu li.tab {display:inline;padding:5px;margin:0 1px 5px 1px;}
ul.hmenu li.tab a {font-weight:bold;padding:5px 10px;}
#powered {width:960px;margin:10px auto;text-align:center;}
#powered p{font-size:10px;text-align:center;}
/* SHOP */
#shop a {text-decoration:none;}
.lbox {float:left;border-bottom:1px solid #ccc;border-right:1px solid #ccc;text-align:center;padding-bottom:10px;}
.rbox {float:left;border-bottom:1px solid #ccc;text-align:center;padding-bottom:10px;}
.rbox img, .lbox img {margin:5px 16px;}
#ctgs {text-transform:uppercase;margin-bottom:15px;}
#ctgs a {text-decoration:none;margin:0 5px;}
#ctgs a.on {text-decoration:underline;}
iframe {margin:10px 85px 10px 5px;}
#zoom {position:relative;z-index:1;}
#switcher {position:absolute;width:230px;height:15px;z-index:100;background:url(../img/switch.png) top left repeat;padding:10px 10px;}
#switcher a {color:#fff;background:#030303;margin:0 3px;font-size:0.9em;}
#switcher a:hover {text-decoration:none;}
#switcher a span {background:#030303;padding:4px 5px;margin-top:5px;}
#milkbox img {margin:2px 5px;}
/* MILKBOX */
#mbOverlay {position: absolute;left:0;width:100%;background-color:#000; /* set the Milkbox overlay color // opacity: see the js options */z-index:100;cursor: pointer;}
#mbCenter {
/* for default width and height, see the js options */
position:absolute;z-index:101;overflow:hidden;left:50%;top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
background-color: #fff;/* set the Milkbox background color */
border:5px solid #fff;/* set the Milkbox border */
margin:0;padding:5px;/* set the Milkbox padding */
}
.mbLoading{background:#fff url(../img/loading.gif) no-repeat center; }/* IMAGE: loading gif */
#mbCanvas {margin:0;padding:0;height:0;border:none;font-size:0;overflow:hidden;}
.mbClear {clear:both;height:0;margin:0;padding:0;font-size:0;overflow:hidden;}
/* *** BOTTOM *** */
#mbBottom {
/* set text options */
font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;
font-size:10px;color:#666;line-height:1.4em;text-align:left;padding-top:8px;margin:0;}
/* navigation */
/* be careful if you change buttons dimensions */
#mbNavigation {float:right;width:27px;padding-top:3px;border-left:1px solid #9c9c9c;/* set nav border */}
#mbCount {width:55px;overflow:hidden;padding-top:1px;float:right;text-align:right;font-size:9px; /* count font size */}
#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause {outline:none;display:block;float:right;height:19px;cursor: pointer;}
#mbPrevLink, #mbNextLink {width:15px;}
#mbPrevLink {background:transparent url(../img/prev.gif) no-repeat;}/* IMAGE: prev */
#mbNextLink {background:transparent url(../img/next.gif) no-repeat;}/* IMAGE: next */
#mbPlayPause {width:13px;}
#mbPlayPause {background:transparent url(../img/play-pause.gif) no-repeat;}/* IMAGE: prev */
/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover {background-position:0 -22px;}
#mbCloseLink {width:17px;background:transparent url(../img/close.gif) no-repeat;/* IMAGE: close */}
/* description */
#mbDescription {margin-right:27px;padding:0px 10px 0 0;font-weight: normal;text-align:justify;}
/* slideshow */
/**
Stylesheet: Slideshow.css
CSS for Slideshow.
License:
MIT-style license.
Copyright:
Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
HTML:
Notes:
These next four rules are set by the Slideshow script.
You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/
#show {width:593px;margin:0 auto 0 auto;}
.slideshow {display: block;position: relative;z-index: 0;}
.slideshow-images {display: block;overflow: hidden;position: relative;}
.slideshow-images img {display: block;position: absolute;z-index: 1;}
.slideshow-thumbnails {overflow: hidden;}
/**
HTML:
Notes:
The images div is where the slides are shown.
Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/
.slideshow-images {height: 300px;width: 540px;}
.slideshow-images-visible {opacity: 1;}
.slideshow-images-prev {opacity: 0;}
.slideshow-images-next {opacity: 0;}
.slideshow-images img {float: left;left: 0;top: 0;}
/**
Notes:
These are examples of user-defined styles.
Customize these classes to your usage of Slideshow.
*/
.slideshow {height: auto;margin: 0 auto;width: 750px;}
.slideshow a img {border: 0;}
/**
HTML:
...
Notes:
Customize the hidden / visible classes to affect the captions animation.
*/
.slideshow-captions {
background: #000;
bottom: 0;
color: #FFF;
font: normal 12px/22px Arial, sans-serif;
left: 0;
overflow: hidden;
position: absolute;
text-indent: 10px;
width: 100%;
z-index: 10000;
}
.slideshow-captions-hidden {height: 0;opacity: 0;}
.slideshow-captions-visible {height: 22px;opacity: .7;}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the controller animation.
*/
.slideshow-controller {
background: url(../img/controller.png) no-repeat;
height: 42px;
left: 50%;
margin: -21px 0 0 -119px;
overflow: hidden;
position: absolute;
top: 50%;
width: 238px;
z-index: 10000;
}
.slideshow-controller * {margin: 0;padding: 0;}
.slideshow-controller-hidden {opacity: 0;}
.slideshow-controller-visible {opacity: 1;}
.slideshow-controller a {cursor: pointer;display: block;height: 18px;overflow: hidden;position: absolute;top: 12px;}
.slideshow-controller a.active {background-position: 0 18px;}
.slideshow-controller li {list-style: none;}
.slideshow-controller li.first a {background-image: url(../img/controller-first.gif);left: 33px;width: 19px;}
.slideshow-controller li.last a {background-image: url(../img/controller-last.gif);left: 186px;width: 19px;}
.slideshow-controller li.next a {background-image: url(../img/controller-next.gif);left: 145px;width: 28px;}
.slideshow-controller li.pause a {background-image: url(../img/controller-pause.gif);left: 109px;width: 20px;}
.slideshow-controller li.play a {background-position: 20px 0;}
.slideshow-controller li.play a.active {background-position: 20px 18px;}
.slideshow-controller li.prev a {background-image: url(../img/controller-prev.gif);left: 65px;width: 28px;}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the loader animation.
*/
.slideshow-loader {height: 28px;right: 0;position: absolute;top: 0;width: 28px;z-index: 10001;}
.slideshow-loader-hidden {opacity: 0;}
.slideshow-loader-visible {opacity: 1;}
/**
HTML:
Notes:
Customize the active / inactive classes to affect the thumbnails animation.
Use the !important keyword to override FX without affecting performance.
*/
.slideshow-thumbnails {bottom: -65px;height: 65px;left: 0;position: absolute;width: 100%;}
.slideshow-thumbnails * {margin: 0;padding: 0;}
.slideshow-thumbnails ul {height: 65px;left: 0;position: absolute;top: 0;width: 10000px;}
.slideshow-thumbnails li {float: left;list-style: none;margin: 5px 5px 5px 0;position: relative;}
.slideshow-thumbnails a {display: block;float: left;padding: 0;position: relative;}
.slideshow-thumbnails a:hover {background-color: #FF9 !important;opacity: 1 !important;}
.slideshow-thumbnails img {display: block;}
.slideshow-thumbnails-active {background-color: #8ec51f;opacity: 1;}
.slideshow-thumbnails-inactive {background-color: #FFF;opacity: .5;}
a[target$='_blank'] { padding:0 0 0 20px;background:url(../img/external_link.gif) no-repeat 3px center; }
a[target$='_blank'] img { padding-left:0;background:none;}