html,body{
	margin: 1px 0px 0px 0px;		/* non dimenticare px altrimenti viene ignorato */
	padding: 0px 0px 0px 0px;
	border:0px;
	height: 100%;
	background: url('../images/rete.jpg');
	}

body{
	text-align: center;   /*centra in IE 5.x */
    font-family: tahoma, sans-serif; font-size: 76%
    }

div#contenitore{
    width: 743px;				/* è obbligata dalla larghezza dell'immagine */
    							/* height non va definito */
    position: relative;
    margin: 3px;
	padding: 10px 15px 3px 15px;				/* spessore della cornice */
	border: 0px;
    background-color: silver;	/* colore della cornice (grigia) */
    margin: 0px auto;  			/*centra negli altri browsers*/
	text-align: left;   		/*ripristina l'allineamento*/
    }
    
div#header {					/* nell'intestazione c'è l'immagine dell'eur */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	background: white url('../images/eur-palazzo-congressi.jpg') no-repeat center;
	width: 743px;				/* uguale all'immagine altrimenti fa bordo bianco a dx e sx */
    height: 180px;
	}

div#vincente {					/* scegli il tuo asso vincente */
	margin: 4px 0px 0px 0px;	/* 4px è la distanza dall'intestazione soprastante */
	padding: 8px 0px 3px 15px;
	border:0px;
	background: green;
	width: 728px;				/* uguale all'immagine altrimenti fa bordo bianco a dx e sx */
    height: 15px;
    font-family: tahoma, sans-serif;
	font-size: 16px;
	color: yellow;
	font-weight: normal;
	line-height: normal;
	}

div#carte {						/* contiene gli assi e il jolly */
	margin: 0px 0px 4px 0px;	/* 4px è la distanza dal menù sottostante */
	padding: 0px 0px 0px 0px;
	border:0px;
	text-align:center;
	background: green;
	width: 743px;				/* uguale all'immagine altrimenti fa bordo bianco a dx e sx */
    height: 200px;
	}
#carte img{
	padding: 10px 5px 5px 5px;	/* spazio tutto intorno ad ogni carta */
	}

div#contenitore2{		/* contiene la fascia del menù, le tabs del menù, la scheda, il footer */
    margin: 1px 0px 0px 0px;
    padding: 2px;
    width: 733px;
    border: 3px solid white;	/* spessore della cornice bianca */
    margin: 0px auto;  			/*centra negli altri browsers */
    }

div#navigation{					/*contiene il menù a linguette */
	background-color:#fff;
	color: blue;						/* colore del testo nelle linguette (#000)*/
	font:x-small/1.5em "Arial Narrow";	/* tipo carattere delle linguette */
	voice-family: "\"}\""; voice-family:inherit;
	float: left;
	width: 730px;
	padding: 5px 0px 1px 5px;		/* fascia dietro linguette: sopra, destra, sotto, sinistra*/
	background:#DAE0D2 url("../images/bg.gif") repeat-x bottom;	
	font-size: 11px; 				/* dimensione carattere delle linguette (non deve essere in %) */
	line-height: normal;
	} html>navigation {font-size:small;}
	
#navigation ul {
  margin: 0px;
  padding:10px 10px 0px 0px;
  list-style: none;
  }
#navigation li {
  float:left;
  background: url("../images/left.gif") no-repeat left top;
  margin:0;
  padding: 0px 0px 0px 9px;
  }
#navigation a {
  float: left;
  display: block;
  background: url("../images/right2.gif") no-repeat right top;
  padding: 5px 10px 4px 1px;									/* sopra, destra, sotto, sinistra*/
  text-decoration: none;										/* sottolinatura testo NO */
  font-weight: bold;											/* testo delle linguette grassetto */
  color: blue;													/* colore testo ON delle linguette */
  }
#navigation a {				/* Commented Backslash Hack hides rule from IE5-Mac \*/
	float:none;
	}
#navigation a:hover {		/* End IE5-Mac hack */
  color:red;				/* colore testo HOVER delle linguette */
  }
#navigation #current {
  background-image: url("../images/left_on.gif");
  }
