* {
margin: 0px; 
padding:1px;
}
body {
margin:0em auto; 
width:60em;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 1em;
cursor: crosshair;
}

a:link, a:active, a:visited {
	COLOR: #9b6b89;
	TEXT-DECORATION: none;
	font-size: 1em;
font-weight:bold;
}

a:hover {
	font-size: 1em;
	cursor: auto;
	font-style:italic;
}
div {
font-size: 1em;
text-align:justify;
line-height: 150%;
padding-bottom: 0.3em;
}
  
header{
width:100%;
display: block;
height: 14.05em;
background-image: url("antro.jpg");
background-repeat: no-repeat;
background-position:left;
padding-right: 0.5em;
background-size:contain;
}

footer{
 display: block;
 }

.titolo {
font-size: 150%; 
line-height: 40px;
font-family: verdana;
letter-spacing: 5px;
color: #9b6b89;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #9b6b89;
display:none;
}
.titoletto{
font-family: arial;
letter-spacing: 0px;
font-size: 1.2em;
color: #9b6b89;
font-weight:bold;
text-align: left;
  line-height: 3.12em;
}

nav {
width: 100%; 
background: #e4d5da; 
border: 1px solid #9b6b89; 
min-height:auto;
height: 2.7em;
padding: 0em 0em 0.5em;
}

nav ul {
list-style-image: none; 
list-style-position:inside; 
list-style: none; 
width: 35%;
margin: 3px auto;
}

nav ul li {
float: left;
}

nav ul li a {
margin-right: 1.125em;
display: block; 
line-height: 2.5em;
text-align:left;
}


article {
margin-top: 1.5em;
margin-bottom:1.5em;
width:100%;
padding-right:1em;
}


h1{
font-size: 1.5em; 
line-height: 40px;
font-family: verdana;
letter-spacing: 5px;
color: #9b6b89;
font-weight: bold;
text-align: right;
border-bottom: 1px solid #9b6b89;
margin-top:0.1em;
margin-bottom:0.5em;
}
	
footer {
background-color:#80324d; 
border-top:1px solid #cccccc;  
text-align: left; 
color:#fff;
width:100%;
display: block;
background-repeat: no-repeat;
background-position:left;
padding: 0.5em 0.1em 0.5em;
}


@media only screen and (min-width: 239px) and (max-width:700px) {
* {
margin: 0.2px;}

body {width:95%;}

header{
width:99%;
background-image:none;
padding-right: 0em;
height:auto;
padding-bottom: 0.7em;
}

article { 
padding-right: 0em;
padding-left: 0em;
width: 100%;
}

nav {
padding: 0;
height: auto;
}

nav ul {
width: 90%;
}

nav ul li {
float:inherit;
}

nav ul li a {
margin-right: auto;
line-height: 2.5em;
text-align:center;
}


.titolo {
display:block;
}
}

@media only screen and (min-width: 701px) and (max-width:800px){
body {
width:95%;}

header{
width:99%;
background-size:contain;
height:11.5em;
}

nav ul {
list-style-position:inside; 
width: 50%;
}


}