* {
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin:0;
	padding:0;
}

*:focus {
outline:none !important;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


.clear {
	clear:both;
}


body {
	font-family: 'Open Sans', sans-serif;
	font-size:1em;
	line-height:150%;
	margin:0;
	margin-top:10px;
	color: #121;
	font-weight:300;
}

iframe {
border: none !important;
}

.hidden {
	display:none;
}

.block {
	display:block;
}

strong {
	font-weight:600;
}

img {
	border:none;
	vertical-align: middle;
}

figure img {
	width:100%;
}

img.border {
	border:1px solid #CCC !important;
}

nav li {
	list-style:none;
}

li.square {
	list-style:square;
}

.mobile {
	display:none;
}

.tablet {
	display:none;
}

.desktop {
	display:block;
}

img.photo {
	width:100%;
	border:none;
}

img.border {
	border:1px solid #CCDBCC !important;
}


table {
	border-collapse:collapse;
}

table td,
table th {
	vertical-align:top;
	padding:.2em .5em;
}

.red {
  color:#e4241f;
}

.green {
  color:#1e8b80;
}


.bgwhite {
	background-color:#FFF;
}

.grey {
	background-color:#E0E3E0;
}

.grey1 {
	background-color:#EDEAED;
}

.onleft {
	float:left;
}

.onright {
	float:right;
}

.oncenter {
	margin-left:auto;
	margin-right:auto;
}

.left {
	text-align:left;
}

.right {
	text-align:right;
}

.center {
	text-align:center;
}
p.center {
	text-indent:0 !important;
}

small,.small {
	font-size:90% !important;
	line-height:1.5em;
}

.verysmall {
	font-size:80% !important;
	line-height:1.5em;
}


big,.big {
	font-size:110% !important;
	line-height:1.5em;
}

.indent {
	margin-left:1.5em;
}

.li {
	text-indent:-1.4em;
	margin-left:1em;
}

blockquote {
	padding-left:2em;
	border-left:2px solid #CCC;
}

.notop {
	margin-top:0;
}



p {
	font-size:1.1em;
	line-height:1.8em;
	text-indent:1.5em;
	margin-bottom:.5em;
	font-weight:300;
}



p.noindent {
	text-indent:0;
}

p.space {
	margin-top:.5em;
}

p.par {
	margin-top:2em;
}

p.author {
	font-style:italic;
	text-align:right;
	margin-top:2em;
}


.capolettera {
	font-weight: bold;
	font-size:2em;
}

.text li {
	font-size:1.1em;
	line-height:1.8em;
	margin-left:3em;
	font-weight:300;
	margin-bottom:.5em;
}

.text li p,
.text li li {
	font-size:1em;
}

.text ol,
.text ul {
	margin-bottom:1em;
}

.text ol ol,
.text ol ul,
.text ul ol,
.text ul ul {
	margin-left:1em;
}

.text ul > li{
	list-style:square !important;
}

ul.simbol > li {
	list-style:square !important;
}

ol.decimal {
	list-style:decimal !important;
	margin-left:1em;
}
ol.decimal > li {
	list-style:decimal;
	margin-left:1em;
}

ol.letters > li {
	list-style:lower-alpha !important;
}

ol.roman > li {
	list-style: upper-roman  !important;
}


ul li.icon,
ul.icon > li {
	list-style:none !important;
}

ul li.icon::before,
ul.icon > li::before {
	margin-right: .5em;
}


.sticky.is_stuck {
	padding-top: 50px;
}

.page .text hgroup {
	margin-bottom:5em;
}

.page hgroup figure {
	margin-bottom:2em;
}


.page hgroup .subtitle {
	font-size:1.7em;
	margin-bottom:.5em;
}

.page hgroup .author {
	font-size:1.2em;
	font-weight:bold;
}

h1 {
	font-size:3em;
	line-height:1.2em;
	font-weight:700;
	letter-spacing:-.07em;
	color:#1e8b80;
	margin-bottom:1em;
}

h2 {
	font-weight:400;
	font-size:1.5em;
	line-height:1.3em;
	margin:2em 0 1em 0;
	letter-spacing:-.03em;
	color:#444;
}

h3 {
	font-weight:400;
	font-size:1.2em;
	line-height:1.3em;
	margin:2em 0 1em 0;
	letter-spacing:-.03em;
	color:#444;
}

h4 {
	font-weight:400;
	font-size:1em;
	line-height:1.3em;
	margin:2em 0 1em 0;
	letter-spacing:-.03em;
	color:#444;
}


.page .halftitle {
	font-size:2em;
	line-height:1.3em;
	letter-spacing:-.03em;
	margin-bottom:1em;
	color:#1e8b80;
}

.page .subtitle {
	font-size:2em;
	line-height:1.5em;
	letter-spacing:-.03em;
	margin-top:1em;
}

.page .date {
	text-align:right;
	margin-top:1.5em;
}

.note {
	margin-top:50px;
	font-size:.8em;
	line-height:130%;
}

.note::before {
	content:'';
	display:block;
	width:200px;
	border-top:1px solid #242;
	margin-bottom:50px;
}

.note>div {
	margin-bottom: .5em;
	line-height: 140%;
}


.note p {
	text-indent:0;
}



aside .lista,
.aside .lista {
	font-size:.8em;
	line-height:1.5em;
}

aside .lista .title,
.aside .lista .title {
	font-size:1.5em;
}

aside .lista .halftitle,
.aside .lista .halftitle {
	font-size:1.3em;
	margin-bottom:.5em;
}

aside article,
.aside article {
	margin-bottom:50px;
}



a,.text a, .elenco a, a:visited {
	font-weight:400 !important;
	color:#1e8b80;
	text-decoration:none !important;
}

p a,
li a {
	border-bottom:1px solid #1e8b80;
}

a:hover {
	color: #1e8b80;
	border-bottom:1px solid #1e8b80;
	text-decoration:none !important;
}

p a:hover {
	color:#FFF;
	background-color:#1e8b80;
	border-bottom:1px solid #1e8b80;
}


a.noborder {
	border:none !important;
}



button {
	background-color:#1e8b80;
	color:#FFF;
	padding:.5em 1em;
	border:none;
	cursor:pointer;
}

.button-red {
	background-color:#e4241f;
	color:#FFF;
	padding:.5em 1em;
	border:none !important;
	cursor:pointer;
}

.button-green {
	background-color:#1e8b80;
	color:#FFF;
	padding:.5em 1em;
	border:none !important;
	cursor:pointer;
	transition: background-color .2s ease-in-out;
}
.button-green:hover {
	color:#FFF !important;
	background-color:#0a635b;
	transition: background-color .2s ease-in-out;
}

a.button-green {
	display:block;
	color: #FFF;
	border:none !important;
}

button.big {
	font-size:2em;
	padding:.5em 1em;
}

.box {
	border:1px solid #9A9;
	padding:20px;
}

.boxshadow {
	box-shadow:10px 10px 20px -10px #888;
}

.container {
	width:100%;
	max-width:1500px;
	margin:auto;
}

.padding {
	padding: 0 50px;
}

#popup {
	display:none;
}

