@charset "UTF-8";
/* CSS Document */

/*generici*/
*{
	font-family: "Source Sans Pro";
}
a img, img a {
	border:0;
}
h1 {
	font-size:25px;
	letter-spacing:2px;
	 font-family: "Source Sans Pro";
	 font-weight: 800;
	 font-style: normal;
	 color:#000;
	 position:absolute; z-index:100; font-size:45px; padding:0 35px;  top:5px;
}
h1 .light {
	 font-family: "Source Sans Pro";
	 font-weight: 400;
	 font-style: normal;
}

h2 , h3 , h4 {
	font-family: 'Source Sans Pro', sans-serif;
	 font-weight: 600;
	 letter-spacing:0.8px;
	color:#0075b8;
	margin:0;
}
h2 {
	font-size:27px;
}
h4 {
	font-size:16px;
	margin-top:5px;
	font-weight:normal
}
h3 {
	font-size:18.5px;
	margin-top:10px;
}
h3 span {
	color:#000000;
}
h3 a {
	text-decoration:none;
	color:#0075b8;
	font-weight: 600;
}

p{
	font-size: 16px;
	line-height: 22px;
}

a{
	font-weight:bold;
	color:#499ccc;
	text-decoration:none;
}
a:hover {
	color:#0075b8;
}
ul{
		list-style:none;
		padding:0; margin:0;
}
.spacca {
		padding:10px 0; margin:0;
		clear:both;
}

.txt-small p{
	font-size: 14px;
	line-height: 19px;
}


/*stili per il layout fisso con altezza minima*/

html,body{margin: 0;padding:0;height:100%;}
div#container{position:relative; height: 100%;}
body>div#container{height:auto;min-height:100%;}

div.content {width: 100%;}
#top {
overflow:hidden; height:550px;
}
#top.index {
height:550px;
}

#top a img {
	border:none;
}

div#top , .fotoTop ,  #creditsPhoto {width: 1024px; margin: 0 auto;}
.fotoTop img {margin-top:-60px;}
#header {
		width:1024px; height:100px; z-index:200;
}

#credits a , #creditsPhoto a {
	font-size:10px; font-weight:400; position:absolute; top:555px; z-index:300; color:#919db8; margin-left:35px; letter-spacing:0.3px;
}
#credits a:hover , #creditsPhoto a:hover {
	color:#0075b8;
}
#creditsPhoto a {
	margin-left:170px;
}
.index #credits a {
	top:555px;
}
#header h1 { margin-top:20px;
}

#menu ul { list-style:none; top:54px; position:relative;
			text-align:right;
			font-size:16px;
			font-weight: 400;
			font-style: normal; float:right; margin-right:35px;
}
#menu li { display:inline-block; margin-left:35px; height:50px}
#menu li:first-child { margin-left:0;}
#menu li a { letter-spacing:1px; color:#0075b8; font-weight:normal; text-decoration:none}
#menu li a:hover {color:black;}
#menu li:nth-child(2) a , #menu li:nth-child(3) a , #menu li:nth-child(4) a { /*color:black;*/}


#menu ul ul { position:absolute;
				margin:0;
				border-top:1px solid #0075B8; top:22px;
				width:375px; text-align:left;
				visibility:hidden;
}
#menu ul li:hover ul { visibility:visible;
}

#menu ul ul li { border-left:1px solid #0075B8; margin:5px; padding-left:10px; height:16px; line-height:16px; color: #0075B8; width:auto;
}
#menu ul li:hover ul a:hover { color:#0075b8;
}

#menu li:first-child {
    padding: 0;
    border: 0;
}

/*toppa sulla HP*/
.toppa {
	visibility:hidden;
}


div#logoPPD {
width:auto; float:right; /*margin-top:43px;*/margin-top:37px; margin-right:35px; position:relative;
	}
div#lista {
margin-top:70px; margin-left:196px; position:relative;
	}
div#logoPPD img {
	}

