html,body{margin:0;padding:0}
html{height: 100%; margin-bottom: 1px} /*per la scrollbar laterale in Opera e Mozilla*/
body{padding-bottom:20px;font: 12px "Trebuchet MS",Verdana,Arial,sans-serif;
    text-align: center; 
    background: #000 url(images/bg_tile.gif) repeat center; color: #FFF}
    
h1{	margin: 0;	font-size: 200%;	color: #9BF;	font-weight:bolder}
h2{	margin: 0;	font-size: 150%;	color: #9BF;	margin-top:10px;}
h3{	margin: 0;	font-size: 120%;	color: #9BF}
h4{	margin: 0;	font-size: 100%;	color: #9BF}
p{	margin: 0;	padding: 0 0 1em;	line-height: 1.2}
a{	color: #579}

/* GESTIONE DEL MENU */

div#menu{			position:relative;
					margin-top:15px;
					margin-bottom:5px;
					width: 720px;	
					height:30px}
					
.mainMenu		{	margin:45px 0px 0px 10px;
					padding:0;
					list-style:none;
					text-align:center;
					font-weight:bolder; }

.mainMenu li	{	float:left;	}
					
.mainMenu a		{	float:left;
					width:65px;
					height:20px;
					margin-right:2px;
					line-height:20px;
					padding:0px 2px;
					text-decoration:none;
					white-space:nowrap;
					border:1px solid #FFF;}

.mainMenu a:link,
.mainMenu a:visited{background:#9BF;	
					color:#444;	}
					
.mainMenu a:hover,
.mainMenu a:focus,
.mainMenu a:active{ background:#00F;	
					color:#FFF;	
					border:1px solid #000;	}

/* Titoli per le varie sezioni */

.path			{	color:#999; padding:5px;	}
.path a:link,
.path a:visited{	text-decoration:bolder;
					color:#FFF;	}

.headAzienda	{	height:100px;	border-bottom:2px solid #555;	
					background: #111 url(images/azienda.jpg) no-repeat top left;}
.headProdotti	{	height:100px;	border-bottom:2px solid #555;	
					background: #111 url(images/prodotti.jpg) no-repeat top left;}
.headServizi	{	height:100px;	border-bottom:2px solid #555;	
					background: #111 url(images/servizi.jpg) no-repeat top left;}
.headSupporto	{	height:100px;	border-bottom:2px solid #555;	
					background: #111 url(images/supporto.jpg) no-repeat top left;}
.headForum		{	height:100px;	border-bottom:2px solid #555;	
					background: #111 url(images/forum.jpg) no-repeat top left;}
.headNotizie	{	height:100px;	border-bottom:2px solid #555;	
					background: #111 url(images/notizie.jpg) no-repeat top left;}
.headEventi		{	height:100px;	border-bottom:2px solid #555;	
					background: #111 url(images/eventi.jpg) no-repeat top left;}
.headVendite	{	height:100px;	border-bottom:2px solid #555;	
					background: #111 url(images/vendite.jpg) no-repeat top left;}

/* stili per il layout e le sezioni invarianti */

div.center{			text-align:center}

div.right{			text-align:right}

div.error{			color:#F00}

div#container	{	width:720px;
					margin: 0 auto;
					padding:0 20px;
    				background: #111 url(images/fauxcolumn.jpg) repeat-y center;
    				text-align: left}

div#header{			position:relative;
					width: 720px;	
					height:90px;
					background: #000 url(images/header.jpg) no-repeat bottom right}


div#content{		position:relative;
					padding:20px;
					overflow:hidden;
					background: #111;
					text-align: justify; }

div#homeBanner{		position:relative;	
					width: 720px;	
					height: 308px;
					background: #000 url(images/utility.jpg) no-repeat top right}

div#userBox{		position:relative;	
					margin:2px;
					padding:3px;
					margin-top:10px;
					margin-right:5px;
					width:98px;
					float:right;
					background: transparent;
					overflow:hidden;}
					
.userShortCut a:link,
.userShortCut a:visited{ color:#FFF;	}
					
div#homeSlides{		position:relative;	
					clear: left;
					float:left;
					border: 2px solid #222; 
					background: #111}		
					
#homeTitle{			position:relative;
					clear: left;
					margin-top:6px;
					margin-left:28px;
					color:#333;
					font-weight:bolder;
					font-size:120%;}

div#homeMessage{	position:relative;
					clear: left;
					float:left;
					width: 720px;	
					height: 1.2em;	
					font-size:100%;
					line-height: 1.3;
					overflow:hidden;
					background:#111 url(images/path.jpg) repeat-x left ;
					color:#FFF;}

div#homeNewsList{	position:relative;
					clear:left;
					float:left;
					width: 420px;	
					height: 350px;
					margin:0px;
					background:#111 url(images/label.jpg) no-repeat top left;	
					color:#CCC;	}

div#homeNewsShort{	position:relative;
					clear:left;
					width: 400px;
					height: 72px;
					margin-top:10px;
					margin-bottom:-8px;
					margin-left:10px}

div#footer{			clear: both;
					text-align: left;
					padding:1px;
					padding-bottom:0px;
					border-top: 1px solid #ccc;
    				background: #111 url(images/footer.jpg) bottom;
    				color: #3A4C5A;
    				margin: 0; 
    				font-size: 90%}
    				
div#footer a:link,	
div#footer a:visited{	color:#000}

#newsImg {			float:left;
					margin: 5px 5px 5px 0;
					border:none}

#iconImg {			margin:0px;
					display:inline;
					border:none;}

#lingua{			float:right;
					border:none;}

/* PAGINA AZIENNDA */

div#indirizzo{		position:relative;
					height:320px;
					margin:5px;	}

div#cartina{		position:relative;
					float:left;
					margin-left:20px;
					margin-right:20px;}


/* PRODOTTI IN VETRINA */

div#homeVetrina{	position:relative;
					float:right;
					width: 300px;	
					height: 350px;
					margin:0px;					
					background:#111 url(images/label.jpg) no-repeat top left;	
					color:#CCC;	}


#vetrina1{			position:relative;
					height:150px;	
					margin-top:12px;
					margin-left:15px;
					z-index:1;		}
#vetrina1 a{		display:block;
					height:150px;
					background:transparent url(images/prods/vetrina1.gif) 0 0 no-repeat;
					text-decoration:none;}
#vetrina1 a:hover,
#vetrina1 a:focus,
#vetrina1 a:active{	background-position:0 -150px;	}
#vetrina1 a span{	z-index:-1;	}

#vetrina2{			position:relative;
					height:150px;
					margin-top:5px;
					margin-left:15px;
					z-index:1;}
#vetrina2 a{		display:block;
					height:150px;
					background:transparent url(images/prods/vetrina2.gif) 0 0 no-repeat;
					text-decoration:none;}
#vetrina2 a:hover,
#vetrina2 a:focus,
#vetrina2 a:active{	background-position:0 -150px;}
#vetrina2 a span{	z-index:-1;	}

/* PAGINA CATEGORIE e PRODOTTI */ 

div#category{		margin-left:20px;
					margin-bottom:10px;
					height:120px;
					text-align: justify;	}
					
#ImgCategory{		float:left;
					clear:left;
					border:2px solid #ccc;
    				border-color: #ccc #666 #666 #ccc;}

#TextCategory{		position:relative;
					margin-left:120px;	}

/* PAGINA PRODOTTI */

div#product{		margin-left:50px;
					margin-right:50px;
					margin-bottom:10px;
					text-align: justify; }

#ImgProduct{		margin-left:100px;
					padding:0;
					border:2px solid #ccc;
    				border-color: #ccc #666 #666 #ccc;}

/* PAGINA RIVENDITORI */

div#contatto{		margin-left:100px;	}
 
    				
/* PAGINA NEWS */

div#newsSection{	position:relative;
					width:660px;	
					background:#111;	
					color:#CCC;	
					padding:10px;}
					
div#newsShort{		position:relative;
					clear:left;
					width: 630px;
					height: 72px;
					margin-top:10px;
					margin-bottom:-8px;
					margin-left:10px	}
										