header {
	position:relative;
	height:200px;
	background-color:transparent;
	z-index: 100;
}

header.fixed {
	position:fixed;
	top:0;
	left:0;
	right:0;
	box-shadow:5px 5px 20px #000;
}

header li {
	display:inline-block;
}

header a {
	display:inline-block;
	padding:15px 10px 10px 10px;
	color:#FFFFFF;
	font-weight:400;
	text-decoration:none !important;
	border:none !important;
}

header a.icon-home {
	padding-top:5px;
}

header li a:hover {
	background-color:#c2241a;
	text-decoration:none !important;
}

nav .wearealogo {
	position:absolute;
	bottom: -50px;
	right:20px;
	height:25px;
}


.logo {
	position:absolute;
	top:-34px;
	left:-3px;
    max-width: 450px;
}

nav {
	position:absolute;
	bottom:0;
	right:100px;
	z-index:1200;
}

nav [class^="icon-"] {
	font-size:200%;
}

nav ul {
	margin-bottom: 0 !important;
}
	
nav a,
nav a:hover {
	color:#FFF !important;
}

	nav .menu {
		display:block;
	}
	nav .icon-menu {
		display:none;
	}
	nav .menu li {
		display:inline-block;
	}


.openmenu {
	background-color:#e4241f;
}

.openmenu:hover {
	background-color:#c2241a;
}

.button-green.indice {
	display:block;
	width:100%;
	text-align:center;
	padding:25px 0;
	font-size:1.5em;
}


.red-band {
	display:table-cell;
	background-color:#e4241f;
	height: 90px;
	position:absolute;
	top:0;
	left:475px;
	right:0;
	padding-right:100px;
	color:#FFF;
	text-align:right;
	vertical-align:text-bottom;
	z-index:1000;
}


.socialplugin {
	display:none;
	/*display:block;*/
	width:100%;
	padding:20px 0 100px 0;
	text-align:left;
}

.socialplugin ul li {
	list-style:none;
	display:inline-block;
	margin-right:30px;
}			
.facebook {
	position:relative;
	top:-5px;
}

main {
	width:100%;
}

/* --------- correzione ------------- */
footer.container {
	max-width:none;
}

section {
	margin:100px 0;
}

section .header-section {
	background-color: #D9D9D9;
    font-size: 2em;
    line-height: 2em;
    letter-spacing: -.04em;
    font-weight: 600;
    color: #777;
    margin: -50px 0 25px;
}


.photoslider {
	width:100%;
	height:500px;
	border:1px solid #ccc;
	background-image:url(/images/homepage-apertura-1.jpg);
	background-position:top right;
	background-size:cover;
	/*background-attachment:fixed;*/
}



.col70 {
	float:left;
	width:70%;				
}

.col60 {
	float:left;
	width:60%;				
}

.col66 {
	float:left;
	width:66%;				
}

.col50 {
	float:left;
	width:50%;				
}

.col40 {
	float:left;
	width:40%;				
}

.col30 {
	float:left;
	width:30%;				
}

.col33 {
	float:left;
	width:30%;				
}


.column {
	float:left !important;
}

aside {
	float:left;
}

