/* Foglio di stile Progetto Giovani Cantù */

/* CSS Document */

.centra_blocco
	{
	padding: 0px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	}

.immagine_sx {
		float:left; 
		margin-bottom:4px; 
		margin-right:10px; 
		margin-top: 4px;
		height: 90px;
		}
		
.immagine_dx {
		float:right; 
		margin-bottom:4px; 
		margin-left:10px; 
		margin-top:4px;
		height: 90px;
		}
		
.bottoni {
		 border: 1px solid #000000; 
		 background-color: #FFFFFF; 
		 color: #000000;
		 font-family:Verdana, Arial, Helvetica, sans-serif; 
		 font-size: 11px;
		 width:100px;
		 }
		 
.bottoni_evidenti {
		 border: 1px solid #000000; 
		 background-color: #FFFFFF; 
		 color: #000000;
		 font-family:Verdana, Arial, Helvetica, sans-serif; 
		 font-size: 12px;
		 font-style:normal;
		 font-weight:bold;
		 width:100px;
		 }		 

.bottoni_lunghi {
		 border: 1px solid #000000; 
		 background-color: #FFFFFF; 
		 color: #000000;
		 font-family:Verdana, Arial, Helvetica, sans-serif; 
		 font-size: 11px;
		 width:150px;
		 }

.caselle_testo {
		 border: 1px solid #000000; 
		 background-color: #FFFFFF;
		 color: #000000; 
		 font-family:Verdana, Arial, Helvetica, sans-serif; 
		 font-size: 11px;
		 letter-spacing: 0;
		 border-collapse:collapse;
		 padding: 2px;
		 width: 200px;
		 }
		 
.caselle_testo_titoli {
		 border: 1px solid #000000; 
		 background-color: #FFFFFF;
		 color: #000000; 
		 font-family:Verdana, Arial, Helvetica, sans-serif; 
		 font-size: 11px;
		 letter-spacing: 0;
		 border-collapse:collapse;
		 padding: 2px;
		 width: 500px;
		 }		 

.mini_testo {
		 border: 1px solid #000000; 
		 background-color: #FFFFFF;
		 color: #000000; 
		 font-family:Verdana, Arial, Helvetica, sans-serif; 
		 font-size: 11px;
		 letter-spacing: 0;
		 border-collapse:collapse;
		 padding: 2px;
		 width: 15px;
		 }

.selezioni {
		 border: 1px solid #000000; 
		 background-color: #FFFFFF;
		 color: #000000; 
		 font-family:Verdana, Arial, Helvetica, sans-serif; 
		 font-size: 11px;
		 letter-spacing: 0;
		 border-collapse:collapse;
		 padding: 2px;
		 width: 330px;
		 }
		 
.micro_selezioni {
		 border: 1px solid #000000; 
		 background-color: #FFFFFF;
		 color: #000000;
		 font-family:Verdana, Arial, Helvetica, sans-serif; 
		 font-size: 11px;
		 letter-spacing: 0;
		 border-collapse:collapse;
		 padding: 2px;
		 width: 45px;
		 }		 
		 
.selezioni_lunghe {
		 border: 1px solid #000000; 
		 background-color: #FFFFFF;
		 color: #000000; 
		 font-family:Verdana, Arial, Helvetica, sans-serif; 
		 font-size: 11px;
		 letter-spacing: 0;
		 border-collapse:collapse;
		 padding: 2px;
		 width: 610px;
		 }		
		 
.selezioni_medie {
		 border: 1px solid #000000; 
		 background-color: #FFFFFF;
		 color: #000000; 
		 font-family:Verdana, Arial, Helvetica, sans-serif; 
		 font-size: 11px;
		 letter-spacing: 0;
		 border-collapse:collapse;
		 padding: 2px;
		 width: 400px;
		 }			  
		 
.selezioni_piccole {
		 border: 1px solid #000000; 
		 background-color: #FFFFFF;
		 color: #000000; 
		 font-family:Verdana, Arial, Helvetica, sans-serif; 
		 font-size: 11px;
		 letter-spacing: 0;
		 border-collapse:collapse;
		 padding: 2px;
		 width: 208px;
		 }		 
		 
.selezioni_multiple {
		 border: 1px solid #000000; 
		 background-color: #FFFFFF;
		 color: #000000; 
		 font-family:Verdana, Arial, Helvetica, sans-serif; 
		 font-size: 11px;
		 letter-spacing: 0;
		 border-collapse:collapse;
		 padding: 2px;
		 width: 200px;
		 }	
		 
.selezione_multipla_grande {
		 border: 1px solid #000000;
		 margin:1px 2px;
		 background-color: #FFFFFF;
		 color: #000000; 
		 font-family:Verdana, Arial, Helvetica, sans-serif; 
		 font-size: 11px;
		 border-collapse:collapse;
		 width: 410px;
		 }				 	 

