/*@charset "UTF-8";*/
/*
////////////////LAYOUT BASE FORMAT///////////////////////////
*/
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body > #container {
	height: auto;
	min-height: 100%;
	width:100%;
	_height:100%;
	position:relative;
}
body {	
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
}
body, h1, h2, h3, h4, h5, h6, pre, p, ul, span, a {
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
}
img {
	margin: 0;
	padding: 0;
	border: 0;
}
/*
////////////////FONTSIZE///////////////////////////
*/
.sizeMini {
	font-size: 9px;
}
.sizeA {
	font-size: 10px;
}
.sizeB {
	font-size: 11px;
}
.sizeC {
	font-size: 12px;
}
.sizeD {
	font-size: 14px;
}
.sizeE {
	font-size: 18px;
}
.sizeF {
	font-size: 24px;
}
.sizeG {
	font-size: 28px;
}
/*
////////////////UTILITY///////////////////////////
*/
/*ie 6 fix*/
img, div {
}
body {
/*hover ul li*
   behavior: url(" ../scripts/csshover3.htc");*/
   	color: #FFF;
}
.fltrt {
	/* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}
.fltlft {
	/* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/
	float: left;
	margin-right: 8px;
}
.clearfloat {
	/* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
/*
////////////////CONTENT///////////////////////////
*/
body {
	background: url(../image/bg.jpg) no-repeat #000 top left fixed;
}
body a {
	color: #FFF;
}
body a:hover {
	color: #333;
	text-decoration: none;
}
.header {
	font-size: 0.8em;
	padding: 10px;
	color: #FFF;
	background: #333;
	border-bottom: #555 solid 1px;
	width:100%;
}
.content {
	padding: 20px;
	height: 100%;
	text-shadow: #000 2px 2px 2px;
}
.footer {
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 100px;
	bottom: 0;
	left:0;
}
.footer .bg {
	z-index: 0;
	position: absolute;
	width: 100%;
	height: 100px;
	bottom: 0;
	left:0;
	background: #222;
	border-top: #555 solid 1px;
}
.footer p, .footer a {
	z-index: 2;
	padding: 4px 0 4px 0;
	color: #666;
}
.opaquemoz {
	filter:alpha(opacity=50);
	opacity: .5;/*all*/
	-moz-opacity:0.5;
	zoom: 1;
	/*width: 100%;*/
	}

