body {
	background-color: #99c940;
	padding: 0;
	margin: 0;
	background-image:url(../images/sfondo.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	outline:none;
	height:100%;
}

#container {
	position:relative;
	max-width: 900px;
	width: 900px;
	height: auto;
	margin: 0 auto;
	margin-top:20px;
	padding:0px;
	outline:none;
}

/*this is what we want the div to look like when it is not showing*/
div.loading-invisible{
	/*make invisible*/
	display:none;
}

/*this is what we want the div to look like when it IS showing*/
div.loading-visible{
	/*make visible*/
	display:block;
	/*position it 200px down the screen*/
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-align:center;
	background:#ffffff;
	z-index:1000;
}

.spacer1white { height:1px; font-size:1px; line-height:1px; clear:both; background:#FFFFFF; }
.spacer5white { height:5px; font-size:1px; line-height:1px; clear:both; background:#FFFFFF }
.spacer1gray { height:1px; font-size:1px; line-height:1px; clear:both; background:#CCCCCC; }
.spacer5gray { height:5px; font-size:1px; line-height:1px; clear:both; background:#CCCCCC }
.spacer5 { height:5px; font-size:1px; line-height:1px; clear:both; }
.spacer10 { height:10px; font-size:1px; line-height:1px; clear:both; }
.spacer20 { height:20px; font-size:1px; line-height:1px; clear:both; }
.spacer25 { height:25px; font-size:1px; line-height:1px; clear:both; }
.spacer30 { height:30px; font-size:1px; line-height:1px; clear:both; }

/*--------------------------------------- HEADER --------------*/
#header {
	position: absolute;
	left:0px;
	top:0px;
	width:900px;
	height:150px;
	background-color:#FFFFFF;
	display:block;
	outline:none;
	z-index:1;
}

#Logo {
	position: absolute;
	left:0px;
	top:0px;
	width:205px;
	height:150px;
	display:block;
	outline:none;
	z-index:2;
}

#tassello_top {
	position: absolute;
	left:560px;
	top:0px;
	width:340px;
	height:70px;
	display:block;
	outline:none;
	z-index:3;
}

.LinkTopOver {
	color:#999999 !important;
	font-size: 12px;
	height:22px;
	outline:none;
}

.LinkTopOut {
	color:#8ac441 !important;
	font-size: 12px;
	height:22px;
	outline:none;
}

#Menu_header {
	position: absolute;
	left:205px;
	top:93px;
	width:695px;
	height:55px;
	display:block;
	outline:none;
	background:#FFFFFF;
}

#btn1 {
	position: absolute;
	left:0px;
	top:0px;
	width:173px;
	height:55px;
	display:block;
	outline:none;
	background:#CCC9C6;
}

#btn2 {
	position: absolute;
	left:174px;
	top:0px;
	width:173px;
	height:55px;
	display:block;
	outline:none;
	background:#CCC9C6;
}

#btn3 {
	position: absolute;
	left:348px;
	top:0px;
	width:173px;
	height:55px;
	display:block;
	outline:none;
	background:#CCC9C6;
}

#btn4 {
	position: absolute;
	left:522px;
	top:0px;
	width:173px;
	height:55px;
	display:block;
	outline:none;
	background:#CCC9C6;
}

.HeaderOver {
	color:#FFFFFF !important;
	font-size: 12px;
	width:173px;
	height:55px;
	display: block;
	outline:none;
}
/************************** x il primo pulsante, bordo stondato **/
.HeaderOver1 {
	color:#FFFFFF !important;
	font-size: 12px;
	width:173px;
	height:55px;
	display: block;
	outline:none;
}
/**************************/
.HeaderOut {
	color:#FFFFFF !important;
	font-size: 12px;
	height:55px;
	display: block;
	outline:none;
}
/************************** x il primo pulsante, bordo stondato **/
.HeaderOut1 {
	color:#FFFFFF !important;
	font-size: 12px;
	height:55px;
	display: block;
	outline:none;
}
/**************************/

/*--------------------------------------- MAIN --------------*/

#Main {
	position: absolute;
	left:0px;
	top:150px;
	width:900px;
	height:450px;
	background-color: #FFFFFF;
	display:block;
	outline:none;
	z-index:2;
}

h1, h2, h3, h4 {
	color:#FFFFFF;
	font-family: Arial, Verdana, sans-serif;
	font-weight:normal;
	font-style:normal;
	margin: 0px;
	padding: 0px;
	outline:none;
}

h1 {
	width:auto;
	font-size: 44px;
	height:auto;
	outline:none;
}

h2 {
	font-size: 24px;
	height:auto;
	outline:none;
}

h3 {
	font-size: 16px;
	height:auto;
	outline:none;
}

h4 {
	font-size: 14px;
	height:auto;
	outline:none;
}

#titolo{
	border:0px solid;
	float:left;
	height:62px;
	display:inline;
	margin-right:30px;
}

#simboli_soluzioni{
	width:100px;
	height:62px;
	float:left;
	display:inline;
}

#green_background {
	position: absolute;
	left:205px;
	top:0px;
	width: 615px;
	height: 410px;
	background-image:url(../images/green_background.jpg);
	padding-top:25px;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:15px;
}

#white_background {
	position: absolute;
	left:205px;
	top:0px;
	width: 695px;
	height: 450px;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
}

#gmap {
	position: absolute;
	left:205px;
	top:0px;
	width: 695px;
	height: 450px;
	background-color:#FFFFFF;
}

/*--------------------------------------- MENU LEFT --------------*/

#menuleft{
	width:205px;
}

#left_contatti{
	width:180px;
	margin-left:20px;
	margin-right:5px;
}

#base_menu {
	position: absolute;
	left:0px;
	top:0px;
	width: 205px;	
	height: 450px;
	background-color: #8c8783;
}

.MenuOver {
	color:#FFFFFF !important;
	font-size: 16px;
	height:27px;
	display: block;
	outline:none;
}
.MenuOut {
	color:#FFFFFF !important;
	font-size: 16px;
	height:27px;
	display: block;
	outline:none;
}

.SubMenuOver {
	color:#FFFFFF !important;
	font-size: 10px;
	height:19px;
	display: block;
	outline:none;
}
.SubMenuOut {
	color:#FFFFFF !important;
	font-size: 10px;
	height:19px;
	display: block;
	outline:none;
}

#highlight{
	position:absolute;
	left: 0px;
	top: 450px;
	width: 900px;
	height: 150px;
	z-index: 100;
	outline:none;
}

#highlight_clienti{
	position:absolute;
	left: 0px;
	top: 300px;
	width: 900px;
	height: 150px;
	z-index: 100;
	outline:none;
}

#clienti{
	position:absolute;
	left: 0px;
	top: 0px;
	width: 900px;
	height: 385px;
	z-index:110;
	outline:none;
}

#footer{
	position:absolute;
	left: 0px;
	top: 600px;
	width: 900px;
	height: 20px;
	z-index: 100;
	outline:none;
}