/* MEDIA: handheld, projection, screen, tv in caso di sezione A, all (compreso print) per le altre sezioni */
/* Stessa cosa per i css con i colori */

/* CSS comune a tutte le sezioni (i colori sono di A), tutti i commenti si riferiscono a test su FireFox 1.0 IE6 e Konqueror 3.1.4 */

/****************************************************************************************
 * Layout a blocchi                                                                     *
 ****************************************************************************************/
 
/* ATTENZIONE!! LE DIMENSIONI DEGLI ELEMENTI CON FLOAT LEFT SONO STATE SCELTE IN MODO CHE POTESSERO  */
/* FUNZIONARE CON IL MAGGIOR NUMERO DI BROWSER POSSIBILI, AD ESEMPIO IE 6 A SECONDA DELLA DIMENSIONE */
/* DEL BROWSER SBAGLIA LE DIMENSIONI IN PERCENTUALE DEI BLOCCHI. EMPIRICAMENTE SONO STATE SCELTE LE  */
/* DIMENSIONI CHE SEMBRANO DARE MENO PROBLEMI...                                                     */

body {
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* per il banner */
.bodygrey {
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #F3F3F3;
}

div#header {
}

div#left {
	float: left;
	width: 35%;
}

div#right {
	float: left;
	width: 64%;
}

div#gap {
	float: left;
	width: 1%;
}

div#home_AB {
	float: left;
	width: 48%;
}

div#home_C {
	float: left;
	width: 51%;
}

div#counter {
	padding: 3px;
	border: 1px solid #CCCCCC;
	background-color: #F3F3F3;
}

div#footer {
	padding: 3px;
	border: 1px solid #CCCCCC;
	background-color: #F3F3F3;
	font-size: 8pt;
	text-align: center;
	color: #444444;
}

/* da usare con   come contentuto */
div.horiz_gap {
	height: 10px;
}

div.block_header_logo {
	padding: 3px;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	background-color: #F3F3F3;
	text-align: center;
}

div.block_desc_body {
	padding: 3px;
	border: 1px solid #CCCCCC;
	border-top: 0px; /* Ridefinito se no in Konqueror mostra sia il bottom della row che il top del desc */
	background-color: #DDE6EE;
	text-align: center;
}

div.block_header {
	padding: 3px;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	background-color: #DDE6EE;
}

div.block_menu_header {
	padding: 3px;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	background-color: #EEDDDD;
}

div.block_adv_header {
	padding: 3px;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	background-color: #EEEEDD;
}

div.block_body {
	padding: 3px;
	border: 1px solid #CCCCCC;
	border-top: 0px; /* Ridefinito se no in Konqueror mostra sia il bottom dell'header che il top del row */
	background-color: #F3F3F3;
}

div.block_adv {
	padding: 0px;
	border: 1px solid #CCCCCC;
	border-top: 0px; /* Ridefinito se no in Konqueror mostra sia il bottom dell'header che il top del row */
	background-color: #F3F3F3;
        height: 95px;
	text-align: center;
}

div.block_justified_body {
	padding: 3px;
	border: 1px solid #CCCCCC;
	border-top: 0px; /* Ridefinito se no in Konqueror mostra sia il bottom dell'header che il top del row */
	background-color: #F3F3F3;
	text-align: justify;
}

div.block_justified_body_alone_cent {
	padding: 3px;
	border: 1px solid #CCCCCC;
	background-color: #F3F3F3;
	text-align: center;
}

div.block_justified_body_cent_nb {
	padding: 3px;
	background-color: #F3F3F3;
	text-align: center;
}

/****************************************************************************************
 * Layout tabelle con div                                                               *
 ****************************************************************************************/

/* one of two grandi 49 e non 50 per problemi con explorer... */
 
div.multi_cols {
	width: 100%;
}

div.one_of_two_indented {
	float: left;
	width: 49%;
	text-indent: 14px;
}

div.one_of_two {
	float: left;
	width: 49%;
}

/* Utile per le form che non sono liquide... */
div.one_of_two_centered {
	float: left;
	width: 49%;
	text-align: center;
}

/* Utile per le form che non sono liquide... */
div.centered {
	text-align: center;
}

/* seve per pulire il float e fare in modo che il div contenitore possa continuare anche sotto i div floating */
/* da usare come <div class="end_multi_cols"></div> altrimenti come semplice <div class="end_multi_cols"/> non va in mozilla*/
div.end_multi_cols {
	clear: both;
	margin: 0;
	padding: 0;
	width: auto;
}

/* come prima ma con un pelo di padding... utile per separare righe di una tabella */
/* usato spesso anche fuori dalla tabella, come ad esempio per separare il titolo della tabella dal corpo */
div.spaced_end_multi_cols {
	clear: both;
	margin: 0;
	padding: 3px;
	width: auto;
}

span.bigger {
	font-size: 12pt;
}
/****************************************************************************************
 * Dichiarazioni generiche                                                              *
 ****************************************************************************************/

/* Componenti della form non ereditavano da body, in Konqueror neanche tr td e th ereditavano da body */
body, select, input, td, tr, th {
	font-family: arial,sans-serif;
	color: #000000;
	font-size: 10pt;
}

img {
	border: none;
}

.img2 {
	margin: 15px;
	text-align: center;
}

/* Lasciava spazi dove non necessari */
form {
	margin: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* Spaziature disomogenee tra i browser*/
ul, li {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-left: 5px;
}

/* Spaziature disomogenee tra i browser*/
li.spaced {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Purtroppo non ho liquid layout per elementi di form... */
input.text {
	width: 280px;
}

select {
	width: 280px;
}

select.small {
	width: 150px;
}

select.big {
	width: 600px;
}

/****************************************************************************************
 * Altri caratteri e font                                                               *
 ****************************************************************************************/

a.a1 {
	color: #000000;
}

a.a2 {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

a.a3 {
	color: #000000;
	text-decoration: none;
}

a.a4 {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	font-size: 12pt;
}

a.a5 {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	font-size: 10pt;
}

span.span1 {
	font-weight: bold;
	font-size: 10pt;
}

span.span2 {
	font-size: 8pt;
}

/* Traduzione dei settori in normativa */

span.traduzione {
	color: #777777;
	font-style: italic;
}

/* Usati in risultati della sezione siti */

span.titolo {
	font-size: 12pt;
}

span.categoria {
	color: #007700;
}

span.descrizione {
	color: #000000;
}

a.link {
	color: #000077;
}