/****
      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:#999 url(bg.png) 0 0 repeat-x;
  font-size:13px;
  font-family: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:right;
  width:100%;
  margin-left:-205px;
  background:#fff;
  visibility:visible;
  min-height:550px;
} 
/* Header pagina
-------------------*/
div#header { 
  width:100%;
  background:#efefef;
  height:80px; 
}
div#header h1 {
  text-align: left;
  margin-left:8px;
  color:#990000;  
  line-height:80px;
}
div#header h1 a {
  color:#990000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:30px;
  font-weight:bold;
}
/* Contenitore pagina
-----------------------*/
div#container{
  margin:0 auto;
  width:90%;
}
/* Contenuto pagina
----------------------*/
div#content {
  margin-left:205px
}
/* Testo pagina
----------------------*/
div#textcontent {
  text-align:left;
  margin:4px;
  background:#fff;
}
div#textcontent h1 {
  color:#990000;
}
div#textcontent h2 {
  color:#222222;
}
div#textcontent h3, h4 {
  color:#666666;
}
div#textcontent h5, h6 {
  color:#cccccc;
}
div#textcontent a:hover {
  text-decoration:underline;
}
/* Style sidebar
-------------------*/
div#sidebar {
  margin:0 auto;
  width:200px;
  margin:0;
  padding:0;
}
/* Style dei menu sidebar
---------------------------*/
div.menusidebar {
  padding:0;
  margin:0;
  text-align:right;
  padding-bottom:10px;
}
div.menusidebar ul {
  list-style:none;
  padding:0;
  margin:0;
}
div.menusidebar ul li {
  display:inline;
  list-style-type:none;
}
div.menusidebar img {
  vertical-align:middle;
  padding-right:3px;
}
div.menusidebar ul li a {
  font-weight:bold;
  color:#fff;
  font-size:13px;
  padding-right:15px;
}
div.menusidebar ul li a:hover,
div.menusidebar ul li a.current {
  text-decoration:underline;
}
/* Holly Hack for IE \*/
* html div.menusidebar ul li { height:1%; }
* html div.menusidebar ul li a { height:1%; }
/* Style navbar
-------------------*/
div#navbar{
  text-align:left;
  float:left;
  width:200px
}
/** Style dei menu dentro navbar
---------------------------------*/
div#menunav {
  width:auto;
  margin:0;   
  background:#ccc; 
}
div#menunav h2 {
  width:auto;
  padding:3px;
  color:#fff;
  font-size:135%;
  background:#999;
  margin-bottom:2px;
}
div#menunav ul {
  list-style:none;
  margin:0;
  padding:3px;
  text-align:left;
}
div#menunav ul li a {
  margin:1px;
  display:block;
  padding:0 0 0 18px;
  line-height:22px;
  font-size:12px;
  font-weight:bold;
  color:#990000;
  text-transform:uppercase;
  background:#fff url(menunav.gif) top left no-repeat;        
  border-top:1px dotted #006666;
  border-bottom:1px dotted #006666;
}
div#menunav ul li a:hover,
div#menunav ul li a.current {
  color:#333;
  background:#efefef url(menunav-on.gif) top left no-repeat; 
}
/* Menu figli
-------------------*/
div#menunav li li {
  margin:0;
  padding:0;
}
div#menunav ul ul {
  background:#fff;
}
div#menunav li li a {
  color:#000000;
  font-size:11px;
  text-transform:lowercase; 
  padding-left:11px;
  background-image:none; 
  border:none;
}
div#menunav li li a:hover,
div#menunav li li a.current {
  color:#333333;
  text-decoration:underline;
  background-image:none; 
}
div#menunav li li li a {
  padding-left:11px;
  background:none;
}
/* Holly Hack for IE \*/
* html div#menunav ul li { height:1%; }
* html div#menunav ul li a { height:1%; }
/* Colore sidebar
-----------------------------------*/
div#sidebar{
  float:left;
  clear:left;
  width:200px;
  text-align:left;
}
/* Style dei menu sidebar
----------------------------------*/
div.menusidebar {
  width:auto;
  padding:0;
  margin:0;
  text-align:left;
  background:#efefef; 
}
div.menusidebar h2 {
  width:auto;
  font-size:135%;
  border-bottom:1px solid #006666;
  margin-bottom:3px;
  color:#2D74BC;
}
div.menusidebar ul {
  list-style:none;
  margin:0;
  padding:0;
}
div.menusidebar ul li {
  margin:0;
  padding:0;
}
div.menusidebar ul li a {
  margin:0;
  padding:1px 4px 1px 0;
  display:block;
  color:#000666;
  text-decoration:none;
  text-transform:uppercase;
  font-size:10px;
}
div.menusidebar ul li a:hover,
div.menusidebar ul li a.current {
  text-decoration:none;
  color:#000000;
  background: #eef;
}
/** Style dei menu extra (es prodotti)
---------------------------------------*/
div.menuextra {
  width:auto;
  margin:0;
  background:#ccc;
}
div.menuextra h2 { 
  width:auto;
  padding:3px;
  color:#fff;
  font-size:135%;
  background:#999;
  margin-bottom:2px;
}
div.menuextra ul {
  list-style:none;
  margin:0;
  padding:3px;
  text-align:left;
}
div.menuextra ul li a {    
  margin:1px;
  display:block;
  padding:0 0 0 18px;
  line-height:22px;
  font-size:12px;
  font-weight:bold;
  color:#000;
  text-transform:uppercase;
  background:#fff url(menunav.gif) top left no-repeat;        
  border-top:1px dotted #006666;
  border-bottom:1px dotted #006666;
}
div.menuextra ul li a:hover,
div.menuextra ul li a.current {
  color:#333;
}
/* 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:11px;
  text-transform:lowercase;
  background:#13598C;
  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:#333;
  background:#efefef url(menunav-on.gif) top left no-repeat; 
}
/* Style dei menu aggiunti
---------------------------*/
div.tools {
  width:auto;
  margin:0;
  padding:0 0 4px 0;
  background:#ccc;
}
div.tools h2 { 
  width:auto;
  padding:3px;
  color:#fff;
  font-size:135%;
  background:#999;
  margin-bottom:2px;
}
div.tools p {
  margin:0;
  padding-left:5px;
  line-height:25px;
  height:auto;
}
/* Font size pagina
--------------------*/
#shrink, #grow, #shrink a:link, #grow a:link, #shrink a:visited, #grow a:visited {
  padding:1px;
  font-size:13px;
  color:#006600;
  font-weight:bold;
  border:1px solid #006600;
  background:#fff;
}
#shrink:hover, #grow:hover {
  background:#efefef;
  color:#000000;
  border-color:#000000;
}
/* Box ricerca
-------------------*/
#search {
  margin:0 0 2px 14px;
}
#search input {
  color:#094E95;
}
#search fieldset {
  margin:0;
  padding:0;
  border:0;
  background:none;
}
#search legend {display:none}
#search label {display:none}
/* Elementi ricerche
---------------------*/
.searchresults {
  background:#28D06B;
  color:#fff;
  padding:1px 3px 0 3px;
}
.searchlist {
  margin:0 auto;
  width:95%;
  margin-bottom:5px;
  line-height:16px;
  display:block;
  padding:8px 5px 8px 5px;
  border:2px solid #669933;
  color:#333333;
}
/* Titolo della ricerca
--------------------------*/
h2.searchtitle {
  width:auto;
  padding:4px 0 4px 4px;
  margin:0;
  border-bottom:1px solid #ccc;
  color:#5896D3;
  font-size:16px;
}
div#textcontent .searchlist h3 {
  font-size:14px;
  width:auto;
  display:block;
  color:#669933;
}
/* Il testo viene allineato a 75px dalla dx */
.searchlist img {
  float:left;
  width:82px;
  height:75px;
}
div#textcontent a.searchmore:hover {
  text-decoration:none;
}
a.searchmore { 
  margin-top:15px;
  display:block;
  width:130px;
  height:26px;
  line-height:26px;
  padding-left:5px;
  font-size:11px;
  font-weight:bold;
  background:url(more.png) 0 0 no-repeat;
  color:#fff;
}
a.searchmore:hover {
  background:url(more-on.png) 0 0 no-repeat;
  color:#ccc;
}
/* Style box newsletter
------------------------*/
div#boxnewsletter {
  width:auto;
  margin:0;
  padding:0 0 10px 0;
  background:#339933;
}
div#boxnewsletter h2 {
  background:#336633;
  color:#fff;
  width:auto;
  padding:3px;
  font-size:135%;
  margin-bottom:3px;
}
div#boxnewsletter p {
  height:1%;
  margin:0 0 6px 8px;
}
div#boxnewsletter label {
  width:75px;
  font-size:12px;
  font-weight:bold;
  color:#ddd;
}
div#boxnewsletter input {
  width:100px;
  height:13px;
}
div#boxnewsletter input.submit {
  height:18px;
  width:auto;
}
/* Style contatti
-----------------------*/
.contacts {
  margin:0 auto;
  width:auto;  
  text-align:left;
  border:1px solid #333;
  padding-bottom:3px;
  display:block;
  height:auto;
  color:#000;
  font-weight:bold;
  background:#fff;
  line-height:25px;
}
.contacts:hover,
.contacts a:hover,
.contacts .skype:hover {
  background:#efefef;
  color:#333;
  border-color:#111;
}
.contacts a {
  color:#000;  
  font-size:11px; 
}
.contacts a.skype {
  color:#336699;
  font-weight:bold;
  font-size:13px;
  letter-spacing:3px;
}
.contacts img {
  float:left;
  padding:0;
  margin-left:2px;
  margin-right:2px;
}
/* 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;
  font-size:11px;
  color:#669933;
  line-height:20px;
  height:20px;
}
a.info {
  padding-left:20px;
  background:url(info.gif) center left no-repeat;
  font-size:11px;
  color:#669933;
  line-height:18px;
}
a.zoomin {
  padding-left:17px;
  background:url(zoom_in.gif) center left no-repeat;
  font-size:11px;
  color:#669933;
  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:#2D74BC;
  color:#fff;
}
/* titolo dei form */
legend {
  margin:2px 0 10px 8px;
  font-weight:bold;
  color:#669933;
  font-size:14px;
}
/* style del corpo form usato con legend */
fieldset {
  margin:0 auto;
  margin-bottom:15px;
  width:98%;
  height:auto;
  border:1px solid #669933;
}
/* 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;
  color:#fff;
}
div#pagination ul{
  margin:0;
  text-align:center;
  font-size:11px;
  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:#21507E;
  text-decoration:none;
  color:#fff;
}
div#pagination ul li a:hover{
  border:1px solid #fff;
  background:#5896D3;
  color:#fff;
  text-decoration:none;
}
div#pagination ul li.current{
  padding:0 6px;
  border:1px solid #fff;
  background:#5896D3;
}
* 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 {
  width:90%;
  clear:both;
  margin:0 auto;
  background:url(bottom-bg.png) 0 0 repeat-x;
}
div#footer .footer-l {
  background:url(bottom-r.png) 100% 0 no-repeat;
}
div#footer .footer-r {
  background:url(bottom-l.png) 0 0 no-repeat;
  height:39px;
  overflow:hidden;
}
div#the-footer {
  color:#fff;
  font-weight:bold;
  margin-top:10px;
  text-align:center;
}
div#the-footer a {
  color:#fff;
}
div#the-footer a:hover {
  color:#ccc;
  text-decoration:underline;
}