html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
	font-family: Georgia, "Times new roman", serif;
	font-size: 87.5%;
	color: #000;
}

body {
    overflow-y: auto;
}

#sfondo {
    position:absolute;
    height:100%;
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: -1;
}

#contenuto {
    position: relative;
    width: 842px;
    margin: 0 auto;
    padding: 0;
}

#foto {
    width: 842px;
    height: 842px;
}

#foto img {
    position: relative;
    top: 50%;
    left: 50%;
    border: none;
}

#contenuto img.portrait {
    margin-top: -421px;
    margin-left: -287px;
}

#contenuto img.landscape {
    margin-left: -421px;
    margin-top: -287px;
}

p { 
	margin: 0 0 1.5em 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.5em;
}

p.home {
	margin-top: 1.5em;
}

h4 { 
	margin: 1.5em 0;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.5em;
	text-shadow: 1px 1px 5px #ccc;
}

h5 { 
	margin: 1.875em 0;
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.875em;
}

a,
a:focus {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #222;
	text-shadow: 1px 1px 5px #eee;
}

a span {
    display: none;
}

a:hover span {
    display: inline;
}

.right {
    float: right;
}

.left {
    float: left;
}

.clear {
    clear: both;
}

.center {
    text-align: center;
}