#navigation #current a {
  background-image: url("../images/right2_on.gif");					/*url("images/right_on.gif")*/
  color:red;				/* colore testo della linguetta selezionata */
  padding-bottom:5px;
  }
    
div#scheda {
	margin: 40px 0px 0px 0px;
	padding: 30px;	 					/* spazio interno alla scheda */
	border: 4px double gray;
	background: white;
	}

div#search {
	width: 100%;
	height: 170px;
		border:0px solid yellow;
	}
	.search-2 {
	position:relative;
	float:left;
		border:0px solid blue;
	}
	.search-3 {
	position:relative;
	clear:left;
	margin-top:20px;
	margin-left:0px;
	width:500px;
		border:0px solid red;
	}
	
div#copyright {
	margin: 10px 0px 0px 0px;
	padding:0px;
	font-family: "arial narrow", sans-serif;
	font-size: 12px;
	color: black;
	font-weight: normal;
	line-height: normal;
	text-align: center;
	}
	
h1{					/* titolo della scheda */
	margin-top: 20px;
	margin-bottom: 0px;
	padding:0px;
	font-family: tahoma, sans-serif;
	font-size: 22px;
	color: red;
	font-weight: bold;
	line-height: normal;
	text-align: left;
	}

h2{					/* sottotitolo */
	margin: 0px;
	padding:0px;
	font-family: "arial narrow", sans-serif;
	font-size: 16px;
	color: red;
	font-weight: bold;
	line-height: normal;
	text-align: left;
}
h3{					/* introduzione */
	margin: 10px 0px 10px 0px;								/* sopra, destra, sotto, sinistra*/
	padding: 0px;
	font-family: tahoma, sans-serif;
	font-size: 12px;
	color: black;
	font-weight: bold;
	line-height: normal;
	text-align: justify;
}
h4{					/* 1° titolo di paragrafo */
	margin: 20px 0px 5px 0px;
	padding:0px;
	font-family: tahoma, sans-serif;
	font-size: 12px;
	color: black;
	font-weight: bold;
	line-height: normal;
	text-align: left;
}
h5{					/* 2° titolo di paragrafo */
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-family: tahoma, sans-serif;
	font-size: 12px;
	color: black;
	font-weight: bold;
	line-height: normal;
	text-align: left;
}
h6{					/* 3° titolo di paragrafo */
	margin: 30px 0px 0px 0px;
	padding: 0px;
	font-family: tahoma, sans-serif;
	font-size: 12px;
	color: blue;
	font-weight: bold;
	line-height: normal;
	text-align: left;
}

p.p1{				/* paragrafo 1° tipo */
	margin: 5px 0px 10px 0px;
	padding: 0px;
	font-family: tahoma, sans-serif;
	font-size: 12px;
	color: black;
	font-weight: normal;
	line-height: normal;
	text-align: justify;
}
p.p2{				/* paragrafo 2° tipo */
	margin: 5px 0px 10px 10px;
	padding: 0px;
	font-family: tahoma, sans-serif;
	font-size: 12px;
	color: black;
	font-weight: normal;
	line-height: normal;
	text-align: justify;
}
p.p3{				/* paragrafo 3° tipo */
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-family: tahoma, sans-serif;
	font-size: 12px;
	color: black;
	font-weight: normal;
	line-height: normal;
	text-align: justify;
}
p.p4{				/* paragrafo 4° tipo */
	margin: 5px 0px 0px 0px;
	padding: 0px;
	font-family: tahoma, sans-serif;
	font-size: 12px;
	color: black;
	font-weight: bold;
	line-height: normal;
	text-align: justify;
}

div#footer{							/* definisce la posizione e l'immagine di sfondo del footer */
	margin: 3px 0px 0px 0px;
	padding: 0px;
	border:0px;
	background: white url('../images/footer4.jpg') no-repeat center;
	width: 100%;
    height: 110px;
	text-align: center;
	}
div#foot { 						/* definisce posizione e font dei link nel footer */
  	padding: 40px 0px 0px 0px;
	font-family: arial, "arial narrow", sans-serif;
  	font-size: 90%;
  	}