/*base-style.css*/
/*da caricare DOPO il file w3-sd.css*/

html, body{height:auto;width:auto;}
body{font:100% serif;}

*{
margin:0;
padding:0;
}

.container {
    width:100%;
	height:auto;
	background:rgb(153,153,153); /*susan-grey*/
	/*background-color:rgb(178,165,233); /*malva*/
	margin:0px auto;
	text-align:left;
}
.header{
	display:block;
	width:100%;
	height:2.5em;
}
.head20{
	display:block;
	float:left;
	width:20%;
	height:2.5em;
	/*background:#999; /*susan-grey*/
	background-color:rgb(178,165,233); /*malva*/
}
.head80{
	display:block;
	float:left;
	width:80%;
	height:2.5em;
	/*background:#999; /*susan-grey*/
	background-color:rgb(178,165,233); /*malva*/
	/*border:1px solid red;*/
}

.uno{
	display:block;
	float:left;
	width:100%;
	height:11.5em;
	/*width:13em*/
	/*background:#999; /*susan-grey*/
	background-color:rgb(178,165,233); /*malva*/
}
.due{
	display:block;
	float:left;
	width:20%;
	min-height:30em;
	/*background:rgb(153,153,153); /*susan-grey*/
	background-color:rgb(178,165,233); /*malva*/
}
.tre{
	display:block;
	float:left;
	width:80%;
	height:auto;
	background:rgb(255,255,255) 
}
.quattro{
	display:block;
	width:100%;
	height:3em;
	font:1em "Arial" sans-serif;
	color:#999; /*susan-grey*/
	background:rgb(255,255,255); 
}
.foot20{
	display:block;
	float:left;
	width:20%;
	height:auto;
	text-align:left;
	background:rgb(255,255,255); 
}
.foot80{
	display:block;
	float:left;
	width:60%;
	height:auto;
	color:rgb(80,80,80); /*dark	grey*/
	background:rgb(255,255,255); 
}
.foot20dx{
	display:block;
	float:left;
	width:20%;
	height:auto;
	text-align:right;
	background:rgb(255,255,255); 
}
.menu{
	display:block;
	position:fixed;
	/*top:.5em;*/
	top:0;
	right:14.9%;
	width:3.5em; 
	height:auto; 
}
.spiega{
	padding:1px 0 0 1px;
	font:.8em sans-serif;
	text-align:center;
}
.spiega1{
	padding:1px 0 1px 0;
	font:.7em sans-serif;
	text-align:center;
}
/*IMMAGINI*/
.contatto{
	width:15em;
	height:1.9em;
	margin-bottom:.5em;	
}
.land{
	width:15em;
	height:auto;
	margin-right:5px;
	padding-top:1em;
}
.land1{
	width:100%;
	height:auto;
	padding-top:2.5em;
}
.photo-hor {
	display:block;
	margin:.5em .5em .5em 1em;
	width:7em;
	height:auto;
	float:left;
	vertical-align:text-top;
	z-index:0;
}
.photo-ver {
	display:block;
	margin-top:1em;
	margin-bottom:10px;
	margin-left:10%;
	width:80%;
	height:auto;
   z-index:0;
}
.port{
	width:auto;
	height:70%;
	padding-top:1em;
}

.port1{
	height:75%;
	width:auto;
}
.tit-hor {
	display:block;
	margin-top:.5em;
	margin-left:5px;
	width:auto;
	height:8.5em;
   float:left;
 }
.tit-ver {
	display:block;
	margin-left:10%;
	width:80%;
	height:auto;
}

/*VERTICAL MENU*/
/*Set the parent <li>’s CSS position property to ‘relative’.*/
ul.drop-dx{
  display:block;
  list-style:none;
  padding:0;
  margin-top:0;
  width:auto;
  /*float:right;*/
  right:0;
  font:1.4em "Arial", sans-serif;
  /*border:1px solid red;*/
}
ul.drop-dx li{
  display:block;
  position:relative;
  float:left;
  border:1px solid rgb(153,153,153); /*susan-grey*/
}
li ul.drop-dx{display:none;}
ul.drop-dx li a {
  display:block;
  padding:2px 2px;
  text-decoration:none;
  white-space:nowrap;
  font:.9em "Arial", sans-serif;
  color:rgb(0,0,0); 
}

ul.drop-dx li a:hover{background-color:rgb(153,153,153);color:rgb(255,255,255);} /*white on susan-grey*/

