/* Paolo Veronica | www.ektor.net | Ultima modifica 04.07.2007 */

/*=Global */
* { padding: 0; margin: 0; }

/*=Generali */
body {
  font: 0.80em/1.6em "Trebuchet MS", verdana, helvetica, arial, sans-serif;
  color: #000;
  text-align: center;
  background:#FFF url(../immagini/bg_body.gif) top left repeat-x;
}

img { border:0; }

ul { list-style: none; }

option { padding: 0 4px; }

/*=LINK */
a { color: #ef7700; text-decoration: underline; }
a:hover { text-decoration: none; color: #ce6702; }

img.middle { vertical-align: middle; }

/* FORM */
input, textarea, select {
  background-color:#fff;
  font: normal 11px "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
  border: 1px solid #ccc;
  padding: 0.2em;
}

input:hover,
textarea:hover,
select:hover,
input:focus,
textarea:focus,
select:focus { border: 1px solid #003368; }

fieldset { padding: 4px; }
legend { padding: 4px; font-weight: bold; }

/*=COSTRUZIONE*/
#container{
  text-align:left;
  background:#FFF url(../immagini/bg_container.gif) top center repeat-y;
  width:915px;
  margin:0 auto;
  color:#000;
}

#header{
  background:transparent url(../immagini/bg_header.gif) top left no-repeat;
  position:relative;
  height:30px;
}

#newsletter-subscribe {margin-left:15px;padding-top:4px;}
#newsletter-subscribe p {font-size: 0.85em; color: #999; }
#lang {float:right;padding:6px 15px 0 0 ;}

#user, #pwd { width: 110px; }

#tab{height:180px;position:relative;}

#wrapper {padding:0 25px 0 15px;background:transparent url(../immagini/bg_wrapper.gif) no-repeat left top;}

/*=CONTENT*/
#content {
  float: right;
  width: 615px;
  font-size: 0.90em;
  word-spacing: 1px;
  text-align: justify;
}

#where{ text-align:right; font-size:0.85em; margin-bottom:5px; }

/*=SX*/
#extra{
  float:left;
  clear:left;
  width:235px;
  margin:10px 0;
}

#footer{
  position:relative;
  background:transparent url(../immagini/bg_foot.gif) no-repeat left top;
  height:70px;
}

/* box vuoto sopra il logo che rimanda alla home */
a#gohome {
  position: absolute;
  display: block;
  top: 25px;
  left: 25px;
  width: 280px;
  height: 75px;
  background: transparent;
  text-decoration: none;
}

/*=MENU TAB*/
ul#nav{
  position:absolute;
  top:150px;
  left:15px;
}

#nav li {
  margin-right:5px;
  float: left;
  width:auto; /* width needed or else Opera goes nuts */
}

#nav a {
  display: block;
  padding:5px 8px;
  background:#f8f1dc url(../immagini/bg_nav_on.gif) repeat-x left bottom;
  color:#ef7700;
  font-weight:bold;
  text-decoration:none;
}

#nav a:hover { text-decoration:underline; background-image:none; }

/*NAVIGAZIONE SX*/
#navigation { float:left; width:240px; }

/* titolo macro sezione */
#navigation h1 {
  float: left;
  margin: 5px 0 10px 0;
  padding: 2px 4px;
  background: #304062;
  color: #fff;
  font-size:0.9em;
}

#navigation ul li {
  margin:5px 0;
  padding-bottom:2px;
  border-bottom: 1px solid #ccc;
}

#navigation ul ul li {
  line-height:15px;
  padding-left:20px;
  margin: 0;
  padding-bottom: 4px;
  border-bottom: 0;
}

#navigation ul li a {
  background: url(../immagini/liste_piu.gif) no-repeat 0 50%;
  padding-left:20px;
  text-decoration:none;
  color:#304062;
  font-size:0.9em;
}

#navigation ul li a:hover { color:#ef7700; text-decoration:underline; }

#navigation ul ul li a {
  background:transparent url(../immagini/sub_liste.gif) no-repeat top left;
  font-size:0.85em;
  color:#666;
  padding-left:15px;
}

#navigation ul ul ul li a {
  background:transparent url(../immagini/sub_sub_liste.gif) no-repeat 0 20%;
}

/* indica tutti i nodi attivi */
#navigation ul ul li a strong { color:#ef7700; }
/* indica la pagina corrente */
#navigation ul .active { background-color: #FFFFD9; }

/*=PRODOTTO*/
#prodotti-logo { padding-top: 25px; }
#prodotti-logo div.img-prodotto { float:right; }

