/*
Theme Name:     Tema Città Metropolitana V.2
Theme URI: http://cittametropolitana.capitalelavoro.it/
Author:         Capitale Lavoro
Description:    Tema Città Metropolitana di Roma Versione 2 - Dicembre 2018
Version:        2.0

*/


/*  RESET  */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,n
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}

.category_lcp .tbl-dinamica ul{
	
	margin-left:20px;
	
	}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}


#wpadminbar {
    
    
    
}

/*  / RESET  */



html, body {
    min-height: 100vh;
	font-size: 10px;
	text-rendering: optimizelegibility;
}



BODY{
	
	display: flex;
	flex-direction: column;
	color: #1c2024;
    font-family: 'Titillium Web', sans-serif;
    margin: 0;
	
	
	
	}
	
.mobile{
	
	display:none !important;
	
	}	

	
.home .addtoany_share_save_container{
	
	display:none;	
	
	}
	
	
.single-bando-gara .addtoany_share_save_container{
	
	display:none;	
	
	}
 
 /* TIPOGRAFIA */
 
  
 
 h1, h2, h3, h4, h6 {
    font-weight: 700;
	font-family: 'Titillium Web', sans-serif;
	line-height: 1.2;
	
}

h1{
	
	
	font-size: 40px;
	
	}
	
h2{
	
	font-size: 32px;
	
	}	

h2.menu_title{
	
	font-size: 32px;
	margin-bottom: 20px;
	margin-top: 20px;
	border-top: solid 3px #333;
	padding-left: 10px;
	
}



	
h3{

	font-size: 28px;
	
	}	

.home h3{
    
	margin:32px 0 24px 0;
}

	
h4{
	
	font-size: 24px;
	
	}		
	
	
a {
    color: #0066cc;
    text-decoration: underline;
}	



a:visited {
    color:  #551a8b;
    text-decoration: underline;
}	

a:hover {
    color: #003366;
    text-decoration: underline;
}	


a[href$= ".pdf"]{
	
	
	display: inline-block;
	line-height:20px;
	padding-bottom:5px;
	
	
	}

a[href$= ".pdf"]:after{
 content:url(imgs/pdf-icon.png);
	background-position: center left;
	background-repeat: no-repeat;
	height: 20px;
	display: inline-block;
	margin-left:4px;
	vertical-align:bottom;
}


a[href$= ".zip"]{
	
	
	display: inline-block;
	line-height:20px;
	padding-bottom:5px;
	
	
	}

a[href$= ".zip"]:after{
 content:url(imgs/zip-icon.png);
	background-position: center left;
	background-repeat: no-repeat;
	height: 20px;
	display: inline-block;
	margin-left:2px;
	vertical-align:bottom;
}


::-moz-selection { 

background:#3399FF;

 }
::selection {
	
	background:#3399FF;

 }	
 
 
 
 .wrapper .content h1 , .wrapper .content_full h1{
	
	color:#1c2024;
	margin-bottom:20px;
	
	
	}	
	
	
.wrapper .content h3{
	
	color:#1c2024;
	
	margin-bottom:10px;
	
	
	
	}
	
.content_full{
	
	width:975px;
	font-size: 1.8rem;
	
	
	}	
	
.content ul{
	
	margin-left:25px;
	
	
	}	
	
		
	
.content_full ul{
	
	margin-left:25px;
	
	
	}			
					
	

.content p , .content_full p{
	
	font-family: 'Titillium Web', sans-serif;
	font-size:1.8rem;
	color: #1c2024;
	margin-bottom:20px;
	line-height: 1.5;
	
	}
	
.content p.wp-caption-text{
	
	font-size:1.2rem;
	font-style:italic;
	
	}	
	
.content .wp-caption{
	
	float:left;
	
	}			
	
	
.content img{
	
	vertical-align:top;
	margin-right:10px;
	float:left;
    max-width: 100%;
height: auto;
	
	}	
	
.footer p{
	
font-family: 'Titillium Web', sans-serif;
font-size:1.4rem;
color:#c6cace;
	margin-bottom: 4px !important;
	
	}			
	
	
.post-attachments li a{
		
		font-size:1.8rem;
		line-height:2rem;
		
		}
		
		
h2.home {
    background-color: #1f3d63;
    color: #fff !important;
    display: block;
    margin-bottom: 10px;
    padding: 8px 5px;
	font-size: 4rem;
    line-height: 1.2;

}	

	.content ul li{
	font-size:1.8rem;
	line-height:2.8rem;
	margin-bottom: 10px;
	
	}
	
	aside ul li{
		
		line-height:2rem;
		
		}

		
	
	
	
 /* / TIPOGRAFIA */	
 
 

.wrapper {
    margin: 0 auto ;
   width: 1200px;
   overflow:hidden;
    flex: 1 1 auto;
   clear: both;
   margin-bottom:50px;
   margin-top:15px;
   min-height:250px;
   
 
}

.clear{
	
	height:1px;
	clear:both;
	width:100%;
	
	}

	
/*------ COOKIE -----------*/

#cookie-notice {
	display: block;
	position: fixed;
	min-width: 100% !important;
	height: auto;
	z-index: 100000;
	font-size: 16px !important;
	line-height: 24px;
	left: 0;
	text-align: center;
	padding: 20px;
	color: rgb(255, 255, 255);
	background-color: #333 !important;
	visibility: visible;
}

#cookie-notice a{
	
	text-decoration: none !important;
	
}

#cookie-notice a:hover{
	
	text-decoration:underline !important;
	color: #fff !important;	
}


.cn-button {
	font-family: 'Titillium Web', sans-serif !important;
	display: inline-block;
	padding: 15px !important;
	line-height: 10px;
	margin-right: 10px;
	margin-bottom: 0;
	text-align: center;
	text-shadow: none !important;
	font-style: normal;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	background-color: #0066cc;
	font-size: 16px !important;
}
.cn-button:hover {
	
	background-color: rgba(0, 102, 204, 0.8);
	
}
/*------ / COOKIE -----------*/
	

	

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


.top_menu{
	
	height:30px;
	width:1200px;
	margin:0 auto;
	text-align:right;
	
	}

   	
	
	.top_menu ul{
	
	 margin: 0 auto;
   
}
   	


.top_menu ul li{
	
	display:inline-block;
	list-style-type:none;
	padding:0 6px 0 6px;
	
		
	}			
	
.top_menu ul li:last-child{
	
	
	border-right:0;
	
    background-color: #0065cb;
}
					
	
.top_menu ul li a{
	
	color:#fff;
	font-size:1.4rem;
	text-decoration:none;

	line-height:30px;
		
	}				
	

.top_menu ul li ul.sub-menu{
	
	display:none;	
	background-color:#30373D;
	position:absolute;
	top:100%;
	left:0;
	padding:0;
	z-index:1000;
	width:100%;
	
	}		
	 
.top_menu ul li ul.sub-menu li{
	
	border:0;
	padding:0 10px 8px 10px;
	line-height:15px;
	float:none;
	}				
	
.top_menu ul li ul.sub-menu li:nth-child(1){
	
	
	padding:12px 10px 12px 10px;
	
	}	
	
	
.top_menu_content{
	
	margin: 0 auto;
	
	}					
	

.top_menu_content ul li:nth-last-child(1){
	
	
	border-right:0;
	
	}		
	

.top_menu ul li:hover ul{
	
	display:block;
		
	}		
	
.top_menu ul li ul:hover{
	
	display:block;
		
	}	
			
/*--- /TOP MENU ---*/



header{
	
height:115px;
width:100%;
background-color:#113F6E;
position:relative;
	
	
	}
	
	
.header_content	{
	
	width:1200px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	height:115px;
	
	}
	
.logo {
	
	width:224px;
	float:left;
	margin-top:30px;
		
	}	
	
 .home .content_home h1{
	
	display:none;
	
	}
	
