/* CSS Document */

body {margin :5px auto;
	font-family : Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #333;
	background-attachment: scroll;background-image: url(images/nuovosfondo.jpg);background-repeat: repeat-y;background-repeat: repeat-x;background-position: left center;}

/*il tag hr serve per matenere i div orizzontali divisi tra loro. Con il display none facciamo sì che non si veda ma che ci sia*/
hr { display:none } 

/*eventualmente dovessi utilizzare delle immagini come link questo stile evita di farmi visualizzare il bordo*/
img {text-decoration: none; border: 0px;}
.contImg	{margin-left: 0px; margin-top: 2px; margin-right: 12px; margin-bottom: 6px; 
			border-width: 1px; border-color: #CCCCCC; border-style: solid; }
.sup{
	margin-top: 5px;
	margin-bottom: 5px;
}
/*classi varie*/
p {margin:0px; padding:0px;}
h1 {font-size: 14px;font-weight: bold;margin: 0px;padding: 0px;	color: #990000;}
h2 {font-size: 12px;font-weight: bold;margin: 0px;padding: 0px;	color: #003399;}
h3 {font-size: 11px;font-weight: bold;margin: 0px;padding: 0px;	color: #003399;}
a { text-decoration:none;}a:hover { text-decoration:underline;}
.corpo10 {font-size: 10px;}
.grassetto {font-weight:bold;}
.bianco { color:#FFFFFF;}
.corsivo {font-style: italic;}

/*classi per il back*/
.back {color:#0000FF;font-size: 11px;text-decoration:underline;}
.back:hover {color:#333333;font-size: 11px;}

/*classi per il come raggiungerci*/
.comeraggiungerci {color:#0000FF;font-size: 11px;text-decoration:underline;text-align:left;font-weight: bold;padding:2px;}
.comeraggiungerci:hover {color:#333333;font-size: 11px;}

/*classi per la tabella principale*/
.principale {border: 0px solid #666;}

/*questi sono i div che compongono il sito di kemcolor in orizzontale*/
div#testa {margin:0px;
width:710px;height:170px;text-align:left;
background-attachment: scroll;background-image: url(images/banner-kemcolor2.jpg);background-repeat: no-repeat;background-position: left top;
border:1px solid #000;}

/*il div per impaginare le voci nei sottotitoli*/
div#sottotitolo {margin:0.3em auto;width:710px;height:20px;}

/*i div language e home mi servono per impaginare le voci nel div sottotitoli*/
div#home a{float:left;font-weight: bold;color: #333;height:20px; line-height:20px; margin:0 0 0 10px; text-decoration:underline;}
div#language {float:right;margin-right:10px;height:20px; line-height:20px;}

/*questo div non è utilizzato in quanto il sito è in tabella*/
div#container {position:relative;margin:0.2em auto;width:710px;height:500px;text-align:left;
border:1px solid #999999;background-image: url(images/sfondonews.jpg);}

/*questo è il div che compone il menu del sito di kemcolor in verticale, sotto ci sono le classi specifiche*/
div#colonnaleft {width:140px;height:400px;}

/*queste classi mi servono per la formattazione del menu*/
/*queste classi mi servono per la formattazione del menu1*/
div#menu1 a{display:block;padding:5px 5px 3px 20px;height:2em;line-height:2em;
	text-decoration:none;font-weight: normal;color: #003399;
	background-attachment: scroll;background-image: url(images/nofarfalla.jpg);background-repeat: no-repeat;background-position: left center;
	margin-left:10px;}
div#menu1 a:hover{text-decoration: underline;color: #990000;}
div#menu1attivo {display:block;padding:5px 5px 3px 20px;height:2em;line-height:2em;
	text-decoration: none; font-size:12px;font-weight: bold;color: #990000;
	background-attachment: scroll;background-image: url(images/farfalla.jpg);background-repeat: no-repeat;background-position: left center;
	margin-left:10px;}

/*queste classi mi servono per la formattazione del menu2 ossia del menu relativo ai coloranti ed ausiliari*/
div#menu2 a{display:block;padding:0px 5px 0px 7px;height:2em;line-height:2em;
	text-decoration:none;font-weight: normal;color: #003399;margin-left:30px;vertical-align: top;
	border-left-width: 1px;border-left-style: solid;border-left-color: #999999;}
div#menu2 a:hover{text-decoration:underline;color: #990000;}
div#menu2attivo{display:block;padding:0px 5px 0px 20px;height:2em;line-height:2em;
	text-decoration:none;font-weight: bold;color: #990000;
	margin-left:30px;vertical-align: top;
	border-left-width: 1px;border-left-style: solid;border-left-color: #999999;
	background-attachment: scroll;background-image: url(images/farfalla.jpg);background-repeat: no-repeat;background-position: left center;}
/*queste classi mi servono per la formattazione del menu3 ossia del menu relativo a privacy e mappa del sito */
div#menu3 a{display:block;padding:0px 0px 0px 5px;height:2em;line-height:2em;
	text-decoration:underline;font-weight: normal; color:#333;}
div#menu3 a:hover{text-decoration:underline;color: #990000;}
div#menu3attivo{display:block;padding:0px 0px 0px 5px;height:2em;line-height:2em;
	text-decoration:underline;font-weight: normal;color: #990000;}

/*queste classi mi servono per la formattazione del corpo centrale del sito kemcolor*/
div#corpocentrale {width:410px;text-align:left;vertical-align: top;line-height: normal;background-color: #FFFFFF;}
	
.tabellacentrale {width:385px;
background-attachment: scroll;background-image: url(images/sfondonews.jpg);background-repeat: repeat-y;background-position: left top;
	border:1px solid #000; 
	height: 605px;
	}
.tdcentrale {border-top-width: 0px;border-right-width: 1px;border-bottom-width: 0px;border-left-width: 1px;
	border-top-style: none;border-right-style: dashed;border-bottom-style: none;border-left-style: solid;
	border-right-color: #CCCCCC;border-left-color: #999999;
	vertical-align: top; }
.tabellaprodotti {margin: 10px;width:400px; }
.tabellaindex {margin: 9px;width:400px; }
.tdcategoria1 {border-top-width: 0px;border-right-width: 0px;border-bottom-width: 1px;border-left-width: 0px;
	border-top-style: none;border-right-style: none;border-bottom-style: dotted;
	border-left-style: none;border-bottom-color: #990000;}

.tdcategoria2 {height:20px;border: 0px none;}
.tdcategoria3 {height:18px;
	background-attachment: scroll;background-image: url(images/nofarfalla.jpg);background-repeat: no-repeat;background-position: left center;
	padding:3px 0px 0px 20px;}
.tdcategoria4a {height:18px; line-height:18px;padding:3px 5px 5px 5px;
	border-top: 0px none;border-right: 0px none;border-bottom: 1px dotted #999999;border-left: 0px none;
}
.tdcategoria4b {height:18px; line-height:18px;padding:3px 5px 5px 5px;
	background-attachment: scroll;background-image: url(images/nofarfalla.jpg);background-repeat: no-repeat;background-position: left center;
	padding:3px 0px 0px 20px;
	border-top: 0px none;border-right: 0px none;border-bottom: 1px dotted #999999;border-left: 0px none;
}
.tdprodotti {padding:5px 5px 5px 5px;height:20px; line-height:20px;background-color:#CCCCCC;border: 1px solid #999999;}
.tdprodotti2 {padding:5px 5px 5px 5px;height:20px; line-height:20px;background-color:#CCCCCC;
	border-top: 1px solid #999999;border-right: 1px solid #999999;border-bottom: 1px solid #999999;border-left: 0px none;}
	
.tdtitoletti {
	margin:5px 0px 0px 5px;
	height:20px;
	line-height:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	font-weight:bold;
	color: #003399;
	background-color: #D4D0C8;
}

/*questo è il div delle news con le relative classi per la formattazione dei testi di news*/
div#colonnaright {width:140px;height:400px;}

div#news1 {display:block; padding:5px 5px; height:2em; line-height:2em;font-weight: bold; color: #990000;
	border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;
	border-top-style: none; border-right-style: none; border-bottom-style: dotted; border-left-style: none; border-bottom-color: #CCCCCC;}
	
div#news2 { display:block; padding:0px; height:2em; line-height:2em; font-weight: normal; color: #333;}
	
/*è la classe del div che ho chiamato footer, cioè che chiude il sito*/
	
div#footer {margin:5px auto;width:700px;text-align:center;color: #FFFFFF;}
.footer {font-weight:normal;color: #FFFFFF; font-size:9px;}

div#produttore {font-size:9px;width:700px;text-align:right;color: #FFFFFF; height:20px; line-height:20px; text-decoration:none; padding:0 0 5px 0;}
/*Imposto i parametri per input*/
input {
	font-family: Verdana, Serif;
	color: #990000;
	background: #EEEEEE;
	font-size:11px;
	border: 1px solid #999999;
}
/*Imposto i parametri per le textarea*/
textarea {
border: 1px solid #999999;
font-family: Verdana, Serif;
color: #E47804;
background: #EEEEEE;
font-size:10px;
}/* CSS Document */