.img-prodotto { float:left; text-align:center; margin: 0 10px; }

.img-prodotto img,
.img-prodotto2 img { border:1px solid #ccc; padding:2px; }

.loghi-prodotto {margin:0 0 35px 0;}
.loghi-prodotto img {vertical-align:middle}

p.info-prodotto {margin-top:5px;text-align:left;}
p.pdf a {padding-right:25px;background:transparent url(../immagini/logo_pdf.gif) no-repeat right center;}

.prod-marche {
  margin-bottom: 30px;
}

#elenco-prodotti {
  border-bottom:1px solid #eee;
  padding-bottom:10px;
  margin-bottom:10px;
}

#elenco-prodotti .prodotto {
  border-width: 0;
  float: left;
  font-size: 0.95em !important;
  height: auto !important;
  margin: 5px 15px 5px 0;
  min-height: 130px;
  width: 47%;
}

#elenco-prodotti .prodotto p { padding-right:5px; }

.right-box{
  width:170px;
  border:1px solid #CCCCCC;
  font-size:0.80em;
  text-align:left;
  line-height:1.5em;
  float:right;
  }
.right-box p{margin:10px}

/*=FORMATTAZIONE*/
#footer p {
  font-size:0.85em;
  padding:40px 15px 0 15px;
}

/*=INTESTAZIONI*/
h1 {
  clear:both;
  font-size:1.6em;
  line-height:1.5em;
  color:#003368;
  background:transparent url(../immagini/bg_h1.gif) repeat left top;
  padding:10px;
  margin-bottom:10px;
}

h2 {
  font-size:1.2em;
  line-height:1em;
  color:#ef7700;
  background:transparent url(../immagini/h2_piu.gif) no-repeat left center;
  padding-left:20px;
  margin:10px 0;
}

h2.simple {
  margin: 0 0 5px 0;
  padding: 0;
  background: none;
  color:#003368;
}

h2 span {
  font-size: 0.7em;
  font-weight: normal;
}

h3 {
  font-size:1em;
  line-height:1.5em;
  color:#DB6E00;
}

#footer a, #footer a:visited {color:#818181; }
#footer a:hover { color:#ce6702; }

/*=TEMPLATE*/
.blocco h1 {
  margin:8px 0;
  padding-left:20px;
  background:transparent url(../immagini/square_h1_blocco.gif) no-repeat left center;
}

.blocco h3 { margin:8px 0; }
.blocco p { margin-bottom:10px }
.box-img { padding:8px; }
.box-img p { text-align:center; font-size:0.85em!important; font-style:italic; font-weight:bold; color:#003368; line-height:8px; padding-top:5px;}
.img p { font-size:0.85em!important; font-style:italic; font-weight:bold; color:#003368;}
.blocco ol { margin-left:20px; }
.blocco ul { margin-left:20px; list-style-type:circle; }
.blocco ul li { padding-bottom:5px; }

.blocco ul.ul2 { list-style: none; margin: 0; }
.blocco ul.ul2 li { padding-left: 20px; background:transparent url(../immagini/sub_liste.gif) no-repeat 0 top; padding-bottom:3px; }

/* per blocchi secondari */
.blocco h4 { margin:8px 0; font-size:1em; color:#003368; }
.blocco h5 { font-size:1em; font-style: italic; font-weight: normal; }

/*=EXTRA - da usare solo per spezzare i float */
.cboth { clear:both; font-size: 1px; line-height: 1px; height: 1px }

.left { float:left; margin:0 5px 5px 0; }
.right { float:right; margin:0 0 5px 5px; }

p.toplink {text-align: right;clear: both;}

h1 img { border:1px solid #003368; float:left; margin-right:10px; }

hr { border:solid #ccc; border-width:0 0 1px 0; height:0; margin-bottom:10px}

.warning {
  background: #fff6bf; text-align: left; padding: 5px 20px 5px 20px;
  border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; margin-bottom:15px;
}

.green {color:#10A010;}


#elenco-eventi{ width: 100%;
  padding-bottom:10px;
  margin-bottom:10px;
}

#elenco-eventi .box_data { font-weight:bold;
  float:left;
  width:15%;
    margin-top: 6px;
  margin-right: 5px;
  color:#CE6702;
}

#elenco-eventi .box_evento{float:left;   width:75%; margin-left:8px; }

.in_evidenza {
  border-top:1px solid #996600;
  border-bottom:1px solid #996600;
  margin-bottom: 25px;
  background: #FFFFD9;
}


.img-evento { text-align:center; margin: 0 10px; }
.img-evento img{ border:1px solid #ccc; padding:2px; }