/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}body{line-height:1}a img{border:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}table,td,th{vertical-align:middle}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}button::-moz-focus-inner{border:0}

body { background: #fff url(/static/speciali/repubblica-delle-idee/2012/images/bg-page-iilevel-enel2bis12.gif) top center repeat-x; margin: 25px auto; font:14px/18px Helvetica, sans-serif;color:#222; }

h1 {font:30px/34px PreloSlab-Medium; margin: 10px 0;}

h2.secondo-liv {font-family: PreloSlab-Medium; font-size: 30px; line-height: 34px; margin: 10px 0;}
p.date {font-style: italic;}

a, a:active, a:visited {color:#333;font-weight: bold }
a:hover {color:#f39501; text-decoration: underline}
table a:hover { text-decoration: none; }
table a, table a:active, table a:visited {font-weight: normal; text-decoration: none; }
em.author { font-style: italic; color: #333;}

@font-face {font-family: 'PreloSlab-Medium';src: url('fonts/PreloSlab-Medium.eot');src: url('https://puntoitalia.online/static/speciali/repubblica-delle-idee/2012/css/fonts/PreloSlab-Medium.eot?#iefix') format('embedded-opentype'),url('https://puntoitalia.online//static/speciali/repubblica-delle-idee/2012/css/fonts/PreloSlab-Medium.woff') format('woff'),url('fonts/PreloSlab-Medium.ttf') format('truetype');}
@font-face {font-family: 'Prelo-Medium';src: url('https://puntoitalia.online/static/speciali/repubblica-delle-idee/2012/css/fonts/Prelo-Medium.eot');src: url('https://puntoitalia.online//static/speciali/repubblica-delle-idee/2012/css/fonts/Prelo-Medium.eot?#iefix') format('embedded-opentype'),url('https://puntoitalia.online//static/speciali/repubblica-delle-idee/2012/css/fonts/Prelo-Medium.woff') format('woff'),url('https://puntoitalia.online//static/speciali/repubblica-delle-idee/2012/css/fonts/Prelo-Medium.ttf') format('truetype');} 

.clear {clear: both} 
#main-container {width: 990px; margin: auto;} 
#ed-container {border-left: 1px solid #ccc; border-right: 1px solid #ccc; width: 990px; }
#page-body, .page-body {width:660px; float: left; margin: 10px; border-right: 1px solid #ccc;  }
#sidebar, .sidebar { width: 309px;  float: left; }

.masthead {margin: 0 auto; padding-bottom:20px;}
.masthead a {display: block; width: 990px; height:170px; text-indent: -9999px; }
.masthead .payoff-group {color: #333333;float: right; /*position: relative; top: -21px;*/ text-align: right; width:300px; display:block;}
/*.masthead .payoff-group {  position: absolute;  float: right;  text-align: right;  color: #333; width: 980px;}*/
.masthead .payoff {color: #7299c6; font:30px/34px PreloSlab-Medium; display: block; margin-top: -16px;}
.masthead .payoff-data {font:16px/18px Prelo-Medium;  display: block }
.tw-hashtag {background:  url(../images/sprites.png) 880px -158px no-repeat; padding-top:10px;display: block; font-size: 14px; font-weight: bold}

#sitelinks, #navigation { color:#fff; width: 990px;margin-top:13px;}
#sitelinks #navigation ul  {margin: 0; padding: 0;}	
#sitelinks #navigation ul li {margin: 0px; padding: 8px; float: left; list-style: none;}
#sitelinks #navigation ul  li a {display: block; float: left; color: #FFF;  text-decoration: none; padding: 5px 10px 5px 10px; font-weight: bold;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#3f3f3f', endColorstr = '#000000');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#3f3f3f', endColorstr = '#000000')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #3f3f3f, #000000);
background-image: -ms-linear-gradient(top, #3f3f3f, #000000);
background-image: -o-linear-gradient(top, #3f3f3f, #000000);
background-image: -webkit-gradient(linear, center top, center bottom, from(#3f3f3f), to(#000000));
background-image: -webkit-linear-gradient(top, #3f3f3f, #000000);
background-image: linear-gradient(top, #3f3f3f, #000000);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
border: 1px solid #000;
text-transform: uppercase;
}	
	
#sitelinks #navigation ul  li a:hover {
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#000000', endColorstr = '#3f3f3f');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#000000', endColorstr = '#3f3f3f')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #000000, #3f3f3f);
background-image: -ms-linear-gradient(top, #000000, #3f3f3f);
background-image: -o-linear-gradient(top, #000000, #3f3f3f);
background-image: -webkit-gradient(linear, center top, center bottom, from(#000000), to(#3f3f3f));
background-image: -webkit-linear-gradient(top, #000000, #3f3f3f);
background-image: linear-gradient(top, #000000, #3f3f3f);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
border: 1px solid #000;
text-transform: uppercase;
}	



#partecipare { margin-top: 22px; padding: 8px 0 8px 8px; width:982px;  }
#partecipare a {text-decoration: none; font-weight: bold; color:#FFF!important;  font-size: 14px; }
#partecipare a:before {content: "\0020 \2192 \0020 "; }
#partecipare a:hover {color:#f39501;}
/*°°°°°°°°°°° Articolo / Dettaglio °°°°°°°°°°°°°°*/

.articolo h3 {font-size: 16px;}
.articolo p {margin: 10px 0;}
.articolo .firma {font-style: italic; font-size: 12px;}
.articolo #multimedia {width: 230px; float: left; margin: 0 10px 10px 0}
.articolo #multimedia p {background-color: #333; color: #fff; padding: 5px; margin: 0px;}
.articolo .box { min-height:150px;}
.articolo .box a img{ float:left; margin-right:10px;}
.articolo .box h3 {font:18px/20px Prelo-Medium bold;}
/*.articolo #navigatore-indici {clear:both; margin-top:10px;}
.articolo #navigatore-indici .paging{float:left;}
.articolo #navigatore-indici a.current {float:right; background-color: #900; color:#FFF; font-weight:bold; padding:3px;}*/



/*°°°°°°°°°°° Gallerie °°°°°°°°°°°°°°*/
#list { 	min-height: 300px;}

.content-foto {	   background-color: #F3F3F3;   border: 1px solid #999;   display: inline;   float: left;   height: auto !important;   margin: 0 20px 0 0!important;
   min-height: 178px;   padding: 10px;   text-align: center !important;   width: 130px;}
.content-foto img {    background-color: #FFFFFF;    border: 1px solid #ccc;    margin: 10px 10px 10px 5px;    padding: 5px;}
.content-foto h2 {	font-size: 12px;   font-weight: bold;   line-height: 12px;   margin: 0 0 10px 0;	color: #00386B;}
div.content-foto span.datalist {		display: none;}


#contNav {  	height: 32px; 	padding: 0px!important; 	margin: 0px!important; 	background: #cecece; }
#contNav ul {	list-style: none;  	margin-left: 145px!important;  	padding-top: 5px;	color: #fff;	}
#contNav ul li {	float: left; 	display:inline; 	color: #000;		font-size: 11px;	}
#contNav a {	text-decoration: none; 	text-align: center; 	display: block; 	float: left; 	margin: 0 30px; 	height: 28px; 	font-size: 12px;	position: relative;	list-style:none;	font-size: 11px;	color: #000;	font-weight: bold; 	}
#contNav a:hover { 	color: #cc0018; 	list-style:none;	}
ul.pagination { float: right; padding: 0px; background:#dfdfdf; padding-top: 4px; padding-right: 5px;  }
ul.pagination li { float: left; display:inline; font-size:11px;}
ul.pagination li a{ float: left; display:inline; font-size:11px;}
ul.pagination li.pageof { float: left; display:inline; margin: 5px 3px 0 3px; font-size:11px;width: 45px; text-align: center; line-height: 14px;}
#contGall { background-color:#fff;width:640px; }
#contGall h1 { font-size: 23px; color:#3d3c39; background-color: #fff; margin:10px 0 10px 20px; line-height:40px;}
#contGall img { padding-left: 8px; position: relative; margin-left: 10px;  }
#testo {padding-right:10px;}
#testo strong {color:#3d3c39; }
#testo a {color:#666; font-weight: bold;}
#testo a:hover { color: #880000;}
#foto  {text-align:center;}
.content-articolo #foto {	background-color:#ececec!important; 	width: 680px;	text-align: center;	}
#didaBox {	padding: 10px 10px 20px 30px; 	clear: both; 	margin-bottom: 10px; 	text-align: left;	color: #444444;	}


/*°°°°°°°°°°° come_arrivare °°°°°°°°°°°°°°*/
.arrivare {display: block; float:left; min-height: 160px; background-color: #efefef; margin-bottom: 10px; padding: 10px 10px 0 10px; border: 1px solid #ccc; width: 625px;}
.arrivare img {/*border: 2px solid #ccc;*/ float: left; margin: 10px 10px 0 0;}
.arrivare span.nome {font-weight: bold; font-family: PreloSlab-Medium; font-size: 20px; color: #333;}
.arrivare p.indirizzo {color: #3399CC;}


/*°°°°°°°°°°° Relatori °°°°°°°°°°°°°°*/
.relatori .relatore h4 a { font-weight: normal!important; float:left; margin-bottom:10px;}
.relatori .relatore h4 a:after {content: "\0020 \00A0 \00A0 \0020 ";}
.relatori .relatore {display: block; float:left; height: auto;  background-color: #efefef; margin-bottom: 10px; padding: 10px; border: 1px solid #ccc; width:625px; }
.relatori .relatore h4, .relatori .relatore h4 {font-size: 20px; font-family: PreloSlab-Medium; margin: 10px 0; line-height: 18px!important;}
.relatori .relatore .multimedia {clear:both; }
.relatori .relatore img {border: 2px solid #ccc; float: left; margin-right: 10px; }
.relatori  p.evento-titolo {font-size: 16px; font-family: PreloSlab-Medium; color: #3399CC; margin-top: 10px;}
.relatori  p.evento-titolo strong {color: #2583b2; float: right}
.relatori  p.luogo {font-size: 14px; font-family: PreloSlab-Medium; color: #c98c2b; margin-top: 2px;}


ul.legend-relatori  {margin: 0 0 10px 0; padding: 0; list-style:none;}
ul.legend-relatori  li {list-style: none; float: left; font-weight: bold; margin: 0 10px 0 0;display:block;}

.articolo .relatori  p.evento-titolo a {float:left;
}


/*°°°°°°°°°°° Luogi °°°°°°°°°°°°°°*/
.articolo .luogo {display: block; float:left; height: 220px; background-color: #efefef; margin-bottom: 10px; padding: 10px 10px 0 10px; border: 1px solid #ccc; width: 625px;}
.articolo .luogo img {border: 2px solid #ccc; float: left; margin-right: 10px;}
.articolo .luogo span.nome {font-weight: bold; font-family: PreloSlab-Medium; font-size: 20px; color: #333;}
.articolo .luogo p.indirizzo {}


/*°°°°°°°°°°° Giornale su Sidebar °°°°°°°°°°°°°°*/
#page-body . articolo  .box a img {}
.box-bottom {margin: -5px 10px 5px 0; border-bottom: 1px solid #ccc;}

#quelgiorno {min-height:480px;  border-bottom: 1px solid #ccc;  }
#quelgiorno a {text-decoration: none;}
#quelgiorno h2 {color:#7299c6; font:14px/18px PreloSlab-Medium; text-transform: uppercase; }
#quelgiorno li {list-style: none; margin-top:10px;}
#quelgiorno li .occhiello {font-size:12px;line-height:13px;color:#036;display: block}
#quelgiorno li .titolo { font:22px/24px PreloSlab-Medium; color:#036;display: block;}
#quelgiorno li img {margin-top: 10px; z-index: 0; -moz-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 10px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
float:right;
margin-right:10px
}

#quelgiorno.cycle a, .quelgiorno.cycle a:visited {color:#000;text-decoration:none; display: none}
#quelgiorno.cycle a strong, .quelgiorno.cycle a:visited strong {display:block;text-decoration:none; display: none}

a#next-quelgiorno, a#next-quelgiorno:visited {display: none}
a#prev-quelgiorno, a#prev-quelgiorno:visited {display: none}

/* navigazione giornale  

a#next-quelgiorno, a#next-quelgiorno:visited {position:relative; top:150px; left:240px;  text-indent:-9999px; background: url(../images/sprites.png?v2) -80px -209px no-repeat; width:20px; height: 18px; display: block; float: left; z-index: 2; display: none}
	
a#prev-quelgiorno, a#prev-quelgiorno:visited {position:relative; top:150px; left:30px; text-indent:-9999px;background: url(../images/sprites.png?v2) 0px -209px no-repeat; width: 20px; height: 18px; display: block; float: left; z-index: 2; display: none}
*/

#index-quelgiorno, #index-vignette {display:none;} 

/*°°°°°°°°°°° Vignette su Sidebar °°°°°°°°°°°°°°*/
.box {margin: 5px; border-bottom: 1px solid #cecece;  font-family: PreloSlab-Medium;}
.box h3 a, .box h4 a { text-decoration: none; font-family: PreloSlab-Medium;}
.last {border-bottom: none;}

#vignette a {text-decoration: none;}
#vignette {min-height:450px;  border-bottom: 1px solid #ccc; padding-left: 20px }
#vignette h2 {color:#7299c6; font:14px/18px PreloSlab-Medium; text-transform: uppercase; }
#vignette li {list-style: none; margin:0px;}
#vignette li .occhiello {font-size:12px;line-height:13px;color:#036;display: block}
#vignette li .titolo { font:22px/24px PreloSlab-Medium; color:#036;display: block;}
#vignette li img {margin-top: 10px; z-index: 0; -moz-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 10px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
float:right;
margin-right:30px
}


.vignette {margin: 0px; }
#vignette.cycle a, .vignette.cycle a:visited {color:#000;text-decoration:none; display: none}
#vignette.cycle a strong, .vignette.cycle a:visited strong {display:block;text-decoration:none; display: none}

/* navigazione giornale  */

a#next-vignette, a#next-vignette:visited {position:relative; top:130px; left:260px;  text-indent:-9999px; width:20px; height: 18px; display: block; float: left; z-index: 2; display: none}
	
a#prev-vignette, a#prev-vignette:visited {position:relative; top:130px; left:30px; text-indent:-9999px; width: 20px; height: 18px; display: block; float: left; z-index: 2; display: none}



/*°°°°°°°°°°° AGENDA °°°°°°°°°°°°°°*/

table.agenda { border-left:1px solid #ccc;}
table.agenda thead { background-color: #313131; color: #FFFFFF;}
table.agenda thead th {border-right: 1px solid #eee;  font-weight: bold; padding: 5px}
table.agenda td{border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding: 0px; vertical-align: text-top}
table.agenda td span strong {padding-top:10px; display:block;}
table.agenda td.ora {text-align: center}
table.agenda td span.rassegna {border: none}
td span.casa-rep, td span.officina, td span.question, td span.dialoghi, td span.show, td span.straparlando, td span.assolo, td span.afterhours, td span.rassegna, td span.twitter, td span.next, span.next-lg, td span.radio, td span.mostre {display:block; line-height: 16px;padding: 5px; margin:3px; }

div#agenda-legend a {display:block; color: #FFF !important; text-decoration:  none !important;}
div#agenda-legend span.dialoghi a {color: #292925 !important;}
div#agenda-legend span.twitter a {color: #292925 !important;}
div#agenda-legend span.afterhours a {color: #292925 !important;}
div#agenda-legend span {padding:5px; float:left;border-bottom: 1px solid #fff; margin-bottom: 10px;}

span.casa-rep { background-color: #00386b; color: #fff;}
span.officina { background-color: #3094b3; color: #fff;}
span.question { background-color: #8ECA40; color: #fff;}
span.dialoghi { background-color: #FCC733; color: #292925; }
span.show { background-color: #FB2832; color: #fff;}
span.twitter { background-color: #0cc4e2; color: #292925;}
span.radio {background-color:#ccc; color:#333}
span.next { background-color: #c5168d; color: #fff;}
span.next-lg {height:1130px;  background-color: #c5168d; color: #fff;}
span.straparlando { background-color: #F24156; color: #fff;}
span.assolo {background-color: #FA7A11; color: #fff;}
span.afterhours {background-color: #CCCCCC; color: #292925;}
span.rassegna {background-color: #EDEDED; color: #292925; border: 1px solid #ccc;}
span.mostre {background-color: #5a5a5a; color: #fff;}
/* Unitip sul calendario */

#unitip { 	position: absolute;	z-index: 1000;	top: -1000px;	color: #333;	font: normal normal 1.1em/15px Verdana, Arial, Helvetica, sans-serif;	display: none;}
#unitippoint, #unitipmid, #unitipcap {position: relative;		top: 0px; 		left: 0px;		width: 400px;		display: block;		text-align: left;		font-size: 12px;	}
#unitipmid { 		background-color: #efefef;		width: 120px;		height: auto; 		padding: 5px 15px; -moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/border: 1px solid #333	}
p.footer-small { border-top: 3px solid #DBDBDB; font-family: inherit; font-size: 11px; line-height: 15px; padding: 8px;}
.sfondo-bg {background: url(/static/speciali/repubblica-delle-idee/2012/images/piazza-maggiore-bg.jpg) no-repeat; height: 680px;}
.sfondo-bg img {float: left; margin-left: 50px; margin-bottom: 20px;}
.sfondo-bg h1 {margin-left: 10px;margin-bottom: 100px;}
.sfondo-bg img:hover { opacity: 0.8;}



input.print-button {background-color: #333; color: #FFF; -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}



	/* Pagina indice Video */
.box-video h3 { font-family: PreloSlab-Medium; font-size: 20px; color: #333; padding-bottom: 10px;}
.box-video h2 { font-family: PreloSlab-Medium;}

/* NAVIGATORE INDICI ============================================*/
#navigatore-indici {
    clear: both;
	 font-family: PreloSlab-Medium;
    color: #333;
    font-size: 14px;
    padding: 5px 0;
}
#navigatore-indici p#indice {
    float: right;
    margin: 0;
    padding-left: 5px;
	 padding-right: 50px;
}
#navigatore-indici p#pre-suc {
	float: left;
}
#indice a {
    float: left;
    list-style-type: none;
    margin: 4px 0;
	 	font-weight: bold; 
	text-decoration: none; 
	float: left; 
	color: #fff; 
	padding: 5px 10px; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#3f3f3f', endColorstr = '#000000');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
	-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#3f3f3f', endColorstr = '#000000')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #3f3f3f, #000000);
	background-image: -ms-linear-gradient(top, #3f3f3f, #000000);
	background-image: -o-linear-gradient(top, #3f3f3f, #000000);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#3f3f3f), to(#000000));
	background-image: -webkit-linear-gradient(top, #3f3f3f, #000000);
	background-image: linear-gradient(top, #3f3f3f, #000000);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
	border: 1px solid #000;
}
#indice a.current {
	font-weight: bold; 
	text-decoration: none; 
	float: left; 
	color: #F39501; 
	padding: 5px 10px; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#3f3f3f', endColorstr = '#000000');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
	-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#3f3f3f', endColorstr = '#000000')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #3f3f3f, #000000);
	background-image: -ms-linear-gradient(top, #3f3f3f, #000000);
	background-image: -o-linear-gradient(top, #3f3f3f, #000000);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#3f3f3f), to(#000000));
	background-image: -webkit-linear-gradient(top, #3f3f3f, #000000);
	background-image: linear-gradient(top, #3f3f3f, #000000);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
	border: 1px solid #000;
}
/*#indice a {
    border: 1px solid #CCCCCC;
    color: #CCCCCC;
    float: left;
    padding: 0 5px;
}	*/ 
.utility { display: none; }


/* Pagina Post-it ============================================*/
.postit {background: url(https://puntoitalia.online/static/speciali/repubblica-delle-idee/2012/images/bg-post-it.jpg); width:660px; float: left; margin: 10px;   }
.postit h1 {color:#FFF!important; font-weight: bold; padding-left: 20px;}

   ul.post-it,li {list-style:none;}
      ul.post-it { padding:10px;}
      ul.post-it li a {text-decoration:none; color:#333; background:#fcfc96; display:block; height:170px; width:160px; padding:10px; -moz-box-shadow:5px 5px 7px #999;
        -webkit-box-shadow: 5px 5px 7px #999;  box-shadow: 5px 5px 7px #999; -moz-transition:-moz-transform .15s linear; -o-transition:-o-transform .15s linear; -webkit-transition:-webkit-transform .15s linear;}
      ul.post-it li{margin:1em; float:left;}
      ul.post-it li h2{font-size:18px; font-weight:bold; padding-bottom:10px;}
      ul.post-it li a{-webkit-transform: rotate(-6deg); -o-transform: rotate(-6deg); -moz-transform:rotate(-6deg);}
      ul.post-it li:nth-child(even) a{-o-transform:rotate(4deg); -webkit-transform:rotate(4deg); -moz-transform:rotate(4deg); position:relative; top:5px; background:#cfc;}
      ul.post-it li:nth-child(3n) a{-o-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); position:relative; top:-5px; background:#ccf;}
      ul.post-it li:nth-child(5n) a {-o-transform:rotate(5deg); -webkit-transform:rotate(5deg); -moz-transform:rotate(5deg); position:relative; top:-10px;}
      ul.post-it li a:hover,ul.post-it li a:focus{box-shadow:10px 10px 7px rgba(0,0,0,.7); -moz-box-shadow:10px 10px 7px rgba(0,0,0,.7); -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7); -webkit-transform: scale(1.25);  -moz-transform: scale(1.25); -o-transform: scale(1.25); position:relative; z-index:5;}
      ol {text-align:center;} 
      ol li{display:inline;padding-right:1em;}
      ol li a{color:#fff;}
      
		
#cont-tw {margin-bottom: 10px;}
#cont-left { width: 330px; float: left; background-color: #000;  margin-right: 0px; padding-left: 5px; padding-right: 5px;}		
#cont-right { width: 650px; background-color: #000; float: left;}   


ul.gallerie li {background:#F3F3F3;border:1px solid #666666;display:inline;float:left;height:auto !important;margin:0 10px 10px 0;min-height:215px;padding:10px;text-align:center!important;width:130px;}

ul.gallerie li h4,
ul.gallerie li h4 a,
ul.gallerie li h4 a:visited {font-size:12px;line-height:12px;margin:0 0 10px;font-weight: bold;}
ul.gallerie li a img        {background-color:#fff;border:1px solid #666666;margin:10px 10px 5px;padding:5px;}
ul.gallerie li .date        {float: none;}


#theme-header {width: 670px;display:block;}
.logo-repubblica a {
    background: url("https://puntoitalia.online/static/speciali/repubblica-delle-idee/2012/images/rep-logo.jpg") no-repeat;
    float: left;
    height: 25px;
    margin-left: 10px;
    text-indent: -99999px;
    width: 110px;
	 position: relative;
	 top: -10px;
}
.logo-bo a {
    background: url("https://puntoitalia.online/static/speciali/repubblica-delle-idee/2012/images/logo-bo.gif") no-repeat;
    float: left;
    height: 35px;
    margin-left: 10px;
    text-indent: -99999px;
    position: relative;
    top: -16px;
    width: 204px;
}