/* LEGGI LE INFO INFONDO A QUESTA PAGINA PRIMA DI MODIFICARE */

body { margin:0; padding:0; background-image:url(../images/main/back.gif); font-family:Arial, Helvetica, sans-serif; font-size:12px; }

#page{ position:relative; float:left; width:100%; background:url(../images/main/topsfuma.png) top repeat-x;}

#wrap{ position:relative; margin:0px auto 0px auto; width:990px;}

#header{ position:relative; float:left; width:990px; clear:both; height:100px; background:url(../images/main/logo.gif) top left no-repeat; }

/* Menu Home Page | Contatti */
#menutop{ position:relative; float:left; width:990px; clear:both; height:20px;}
#menutop ul{ position:relative; margin:0; padding:0; list-style:none; float:right; }
#menutop ul li{ margin:0; padding:0; float:left; *width:100px;}
#menutop ul li a{ display:block; height:20px; text-align:left;  line-height:20px; padding:0 10px 0 15px; background:url(../images/header/menutop_li.gif) left no-repeat; color:#CCCCCC; text-decoration:none;}
#menutop ul li a:hover{text-decoration:underline;}

/* Menu Diunamai | Prodotti | News | Assistenza */
#menu{ position:relative; float:left; width:990x; clear:both; height:24px; bottom:0px; position:absolute; right:0px;}
#menu ul{ margin:0; padding:0; float:right; list-style:none}
#menu ul li{ margin:0; padding:0; float:left; *width:80px; text-align:center;}
#menu ul li a{ display:block; height:24px; line-height:24px; color:#FFFFFF; font-size:14px; text-decoration:none; padding:0 10px 0 10px; }
#menu ul li a:hover{ text-decoration:underline; }
#menu ul li.sep {display:block; height:24px; line-height:24px; color:#FFFFFF; font-size:14px; *width:5px;}


#trackleft {
	position: absolute;
	width: 200px;
	height: 18px;
	background: transparent url(../struttura/slider/left.jpg) no-repeat top left;
}

#track{
	background: transparent url(../struttura/slider/track.jpg) repeat-x top right;
} 


/* DIV Principale per centro pagina */
#main { position:relative; float:left; width:980px; border:1px solid #FFFFFF; padding:4px 4px 4px 4px}
/* pagina_statica.php */
#center #pagstat { position:relative; float:left; width:980px; clear:both; background:#FFFFFF; font-size:14px}
#center #pagstat h1 { margin:0; padding:5px; font-size:26px; color: #000000; background:#EEEEEE}
#center #pagstat #testo { position:relative; float:left; width:960px; padding:10px;}
/* Va espanso per gli stili dei testi */


/* index.php */
#center{ position:relative; float:left; width:980px; background:none; }
#center .homebianco { width:970px; clear:both; padding:5px; background:#FFFFFF;}
#center .homebianco.prodotti { overflow:hidden; height:170px;}

#center h1.homepage{ margin:0; padding:10px 0 5px 0; font-size:18px; color:#FFFFFF;}
#center #news { position:relative; float:left; width:400px;}
#center #news .homebianco{ width:390px; height:311px;}
#center h5{ margin:0; padding:4px 0 6px 0; font-size:14px; color:#666666; font-weight:normal;}

#newswrap{ float: left; width:360px; height:291px; overflow: hidden; padding: 0 5px 0 0; margin:0 5px 0 0; }
#news-scroll { float: left;	width: 18px; height: 291px;	background: transparent url(../struttura/slider/v-track.jpg) no-repeat bottom left; }			
#news-scroll-top { position: absolute; width: 18px; height: 15px; background: transparent url(../struttura/slider/v-top.jpg) no-repeat top left;}		
#news-scroll-track { position: absolute;width: 15px; height: 291px;	}		
#news-handle { width: 18px; height: 61px; padding:14px 0 14px 0; }

