/************* ELEMENTS *************/
BODY {	
		font : 80% Verdana, Arial, Helvetica, sans-serif;
		color : black;
		background-image: url("images/logo_nicotra_bg.gif"); 
		background-repeat: no-repeat;
		background-position: top right; 
		background-color: white;
		top: 0px;
		left: 0px;
		margin: 0px 1% 0px 1%; /* era 5% */
		padding: 0px;
		
				/* Questo serve ingannare Explorer 5. Le due dichiarazioni con voice servono per interrompere l'elaborazione del codice nel browser */
		voice-family: "\"}\"";
		voice-family:inherit;
		margin-top: 0px;
		}

TABLE, CAPTION {
		text-align: left;
		font : 100% Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		background-color: #FFF; /*#EFF3F3*/
		width: 70%;
		}
		
CAPTION {
					font: italic 90% Verdana, Arial, Helvetica, sans-serif;
					}	
TD, TH {
	font : 90% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 3px;
	}
	
TABLE.arch, CAPTION.arch {
		font : 100% Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		color: #0A3E79;
		background-color: #FFF; /*#EFF3F3*/
		width: 75%;
		padding: 0px;
		margin: 0px;
		
			/* Questo serve ingannare Explorer 5. Le due dichiarazioni con voice servono per interrompere l'elaborazione del codice nel browser */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 100%;
		}

TD.arch {
		font : 100% Verdana, Arial, Helvetica, sans-serif;
		margin: 0px;
		padding: 0px;
		vertical-align: top;
		}
	
TABLE.download, TABLE.download CAPTION {
		font : 100% Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		background-color: #FFF; /*#EFF3F3*/
		width: 80%;
		text-align: left;
		padding: 3px;
		}
		
TABLE.download TD, TABLE.download TH {
	font : 90% Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
	border: 1px #000 solid;
	}

TABLE.download TH {
	text-align: center;
	}
	
INPUT, SELECT, TEXTAREA{
	font : 90% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 4px 2px;
	}

H1, H1.ausiliari, H1.utilities {	
		font : 170% Arial, Helvetica, sans-serif; /* era 190% */
		text-align: left;
		}
		
H1 {	
		color: #FFF;
		padding-top: 10px;
}

H1.terzo, H1.ausiliari, H1.utilities, H3.secondo, H3.terzo, H3.ausiliari, H3.utilities, H2, H2.ausiliari, H2.utilities, H1.home {
		padding-bottom: 10px;
		}

H1.home {	
		font : bold 130% Arial, Helvetica, sans-serif;
		text-align: left;
		margin-left: 200px;
		margin-right: 1%;
		padding-top: 50px;
		line-height: 18px;
		background-image: url("images/acquacard_home.gif"); 
		color: white;
		background-repeat: no-repeat;
		background-position: top right;
		}
		
H1.terzo {
		color: #360;
		border-bottom: 1px #360 solid;
		}
				
H1.ausiliari {	
		color: #660;
		border-bottom: 1px #660 solid;
		}
				
H1.utilities {	
		color: #330;
		border-bottom: 1px #330 solid;
		}

H1.utilities FORM, H1, H1.ausiliari, H1.utilities, H3.secondo, H3.terzo, H3.ausiliari, H3.utilities, H2, H2.ausiliari, H2.utilities, A, a:hover, ADDRESS {
				background-color: transparent;
				}
		
H3.secondo, H3.terzo, H3.ausiliari, H3.utilities	{
		font : bold 120% Arial, Helvetica, sans-serif;
		text-align: left;
		border-bottom: 1px solid;
		}
		
H3.secondo {
		color: #537D00;
		border-bottom-color: #75A319;
		}
		
H3.terzo {
		color: #360;
		border-bottom-color: #75A319;
		}
		
H2, H2.ausiliari, H2.utilities, H2.home {	
		font : 105% Arial, Helvetica, sans-serif;
		padding-left: 25px;
		text-align: left;
		
				/* Questo serve ingannare Explorer 5. Le due dichiarazioni con voice servono per interrompere l'elaborazione del codice nel browser */
		voice-family: "\"}\"";
		voice-family:inherit;
		font : 110% Arial, Helvetica, sans-serif;

		}

