﻿.CMS_NoFull
{
	width:80% !important;
	margin:auto auto;
}

.CMS_Testata
{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
	width: 100%;
	
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

	-webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.CMS_Footer
{
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	bottom:0;
	max-width: 100%;
	
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

	-webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}


.Menu_1_Generale
{
	margin-left:auto;
	margin-right:auto;
	width: 100%;
	
	padding-top:7px;
	
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

	-webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}



.CMS_CorpoCentrale
{
	margin-left:auto;
	margin-right:auto;
	width: 100%;

	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;

    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;

}



.CMS_Colonna 
{
	width: 100%;
	min-height:400px;

	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

	-webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
 
}

.CMS_ColonnaDxSx {
	width: 100%;
	min-height: 400px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}


.CMS_Riga, .CMS_Testata_Riga, .CMS_Piede_Riga, .CMS_Riga_Elenchi
{
	min-width: 100%;

	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

	-webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;

    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;

	-webkit-align-content: center;
	-ms-flex-align: center;
	align-content: center;
}


.CMS_Box, .CMS_Box_Testata, .CMS_Box_Piede, .CMS_Elemento
{
   width: 100%;
}

.CMS_Riga_Elenchi {
	

}

.CMS_Elemento_Descrizione {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 0;
	margin-left: 1em;
	padding-left: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid gray;
	border-left: 4px solid navy;
	border-right: 0px;
	border-top: 1px solid gray;
	font-weight: bold;
}

.CMS_Elemento_Valore {
	-webkit-flex: 4 1 auto;
	-ms-flex: 4 1 auto;
	flex: 4 1 0;
	padding-left: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-right: 1em;
	border-bottom: 1px;
	border-left: 1px;
	border-right: 1px;
	border-top: 1px;
	border-color: gray;
	border-style: solid;
}



/* per la gestione della testata fissa */
.CMS_Scroll, .CMS_Scroll div, .CMS_Scroll div a { font-size: small; -webkit-transition: all 0.3s; transition: all 0.3s; }
.CMS_Scroll #navbar .navbar-nav { margin-top: 15px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.CMS_Scroll ul { margin-bottom: 0; -webkit-transition: all 0.3s; transition: all 0.3s; }
.CMS_Scroll img { max-height: 50px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.CMS_Scroll #CMS_Logo img { max-height: 80px !important; padding: 5px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.CMS_Scroll div[class*="CMS_Scroll_Hide"] {display:none;}

/* gestione delle news fotografiche*/
.CMS_Slide
{
   display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
	overflow:hidden;
}

.CMS_Slide_NoActive
{
    display: none;
}

.CMS_Slide_Item
{
	-webkit-flex-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-items:normal;
    -ms-flex-item-align: auto;
    align-self: auto;
	

	padding:5px 5px 5px 5px;
	text-align: center;

	width: 23%;

}

.CMS_Slide_Item img
{

object-fit:fill;
width:100%;
height:80%;

}

.CMS_Slide_Item p
{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


@media (max-width: 768px) 
{
	.CMS_Riga, .CMS_Testata_Riga, .CMS_Piede_Riga, .CMS_Riga_Elenchi
	{
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;

		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	.CMS_CorpoCentrale
	{
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;

		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	  
	.CMS_Slide
	{

		flex-flow: column wrap;
		-webkit-flex-flow: column wrap;  
	}

	.CMS_Slide_Item
	{
		width: 100%;
	}
}

/*per la gestione del menù personalizzato*/

#menu .main-menu {
  display: none;
  padding:0px;
}

#tm:checked + .main-menu {
  display: block;
}

#menu input[type="checkbox"], 
#menu ul span.drop-icon {
  display: none;
}

#menu li, 
#toggle-menu, 
#menu a {
 position: relative;
  display: block;
  color: white;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
 }


#toggle-menu {
  background-color: #09c;
}

#toggle-menu, 
#menu a {
  padding: 0.5em 1em;
}

#menu a {
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
}

#menu .sub-menu {
  display: none;
	padding:0px;
}

#menu input[type="checkbox"]:checked + .sub-menu {
  display: block;
}

#toggle-menu .drop-icon, 
#menu li label.drop-icon {
  position: absolute;
  right: 1.5em;
  top: 1.25em;
}

#menu label.drop-icon, #toggle-menu span.drop-icon {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  text-align: center;
  background-color: rgba(0, 0, 0, .125);
  text-shadow: 0 0 0 transparent;
  color: rgba(255, 255, 255, .75);
}

#menu .drop-icon {
  line-height: 1;
}


@media only screen and (max-width: 64em) and (min-width: 769px) {
  #menu li {
    width: 33.333%;
  }

  #menu .sub-menu li {
    width: auto;
  }
}

@media only screen and (min-width: 768px) {
  #menu .main-menu {
    display: block;
  }

  #toggle-menu, 
  #menu label.drop-icon {
    display: none;
  }

  #menu ul span.drop-icon {
    display: inline-block;
  }

  #menu li {
   float: left;
  }

  #menu .sub-menu li {
      float: none;
}

  #menu .sub-menu {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: auto;
    width: calc(100%);
    z-index: 3000;
  }

  #menu .sub-menu, 
  #menu input[type="checkbox"]:checked + .sub-menu {
    display: none;
  }

  #menu .sub-menu li {
    border-width: 0 0 1px;
  }

  #menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }

  #menu li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
  }
}

