/* Bordi, colori, dimensioni e spaziature griglia */
html{background: #3f3f3f;
	color: #3f3f3f;
	font-family: Arial, Helvetica;
}
div#header{
	position:relative;
	border-bottom: 8px solid #3f3f3f;
	background: #ffffff url(/images/logoHead.gif) no-repeat top left;
}
div#container{
	width:850px;margin:0 auto;
	background: url('/images/sfondo1.gif');
}
div#content{
	float:right;width:558px;
	padding: 7px;
	margin-left: 8px;
}
div#navigation{
	float:left;width:250px;
	padding: 10px;
	/* larghezza totale: 270px*/
}
div#extra{
	float:left;clear:left;width:250px;
	padding: 10px;
	border-top: 8px solid #3f3f3f;
}
div#footer{
	clear:both;width: 830px;
	border-top: 8px solid #3f3f3f;
	padding: 10px;
	background: #ffffff;
}

/* Attributi sezioni particolari */
div#header h1{text-align: right; font-size: 32px; letter-spacing: -2px; padding: 0 25px 0 0; margin: 0;}
div#header h1#riga2{color: #d05631; font-size: 38px; font-weight: bold; letter-spacing: 10px; margin-right: -10px;}

/* Home Page*/
#paginahome #container{background: #ffffff; padding: 0;}
#paginahome #navigation, #paginahome #eventi{
	float: left; width: 255px;
	padding: 10px;
	height: 520px;
	border-right: 8px solid #3f3f3f;
}
#paginahome #avvisi, #paginahome #mostre{
	float: left; width: 263px;
	height: 520px;
	padding: 10px;
}
#paginahome #galleria, #paginahome #corsi{
	float: left; width: 256px;
	height: 520px;
	padding: 10px;
	border-left: 8px solid #3f3f3f;
}
#paginahome #avvisi{
	text-align: justify;
	background: url(/images/lago.jpg) 50% 375px no-repeat;
}
#paginahome #corsi, #paginahome #eventi, #paginahome #mostre{
	border-top: 8px solid #3f3f3f;
}
#paginahome .titolosezione{
	font-size: 20px; padding: 0;
	font-weight: bold;
}
#paginahome #eventi .titolosezione, #paginahome #mostre .titolosezione, #paginahome #corsi .titolosezione{
	background: #c7c7c7 url(/images/barra1.jpg) top left no-repeat;
	border-bottom: 8px solid #3f3f3f;
	color: #d05631;
	font-size: 20px; padding: 0 10px 0 10px; margin: -10px -18px -10px -10px;
	font-weight: bold;
}
#paginahome #mostre .titolosezione{
	background: #c7c7c7 url(/images/barra2.jpg) top center no-repeat;
	border-bottom: 8px solid #3f3f3f;
	color: #d05631;
	font-size: 20px; padding: 0 10px 0 10px; margin: -10px;
	font-weight: bold;
}
#paginahome #corsi .titolosezione{
	background: #c7c7c7 url(/images/barra3.jpg) top right no-repeat;
	border-bottom: 8px solid #3f3f3f;
	color: #d05631;
	font-size: 20px; padding: 0 10px 0 20px; margin: -10px -10px -10px -18px;
	font-weight: bold;
}
#paginahome #galleria #flashcontent{
	padding: 10px 0 10px 0;
}
#paginahome #galleria #feedSito h2{
	border-top: 8px solid #3f3f3f;
	padding: 0 10px 0 20px; margin: 0 -10px 0 -18px;
	color: #d05631;
	font-size: 24px;
	font-weight: bold;
}
#paginahome .tabellaEventi, #paginahome .tabellaEventi tr{border: none;}
#paginahome .contenitoreStandard{ margin-top: 15px; height: 468px; overflow: auto;}

/* MENU principale */
div#navigation{

}
div#navigation p{font-size: 20px; padding: 0; margin: 0 0 5px 0;}
div#navigation p#menuhome a{font-weight: bold;}

/* V1
div#navigation a, div#navigation a:visited {color: #d05631; text-decoration: none; font-weight: normal;}
div#navigation a:hover{ color: #7394d5;}

#paginachisiamo #menuchisiamo a,
#paginacosafacciamo #menucosafacciamo a,
#paginaattivita #menuattivita a,
#paginarassegne #menurassegne a,
#paginavisita #menuvisita a,
#paginacipiacerebbe #menucipiacerebbe a,
#paginacontatti #menucontatti a,
#paginalinks #menulinks a,
#paginacalendarioeventi #menucalendarioeventi a,
#paginacalendariomostre #menucalendariomostre a,
#paginacalendariocorsi #menucalendariocorsi a,
#paginaquaderni #menuquaderni a
{color: #7394d5; font-weight: bold; cursor: default;}

*/
 /* V2 */
