* {
margin:0px;
padding:0px;
}
html,body {
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
color:#666;
height: 100%;
}
#loading {
display: block;
position: absolute;
left: 0px;
top: 100px;
height: 100%;
width: 100%;
color: #666;
text-align: center;
padding: 80px;
background-color: #fff;
box-sizing: border-box;
}
/*#container {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -200px;//uguale ad altezza del piede aumentata del padding top e bottom
}*/
p {
margin:0px;
padding:0px;
}
ul {
margin:0px;
padding:0px;
list-style:none;
}
li {
margin-bottom:6px;
}
a {
color:#666;
text-decoration:none;
}
a:hover {
color:#5a5a5a;
text-decoration:none;
}
h1{
font-size:2.0em;
color:#666;
font-weight:normal;
margin-bottom:15px;
line-height:0.8em;
}
h2{
font-size:1.5em;
color:#666;
font-weight:normal;
margin-bottom:15px;
line-height:0.8em;
}
.immagine{
width: 100%;
background-color: #ebebec;
margin:0 auto;
padding-top:30px;
}
.immagine img{
  width:100%;
  max-width:600px;
}
.video{
  position: relative;
  padding-top:30px;
  padding-bottom:56.25%;
  width:100%;
  text-align: center;
  height:0;
  overflow:hidden;
  background-color: red;
}
.box22 {
width: 100vw;
height:auto;
overflow:hidden;
}
.box22E {
width:90%;
height:auto;
margin:0 auto;
display:block;
overflow:hidden;
line-height:1.5em;
padding: 10px 20px 30px 20px;
}
.box22E b{
color:#108984;
}
.titLez{
  margin:-30px auto;
  text-align: center;
  color:#6B8E23;
  font-size: 1.4em;
  font-weight: bold;
  padding: 10px 10px 20px 10px;
  display:block;
  width: 120px;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
.flex-box {
	max-width:1200px;
	height:auto;
	overflow: hidden;
	margin:0 auto;
	padding:0px 20px 20px 28px;
	-ms-box-orient:horizontal;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-moz-flex;
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	color:#333;
}
.box-item{
	max-width:400px;
	height: auto;
	margin: 25px;
	padding:10px;
	background-color:#FFF;
	border-left:1px solid #ccc;
  border-bottom:1px solid #ccc;
 font-size:1.0em;
 line-height: 1.6em;
}
.box-item strong{
	color:#aa4400;
  font-weight: bold;
	font-size:1.1em;
}
.box-item b{
	color:#aa4400;
  font-weight:600;
	font-size:1.1em;
}
.risorse{
  width:auto;
  height:auto;
  border:1px dotted #666;
  border-radius:5px;
  font-size:0.9em;
  margin-left:20px;
  padding:3px;
}
.risorse a:hover{
color: #ccc;
}
.titspan{
  font-weight: bold;
  color: #333;
  font-size: 1.1em;
}
.txtspan{
  color: #666;
  font-size: 0.9em;
}
.esci{
  color: #228b22;
  font-size: 1.0em;
  border-bottom: 2px dotted #ccc;
  line-height: 1.5em;
}
.esci:hover{
  color: #ff6600;
}
.post1{
  float:left;
  width:48%;
  min-width: 600px;
  height: auto;
  min-height: 400px;
  border: 1px solid #ccc;
}
/* box per i post */
.flex-post {
	max-width:1200px;
	height:auto;
	overflow: hidden;
	margin:0 auto;
	padding:10px 10px 10px 18px;
	-ms-box-orient:horizontal;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-moz-flex;
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	color:#333;
  background-color: #e0e0e0;
}
.post-item{
  width:90%;
	height: auto;
  min-height: 250px;
	margin: 20px;
	padding:10px;
	background-color:#FFF;
  border:1px solid #ccc;
 font-size:1.0em;
 line-height: 1.6em;
}
textarea{
  width: 90%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
  margin-top:10px;
  outline: none;
  font-size: 0.9em;
}
.chi1{
  margin-left:5%;
  margin-bottom:-4px;
  font-size:0.8em;
  color:#6B8E23;
}
.chi2{
  margin-left:5%;
  margin-bottom:-12px;
  font-size:0.8em;
  color:#6B8E23;
}
.post-item > .tit{
 font-size: 0.9em;
 text-transform: uppercase;
 color:#6B8E23;
}
.post-item > .testi{
  width: 90%;
  height: auto;
  background-color: #FFEFD5;
  padding:4px;
  margin: 0 auto;
  border:1px solid #ccc;
  border-radius: 5px;
  font-size: 0.9em;
}
.post-item > .risposte{
  width: 90%;
  height: auto;
  background-color: #FFFACD;
  padding:4px;
  margin: 8px auto;
  border:1px dotted #666;
  border-radius: 5px;
  font-size: 0.9em;
}
.sub{
  background-color: #fff;
  border:1px solid #fff;
  cursor: pointer;
  outline: none;
}
/* fine spazio post */
.flex{
max-width:100%;
}
.flex1{
float:left;
padding: 0 10px 0 0;
max-width:100%;
}

/* ------------------------- piede*/
.space{
  height: 22%;
  width: 80%;
}
.piede {
width:100%;
background-color: #ff6347;
border-top: 8px solid #fff;
height:200px; /*altezza flag + padding verticale di flag* ???????? */
}
.flag {
margin: 0px auto;
padding:20px 20px 0px 20px;
max-width:800px;
height:180px;
overflow: hidden;
font-size:0.9em;
color:#666;
}
.fila1 {
float:left;
margin-left:10px;
margin-top:5px;
width:30%;
height:auto;
color:#e0e0e0;
}
.fila1 a {
color:#ccc;
}
.fila1 a:hover {
color:#fff;
text-decoration:none;
}
.fila1 li{
 line-height:1.7em;
}
.fila2 {
display:inline-block;
width:96%;
height:auto;
margin-top:10px;
padding-bottom:10px;
text-align:center;
color:#CCC;
font-size:0.8em;
line-height:1.6em;
}
.fila2 a{
  color:#e0e0e0;
}