div#newsComplete{	position:relative;
					overflow:hidden;
					width:660px;
					padding:10px;
					text-align: justify; 
					font-size:110%;
					border: 1px solid #555;	}

div#newsComplete h1 {	text-align: left; 	}
div#newsComplete h2 {	text-align: left; 	}
div#newsComplete h3 {	text-align: left; 	}
div#newsComplete h4 {	text-align: left; 	}

/* PAGINA RISERVATA */

div#ospitiMenu{		float:left;
					padding:10px;
					width:150px;
					overflow:hidden;
					color:#000;
					background:#CCC;
					border:2px solid #ccc;
    				border-color: #EEE #666 #666 #EEE;}

div#ospitiMenu h1 {	margin:0;			text-align: left;	font-size: 160%;	color:#400;	}
div#ospitiMenu h2 {	margin:0;			text-align: left; 	font-size: 140%;	color:#400;	}
div#ospitiMenu h3 {	margin:0;			text-align: left; 	font-size: 120%;	color:#400;	}
div#ospitiMenu h4 {	margin:0;			text-align: left; 	font-size: 100%;	font-weight:bolder;	color:#400;	}
div#ospitiMenu p {	margin-top:10px; 
					margin-left:20px;	text-align: left; 	font-size: 100%;	color:#000;		line-height: 1.5 }