.header-box {
	display: table;
	width:100%;
	background-color:#999;
	font-size:150%;
	color:#FFF;
}
.header-box span {
	display:table-cell;
	vertical-align: middle;
	text-align:left;
	width:100%;
	padding:0 10px;
}

.programma {
	font-size:.8em;
	line-height:1.5em;
	padding:1.5em;
	text-align:center;
}

programma p {
	text-indent:0;
}

.programma .data {
	font-size:2.5em;
	line-height:1em;
	font-weight:bolder;
	letter-spacing:-.05em;
	color:#e4241f;
	margin:2em 0 .5em 0;
}

.programma .data:first-child {
	margin:1em 0 .5em 0;
}

.programma .orario {
	font-weight:bold;
	text-align:left !important;
	color:#1e8b80;
	margin:1.5em 0 0 0;
}

.programma .modera {
	font-weight:bold;
	margin:1em 0 0 0;;
}

.programma .intervengono {
	font-weight:bold;
	margin:1em 0 0 0;;
}

.programma .relatore {
	margin-top:10px;
}

.programma .sezione {
	font-size:1.5em;
	line-height:1.2em;
	margin:1em 0 0.5em 0;
}			

.programma .titolosezione {
	font-size:1.5em;
	line-height:1.3em;
	font-weight:bold;

}

.programma .titolo {
	font-size:1.2em;
	line-height:1.3em;
	font-weight:bold;
	margin:20px 0;
}
.programma .titolo span{
	font-weight:normal;
}

.programma .ministro {
	font-size:1.5em;
	line-height:1.3em;
	margin-top:1em;
}

.programma .CSM {
	margin-top:2em;
	font-size:1.2em;				
}

.programma.assemblea {
	border-top:5px solid #FFF;
	background-color:#D0D0D0;
}

.programma .qualifica {
	font-style:italic;
}	


.h100 {
	clear:both;
	margin-top:100px !important;
}

.h50 {
	clear:both;
	margin-top:50px !important;
}

.h25 {
	clear:both;
	margin-top:25px !important;
}

.h10 {
	clear:both;
	margin-top:10px !important;
}

.h0 {
	clear:both;
	margin-top:0 !important;
}

.fit-video {
	width:100%;
}

.fit-video {
	height: 0;
	overflow: hidden !important;
	/*padding-bottom: 56.25%;*/ /* per YouTube*/
	/*padding-top: 30px;*/
	padding-bottom: 65%; /* per Radio Radicale*/
	position: relative;
}
.fit-video iframe,
.fit-video object,
.fit-video embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	overflow: hidden !important;
}
.fit-video::-webkit-scrollbar { 
	display: none; 
}
.fit-video iframe::-webkit-scrollbar { 
	display: none; 
}



.fit-a4 {
	width:100%;
	margin:20px auto;
	max-width:800px;
	height: 0;
	overflow: hidden;
	padding-bottom: 141%;
	padding-top: 50px;
	position: relative;
}
.fit-a4 iframe,
.fit-a4 object,
.fit-a4 embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}



.fit-a4-landscape {
	width:100%;
	margin:20px auto;
	max-width:800px;
	height: 0;
	overflow: hidden;
	padding-bottom: 56%;
	position: relative;
}
.fit-a4-landscape iframe,
.fit-a4-landscape object,
.fit-a4-landscape embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}





footer {
	margin-top:100px;
	background-color:#555;
	color:#FFF;
	padding-top:50px !important;
	padding-bottom:50px !important;
	/*height:300px;*/
}

.linksocial {
	position:fixed;
	top:283px !important;
	left:0;
	width:50px;
}

.homepage .nav-home {
	display:none;
}

.ico-menu {
	display:none;
}

img.ico {
	width:50px;
}

.search {
	text-align:right;
	margin-bottom:15px;
}

#top-link {
	display:none;
	position:fixed;
	bottom:50px;
	right:25px;
	cursor:pointer;
	z-index:10000;
	opacity:.9;
}


/* +++++++++++++ PAGE MENU ++++++++++++++ */

.pagemenu {
	width:100%;
}
.pagemenu ul.menu,
.pagemenu ul.menu li {
	width:100%;
	list-style:none;
	margin-bottom:5px;
}

.pagemenu ul.menu li>a {
	display:block;
	color:#FFF;
	background-color:#1e8b80;
	padding:.7em 1em;
}

.pagemenu ul.menu li>a:hover {
	text-decoration:none;
	border:none;
	background-color:#1e766c
}


.blocktitle {
	background-color:#1e766c;
	color:#FFF;
	padding:10px 25px;
}



/* +++++++++++++ ARTICLE ++++++++++++++ */


#articles {
float:left;
width:60%;
}

article {
margin-bottom:5em;
/*margin-right:50px;*/
}

article.half {
float:left;
width:50%;
font-size:.8em;
}

.half:nth-child(2n+1) {
padding-left:12px;
}

.half:nth-child(2n) {
padding-right:12px;
}

.half:nth-child(2n):not(:first-child) {
clear:both;
}




.pagelist article {
float:left;
width:33%;
font-size:.8em;
padding:25px;
margin-bottom:0;
}




article figure {
margin-bottom:1em;
}

