/****
      style sheet style.css
      copyright © Davide Caffaratti
****/

/* reset html
--------------------------*/
html, body{
  margin:0;
  padding:0;
}
/* Hack per fozare lo scrollbars in tutte le pagine
--------------------------*/
html {
  height:100%;
  margin-bottom:1px;
}
/* Heading del sito
-------------------------*/
h1, h2, h3, h4, h5, h6{
  margin:0 0 0.4em;
}
address, blockquote, dl, form, fieldset, table, p, pre{
  margin-bottom:1.2em;
}
/* Body pagina
------------------------------------*/
body {
  margin:0 auto;
  text-align:center;
  padding:0;
  background:#ffffff url(bg-body.png) no-repeat center top;
  font-size:11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#222222;
}
/* vecchi browser
-------------------*/
.low {display:none}
/* Reset float
-------------------*/
.clb {clear:both}
/* Ridefinizione dei paragrafi
------------------------------*/
p {margin:0 10px 10px}
/* Ridefinisco link
-------------------*/
a {
  color:#2D74BC;
  text-decoration:none;
}
/* Elimino bordi immagini
--------------------------*/
img,
img a {
  border:0;
}
/* Classi allineamenti immagini
----------------------------------*/
img.left {
  float:left;
  margin:0 12px 0 5px;
}
img.right {
  float:right;
  margin:0 0 0 12px;
}
img.center {
  display:block;
  margin:0 auto;
}
/* Header font
-------------------*/
h1 {font-size:200%}
h2 {font-size:180%}
h3 {font-size:150%}
h4 {font-size:120%}
/* Wrapper pagina
-------------------*/
div#wrapper{
  float:left;
  width:100%;
  margin-right:-200px;
  visibility:visible;
  min-height:550px;
} 
/* Header pagina
-------------------*/
div#header {
  float:left;
  height:156px;
}
div#header h1 {
  float:left;
  position:absolute;
  top:55px;
  left:260px;
  font-size:24px;
  font-weight:bold;
}
div#header h1 a {
  color:#fff;
}
/* Logo pagina
-------------------*/
img#logo {
  float:left;
  margin-left:20px;
  margin-top:2px;
}
/* Top banner
-----------------------*/
img#top_banner {
  position:relative;
  top:30px;
  left:2px;
}
/* Left banner
-----------------------*/
img.left_banner {
  margin-top:6px;
  width:198px;
}
/* Bottom banner
-----------------------*/
div#bottom_banner {
  width:97%;
  text-align:center;
  margin:0 auto;
  padding:3px;
  border-top:3px solid #ddd;
}
/* Contenitore pagina
-----------------------*/
div#container{
  margin:0 auto;
  width:730px;
}
/* Contenuto pagina
----------------------*/
div#content {
  margin-right:200px
}
/* Testo pagina
----------------------*/
div#textcontent {
  text-align:left;
  margin:0 auto;
  width:90%;
  margin-top:45px;
}
div#textcontent h4 {
  color:#222222;
}
div#textcontent h5, h6 {
  color:#666666;
}
div#textcontent a:hover {
  text-decoration:underline;
}
/* Style navbar
-------------------*/
div#navbar{
  text-align:left;
  float:right;
  width:200px;
  margin-top:45px;
}
/** Style dei menu dentro navbar
---------------------------------*/
div#menunav {
  width:99%;
  margin:0;
  padding:0;
}
div#menunav h2 {
  width:auto;
  padding:2px;
  margin:0;
  color:#000000;
  font-size:120%;
  background:#cccccc;
}
div#menunav h2 a {
  color:#000000;
}
div#menunav ul {
  list-style:none;
  margin:0;
  padding:0;
  text-align:left;
}
div#menunav ul li a {
  display:block;
  padding:0 0 0 35px;
  font-weight:bold;
  color:#fff;
  height:26px;
  line-height:26px;
  background:#0066FF url(menunav.png) center left no-repeat;
  border-top:1px solid #fff;
}
div#menunav ul li a:link {
  vertical-align: middle;
}
div#menunav ul li a:hover,
div#menunav ul li a.current {
  color:#ccc;
  background:#003399 url(menunav-on.png) center left no-repeat;
}
/* Holly Hack for IE \*/
* html div#menunav ul li { height:1%; }
* html div#menunav ul li a { height:1%; }
/* Menu figli
-------------------*/
div#menunav li li {
  margin:0;
  padding:0;
}
div#menunav ul ul {
  background:#13598C;
}
div#menunav li li a {
  color:#ccc;
  font-size:10px;
  text-transform:lowercase;
  background:#13598C;
  padding-left:11px;
  background:url(bullet-white.gif) top left no-repeat;
}
div#menunav li li a:hover,
div#menunav li li a.current {
  color:#fff;
  text-decoration:underline;
}
div#menunav li li li a {
  font-size:10px;
  padding-left:11px;
  background:none;
}
/* Holly Hack for IE \*/
* html div#menunav ul li { height:1%; }
* html div#menunav ul li a { height:1%; }
/** Style dei menu extra (es: prodotti, news)
---------------------------------------*/
div.menuextra {
  width:99%;
  margin:0;
  padding:0;
}
div.menuextra h2 {
  width:auto;
  padding:2px;
  margin:0;
  color:#000000;
  font-size:110%;
  background:#cccccc;
}
div.menuextra h2 a {
  color:#000000;
}
div.menuextra ul {
  list-style:none;
  margin:0;
  padding:0;
  text-align:left;
}
div.menuextra ul li a {
  display:block;
  padding:0 0 0 35px;
  font-weight:bold;
  color:#fff;
  height:26px;
  line-height:26px;
  background:#0066FF url(menunav.png) center left no-repeat;
  border-top:1px solid #fff;
}
div.menuextra ul li a:link {
  vertical-align: middle;
}
div.menuextra ul li a:hover,
div.menuextra ul li a.current {
  color:#ccc;
  background:#003399 url(menunav-on.png) center left no-repeat;
}
/* Holly Hack for IE \*/
* html div.menuextra ul li { height:1%; }
* html div.menuextra ul li a { height:1%; }
/* Menu figli
-------------------*/
div.menuextra li li {
  margin:0;
  padding:0;
}
div.menuextra ul ul {
  background:#13598C;
}
div.menuextra li li a {
  color:#ccc;
  font-size:10px;
  text-transform:lowercase;
  background:#CCFFFF;
  padding-left:11px;
  background:url(bullet-white.gif) top left no-repeat;
}
div.menuextra li li a:hover,
div.menuextra li li a.current {
  color:#fff;
  text-decoration:underline;
}
/* stile appuntamenti
--------------------*/
div#appuntamenti {
  width:99%;
  margin:0;
  padding:0;
  background:#E5E5E5;
  margin-bottom:4px;
}
div#appuntamenti h3 {
  margin:0;
  font-size:12px;
  width:100%;
  display:block;
  color:#fff;
  padding:14px 0 12px 0;
  background:#fff url(dot-appuntamenti.png) no-repeat left top;
  background-color:#E5E5E5;
}
div#appuntamenti ul {
  width:100%;
  list-style:none;
  margin:0;
  padding:0;
  text-align:left;
  background:#E5E5E5;
}
div#appuntamenti li a {
  width:auto;
  display:block;
  margin:0;
  padding:5px;
  color:#333333;
  border-bottom:1px dashed #ccc;
}
/* Font size pagina
--------------------*/
#font_size {
  float:left;
  position:relative;
  top:129px;
  left:260px;
  width:auto;
  height:26px;
}
#shrink, #shrink a:link, #shrink a:visited {
  padding:0;
  font-size:11px;
  font-family:"Times New Roman", Times, serif;
  color:#000000;
  font-weight:bold;
  text-transform:uppercase;
  margin:0;
  border-right:1px solid #333333;
}
#grow, #grow a:link, #grow a:visited {
  padding:0;
  margin:0;
  font-size:18px;
  font-family:"Times New Roman", Times, serif;
  color:#000000;
  font-weight:bold;
  text-transform:uppercase;
}
#shrink:hover, #grow:hover {
  color:#333333;
}
#head_text {
  font-size:9px;
  color:#000000;
}
/* Box newsletter
-------------------*/
#newsletter {
  float:left;
  position:relative;
  left:280px;
  top:114px;
  width:auto;
  height:27px;
  text-align:left;
}
#newsletter #newsletter_text {
  font-size:9px;
  color:#000000;
  margin-left:10px;
}
#newsletter input {
  color:#333333;
  width:130px;
  border:1px solid #999999;
  padding-left:5px;
  margin-left:10px;
  height:17px;
}
#newsletter fieldset {
  margin:0;
  padding:0;
  border:0;
  background:none;
}
#newsletter legend {display:none}
#newsletter label {display:none}
/* Box ricerca
-------------------*/
#search {
  float:left;
  position:relative;
  top:114px;
  left:270px;
  width:auto;
  height:27px;
  text-align:left;
}
#search span#s_ico {
  padding:2px 24px 0 0;
  background:url(search.png) center right no-repeat;
  font-size:9px;
  color:#000000;
  height:20px;
  text-align:left;
  margin-left:10px;
}
#search input {
  color:#333333;
  width:130px;
  height:17px;
  border:1px solid #999999;
  padding-left:5px;
  margin-left:10px;
}
#search fieldset {
  margin:0;
  padding:0;
  border:0;
  background:none;
}
#search legend {display:none}
#search label {display:none}
/* Elementi ricerche
---------------------*/
.searchresults {
  border-bottom:1px solid #E60000;
  text-transform:lowercase;
}
.searchlist {
  margin:0 auto;
  width:100%;
  line-height:16px;
  display:block;
  padding:0;
  background:#E5E5E5;
  color:#000000;
}
/* Titolo della ricerca
--------------------------*/
div#textcontent h2.searchtitle {
  width:auto;
  padding:4px 0 4px 4px;
  margin:0;
  color:#fff;
  background:#E60000;
  font-size:13px;
}
div#textcontent .searchlist h3 {
  font-size:12px;
  width:auto;
  display:block;
  color:#ffffff;
  padding:14px 0 12px 5px;
  background:url(dot.png) no-repeat left top;
  vertical-align: baseline;
}
/* Il testo viene allineato a 75px dalla dx */
.searchlist img {
  float:left;
  width:82px;
  height:75px;
}
a.searchmore {
  margin-top:15px;
  display:block;
  width:130px;
  font-size:10px;
  font-weight:bold;
  color:#333333;
  text-decoration:underline;
}
a.searchmore:hover {
  color:#E60000;
}
/* Messaggi di errore
-----------------------*/
.errors{
  display:block;
  color:#ff0000;
  padding:10px;
}
/* Style errori nei form
--------------------------*/
.fValidator-msg {
  background-color:#c00;
  font-size:85%;
  color:#fff;
  padding:5px;
}
/* Style Messaggi di errori fatali
-----------------------------------*/
#warning {
  display:block;
  padding:23px 4px 0 24px;
  background:#c00 url(warn.gif) center left no-repeat;
  border:2px solid #770000;
  color:#fff;
  font-size:14px;
  font-weight:bold;
}
/* Style Messaggi di aggiornamento
-----------------------------------*/
#update {
  display:block;
  padding:20px 4px 0 24px;
  background:#9BFF9B url(update.gif) center left no-repeat;
  border:2px solid #003300;
  color:#000000;
  font-size:14px;
  font-weight:bold;
}
/* Style vari link
-------------------*/
a.print {
  padding-left:24px;
  background:url(print.gif) center left no-repeat;
  color:#E60000;
  line-height:22px;
  height:22px;
}
a.info {
  padding-left:20px;
  background:url(info.gif) center left no-repeat;
  font-size:11px;
  color:#E60000;
  line-height:22px;
  height:22px;
}
a.zoomin {
  padding-left:17px;
  background:url(zoom_in.gif) center left no-repeat;
  font-size:11px;
  color:#E60000;
  line-height:18px;
}
/* Elementi form
-------------------*/
form {margin:0}
input, textarea, select {
  font-size:100%;
  color:#000000;
}
/* Tasti submit dei form
-------------------------*/
.submit {
  font-weight:bold;
  font-size:11px;
  color:#222;
  cursor:pointer;
  border:1px solid #ccc;
  background-color:#fff;
  padding:0px 4px 1px 4px;
}
.submit:hover {
  cursor:pointer;
  background:#E60000;
  color:#fff;
}
/* titolo dei form */
legend {
  width:100%;
  margin:2px 0 10px -10px;
  font-weight:bold;
  color:#fff;
  display:block;
  padding:14px 150px 27px 4px;
  background:url(dot.png) no-repeat left top;
  font-size:12px;
}
/* style del corpo form usato con legend */
fieldset {
  margin:0 auto;
  margin-bottom:15px;
  width:98%;
  height:auto;
  border:1px solid #B2B2B2;
}
/* Label del campo */
label{
  font-weight:bold;
  font-size:11px;
}
/* Div con effetto drop-out sulle immagini
------------------------------------------*/
div.minipic{
  float:left;
  padding:0 6px 6px 0;
  background:url(dropshadow.jpg) no-repeat bottom right;
}
div.minipic img{
  display:block;
  position:relative;
  top:-5px;left:-5px;
  border:1px solid #ccc;
  border-color:#ccc #666 #666 #ccc;
  padding:5px;
}
/* Paginazione negli elenchi
-----------------------------*/
div#pagination_desc {
  margin:0 auto;
  width:auto;
  margin:5px 0 20px 4px;
  padding:4px;
}
div#pagination_desc span.left {
  float:left;
  width:50%;
}
div#pagination_desc span.rig {
  float:left;
  width:50%;
  text-align:right;
}
div#pagination {
  margin:0 auto;
  text-align:center;
  width:auto;
  padding:5px 0 10px 0;
}
div#pagination ul{
  margin:0;
  text-align:center;
  width:auto;
  padding:10px 0 10px 0;
}
div#pagination ul li{
  margin:2px 0 2px 2px;
  padding:1px;
  list-style:none;
  display:inline;
  background-image:none;
  font-weight:bold;
  color:#fff;
}
div#pagination ul li a{
  padding:0 6px;
  border:1px solid #ddd;
  background:#E60000;
  text-decoration:none;
  color:#fff;
}
div#pagination ul li a:hover{
  border:1px solid #fff;
  background:#ccc;
  color:#333333;
  text-decoration:none;
}
div#pagination ul li.current{
  padding:0 6px;
  border:1px solid #fff;
  background:#990000;
}
* html div#pagination ul li.current {
  /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
  margin-right:6px;
  padding-right:0;
}
/* Colori e gestione piede
---------------------------*/
div#footer {
  clear:both;
  width:730px;
  margin:0 auto;
}
div#the-fother {
  float:left;
  margin:0 auto;
  width:530px;
  font-size:10px;
  font-weight:bold;
  color:#000000;
}