#center #boxhome { position:relative; float:right; width:550px; }
#center #boxhome .homebianco{ width:540px;}
#center #boxhome .homebianco.newsletter{ height:65px;}
#center #boxhome .homebianco.box{ height:200px; overflow:auto}
#center #boxhome h1.homepage a{ display:block; padding:0px 20px 5px 0px; float:left; color:#FFFFFF; text-decoration:none;}
#center #boxhome h1.homepage a:hover { text-decoration:underline;}
#center #boxhome form { margin:0; padding:0; border:0px;}
#center #boxhome input.newsletterbox { width:300px; border:1px solid #CCCCCC; background:#FFFFFF; font-size:12px; color:#000000; padding:3px; margin:2px;}
#center #boxhome input.newsletterbutton { width:100px; border:1px solid #CCCCCC; background:#EEEEEE; font-size:12px; color:#000000; padding:2px; margin:2px;}
#center #boxhome .probox { position:relative; float:left; width:160px; padding:0 5px 10px 5px; height:190px; text-align:center; cursor:pointer;}
#center #boxhome .probox .foto{ position:relative; width:160px; height:160px; background-position:center; background-repeat:no-repeat}
#center #boxhome .probox a{ color:#666666; text-decoration:none;}
#center #boxhome .probox a:hover{ text-decoration:underline;}

/* In tutte le pagine */
#center #percorso{ float:left; position:relative; width:960px; padding:10px; text-align:left;}
#center #percorso a{ text-decoration:none; color:#000000;}
#center #percorso a:hover{ text-decoration:underline;}

/* prodotti.php */
#center #prodotti{ position:relative; float:left; width:980px; background:#FFFFFF; clear:both;}
#center #prodotti .titolo{ position:relative; background-position:center top; background-repeat:no-repeat; background-color:#CCC; height:200px;}
#center #prodotti .titolo .tit{ position:absolute; bottom:0px; right:0px; display:block; font-size:22px; background:#FFFFFF; padding:5px 50px 4px 50px; border-left:1px solid #000000; border-top:1px solid #000000;}
#center #prodotti #categorie{ width:960px; padding:0 10px 0 10px;}
#center #prodotti #categorie .categoria{ position:relative; float:left; width:300px; height:200px; margin:10px; background-position:center top; background-repeat:no-repeat;}
#center #prodotti #categorie .categoria .catname{ position:relative; float:left; width:260px; padding:126px 20px 0 20px; text-align:right; font-size:20px;}
#center #prodotti #categorie .categoria .catname select{ clear:both; width:260px; font-size:13px; color:#000000; border:1px solid #CCCCCC; padding:4px 0 4px 0; margin:2px 0 0 0}

/* prodotti_elenco.php */
#center #prodottielenco{position:relative; float:left; width:980px; background:#FFFFFF; clear:both; padding:0 0 10px 0}
#center #prodottielenco .selettore{ position:absolute; top:10px; right:0px; width:300px; text-align:right; }
#center #prodottielenco .titolo h1{ margin:0; padding:20px 0 0 150px; font-weight:normal;}
#center #prodottielenco .titolo h2{ position:absolute; bottom:5px; right:5px; margin:0; padding:0; text-align:right; font-weight:normal; font-size:30px;}
#center #prodottielenco .titolo{ position:relative; float:left; width:970px; padding:0; margin:0 5px 0 5px; background-image:url(../images/elenco/top.jpg); background-position:center bottom; background-repeat:no-repeat;}
#center #prodottielenco .backtitolo {position:relative; float:left; width:970px; margin:0; padding:5px 0 0 0; background-position:bottom left; background-repeat:no-repeat; height:130px;}
#center #prodottielenco .prodotto{ position:relative; float:left; width:470px; min-height:100px; padding:10px 10px 5px 10px;}
#center #prodottielenco .prodotto .info{ position:relative; float:left; width:310px; font-size:12px; color:#333333}
#center #prodottielenco .prodotto .info h1{ margin:0 0 10px 0; padding:10px 0 13px 0; font-size:18px; color:#000000; font-weight:normal; height:45px; background:url(../images/elenco/nomeh1.jpg) bottom repeat-x}
#center #prodottielenco .prodotto .info h1 a{ color:#000000; text-decoration:none;}
#center #prodottielenco .prodotto .info h1 a:hover{ color:#000000; text-decoration:underline;}
#center #prodottielenco .prodotto .img { position:relative; float:right; width:160px; text-align:center; background-position:center; background-repeat:no-repeat;}
#center #prodottielenco .prodotto .scopri{ position:relative;float:left; width:470px; clear:both; background:url(../images/elenco/scopriback.jpg) center repeat-x}
#center #prodottielenco .prodotto .scopri a{ position:relative; float:right; display:block; font-size:12px; color:#333333; text-decoration:none; background:#FFFFFF; padding:2px 15px 2px 15px;}
#center #prodottielenco .prodotto .scopri a:hover{ text-decoration:underline;}
#center #prodottielenco hr { width:980px; clear:both; margin:0; padding:0; background:none; border:0; }


