/****
      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:#333333 url(bg.png) 0 0 repeat-x;
  font-size:14px;
  font-family:Arial, Helvetica, sans-serif;
  color:#fff;
}
/* vecchi browser
-------------------*/
.low {display:none}
/* Reset float
-------------------*/
.clb {clear:both}
/* Ridefinizione dei paragrafi
------------------------------*/
p {margin:0 10px 10px 5px}
/* Ridefinisco link
-------------------*/
a {
  color:#0000ff;
  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:-200px;
  background:#fff url(bg-wrapper.jpg) 0 0 repeat-y;
  visibility:visible;
  min-height:550px;
} 
/* Header pagina
-------------------*/
div#header {
  height:128px;
  background:#020202;
}
/* Logo pagina
-------------------*/
img#logo {
  float:left;
  margin-left:20px;
  margin-top:2px;
}
/* Contenitore pagina
-----------------------*/
div#container{
  margin:0 auto;
  width:90%;
  color:#fff;
}
/* Contenuto pagina
----------------------*/
div#content {
  margin-left:200px
}
/* Testo pagina
----------------------*/
div#textcontent {
  text-align:left;
  margin:0 5px 0 5px;
}
div#textcontent h1 {
  color:#ff0000;
}
div#textcontent h2 {
  color:#990000;
}
div#textcontent h3, h4 {
  color:#fff;
}
div#textcontent h5, h6 {
  color:#fff;
}
div#textcontent a:hover {
  text-decoration:underline;
}
/* Style sidebar
-------------------*/
div#sidebar {
  margin:0 auto;
  width:auto;
}
/* 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:#2D74BC url(menunav-bg.png) 0 0 repeat-y;
}
div#menunav h2 {
  width:auto;
  padding:3px;
  color:#eee;
  font-size:135%;
  background:#2B6DAD url(menunav-h3.png) 0 0 repeat-y;
  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 18px;
  font-size:12px;
  font-weight:bold;
  color:#9DCDE3;
  text-transform:uppercase;
  background:url(menunav.gif) center left no-repeat;
}
div#menunav ul li a:hover,
div#menunav ul li a.current {
  color:#fff;
}
/* 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:11px;
  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 {
  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;
  border:1px dotted #006666;
}
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:#222222;
}
div.menuextra h2 {
  width:auto;
  padding:3px;
  color:#fff;
  font-size:110%;
  background:#ff0000;
  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 18px;
  font-size:12px;
  font-weight:bold;
  color:#ffcc00;
  text-transform:uppercase;
  background:url(menunav.gif) center left no-repeat;
}
div.menuextra ul li a:hover,
div.menuextra ul li a.current {
  color:#fff;
}
/* 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:#666666;
}
div.menuextra li li a {
  color:#ffcc00;
  font-size:11px;
  text-transform:lowercase;
  background:#666666;
  padding-left:11px;
  background:url(bullet-yellow.gif) top left no-repeat;
}
div.menuextra li li a:hover,
div.menuextra li li a.current {
  color:#fff;
  text-decoration:underline;
}
/* Style dei menu aggiunti
---------------------------*/
div.tools {
  width:auto;
  margin:0;
  padding:0 0 4px 0;
  background:#222222;
}
div.tools h2 {
  width:auto;
  padding:3px;
  font-size:110%;
  color:#fff;
  background:#ff0000;
  margin-bottom:5px;
  text-align:left;
}
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:#ff0000;
  font-weight:bold;
  border:1px solid #ff0000;
  background:#fff;
}
#shrink:hover, #grow:hover {
  background:#efefef;
  color:#990000;
  border-color:#990000;
}
/* Sezioni nel top del sito
------------------------------*/
div#sectionbody {
  width:100%;
  background:url(section-body-bg.png) 0 0 repeat-y;
  visibility:visible;
  overflow:hidden;
  height:auto !important;
  min-height:200px;
  text-align:justify;
}
div#sectionbody a:hover {
  text-decoration:underline;
}
div#sectionleft {
  float:left;
  margin:0;
  padding:0;
  width:198px;
}
div#sectionleft h3 {
  background:#2A2A2A url(sectionleft-h3.png) 0 0 repeat-y;
  padding:4px;
  font-size:145%;
  font-weight:normal;
}
div#sectionleft a {
  color:#008AC0;
}
div#sectionright {
  float:left;
  margin:0;
  padding:0;
  width:402px;
}
div#sectionright h3 {
  background:#2A2A2A url(sectionright-h3.png) 0 0 repeat-y;
  padding:4px;
  font-size:145%;
  font-weight:normal;
}
div#sectionright a {
  color:#fff;
}
/* Styli liste
-----------------------*/
div#sectionleft ul,
div#sectionright ul {
  margin-left:0;
  padding-left:1em;
}
div#sectionleft li,
div#sectionright li {
  margin-left:0;
  list-style:none;
  padding-left:25px;
  padding-top:2px;
  margin-bottom:3px;
}
div#sectionleft li {
    background:url(bullet-sectionleft.gif) 0 3px no-repeat;
}
div#sectionright li {
    background:url(bullet-sectionright.gif) 0 3px no-repeat;
}
/* 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:#222222;
}
div#boxnewsletter h2 {
  background:#ff0000;
  color:#fff;
  width:auto;
  padding:3px;
  font-size:110%;
  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:98%;
  margin-bottom:2px;
  text-align:left;
  border:1px solid #ffcc00;
  padding-bottom:3px;
  display:block;
  height:30px;
  color:#ffcc00;
  font-weight:bold;
}
.contacts:hover,
.contacts a:hover,
.contacts .skype:hover {
  background:#444444;
  color:#ffcc00;
  border-color:#ff9900;
}
.contacts a {
  color:#ff9900;
  font-weight:bold;
  font-size:12px;
  padding-bottom:3px;
}
.contacts a.skype {
  color:#ffcc00;
  font-weight:bold;
  font-size:14px;
  letter-spacing:3px;
}
.contacts img {
  margin-left:5px;
  margin-right:4px;
}
/* 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:#fff;
  line-height:20px;
  height:20px;
}
a.info {
  padding-left:20px;
  background:url(info.gif) center left no-repeat;
  font-size:11px;
  color:#fff;
  line-height:18px;
}
a.zoomin {
  padding-left:17px;
  background:url(zoom_in.gif) center left no-repeat;
  font-size:11px;
  color:#fff;
  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:13px;
  color:#222;
  cursor:pointer;
  border:1px solid #ccc;
  background-color:#fff;
  padding:0px 4px 1px 4px;
}
.submit:hover {
  cursor:pointer;
  background:#ffcc00;
  color:#000;
}
/* titolo dei form */
legend {
  margin:2px 0 10px 8px;
  font-weight:bold;
  color:#fff;
  font-size:16px;
}
/* style del corpo form usato con legend */
fieldset {
  margin:0 auto;
  margin-bottom:15px;
  width:96%;
  height:auto;
  border:1px solid #fff;
}
/* Label del campo */
label{
  font-weight:bold;
  font-size:13px;
}
/* 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:#ffcc00;
}
div#pagination ul li a{
  padding:0 6px;
  border:1px solid #ffcc00;
  text-decoration:none;
  color:#ffcc00;
}
div#pagination ul li a:hover{
  border:1px solid #fff;
  background:#222222;
  color:#fff;
  text-decoration:none;
}
div#pagination ul li.current{
  padding:0 6px;
  border:1px solid #fff;
  background:#222222;
  color:#fff;
}
* 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;
}