article .title {
font-size: 2em;
letter-spacing: -.05em;
line-height:1.2em;
color:#1E8C81;
font-weight:300;
margin-bottom:.3em;
}

article .halftitle {
font-size: 1.2em;
letter-spacing: -.02em;
margin-bottom:.3em;
}

article .author {
font-size: 1em;
margin-bottom:.2em;
font-weight:bolder;
}

article .author span {
font-weight:normal;
}

article .summary {
font-size: 1em;
font-weight:300;
}



article.square figure {
float:left;
width:30%;
}

article.square hgroup,
article.square .hgroup {
margin-left:35%;
}


article.landscape {
	display:flex;
}

article.landscape figure {
/*float:left;*/
	width:50%;
}

article.landscape hgroup,
article.landscape .hgroup {
	flex: 1;
	padding-left: 25px;
	/*margin-left:55%;*/
}

article.landscape .halftitle {
	font-size: 1.1em;
}

article.landscape .title {
	font-size: 1.5em;
}

article.landscape .summary {
	display:none;
}


article.eventocongresso .title {
font-size:1.3em
}

.box-segreteria-congresso {
background-color:#1e8b80;
color:#FFF;
font-size:80%;
padding:10px;
}







			section#related {
				padding: 50px 0;
				background-color: #F0F0F0;
			}
						
			section .related article {
				width: 25%;
				padding: 0 15px;
			}

			.related {
				display: flex;
				flex-wrap: wrap;
			}


			.related article .halftitle {
				color:#999;
				font-size: .9em;
				margin-bottom: .5em;
				font-weight: 700 !important;
			}

			.related article .halftitle:empty {
				display:none;
			}
			
			.related article .title {
				font-size: 1.5em;
			}

			.related article .summary {
				font-size: .9em;
			}

			.related article .title a {
				font-weight: 700 !important;
			}
			
			.related article .data {
				font-size: .9em;
				margin-top: .5em;				
				font-weight: 700;
				color: #888;
			}




			@media (max-width: 1400px) {				
				section .related > article,
				section .related > div {
					width: 33%;
				}
			}


			
			@media (max-width: 900px) {
			
				section .related > article,
				section .related > div {
					width: 50%;
					padding: 0 15px;
				}
			}
			
			@media (max-width: 600px) {
			
				section .related > article,
				section .related > div {
					width: 100%;
					padding: 0;
				}
			}	













/* +++++++++++++ ASIDE ++++++++++++++ */

.colprogramma {
float:left;
width:40%;
padding-left:50px;
}


/* +++++++++++++ HP - RASSEGNA ++++++++++++++ */

.bannerboxrassegna {
height:50px;
background-image:url('/images/rassegna-banner.png');
background-repeat:no-repeat;
background-position:top left;
background-size: auto 45px;
background-origin:border-box;
}


/* +++++++++++++ HP - AreaCSM ++++++++++++++ */

.bannerboxareacsm {
height:100px;
background-image:url('/images/area-csm-banner3.png');
background-repeat:no-repeat;
background-position:top left;
background-size: auto 70px;
background-origin:border-box;
}

.homepage #areacsm {		
/*border-left:5px solid #e4241f;*/
border-top:none;
}

.homepage #areacsm .contentareacsm {

/*padding:0 0 0 25px;*/
}

.contentareacsm  {
background:#EFEFEF;
}

.contentareacsm article {
font-size:.9em;
padding:25px;
margin-bottom: 0;
}

.contentareacsminbox {
padding:10px 20px;		
}

.areacsmbutton {
text-align:right;
}

.areacsmbutton a {
display:inline-block;
border:1px solid #666;
border-radius:5px;
padding:10px;
width:200px;
}

.areacsmbutton img {
	width:100%;
}



.tabsnav li {
	display:inline-block;
	float:left;
	font-size:.8em;
	font-weight:bold;
	color:rgba(0,0,0,.5);
	background:#CCC;
	border-bottom:1px solid #BBB;
	border-right:1px solid #BBB;
	padding:.5em 1em;
	margin:0;
	cursor:pointer;
}

.tabsnav li.active {
	background:#EFEFEF;
	border-bottom:1px solid #EFEFEF;
}

.tabsnav li:hover {
	background:#BBB;		
}

/* +++++++++++++ SEZIONE CHI-SIAMO ++++++++++++++ */

#chi-siamo {
	margin:100px 0;
	padding-top:100px;
	padding-bottom:100px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

#chi-siamo .image {
	float:left;
	width:35%;
}
#chi-siamo .content {
	margin:0 0 0 40%;
}

#chi-siamo h1 {
	font-weight:300 !important;
	margin-bottom:.5em;
}













/* +++++++++++++ SEZIONE ASSEMBLEA ++++++++++++++ */

#assemblea {
	position:relative;
	margin:50px 0;
	padding-top:50px;
	padding-bottom:50px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background-image:url(/images/casteldellovo.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center right;
}

#assemblea .image {
	float:left;
	width:35%;
}

#assemblea .content {
	margin:0 0 0 40%;
}

#assemblea h1 {
	font-weight:300 !important;
	margin-bottom:.5em;
	line-height:1em;
}



