body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: center;
	/*background-color: #616161;*/
	background-image: url(../grafica/body_grad.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

a:visited{
	color: Blue;
}
a:hover{
	color: #ADADAD;
	text-decoration: none;
}

#raccogli a, #raccogli a:visited,#Piepagina1 a,#Piepagina1 a:visited, .anni a,.anni a:visited,.allinCentro a,.allinCentro a:visited{
	text-decoration: none;
	color: black;
	/*font-weight: bold;*/
}

#raccogli a:hover,#Piepagina1 a:hover,.anni a:hover,.allinCentro a:hover{
	text-decoration: underline;
	color: #A6A6A6;
}

h1{
	font-size: 1.4em;
	font-style: italic;
	font-weight: normal;
	display: block;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
}

/******************************       --> CONTENITORE GENERALE <--*/
#contenitore{
	width: 802px;
	clear: both;
	float: none;
	border: #E3E3E3;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	margin-left: auto;
	margin-right: auto;
}

/******************************          INTESTAZIONE*/
#intestazione{
	width: 100%;
	height: 100px;
	float: left;
	text-align: center;
}

/*****************************           Contenitore PRINCIPALE sfondo a rihe*/
#principale{
	width: 100%;
	position: relative;
	background-image: url(../grafica/DeAsfondo.gif);
	text-align: left;
	float: left;
	padding-top: 10px;
}

/****************************            PIE' DI PAGINA*/
#Piepagina1{
	width: 100%;
	height: 20px;
	font-size: 0.7em;
	text-align: center;
	float: left;
	background-color: white;
}

#Piepagina2{
	width: 100%;
	height: 15px;
	font-size: 0.6em;
	text-align: center;
	background-color: #FFFAE7;
	float: left;
}

/****************************           TENDIA E DIV DI SX*/
/************raccoglitoe tendina*/
#raccogli{
	width: 160px;
	float: left;
	margin-left: 5px;
	position: static;
	clear: left;
}

/********DIV Principale*/
#tendinaCont{
	width: 160px;
	background-image: url(../grafica/DeAytendina.gif);
	background-repeat: repeat-y;
	font-size: 0.8em;
	background-color: white;
	border-right: 2px solid #6A6A6A;
	border-bottom: 2px solid #6A6A6A;
	padding-top: 8px;
	}
	
/****************************          DIV voci di tendina*/
#gialo{
	border-color: #FFCC40 #FFCC40;
	border-style: none none solid solid;
	border-width: 0px 0px 1px 1px;
	background-color: #FFFAE7;
	display: block;
	vertical-align: top;
	}
	
#rosso{
	margin-top: 8px;
	border-color: red red;
	border-style: none none solid solid;
	border-width: 0px 0px 1px 1px;
	background-color: #FFFAE7;
	display: block;
	vertical-align: top;

	}
#rosso ul {
	list-style-position: outside;
	list-style-type: none;
	margin: 0px 0px 4px 0px;
	font-size: 1em;
	line-height: 20px;
	padding-left: 4px;
	}
	
#rosso li{
	display: block;	
	width: 100%;
}
	
#fuxia{
	margin-top: 8px;
	border-color: #FE00FF #FE00FF;
	border-style: none none solid solid;
	border-width: 0px 0px 1px 1px;
	background-color: #FFFAE7;
	display: block;
	vertical-align: top;
	}
	
#vioCh{
	margin-top: 8px;
	border-color: #C31FFF #C31FFF;
	border-style: none none solid solid;
	border-width: 0px 0px 1px 1px;
	background-color: #FFFAE7;
	display: block;
	vertical-align: top;
	}
	
#blu{
	margin-top: 8px;
	border-color: blue blue;
	border-style: none none solid solid;
	border-width: 0px 0px 1px 1px;
	background-color: #FFFAE7;
	display: block;
	vertical-align: top;
	}
	
#viola{
	margin-top: 8px;
	border-color: #483D8B #483D8B;
	border-style: none none solid solid;
	border-width: 0px 0px 1px 1px;
	background-color: #FFFAE7;
	display: block;
	vertical-align: top;
	}
	
#gialloSc{
	margin-top: 8px;
	margin-bottom: 8px;
	border-color: #FFA500 #FFA500;
	border-style: none none solid solid;
	border-width: 0px 0px 1px 1px;
	background-color: #FFFAE7;
	display: block;
	vertical-align: top;
	}
	
/******************************              DIV Logo ORDINE*/
#logoOrdine{
	width: 160px;
	font-size: 0.6em;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
	clear:both;
}

/******************************              DIV Loghi W3C*/
#loghiW3C{
	width: 160px;
	background-color: white;
	border: 1px solid #E3E3E3;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 40px;
	margin-bottom: 15px;
	text-align: center;
	clear:both;
}

/*****************************             RIQUADRO CONTENUTI*/
#contenutiRed{
   background-color: white;
	border: 1px solid #E10000;
	font-size: 0.8em;
	padding: 8px 8px 8px 8px;
	margin-left: 190px;
	margin-right: 10px;
	height: auto;
	width: auto;
	float: none;
	margin-bottom: 8px;
}

