/* Foglio di stile STANDARD per media=screen */

/* colori: gray 808080 - silver C0C0C0 - darkgray A9A9A9 - white FFFFFF*/

/* PARTE GENERALE ============================================================ */

body
	{
		font-family: tahoma, verdana, sans-serif;
		font-size: 76%;
		margin: 10px AUTO 0px AUTO;
		/*background-color: #A9A9A9;*/
		padding: 0px;
		color: black;
		/*width: 750px;  opzionale */
	}

h1,h2,h3,h4,h5,h6
	{
		margin: 0px;
	}

.evidenziato
	{
		background-color: #4682B4;
		color: white;
		font-weight: bold;
	}

.titoletto
	{
	 	margin: 0px;
	 	padding: 2px;
		background-color: gray;
		color: white;
		font-weight: bold;
		display: block;
		text-align: center;
	}

#win_com
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 95%;
		height: 50%;
		text-align: center;
		padding: 100px 0px 100px 0px;
		color: red;
		/*background-color: yellow;*/
		display: none;
	}
	
/* SETTORI ==================================================================== */

#testata
	{
		position: relative;
		width: 750px;
		margin: 15% AUTO 0px AUTO;
		background-color: silver;
		/*height: 200px;*/
		/*border: 2px solid black;*/
		/*clear: both; ininfuente */
		/*line-height: 200%;*/
	}

#corpo
	{
		position: relative;
		width: 750px;
		/*height: 300px;*/
		margin: 10% AUTO 0px AUTO;
		/*background-color: silver;*/
		/*clear: both;*/
		/*border: 2px solid black;*/
		/*line-height: 400%;*/
	}

#piede
	{
		position: relative;
		width: 750px;
		margin: 0px AUTO 0px AUTO;
		font-size: 75%;
		/*
		background-color: white;
		background-image: url(img_site/sfondo-fascia-lunga2.jpg);
		background-repeat: no repeat;
		background-position: 50% 0%;
		*/
		/*border-top: 2px solid darkgrey;*/
		color: black;
		/*clear: both;*/
		/*border: 2px solid black;*/
		/*line-height: 200%;*/
	}

#colonna_sx
	{
		/*float: left;*/
		position: absolute;
		top: 0px;
		left: 0px;
		width: 50px;
		/*border: 1px solid red;*/
		background-color: transparent;
	}

#colonna_dx
	{
		/*float: right;*/
		position: absolute;
		top: 0px;
		right: 0px;
		width: 50px;
		/*border: 1px solid red;*/
		background-color: transparent;
	}

#colonna_cn
	{
		/*position: absolute;
		top: 0px;
		left: 205px;*/
		margin: 0px 5px 0px 5px; /*0 0 0 205 */
		/*width: 545px; senza colonna destra */
		/*border: 1px solid blue;*/
		background-color: transparent;
		/*padding-bottom: 100px;  serve per rendere il div centrale pił lungo degli altri... ma bisogna calcolarlo!*/
	}

.riga
	{
		position: relative;
		padding: 5px;
		margin: 0px AUTO 0px AUTO;
		/*border: 1px solid black;*/
		background-color: transparent;
		text-align: center;
		clear: both;
	}

.riga_big
	{
		position: relative;
		padding: 5px;
		margin: 0px AUTO 0px AUTO;
		height: 225px;
		/*border: 1px solid black;*/
		background-color: white;
		background-image: url(img_site/sfondo1.jpg);
		background-repeat: no-repeat;
		background-position: 57% 100%;
		text-align: center;
		clear: both;
	}

.riga2
	{
		position: relative;
		padding: 5px;
		margin: 0px AUTO 0px AUTO;
		/*border: 1px solid black;*/
		background-color: white;
		background-image: url(img_site/sfondo-fascia-lunga3.jpg);
		background-repeat: no-repeat;
		background-position: 57% 0%;
		text-align: center;
		clear: both;
	}

.articolo_cn
	{
		position: relative;
		margin: 0px AUTO 0px AUTO;
		padding: 5px;
		/*color: black;*/
		/*border: 1px solid black;*/
		/*background-color: lightyellow;*/
	}

.articolo_sx_sfondo
	{
		/*float: left;*/
		position: absolute;
		top: 5px;
		left: 40px;
		width: 155px;
		height: 220px;
		/*margin: 0px 0px 0px 40px;*/
		padding: 0px 5px 5px 0px;
		color: black;
		/*border: 1px solid black;*/
		/*background-color: red;*/
		background-image: url(img_site/sfondo_trasp3.png);
		background-repeat: no-repeat;
		background-position: 95% 100%;
		text-align: center;
	}

.articolo_sx
	{
		float: left;
		width: 22%;
		height: 225px;
		margin: 0px AUTO 0px 40px;
		padding: 0px;
		color: black;
		/*border: 1px solid black;*/
		/*background-color: red;*/
		text-align: center;
	}

.articolo_dx
	{
		position: relative;		
		width: 65%; /* 65% ok*/
		height: 225px;
		/*height: 100px;*/
		margin: 0px 40px 0px AUTO;
		padding: 0px;
		color: black;
		/*border: 1px solid black;*/
		text-align: right;
		/*background-color: lightyellow;*/
		/*background-color: transparent;*/
	}

.articolo_sx_testata
	{
		float: left;
		width: 65%;
		height: 30px;
		margin: 0px AUTO 0px AUTO;
		padding: 5px;
		color: black;
		text-align: left;
		/*border: 2px solid black;*/
		/*background-color: lightyellow;*/
	}