div#navigation a, div#navigation a:visited {color: #3f3f3f; text-decoration: none; font-weight: normal;}
div#navigation a:hover{ color: #d05631;}

#paginachisiamo #menuchisiamo a,
#paginacosafacciamo #menucosafacciamo a,
#paginaattivita #menuattivita a,
#paginarassegne #menurassegne a,
#paginavisita #menuvisita a,
#paginabacheca #menubacheca a,
#paginacipiacerebbe #menucipiacerebbe a,
#paginacontatti #menucontatti a,
#paginalinks #menulinks a,
#paginaarearis #menuarearis a,
#paginacalendarioeventi #menucalendarioeventi a,
#paginacalendariomostre #menucalendariomostre a,
#paginacalendariocorsi #menucalendariocorsi a,
#paginanegozianti #menunegozianti a,
#paginamangiare #menumangiare a,
#paginaquaderni #menuquaderni a,
#paginahomeEsercizio #menuhomeEsercizio a,
#paginaavvisi #menuavvisi a,
#paginagalleria #menugalleria a,
#paginadovesiamo #menudovesiamo a,
#paginacurtesela #menucurtesela a,
#paginahome #menuhome a,
#navigation p.selected a
	{
	color: #7392d5; font-weight: bold; cursor: default;
	background: url(/images/tab.gif) no-repeat center left;
	padding-left: 16px;
}

/*  CONTENUTO PAGINA */
div#content *{
	line-height: 150%;
}
h1, h2, h3{margin: 0; padding: 0;}
h2{color: #d05631;}
h3{color: #7392d5;}
p.scorrimentoPagine{text-align: center;}

a{color: #3f3f3f; text-decoration: none; font-weight: bold;}
a:visited {color: #3f3f3f; text-decoration: none;}
a:hover{ color: #7394d5;}

/* CI PIACEREBBE CHE */
div#guestbook div.proposta{
	border: 1px dotted #000;
	background: #c7c7c7;
	padding: 5px;
	margin: 3px 0;
}
div#guestbook div.proposta div.testo{
	margin-left: 40px;
	font-style: italic;
}
/*
	ARANCIONE d05631
	GRIGIO SCURO: 3f3f3f
	GRIGIO CHIARO: c7c7c7
	"NERO": 3f3f3f
	AZZURRO: 7394d5

	BORDI: 8 pixel (totale)

	TOP: padding destro 25px
			prima riga nero
			seconda riga arancione + grande

	MENU: largo 260 + padding + bordo destro
			bordo sopra, bordo sotto.


 */

 /* STILI FORM */
form {
	width:500px;
	border:1px dashed rgb(51,102,153);
	padding:5px;
	margin:0 20px;
	text-align:center;
}
form p{ margin: .2em 0; clear: both; }
form .nota{font-weight: normal;}
form p.nota{text-align: left;}
form .descrizione{text-align: left;}
fieldset {
	padding:1em;
	padding-top:0;
	border:2px groove;
	margin: 0;
}
legend {
	font-style:normal;
	color: #990000;
	font-size:14px;
	padding:5px;
}
#informazioni label, .informazioni label {
	display:block;
	float:left;
	width:150px;
	text-align:right;
	font-weight:bold;
	padding-right:0;
}
#informazioni input, .informazioni input {
	width:280px;
	padding:0;
	margin-left:10px;
}
#informazioni select, .informazioni select {
	width:300px;
	padding:0;
	margin-left:10px;
}
#informazioni textarea, .informazioni textarea{
	width:300px;
	font-size: 12px;
	padding:0px 0px 0px 2px;
	margin-left:10px;
	height: 400px;
}
#conferma label{ font-size: 11px; }
input#invia {
	font-weight: bold;
	font-size:11px ;
	width:120px;
}
input#annulla {
	min-width: 80px;
	font-weight: bold;
	font-size:11px ;
}

#informazioni textarea, .informazioni textarea{
	width:300px;
	font-size: 12px;
	padding:0px 0px 0px 2px;
	margin-left:10px;
	height: 400px;
}
.textAreaPagina, #informazioni textarea.textAreaPagina, .informazioni textarea.textAreaPagina{ width: 500px; height: 500px; padding: 2px; }

/* PAGINE GESTIONE*/
#paginac table{margin: 10px 0;}
#paginac table, #paginac table tr, #paginac table tr th, #paginac table tr td{border: 1px solid gray; border-collapse: collapse;}
#paginac table tr td{padding: 5px;}