/* +++++++++++++ DAI DISTRETTI ++++++++++++++ */



#dai-distretti {
	margin-top:100px !important;
	padding-bottom:50px;
}


#dai-distretti .sectiontitle{
	background-color:#BBB;
	color:#FFF;
	font-size:3em;
	letter-spacing:-.03em;
	text-align:center;
	padding:.5em;
	margin-bottom:50px;
}

#dai-distretti article {
	font-size:.8em;
	float:left;
	width:50%;
	padding: 25px;
	margin:0;
}

#dai-distretti article:nth-child(2n+1) {
	clear:both;
}

/* +++++++++++++ BANNER ++++++++++++++ */

section#banner {

}

section#banner .container {
	display: grid;
    gap: 20px;
            max-width:1200px;
            margin-left:auto;
            margin-right:auto;
}


section#banner .banner1 {
	text-align:center;
}

section#banner .banner2 {
	text-align:right;
}

section#banner .banner3 {
    /*height: 150px;*/
	text-align:left;
	
}

section#banner .banner img {
	width:100%;
}

section#banner .banner1 img {
	max-width:420px;
}

section#banner .banner2 img {
	max-width:200px;
}

section#banner .banner3 img {
	/*width:auto;*/
	border:1px solid #CCC;
	max-width:200px;
}


        /* Layout per viewport > 1200px */
        @media (min-width: 901px) {
            section#banner .container {
                grid-template-columns: 2fr 1fr 1fr; /* Banner 1 occupa il doppio degli altri */
                grid-template-rows: auto; /* Una sola riga */
            }
        }

        /* Layout per viewport ≤ 1200px */
        @media (max-width: 900px) {
            section#banner .container {
                grid-template-columns: 1fr 1fr; 
                grid-template-rows: auto auto;
            }

            section#banner .banner1 {
                grid-column: 1 / 3; /* Prima riga, tutta la larghezza */
            }

            section#banner .banner2,
			section#banner .banner3 {
                grid-column: span 1; /* Ogni banner occupa mezza riga nella seconda */
            }

           section#banner .banner2 {
                grid-column: 1 / 2; /* Banner 2 a sinistra */*/
            }

            section#banner .banner3 {
                grid-column: 2 / 3; /* Banner 3 a destra */*/
            }
        }




/* --------------------- TABLE ----------------------- */

.table {
	display: block;
	width: 100%;
}
.table .thead,
.table .tbody,
.table .tfoot,
.table .tr {
	clear: both;
	border-top:1px solid rgba(102,119,136,.8);
}

.table .thead > div,
.table .th {
	background-color:  rgba(102,119,136,.8);
	font-weight: bold;
	color:#FFF;
	text-align:center;
}

.table .tr > div,
.table .thead > div,
.table .td,
.table .th {
	/*border: 1px solid #999999;*/
	float: left;
	/*height: 17px;*/
	/*overflow: hidden;*/
	/*padding: 3px 1.8%;*/
	padding:1em;
	overflow:hidden;
}

.table .tfoot {
	background-color: rgba(102,119,136,.8);
	font-weight: bold;
}

.table:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}



/* +++++++++++++ FLEXSLIDER ++++++++++++++ */



.flexslider {
	width:100%;
	border:none !important;
}

.flexslider .slides ul {
	list-style: none !important;
}

.flexslider .slides li {
	position:relative;
	list-style: none !important;
}

.scroller .titolocongresso {
	/*position:absolute;
	top:0;
	left:0;*/
	width:60% !important;
}


.flex-caption {
	position:absolute;
	width:100%;
	min-width:280px;
	padding: 25px;
	/*background: rgba(255,255,255,.7);*/
	font-weight:normal;
	color: #036;
	/*text-shadow: 0 -1px 0 rgba(0,0,0,.3);*/
	font-size: 1em;
	line-height: 130%;
	/*cursor: pointer;*/
}

.flex-caption .title {
	font-size:1.5em;
	line-height:150%;
	margin-bottom:.5em;
	font-weight:bold;
}

/*
.flex-caption:hover {
	background: rgba(255,255,255,.8);
	color: #830A24;
	text-decoration:none;
	font-weight:100;
}
*/

.flex-caption.bottomleft {
	left: 5%;
	bottom: 5%;
}

.flex-caption.topleft {
	left: 0;
	top: 0;
}

.flex-caption.bottomright {
	right: 5%;
	bottom: 5%;
}

.flex-caption.topright {
	right: 5%;
	top: 5%;
}

.flexslider .slides .text {
	position:absolute;
	z-index: 10000;
	padding:2em;
	font-size:1.2em;
	color:#036;
	background-color:#FFF;
	width:30%;
}

.flexslider .slides .text.bottomleft{
	bottom:20px;
	left:20px;
}



#popup {
	display:none;
	position:relative;
	color:#333;
	min-width:300px;
	min-height:200px;
	background-color:#FFF;
	/*background-repeat: no-repeat;*/
	/*background-position: center; */
	/*background-image:url('../images/loader.gif') no-repeat center;*/
	box-shadow: 5px 5px 5px rgba(0,0,0, 0.5);
}

