﻿/******************** corpo ********************/

html {
	background-color: #fff;
}

body {
	width: 588px;
	margin: auto;
	margin-top: 7px;
	/**** overflow: scroll; ***/
}

/******************** menù orizzonatle ********************/

div#menuorizzontale {
	float: left;
	width: 588px;
	height: 20px;
	font-size: 11px;
	font-family: arial;
}

div#menuorizzontale a {
	text-decoration: none;
	text-align: center;
	color: #999;
}

div#menuorizzontale a:hover {
	color: #000;
}

div#menuorizzontale a.corrente {
	color: #000;
}

a.spazio {
	margin-right: 21px;
}

/******************** briciole ********************/

div#briciole {
	width: 588px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	margin-top: 7px;
	height: 20px;
}

div#briciole a {
	text-decoration: none;
	color: #999;
}

div#briciole a:hover {
	color: #000;
}

div#briciole a.corrente {
	color: #000;
}

/******************** menù laterale ********************/

div#lato {
	width: 98px;
	margin-top: 51px;
	margin-right: 49px;
	float: left;
}

div#logo {
	margin-bottom: 49px;
}

div#lato a img {
	border: none;
}

div.box {
	margin-bottom: 20px;
}

div.box p {
	margin: 0px;
	font-size: 11px;
	font-family: arial;
	color: #000;
	line-height: 1.5;
}

div.box a {
	margin: 0px;
	text-decoration: none;
	font-size: 11px;
	font-family: arial;
	color: #999;
	line-height: 1.5;
}

div.box a:hover {
	text-decoration: none;
	color: #000;
}

div.box a.corrente {
	color: #000;
}

/******************** contenuti ********************/

div#contenuti {
	width: 441px;
	float: right;
	margin-top: 51px;
	min-height: 441px;
}

/****** eventi, giornate, seminari, rassegne *******/

div.eventi {
	width: 441px;
	margin-bottom: 60px;
}

div.eventi img {
	margin-right: 10px;
	float: left;
	border: none;
}

div.eventi a img {
	margin-right: 10px;
	border: none;
	float: left;
}

div.eventi p {
	margin: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5;
	color: #000;
}

div.eventi a {
	margin: 0px;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5;
	color: #999;
}

div.eventi a:hover {
	text-decoration: none;
	color: #000;
}

div.eventi a.corrente {
	color: #000;
}

div.schede {
	margin-bottom: 40px;
}

div.anteprime {
	margin-bottom: 20px;
}

span {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-weight: bold;
	line-height: 1.2;
}

div#forward {
	margin-top: 40px; 
}

div#forward img {
	float: right;
	margin-left: 10px; 
}

div#forward p {
	float: right;
}

/******************** quadrato ********************/

div#quadrato a img {
	border-width: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	float: left;
}

/************ istituzioni e sostenitori ************/

div#ies a img {
	border: none;
}

div#ies p {
	margin: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 1.2;
	margin-bottom: 20px;
}

div#ies table {
	margin: auto;
	margin-bottom: 60px;
}

/******************* pubblicazioni ****************/

div.pubblicazioni {
	margin-bottom: 14px;
	width: 441px;
	float: right;
}

div.pubblicazioni p {
	margin: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 1.4;
	margin-bottom: 10px;
}

div.pubblicazioni img {
	float: left;
	margin-right: 14px;
}

div.pubblicazioni a img {
	border: none;
}

div.testopub a {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #fff;
	background-color: #999;
	padding: 2px;
}

div.testopub a:hover {
	background-color: #000;
	color: #fff;
	text-decoration: none;
}

div.testopub p {
	margin-bottom: 10px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 1.5;
}

/******************* contatti ****************/

div#contatti p {
	margin: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 1.2;
	float: left;
	margin-bottom: 50px;
}

div#contatti p.destra {
	float: right;
}

div#contatti a {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	text-decoration: none;
}

div#contatti a:hover {
	color: #000;
	text-decoration: none;
}

#contatti a img {
	margin-right: 14px;
	border: none;
	float: left;
}

/******************* chi siamo ****************/

div.chisiamo {
	width: 441px;
	margin-bottom: 40px;
}

div.chisiamo p {
	margin: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 1.5;	
}

div.chisiamo a {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	text-decoration: none;
}

div.chisiamo a:hover {
	color: #000;
	text-decoration: none;
}

.chisiamo a img {
	margin-right: 14px;
	border: none;
	float: left;
}

#contenuti .chisiamo .top {
	text-align: right;
	margin-bottom: 40px;
}

/******************* rassegna stampa ****************/

div.rs {
	margin-bottom: 50px;
}

div.rs p {
	line-height: 1.5;
	margin: 0px;
	margin-bottom: 20px;
}

div.rs a {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #fff;
	background-color: #999;
	padding: 2px;	
}

div.rs a:hover {
	color: #fff;
	background-color: #000;
	text-decoration: none;
}

.rs img {
	margin-bottom: 50px;
	float: left;
}

/******************* link utili ****************/

.link {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0 0 20px 0;
		
}

.menuNavigazione li, .menuNavigazione ul {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	list-style: none;
	padding: 0px;
	margin: 0px;	
}

.menuNavigazione {
	width: 250px;
	height: 500px;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.menuNavigazione li {
	 position: relative; /* riferimento per la posizione assoluta dei sottomenu */
}

.menuNavigazione ul.subMenu-off {
	position: absolute;
	visibility: hidden;
	height: 0;
	
}

.menuNavigazione ul.subMenu-on {
	margin: 0;
	padding: 0px;
	position: absolute;
	width: 250px;
	margin-left: 249px;
	top: -0.5px;
}

.menuNavigazione a:link,
.menuNavigazione a:visited {
	color: #999;
}

.menuNavigazione a:hover,
.menuNavigazione a:focus {
	color: #000;
}

.menuNavigazione a {
	display: block; /* estende lo sfondo dei link su tutta la larghezza */
	text-decoration: none;
}

/*********** altri urban center *************/

div#altriuc p {
	margin: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 1.2;
	margin-bottom: 15px;
}

div#altriuc a {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	text-decoration: none;
}

div#altriuc a:hover {
	color: #000;
	text-decoration: none;
}

/*********** temi *************/





/******************* credits ****************/

div#credits p {
	margin-top: 30px; 
	width: 588px;
	font-size: 11px;
	font-family: arial;
	color: #999;
	text-align: center;
	line-height: 1.5;
	float: left;
}

div#credits a {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	text-decoration: underline;
}

div#credits a:hover {
	color: #000;
	text-decoration: underline;
}