/* BREADCRUMB */	
	
.home #breadcrumb {
display:none;
}

#breadcrumb {
margin-bottom:10px;
}


#breadcrumb a , #breadcrumb span {
	
	font-size:1.5rem;
	line-height:1.2;
	font-weight:bold;
	
	}


#breadcrumb a {
	
	color:#0066cc;
	font-weight:bold;
	
	}


/* / BREADCRUMB */		



/* ---HOME----*/

.CM_Block h2, .CM_Block h3 {
	font-size:1.6rem;
	display:inline-block;
	}			
	
.CM_Block h2 a, .CM_Block h3 a{
	color:#113f6e;
	text-decoration:none;
	}		
	
.CM_Block{
	
	color:#113f6e;
	font-size:1.6rem;
	text-decoration:none;
	
	}			
	
.CM_Block{
	text-align: center;
	}	
	
.CM_Block:hover{
	
	opacity:0.8;
	transition: opacity 0.1s 0.1s ease;
	
	}			
	
.CM_Block img{
	
	display:block;
	width:50px;
	margin:20px auto;
	
	}		
	
.CM_Block.psm img{
	
	display:block;
	width:100px;
	margin:20px auto;
	
	}		

.CM_Block.EMA2018 img{
	
	display:block;
	width:110px;
	margin:20px auto;
	
	}		


.home_news h2{
	
	display:block;
	margin-top:10px;
	height:40px;
	background-color:#0085B2;
	color:#fff;
	font-size:1.8rem;
	line-height:40px;
	padding:0 10px;
	
	}	
	

	
.content .data{
	
	font-style: italic;
    font-size: 14px;
    margin-bottom: 20px;
	
	}	
	
ul.lcp_catlist	{
	
	margin:0 !important;
	
	}
.home .wrapper{
	
	margin-bottom: 32px;
	
}	
	
.home_news	{
	width:530px;
	float:left;
	margin-left:8px;
	
	
}

.content .home_news	{
	width:100%;
	float:none;
	margin-left:8px;
	
	
}
	
.home_news ul{
	
	margin:0;
	
	}	

.home_news ul li{
	
	background-color: #fff; 
	border:solid 1px #ddd;
	border-left:solid 4px #113F6E;
	list-style-type:none;
	padding:10px;
	margin:2px 0;
	
	}

.content .home_news ul li{
	
	background-color: #fff; 
	border:solid 1px #ddd;
	border-left:none;
	list-style-type:none;
	padding:10px;
	margin:2px 0;
	
	}
	
	.home_news ul li:hover{
	
	background-color: #eee; 
	
	
	}
	
.home_news ul li h3{
	
	font-size:1.6rem;
	margin:0;
	
	}	
	
.home_news ul li a{
	
	color:#333;
	font-size:16px;
	text-decoration:none;
	
	}	

.home_news ul li a:hover{
	
	text-decoration:underline;
	
	}	
	
.home_news ul li p{
	
	color:#333;
	font-size:1.5rem;
	margin:5px 0 0 0;
	line-height:1.5;
		
	}			
	
.home_news ul li p.date{
	
	color:#333;
	font-size:14px;
	margin:0;
	font-style:normal;
		
	}		
	

.link_notizie_home{
		
    color: #0065CB;
    display: block;
    font-size: 1.6rem;
    text-align:right;
    margin-top: 5px;;
    padding: 0 10px;
	text-decoration:none;
	font-weight:bold;
		
		}	
	
	.home_content_top{
		
		display:block;
		overflow:hidden;
	}


/*-- IN EVIDENZA --*/
	
	.evidenza_home{
	
	display:block;
	width:100%;
		overflow: hidden;
}		
	

.evidenza_home ul li{
	
	float: left;
	width: 300px;
	box-sizing: border-box;
	padding: 8px 4px;
	border-left:solid 4px #113F6E;
	list-style-type: none;
	margin-bottom: 24px;
	height: 140px;
	
	
}		

.evidenza_home ul li a span{
	
font-size: 18px;
	font-weight: bold;
	color: #113F6E;
	
	
}		

.evidenza_home ul li a span:hover{
	
text-decoration: underline;
	
}		

.evidenza_home ul li a span.sub{
	
font-size: 16px;
	font-weight: 500;
	color: #333;
	margin-top: 16px ;
	padding-left: 4px;
	display: block;
	line-height: 20px;
	overflow: hidden;
	max-height: 83px;
	
	
}		

.evidenza_home ul li a{
	
font-size: 18px;
	font-weight: bold;
	color: #113F6E;
	text-decoration: none;
	
	
}		

/*-- AREE TEMATICHE --*/


.aree_tematiche_home{
	
	display:block;
	width:100%;
	overflow: hidden;
}		
	

.aree_tematiche_home ul.menu > li{
	
	float: left;
	width: 400px;
	height: 135px;
	overflow: hidden;
	box-sizing: border-box;
	padding: 8px 32px 16px 8px;
	border-left:solid 4px #113F6E;
	list-style-type: none;
	margin-bottom: 24px;
	
}		


.aree_tematiche_home ul li ul.sub-menu{
	
	margin-top: 16px;
	}		


.aree_tematiche_home ul li ul.sub-menu li{
	
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 0 0 8px 12px;
	border-left:none;
	list-style-type: none;
	margin-bottom: 0;
	}		


.aree_tematiche_home ul li a{
	
font-size: 20px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	
}		

.aree_tematiche_home ul li a:hover{
	

	text-decoration: underline;
	
}		

.aree_tematiche_home ul li ul.sub-menu li a{
	
	font-size: 16px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}	

.aree_tematiche_home ul li ul.sub-menu li a:hover{
	
	text-decoration: underline;
}	


ul li.verde-acqua{
	
	border-color: #16A086 !important;
}

ul li.giallo{
	
	border-color: #F39C11 !important;
}

ul li.celeste{
	
	border-color: #2A80B9 !important;
}


ul li.rosso{
	
	border-color: #E84C3D !important;
}

ul li.arancione{
	
	border-color: #D35501 !important;
}

ul li.verde{
	
	border-color: #27AE61 !important;
}

ul li.blu{
	
	border-color: #34495E !important;
}

ul li.viola{
	
	border-color: #46254F !important;
}

ul li.bordeaux{
	
	border-color: #A6271E !important;
}





/*-- LINK UTILI --*/


.container_link_utili{

	width: 1200px;
	margin:0 auto;
	
}



.link_utili{
	
	display:block;
	width:100%;
	overflow: hidden;
	background-color: #EEEEEE;
	padding-bottom: 40px;
}		

.link_utili h3{
	
font-size: 24px;
color: #B20000;
	
}		
	

.link_utili ul.menu > li{
	
	float: left;
	width: 400px;
	overflow: hidden;
	box-sizing: border-box;
	padding: 8px 32px 8px 0;
	list-style-type: none;
		
}		
		


.link_utili ul li a{
	
font-size: 18px;
	font-weight: bold;
	color: #B20000;
	text-decoration: none;
	
}		


.link_utili ul li a:hover{
	

	text-decoration: underline;
	
}		




	
/* ----------- PAGINA NEWS ----------------------*/

.notizie .category_lcp ul li h3{
	
	display:block;
	margin-top:20px;
	margin-bottom:10px;
	color:#fff;
	font-size:1.8rem;
			
	}	
	
ul.lcp_catlist	{
	
	margin:0 !important;
	
	}
	
	.category_lcp ul {
	
	margin-left:0;
	
	}

.notizie .category_lcp ul li{
	
	background-color: #eee; 
	list-style-type:none;
	padding:20px;
	margin:2px 0;
	
	}
	
.notizie .category_lcp ul li h3{
	
	font-size:1.6rem;
	margin:0;
	
	}	
	
