@charset "UTF-8";
/* CSS Document */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol,li { list-style: none; }
fieldset,img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }


/* IMPAGINAZIONE */
html { background:#EAEAEA;  }
body { margin:0 auto; background:url(images/fondo.jpg) repeat-y center; }
body {font:12px arial; color:#555; line-height:16px;}

#head {width:980px; margin:0 auto; background:#EAEAEA; padding:20px; }

#language {font:10px verdana;width:100%; background:#EAEAEA; margin-bottom:20px; text-align:right;}
#language a {color:#777; text-decoration:none; font:10px verdana;}
#language a:hover {color:#000; text-decoration:none;}

#pagina { width:980px; margin:0 auto; padding:0;  background:url(images/fondo_pagina.jpg) repeat-y top left; }

#footer { width:980px; height:140px; margin:0 auto; padding:0;  background:url(images/footer.jpg) no-repeat top left;}
#footer a {color:#999; text-decoration:none;}
#footer a:hover {color:#333; text-decoration:none;}

#left { float:left; width:740px;  margin-top:30px; }
#right { float:left; width:190px; margin:0; padding:20px 0 20px 20px;  margin-top:10px; }
#titolo { float:left; width:698px; height:40px;  margin:0; padding:0 20px 20px 20px; display:block; background:url(images/fondo_h1.jpg) 0px 30px no-repeat; margin-left:2px; }
#testo { margin:0; padding:0 20px 20px 20px; display:block;}
#address {float:left; padding:20px; font:11px arial; color:#777;}
#credits {float:right; padding:20px; font:11px arial; color:#777;}


/* TIPOGRAFIA */
h1 { font:bold 22px arial; color:#4D6F90; margin-bottom:20px; border-bottom:1px solid #CCC;}
h1.head { padding:15px; border:1px solid #CCC; font:16px arial; margin-bottom:10px; cursor:pointer; width:50px; margin-right:10px; float:left; height:27px; text-align:center; padding-top:20px;   }


p {margin-bottom:10px;}
a {color:#4D6F90; text-decoration:none; }
a:hover {color:#000; text-decoration:none;}
.banner {margin-bottom:5px; display:block;}
.banner a img {filter:alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00;}
.banner a:hover img{ filter:alpha(opacity=90); -moz-opacity: 0.80; opacity: 0.80; } 

.livello {font:16px arial; color:#6699CC; letter-spacing:1px; font-weight:bold;}
.sezione {font:14px arial; letter-spacing:1px; font-weight:bold;}
.prodotto { float:right; margin:0 0 10px 15px;}
.prodotto2 { float:right; margin:0 0 10px 15px; padding-bottom:28px; background:url(images/ombra_foto.jpg) bottom center no-repeat; }
.intro {font:15px arial; color:#999; padding:0 50px 0 70px; background:url(images/intro.gif) no-repeat; line-height:30px; display:block;}
.titoletto { font:12px arial; color:#6699CC; font-weight:bold;}
.prodotto_mini { float:left; margin:0 15px 0 0;}
.dati li { /*font:13px arial;*/ color:666; margin:0 0 10px 0px; padding-top:5px; padding-bottom:35px; background:url(images/ombra_testo.jpg) bottom left no-repeat; border-top:1px solid #ccc; }
.dati2 li { /*font:12px arial;*/ color:#5880A4; margin:0 0 20px 20px; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #ccc; background:#F2F2F2; list-style-type:square; }

/* MENU */
#menu {margin:0; padding:0; width:980px; height:31px; text-transform:uppercase; letter-spacing:1px; font:11px Arial; font-weight:bold;  background:url(images/menu.jpg) no-repeat;}
#menu ul { margin:0; margin-left:10px; }
#menu li { margin:0; padding:0; display:inline; }
#menu li a { color:#F2F2F2; margin:0; padding:8px; display:inline-block;  } 
#menu li a:hover {  color:#999; background:#222;  } 
#menu li.on a {  color:#6699CC; background:#222; } 


/* MENU2 */
#menu2 {margin:0; padding:0; width:980px; height:30px; font:12px Arial; font-weight:bold;  background:#4D6F90;}
#menu2 ul { margin:0; margin-left:10px; }
#menu2 li { margin:0; padding:0; display:inline; margin-right:15px;}
#menu2 li a { color:#FFFFFF; margin:0; padding:8px; display:inline-block;  } 
#menu2 li a:hover {  color:#333;   } 
#menu2 li.on a {  color:#CCC;  } 


/* FORM */

form li .form { margin-bottom:10px;}
label {width:100px; display:inline-block; padding:5px; background:#F2F2F2; color:#000; margin-right:10px;}
input {width:150px; display:inline-block; padding:3px; border:1px solid #CCC;}
.button { width:100px; display:block; padding:4px; border:1px solid #D2D2D2; margin:0 ;}
.textarea {width:350px;height:100px; font:11px arial;}

#avviso {font-weight:bold;color:#5880A4}