#popup .contentpopup{
	overflow-x: hidden;
	overflow-y: auto;
	max-height:600px;
	padding:30px;
	width:90%;
	max-width:600px;
}

#popup .header .icon {
	background-color:#072971;
	margin-right:.3em;
	text-shadow:none;
}

.closepopup:before {
	position:absolute;
	top:15px;
	right:20px;
	font-family: "iconfont";
	font-style: normal;
	font-weight: normal;
	content: '\e811';
	color:#FFF;
}

.closepopup:hover {
	color:#072971;
	cursor:pointer;
}







.box.elezionicsm article {
	margin-bottom:2em !important;
	margin-right:0;
}

.box.elezionicsm article:last-of-type {
	margin-bottom:0 !important;
}

.box.elezionicsm .halftitle {
	color:#242;
	font-size:1em;
	margin-bottom:.5em;
}

.box.elezionicsm .title {
	font-size:1.2em;
}

.box.elezionicsm .summary {
	font-size:.8em;
	line-height:150%;
}

.box.elezionicsm .hgroup {
	margin-bottom:0 !important;
}




.elezionicsm .navmenu {
	margin-top:20px;
	width:100%;
}

.elezionicsm .navmenu ul {
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}

.elezionicsm .navmenu ul li {
	font-size:.9em;
	list-style:none;
	display:inline;
	width:50%;
	float:left;
	margin:0;
	border:2px solid #FFF;
}

.elezionicsm .navmenu .icona {
	height:20px;
	margin:0 10px;
	float:left;
}

.elezionicsm .navmenu ul li>a {
	display:block;
	color:#FFF;
	width:100%;
	background-color:#1e8b80;
	padding-top:12px;
	height:50px;
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
	
}

.elezionicsm .navmenu ul li>a:hover {
	text-decoration:none;
	border:none;
	background-color:#1e766c
}



.elezionicsm .obiettivo {
	margin:0 0 1em 0;
	
}

.elezionicsm .obiettivo .author {
	font-size:80%;
	margin-top:-.5em;
}

.elezionicsm .obiettivo .title:before {
	content: '\e85c';
	display:inline;
	white-space: nowrap;
	font-family: "iconfont";
	font-style: normal;
	font-weight: normal;
}

.elezionicsm .obiettivo .title {
	text-indent:-.5em;
}

.box.listadiariocsm {
	background-color:#EEE;
}

.diario-data {
	float:left;
	width:29%;
	margin:10px 2%;
	background-color:rgb(245,245,245);
	background-image: linear-gradient(to bottom right, rgb(235,235,235), rgb(255,255,255), rgb(255,255,255));
	box-shadow:5px 5px 10px rgba(0,0,0,.3);
	text-align:center;
	cursor:pointer;
}

.diario-data:nth-list-type(3n+1) {
	clear:both;	
}

.listadiariocsm .diario-data:hover {
	position:relative;
	top: 3px;
	left: 3px;
	box-shadow:2px 2px 5px rgba(0,0,0,.6);
	background-color:#FFF;
	background-image: none;
}

.diario-mese {
	color:#FFF;
	background-color:#e4241f;
	font-weight:bold;
	font-size:.7em;
	line-height:2.5em;
}

.diario-giorno {
	font-size:3em;
	line-height:1.5em;
	letter-spacing:-.05em;
}

.diario-titolo .diario-data {
	font-size:2em;
	width:29%;
}

.diario-titolo img {
	width:66%;
	float:left;
}


/***** DEFAULT *******/

	body {
		font-size:1.1em;
	}

	
	.container {
		padding:0 120px;
	}
	.red-band {
		padding-right:120px;
	}
	.linksocial {
		top:390px;
	}


	aside {
		width:35%;
		padding:0 0 0 50px;
	}
	
	.column {
		width:65% !important;
	}








@media all and (min-width: 1201px) {
	.pagelist article {
		width:33%;
	}	
	
	.pagelist article:nth-of-type(3n+1) {
		clear:both;
	}
}

@media all and (min-width: 900px) and (max-width:1200px) {
	
	
	.pagelist article {
		width:50%;
	}
	.pagelist article:nth-child(2n+1) { 
			clear:both;
	}
}

@media (max-width: 899px) {
	.pagelist article {
		font-size:1em;
		width:100%;
		margin:0;
		padding-bottom:0;
	}
}


@media (max-width: 500px) {
	
	.pagelist article {
		font-size:.9em;
	}


	.text li {
		margin-left: 1.2em;
	}

}






	








@media (max-width: 1400px) {

	.container {
		padding:0 50px;
	}
	
	aside {
		width:40%;
		padding:0 0 0 50px;
	}
	
	.column {
		width:60% !important;
	}
	
}


@media (max-width: 1200px) {

	body {
		font-size:1.1em;
	}
	/**
	header {
		height:200px !important;
	}
	**/	
	.logo {
		width:400px;
	}
	
	.red-band {
		left: 425px;
		height: 76px;
	}
	
	nav {
		font-size:.9em;
		right:0;
	}

	.linksocial {
		top:340px;
	}

	aside {
		width:40%;
		padding:0 0 0 50px;
	}
	
	.column {
		width:60% !important;
	}

	#articles .col50 {
		width:100%;
	}

	.area-menu {
		position:relative;
	}
