@charset "utf-8";
/* CSS Document */

@import url('http://fonts.googleapis.com/css?family=Electrolize');


html {
	height:100%;
	margin:0;
}

body {
	font-family: 'Electrolize', sans-serif;
	/*	font: 100%/1.4 Arial, Helvetica, Verdana, sans-serif; */
	padding: 0;
	color: #F86250;
	background-color: #FFF5F5;
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
	margin:0;
	background-image: url(images/DZ_bg.gif);
	border-style: none;
	font-size: 90%;
}

.button {
	margin: 0;
	padding: 14 px;
	width: 100px;
}

/* ~~ L'applicazione di stili ai collegamenti del sito deve rispettare questo ordine, compreso il gruppo di selettori che creano l'effetto hover. ~~ */
a:link {
	color: #000;
	text-decoration: none; /* A meno che non vogliate personalizzare i collegamenti in un modo molto particolare, è bene applicare la sottolineatura per permetterne una rapida identificazione visiva. */
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* Questo gruppo di selettori conferisce alla navigazione tramite tastiera gli stessi effetti hover che si producono quando si usa il mouse. */
	text-decoration: underline;
	font-weight: bold;
}


/* ~~ Questo contenitore a larghezza fissa circonda tutti gli altri div ~~ */
.container {
	width: 920px;
	margin: 0 auto 0 auto; /* Il valore automatico sui lati, abbinato alla larghezza, produce un layout centrato. */
	padding: 0px;
	height: 920px;
	min-height: 100%;
}


.header {
	height: 182px;
	margin: 0 0 10px 0;
	padding: 10px 0;
	
}

#menu {
	clear: none;
	height: 50px;
	width: 600px;
	float: right;
}
#menu ul {
	padding: 0px;
	list-style: none;
	font-family: Electrolize, sans-serif;
}
#menu ul li {
	display: inline;
}
#menu ul li a {
	float: left;
	display: block;
	width: 120px;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	color: #006699;
}
#menu ul li a:hover, #menu ul .current {
	background: url(images/bt_menu_hover.png) no-repeat center left;
	text-decoration: underline;
	font-weight: bold;
	color: #000;
}

.float_left {
	width: 200px;
	padding: 0;
	height: auto;
	min-height: 100%;
	float: left;
}

.float_leftdwn {
	width: 650px;
	padding: 0;
	height: auto;
	min-height: 100%;
	float: left;
}


.box_bordino {
	width: 100%;
	padding: 0;
	height: auto;
	min-height: 100%;
	border-color: #F86250;
	border-left: 1px solid;
}

.sinistra {
	width: 200px;
}
#sinistra ul li {
	display: block;
	padding: 10px 0 0 0;
	font-size: 110%;
}
#sinistra ul li a {
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	color: #006699;
}
#sinistra ul li a:hover, #sinistra ul .current {
	background: url(images/bt_menu_hover.png) no-repeat center left;
	text-decoration:underline;
	color: #F86250;
	font-size: 100%;
}


.footer {
	width: 100%;
	margin: 0 0 0 0; /* Il valore automatico sui lati, abbinato alla larghezza, produce un layout centrato. */
	padding: 20px 0 0 0;
	text-align: center;
	font-size: 80%;
	color: #FFFFFF;
	top: auto;
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: auto;
	background-image: url(../images/bottom_bg.png);
	background-repeat: repeat-x;
}

.fullscreen {
	width: 100%;
	margin: 0;
	background-image: url(../images/top_bg.png);
	background-repeat: repeat-x;
}


	#makeMeScrollable
	{
		width:100%;
		height: 150px;
		position: relative;
	}
	
	#makeMeScrollable div.scrollableArea a
	{
		border: none;
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
	}
	
#cboxCurrent {
	font-family: "Segoe WP", Verdana;
	font-size:13px;
	color:#FFF;
}


.macchine a:link, a:visited { /* Questo gruppo di selettori conferisce alla navigazione tramite tastiera gli stessi effetti hover che si producono quando si usa il mouse. */
	text-decoration: none;
	color: #F86250;
}

.macchine a:hover, a:active, a:focus { /* Questo gruppo di selettori conferisce alla navigazione tramite tastiera gli stessi effetti hover che si producono quando si usa il mouse. */
	text-decoration: underline;
	font-weight: normal;
	color: #006699;
}