
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}a,b,blockquote,body,caption,center,em,font,footer,h1,h2,h3,header,hgroup,html,i,img,ins,kbd,li,menu,nav,object,ol,pre,section,select,small,table,tbody,td,tfoot,th,thead,tr,u,ul{font-size:100%;font-family:inherit;font-weight:inherit;font-style:inherit;vertical-align:baseline;border:0;outline:0;padding:0;margin:0}html{font-size:100%;font-size-adjust:auto;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-o-text-size-adjust:100%;text-size-adjust:100%}

*{margin:0}body,html{height:100%;background-color:#EFEFEF}html{font-size:100%}@media (min-width:40rem){html{font-size:110%}}@media (min-width:64rem){html{font-size:115%}}

.clearfix::after {  content: "";clear: both;display: table;}

/*regole di formattazione*/
.top-container{background-color:#EFEFEF;width:100%;top:0;margin-left:auto;margin-right:auto;z-index:100}@media screen and (min-width:901px){.hidden_desktop{display:none}}@media screen and (max-width:900px){.hidden_mobile{display:none}}@media screen and
 (max-width:40em){.hidden_mobile{display:none}}@media screen and (min-width:401px){.image-hidden_desktop{display:none}}@media screen and (max-width:400px){.image-hidden_mobile{display:none}}.forefront{z-index:99}

.logo-image {display: none;}@media screen and (min-width: 47em) {.logo-image {display: inline;}}

.nav-container{top:0px;position:relative;margin-left:auto;margin-right:auto;z-index:101}

.crumbs{display:block;font-family: Roboto, Arial, Verdana, sans-serif; color:#366; font-size:.85em;margin:0;padding:4px 6px 4px 20px;}.crumbs a:link{color:#366;text-decoration:none}.crumbs a:visited{color:#366;text-decoration:none}.crumbs a:hover{color:#fff;background:#366}

/*navigazione*/
#nav { font-family: Roboto, Arial, Verdana, sans-serif; font-size: 0.85rem; font-variant: small-caps; font-weight: 400; position: relative; }#nav > a { display: none; }#nav li { list-style: none;  position: relative;}#nav li a {text-decoration: none; color: #fff; display: block;}#nav li a:active { background-color: #000 !important;}#nav span:after {width: 0; height: 0; border: 0.313em solid transparent; /* 5 */ border-bottom: none; border-top-color: #ccc; content: ''; vertical-align: middle; display: inline-block; position: relative; right: -0.313em; /* 5 */}
/* first level */
#nav > ul {height: 2.2em; /* 60 */background-color: #000;}#nav > ul > li {width: 12.50%; height: 100%; float: left;}#nav > ul > li > a {height: 100%; font-size: 0.85rem; /* 24 */ line-height: 2.5em; /* 60 (24) */ font-weight: bold; text-align: center;	}#nav > ul > li:not( :last-child ) > a {border-right: 1px solid #ccc;}#nav > ul > li:hover > a,#nav > ul:not( :hover ) > li.active > a {background-color: #c06;}
/* second level */
#nav li ul {background-color: #808080; display: none; position: absolute; top: 100%; }#nav li:hover ul {display: block; left: 0; right: 0;}#nav li:not( :first-child ):hover ul {left: -1px;}#nav li ul a {font-size: 0.8rem; /* 20 */ font-weight: bold; border-top: 1px solid #699; padding: 0.75em; /* 15 (20) */}
#nav li ul li a:hover, #nav li ul:not( :hover ) li.active a {background-color: #c06;}
/* media 72em */
@media only screen and ( max-width: 72.5em ) /* 1000 */{#nav {width: 100%; position: static; margin: 0;}}
/* media 40em */
@media only screen and ( max-width: 40em ) /* 640 */{html {font-size: 95%; /* 12 */}#nav {position: relative; top: auto; left: auto;}#nav > a {width: 3.125em; /* 50 */ height: 3.125em; /* 50 */ text-align: left; text-indent: -9999px; background-color: #000; position: relative;}#nav > a:before, #nav > a:after {position: absolute; border: 2px solid #ccc; top: 35%; left: 25%; right: 25%; content: '';}
#nav > a:after {top: 60%;}#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {display: block;}#content { width: 100%;}
/* first level */
#nav > ul {height: auto; display: none; position: absolute; left: 0; right: 0;}
#nav:target > ul {display: block;}#nav > ul > li {width: 100%;float: none;}#nav > ul > li > a {height: auto; text-align: left; padding: 0 0.833em; /* 20 (24) */}#nav > ul > li:not( :last-child ) > a {border-right: none; border-bottom: 1px solid #ccc;}
/* second level */#nav li ul{position: static; padding: 1.05em; /* 20 */ padding-top: 0;}}
/*fine navigazione*/

.content{width:90%;margin-top:0em;margin-bottom:-2rem;margin-left:auto;margin-right:auto;background-color:#fff;padding-right:.75em;padding-left:.75em;padding-bottom:2em;}

.logo-container{background-color:#ccc;width:100%;top:0;margin-left:auto;margin-right:auto;z-index:100}@media screen and (min-width:901px){.hidden_desktop{display:none}}@media screen and (max-width:900px){.hidden_mobile{display:none}}@media screen and
 (max-width:40em){.hidden_mobile{display:none}}@media screen and (min-width:401px){.image-hidden_desktop{display:none}}@media screen and (max-width:400px){.image-hidden_mobile{display:none}}.forefront{z-index:99}
.logo {color: #cc0099;font-family: Comic Sans MS, Verdana, Tahoma, Arial, sans-serif; font-size: 1rem; font-weight: 400;margin-left:5px;}
.logo2 {color: #0099cc;font-family: Comic Sans MS, Verdana, Tahoma, Arial, sans-serif; font-size: 1rem; font-weight: 400;margin-left:5px;}
.logo3 {color : #000099;font-size : 1rem;font-family : Comic Sans MS, Bookman Old Style, Verdana;font-weight: 400;margin-left:5px;}
.logo-image {display: none;}@media screen and (min-width: 47em) {.logo-image {display: inline;}}

.footer {position: fixed;left: 0;bottom: 0;width: 100%;background-color: #EFEFEF;color: white; text-align: center;}

.columns,.overflow-cols {margin-top: 30px; -moz-column-width:20em; /* Firefox */ -webkit-column-width:20em; /* Safari and Chrome */ column-width:20em; -moz-column-column-rule: none; -webkit-column-column-rule: none; column-rule: none;
-moz-column-gap:2em; /* Firefox */ -webkit-column-gap:2em; /* Safari and Chrome */ column-gap:2em;
-moz-column-count: 3; /* Firefox */ -webkit-column-count: 3; /* Safari and Chrome */ column-count: 3; } 
div.keeptogether {display: inline-block; width: 100%;}

.quadro {background-color:#EFEFEF;padding:5px;border:1px solid #6cc;
    border-radius: 10px; margin-top:.9rem; margin-bottom:.9rem; break-inside: avoid;}
.quadrotop {background-color:#EFEFEF;padding:5px;border:1px solid #6cc;
    border-radius: 10px; margin-bottom:.9rem; break-inside: avoid;}
.quadroimg {background-color:#EFEFEF;height:60px;padding:15px 5px 15px 5px;border:1px solid #6cc; border-radius: 10px; margin-top:.9rem; }

.box{padding:8px;text-align:left;margin:10px auto;height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}

.box250px {-webkit-column-count: 5;-moz-column-count: 5;column-count: 5;-webkit-column-width: 200px;-moz-column-width: 200px;column-width: 200px;-moz-column-gap:2em;-webkit-column-gap:2em;column-gap:2em;}

.box200px {-webkit-column-count: 5;-moz-column-count: 5;column-count: 5;-webkit-column-width: 230px;-moz-column-width: 230px;column-width: 230px;-moz-column-gap:2em;-webkit-column-gap:2em;column-gap:2em;}

.box250px {-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;-webkit-column-width: 250px;-moz-column-width: 250px;column-width: 250px;-moz-column-gap:1.5em;-webkit-column-gap:1.5em;column-gap:1.5em;}

.box300px{-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;-moz-column-width:260px;-webkit-column-width:260px;column-width:260px;-moz-column-gap:1.5em;-webkit-column-gap:1.5em;column-gap:1.5em;}

p {margin-top: 1.5em; /* increase white space before a paragraph */}

h1{font-size:1.40em; font-family: Comic Sans MS, Bookman Old Style, Verdana;color:#cc0066; margin-bottom:10px;margin-top:10px}
h2{font-size:1.20em;font-variant: small-caps; font-family: Comic Sans MS, Bookman Old Style, Verdana;color : #cc0066; margin-bottom:3px;margin-top:10px}

h3{font-size:1.10em;font-variant: small-caps; font-family: Comic Sans MS, Bookman Old Style, Verdana;color : #069; margin-bottom:3px;margin-top:10px}h3 a:link{color:#069;text-decoration:none}h3 a:visited{color:#069}h3 a:hover{color:#fff;text-decoration:none;background:#069}
h4{font-size:1.05em;font-variant: small-caps; font-family: Comic Sans MS, Bookman Old Style, Verdana;color : #069; margin-bottom:3px;margin-top:10px}
h5{font-size:1em; font-family: Comic Sans MS, Bookman Old Style, Verdana;font-variant: small-caps;color:#404040;margin-bottom:5px;margin-top:5px}h5 a:link{color:#069;text-decoration:none}h5 a:visited{color:#069}h5 a:hover{color:#fff;text-decoration:none;background:#069}

.column {float: left;width: 50%;padding:1em}
/* Clear floats after the columns */
.row:after {content: "";display: table;clear: both;}

.intro{font-family: Comic Sans MS, Bookman Old Style, Verdana; color:#242424;font-size:1em;margin-bottom:15px;margin-top:15px;}

.menu-container{display:block;margin-left:2rem;margin-right:2rem;}

.text {font-size: 1rem;font-family:Comic Sans MS, Bookman Old Style, Verdana;color:#003300;}.text a:link{color:#069;text-decoration:none}.text a:visited{color:#708090}.text a:hover{color:#fff;text-decoration:none;background:#069}

.text-it {font-size:1rem;font-family:Comic Sans MS, Bookman Old Style, Verdana;color : #006600;}.text-it a, a:link,a:visited{color:#cc0066;text-decoration:underline}.text-it a:hover{color:#fff;text-decoration:none;background:#666}

.text-eng {font-size:1rem;font-family:Comic Sans MS, Bookman Old Style, Verdana;color : #000099;}.text-eng a, a:link,a:visited{color:#cc0066;text-decoration:underline}.text-eng a:hover{color:#fff;text-decoration:none;background:#666}

.text2{font-family:Comic Sans MS, Bookman Old Style, Verdana;font-size:.95rem;color:#333300;}
.text2 a{color:#cc3366;text-decoration:underline;}
.text2 a:link{color:#cc3366;text-decoration:underline;}
.text2 a:visited{color:#333;text-decoration:none;}
.text2 a:hover{color:#fff;text-decoration:none;background:#cc3366;}

.text3 {font-family:Comic Sans MS, Bookman Old Style, Verdana;font-size : 0.9rem;color: #000;}

.text3,date{font-size:.85em;color:#000}.text3 a {margin: 5px;}.text3 a:link{color:#069;text-decoration:underline}.text3 a:visited{color:#708090;text-decoration:underline}.text3 a:hover{color:#fff;text-decoration:none;background:#069}

.text4{font-family:Comic Sans MS, Bookman Old Style, Verdana;font-size:.85em;color:#666}.text4 a:link,a:visited{color:#069;text-decoration:none}.text4 a:hover{color:#fff;text-decoration:none;background:#666;}

.italian {font-size: .95rem;font-family: Comic Sans MS, Bookman Old Style, Verdana;color: #006600;}
.english {font-size: .95rem;font-family: Comic Sans MS, Bookman Old Style, Verdana;color: #000099;}

.copyright {font-size: .8rem; font-family:  Comic Sans MS,  Verdana;color: #cc0066;}

.prev-next {font-size: .95rem;font-family: Comic Sans MS, Bookman Old Style, Verdana;color: #cc6666;background: #eee; text-align: center;}.prev-next a:link {text-decoration: none;color: #cc6666;}
.prev-next a:visited {text-decoration: none;color: #cc0066;}
.prev-next a:hover {text-decoration: underline;color: #fff; background-color: #cc0066; }

/* images */
.img-margin20{margin-top: 20px;margin-bottom: 20px;} 
.img-margin10{margin:10px 5px}
.img-margin5{margin:0px 5px 0px 5px}
.img-margin25{margin:25px 25px 25px 25px}
.img-margin0 {margin:0px 0px; float: right;}
.img-margin10all{margin:10px;}
.img-flag{margin: 10px 5px 10px 5px}
.img-flagit{margin: 10px 20px 10px 5px}
img.margin25{margin:25px 25px 25px 25px}
img.padding10{padding: 10px;}
img.padding5{padding: 5px;}
img.space{padding: 0px 0px 5px 10px;}
img.fixed-size { height: auto; width: auto; }

.img-border{border:1px solid #021a40;}
img.center {display: block;margin-left: auto;margin-right: auto;}
img.right .float-right{float: right;}
img.left .float-left {float: left;}
img.middle {vertical-align: middle;}
img.nonresp{width: auto; object-fit: none;}
img.photo {padding:10px;border-radius: 5px;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
.img-slide {margin-left:20px;margin-right:20px; padding-top:20px; padding-bottom:20px;}

.flag {margin:8px 10px 1px 2px; float: left; vertical-align: middle;  width: 24px;  height: 14px;}
.flag-enit {margin:8px 10px 1px 2px; float: left; vertical-align: middle;  width: 48px;  height: 14px;}
.img-scale500 {width: 100%; max-width: 500px; height: auto;}


/* LISTS */
ol.noindent,ul.noindent,ol.list,ul.list{margin-left:1.5rem;}ul{list-style:circle}
ul.a {list-style-type: circle;}
ul.b {list-style-type: square;}
ol.c {list-style-type: upper-roman;}
ol.d {list-style-type: lower-alpha;}

li.spacer  {margin-top: .4em;margin-left: 1.4em;}
li.sp02  {margin-top: .2em;}
li.sp06  {margin-top: .6em;}

/*  SECTIONS  */
.section { clear: both; padding: 0px; margin: 0px; }
/*  COLUMN SETUP  */
.col { display: block; float: left; margin: 1% 0 1% 1.6%; }
.span_1_of_3 { width: 32.2%; }
.col:first-child { margin-left: 0; } /* Removes left margin on the first column */
/*  GRID OF THREE  ========== */
.span_3_of_3{width:100%;}.span_2_of_3{width:66.13%;}.span_1_of_3{width:32.26%;}
 /*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
 @media only screen and (max-width: 640px) {.span_3_of_3 {width: 100%;}.span_2_of_3 {width: 100%;}.span_1_of_3 {width: 100%;}}

.css-adsense {display:block; margin: 20px 0; text-align:center;}