.notizie .category_lcp ul li a{
	
	color:#333;
	font-size:1.6rem;
	text-transform:uppercase;
	text-decoration:none;
	
	}	
	
.notizie .category_lcp ul li p{
	
	color:#333;
	font-size:1.5rem;
	margin:5px 0 0 0;
		
	}			
	
.notizie .category_lcp ul li p.date{
	
	color:#333;
	font-size:1.2rem;
	margin:0;
	font-style:normal;
		
	}		
	
.notizie .category_lcp ul li a.more{
	
	width:16px;
	height:16px;
	position:relative;
	right:-5px;
	bottom:10px;
	background-image:url(imgs/news_more.png);
	display:block;
	float:right;
		
	}		
	
.box_lista_spalla h2{
	
	background-color: #0085b2;
    color: #fff;
    display: block;
    font-size: 1.8rem;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    padding: 0 10px;
	
	}	
	
.box_lista_spalla h2{
	
	background-color: #fff;
    color: #0085b2;
	border-top:solid 6px #0085b2;
    display: block;
    font-size: 1.8rem;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    padding: 0 10px;
	
	}		
		
	
.box_lista_spalla ul li {
    background-color: #eee;
    list-style-type: none;
    margin: 2px 0;
    padding: 10px;
}	

.box_lista_spalla ul li h3{
   
    font-size: 1.4rem;
	line-height:1.2;
 
}	

.box_lista_spalla ul li h3 a{
   
   color: #333;
    font-size: 1.3rem;
	text-decoration: none;
    text-transform: uppercase;
   
}	

.box_lista_spalla .lcp_date{
	
	font-size: 1.2rem;
	
	}
	
.box_lista_spalla .lcp_date + a{
	
	background-image: url("imgs/news_more.png");
    bottom: 10px;
    display: block;
    float: right;
    height: 16px;
    position: relative;
    right: -5px;
    width: 16px;
	}	

/*------------ / FINE PAGINA NEWS --------------*/	
	
	
	
/*--------------MENU SIDEBAR----------------*/



.sidebar .menu-widget > li.menu-item > ol.sub-menu {
  margin: 0px;
  padding-left: 0px;
}

.sidebar .menu-widget{
  
  margin:0;
  
}

.sidebar .menu-widget li{
  
  list-style-type:none;
  
}



.sidebar .menu-widget > li.menu-item {
  border: 1px solid #ccc; 
  margin-bottom:1px;
  background-color: #eeeeee;
  
}

.sidebar .menu-widget > li.menu-item > a{
	
	display:block;
	font-size:1.4rem;
	text-decoration: none !important;
	font-weight:600;
	color:#333;
  padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
	background-color:#fff;
	
	}	



.sidebar .menu-widget li ol li{
  
   border:0;
 border-bottom: 1px solid #fff; 
  margin-bottom:0;

  
}

.sidebar .menu-widget li ol li ol li {
  
  border-bottom: none; 
  
}




.sidebar .menu-widget li ol li ol li a{
  
  padding-left:0 !important;
   
  
}

.sidebar .menu-widget li ol li ol{
  
   padding-left:50px !important;
   
  
}

.sidebar .menu-widget li ol li ol li ol{
  
   padding-left:30px !important;
   
  
}

.sidebar .menu-widget li ol li ol li ol li {
  
  border-bottom: none;
  /*list-style-type:disc !important; */
  
}

.sidebar .menu-widget li ol li ol li ol li a{
  
   
   
  
}


.sidebar .menu-widget .sub-menu > li.current-menu-item > a {
    font-weight: bold;
}
	

.sidebar .menu-widget .sub-menu > li a{
  background-color: #eeeeee;
  color: #515151;
  padding-bottom: 5px;
    padding-left: 25px;
    padding-top: 5px;
	padding-right: 5px;
	display:block;
	font-size:1.4rem;
	text-decoration: none !important;
}

/*-------------- /MENU SIDEBAR----------------*/	
	
	
	
/*--------------MENU SIDEBAR AMMINISTRAZIONE----------------*/

.amministrazione-trasparente  {
  
  
}

.amministrazione-trasparente .menu-widget > li.menu-item > ol.sub-menu {
  margin: 0px;
  padding-left: 0px;
}

.amministrazione-trasparente .menu-widget{
  
  margin:0;
  
}

.amministrazione-trasparente .menu-widget li{
  
  list-style-type:none;
  
}



.amministrazione-trasparente .menu-widget > li.menu-item {
  border: 1px solid #ccc; 
  margin-bottom:1px;
  
}

.amministrazione-trasparente .menu-widget > li.menu-item > a{
	
	display:block;
	font-size:1.4rem;
	text-decoration: none !important;
	font-weight:600;
	color:#333;
  padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
	
	}	



.amministrazione-trasparente .menu-widget li ol li{
  
   border:0;
 border-bottom: 1px solid #fff; 
  margin-bottom:0;
  
}


.amministrazione-trasparente .menu-widget .sub-menu > li.current-menu-item > a {
    font-weight: bold;
}
	

.amministrazione-trasparente .menu-widget .sub-menu > li a{
  background-color: #eeeeee;
  color: #515151;padding-bottom: 10px;
    padding-left: 25px;
    padding-top: 10px;
	display:block;
	font-size:1.4rem;
	text-decoration: none !important;
}




/*-------------- /MENU SIDEBAR AMMINISTRAZIONE----------------*/	


/*-------------- SIDEBAR LEFT----------------*/	 

.sidebar-left{
	width:215px;
	margin-right:10px;
	float:left;
	}
	
.blocco-conoscitivo	li{
	width:215px;
	padding-bottom: 10px;
	border:solid 1px #ccc;
	border-top:solid 6px;
	margin-bottom:10px;
	list-style-type:none;
	}
	
.blocco-conoscitivo	li img{
	margin:15px auto;
	}	
	
.blocco-conoscitivo.secondo	li{
	width:215px;
	padding-bottom: 10px;
	border:solid 1px #CCCCCC;
	border-top:solid 6px #113F6E;
	margin-bottom:10px;
	/*background-color:#113F6E;*/
	}	
	
/*.secondo li.CM_Block h2 a {
    color: #fff;
   
}	*/

/*-------------- / SIDEBAR LEFT----------------*/	
	
	
/* TWITTER */	
	
 
 .sidebar iframe.twitter-timeline{
	 
	 margin-top:-8px !important;
	 
	 }
 
 .socialmedia{
	 
	  /*background-color: #1B95E0;*/
	 
	 }
 
 .socialmedia h2 {
    background-color: #1B95E0;
    color: #fff;
    display: block;
    font-size: 1.8rem;
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
	margin-bottom:5px;
    padding: 0 10px;
	border-bottom:solid 2px #fff;
	 
	
}

.socialmedia h2:before{
	
	content:url('imgs/twitter_icon.png') ;
	position: relative;
    top: 5px;
	margin-right: 5px;
	float: left;
	}

.socialmedia h2 img{
	
    margin-top:5px;
}


.wpsms-item{
	
	margin-right:0px !important;
	padding:0 20px;
	border-right:solid 1px #fff;
	
	}
	
.wpsms-item:first-child{
	
	padding-left:0 !important;
	
	}	
 
.wpsms-container {
	
	width:680px;
	padding:0 10px;
	
	}
 
.wpsms-icon-twitter::before {
    content: "" !important;
} 

.wpsms .wpsms-meta-info::before, .wpsms .owl-next, .wpsms .owl-prev, .wpsms a {
    color: #fff !important;
	font-size:1.4rem;
	display:inline-block;
}

.owl-controls{
	
	display:none !important;
	
	}

.post-time{
	
	font-size:1.2rem !important;
	text-transform:lowercase !important;
	color:#fff !important;
	
	}
	
.wpsms-meta-info	{
	
	margin-bottom:5px !important;
	
	}
	