/*menu classico */

#CMS_Menu_Principale li{display:inline-block;position:relative}

.CMS_Menu_Tendina
{
	width:40px;
	border:1px solid black;
	margin:auto;
	color:black;
	text-align:center;
	font-size:30px;
	margin-bottom:10px;
	display:none;
  cursor: pointer;
 }

.CMS_Menu_Tendina_Check
{
	display:none;
}

/* La tilde alt126 permette di selezionare tutti gli elementi B presenti in A; 
qui sta a significare che dà visibilità al menu quando il checkbox viene selezionato. */
input[class=CMS_Menu_Tendina_Check]:checked ~ #CMS_Menu_Principale{display:block}

@media (max-width: 768px) 
{

	#CMS_Menu_Principale{border-radius:0;text-align:center;display:none}

	/* rendo gli elementi dei menu elementi di blocco */  
	#CMS_Menu_Principale ul li{display:block}
	  
	/* imposto la larghezza massima per gli elementi dei menu e i links */  
	#CMS_Menu_Principale li .hidden li,#CMS_Menu_Principale li .hidden li a, ul li,ul li a{padding-right:0;padding-left:0;width:100%;border-right:none}
	  
	/* mostro il sottomenu solo al passaggio del mouse */   
	#CMS_Menu_Principale li .hidden li{display:none}
	#CMS_Menu_Principale li:hover .hidden li{display:block}  

	/* resetto la posizione degli elementi del menu. static valore di default. Gli elementi sono mostrati in ordine, come appaiono nel flusso del documento */  
	#CMS_Menu_Principale li{position:static}  
	  
	/* resetto la posizione del sottomenu e lo mostro */  
	#CMS_Menu_Principale li .hidden{position: static;visibility:visible}
	  
	/* nessuna animazione al passaggio del mouse */  
	#CMS_Menu_Principale li:hover .hidden{margin:0} 
	  
	/* colore di sfondo agli elementi del menu e del sottomenu */
	#CMS_Menu_Principale li{background-color:#3E3E3E}
	#CMS_Menu_Principale li .hidden li{background-color:darkblue}  
	  
	/* mostro il pulsante del menu nella versione mobile*/
	.CMS_Menu_Tendina
	{
		display:block;
	}  
}

/* AGGIUNTO 10/02/2022*/

.img-responsive
{
	display:block;
	max-width:100%;
	height:auto;
}


.pagination {
	display: inline-block;
	padding-left: 1em;
	margin: 2px 0px;
	border-radius: 4px;
}
.pagination > li {
	display: inline;
}
.pagination > li > a, .pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #428bca;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	color: #2a6496;
	background-color: #eee;
	border-color: #ddd;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #428bca;
	border-color: #428bca;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}
.pagination-lg > li > a, .pagination-lg > li > span {
	padding: 10px 16px;
	font-size: 18px;
}
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
.pagination-sm > li > a, .pagination-sm > li > span {
	padding: 5px 10px;
	font-size: 12px;
}
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}


.btn-primary {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    /* user-select: none; */
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.form-control {
	display: block;
	/*width: 100%;*/
	height: 34px;
	padding: 6px 12px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


/* Style the tab */
.CMS_ContenitoreTab {
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.CMS_Tab {
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
}

	.CMS_Tab a {
		background-color: inherit;
		float: left;
		border: none;
		outline: solid lightgray;
		cursor: pointer;
		padding: 14px 16px;
		transition: 0.3s;
		font-size: 17px;
	}

		.CMS_Tab a:hover {
			background-color: red !important;
		}

		.CMS_Tab a.active {
			background-color: green;
		}

.CMS_Tabcontent {
	display: none;
	padding: 6px 12px;
	border: 1px solid lightgray;
	border-top: none;
}

.CMS_CloseTab {
	float: right;
	cursor: pointer;
	font-size: 28px;
}

	.CMS_CloseTab:hover {
		color: red;
	}

/* Elenchi puntati espandibili */
.CMS_Elenco_Contenitore {
	width: 98.97%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-family: 'Roboto', sans-serif;
	background: #d5e3eb;
	padding: 10px;
}

#CMS_Elenco_Contenitore a:hover {
	background-color: #3c688f;
	color: white;
}

.CMS_Elenco_Contenuto {
	padding: 0 18px;
	display: block;
	overflow: hidden;
}

#CMS_Elenco_Contenitore li > ul {
	display: none;
}

#CMS_Elenco_Contenitore a {
	display: block;
	background-color: transparent;
	color: #428bca;
	cursor: pointer;
	padding: 5px;
	width: 100%;
	border-bottom: 2px solid blue;
	text-align: left;
	text-decoration: none;
	outline: none;
	font-size: 15px;
	text-transform: uppercase;
}

.list-unstyled {
	padding-left: 0;
	list-style: none;
}


.miocontatore div{
max-width:65%;
color:white !important;
}

.miocontatore span{
color:white !important;
}


#CMS_Menu_Principale
{
padding:0px;
}