#footer { width:990px; text-align:center; padding:5px 0 0 0; color:#FFFFFF;}


#scheda{ position:relative; float:left; width:980px; background:#FFFFFF; clear:both;}
#scheda h1{ font-weight:normal; font-size:26px; background:url(../images/scheda/h1.jpg) bottom repeat-x; padding:0 0 2px 0; margin:0px; clear:both;}
#scheda .dettagli h4{ text-align:right; font-size:16px; color:#999999; font-weight:normal; margin:0; padding:0; clear:both}
#scheda .dettagli ul{ margin:0; padding:0; list-style:none; color:#333333; float:left; width:560px;}
#scheda .dettagli ul li{ font-size:14px; padding:10px 0 0 0 ; border-bottom:1px dotted #EEEEEE; }
#scheda .dettagli .schedapdf{ display:block; float:right; padding:10px 0 0 0;}
#scheda .dettagli .schedapdf img{ border:0;}

#scheda #menuscheda { position:relative; float:left; width:970px; height:50px; background:url(../images/scheda/menu_back.jpg) right no-repeat;}
#scheda #menuscheda ul{ margin:0; padding:0; list-style:none;}
#scheda #menuscheda ul li{ float:left; display:block; height:50px; margin:0px; padding:0px;}
#scheda #menuscheda ul li.left{ background:url(../images/scheda/menu_left.jpg) right no-repeat; width:18px; height:50px;}
#scheda #menuscheda ul li.bottone{ background:url(../images/scheda/menu_bot.jpg) right no-repeat; width:136px}
#scheda #menuscheda ul li.bottone:hover{ background:url(../images/scheda/menu_bothover.jpg) right no-repeat;}
#scheda #menuscheda ul li.bottone a{ display:block; height:50px; width:136px; line-height:48px; font-size:14px; color:#333333; text-decoration:none;}
#scheda #menuscheda ul li.bottone a:hover{ text-decoration:underline}
#scheda #menuscheda ul li.bottone.freccia{background:url(../images/scheda/menu_bothover.jpg) right no-repeat;}
#scheda .strumenti{padding:0 20px 0 0; text-align:right;}
#scheda .strumenti img{ border:0;}
#scheda .testo{ padding:10px; min-height:500px}
/* 
   - QUALSIASI AGGIUNTA FALLA QUI SOTTO
   - ANCHE SE DEVI RIDEFINIRE UNO STILE METTILO QUI SOTTO SENZA TOCCARE QUELLO QUI SOPRA
   - TANTO LA PAGINA PRENDE L'ULTIMO DEFINITO 
*/
a {color:#333333; text-decoration:none}
a:hover {color:#333333; text-decoration:underline}
a:visited {color:#333333; text-decoration:none}
a:visited:hover {color:#333333; text-decoration:underline}