body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	background:#e0e0e0 url(/immagini/bg.gif) top left repeat-x;}
/*text style--------------------------------------*/
a{
	color:#000;
	text-decoration:none;}
a:hover{
	text-decoration:underline;}
h1 a, h2 a, h3 a, h4 a{
	text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{
	text-decoration:underline;}
.menu a, #nav-menu a{text-decoration:none;}
.menu a:hover, #nav-menu a:hover{color:#c50017}
	/*family---------------------------------------------*/
	h1, h2, h3, h4, .menu, .data, .agenda, .nota, .headline, ul.pagination li, .banner, #nav-menu, .casa-ed, .pub{font-family: 'Ruda', sans-serif; -webkit-font-smoothing:antialiased;}
	.grafic, .sentence{font-family:garamond, 'EB Garamond', georgia,serif; -webkit-font-smoothing:antialiased;}
	.nav, #primopiano-link{font-family: 'Lucida Grande', 'Myriad Pro', arial, sans-serif;-webkit-font-smoothing:antialiased;}
	/*size & style-------------------------------------------*/
	h1, h2, h3, h4{margin:0px 0px; font-weight:900;}
	h1{font-size:30px;}
	h2{font-size:25px;}
	h3{font-size:17px;}
	.menu{font-size:16px;}
	.more{font-size:12px; text-decoration:underline;}
	.data, .casa-ed, .pub{font-size:12px; font-weight:bold;}
	.headline{font-size:16px; margin-bottom:15px;}
	.nota{font-size:12px; text-transform:uppercase; color:#999999;}
	.grafic{font-size:36px; font-style:italic;}
	#nav-menu{font-size:15px;}

/*custom-box--------------------------------------------*/
.container_12.pad{
	padding:0px 10px;
	width:940px;}
.container_12.pad.lx, .container_12.pad.rx{
	width:950px;}
.container_12.pad.lx{
	padding-left:0px;}
.container_12.pad.rx{
	padding-right:0px;}
.container_12.pad .grid_1, .container_12.pad .grid_2, .container_12.pad .grid_3, .container_12.pad .grid_4, .container_12.pad .grid_5, .container_12.pad .grid_6, .container_12.pad .grid_7, .container_12.pad .grid_8, .container_12.pad .grid_9, .container_12.pad .grid_10, .container_12.pad .grid_11, .container_12.pad .grid_12{
	padding:0px 20px;
	margin:0px 0px;}
.container_12.pad .grid_1{
	width:38px;}
.container_12.pad .grid_2{
	 width:116px;}
.container_12.pad .grid_3{
	width:194px;}
.container_12.pad .grid_4{
	width:272px;}
.container_12.pad .grid_5{
	width:350px;}
.container_12.pad .grid_6{
	width:428px;}
.container_12.pad .grid_7{
	width:506px;}
.container_12.pad .grid_8{
	width:584px;}
.container_12.pad .grid_9{
	width:662px;}
.container_12.pad .grid_10{
	width:740px;}
.container_12.pad .grid_11{
	width:818px;}
.container_12.pad .grid_12{
	width:896px;}
.clear{
	clear:both;}
ul.line{
	padding:0px 0px;
	list-style:none;}
ul.line li{
	list-style:none;
	margin:0px 0px 15px;
	padding:0px;}
#banner-bottom{
	text-align:center;
	padding:20px 0px;}
.social{
	padding-top:10px;}
.social .social-box{
	float:left;
	display:inline;
	margin-right:10px;}
.figure{
	float:left;
	margin:0px 20px 20px 0px;}
	/*dimension------------------------------------------*/
	/*style-----------------------------------------------*/
	.section{
		background:#fff;}
	.article{
		margin-bottom:30px;}
	.article .head{
		margin-bottom:5px;}
	.agenda{
		background:url(/immagini/bg_agenda.gif) top left no-repeat;
		width:60px;
		height:60px;
		text-align:center;
		float:left;
		color:#faeace;
		font-weight:900;}
	.agenda a, .agenda a:hover{
		text-decoration:none;
		color:#faeace;}
	.agenda .day{
		font-size:30px;
		padding-top:10px;}
	.agenda .month{
		font-size:14px;
		text-transform:uppercase;
		margin-top:-5px;}


/*header-----------------------------------*/
#header{
	padding:20px 30px;
	width:900px;
	border-bottom:1px solid #e3e3e3;}
#header ul li{
	float:left;
	display:inline;}
#logo{
	margin-right:30px}
#search{
	width:200px;
	margin-left:330px;
	border:1px solid #e3e3e3;
	-moz-border-radius:6px;-webkit-border-radius:6px; border-radius:6px;}
#search input{
	background:none;
	border:0px;}
#search input[type=text]{
	width:140px;
	padding:10px;
	display:block;
	float:left;}
