@media screen {

html{
font-size: 100%;
} 


body
{
	background-color: #CCC;
	background: url(images/cogito.gif);
	background-repeat: repeat;
	margin: 0;
	padding: 0;
	font-size: 1em;
}

div.titolo {
	margin: 10px;
	margin-left: 180px;
	text-align: center;
	font-family: sans-serif;
	font-size: 2.25em;
	font-weight: bold;
	padding: 0.05em;
}

div.content { 
	margin: 10px;
	margin-left: 180px;
	color: #000;
	background-color: white;
	text-align: justify;
	padding: 0.6em;
}

.content form {
	background: ButtonFace; 
	border: 2px;
	border-style: outset;
	padding: 0.6em;
}

form p {
	margin:0;
	text-align: center;
}


h1 {
	font-family: sans-serif;
	font-size: 1.5em;
}

h2 {
	font-family: sans-serif;
	font-size: 1.25em;
}

p, ul, ol {
	font-family: serif;
	font-size: 1em;
}

dd {
	font-family: serif;
	font-size: 1em;
}

dt {
	font-family: sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin-top: 1em;
}

img.lg {
	float: right; 
}

img.photo {
	float: right; 
	margin: 10px;
}
.trans {
	display: block;
	text-align: right;
	font-size: 0.75em;
	font-style: italic;
}


/* Colori aree */

.a {
	color: #FFF;
	background-color: #039;
}

.b {
	color: #FFF;
	background-color: #369; /*Blu ErgoSum */
}

.c {
	color: #FFF;
	background-color: #633; /*Rosso ErgoSum */
}

.d {
	color: #FFF;
	background-color: #666;
}

a img
{
	border: none;
}

/* Tabelle */

h2.catalog {
	text-align: center;
	font-family: sans-serif;
	font-size: 1.25em;
	margin-top: 1em;
	margin-bottom: 0.3em;
	color: #633;
}

table {
	font-size: 1em;
	text-align: center;
	border-collapse: collapse;
}

table p {
	text-align: justify;
	font-family: serif;
	font-size: .75em;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #036;
}

td {
	vertical-align: top;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
}

th {
	font-family: sans-serif;
	font-size: 0.6em;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #663;
	color: #FFF;
	background-color: #663;
	font-family: sans-serif;
}

th.c1 {
	width: 7em;
}

th.c3 {
	width: 2em;
}

th.c4 {
	width: 2em;
}

/* Mappa */

#map {
	width: 100%; 
	height: 600px;
	text-align: center;
}

/* Side Bar */

.sideBar {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 175px;
	list-style: none;
	text-align: center;
	text-indent: 0;
	font-family: sans-serif;
	padding: 0;
}

img.logo {
	margin: 10px;
}

.menu {
		width:145px;
		list-style: none; /* no bullet se <ul>*/
		padding: 0px; /* no indent se <ul>*/
		text-align: center;
		font-size: 0.6em;
		margin: 0px 0px 0px 5px ;
}

.menu li{
	margin: 0;
	padding: 0;
}

.menu a {
	display: block; /* Tutta l'area e' cliccabile */
	width: 100%; /* bag di IE */
	text-align: center;
	color: #FFF;
	margin: 3px;
	border: 2px;
	border-color: #CCC #333 #333 #CCC;
	padding: 2px;
	text-decoration: none;
	border-style: solid;
}

.menu a:hover {
	display: block; /* Tutta l'area e' cliccabile */
	background-color: #CFF;
	width: 100%; /* bug di IE */
	color: Black;
	margin: 3px;
	border: 2px;
	border-color: #000 #FFF #FFF #000;
	padding: 2px;
	text-decoration: none;
	border-style: solid;
}

address {
	margin: 10px;
	font-family: sans-serif;
	font-style: normal;
	font-size: .75em;
}

.nota {
	margin: 10px;
	font-family: serif;
	font-size: 10px;
	font-style: italic;
}

#copyright {
	font-size: 0.6em;
	color: #333;
	margin: 10px;
}

#copyright a:link, #copyright a:visited	
{	
	text-decoration: none;
	color:	#333;
}	

#copyright a:active, #copyright a:hover	
{	
	text-decoration:	none;
	background-color:	#CFF;
}	

}

/* PER LA STAMPA ------------------------------------------------------ */

@media print {

body {
	text-align: justify;
}

img {
	border: none;	
}

div.titolo {
	text-align: center;
	font-family: sans-serif;
	font-size: 2.25em;
	font-weight: bold;
	background: #CCC
}

h1 {
	font-family: sans-serif;
	font-size: 1.5em;
}

h2 {
	font-family: sans-serif;
	font-size: 1.25em;
}

img.lg {
	float: right; 
}

img.photo {
	float: right; 
	margin: 10px;
}

.sideBar {
	text-align: center;
	font-family: sans-serif;
	font-size: 0.6em;
}

img.logo {
	position: absolute;
	top: 0;
	left: 0;
}


.menu, .trans, .nota, .sideBar form, form.hide {
		display: none;
}

a {
		text-decoration: none;
		font-weight: bold;
		color: black;
}

/* Mappa */

#map {
	width: 100%; 
	height: 600px;
	text-align: center;
}

.sideBar a {
		text-decoration: none;
		font-weight: normal;
}

.sideBar p img {
	display: none;
}

/* Tabelle */

h2.catalog {
	text-align: center;
	font-family: sans-serif;
	font-size: 1.25em;
	margin-top: 1em;
	margin-bottom: 0.3em;
}

table {
	font-size: 1em;
	text-align: center;
	border-collapse: collapse;
}

table p {
	text-align: justify;
	font-family: serif;
	font-size: 0.75em;
	margin-top: 0px;
	margin-bottom: 0.3em;
}


td {
	vertical-align: top;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
}

th {
	font-family: sans-serif;
	font-size: 0.6em;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
}

th.c1 {
	width: 7em;
}

th.c3 {
	width: 2em;
}

th.c4 {
	width: 2em;
}

}


@media handheld {
	body {
		color: red;
		font-size: 0.75em;
	}
}