.wpsms-body-text{
	
	font-size:1.5rem !important;
	color:#fff !important;
	
	}
	
.wpsms-read-more{
	
	
	
	}
	
.wpsms-image { 
    
	position:static !important;
	float:left !important;
	margin-right:5px;
}	

.wpsms .wpsms-item .wpsms-image + .wpsms-body-text {

	padding-left:5px !important;
}
	
.wpsms-read-more:after{
	
	content:"" !important;
	
	}	
	
	
/* ---/ HOME----*/
	
.rev_slider_wrapper{
	
	float:left;
	
	}	
	
.content_home_slider{
	
	
	
	}	

footer{
	
	width:100%;
	
	background-color:#30373d;
	color:#c6cace;
	min-height:150px;
	border-top:10px solid #E9EAEE;
	
		
	}
	
footer.footer_2{
	
	width:100%;
	
	background-color: #282a2b;
	color:#8c8989;
	border-top:1px solid  #4b4c4d;
	background-color: #282a2b;
    padding-bottom: 12px;
    padding-top: 12px;
	
		
	}	
	
.content_footer{
	
	margin: 0 auto;
   width: 1200px;
   padding: 30px 0;
   color:#fff;
	
	}	
	
.content_footer p{
		
   color:#c6cace !important;
   margin-bottom:10px !important;
   font-size:1.4rem;
   line-height:1.5;
   
	
	}	
	
.content_footer a{
	
	color:#65dde0 !important;
   margin-bottom:10px !important;
   font-size:1.4rem;
   text-decoration:none !important;
	
	}	
	
	
.content_footer li a{
	
	color:#65dde0 !important;
	font-size:1.4rem;
	text-decoration:none !important;
  
	}	
	
.content_footer li{
	
	list-style-type:none;
	padding-bottom:10px;
	margin-bottom:10px;
	  
	}			
	
.content_footer a:hover{
	
	text-decoration:underline;
	
	}			
	
.content_footer h3{
	
	
	margin-bottom:20px;	
		
	}		
	
.footer_left {
    float:left;
	width:360px;
	
}

.link-footer{
	
	text-align:right;
	
	}
	


.link-footer li{
	
	display:inline;
	float:right;
	margin-left:15px;
	
	}



h3.newsletter{
	
	margin-top:20px;
	
	}

.footer_center {
    float:left;
	width:360px;
	margin :0 20px;
}	


.footer_right {
     float:right;
	 width:360px;
	 text-align:right;
}		
	
.footer_left .cap_lav_logo img {
   
   height:48px;
   
}	

.footer_right img {
    height: 50px;
}	
	
	

.credits {
	

     margin: 0 auto;
   width: 1200px;
   overflow:hidden;
   padding-bottom:30px;
  	font-size:12px;
	color:#CCC;
}	



	 
	 
/* ---- NAVIGAZIONE PRINCIPALE ----*/



/* ------------------ SLIDER --------------------------- */


.content_home_slider{
	
	height:400px;
	width:660px;
	margin-bottom:10px;
	position: relative;
    z-index: 10;
	overflow:hidden;
	float:left;
	
	}	


.flex-viewport{
	
	height:400px;
	width:660px;
	}
	
.flex-viewport ul{
	
	margin-left:0 !important;
	}	

ul.slides {
    width: 600%;
    transition-duration: 0s;
    /*transform: translate3d(-750px, 0px, 0px) !important;*/
}

.flexslider	{
		
	height:400px;	
	border:0 !important;
	border-radius:0 !important;
	
	
	}
	
.flex-viewport .slide{
	
	height:400px;
	width:660px !important;
	list-style-type:none;
	position:relative;
	
	}	
	
.flex-active-slide	{
	
	
	
	}	
	
	
	
	
	
h2.slider-title{
	
	
	
	display:inline-block;
    z-index: 9;
	position:absolute !important;
	background-color:#333;
	opacity:0.9 !important;
	padding:8px;
	top:8px;
	left:8px;
	margin-right:8px;
	
	
}

h2.slider-title a{
	
	font-size:18px !important;
	font-weight:bold;
	color:#fff;
	text-decoration:none !important;
	margin:0 !important;
	opacity:1 !important;
	z-index: 999 !important;
	line-height:24px !important;
	display:block;
	
}


	
	
.flexslider .slides img {
    
    height: auto;
    position: relative;
    height:400px;
	width:660px;
	object-fit:cover;
}
	
	
.flex-direction-nav a {
    height: 32px;
    margin-top: -16px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 32px;
    z-index: 9999;
}


.flex-direction-nav .flex-prev {
    background: rgba(0, 0, 0, 0) url("imgs/controls.png") no-repeat scroll 0 -32px;
    left: 10px;
	opacity:0.4;
}	
	
	
.flex-direction-nav .flex-next {
    background: rgba(0, 0, 0, 0) url("imgs/controls.png") no-repeat scroll -43px -32px;
    right: 10px;
	opacity:0.4;
	
}	
	
	
.flexslider:hover .flex-direction-nav a{
	
	opacity:1;
	
	}	
	
.flex-control-nav{
	
	position:relative;
	top:-20px;
	z-index:100;
	width:750px;
	margin:0 auto;
	text-align:center;
	
	}	 
	 
.flex-control-nav li{ 
	
	display:inline-block;
	width:15px;
	height:15px; 
	margin:0 auto;
	
	}		
	
.flex-control-nav li a{
	
	
	background-image:url(imgs/nav_icon.png);
	background-repeat:no-repeat;
	width:15px;
	height:15px;
	background-position:center;
	display: block;
	line-height: 50px;
	opacity:0.7;
	
	}			
	
.flex-control-nav li a.flex-active{
	
	
	background-image:url(imgs/nav_icon_active.png);
	background-repeat:no-repeat;
	
	}				

/* ---- SLIDER -----*/


/* ------------------ SLIDER --------------------------- */


			

/* ---- SLIDER -----*/


/* General styles for all menus */


.button_open{
	
	width:50px;
	height:60px;
	background-image:url(imgs/menu-icon.png);
	background-repeat:no-repeat;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 90px;
	border:none;
	padding:0;
	float:left;
	margin-right:50px;	
	margin-top:40px;
	cursor:pointer;
	color:#fff;
	text-decoration:none;
	
	}
	
.button_open:hover{
	
	text-decoration:none;
	color:#fff;
	
	}	
	
.button_close{
	
	width:50px;
	height:60px;
	background-image:url(imgs/menu_close.png) !important;
		
	}	



.cbp-spmenu {
	
	background-color:#fff;
	position:fixed;
	padding-top:50px;
	
}

.cbp-spmenu h3 {
	color: #afdefa;
	font-size: 1.9em;
	padding: 20px;
	margin: 0;
	font-weight: 300;
	background: #0d77b6;
}

.cbp-spmenu a {
	display: block;
	color: #333;
	font-size: 2rem;
	font-weight: 300;
}

.cbp-spmenu a:hover {
	
}

/*.cbp-spmenu a:active {
	background: #afdefa;
	color: #47a3da;
}*/

.amm-trasp-menu{
	
	width:100%;
	background-color:#B20000;
	height:30px;
	
	}

.nav{
	
	padding:0 !important;
	
	}
	
.nav li{
	
	margin:0 !important;
	
	}	
	


.nav > li > a {
	
	font-size:2.5rem !important;
	font-weight:bold !important;
	text-transform:uppercase !important;
	border-radius:0 !important;
	padding: 12px 12px !important;
	
	}
	
.nav li > ul.sub-menu > li > a	{
	
	font-size:2rem !important;
	font-weight:600 !important;
	border-radius:0 !important;
	padding: 12px 12px !important;
	
	}


.nav > li > ul.sub-menu > li > ul.sub-menu > li > a{
	
		font-size:1.8rem !important;
		font-weight:600 !important;
		border-radius:0 !important;
		padding: 12px 12px !important;	
		
		}	
		
			