/*   PAGINE PERSONALI ESERCIZI  */
div#immagineHomePage{text-align: center;}
div#immagineHomePage img{border: 5px double #3f3f3f}
div#testo, div#immagineDoveSiamo{background: #3f3f3f; color: #ffffff; text-align: justify; padding: 10px;}
div#immagineDoveSiamo{text-align: center;}
div#immagineDoveSiamo img{border: 5px double #c7c7c7}

ul.avvisoPubblico{
	list-style: none;
	background: #3f3f3f;
	color: #ffffff;
	margin: 8px;
	padding: 8px 0 8px 0;
	text-align: justify;
}
ul.avvisoPubblico li{
	margin: 16px 8px 0 8px;
	border: 1px solid #c7c7c7;}
ul.avvisoPubblico li *{margin: 0; padding: 0 4px 0 4px;}
ul.avvisoPubblico li h3{text-align: center;}
ul.avvisoPubblico li h4.tipoavviso{text-align: right; color: #c7c7c7;}
ul.avvisoPubblico li p.linkDettagli{text-align: right;}
ul.avvisoPubblico li p.linkDettagli a{color: #ffffff;}
ul.avvisoPubblico li p.linkDettagli a:hover{color: #7394d5;}


/*   ESERCIZI */
div#esercizi div#selezioneCategoria p{ margin: 25px 0 0 0; padding: 0; font-size: 90%; text-align: right;}
div#esercizi h3{padding: 15px 0 0 0;}
div#esercizi .esercizio{
	margin-top: 15px;
	margin-left: 25px;
	margin-right: 25px;
	border: 1px solid #c7c7c7;
}
div#esercizi .esercizio h4{ margin:0; padding:5px 0 0 0; text-align: center;}
div#esercizi .esercizio h5{ margin:0; padding:0 0 5px 0; text-align: center;}
div#esercizi .esercizio p{ margin:0; padding:0;}
div#esercizi .esercizio p.sito{ text-align: right;}

div#eserciziConPagina .esercizio{
	margin: 15px 0 0 0;
	border: 1px solid #c7c7c7;
}
div#eserciziConPagina .esercizio h4{ margin:0; padding:5px 0 0 0; text-align: center;}
div#eserciziConPagina .esercizio h5{ margin:0; padding:0 0 5px 0; text-align: center;}
div#eserciziConPagina .esercizio div.immagineHome{display: block; margin: 0 auto; text-align: center;}

/*   CALENDARIO EVENTI */
table.tabellaEventi {
	margin: 20px auto auto auto;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #c7c7c7;
}
table.tabellaEventi td{padding: 10px;}
table.tabellaEventi tr.sommarioevento{border-bottom: 1px solid #c7c7c7;}
table.tabellaEventi td.categoria{text-align: right; text-transform: capitalize; font-style: italic;}
table.tabellaEventi td.data{text-align: left; text-transform: capitalize; font-weight: bold;}
table.tabellaEventi tr.sommarioevento h2{font-size: 20px; text-align: center; font-variant: small-caps;}
table.tabellaEventi tr.sommarioevento h2 .luogoEvento{font-size: 18px; color:#3f3f3f;}
table.tabellaEventi tr.sommarioevento p.linkDettagli{text-align: right; font-weight: bold;}

p#pulsantinavigazione {text-align: center; font-size: 85%;}
p#pulsantinavigazione a img{border: none;}

div#unEsercizio{
	border: 1px solid #c7c7c7;
	padding: 10px;
	background: #3f3f3f;
	color: #c7c7c7;
}
div#unEsercizio p#nomeEsercizio{margin: 0; padding: 0; color: #ffffff; text-align: center;}
div#unEsercizio div#indirizzoEsercizio p{margin: 0; padding: 0;}
div#unEsercizio div#piede{font-size: 90%; text-align: right; margin: 0; padding: 0;}


/* barra ricerca */
div#header div#ricerca{
	padding: 0;
	background: #c7c7c7 url(/images/sfondo-barra-superiore.jpg) no-repeat top right;
	border-top: 8px solid #3f3f3f;
}
div#header div#ricerca form div{width: 300px; margin: 0 0 0 auto;}
div#header div#ricerca form {
	width:auto;
	border:none;
	padding:0;
	margin:0;
	text-align:left;
}

div#selezioneCategoria form div{width: 300px; margin: 0 0 0 auto;}
div#selezioneCategoria form {
	width:auto;
	border:none;
	padding:0;
	margin:0;
	text-align:left;
}




/* Stili nascosti */

.accessibile, hr {
	display: block;
	left: -2000px;
	overflow: hidden;
	width: 1px;
	position: absolute;
	height: 1px;
}