H2.home {
					text-align: right;
					}
					
H2 {	
		color: #FFF;
		width: 350px;
		}

H2.ausiliari {	
		color: #660;
		width: 100%;
		border-bottom: 1px #660 solid;
		}
		

H2.utilities {	
		color: #330;
		border-bottom-color: #330;
		}	
			
OL.loweralpha {
				list-style: lower-alpha;
				}
				
OL.upperroman {
				list-style: upper-roman;
				}

A {
		color : #00C;
		text-decoration: none;
		background-color: transparent;
		}
		
a:hover {
		color : #03F;
		text-decoration: underline;
		background-color: transparent;
		}	

a:visited {
		color : #99997A;
		background-color: transparent;
		}
		
IMG {
		float: right;
		vertical-align:text-top;
		padding: 0px 15px 10px 10px;
		border: 0px;
		}
		
IMG.left {
		float: left;
		}
		
IMG.normal {
		float: none;
		padding: 0px;
		vertical-align: middle;
		border: 0px;
		}

TABLE.download TD IMG {
		float: none;
		padding: 0px;
		padding-right: 5px;
		vertical-align: middle;
		border: 0px;
		}
				
ADDRESS	{
		font: 90% Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		background-color: transparent;
		text-align: left;
		/*padding-bottom: 5px;*/
		padding-left: 2%;
		}	

SUP {	
		font : 60% Arial, Helvetica, sans-serif;
		}
		
CAPTION {
				color: #0A3E79;
				}

P.spazio{	
		font-size : 3px;	}
/* Con questa dichiarazione risolviamo un bug di Opera 5 */
body>p>.spazio {
			}
			
HR {
		color: #000;
		height: 1px;
		margin-left: 0;
		width: 400px; 
		}
			
/************* ID *************/


#logo {
		background-image: url("images/acquacard_logo.gif"); 
		background-repeat: no-repeat;
		background-position: top left;
		margin: 0 2% 0 2%;
		height: 28px;
		display: block;
		padding-bottom: 1%;
		}


#headermenu {
		font: 90% Verdana, Arial, Helvetica, sans-serif;
		height: 28px;
		display: block;
		position: relative;
		top: 10px;
		left: 120px;
		}

		
#header {
			position: relative;
			background-color: #FFF; /*#EFF3F3*/
			padding-bottom: 2px;
			/*padding-left: 2%;
			padding-right: 2%;*/
			font: 90% Verdana, Arial, Helvetica, sans-serif;
			color: #000;
}
	
#acquacard, #chi, #cosa, #come, #clienti, #story, #esigenze, #funzionamento, #architettura, #vantaggi, #consorzio, #utente, #gruppo, #tessera, #sistema, #novita, #contattaci {
			color: white;
			background-repeat: no-repeat;
			background-position: top right;	
			height: 158px;
			display: block;
			border-bottom: 5px #7D0F0F solid;
			padding: 0% 10% 0% 2%;
			margin-bottom: 10px;
			margin-top:15px;
			}

#ricciolo-home {
			background-image: url("images/ricciolo_home.gif"); 
			color: white;
			background-repeat: no-repeat;
			background-position: top left;
			background-color: #75A319;	
			height: 158px;
			display: block;
			border-bottom: 5px #7D0F0F solid;
			padding: 0% 0% 0% 2%;
			margin-bottom: 10px;
			margin-top:15px;
			}
			
#acquacard {
			background-image: url("images/acquacard.jpg"); 
			background-color: #8DC63F;
			}

#chi {
			background-image: url("images/chi.jpg"); 
			background-color: #75A319;
			}
			
#cosa {
			background-image: url("images/cosa.jpg");
			background-color: #75A319;
			}
			
#come {
			background-image: url("images/come.jpg"); 
			background-color: #75A319;
			}						

#clienti {
			background-image: url("images/clienti.jpg"); 
			background-color: #75A319;
			}

#story {
			background-image: url("images/story.jpg"); 
			background-color: #75A319;
			}
			
#esigenze {
			background-image: url("images/esigenze.jpg"); 
			background-color: #537D00;
			}

#funzionamento {
			background-image: url("images/funzionamento.jpg"); 
			background-color: #537D00;
			}
			