div#ospitiDocs{		float:right;
					padding:5px;
					padding-top:10px;	padding-bottom:10px;
					width:480px;
					color:#FFF;
					background:transparent;}

div#ospitiDocs h1 {	margin:0;			text-align: center;		font-size: 160%;	color:#CCC;	}
div#ospitiDocs h2 {	margin:0;			text-align: center; 	font-size: 140%;	color:#CCC;	}
div#ospitiDocs h3 {	margin:0;			text-align: center; 	font-size: 120%;	color:#CCC;	}
div#ospitiDocs h4 {	margin:0;			text-align: left;	 	font-size: 100%;	font-weight:bolder;	color:#EEE;	}

div#ospitiDocs p {	margin-top:10px; 
					margin-left:20px;	text-align: left; 	font-size: 100%;	color:#FFF;		line-height: 1.5 }


/*stili per il form di contatto*/

form {				margin-top:0;
					margin-left:0;
					padding: 0;
					border: 0px solid #000}

form br{			clear:left}
					
form label{			float:left;
					width:350px;
					line-height:23px;
					margin-right:5px;
					text-align:right}
					
form input{			margin-bottom:5px;
					border-style:solid;
					width:auto;
					border-color: #8C8C8C #ABABAB #ABABAB #8C8C8C;
    				border-width:1px 1px 1px 2px;}

form input#qt{		width:50px;		}
form input#sconto{	width:50px;		}
form input#data{	width:150px;	}

form textarea#note{	width:400px;	height:50px;		}

form input#button120{width:120px;		}
form input#button60 {width:60px;		}

form input#submit{	margin: 10px 0 0 355px;
					border: 1px solid #CCC;
					padding: 0 5px;
					width:120px;
					height:22px;
					background: #E6E6E6 url(images/buttonbk.jpg) repeat-x center left}


    				


/* STILI PER TABELLE ORDINI */

table.Simple#t1{table-layout: fixed;width:50%;margin: 0 auto;border:1px solid #999}
table.Simple,th,td{border:1px solid #FFF;border-collapse:collapse;background: #A4DBFF}
td,th{padding:5px;text-align:left}
th	{background:#666;color:#FFF}
tr.editabile        td{background:#CCC;color:#000}
tr.editabile:hover  td{background:#FAA;color:#000}
tr.modificabile		td{background:#FF6;color:#000}
tr.nonmodificabile 		td{background:#A4DBFF;color:#000}
tr 			   		td{color:#000}