@charset "utf-8";



*{
	margin:0;
	padding:0;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
body {
   width: 100%;
   height: 100%;
}
.rigaopacity{
   background-color: rgba(255, 255, 255, 0.6);
}
.textarea{
   font-family:Lato, Trebuchet, Tahoma, Geneva,  Verdana, Arial, sans-serif;
	font-size: smaller;
   width: 100%;
   color: #020202;
   line-height: 1.2;
}

.textarea h1{
  font-weight: 700;
   text-align: center;
   color: rgb(56, 71, 76);
}
.textarea  h2{
    font-weight: 700;
    text-align: center;
    color: rgb(56, 71, 76); 
}
.textarea h3{
   font-size: large;
   font-weight: 700;
   text-align: center;
   color: rgb(56, 71, 76);
}
.textarea  h4{
   font-size: medium;
   font-weight: 500;
   text-align: center;
}
.textarea  h5{
   font-size: small;
   font-weight: 500;
   text-align: center;
}
.textarea p{
   padding: 0px 30px;
   text-align: justify;
   line-height: 1.2;
}

.textarea span{
   text-align: justify;
   font-size: small;
   padding: 30px 10px 20px 10px;
}

.textarea hr{
   margin: 1%;
}
.textarea p img{
   min-width: 100px;
   max-width:800px;
   min-height: 50px;
   display: inline-block;
   margin: 1%;
   text-align: center;
}
/*
.textarea p img:hover{
   transform: scale(1.4,1.4);
   border: solid 10px #ffffff;
   box-shadow: 4px 4px 15px rgba(56, 71, 76, 0.6);
   z-index: 100;
}
*/
#idMap img
{
  height: auto;
	margin-top: 1%;
}

#idMap:hover{
   transform: scale(1.2,1.2);
   box-shadow: 4px 4px 15px rgba(56, 71, 76, 0.6);
   z-index: 200;
}

/* TEXTAREA sezione ambienti*/

.textarea table{
	border:0px solid #000000;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}

.textarea table td{
	border:0px solid #000000;
	text-align: center;
	vertical-align: top;
	vertical-align: text-top;
}

.boxtxtarea, .boxtxtarea1{
   height: auto;
	background-color: rgba(114, 114, 114, 0);
   text-align: center;
	 vertical-align: bottom;
   margin-left: auto;
   margin-right: auto;
}
.boximgarea, .boxtxtarea1{
	vertical-align: top;
	margin: 0% auto;
}

.boximgarea > div > label > img, .boximgarea1 > div > label > img {  /*BOX Immagine */
	/*height: 10%;
	width: 10%;*/
	margin-bottom: 5px;
}
.boximgdidasc{
	display: inline-block;
	margin-top: -1.5%;
	vertical-align: top;
	width: 100%; 
}
.textarea > div > .boximgarea p, .boximgarea p,
.textarea > div > .boximgarea1 p, .boximgarea1 p{ /*  Didascalia*/
	text-align: justify;
	padding: 0.5% 7%;
	margin: 2px 0px 10px 0px;
}
.tdBox{
   text-align: center;
   vertical-align: middle;
   font-size: 12px;
}
.tdBox img{
   width: 40%;
   height: auto;
   display: inline-block;
   margin:0.5% 0.5%;
}
.tdBox td{
   font-size: 12px;
}
.tdBox > p{
   width: 40%;
   display: inline-block;
   text-align: justify;
   font-size: 12px;
   vertical-align: top;
}
#p_1, #p_2 {
   width: 45%;
   text-align: justify;
   font-size: 12px;
   padding: 5px;
   vertical-align: top;
}
#p_1 {padding-left: 10%; float: left}
#p_2 {margin-left: 51%; padding-right: 8%;}

/* TEXTAREA NEWS */
.areaNew
{
	padding: 0px 20px;
}
.areaNew h2
{
	text-align: left;
	font-size: x-large;
	font-weight: 700;
	padding-bottom: 2%;
  margin-left: 1%;
	margin-top: 5px;
}
.areaNew p
{
	font-size: small;
    line-height: 1.4;
	width: 90%;
	text-align: justify;
	width: inherit;
}
.areaNew img
{
	width: 20%;
	height: auto;
	margin-right: 30px;
  margin-left: 20px;
}
.boximg
{
	min-height: 100px;
	width: 100%;
  height: auto;
}
.boximg >a>img
{
	height: auto;
	margin-right: 10px;
}

.boximg >a>img:hover
{
	 z-index: 100;
}