.line {background:#0075b8; height:2px; margin:0; padding:0;}
#MenuBall {
text-align:right; width:1024px; margin:0 auto; height:100px;
}
#MenuBall ul {
	height:85px; overflow:hidden;
}
#MenuBall li { display:inline-block; margin-left:7px; margin-top:27px;}
#MenuBall li:last-child { margin-right:35px;}
#MenuBall a:hover {
  position: relative;
}
#MenuBall a[title]:hover:after {
  content: attr(title);
  padding:0;
  color: #000;
  position:absolute;
  left:0%;
  top: 80%;
  white-space: nowrap;
  z-index: 20px;
  font-weight:normal;
  font-size:12px;
  text-align:center;
  width:100%
}
.page { margin: 0 auto; width:1024px;  font-size:14px; }
.page p { margin:10px 0}

.page .largo {  margin-left:35px; width:600px; float:left}
.page .largo2 {  margin-left:35px; width:980px; float:left}
.page .largo.totale { width:940px}

.page .blocco1 { width:320px; float:left; margin-left:35px;}
.page .blocco2 , .page .SOS , .bloccoEventi {width:280px; float:right; margin-left:35px; margin-right:35px;}
.page .SOS img { margin-top:95px; margin-left:0px; background:#CCC;}

/* -- esperienze -- */
.page .esperienze {  margin-left:35px; width:530px; float:left;}


#evento { margin-top:15px}
.evento { width:100%; margin:0; padding:0; height:140px; overflow:hidden;/**/ margin-bottom:15px}

#evento img { width:100px; height:auto}
#evento img.large {width:180px; height:auto}

#associazioni{width:1024px; margin:auto;}
#associazioni > div{margin: 19px 15px;}
#associazioni img {margin-left:20px; float:left; border:0;}
#associazioni p { margin-left:4px; float:left; /*margin-top:87px;*/ font-size:10px; line-height:13px;}
#associazioni a{color:#000000; font-weight:400;}

#polizia img{margin-top:11px; width:29px;}
#polizia p{margin-top:19px; margin-left:6px;}
#osservatorio img{margin-top:5px; margin-left:30px; width:171px;}
#osservatorio p{margin-top:19px; margin-left:4px;}
#multipolar img{margin-top:20px; margin-left:35px; width:129px;}
#socint img{margin-top:6px; margin-left:41px; width:67px;}

.bloccoEventi#desk{display:block;}
.bloccoEventi#resp{display:none;}


/* HP */
#newsHP { width:1024px; margin:auto;}
#newsHP img { margin-left:20px; float:left; border:0;}
#newsHP p { margin-left:4px; float:left; /*margin-top:87px;*/ font-size:10px; line-height:13px;}
/* contatti */
.blocco2.contatti { float:left;  width:250px;}

.contatti a { text-decoration:none; font-weight:600; color:#0075b8;}
.contatti div { border:1px solid #0075b8; border-width:0 0 1px 1px; margin-top:45px}
.contatti div:first-child {margin-top:0px}

/* appuntamenti */
.blocco2.appuntamenti {width:385px;}

.appuntamento h3 { font-size:16px; margin-top:20px; letter-spacing:0 }
.appuntamento h3 span { border-bottom:1px solid black; display:block; margin-bottom:5px }
.appuntamento a.link { font-weight:normal; text-decoration:underline; color:#0075b8 }

.appuntamento a.map { text-decoration:none; font-weight:normal; background:url(../immagini/segnalino.png) no-repeat 100% 0; padding-right:17px; margin-right:3px}
.appuntamento a.map:hover { background-image:url(../immagini/segnalino_up.png)}
.appuntamento div { margin-top:2px; padding-bottom:5px; margin-bottom:-10px;}
.appuntamento div:last-child { border:0;}
.appuntamento p { margin-top:0;}

img.banner {
	display:block; margin-bottom:15px;
}

/* appuntamenti */
.bloccoEventi {width:160px;}
.bloccoEventi div { margin:10px 0;}
.bloccoEventi h2 { margin-bottom:30px}

p.firma{
	margin-top: 20px;
  margin-bottom: 40px;
}


/* codice CSS pop-up rassegna stampa */

hr.spacer {
	color: #000;
	margin: 20px 0;
}

.pic {
	float:left;
	position:relative;
	margin-right:20px; margin-bottom:13px;
}

.pic2 {
	float:left;
	position:relative;
	margin-right:40px; margin-bottom:40px;
}


.pic a img {
	border: 1px solid #dadada;
	padding: 5px;
	width:100px; height:100px;
}

.pic a img2 {
	border: 1px solid #dadada;
	padding: 5px;
	width:260;
}


.pic a .large , .pic p {
	display: none;
}
.pic a img.large {
	width:auto; height:auto;
}


.pic a.view, .pic a.view:visited {
	text-decoration: none;
}

.pic a.view:hover {
	color: #000000;
	text-decoration: none;
}



.pic a.view:hover .large {
	position: absolute;
	display: block;
	left: 60px;
	top: -165px;
	background:white;
	z-index: 999;
	padding:5px;
	box-shadow: 5px 5px 10px 2px rgba(125, 125, 125, 0.5);
}

#evento img.large.video {
    width: 250px;
    height: auto;
}

.pic a.view:hover .large.video{
	position: absolute;
	display: block;
	left: 60px;
	top: -80px;
	background:white;
	z-index: 999;
	padding:5px;
	box-shadow: 5px 5px 10px 2px rgba(125, 125, 125, 0.5);
}



.pic a.view:hover p {
	position:absolute;
	display: block;
	left: 100px;
	top:50px; padding-left:10px;box-shadow: 5px 5px 10px 2px #dadada;
	z-index: 999;
	width:180px;
	font-weight:200;
	background:#FFF;

}

/* .codice CSS pop-up */




/* articoli */
.articoli  {
	margin-bottom:20px;
}
.articoli a {
	text-decoration:none;
	color:#0075b8;
	font-weight:600;
}
h3 a.menu {
border-bottom:1px solid #0075b8; display:block
}
img.rassegna {
margin-top:-29px; float:right; background:white; height:40px; width:auto;
}
img.pubblicazioni {
margin-top:-25px; float:right; background:white;  height:40px; width:auto;
}

.card{
	border: 0;
	border-radius: 0;
	margin-bottom: 11px;
}
.card-header{
	width: 96.7%;
	background-color: #e8ecf1;
	border-radius: 0 !important;
	padding:0;
	border-bottom: solid 1px rgba(0, 0, 0, 0.5);
}
.card-header button{
	width: 100%;
	text-align: left;
	padding:3px 20px 0;
	font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.7px;
  color: #000;
}
.collapse.show{
	margin-bottom: 20px;
}
#heading22{
	margin-top: 14px;
}
.card-body{
	padding: 17px 0;
}

.footer {
border-top:1px solid #0075B8;
margin-top:50px;
padding-top:10px;
border-bottom:50px;
}

/* .articoli */
/* riflessioni */

	.elenco {
		margin-top:30px;
}
	.elenco li {
		border-bottom:1px solid #0075B8;
		margin:8px 0;
		font-size:1.1em; letter-spacing:1px;
		}

/* .riflessioni */

/*-- LIBRO --*/
.premio{
		float:left;
		width:560px;
		padding-top:30px;
}

.premio h2{
		font-size:45px;
		letter-spacing:2px;
		font-family: "Source Sans Pro";
		font-weight: 600;
		font-style: normal;
		color:#2b3c70;
		margin-bottom: 8px;
		margin-top: 39px;
}





/* anteprima libro */

.anteprima {background:#EFF1F4; border:1px solid #ECEDED; margin-top:20px; padding:20px; padding-bottom:5px;}
.anteprima h3 {color:black}
.anteprima p.stringa {text-align:right; font-size:12px; margin-top:50px;}

/* .anteprima libro */

/* contatti FB */
.screen { display:block }
.mobile { display:none }