.nav > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a{
	
		font-size:1.4rem !important;
		font-weight:600 !important;
		border-radius:0 !important;
		padding: 12px 12px !important;	
		color:#333 !important;
		
		}	
		
	.nav > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a{
	
		font-size:1.4rem !important;
		font-weight:600 !important;
		border-radius:0 !important;
		padding: 12px 12px !important;	
		color:#333 !important;
		
		}		
		
	.nav > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a{
	
		font-size:1.4rem !important;
		font-weight:600 !important;
		border-radius:0 !important;
		padding: 12px 12px !important;	
		color:#333 !important;
		
		}			



.nav a:hover  {
    
	background-color:#EAEAEA !important;
	color:inherit !important;
    
}

.nav li.active > a {
    
	
    
}

.nav li > a > span {
 
    font-size: 30px !important;
    
}

.nav li > a > span.sub{
	
	font-size: 1.6rem !important;
    font-weight: 400 !important; 
	float:none !important;
	
	}
	
.nav li > a:hover > span{
    
	
	color:inherit !important;
    
}
	
	
.nav li > a > span.sub::after {
    content: "" !important;
}	

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	overflow-y: scroll;
    position: fixed;
    top:0;
    width: 580px;
    z-index: 1000;
	height:100%;
	
}

.cbp-spmenu-vertical a {
	border-bottom: 1px solid #666;
	padding: 1em;
}



/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
	left: -100%;
}



.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
	/*overflow-x: hidden;*/
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toright {
	left: calc(580px + 10px - ((100% - 1250px) / 2));
}

.cbp-spmenu-push-toleft {
	left: -580px;
}



/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


	



/* ---- / NAVIGAZIONE PRINCIPALE ----*/
	 


/* PAGINATION */

.paginazione{
   
   text-align:center;
   overflow:hidden;
   margin-top: 2px;
   
 }

.paginazione span{
   
   line-height:1.6;
   
 }

.paginazione li a {
    transition: background-color .3s;
	 color: #333;
    font-size: 1.6rem;
    text-transform: uppercase;
    text-decoration: none;
 }

.paginazione li {
    display:inline;
	padding:0 10px !important;
	margin-right:1px !important;
	background-color: #eee;
	
 }

.paginazione li.active {
    background-color: #0066CC !important;
 }

.paginazione li.active a {
    color: white !important;
   }

.paginazione li:hover:not(.active) {
    background-color: #0066CC;
    color: white !important;
}

.paginazione li:hover:not(.active) a {
    color: white !important;
}




.search .paginazione a{
   
   line-height:1.6;
   
 }

.search .paginazione a {
    transition: background-color .3s;
	 color: #333;
    font-size: 1.6rem;
    text-transform: uppercase;
    text-decoration: none;
 }

.search .paginazione a {
    display:inline;
	padding:0 10px !important;
	margin-right:-2px !important;
	background-color: #eee;
	
 }


.search .paginazione span {
    
	background-color: #eee;
	color: #333;
	padding:0 10px !important;
	margin-right:-2px !important;
	line-height: 1.2 !important;
 }

.search .paginazione span.current {
    background-color: #0066CC !important;
	color: white !important;
	
	
 }



.search .paginazione span:hover:not(.current) {
    background-color: #0066CC;
    color: white !important;
}


.search .paginazione a:hover:not(.active) {
    background-color: #0066CC;
    color: white !important;
}

.search .category_lcp ul{
	
	margin-top:20px !important;
	
}

.search .category_lcp ul li{
	
	border-bottom: solid 1px #ccc;
	
}



/* /PAGINATION */


/*-------------- PAGINA ---------*/


	

.content{
	
	width:900px;
	float:left;
	font-size: 1.8rem;
	
	
	}
	
.content.amministrazione_trasp{
	
	width:900px;
	float:left;
	font-size: 1.8rem;
	
	
	}	
	
.content.page{
	
	width:900px;
	float:left;
	font-size: 1.8rem;
	
	
	}		
	
h1.title{
	
	margin-bottom:30px;	
	
	}	
	
.content_home{
	
	width:750px;
	float:left;
	font-size: 1.8rem;
	
	
	}	
	
.servizi-cittadino-home img{

display: block;
margin: 10px auto 20px;
	}	
	
.servizi-cittadino-home ul{
	
	display: flex; 
	width:750px;
	
	}	
	
aside .servizi-cittadino-home ul{
	
	display: block; 
	width:280px;
		
	}		
	
.servizi-cittadino-home ul li{
	
	 flex: 1 0;
	 flex-grow: 1;
    flex-basis: 0;
	 height:140px;
	 list-style-type:none;
	 margin-right:5px;
	 padding:5px;
	 text-align:center;
	
	}	
	

	
aside .servizi-cittadino-home ul li{
	
	 
		height:inherit;
	 list-style-type:none;
	 padding:5px !important;
	 margin-right:0;
	 margin-bottom:1px !important;
	 text-align:left;
	 border:none !important;
	 
	}	
	
aside .servizi-cittadino-home ul li:hover{
	
	 opacity:1;
	 
	}		
	
.sidebar .servizi-cittadino-home .menu-widget > li.menu-item > a	{
	
	background-color:transparent;
	
	}
	
	
aside .servizi-cittadino-home ul li ul.sub-menu {
	
	 margin-left:50px;
	 width:260px;
	 
	}			
	
aside .servizi-cittadino-home ul li ul.sub-menu li{
	
	 background-color:transparent !important;
	 list-style-type:disc !important;
	 color:#fff !important;
	 
	}		
	
aside .servizi-cittadino-home ul li ul.sub-menu li a{
	
	  background-color:transparent !important;
	  line-height:1.2 !important;
	 
	}			
	
aside .servizi-cittadino-home img{

display: inline;
margin: 5px 15px 5px 5px;
float: left;

	}			
	
.servizi-cittadino-home ul li:hover{
	
	opacity:0.8;
	transition: opacity 0.1s 0.1s ease;
	
	}			
	
.servizi-cittadino-home.top ul li{
	
	 background-color:#Fff !important;
	 border: 1px solid #ccc !important;
    margin-bottom: 10px !important;
	
	}	
	
.servizi-cittadino-home ul li:nth-child(1){
	
	 background-color:#16A086 !important;
	 
	
	}	
	
aside .servizi-cittadino-home > ul > li > a:before{
	
 vertical-align:middle;
}	
	
	
aside .servizi-cittadino-home > ul > li:nth-child(1) > a:before{
	
  content:url('imgs/ambiente_icon.png');
 
  float:left;
  margin-top:5px;
  margin-right:10px;
}
	
	
.servizi-cittadino-home ul li:nth-child(2){
	
	 background-color:#F39C11 !important;
	
	}	
	
aside .servizi-cittadino-home > ul > li:nth-child(2) > a:before{
	
  content:url('imgs/scuola_icon.png');
 
  float:left;
  margin-top:5px;
  margin-right:10px;
}	
	
.servizi-cittadino-home ul li:nth-child(3){
	
	 background-color:#2A80B9 !important;
	
	}	
	
aside .servizi-cittadino-home > ul > li:nth-child(3) > a:before{
	
  content:url('imgs/lavoro_icon.png');
  
  float:left;
  margin-top:5px;
  margin-right:10px;
}	
	
.servizi-cittadino-home ul li:nth-child(4){
	
	 background-color:#E84C3D !important;
	
	}
	
aside .servizi-cittadino-home > ul > li:nth-child(4) > a:before{
	
  content:url('imgs/territorio_icon.png');
  
  float:left;
  margin-top:5px;
  margin-right:10px;
}	
	
.servizi-cittadino-home ul li:nth-child(5){
	
	 background-color:#D35501 !important;
	
	}	
	