/*****
	nav .menu {
		display:none;
		position:absolute;
		top:55px;
		left:auto;
		bottom:auto;
		right:0;
		z-index:1000;
	}
	
	nav ul {
		margin-bottom: 0 !important;
	}
	
	nav a:hover {
		color:#FFF;
	}

	
	nav .menu li {
		display:block;
		border-bottom:2px solid #FFF;
	}
	nav .menu li a {
		display:block;
		padding:.5em 1em;
		background-color:#c2241a;
		text-align:left;
		color:#FFF !important;
	}
	nav .menu li a:hover {
		background-color:#e4241f;
		color:#FFF !important;
	}
****/
	.homepage .colprogramma {
		font-size:.8em;
	}

	.diario-titolo .diario-data {
		font-size:1.6em;
	}

	.listadiariocsm {
		font-size:.8em;
	}


}


@media (max-width:1000px) {
	
	body {
		font-size:1em;
	}

	.tablet {
		display:block;
	}
	/**
	.logo {
		width:500px;
	}
	.red-band {
		left:530px;
		padding-right:100px;
	}


	
	nav .menu {
		display:none;
		position:absolute;
		top:55px;
		left:auto;
		bottom:auto;
		right:0;
		z-index:1000;
	}
	
	nav ul {
		margin-bottom: 0 !important;
	}
	
	nav a:hover {
		color:#FFF;
	}

	
	nav .menu li {
		display:block;
		border-bottom:2px solid #FFF;
	}
	nav .menu li a {
		display:block;
		padding:.5em 1em;
		background-color:#c2241a;
		text-align:left;
		color:#FFF !important;
	}
	nav .menu li a:hover {
		background-color:#e4241f;
		color:#FFF !important;
	}	
**/	
	.container {
		padding:0 50px;
	}
	.ico {
		width:30px;
	}
	.ico-menu {
		display:inline-block;
	}
	
	.linksocial {
		top:330px;
	}
	
	.box-segreteria-congresso {
		font-size:70%;
	}
	
	.homepage article {
		/*margin-right:25px;*/
	}
	
	.eventocongresso {
		font-size:.9em;
		line-height:1.5em;
	}
	
	aside {
		width:40%;
		padding:0 0 0 50px;
	}
	
	.column {
		width:60% !important;
	}
	
	section#dai-distretti article {
		font-size:.8em;
		float:left;
		width:100%;
		padding: 25px;
		margin:0;
	}
	
	.homepage #articles,
	.homepage #articles.col60 {
		width:100%;
		padding:0;
		margin-bottom:100px;
	}
	
	.homepage .colprogramma {
		font-size:1em;
		width:100%;
		padding:0;
	}
	
	.diario-titolo .diario-data {
		font-size:1.4em;
	}
}



@media (max-width:900px) {


	.logo {
		top: -26px;
		width:350px;
	}
	.red-band {
		left: 375px;
		height: 70px;
	}

	nav .menu {
		display:none;
	}
	nav .icon-menu {
		display:block;
	}
	nav .menu li {
		display:block;
	}
	
	nav .menu {
		display:none;
		position:absolute;
		top:55px;
		left:auto;
		bottom:auto;
		right:0;
		z-index:1000;
	}
	
	nav ul {
		margin-bottom: 0 !important;
	}
	
	nav a:hover {
		color:#FFF;
	}

	
	nav .menu li {
		display:block;
		border-bottom:2px solid #FFF;
	}
	nav .menu li a {
		display:block;
		padding:.5em 1em;
		background-color:#c2241a;
		text-align:left;
		color:#FFF !important;
	}
	nav .menu li a:hover {
		background-color:#e4241f;
		color:#FFF !important;
	}		
	
	

	.container {
		padding:0 50px;
	}

	.container-slideshow {
		padding:0 !important;
	}
	
	
	header {
		height:170px !important;
	}

	nav .wearealogo {
		bottom:-60px;
	}	

	.linksocial {
		top:285px;
	}

	.box-segreteria-congresso {
		font-size:90%;
	}
	
		
	.eventocongresso {
		font-size:1em;
		line-height:1.5em;
	}
	
	aside {
		clear:both;
		float:none !important;
		width:100% !important;
		padding:50px 0;
	}

	.pagemenu {
		padding-top:100px;
		width:100%;
		max-width:300px;
		margin:auto;
	}
	
	.column {
		width:100% !important;		
	}
	
	.homepage .col60 {
		width:100% !important;
	}
	
	.homepage .colprogramma {
		clear:both;
		float:none !important;
		width:100% !important;
	}
	
	
	.contentareacsminbox article .title {
		font-size:1.6em;
	}
	
	#chi-siamo {
		margin:50px 0;
		padding-top:50px;
		padding-bottom:50px;
	}
	
	section#banner {
		padding:25px;
	}
	
	.diario-titolo .diario-data {
		font-size:2em;
	}

	.listadiariocsm {
		font-size:1em;
	}
	
	.lista article {
		float:left;
		width:50%;
		padding:10px;
		font-size:1.1em;
	}

	.lista article:nth-last-of-type(2n +1) {
		clear:both;	
	}

	.diario-data {
		width:18%;
		margin:10px 1%;
	}
	
	.diario-data:nth-list-type(5n+1) {
		clear:both;	
	}

	.diario-titolo .diario-data {
		font-size:1.7em;
	}

}