#search input[type=submit]{
	background:url(/immagini/serach_lens.gif) center center no-repeat;
	width:20px;
	height:35px;
	display:block;
	float:left;
	}
#social-header{
	/*border:1px solid #e3e3e3;
	border-right:0px;*/
	width:50px;}
#social-header .socialimg{/*border-right:1px solid #e3e3e3; float:left;*/ float:right; border:1px solid #e3e3e3; }
#header ul li#pd-link{
	float:right;}
ul.menu{
	margin:10px 0px 0px;}
ul.menu li{
	margin-right:20px;}

	#nav-menu{
	list-style:none;
	margin-top:15px;
	margin-left:-10px;
	/* Clear floats */
	float:left;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
	}
	#nav-menu li{
		float:left;
		margin-right:3px;
		position:relative;
	}
	#nav-menu a{
		display:block;
		padding:5px 10px;
		text-decoration:none;
	}

	/*--- DROPDOWN ---*/
	#nav-menu ul{
		background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
		background:rgba(255,255,255,255); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
		list-style:none;
		position:absolute;
		left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
		z-index:99999999;
	}
	#nav-menu ul li{
		padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
		float:none;
		display:block;
	}
	#nav-menu ul a{
		white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	}
	#nav-menu li:hover ul{ /* Display the dropdown on hover */
		left:0; /* Bring back on-screen when needed */
	}
	#nav-menu li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
		/*background:#6b0c36;
		text-decoration:underline;*/
	}
	#nav-menu li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
		text-decoration:none;
	}
	#nav-menu li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
		/*background:#333;*/
	}

/*footer---------------------------------------------------*/
#footer-wraper{
	background:#fff;
	padding:20px 0px;
	}
#footer, #footer a{
	color:#999999;
	font-size:14px;}
#banner-footer{
	float:right;}
#banner-footer img{
	float:right;
	margin-left:15px;}
/*homepage-------------------------------------------------*/

	/*slider home-------------------------------------*/
	#slides{
		position:relative;}
	.slides_container {
		width:960px;
		display:none;
		z-index:1;}
	.slides_container .slide {
		width:960px;
		height:320px;
		display:block;
		z-index:2;}
	.pagination {
		list-style:none;
		margin:0;
		padding:0;}
	.slides_container .figure{
		width:480px;
		height:320px;
		overflow:hidden;
		float:left;}
	.slides_container .figure img{
		max-width:480px;}
	.slides_container .description{
		float:right;
		width:350px;
		margin-right:30px;
		padding-top:30px;}
	.slides_container .description a.link_description{
		display:block;
		height:240px;}
	.slides_container .description .head{
		margin-bottom:20px;}
	.slides_container .description .head strong{
		 font-style:italic;}
	ul.pagination{
		position:absolute;
		width:60px;
		height:320px;
		top:0px;
		left:480px;
		background:#000;
		z-index:3;}
	ul.pagination li a{
		display:block;
		color:#666666;
		text-decoration:none;
		width:100%;
		padding:10px 0px;
		text-align:center;
		font-size:40px;}
	ul.pagination li a:hover, .pagination .current a{
		background:#fff;
		color:#c50017;}

	/*agendahome--------------------------------------*/
	#agenda-home{
		background:#faeace;
		padding:20px 10px;
		border-top: 20px solid #c50017;}
	#side-home{
		border-left:1px solid #e3e3e3;
		width:481px;
		padding:0px 0px;
		}
	#agenda-home .appuntamento .description{
		float:left;
		margin-left:20px;
		width:114px;
		}
	#agenda-home .appuntamento .head, #agenda-home .appuntamento .head h3{
		margin-bottom:0px}
	/*news-home-------------------------------------------*/
	#news-home{
		padding-left:0px;
		width:960px;}
	#primi-piano{
		padding:0px 0px;
		width:478px;}
	#primi-piano .news{
		padding:30px 20px 0px 30px;}
	/*sentence--------------------------------------*/
	.sentence{
		text-align:center;
		background:url(/immagini/virgolette.gif) 20px 30px no-repeat;
		padding:40px 85px 40px;
		border-bottom:1px solid #e3e3e3;}
	.sentence p{
		font-size:36px;
		font-style:italic;
		margin:0px 0px 30px;}
	/*consigli di letture------------------------------------*/
	.consigli-di-lettura{
		padding:20px;
		background:#fff4e2;}
	#primi-piano .consigli-di-lettura{
		padding-left:30px;}
	.consigli-di-lettura .headline{
		font-size:24px;}
	/*video-flickr---------------------------------------------*/
	.video-flickr{
		background:#000;
		color:#fff;}
	.video-flickr a{color:#fff;}

	/*video-embed--------------------------------------------*/
	.video-embed .headline{
		font-size:24px;
		padding:20px;
		margin:0px 0px;}
	.video-embed embed, .video-embed object, .video-embed iframe{
		width:481px !important;
		height:271px !important;
		}
	.video-embed{
		padding-top:10px;}

	/*tab news-------------------------------------------*/

	#primopiano-link{
		padding:20px 0px;
		font-size:14px;}
	#primopiano-link a:hover{
		color:#c50017;}

		/* Generic Utility */
	.hide { position: absolute; top: -9999px; left: -9999px; }


		/* Specific to example one */

	#tab-news {padding:20px 0px;}

	#tab-news .nav { overflow: hidden; margin: 0 0 20px 0; }
	#tab-news .nav li { float: left; margin: 0 10px 0 0; }
	#tab-news .nav li.last { margin-right: 0; }
	#tab-news .nav li a { display: block; }
	#tab-news .nav li a:hover, #tab-news .nav li a.current { color: #c50017; }

	#tab-news ul { list-style: none; }
	#tab-news ul li a { display: block; text-decoration:none;}
	#tab-news ul li a:hover, #tab-news ul li a.current {  }
	#tab-news ul li:last-child a { border: none; }

	/*banner-home-----------------------------------------*/
	#banner-home .grid_3.banner{
		width:239px;
		margin:0px 0px;
		padding:0px 0px;
		border-right:1px solid #fff;
		font-size:18px;
		height:220px;
		overflow:hidden;}
	.banner .tit{
		font-size:36px;
		font-weight:900;
		width:100%;
		margin-bottom:15px;}
	.banner .figure{
		float:left;
		margin-right:15px;}
	#banner-home .grid_3#banner-pubblicazioni, #banner-home .grid_3#banner-newsletter{
		width:179px;
		padding:30px;
		height:160px;}
	#banner-pubblicazioni, #banner-newsletter, #banner-pubblicazioni a, #banner-newsletter a, #banner-pubblicazioni a:hover, #banner-newsletter a:hover{
		color:#fff;
		text-decoration:none;}
	#banner-pubblicazioni{
		background:#000;
		width:199px;
		float:left;
		padding:20px;
		height:183px;
		}
	#banner-newsletter{
		background:#c50017;
		width:199px;
		float:left;
		padding:20px;
		height:183px;
		}
	#banner-video{
		background:#666;
		padding:20px;
		color:#FFF
		}
	#banner-video a{
		color:#FFF
		}
	#banner-video img{
		margin:0 18px 0;
		vertical-align:middle
		}
	#banner-video .tit{
		line-height:16px;
		}
	.sud-banner{
		width:100%;
		text-align:center;
		/*border-bottom:1px solid #e3e3e3;*/
		height:110px;}
	.container_12 .sud-banner{
		width:239px;
		float:left;
		border-right:1px solid #e3e3e3;
	}