aside .servizi-cittadino-home > ul > li:nth-child(5) > a:before{
	
  content:url('imgs/viabilita_icon.png');
  
  float:left;
  margin-top:5px;
  margin-right:10px;
}	
	
.servizi-cittadino-home ul li:nth-child(6){
	
	 background-color:#27AE61 !important;
	
	}	
	
aside .servizi-cittadino-home > ul > li:nth-child(6) > a:before{
	
  content:url('imgs/mobilita_icon.png');
  
  float:left;
  margin-top:5px;
  margin-right:10px;
}	
	
.servizi-cittadino-home ul li:nth-child(7){
	
	 background-color:#34495E !important;
	
	}
	
aside .servizi-cittadino-home > ul > li:nth-child(7) > a:before{
	
  content:url('imgs/sviluppo_icon.png');
  line-height:1.2;
  float:left;
  margin-top:5px;
  margin-right:10px;
}		

aside .servizi-cittadino-home > ul > li:nth-child(7) > a{
	
 
  line-height:1.2;
  
}		
								
.servizi-cittadino-home.top ul li a{
	
	 text-decoration:none;
	 color:#41658B !important;
	
	}	
.servizi-cittadino-home ul li a{
	
	 text-decoration:none;
	 color:#fff !important;
	
	}
	
	
aside .servizi-cittadino-home ul li a{
	
	 
	 font-size:1.6rem !important;
	 font-weight:700 !important ;
	 padding:0 !important;
	line-height:40px;
  
	
	}				
	
.servizi-cittadino-home ul li:last-child{
	
	 
	 margin-right:0;
	
	}	
	
.menu-canali-tematici-container{
	
	margin-bottom: 150px;
	}		
		
	
.servizi-cittadino-home ul li h3{
	
	 font-size:1.6rem;
	
	}		
.servizi-cittadino-home h2{
	
	 border-top: 6px solid #113f6e;
    color: #113f6e;
    display: block;
    font-size: 1.8rem;
    height: 40px;
    line-height: 35px;
    padding: 0 10px;
	 
	
	}
	
.servizi-cittadino-icon		{
	
	width:280px;
	margin-bottom:10px;
	
	}
	
.servizi-cittadino-icon	ul	{
	
	overflow:hidden;
	
	}	
	
.servizi-cittadino-icon	h2	{
	color: #333;
    display: block;
    font-size: 1.8rem;
    height: 40px;
    line-height: 40px;
	padding: 0 10px;
	border-top:solid 6px #ccc;
	}	
.CM_Block_container h2	{
	color: #113f6e;
    display: block;
    font-size: 1.8rem;
    height: 40px;
    line-height: 35px;
    padding: 0 10px;
	border-top:solid 6px #113f6e;
	}		
	
.servizi-cittadino-icon	li	{
	
	 float:left;
	 height:30px;
	 width:30px;
	 list-style-type:none;
	 padding:5px;
	 text-align:center;
	
	}	
	
.servizi-cittadino-icon ul li:nth-child(1){
	
	 background-color:#16A086 !important;
	 
	
	}	
	

.servizi-cittadino-icon ul li:nth-child(2){
	
	 background-color:#F39C11 !important;
	
	}	
	

.servizi-cittadino-icon ul li:nth-child(3){
	
	 background-color:#2A80B9 !important;
	
	}	
	

	
.servizi-cittadino-icon ul li:nth-child(4){
	
	 background-color:#E84C3D !important;
	
	}
	

	
.servizi-cittadino-icon ul li:nth-child(5){
	
	 background-color:#D35501 !important;
	
	}	
	

	
.servizi-cittadino-icon ul li:nth-child(6){
	
	 background-color:#27AE61 !important;
	
	}	
	
	
.servizi-cittadino-icon ul li:nth-child(7){
	
	 background-color:#34495E !important;
	
	}
	
	
.servizi-cittadino-icon img {
   
}	
	

			
.PagoPa {
	margin-bottom:10px;
}	

.bloccopaga{
	text-align:right;
	padding-right:45px;
	overflow:hidden;
	}

.bloccopaga a {
    background-color: #0065cb;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    height: 30px;
    line-height: 30px;
    padding: 5px;
    text-decoration: none;
}
	
.bloccopaga:after{
	
	content:url('imgs/pagoPa_lt.png');
	height:40px;
	width:40px;
	background-size:auto;
	float:right;
	margin-left:5px;
	
	
	}
		
	
	
.PagoPa.logo {    
    float: right;
    margin: 0;
    width: 46px;
}
.PagoPa img { 
    float: none;
    margin-left: 8px;
    margin-top: -12px;
    width: 40px;
}	
	
	
	
.link_notizie_sidebar{
	
	color: #0085b2 !important;
    display: block;
    font-size: 1.6rem;
    height: 30px;
    line-height: 30px;
    margin-top: 0;
    padding: 0 ;
	text-decoration:none;
	font-weight:bold;
	text-align:right;
	border-bottom:solid 2px #0085b2;
	
	}	
	
/*.link_notizie_sidebar:after {
    content: url("imgs/news_more.png");
    left: 10px;
    position: relative;
    top: 3px;	
	}	*/

/*-------------- / PAGINA ---------*/	

/*-------------- SINGLE ---------*/

p.date{
	
	display:block;
	text-align:left;
	font-size:1.5rem;
	margin-top:-10px;
	font-style:italic;
	
	
	}

/*-------------- / SINGLE ---------*/


/*--------- GALLERY----------*/

.gallery-item {
	
	width:auto !important;
	margin-right:20px !important;
	
	}

.gallery-item img{
	
	width:150px !important;
	height:150px !important;
	border:solid 1px #ccc !important;
	object-fit:cover;
	 
	}
	


	
#cboxOverlay {
    background: #969696 !important;
    opacity: 0.9;
}


#cboxContent{
	
	padding:10px;
	
	}

#cboxMiddleLeft , #cboxMiddleRight , #cboxTopCenter , #cboxBottomCenter , #cboxTopLeft , #cboxBottomLeft , #cboxBottomRight , #cboxTopRight {
	
	display:none;
	
	} 
	
#cboxPrevious{
	
	bottom: 5px;
   left: 5px;
	
	}	
	
#cboxNext{
	
	bottom: 5px;
   left: 32px;
	
	}		

#cboxClose{
	
	bottom: 5px;
   right: 5px;
	
	}
	
	
.gallery{
	
	margin-bottom:10px;
	
	}


.gallery-caption{
	
	   font-size: 1.5rem;
    line-height: 2.0rem;
	font-style:italic;
	
	}
	
.gallery-caption {
    display:block;
}		

/*----------/ GALLERY ----------*/

/*-------------- SIDEBAR ---------*/

.sidebar{
	
	width:215px;
	float:right;
	margin-left:10px;
	
	}
	
.sidebar.amministrazione-trasparente{
	
	
	width:280px;
	margin:0 0 0 20px;
	
	float:right;
	
	}		
	
.sidebar.page{
	
	
	width:280px;
	margin:0 0 0 20px;
	
	float:right;
	
	}			
	
	
.sidebar a{
	
	text-decoration: none !important;
	
	}	
	
.sidebar ul li{
	
	list-style-type:none !important;
	
	}	
	
.sidebar ol li{
	
	list-style-type:none !important;
	
	}			
	
.sidebar div{
	
	margin-bottom:5px;
	
	}


#custom-menu-wizard-3 h3{
	
	height:50px;
	background-color:#0085B2;
	margin-bottom:1px;
	padding: 0 10px;
	color:#fff;
	font-size:2rem;
	font-weight:bold;
	line-height:50px;
	text-transform:uppercase;
	margin-top:20px;
	
	}
	
.menu-servizi-al-cittadino-container ul li{
	
	background-color:#0085B2;
	margin-bottom:1px;
	padding: 12px 10px;
	
	}	


