@import url(../stili/ombre.css);
html,body{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
/* Firefox workaround to avoid content moving on page length */
html {overflow: -moz-scrollbars-vertical; overflow-x: auto;}

body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 80%;
	color: #694F35;
	/* background: url(../images/kolomanMoser.gif);
	background-attachment: fixed; */
  
	background:#c0c0c0;
}
body.indice { /* defizione alternativa per le pagine indice */
/*	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/sfondo_spiga.gif); */
}
div.cornice{ /* definisce la cornice del contenitore */
 }
div.contenitore {
	/* definisce il contenitore di tutte le pagine */
	background: #ffffff;
	min-height: 590px;
}


small {
	font-size: 80%;
}
.sans 	{
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 70%;
}
/*  COLORI */
.rosso	{color: #fc0e04} /* e' il rosso ufficiale del logo*/
.fondorosso {background-color: #fc0e04;} /* e' il rosso ufficiale del logo*/
.beige	{color: #f2f4d5}

/* definizione per tutti i links */
A {color: #fc0e04;  background: transparent none; text-decoration: none}
A:hover {color: #fc0e04;  background: transparent none;  text-decoration: underline}
A:active {color: #fc0e04;  background: transparent none; text-decoration: none}

hr	{color: #fc0e04}

/* la pagina e' formata da "testa" "menu" "corpo" e "piede" contenuti in "contenitore" */
.testa	{
	/* intestazione con logo e titolo */
	color: #fc0e04;
	background: transparent;
	font-family: sans-serif;
	font-size: 250%;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	font-variant: small-caps; /* */
	width: 100%;
	empty-cells: show;
	padding: 0 0 0 0;
}
table.testa {
		margin: 10px 0 0 0;
}
.testa img{
	border:none;
}
.menu { /* blocco menu */
	padding: 0 0 0 0;
	font-size: 100%;
	font-family: sans-serif;
	text-align: center;
	margin: 20px auto 22px auto;
}
.menu a {
	color: #fc0e04;
	font-style: normal;
	font-variant: normal;
}
.menu a:hover{text-decoration: underline;}
.menu div{
  text-align:right;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  color: #fc0e04;
}
#menu { /* linea menu (ricordarsi che la classe menu ha la precedenza dell'id menu */
  text-align: center;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  color: #FFFFFF;
  background: #fc0e04 none;}
#menu A {color: #FFFFFF; 	font-weight: bold; background: #fc0e04 none; text-decoration: none;}
#menu A:hover {color: #fc0e04; background: #FFFFFF; text-decoration: none;}

div.corpo { /* corpo della pagina di testo all'interno del contenitore*/
	margin-left: 2em;
	margin-right: 2em;
	text-align: justify;
	text-indent: 1em;
}
.corpo h1,h2 { /*stile dei titoli nel corpo*/
	text-align:left;
	padding-left:2em;
	text-indent:-2em;
}
.colonnaDX {
	/*spalla destra all'interno del "corpo" */
	float: right;
	/* margin-left: 1.5em; */
	padding-left: 1em;
	padding-bottom: 1em;
	width: 30%;
}
.colonnaSX {
	/*colonna sinistra all'interno del "corpo" */
	float: left;
	/* margin-right: 1.5em; */
	padding-right: 1em;
	padding-bottom: 1em;
	width: 60%;
}
.elenco { /* classe per elenchi identati a sinistra */
	text-indent: -2em;
	text-align: left;
	padding-left: 2em;
}
ul.elenco { /* un <ul> di classe elenco non ha i bolli basta l'identazione*/
	list-style-type: none;
}
.dotted-box {
  border: 1px dotted; 
  padding: 0.5em 0.5em 0.5em 0.5em;
  margin: 0.5em 0.5em 0.5em 0.5em;
}
.piede { /* classe piede della pagina */
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: smaller;
	font-style: italic;
	background: transparent none;
	font-weight: normal;
	font-variant: normal;
	color: #fc0e04;
}	
div.piede {
	width: 90%;
	margin: 5em 0 1em 0;
	padding: 0 0 0 0;
	text-align: right;
	clear: both;
	position: absolute;
	bottom: 0px;
} 
.piede hr{
	width: 100%;
}
address.piede{ /*indirizzo del webmaster*/
	float: right;
}
.data	{ /* data di aggiornameto all'interno del piede */
	float: left;
}
/* definizioni per la stampa */
@media print {
	.cornice {
	margin: 0 0 0 0;
	padding: 0 0 0 0;}
	.contenitore {
	margin: 0 0 0 0;
	padding: 0 0 0 0;}
	  .menu {visibility:hidden}
	  .piede {visibility:hidden}
	  .data {visibility: visible;}
}
/* definizioni per palmari smasrt phone etc */
@media handheld {
	.cornice {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;}
	.contenitore {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;}
	.corpo {
	margin-left: 0px;
	margin-right: 0px;}
	.testa	{
	margin-top: 0;
}
}