.articolo_dx_testata
	{
		position: relative;		
		width: 25%;
		height: 30px;
		margin: 0px 0px 0px AUTO;
		padding: 5px;
		color: black;
		/*border: 2px solid black;*/
		text-align: right;
		/*background-color: lightyellow;*/
	}

/* BARRE DEI MENU ================================================================= */

ul.barra
	{
		margin: 0px;
		padding: 0px;
	}

ul.barra li
	{
	 	margin: 0px;
	 	padding: 0px;
	 	width: 100px;
		display: inline;
	}

ul.barra li p.skaperta
	{
	 	padding: 5px 5px 5px 7px;
		border: 1px solid black;
		border-bottom: none;
		background-color: silver;
	 	color: black;
	 	font-weight: bold;
		text-decoration: none;
		/*background-image: url(img_site/pulsante_su.png);
		background-repeat: no-repeat;*/
		display: inline;
	}

ul.barra li p.skchiusa
	{
	 	padding: 5px 5px 4px 7px;
		border: 1px solid black;
		border-bottom: none;
		background-color: #A9A9A9;
	 	color: silver;
	 	font-weight: bold;
		text-decoration: none;
		/*background-image: url(img_site/pulsante_su.png);
		background-repeat: no-repeat;*/
		display: inline;
	}

ul.barra li p.p_dis
	{
	 	padding: 5px 5px 4px 7px;
		/*border: 1px solid black;
		border-bottom: none;*/
		background-color: #A9A9A9;
	 	color: silver;
	 	font-weight: bold;
		text-decoration: none;
		/*background-image: url(img_site/pulsante_su.png);
		background-repeat: no-repeat;*/
		display: inline;
	}

ul.barra li a
	{
	 	padding: 5px 5px 4px 7px;
	 	margin: 0px;
		/*border-right: 1px solid black;
		border-bottom: 1px solid black;*/
	 	color: black;
	 	font-weight: bold;
		text-decoration: none;
		/*background-image: url(img_site/pulsante_su_silver.png);*/
		background-color: #A9A9A9;
	}

ul.barra li a:hover
	{
		background-color: #4682B4;
		color: silver;
		/*padding: 8px 5px 7px 7px;
		background-image: url(img_site/pulsante_giu.png);*/
	}
	
ul.barra li a.pulse
	{
		padding: 3px 3px 2px 5px;
		border: 1px solid black;
	}

ul.barra li a.pulse:hover
	{
		border: 1px solid white;
		color: white;
	}

ul.note_errori
	{
		margin: 0px;
		padding: 0px;
	}

ul.note_errori li
	{
		margin: 0px;
		padding: 5px;	
		list-style: disc inside;		
	}

ul.note_errori li a
	{
		color: red;
		font-weight: bold;
	}

ul.note_errori li a:hover
	{
		color: #A9A9A9;
	}

a.bar
	{
		text-decoration: none;
		font-weight: bold;
		color: white;
	}

a.bar:hover
	{
		text-decoration: none;
		color: #808080;
	}

a.scheda
	{
		text-decoration: none;
		font-weight: bold;
		color: #808080;
	}

a.scheda:hover
	{
		text-decoration: none;
		color: silver;
	}

/* TABELLE ==================================================================== */

table.elenco
	{
	 	margin: 0px;
	 	padding: 0px;
		table-layout: fixed;
		width: 100%;
		border: 2px solid gray;
		border-collapse: collapse;
	}

table caption
	{
		font-weight: bold;
		background-color: gray;		
		font-size: 1.25em;
		text-align: left;
	}

table.elenco tr.titoli
	{
		background-color: gray;
		font-weight: bold;
		color: silver;
	}

table.elenco tr.riga1
	{
		background-color: silver;
	}

table.elenco tr.riga2
	{
		background-color: #A9A9A9;
	}

table.elenco td
	{
		padding: 2px;
	}

table a.elemento
	{
		text-decoration: none;
		color: black;
	}

table a.elemento:hover
	{
		text-decoration: none;
		color: #4682B4;
		font-weight: bold;
	}
	
/* MODULI ================================================================== */

form
	{
		margin: 0px;
		padding: 0px;	
	}

fieldset
	{
		border: 2px solid black;
		padding: 5px; 
		background-color: transparent;
	}

legend
	{
		color: black;
		font-weight: bold;
		background-color: transparent;
	}

label
	{
		margin: 0px;
		padding: 0px;
		font-weight: bold;
	}

input.testo
	{
		font-family: arial,tahoma,verdana, sans-serif;
		width: 25%;
		border: 1px solid gray;
		color: black;
		padding: 2px;
		background-color: white;
	}

input.testo:focus
	{
		border: 2px solid #4682B4;
	}

input.numero
	{
		font-family: arial,tahoma,verdana, sans-serif;
		width: 5%;
		border: 1px solid gray;
		color: black;
		padding: 2px;
		background-color: white;
	}

input.numero:focus
	{
		border: 2px solid #4682B4;
	}

textarea
	{
		font-family: arial,tahoma,verdana, sans-serif;
		font-size: 100%;
		width: 85%;
		border: 1px solid gray;
		color: black;
		padding: 2px;
		background-color: white;
	}

textarea:focus
	{
		border: 2px solid #4682B4;
	}

select
	{
	 	font-size: 100%;
	}

input.pulse
	{
		font-family: arial,tahoma,verdana, sans-serif;
		font-size: 75%;
		width: 35%;
	}