li:hover > ul.drop-dx{
  display:block;
  position:absolute;
  font:1em "Arial", sans-serif;
}
li:hover li{float: none;font-size:1em;}
li:hover li a{background:rgb(240,240,240);color:rgb(90,90,90)} /*dark-grey on very pale-grey*/
li:hover li a:hover{background:rgb(90,90,90);color:rgb(255,255,255);} /*dark-grey on white*/
.main-navigation li ul.drop-dx li{border-top:0;}
ul.drop-dx ul.drop-dx ul.drop-dx{
  /*left:100%;*/
  right:100%;
  top:0;
}

ul.drop-dx:before,
ul.drop-dx:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
 
ul.drop-dx:after { clear: both; }
/*END VERTICAL MENU*/

/*STILI ANCHOR, CARATTERI, PARAGRAFI, LISTE, LINEE ..*/
/*anchor*/
a{	
	color:rgb(80,80,80); /*dark-grey2*/
	font:1em sans-serif;
	text-decoration:none;
}
a.foot{
	color:rgb(80,80,80); /*dark-grey2*/
	font:1em sans-serif;
	text-decoration:none;
}
p.conta{
	font:1.5em sans-serif;
	color:rgb(80,80,80);
}	
/*paragrafo*/
.corpo{
	font: 1.1em serif;
	padding-top:.5em;
	padding-right:5px;
	padding-left:5px;
	text-indent:1em;
	text-align:justify;
}
/*LISTA PER IMMAGINI*/
ul.galle, ul.galle li{
	padding:0;
	margin:0;
	list-style-type:none;
}
ul.galle{
	display:inline-block;
	width:100%;
	/*border:1px solid red;*/
}
ul.galle li{
	float:left;
	width:20.25%;
	height:22em;
	line-height:2;
	margin-left:3.5%;
	margin-bottom:2px;
	padding-top:3px;
    text-align:center;
	background-color:rgb(255,255,255); 
	/*border:1px solid green;*/
}
/*immagini della lista ad altezza ridotta*/
ul.galle li.rid{             
	float:left;
	width:13em;
	height:15em;
	line-height:4;
	margin:2px 5px 2px 5px;
	padding-top:5px;
    text-align:center;
	background-color:rgb(255,255,255); 
}
ul.galle li:hover a{background-color:transparent;}
/*FINE LISTA PER IMMAGINI*/

/*LISTA BIBLIOGRAFICA*/
ul.write, ul.write li{
	padding:0;
	margin:0;
	list-style-type:none;
}
ul.write{
	display:inline-block;
	width:94.5%;
	padding-left:1em;
	/*border:1px solid red;*/
}
ul.write li{
	font: 1.1em serif;
	padding:0 1em .5em 1em;
	text-align:justify;
	/*border:1px solid green;*/
}
/*FINE LISTA BIBLIOGRAFICA*/

/*stili carattere*/
h1{
	font:bold 2.2em "Arial", sans-serif;
	color:rgb(80,80,80); /*dark-grey2*/
	margin:.0 0 1.25% 1.25%;
}
h2{
	font:bold 1.3em "Arial", sans-serif;
	color:rgb(160,160,160); /*medium-grey*/
	padding:.125em 0em .5em .8em;
}
.wri-sez{
	font: 1.3em "Arial", sans-serif;
	color:rgb(153,153,153); /*susan-grey*/
	padding:.3em 2.5em .5em 0em;
	text-indent:0;
	/*border:1px solid yellow;*/
}
.wri-arg{
	font:bold 1.1em serif;
	font-style:italic;
	color:rgb(0,0,0);
	padding:.3em 2.5em .5em 0em;
	text-indent:0;
	/*border:1px solid blue;*/
}
.wri-arg2{
	font:1em serif;
	color:rgb(0,0,0);
	padding:.3em 2.5em 0em 0em;
	text-indent:0;
}
/*fine stli caratteri*/

/*linee*/
hr{
	display:block;
	color:rgb(240,240,240); /*menu-grey*/
	margin-top:.1em;
	margin-bottom:.3em;
	width:3em;
    border-style:solid;
    border-width:2px;
}
/*button a triglifo*/
.w3-xxlarge{
	font-size:2em!important;
}
.w3-button{
	border:none;
	display:inline-block;
	outline:0;
	padding:1px 1px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	color:white;
	background-color:#999; /*susan-grey*/
	text-align:center;
	cursor:pointer;
	white-space:nowrap
}
.triglifo{
	display:block;
	font-size:1.8em;
	/*color:rgb(255,255,255);*/
	color:rgb(0,0,0); /*black*/
	padding:.15em .25em;
	/*background:rgb(173,173,173);*/
	backgtround-color:transparent;
}