/***************
    GENERALI
***************/
/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap'); */

body,h1,h2,h3,h4,h5,div,p,ul,li,form,ol,dl,dt,dd {margin: 0;padding: 0;}
body {font: normal 72%/1.6em Verdana, Arial, Helvetica, sans-serif;background: #F5F3F3;}
a:link, a:visited {text-decoration: none; color: #2E4C75;}
a:hover, a:active {text-decoration: underline;}
ul {list-style-type: none;}

hr {display: none;}
.navigazione {text-indent:-9999px;position:absolute;margin:0;padding:0;text-align:left;overflow:hidden;}
.menu-mobile,.cross,.hamburger,.menu-mobile .privacylink {display:none;}
/** FONT E RITMO **/
  /* open-sans-700 - latin-ext_latin */
  @font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url('fonts/open-sans-v29-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('fonts/open-sans-v29-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/open-sans-v29-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/open-sans-v29-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
		 url('fonts/open-sans-v29-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('fonts/open-sans-v29-latin-ext_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
h2, h3, dt, .tuttenotizie a,#NotizieUffici h4 {font-family: "Open Sans", sans-serif;font-weight: 700;}
h2 {font-size: 1.4em;margin-bottom: 8px;}
h3, dt {font-size: 1.3em;padding-bottom: 4px;}
#NotizieUffici h4 {font-size: 1.2em;padding-bottom: 4px;}
#contenitore {padding-top: 0;}
.contenitore_interno {width: 98%;margin: 0 auto;overflow: hidden;}
#edizione {padding: 8px;}
@media (max-width:1024px) { #edizione {padding: 2px;} }
#testata .contenitore_interno {padding: 8px 0;}
.contenuti {margin-bottom: 20px;padding: 8px;}
#PrimaNotizia {margin-bottom: 20px;}
#altreNotizie div {padding: 8px 0;}
.contenuti li, .contenuti dd {margin-bottom: 8px;}
#ilComune dl {margin-bottom: 8px}
#ilComune dl:last-child {margin-bottom: 0;}
.contenuti li:last-child, .contenuti dd:last-child {margin-bottom: 0;}
#situazioneCitta {margin-bottom: 0;}
#meteo {padding-bottom: 20px;}
.meteoFonte,.meteoIPQA {clear:both;}
#sezioneNavigazione h2, #didascalia h3, #didascalia p, #NotizieImmagine h3 a{padding: 2px 4px;}
#footer .contenitore_interno div{margin-bottom: 20px;}



/** EDIZIONE **/
#edizione {font-size: 0.95em;color: #5A5A5A;text-align: center;}
/* #canaliSocial {float: none;overflow: hidden;width: 299px;padding: 0 12px;list-style: none;margin: 8px auto 0;} */
#canaliSocial {float: none;overflow: hidden;width: auto;padding: 0 12px;list-style: none;margin: 8px auto 0;}
#canaliSocial li {float: left;width: 26px;margin-right: 8px;}
#canaliSocial li a {height: 25px;display: block;background-image:url(img/ico-social.png);background-repeat:no-repeat;opacity: .5;
-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
#canaliSocial li a span {width: 0;height: 0;left: -9999em;position: absolute;}
#canaliSocial li a:hover {opacity: 1;}
#tto a {background-position: 0 0;}
#fto a {background-position: -34px 0;}
/* #ggp a {background-position: -68px 0;}
#pto a {background-position: -102px 0;} */
#ins a {background-position: -68px 0;}
#uto a {background-position: -102px 0;}
#tlg a {background-position: -136px 0;}
#wha a {background-position: -170px 0;}
#rss a {background-position: -204px 0;}

/* #rss a {background-position: -205px 0;}
#tlg a {background-position: -239px 0;}  */
#alx a {background-position: -238px 0;}
#tiktok a {background-position: -272px 0;}
#lin a {background-position: -306px 0;}

#canaliSocial li#uto, #canaliSocial li#alx {width: 26px;}
#canaliSocial li#lin {margin-right: 0;}

/** TESTATA **/

#testata {width: 100%;}
#testata .contenitore_interno.contenitore_mobile {width: 100%;}
#testata h1 {width: 100%;max-width: 100%; height: 73px;text-indent: -9999px;background: #FFF url(img/logo_rwd.jpg) center center no-repeat;/*background-size: 80%;*/border-top: 1px solid #225294;border-bottom: 1px solid #225294;}
#testata h2, #testata form, #testata ul {display: inline-block;}
#testata #mobile-nav.opened {display: block;width: 100%;max-height: 300px !important;}
#ricerca, #infoTuristiche {padding: 12px 8px 0;text-align: center;}
#ricerca label, #ricerca ul {display: none;}
#ricerca input, #ricerca .invia  {border: 1px solid #3B6194;}


/** NAVIGAZIONE MOBILE **/

#nav-toggle {width: 50px;height: 50px;overflow: hidden;z-index: 10;position: absolute;top: 20px; right: 5px;text-indent: -9999px;background: #215193 url("img/hamburger.gif") no-repeat;border: 0;cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.navigazione.nav-collapse.opened {width: 100%;max-height: 9999px;display: block;z-index: 100;overflow: visible;text-indent: 0;}
.navigazione.nav-collapse.opened li{display: inline;}
.navigazione.nav-collapse.opened li a{display: block; width: 100%; box-sizing: border-box;margin-top: 1px;padding: 8px 4px;background: #163b60;color: #FFF;line-height: 1.5em;}
.js .nav-collapse {clip: rect(0 0 0 0);max-height: 0;display: block;overflow: hidden;}


/* Notizie */
#notizie, #altreNotizie, #testateGiornalistiche, #ComunicatiStampa,#NotizieUffici,#emergenzaSmog {background: #FFF;}
#PrimaNotizia {background: #fff;}
#PrimaNotizia img, #testateGiornalistiche div img, #NotizieImmagine li img  {width: 100%;}
#NotizieImmagine ul{overflow: hidden;}
#NotizieImmagine li {float:left;width: 32%;margin-right: 2%;}
#NotizieImmagine li:last-child {margin-right: 0;}
#NotizieImmagine li p{border: 1px solid #000; line-height: 0;}
#NotizieImmagine li a{display:block;}
#altreNotizie div {border-bottom: 1px solid #e8eff3;}
.tuttenotizie {text-align: center;}
.tuttenotizie a{width: 100%;display: block;margin: 8px auto 0;padding: 5px 0;background:#e8eff3;font-size: 1.2em;letter-spacing: 1px;font-weight: bold;}
/* avviso alert */
#altreNotizie .notizia0 {margin:10px 0;padding: 5px 8px;background: #fffef2;border:1px solid #fee936;}
.notizia0 img{display: none;}
.notizia0 h4{font-size: 1.3em;padding-bottom: 4px;font-family: "Open Sans",sans-serif;font-weight: 700;}

#altreNotizie div p.share {text-align:right; background:url(img/share.jpg) right center no-repeat;  padding:0 18px 0 0}
#altreNotizie div p.share a {color:#666}

/* Video */

.video-container p{
		font-size: 1.1em;
		padding-top: 5px; 
	}
.video {
	    height: 0;
	    overflow: hidden;
	    padding-bottom: 56.25%;
	    /* padding-top: 30px; */
	    position: relative;
	}
.video iframe,
.video object,
.video embed {
	    height: 100%;
	    left: 0;
	    position: absolute;
	    top: 0;
	    width: 100%;
	}

/* Emergenza Smog - 2016/12 */
/*#emergenzaSmog {background:#fff none repeat scroll 0 0;border:1px solid #dfe5e8;}*/
#emergenzaSmog {padding: 8px !important;}
#situazioneSmog {border-collapse:collapse;width:100%;}
#situazioneSmog th,#situazioneSmog td{text-align:left;vertical-align:top;box-sizing: border-box; /*border-bottom: 1px solid #e8eff3;*/}
#situazioneSmog th{color:#868686;}
#situazioneSmog td{padding:8px 8px 8px 0;}
.situazioneSmog-data {width:20%;}
.situazioneSmog-livello {width:10%;}
.situazioneSmog-blocco {width:65%;padding-right:0;font-size:0.95em;}
.situazioneSmog-blocco ul{list-style-type:disc;margin-left:12px;}
.situazioneSmog-blocco p,.situazioneSmog-blocco li{margin-bottom:4px;}
.situazioneSmog-linkArpa {font-size:0.95em;margin-top:4px;}
.situazioneSmog-blocco .situazioneSmog-blocco__tuttelimitazioni{margin-top:4px;margin-bottom:0px;text-align:right;}
.situazioneSmog-livello__numero {display:block;width:40px;height:40px;padding: 0px;border-radius:50%;text-align:center;line-height:40px;font-weight:bold;}
.situazioneSmog-livello__bianco {border:1px solid #000000;background-color:#FFFFFF;}
.situazioneSmog-livello__giallo {border:1px solid #FFFF00;background-color:#FFFF00;}
.situazioneSmog-livello__arancione {border:1px solid #FE9900;background-color:#FE9900;}
.situazioneSmog-livello__rossocinabro {border:1px solid #FE0000;background-color:#FE0000;color:#FFFFFF;}
.situazioneSmog-livello__rossovivo {border:1px solid #800000;background-color:#800000;color:#FFFFFF;}
.situazioneSmog-livello__viola {border:1px solid #9400D3;background-color:#9400D3;color:#FFFFFF;}

/* testateGiornalistiche */
#testateGiornalistiche{overflow: hidden;}
#ComunicatiStampa ul {list-style-type: none;}
#cittagora {width: 48%;float: left;}
#torinoclick {float: right;width: 48%;}

/* ComunicatiStampa */
#ComunicatiStampa ul {list-style-type: none;}


/** SEZIONENAVIGAZIONE **/

#sezioneNavigazione  {background: #FFF;}
#sezioneNavigazione h2 {background: #204D88;color: #fff;}

/** Meteo **/
#meteo {position: relative;overflow: hidden;}
#meteo img, #greenCapital img {max-width: 100%;float: left;margin: 0 20px 0 0;border: 1px solid #86A7B6;}
#meteo .gradi {font-size: 1.4em;font-weight: bold;}
.meteoSituazione {padding-bottom:0.3em;}
/*#meteo .meteoPrevisioni {position: absolute;top: 25px; right: 0;}*/

/** servizionline **/

.servizionline li {
  padding-bottom: 8px;
  border-bottom: 1px solid #e8eff3;
}

/** NOTIZIE UFFICI **/
#NotizieUffici {clear:both;margin-bottom:20px;}
#NotizieUffici h2 {background: #204D88 none repeat scroll 0% 0%;color: #FFF;padding: 2px 4px;}
#NotizieUffici h3 {background: #204D88 none repeat scroll 0% 0%;color: #FFF;padding: 2px 4px;font-size: 1.4em;margin-bottom: 8px;}
#NotizieUffici div {margin-bottom: 10px;}
#NotizieUffici div img{float: left;margin-right: 10px;border:1px solid #000;}

/** Allerta meteo **/

/* #meteo {
margin-bottom: 20px;
} */
.livelliAllerta {
font-size: 0.95em;
width: 98%;
border-collapse:separate;
border-spacing: 3px 3px;
}
.livelliAllerta tr{
padding-bottom: 20px;
}
.livelliAllerta th, .livelliAllerta td{
padding: 1px 3px;
}
th.tipoAllerta {
text-align: left;
}
td.coloreAllerta {
text-align: center;
}
.tipoAllerta {
width: 50%;
}
.coloreAllerta {
width: 25%;
}

td.verde{
background-color: #6ebb00;
}
td.giallo{
background-color: #f3f300;
}
td.arancione{
background-color: #ffa500;
}
td.rosso{
background-color: #ff0000;
color: #ffffff;
}

@media (min-width: 1024px) {

.meteoData, .meteoSituazione {
  padding-left: 30%;
}
.fonteIPQA {
  clear: both;
}
}


/***************************
	DESKTOP E PARTE TABLET
****************************/
@media (min-width:768px) {
#canaliTematici {overflow: hidden;}
#canaliTematici li{width: 32%;float: left;margin-right: 1%;}
#canaliTematici li a{display: block;padding-bottom: 8px;border-bottom: 1px solid #e8eff3;}
#canaliTematici li.last a{padding-bottom: 0;border-bottom: none;}
.linkSezioni dt, .linkSezioni h3{border-bottom: 1px solid #e8eff3;}
.servizionline h3{border-bottom: none;}
.linkSezioni {overflow: hidden;}
.linkSezioni dl, #infoSu li{width: 32%;float: left;margin-right: 1%;}
.linkSezioni dt{font-weight: bold;}
#sezioneNavigazione #infoSu p {margin: 0px;font-size: .95em;}

}
@media (min-width:768px) AND (max-width:1023px) {
#infoSu li {min-height:5.5em;}
#footer .contenitore_interno div{width: 30%;float: left;margin-right: 1%;margin-bottom: 12px;}
#footer .disclaimer  {clear: both;}
}
@media (min-width:1024px) AND (max-width:1110px){
#infoSu li {min-height:7em;}
}

@media (min-width:1024px) {
#contenitore {position: relative; padding-top: 40px;}
.contenitore_interno {width: 98%;max-width: 1100px;margin: 0 auto;padding: 20px 0;}

/** EDIZIONE **/

/*#edizione {width: 98%;max-width: 1100px;position: relative;margin: 0 auto;overflow: hidden;text-align: left;}*/
#edizione {width: 98%;max-width: 1100px;position: absolute;top: 0;margin: 0 auto;overflow: hidden;text-align: left;}
#edizione p{width: auto;float:left;line-height: 29px;}
#canaliSocial {float: right;overflow: hidden;padding: 0 12px;display: inline;list-style: none;margin: 0;}

/** TESTATA **/

#testata {overflow: hidden;background: #fff;border-top: 1px solid #225294;border-bottom: 1px solid #225294;}
#testata h1 {width: 50%; height: 100px;float: left;margin-right: 1%;background: url(img/logocitta.jpg) left top no-repeat;border-top: none;border-bottom: none;}
#testata h2, #testata form, #testata ul {display: block;}
#testata ul{list-style-type: none;}
#ricerca, #infoTuristiche {padding: 0;text-align: left;}
#infoTuristiche {width: 16%;float: right;}
#infoTuristiche li {margin-bottom: 5px;}
#nav-toggle {display: none;}
#testata #mobile-nav{display: inline-block; width: 0;}

/** Ricerca **/

#ricerca {width: 32%;float: left;border-right: 1px solid #436D97;}
#ricerca input {width: 70%;}
#ricerca .invia {width: 15%;}
#ricerca ul {display: block;}
#ricerca ul li {width: 48%;float:left;font-size: 0.95em;}

/** SEZIONE INFORMATIVA **/

#sezioneInformativa {width: 49%;float: left;}
#notizie, #altreNotizie,#emergenzaSmog {border: 1px solid #dfe5e8;}


/* Notizia immagine grande */
#PrimaNotizia {position: relative;background: #fff;}
#PrimaNotizia img {display: block;}
#didascalia {width: 100%;position: absolute;bottom: 0;left: 0px;
background-color: rgba(0,0,0,0.7);
color: #ccc;}
#didascalia h3 a{color: #fff;}
#didascalia p a:link,#didascalia p a:visited, #didascalia p a:hover, #didascalia p a:active  {color: #ccc;}

/* notizieApertura */
#NotizieImmagine ul {width: 100%;position: relative;margin-bottom: 0;list-style-type: none;}
#NotizieImmagine li {width: 32%;float: left;position: relative;margin-right: 0;background: #ccc;}
#NotizieImmagine li img{max-width: 100%;display: block;}
#NotizieImmagine li h3{position: absolute;bottom: 0;
background-color: rgba(0,0,0,0.7);
}
#NotizieImmagine li h3 a{display: block;color: #fff;}
#NotizieImmagine .notizia2{margin: 0 2%;}

/* inEvidenza */
#altreNotizie {clear: both;background: #fff;}
#altreNotizie div img, #altreNotizie h2 {display: none;}
#emergenzaSmog h2 {display: block;}
#altreNotizie div p {font-size: 0.95em;color: #383838;}
#altreNotizie div p a:link, #altreNotizie div p a:visited, .avviso p a:link, .avviso p a:link {text-decoration:underline;}
#altreNotizie div p a:hover, #altreNotizie div p a:active, .avviso p a:hover, .avviso p a:active {text-decoration:none;}


/* testate giornalistiche e comunicati */
#testateGiornalistiche{border: 1px solid #dfe5e8;}
#ComunicatiStampa {/*margin-bottom: 0;*/overflow: hidden;border: 1px solid #dfe5e8;}
#cittagora img, #torinoclick img{border: 1px solid #e8eff3;}
#cittagora li, #torinoclick li{float: left;margin-right: 8px;}
#ultimiComunicati {clear: both;}
#ultimiComunicati ul{font-size: 0.95em;}
#ultimiComunicati ul li span{color: #626262;}
#ultimiComunicati ul li{padding-top:8px;border-top: 1px solid #f5f8f9;}
#ultimiComunicati ul .tuttiComunicati{border-top: 1px solid #e8eff3;}

/** SEZIONENAVIGAZIONE **/

#sezioneNavigazione {width: 49%;float: right;background-color: transparent;}
#sezioneNavigazione ul{list-style-type: none;}
.contenuti .last {margin-bottom: 0;}

/* avviso */
.avviso {margin-bottom: 16px;padding: 5px 0;background: #F8FAFC;font-size: 0.95em;border: 1px solid #2C5E9D;border-left: 5px solid #2C5E9D;}

/* canaliTematici */
#canaliTematici {background: #fff;border: 1px solid #dfe5e8;}

/* situazioneCitta */
#situazioneCitta {overflow: hidden;margin-bottom: 20px; padding: 0;}
#meteo, #inCitta {padding-bottom: 0;}
#situazioneCitta h2 {padding: 8px 8px 0; background: none;color: #000;}
#situazioneCitta ul {padding-left: 8px}
#situazioneCitta div {min-height: 190px;}
#meteo {width: 48%;float: left;position: relative;background: #fff;border: 1px solid #dfe5e8;font-size: 0.95em;}
.meteoData, .meteoSituazione {line-height: 1.6em;padding-left: 45%;}
#meteo img {max-width: 40%;float: left;margin: 0 5px 8px 8px;border: 1px solid #86A7B6;}
#greenCapital img {max-width: 20%;float: left;margin: 0 5px 8px 0;border: 1px solid #FFFFFF;}
#meteo .gradi {display:inline-block; padding-top: 3px;font-size: 1.8em;/*font-weight: bold;*/}
.meteoIPQA, .fonteIPQA {padding-left:8px;/*line-height:1.4em;*/}
#meteo .meteoFonte {position:relative;left:0;bottom:0;padding-left:8px;padding-bottom:4px;}
#inCitta {width: 48%;float: right;background: #fff;border: 1px solid #dfe5e8;}
#sezioneNavigazione #inCitta p {font-size: 0.95em;}
#sezioneNavigazione .bollettinoCantieri {margin-top: 5px;padding: 5px 0;border-top: 1px solid #EBEBEB;}

/* allerta meteo - 21/10/2019 */
#allertaMeteoidrologica {
    width: 48%;
    float: right;
    background: #fff;
    border: 1px solid #dfe5e8;
		padding-bottom: 0;
}



/* Il Comune / InfoSU */
#infoSu {/*margin-bottom: 0;*/}
.linkSezioni {background: #fff;border: 1px solid #dfe5e8;}

/** NOTIZIEUFFICI **/
#NotizieUffici {overflow:hidden;border: 1px solid #dfe5e8;margin-bottom:0;}
#NotizieUffici div{float: left;width:32%;margin-right: 2%;}
/*#NotizieUffici div:nth-child(3n+3){margin-right: 0; }*/
#NotizieUffici div:nth-of-type(3n+3){margin-right: 0;}
#NotizieUffici .notizia1,
#NotizieUffici .notizia2 {min-height:140px; border-bottom:10px solid #f5f3f3;}



/** FOOTER **/
#footer {width: 100%;clear: both;font-size: 0.95em;background: #e3e3e3;border-top: 1px solid #fff;}
#footer .contenitore_interno div{width: 19%;float: left;margin-right: 1%;margin-bottom: 0;}
#footer ul{list-style-type: none;}
#footer .disclaimer  {clear: both;text-align: center;border-top: 1px solid #F2F2F2;}

}


/***** IMPOSTAZIONI NEW CSI ******/
/*********************************/

	@media (max-width:1024px) {

		#footer .disclaimer {
			padding-left:5px;
			padding-right:5px;
			margin-bottom:30px;

		}

		#footer .contenitore_interno div {
			padding-left:5px;
			padding-right:5px;
		}

	}


/****** MENU TOP ******/

	body #back-to-top {
		display:block!important;
		z-index: 999;
		position: fixed;
		right: 22px;
		top: auto;
	}

	body #back-to-top button.btn {
		display: inline-block;
		padding: 6px 12px;
		margin-bottom: 0px;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.42857;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		cursor: pointer;
		-moz-user-select: none;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 0;
	}

	body #back-to-top button.btn-primary {
		color: #FFF;
		background-color: #154687;
		border-color: #154687;
	}

	#back-to-top.affix {
		bottom: 44px;
	}

	body #back-to-top i {
		font-size: 30px;
	}


	@media (min-width:1024px) {

		body #back-to-top.affix  {
			display:none!important;
		}

	}


/****** HAMBURGER MENU ******/

	.hamburger, .cross {
		background: transparent none repeat scroll 0% 0%;
		position: absolute;
		top: 25px;
		right: 0px;
		padding: 5px 10px;
		border: 0px none;
		font-size: 26px;
		font-weight: bold;
		cursor: pointer;
		outline: medium none;
		z-index: 2147483647;
		color: #154687;
	}


	@media (max-width:480px) {

		.hamburger, .cross {
			position:static;
			float:right;
		}

		.menu-mobile,
		#edizione {clear:both}

	} /*MAX-WIDTH*/


	.menu-mobile {
		display:none;
		padding: 15px;
		font-weight: bold;
		background-color: #154687;
	}
	.menu-mobile li {display: block;}
	.menu-mobile li a {text-decoration:none; color:white;display:inline-block;padding:10px 0; width:100%;}
	.menu-mobile li a:hover {text-decoration:underline; color:white;}