.menu-servizi-al-cittadino-container ul li a{
	
	color:#fff;
	font-size:1.6rem;
	font-weight:bold;
	display:inline-block;
	
	}	
	
	
.menu-servizi-al-cittadino-container ul li:hover{
	
	opacity:0.8;
	transition: opacity 0.1s 0.1s ease;
	
	}		
	
	


	
/* --------------  SEARCH -----------------------*/


.search_container{
	
	width:250px;
	float:right;
	position:absolute;
	bottom:10px;
	right:0;
	height:35px;
	
	}

.search-form{
	
	margin-bottom:20px;
	overflow:hidden;
		
	}	
	
	
.search-form label{
	
	display:none;
	
	}
	
	
.search-form input.search-field{
	
	height:35px;
	font-size:1.4rem;
	padding:0 4px 0 4px;
	border:solid 1px #666;
	width:215px;
	float:left;
	
	}	

.search-form  input[type="image"] {
    
	height:30px;
	float:right;
	
}

	
/* -------------- / SEARCH -----------------------*/	

/*---- SOCIAL -------*/
	
	 .social{
		
		font-size:1.6rem;
		height:25px;
		line-height:25px;
		
		}	
		
		.social {
		
			position:relative;
			z-index:100;
			float:right;
			top: 30px;
right: 35px;
			
		
		}		
		
		.social p{
			
			line-height:25px;
			font-size:1.6rem;
			font-weight:bold;
			margin-right:10px;
			float:left;
			color:#fff;
			
			}	
		
	.social ul {
		
	float:right;
		
		}			
		
		
	.social ul li{
		
		display:inline;
		list-style-type:none;
		
		}		
		
	.social ul li a{
		
		text-decoration:none;
		
		}	
		
	.social ul li a img{
		
		width:25px;
		
		}			
		
	.social ul li a:hover{
		
		opacity:0.8;
		
		}				

/*---- /SOCIAL ------*/

/* ---- SITI TEMATICI -----*/

.siti-tematici section{
	
	width:440px;
	float:left;
	
	}
	
.siti-tematici section:nth-of-type(2n+1){
	
	margin-right:20px;
	
	}	
	
.siti-tematici section li{
	
	list-style-type:none;
	
	}			
	
.siti-tematici section h2{
	
	border-top: 6px solid #ccc ;
	margin-top:10px;
	
	}		
	
.siti-tematici section.ambiente-ed-aree-protette h2{
	
	border-top: 6px solid #16a086 ;
	
	}	
	
.siti-tematici section.scuole h2{
	
	border-top: 6px solid #f39c11 ;
	
	}		
	
.siti-tematici section.lavoro-e-formazione h2{
	
	border-top: 6px solid #2a80b9 ;
	
	}		
	
.siti-tematici section.governo-del-territorio h2{
	
	border-top: 6px solid #e84c3d;
	
	}	
	
	
.siti-tematici section.mobilita h2{
	
	border-top: 6px solid #d35501;
	
	}	
	
	
.siti-tematici section.viabilita h2{
	
	border-top: 6px solid #27ae61 ;
	
	}		
	
	
.siti-tematici section.sviluppo-economico-sociale h2{
	
	border-top: 6px solid #34495e ;
	
	}	
		
		
			


/* ---- / SITI TEMATICI -----*/


/* ---- PROGETTI ----*/





/* ---- / PROGETTI ----*/

	
/* ------------------ SLIDER ---------------------------*/

.advps-slide	{
	
	height:350px;	
	
	
	}
	
.bx-wrapper {
 
 margin:0 !important;
}	

.bx-wrapper img {
    display: block;
   width: 700px;
   height:350px;
   object-fit: cover; 
}
	


	
/*   TABLE   */

table{
	
	width:100% !important;
	/*word-break:break-all;*/
	
	}
	
tbody{
	
	width:100% !important;
	
	}
	
table tr td{
	padding:8px;
	border:solid 1px #BEBEBE;
	line-height:2.3rem !important;
	word-wrap:break-word;
	height: 20px;
	font-size:1.4rem;
	vertical-align: top;
	}		
	
.content table tr td p{

	line-height:2.3rem !important;
	word-wrap:break-word;
	margin-bottom:0;
	font-size:1.4rem;
	
	
	}	
	
table caption{
	
	display:none;
	
	}	
	
table tr td a{

	font-size:1.4rem;
	font-weight:400;	
	
	}					

	
table th{
	
	background-color:#363839;
	color:#fff;
	font-weight:bold;
	padding:8px;
	border:solid 1px #BEBEBE;
	line-height:2.3rem !important;
	word-wrap:break-word;
	height: 20px;
	font-size:1.6rem;
	text-align:center;
    vertical-align: middle;
		
	}		
	
.mozioni table td:nth-of-type(5) , .mozioni table td:nth-of-type(6) {
	
	
	text-align:center;
    
		
	}			
	
table.tbl-dinamica tr td{
	
/*word-wrap:break-word;

hyphens: auto;*/

	
	}	
	
table.tbl-dinamica tr:nth-child(even){
	
	background-color:#eee;

	}				
	
				
	
/*table.tbl-dinamica th:nth-child(1){
	
	width:15%;
		
	}	
	
table.tbl-dinamica th:nth-child(2){
	
	width:40%;
		
	}	
	
table.tbl-dinamica th:nth-child(3){
	
	width:45%;
		
	}						
	*/
	

/*   /TABLE   */	


/* TABLE CONSIGLIERI */


ul.consiglieri{
		
	margin:0;
	padding:0;
	
	}

ul.consiglieri li{
		
	border:none;
	height:150px !important;
	margin-bottom:5px;
	list-style-type:none;
	overflow:hidden;
	display:block;
	
	}
	
ul.consiglieri li:nth-child(odd){
		
	background-color:#ddd;
	
	}	
	
ul.consiglieri li:nth-child(even){
		
	
	
	}		
	
ul.consiglieri li h2{
		
	
	overflow:hidden;
	
	
	}	
	
ul.consiglieri li h2 a{
		
	color:#333;
		
	}		
	
ul.consiglieri li img{
		
	width:150px;
	object-fit:cover;
	float:left;
	margin-right:30px;
	
	}	

/* / TABLE CONSIGLIERI */


	
	
/* STYLE PERSONALIZZATO BREADCRUMBS */





/* / STYLE PERSONALIZZATO BREADCRUMBS */	




/* ---- RICERCA AVANZATA ----*/

.ricerca_avanzata{
	
	background-color:#D5D5D5;
	padding:10px;
	
	}

/* ---- / RICERCA AVANZATA ----*/

/* ---- EVENTI METROPOLITANI ----*/

/* ul.eventi_col_4 {
    
    
    width: 100%;
    
}

ul.eventi_col_4 li{
    
    width: 300px;
    height: 300px;
    position: relative;
    display: inline-block;
   
}

ul.eventi_col_4 li img{
    
    width: 300px;
    height: 300px;
    position: relative;
    object-fit: cover;
   
}


ul.eventi_col_4 li h2{
    
    
    position: absolute;
    top: 5px;
    margin: 10px;
    padding: 10px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-weight: bold;
   
}

ul.eventi_col_4 li a{
    
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
   
} */

.content.eventi-metropolitani{
    
    width: 100%;
    
}

section.eventi_culturali{
    
    margin-bottom: 60px;
    margin-top: 30px;
}

ul.eventi_col_4 {
    
    
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    
}

ul.eventi_col_4 li{
    
    flex: 1 0 24%;
    margin: 2px;
    position: relative;
    list-style-type: none;
   
    height:296px;
    
   
}

ul.eventi_col_4 li img{
    
    width: 100%;
    height: 100%;
    position: relative;
    object-fit: cover;
   
}


