body {
	background-color: #131313;}

@font-face {
	font-family: Kettler;
	src: url('KettlerWebRegular.eot') format('eot'), url('KettlerWebRegular.woff') format('woff');}

@font-face {
	font-family: KettlerBold;
	src: url('KettlerWebBold.eot') format('eot'), url('KettlerWebBold.woff') format('woff');}
	
h1, h2, p {
	font-family: Kettler,  "Courier New", Courier, monospace;
	font-weight: normal;
	font-size: 11px;
	line-height: 13px;
	color: white;
	-webkit-font-smoothing: antialiased;}

a {
	color: white;
	text-decoration: none;}	

#header{
	background: url(henrytimiopere.png) fixed no-repeat center center ;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	width: 100%;
	height: 100vh;}

img {
	display:block;
	width:100%;
	height:auto}

div.piede {
	position:fixed;
	bottom:0;
	left:0;
	padding:1.15rem;
	z-index:100}

div.main {
	cursor: url(cursore.png) 16 16, auto;
	z-index: 100;
	/* cursor:crosshair */}

div#content {
	display:block;
	margin-top:0;
	padding:1.15rem;
	padding-top:0;
	float:left}

div.info {
	display:block;
	position:fixed;
	top:0rem;
	left:0;
	padding:1.15rem;
	z-index:500;
	width:100%;
	max-width:100%}

.riga {
	width:100%;
	max-width:100%;
	clear:both}

.didascalia {
	display:block;
	width:600px;
	float:left;
	max-width:100%}

@media (max-width: 600px) {
.didascalia {
	width:290px;
	max-width:100%}
#header{
	background-attachment: scroll !important;}
}