/*interne-------------------------------------------------------------------*/
	/*custom boxes---------------------------*/
	#side{
		border-left:1px solid #e3e3e3;
		width:239px;
		padding:0px 0px;
		}
	.interna .news{
		padding:30px 40px;}
	.interna .box, #side .box, #side .grid_3.banner {
		padding:20px;
		height:auto;
		width:auto;
		float:none;
		display:block;}
	.interna #description .headline{
		float:left;}
	.interna #description .top .social{
		float:right;}
	.interna #side .side-news ul li{
		margin-bottom:15px;
		font-size:14px;}
	.interna #side .side-news, .interna #side .side-news a{
		color:#666666
		}

	/*font style/size---------------------------------*/
	.interna .description .headline{
		font-family: 'Ruda', sans-serif; -webkit-font-smoothing:antialiased;
		}
	.interna #description .headline{
		color:#e8e8e8;
		font-size:48px;}
	.interna #side .headline{
		color:#666666}

	/*indice---------------------------------------------*/
	.indice ul.loop li{
		padding:0px 0px 20px;
		margin-bottom:30px;
		border-bottom:1px dotted #e3e3e3;}
	#pagenavigator span{
		font-weight:bold;
		font-size:18px;}
	#pagenavigator span a{
		font-weight:normal;
		font-size:14px;}

		/*agenda---------------------------------------------------*/
		.indice-agenda .agenda{
			background:url(/immagini/bg_indice_agenda.gif) top left no-repeat;
			margin: 0px 20px 20px 0px;
			color:#fff;}

	/*dettaglio-------------------------------------------*/
	.dettaglio #description .content a{
		text-decoration:underline;}
	.dettaglio #description .figure{
	float:right;
	margin:0px 0px 20px 20px;}
	.dettaglio #description .figure img{
		max-width:600px;}
	.dettaglio h1{ margin:10px 0 0 0;}
	.dettaglio h2{ margin:5px 0 20px 0; font-style:italic; font-size:16px;}
	.dettaglio #container{background:#fff;}
	.dettaglio .content{line-height:20px;}