#architettura {
			background-image: url("images/architettura.jpg"); 
			background-color: #537D00;
			}
			
#vantaggi {
			background-image: url("images/vantaggi.jpg"); 
			background-color: #537D00;
			}

#consorzio {
			background-image: url("images/consorzio.jpg"); 
			background-color: #360;
			}
		
#utente {
			background-image: url("images/utente.jpg"); 
			background-color: #360;
			}
		
#gruppo {
			background-image: url("images/gruppo.jpg"); 
			background-color: #360;
			}
		
#tessera {
			background-image: url("images/tessera.jpg"); 
			background-color: #360;
			}
			
#sistema {
			background-image: url("images/sistema.jpg"); 
			background-color: #360;
			}
			
#novita {
			background-image: url("images/novita.jpg"); 
			background-color: #330;
			}

#contattaci {
			background-image: url("images/contattaci.jpg"); 
			background-color: #330;
			}			
						
#colsx {
		font : 90% Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		position: absolute;	
		left: 0px;
		margin: 0px;
		width: 170px;
		background-color: #FFF; /*#EFF3F3*/
		color: black;
		padding: 0px 5px 5px 20px;
		border-right: 1px #1D3560 solid;
		line-height:18px;
		float: left;
		
		/* Questo serve ingannare Explorer 5. Le due dichiarazioni con voice servono per interrompere l'elaborazione del codice nel browser */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 180px;
		margin: 10px 0px 0px 0px;
		left: 1%;  /* era 5% */
		}
		
/* Con questa dichiarazione risolviamo un bug di Opera 5 */
body>#colsx {width: 200px;}

#coldx {
			text-align: left;
			margin: 0px 10px 0px 180px;
			background-color: #FFF;  /*#EFF3F3*/

			/* Questo serve ingannare Explorer 5. Le due dichiarazioni con voice servono per interrompere l'elaborazione del codice nel browser */
			voice-family: "\"}\"";
			voice-family:inherit;
			margin-left: 230px;
			}

#footerduecolonne {		
		margin-left: -210px;
		background-color: transparent;
		}

#colorfooter {		
		background-color: #E7E9EC; /*#DBDDE0*/
		padding-bottom: 15px;
		}

#colorutilities {		
		background-color: #EFF3F3; /*#E7E9EC*/
		}

#padding-testo {		
		padding-left: 2%;
		}

#coldx img {
					padding: 10px 10px;
					}	
/************* 	CLASSES *************/

.location {
		font: 90% Verdana, Arial, Helvetica, sans-serif;
		padding: 5px 0px 5px 2%;
		line-height:15px;
		}
		
.mainmenu {
		font: 90% Verdana, Arial, Helvetica, sans-serif;
		margin-top: 1px;
		padding: 2px 0px 10px 0px;
		border-top: 1px #000 solid;
		background-color: #FFF; /*#EFF3F3*/
		}
		
/* Con questa dichiarazione risolviamo un bug di Opera 5 */
body> div#header > div.mainmenu{padding-bottom: 0px;}
		
.spacer {
		padding: 5px 0px 5px 0px;
		border-width: 0px;
		border-bottom: 1px #999 solid;
		}

.footer {
		font: 90% Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		background-color: transparent;
		text-align: left;
		padding-left: 2%;
		line-height:15px;
		}

.oldbrowser {
		display: none;
		}
		
div#coldx em, div#coldx sup, #padding-testo em, #padding-testo sup	{
						font : Zap-MediumItalic, Verdana, Arial, Helvetica, sans-serif;
						color: #000; /*#7E1516*/
						background-color: transparent;
						/*font-weight: bold;*/
						}

div#coldx li	{
			padding-bottom:	10px;
			}

.map {
		font : 90% Verdana, Arial, Helvetica, sans-serif;
		color : #000;
		text-indent: 25px;
		background-color: transparent;
		padding: 3px 0px 5px 0px;
		border-bottom: 1px #999 solid;
		margin-bottom: 5px;
		display: block;
		}

.content {
				background-color: transparent;  /*#EFF3F3*/
				color: #0A3E79;
				}

.red {
					color: #F00;
					background-color: #FFF;
					}