ul.eventi_col_4 li h2{
    
    
    position: absolute;
    top: 10px;
    margin:0 10px;
    padding: 10px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-weight: bold;
   
}

ul.eventi_col_4 li a{
    
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
   
} 

#eventi-metropolitani ul.leggenda {
	list-style-type: none !important;
}
.leggenda li:before {
	content: '\2589';
	color: #e2620d;
	font-size: 16px;
	padding: 2px;
	vertical-align: top;
}
ul.leggenda {
	margin-left: 0;
	margin-top: 15px;
}
.leggenda li {
	list-style-type: none;
	float: left;
	margin-right: 15px;
	font-size: 1.6rem !important;
	margin-bottom: 10px;
}

body.single-event .eo-event-venue-map {
    width: 100% !important;
}

/* ---- / EVENTI METROPOLITANI ----*/






/* --- MOBILE CSS --- */

/*@media screen 
  and (min-device-width: 320px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 1.5)*/
  

@media screen 
  and (min-width: 320px) 
  and (max-width: 736px) 
 
   { 

html, body {
    
	font-size: 10px;
	 text-rendering: optimizelegibility;
	 margin-top:0 !important;
	
	 
}

.mobile{
	
	display:block !important;
	
	}	

BODY{
	
	color: #1c2024;
    font-family: 'Titillium Web', sans-serif;
     margin: 0;
	width:100%;
	position:absolute;
	left:0;

	}
	
.cbp-spmenu-push-toright {
    left: 0;
}	
	
.mobile{
	
	display:block;
	
	}		


.top_menu{
	
	height:30px;
	width:100%;
	margin:0 auto;
	text-align:right;
	
	}
   
   .header_content{
	   
	   width:100%;
	   overflow:inherit;
	   padding:0 8px;
	       box-sizing: border-box;
	   }
	   
.content_home{
	
	width:100%;
	
	}	   
	
.content {
    width: auto;
    float: inherit;
    font-size: 1.8rem;
}	

.content.page {
    width: auto;
    float: inherit;
    font-size: 1.8rem;
}	
	   
.wrapper{
	
	width:100%;
	margin-top:100px;
	padding:0 8px;
	box-sizing: border-box;
	
	}	  
	
footer{
	
	width:98%;
	padding:0 1%;
	
		
	}
	
footer.footer_2{
	
	width:auto;
		
	}	
		 
  
  .content_footer {
    
    width:100%;
	  overflow: hidden;
   
} 
	   
	   .footer_left {
    float: none;
    width: 100%;
}
	   
	    .footer_center {
    float: none;
    width: 100%;
}

	   
	   .footer_right {
    float: none;
    width: 100%;
    text-align: left;
}
.credits{
    
    width:100%;
   
} 

.sidebar-left{
	
	display:none;
	
	}
	
.sidebar{
	
	display:none;
	
	}	
.sidebar.page {
	width: 100%;
	display: block;
}

.top_menu ul li {
    
	display:none;
	
}

.top_menu ul li:last-child {
    
	display:inline-block;
	
}

.top_menu ul li:last-child a {
   
   text-transform:uppercase;
}

.content_home_slider{
	
	width: 100%;
	
	}
	   
.flex-viewport {
    height: 400px;
    width: 100vw;
}	   
	   
.flex-viewport .slide {
    height: 400px;
    width: 100vw !important;
    list-style-type: none;
    position: relative;
}
	   
	   .flexslider .slides img {
    height: auto;
    position: relative;
    height: 400px;
    width: 100%;
    object-fit: cover;
}
	   
	   
h2.slider-title {
   
    left: 0;
    
}	
	   
.flex-control-nav {
    position: relative;
    top: -20px;
    z-index: 100;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}	   
	
.content .home_news {
	margin-left: 0;
}
	
	   
.evidenza_home ul li {
    float: none;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 4px;
    border-left: solid 4px #113F6E;
    list-style-type: none;
    margin-bottom: 24px;
    height: auto;
}	   
	   
	   
.aree_tematiche_home ul.menu > li {
    float: none;
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    padding: 8px 8px 16px 8px;
    border-left: solid 4px #113F6E;
        border-left-color: rgb(17, 63, 110);
    list-style-type: none;
    margin-bottom: 24px;
}	   
	   
	   
.link_utili {
    display: block;
    width: 100%;
    overflow: hidden;
    background-color: #EEEEEE;
    padding:0 8px 40px 8px;
	box-sizing: border-box;
}	   
	   
	   
.home_news{
	
	width:100%;
	margin-left: 0;
	
	}	
section .home_news.galleria-prima-pagina.mobile {
	display: none !important; 
}
.galleria-prima-pagina h2{
	
	background-color:#B20000;
	
	
	}
	
.home_news.galleria-prima-pagina ul li a.more {
    width: 16px;
    height: 16px;
    position: relative;
    right: -5px;
    bottom: 10px;
    background-image: url(imgs/primo-piano_more.png);
    display: block;
    float: right;
}	

.social{
	
	 position: absolute;
    top: 150px;
	left:0;
    width: 98%;
	padding:0 1%;
	
	}
	
.social p {
    line-height: 25px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-right: 10px;
    float: right;
    color:#113F6E;
}	

.search_container {
    position: absolute;
    top: 180px;
    width: 100%;
	height:40px;
}

.search-form {
    margin:0 1%;
    overflow: hidden;
}

.search-form input.search-field {
    width:calc(100% - 41px) !important;
    padding: 0 1%;
	height:40px;
}


.search-form input[type="image"] {
    height: 30px !important;
    width: 30px !important;
    padding: 5px;
    margin-left: -3px;
    border: 0;
	background-color:#113F6E;
}


.servizi-cittadino-home ul {
    display: block;
    width:100%;
	margin-top:10px;
}


.servizi-cittadino-home ul li {
    flex: 1 0;
    flex-grow: 1;
    flex-basis: 0;
    height:auto;
    list-style-type: none;
    margin-right:0;
    padding: 10px;
    text-align: left;
	margin-top:2px;
}

.servizi-cittadino-home ul li a {
    
	overflow:hidden;
	display:block;
	line-height:30px;
}

.servizi-cittadino-home img {
    display:inline;
	float:left;
    margin:0 20px 0 0;
}

.siti-tematici section {
    width:100%;
    float:inherit;
}



#hideLeftPush.button_close {
    background-image: url("imgs/menu_close_black.png") !important;
    height: 60px;
    width: 50px;
	top:5px;
	right:5px;
	position:absolute;
	padding:0;
	font-size: 1.5rem;
	margin:0;
}
#hideLeftPush.button_open {
    background-image: url("imgs/menu-icon.png");
    background-repeat: no-repeat;
    border: medium none;
    color: #333;
    cursor: pointer;
    
    font-weight: bold;
    height: 60px;
    line-height: 90px;
    
	
	
    width: 50px;
}



.cbp-spmenu-vertical {
    height: 100%;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    width:100%;
    z-index: 1000;
}

.container_link_utili {
	width: 100%;
}
       
 /* ---- EVENTI METROPOLITANI ----*/



ul.eventi_col_4 li{
    
    flex: 1 0 100%;
    margin: 2px;
    position: relative;
    list-style-type: none;
   
    height:200px;
    
   
}

#eventi-metropolitani ul.leggenda {
	list-style-type: none !important;
}
.leggenda li:before {
	content: '\2589';
	color: #e2620d;
	font-size: 16px;
	padding: 2px;
	vertical-align: top;
}
ul.leggenda {
	margin-left: 0;
	margin-top: 15px;
}
.leggenda li {
	list-style-type: none;
	float: left;
	margin-right: 15px;
	font-size: 1.6rem !important;
	margin-bottom: 10px;
}

/* ---- / EVENTI METROPOLITANI ----*/

          
article iframe {
    max-width: 100%;
    max-height: 70vw;
}     
       
/* --- / MOBILE CSS --- */

   }