@media (max-width:700px) {
	
	header {
		height:150px !important;
	}
	
	.logo {
		top:-30px;
		width:350px;
	}
	
	.red-band {
		left:380px;
		height:67px;
	}
	
	nav {
		right:20px;
	}
	
	.container {
		padding:0 20px;
	}
	

	
	.mobile  {
		position:relative;
		display:block;
	}
	
	.desktop {
		display:none;
	}

	.areacsmbutton a {
		width:150px;
		position:relative;
		top:40px;
	}
	
	.linksocial {
		position:absolute;
		top:0;
		width:60%;
	}
	
	.search {
		/*display:none;*/
	}
	
	.ico {
		width:30px;
	}

	.box-segreteria-congresso {
		font-size:80%;
	}
	
	#chi-siamo {
		margin:25px 0;
		padding-top:25px;
		padding-bottom:25px;
	}

	#chi-siamo .image {
		float:none;
	}
	#chi-siamo .content {
		margin-left:0;
	}
	
	#chi-siamo h1 {
		font-size:2.5em;
	}
	
	.homepage article.half {
		width:100%;
		margin-left:0;
		margin-right:0;
		font-size:1em;
	}

	.diario-titolo .diario-data {
		font-size:2em;
	}

	.listadiariocsm {
		font-size:1.2em;
	}
	
	.lista article {
		font-size:1.5em;
		line-height:130%;
		float:none;
		width:100%;
		padding:0;
	}

	.diario-data {
		width:29%;
		margin:10px 2%;
	}
	
	.diario-data:nth-list-type(3n+1) {
		clear:both;	
	}
	
	.diario-titolo .diario-data {
		font-size:1.5em;
	}
	
	body.page .box {
		padding: 30px !important;
	}
}

@media (max-width:600px) {
	.nav-home  {
		display:none;
	}
}


@media (max-width:500px) {

	body {
		font-size: 85%;
	}

	h1 {
		font-size: 2.5em;
	}

	.logo {
		width:80%;
	}
	
	header {
		height: 45vw !important;
	}

	nav .wearealogo {
		right: 80px;
		top: 30px;
		bottom: auto;
		height: 20px;
	}
	
	nav {
		width:0;
		right:0;
		position:absolute;
		top: 20vw;
	}

	.red-band {
		position:absolute;
		right:0;
		top:0;
		left:auto;
		background-color:transparent;
	}
	
	.icon-menu {
		color:#999;
	}
	
	.openmenu {
		position:absolute;
		right:0;
	}

	.icon-menu:hover {
		color:#FFF !important;
	}
		
	.box-segreteria-congresso {
		font-size:70%;
	}
	
	article {
		margin-right:0;
	}
	
	.homepage .col50 {
		width:100%;
	}
	
	
	.box-segreteria-congresso {
	   font-size:80%;
	}
	
	.box-segreteria-congresso table td {
		display:block !important;
	}
	
	.box-segreteria-congresso table td.email {
		padding:0 0 0 30px;
		margin:0;
	}

	.box-segreteria-congresso table td.nome,
	.box-segreteria-congresso table td.title {
				padding:0;
		margin:0;
	}
	
	.square.eventocongresso figure {
		width:100%;
	}
	.square.eventocongresso hgroup {
		margin-left:0;
	}
	
	section#banner {
		padding:10px;
	}

	
	.lista article {
		font-size:1.3em;
		line-height:130%;
	}

	.diario-titolo .diario-data {
		font-size:1.2em;
	}
	
	body.page .box {
		padding: 20px !important;
	}
	
}


@media (max-width:300px) {
	
	.logo {
		top:-20px;
		left:0;
	}
	
	.openmenu {
		transform: scale(.8);
	}
	
	
	.diario-titolo .diario-data {
		font-size:1.1em;
	}
}	



/** PROVVISORIO SLIDE ******************************************/


		.slide_giustiziadeboli {
			position:absolute !important;
			top:-100px !important;
			left: -60px !important;
			width: 1400px !important;
		}
		
		.slide_congresso2023 {
			position:relative;
			top: -80px
		}
		
		@media (max-width:1500px) {
			
			.slide_giustiziadeboli {
				position:absolute !important;
				top:-100px !important;
				left: -3vw !important;
				width: 93vw !important;
			}			

		}


		@media (max-width:1200px) {
			
			.slide_giustiziadeboli {
				position:absolute !important;
				top: -70px !important;
				left: -3vw !important;
				width: 90vw !important;
			}			

			.slide_congresso2023 {
				top: -20px
			}
		
		}

		@media (max-width:900px) {
			
			.slide_giustiziadeboli {
				position:absolute !important;
				top: -30px !important;
				left: -6% !important;
				width: 114% !important;
			}
			
			.slide_congresso2023 {
				top: -50px;
			}

		}

		@media (max-width:700px) {
			
			.slide_congresso2023 {
				top: -20px;
			}

		}