.caselle_testo_piccole {
		 border: 1px solid #000000; 
		 background-color: #FFFFFF;
		 color: #000000; 
		 font-family:Verdana, Arial, Helvetica, sans-serif; 
		 font-size: 11px;
		 letter-spacing: 0;
		 border-collapse:collapse;
		 padding: 2px;
		 width: 150px;		 
		 }
		 
.caselle_testo_piccole_numeri {
		 text-align:center;
		 border: 1px solid #000000; 
		 background-color: #FFFFFF;
		 color: #000000; 
		 font-family:Verdana, Arial, Helvetica, sans-serif; 
		 font-size: 11px;
		 letter-spacing: 0;
		 border-collapse:collapse;
		 padding: 2px;
		 width: 30px;		 
		 }		 

.textbox_media {
		 border: 1px solid #000000; 
		 background-color: #FFFFFF;
		 color: #000000; 
		 font-family:Verdana, Arial, Helvetica, sans-serif; 
		 font-size: 11px;
		 letter-spacing: 0;
		 border-collapse:collapse;
		 padding: 2px;
		 width: 400px;		 
		 }

.textbox_grande {
		 border: 1px solid #000000; 
		 background-color: #FFFFFF;
		 color: #000000; 
		 font-family:Verdana, Arial, Helvetica, sans-serif; 
		 font-size: 11px;
		 letter-spacing: 0;
		 border-collapse:collapse;
		 padding: 2px;
		 width: 500px;		 
		 }
		 
.titolo	{
		font-style:italic;
		text-align:center;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 24px;
		color:#24A9E1;
		background-color: #FFFFFF;
		}
		
.titoletto	{
		text-align: left;
		padding: 0px;
		font-weight:bold;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #DD0000;
		background-color: #FFFFFF;
		}
		
.sottotitolo_centrato{
		font-weight:bold;
		text-align:center;
		font-style:italic;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		background-color: #FFFFFF;
		color:#24A9E1;
		}		
	
.negativo
		{
		font-size:12px;
		font-weight:normal;
		background-color:#24A9E1;
		color:#FFFFFF;
		padding:6px;
		text-align:center;
		}	
		
.negativo_evidenziato
		{
		font-weight:bold;
		}							
		
.testo_descrittivo
		{
		font-weight:normal;
		text-align:justify;
		color:#000000;
		font-size:12px;
		}
		
.testo_evidenziato
		{
		font-weight:bolder;
		color:#24A9E1;
		background-color: #FFFFFF;
		font-size:11px;
		font-style:italic;
		}					

.capolettera
		{
		font-weight:bold;
		color:#24A9E1;
		font-size:36px;
		}			
		
.td_titolo	{
		text-align:left;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#24A9E1;
		}			
		
.td_note	{
		padding:12px;
		text-align:justify;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#24A9E1;
		}
		
.td_centra
		{
		text-align:center;
		}									
		
body	{
		text-align:center;
		margin: 0px 0px 0px 0px;
		background-image:url(../data/get_graf.php?pos=sfondo);
		background-color:#24A9E1;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px; 
		color:#000000;
		font-weight:bold;
		}
		
.contenitore
		{
		padding: 0px;
		border: 0px solid #000000;
		border-collapse:collapse;
		text-align:left;
		background-color:#FFFFFF;
		width: 1000px;
		}
		
.mini_contenitore
		{
		padding: 0px;
		border: 0px solid #000000;
		border-collapse:collapse;
		text-align:left;
		background-color:#FFFFFF;
		width: 840px;
		}		

.c_footer
		{
		padding: 0px;
		border: 0px solid #999999;
		border-collapse:collapse;
		text-align:left;
		background-color:#999999;
		width: 840px;
		}
		
.bordino
		{
		height: 5px;
		background-color:#999999;
		}
		
.banners
		{
		border: 0px solid #DD0000;
		}
		
.menu	{
		float:left;
		margin-bottom:2px; 
		margin-right:8px;
		margin-left:0px; 
		margin-top: 2px;
		}
		
.menu_home	{
		text-align:center;
		text-decoration:none;
		padding:8px;
		color:#24A9E1;
		border-style:solid;
		border-left: 0px;
		border-right: 0px;
		border-bottom: 1px;
		border-top: 1px;
		border-top-color:#24A9E1;
		border-bottom-color:#24A9E1;
		}		

.form	{
		background-color:#EEEEEE;
		text-align:left;
		padding:8px;
		border-right:8px;
		}

a, a:visited
		{
		color:#000000;
		text-decoration:none;
		cursor:pointer;
		}
		
a:selected
		{
		color:#DD0000;
		text-decoration:none;
		cursor:pointer;
		}		

a:hover
		{
		color:#DD0000;
		text-decoration:none;
		cursor:pointer;
		}
		
.riferimenti
		{
		color:#000000;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:9px;
		text-align:right;
		padding:6px;
		}		
		
