/* stili per il layout elastico

	colori usati:

	html,body						background-color:#ffffff;		colore universale di fondo				bianco
	div#container					background-color:#ffffc3;		sfondo del testo normale				giallino
	div#hilight						background-color:#ffff90;		sfondo del testo evidenziato			giallo piu' intenso
	div#footer						color: #000;					testo del footer						nero
	div#navigation					background-color:#ffffd3;		sfondo della barra di navigazione		giallino chiaro
	div#navigation a				color:#888888;					testo non evidenziato della barra 		grigio
	div#navigation a:hover			color: #000000;					testo evidenziato della barra			nero
	div#navigation a#activelink		color: #000000;					testo pagina attiva della barra			nero

http://www.html.it/pag/14228/gestione-delle-dimensioni-altezza/

*/


html,body
{
	margin: 0;
	padding:0;
	height:100%;
	background-color:#ffffff;
}

body
{
	font-family: arial,sans-serif;
	font-size: 80%;
	text-align: center
}

h1
{
	font-family: arial,sans-serif;
	text-align: center;
	font-style: italic;
}


div#interlineaTabella
{
	font-size: 400%;
  line-height: 450%;
}


div#container
{
	position:relative;
	/*
	width: 760px;
	*/
	height: 100%;
	margin: 0 auto;
	/*
	border-left: 2px solid #36c;
	border-right: 2px solid #36c}
	*/
	background-color:#ffffe3;
	background-color:#ffffc3;	/* giallo	*/
}

body>div#container
{
	height:auto;
	min-height:100%;
}


div#hilight
{
/*	font-size: 100%;	*/
	font-size: 120%;
	font-size: 140%;
	background-color:#ffffc3;
	padding: 0em 2em;
	text-align:center;
}

div#hilight img 
{
	height: 413;
	width:  291;
/*
	usato per l'immagine "coming soon"
	height: 220;
	width:  229;
*/
	border: 1px solid black;
}

div#hilight table 
{
	width:  100%;
	border: 0px;
}



div#patrocinio
{
	font-size: 110%;
	font-style: bold;
	background-color:#ffffc3;
	padding: 0em 2em;
	text-align:center;
}


div#people
{
	font-size: 80%;
	background-color:#ffffc3;
	padding: 0em 3em;
}


div#oldNews
{
	font-size: 80%;
	text-align:center;
	height: 220px;
	overflow: auto;
}

div#oldNews img 
{
	height: 100px;
	width:  100px;
	border: 1px solid black;
}


div#notOnFocus
{
	font-size: 100%;
}


/*stili generici, su header e footer*/
div#header
{
	color: black;
}


div#footer
{
/*	font-size: 94%; * /
	position: absolute;*/
	left:0;
	bottom:0;
	width: 100%;
	padding: 0.5em 0;
	color: #000;
	text-align:center;
}


/*stili specifici per il layout*/

div#content
{
	padding: 1em 1em 5em;
	text-align: left;
}


.data {
	color: black;
	font-size: 1.2em;
	font-weight: bolder;
}


.titolo {
	color: black;
	font-size: 1.1em;
/*	font-weight: bolder;*/
}


.descrizione {
	color: black;
	font-size: 1.2em;
	font-style: italic;
}








/*stili per la navigazione*/
div#navigation
{
	font-size: 90%;
	background-color:#ffffc3;
}

div#navigation ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#navigation li
{
	display: inline;
	margin: 0 0 0 1em;
	padding: 0
}

div#navigation a
{
	color:#888888;
	font: normal bold 1.2em/2.em arial,sans-serif;
	text-decoration: none;
}

div#navigation a:hover
{
	color: #000000;
	text-decoration: underline;
}

div#navigation a#activelink
{
	color: #000000;
/*	background-color:#ffffa3; */
	text-decoration: none;
}



/*************
 *  InfoBox  *
 *************/
div#infoBox
{
	font-size: 12pt;
	width: 280px;
}

div#infoBox img
{
	height: 20px;
	width:  20px;
	border: 0px solid black;
	text-align: center;
	vertical-align: middle;
}

div#infoBox th
{
	text-align: left;
	padding-left: 40px;
}

.thumbnail {position: relative; z-index: 8; text-decoration: none !important}
.thumbnail:hover {background: transparent; z-index: 9}
.thumbnail > img 
{
	height: 20px;
	width:  20px;
	border: 0px solid black;
	text-align: center;
	vertical-align: middle;
	padding: 2px;
}
.thumbnail > div {display: none; position: absolute; top: 0; left: -30px; padding: 5px}
.thumbnail > div img {padding: 2px}
.thumbnail:hover > div {display: block; border: 2px solid #DDD; background-color: #FFF; color: black}
.thumbnail:hover span span {display: inline; border: none}