#contenutiGial{
   background-color: white;
	border: 1px solid #FFCC40;
	font-size: 0.8em;
	padding: 8px 8px 8px 8px;
	margin-left: 190px;
	margin-right: 10px;
	height: auto;
	width: auto;
	float: none;
	margin-bottom: 8px;
}

#contenutiGialSc{
   background-color: white;
	border: 1px solid #FFA500;
	font-size: 0.8em;
	padding: 8px 8px 8px 8px;
	margin-left: 190px;
	margin-right: 10px;
	height: auto;
	width: auto;
	float: none;
	margin-bottom: 8px;
}

#contenutiFuxia{
   background-color: white;
	border: 1px solid #FE00FF;
	font-size: 0.8em;
	padding: 8px 8px 8px 8px;
	margin-left: 190px;
	margin-right: 10px;
	height: auto;
	width: auto;
	float: none;
	vertical-align: top;
	margin-bottom: 8px;
}

#contenutiVioch{
   background-color: white;
	border: 1px solid #C31FFF;
	font-size: 0.8em;
	padding: 8px 8px 8px 8px;
	margin-left: 190px;
	margin-right: 10px;
	height: auto;
	width: auto;
	float: none;
	margin-bottom: 8px;
}

#contenutiViola{
   background-color: white;
	border: 1px solid #483D8B;
	font-size: 0.8em;
	padding: 8px 8px 8px 8px;
	margin-left: 190px;
	margin-right: 10px;
	height: auto;
	width: auto;
	float: none;
	margin-bottom: 8px;
}

#contenutiBlu{
   background-color: white;
	border: 1px solid blue;
	font-size: 0.8em;
	padding: 8px 8px 8px 8px;
	margin-left: 190px;
	margin-right: 10px;
	height: auto;
	width: auto;
	float: none;
	margin-bottom: 8px;
}
/***** Fine riquadro contenuti*/

/**************************************                 TITOLI*/
.titoloRed,.titoloGial,.titoloGialSc,.titoloFuxia,.titoloVioch,.titoloViola,.titoloBlu{
	width: 480px;
	height: 43px;
	vertical-align: middle;
	padding-left: 50px;
	background-repeat: no-repeat;
	padding-top: 10px;
	position: relative;
}
.titoloRed{
	background-image: url(../grafica/titoloRed.gif);
}
.titoloGial{
	background-image: url(../grafica/titoloPresentazione.gif);
}
.titoloGialSc{
	background-image: url(../grafica/titoloDovesiamo.gif);
}
.titoloFuxia{
	background-image: url(../grafica/titoloCircolari.gif);
}
.titoloVioch{
	background-image: url(../grafica/titoloScadenze.gif);
}
.titoloViola{
	background-image: url(../grafica/titoloContatti.gif);
}
.titoloBlu{
	background-image: url(../grafica/titoloLinks.gif);
}
/*****Fine titoli*/
#contenutiRed ul li{
	margin-top:4px;
}
/***********************                   Stile x l'immagine W3C superiore*/
.logow3c,.logow3c a,.logow3c a:hover, .logow3c a:visited,.carina{
	margin-bottom: 5px;
	border: none;
}
.logow3cB,.logow3cB a, .logow3cB a:hover, .logow3cB a:visited{
	border: none;
}
.cartina{
	border: solid #B7B7B7;
}
.circolare{
	padding-bottom: 8px;
	vertical-align: middle;
}

.allinCentro{
	text-align: center;
}
.TabelForm,TabelCanc{
	border: 1px solid #3D598B;
}
.TabelForm td{
	padding: 5px 5px 5px 5px;
	text-align: left;
}

.TabelForm caption, .TabelCanc th{
	background-color: #483D8B;
	color: white;
	font-weight: bold;
}
.TabelCanc td,.TabelCanc th{
	border: 1px solid #E2E2E2;
	padding: 2px 2px 2px 2px;
}
.FormElement input{
	margin-left: 40px;
/*	clear: left;*/
	float: left;
}
.FormContatto {
	float: none;
	position: relative;
}
.FormContatto td {
	padding: 2px 2px 2px 2px;
	text-align: left;
}
.DivScroll{
	overflow: scroll;
	height: 65px;
	border: 1px solid #483D8B;
/*	float: left;*/
	width: auto;
}

.Formcentrale{
	width: auto;
	margin-top: 5px;
}

/*************    CSS per mail */

.tabelMail{
	border: 1px solid #3D598B;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
.tabelMail caption{
	background-color: #483D8B;
	color: white;
	font-weight: bold;
	font-size: 1.3em;
	text-align: left;
	padding-left: 12px;
	line-height: 35px;
}

.tabelMail td{
	padding: 2px 2px 2px 2px;
}
.avvisoRed{
	color: Red;
	font-weight: bold;
}