.logo
		{
		border: 0px solid #FFFFFF;
		border-collapse:collapse;
		width:90px;
		}
		
.loghi_w3c
		{
		border: 0px solid #FFFFFF;
		border-collapse:collapse;
		height:15px;
		}
		
.tabella_decorativa
		{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-size:10px;
		width:98%;
		padding: 12px;
		border: 1px solid #24A9E1;
		margin-left: auto;
		margin-right: auto;
		background-color:#FFFFFF;
		color:#24A9E1;
		border-collapse: collapse;
		vertical-align:top;
		}
		
.tabella_decorativa_menu
		{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-size:10px;
		width:25%;
		padding: 12px;
		border: 1px solid #24A9E1;
		margin-left: auto;
		margin-right: auto;
		background-color:#FFFFFF;
		color:#24A9E1;
		border-collapse: collapse;
		vertical-align:top;
		}		
		
.tabella_decorativa_docs
		{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-size:10px;
		color:#24A9E1;
		width:98%;
		padding: 12px;
		border: 1px solid #24A9E1;
		margin-left: auto;
		margin-right: auto;
		background-color:#FFFFFF;
		/* border-collapse: collapse; */
		/* vertical-align:top; */
		}
		
.tabella_decorativa_intestazione
		{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bolder;
		font-size:10px;
		background-color:#24A9E1;
		color:#FFFFFF;
		border: 0px solid #24A9E1;
		padding: 0px;
		border-spacing: 12px;
		border-collapse: collapse;
		vertical-align: top;
		}		
		
.tabella_decorativa_riga
		{
		vertical-align: top;
		}

.tabella_decorativa_riga_chiara
		{
		vertical-align: top;
		background-color:#FFFFFF;
		}

.tabella_decorativa_riga_scura
		{
		vertical-align: top;
		background-color:#EEEEEE;
		}
		
.tabella_decorativa_riga_scura_linea
		{
		vertical-align: top;
		background-color:#FFFFFF;
		border-bottom: 4px solid #24A9E1;
		padding: 5px;
		border-collapse:separate;
		}		

.tabella_dec_neg
		{
		background-color:#24A9E1;
		color:#FFFFFF;
		}
		
.tabella_login
		{
		border: 1px solid #24A9E1;
		border-spacing: 0px;
		border-collapse: collapse;
		padding: 5px; 
		}	
		
.td_tabella_login
		{
		border: collapse;
		background-color:#24A9E1;
		color:#FFFFFF;
		padding: 4px;
		}				
		
.footer
		{
		width:98%;
		}
		
.tbl_menu
		{
		width: 152px;
		background-color:#FFFFFF;
		border-width:1px;
		border-style:solid;
		border-color:#24A9E1;
		}
		
.td_menu
		{
		width: 152px;
		height: 20px;
		border-spacing: 1px;
		padding-bottom: 0px;
		padding-top: 0px;
		padding-left: 1px;
		padding-right: 1px;
		border:1px solid #000000;
		vertical-align:middle;
		background-color:#FFFFFF;
		}

.td_menu a
		{
		padding-top: 5px;
		padding-left: 0px;
		padding-right: 0px;
		width: 140px;
		height: 20px;
		display: block;
		background-color:#FFFFFF;
		color:#24A9E1;
		}

.td_menu a:hover
		{
		padding-top: 5px;
		width: 140px;
		padding-left: 2px;
		padding-right: 0px;
		height: 20px;
		display: block;
		background-color:#24A9E1;
		text-decoration:none;
		color:#FFFFFF;
		}
				
.td_menu_titolo
		{
		background-color:#000000;
		border-spacing: 4px;
		padding: 3px;
		border-color:#000000;
		border-style:solid;
		border-width:1px;
		text-align:center;
		color:#FFFFFF;
		}


.testo_form
		{
		float:none;
		background-color:#EEEEEE;
		border-spacing: 4px;
		padding: 3px;
		color:#24A9E1;
		font-weight:bold;
		vertical-align:top;
		}
		
a.info
	{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;
    text-decoration:none
	}

a.info:hover
	{
	z-index:25; 
	background-color:#24A9E1;
	color:#FFFFFF;
	}

a.info span
	{
	display: none;
	}

a.info:hover span
	{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; 
	left:0em; 
	width:18em;
	height:1em;
    border:1px solid #24A9E1;
    background-color:#FFFFFF; 
	color:#24A9E1;
    text-align: center;
	vertical-align:middle;
	}
	
hr
	{
	height: 2px;
	border: 0 solid #24A9E1;
	color: #24A9E1;
	background-color:#24A9E1;
	}			
										
a, a:visited
		{
		color:#000000;
		text-decoration:none;
		cursor:pointer;
		}
		
a:selected
		{
		color:#DD0000;
		text-decoration:none;
		cursor:pointer;
		}		

a:hover
		{
		color:#DD0000;
		text-decoration:none;
		cursor:pointer;
		}