@import url(../style/style_content.css);

html, body {
    background: url(../image/body_bg.gif) repeat-x 0px 80px #F4F4F4;
}
body {
    padding: 0px;
    margin: 0px;
    font: normal 12px "Trebuchet MS";
    color: #000;
    text-align: center;
}
.clear {
    clear: both;
}
FORM {
	padding: 0px;
	margin: 0px;
}
A:link,
A:visited {
    font-weight: bold;
	color: #666666;
	text-decoration: underline;
}
A:hover {
	color: #50B848;
}
#page {
	background: url(../image/page_bg.png)!important;
    background: none; /* IE 6.0 */
    position: relative;
    width: 968px;
    margin: auto;
    padding: 0px 16px 0px 16px;
	text-align: left;
}
#white_bg {
	background: white;
	width: 968px;
}
#principale {
	background: url(../image/principale_bg.gif) repeat-y;
    width: 968px;
    padding: 0px;
    margin: 0px 0px 0px -200px;
    float: right;
    text-align: left;
}
#spalla_sx {
    width: 200px;
    padding: 0px 0px 80px 0px;
    margin: 80px 0px 0px -200px;
    float: right;
    /*background: green;*/
    border-top: 0px solid #FFF;
}
	#spalla_sx H3.top {
	    padding: 2px 10px 2px 10px;
	    margin: 0px 0px 0px 0px;
		font-size: 13px;
		color: white;
	    background: #50B848;
	}
		#spalla_sx H3.top A {
			font-size: 13px;
			color: white;
			text-decoration: none;
		}
		#spalla_sx H3.top A:hover {
			text-decoration: underline;
		}
	#spalla_sx .spacer,
	#spalla_dx .spacer {
	    background: #E5E5E5;
		height: 1px;
		font-size: 0px;
		border-top: 3px solid white;
		border-bottom: 3px solid white;
	}
	#spalla_sx UL.nav,
	#spalla_dx UL.nav {
		width: 200px;
	    padding: 2px 0px 0px 0px;
	    margin: 0px 0px 0px 0px;
	    background: #EAEAEA;
	    float: left;
	    display: inline;
	}
		#spalla_sx UL.nav LI,
		#spalla_dx UL.nav LI {
			width: 200px;
			list-style: none;
			margin: 0px 0px 0px 0px;
			float: left;
			display: inline;
			border-bottom: 1px dotted #9C9C9C;
		}
			#spalla_sx UL.nav LI A,
			#spalla_dx UL.nav LI SPAN,
			#spalla_dx UL.nav LI A {
				background: url(../image/spalla_li_green.gif) no-repeat 5px 7px;
				padding: 2px 10px 2px 15px;
				font-size: 11px;
				font-weight: normal;
				line-height: 13px;
				color: #808080;
				text-decoration: none;
				text-align: left;
				display: block;
			}		
				#spalla_sx UL.nav LI A B,
				#spalla_dx UL.nav LI SPAN B,
				#spalla_dx UL.nav LI A B {
					/*color: #50b848;*/
					color: #000;
				}		
			#spalla_dx UL.nav LI A {
				background: url(../image/spalla_li_green.gif) no-repeat 5px 7px;
			}
				#spalla_sx UL.nav LI A:hover,
				#spalla_dx UL.nav LI A:hover {
					color: #FFFFFF;
					text-decoration: none;
					background-color: #808080;
				}
				#spalla_dx UL.nav LI A:hover {
					background-color: #808080;
				}
				#spalla_sx UL.nav LI A.active {
					color: #FFF;
					background-color: #808080;
				}
					#spalla_sx UL.nav LI A:hover B,
					#spalla_sx UL.nav LI A.active B,
					#spalla_dx UL.nav LI A:hover B,
					#spalla_dx UL.nav LI A.active B {
						color: #48e136;
					}

				
				
	#spalla_sx UL.nav UL,
	#spalla_dx UL.nav UL {
		width: 180px;
	    padding: 0px 0px 0px 0px;
	    margin: 0px 0px 5px 20px;
	    background: none;
	    float: left;
	    display: inline;
	}
		#spalla_sx UL.nav LI LI,
		#spalla_dx UL.nav LI LI {
			width: 180px;
			list-style: none;
			margin: 0px 0px 0px 0px;
			float: left;
			display: inline;
			border-bottom: 0px dotted #9C9C9C;
		}
			#spalla_sx UL.nav LI LI A,
			#spalla_dx UL.nav LI LI A {
				background: url(../image/spalla_li_grey.gif) no-repeat 5px 5px;
				padding: 1px 10px 1px 15px;
				font-size: 11px;
				line-height: 12px;
				color: #808080;
				font-weight: normal;
				text-decoration: underline;
				text-align: left;
				display: block;
			}		
				#spalla_sx UL.nav LI LI A:hover,
				#spalla_dx UL.nav LI LI A:hover {
					color: #50B848;
					text-decoration: underline;
					background-color: transparent;
				}
			#spalla_sx UL.nav LI LI A.on {
				color: #50B848;
				font-weight: bold;
				font-style: italic;
				text-decoration: none; 
			}		

	#spalla_sx #pattwall,
	#spalla_dx #pattwall {
		padding: 0px 0px 0px 0px;
	    margin: 10px 0px 0px 0px;
	}
	#spalla_sx DL#pattwall_html,
	#spalla_dx DL#pattwall_html {
		padding: 0px;
	    margin: 0px;
		display: none;
	}
#spalla_dx {
    position: absolute;
    width: 200px;
    padding: 0px;
    margin: 80px 0px 0px 0px;
    right: 16px;
    /*background: blue;*/
    border-top: 0px solid #FFF;
}
	#spalla_dx H3.top {
	    padding: 2px 10px 2px 10px;
	    margin: 0px 0px 0px 0px;
		font-size: 13px;
		color: white;
	    background: #50B848;
	}
		#spalla_dx H3.top A {
			font-size: 13px;
			color: white;
			text-decoration: none;
		}
		#spalla_dx H3.top A:hover {
			text-decoration: underline;
		}
	#spalla_dx #preventivo {
		width: 198px;
	    padding: 0px 0px 0px 0px;
	    margin: 10px 0px 10px 0px;
		border: 1px solid #CBCBCB;
		background: #FFF;
		float: left;
	}	
		#spalla_dx #preventivo H3 {
		    padding: 5px 10px 5px 10px;
		    margin: 0px 0px 0px 0px;
			font-size: 18px;
			line-height: 18px;
			color: #666666;
			border-bottom: 1px solid #CBCBCB;
		}
			#spalla_dx #preventivo H3 SPAN {
				color: #50B848;
				display: block;
			}
		#spalla_dx #preventivo A {
			background: url(../image/preventivo_bg.gif) no-repeat 170px 70px;
		    padding: 10px 10px 30px 10px;
		    margin: 0px 0px 0px 0px;
			font-size: 14px;
			color: #666666;
			font-weight: normal;
			text-decoration: none;
			display: block;
		}
		#spalla_dx #preventivo A:hover {
			background-color: #50B848;
			color: #FFFFFF;
			text-decoration: none;
		}	
	#spalla_dx #essenze {
		background: url(../image/spalla_ess_bg.gif) repeat-y;
	    padding: 0px 0px 0px 0px;
	    margin: 10px 0px 0px 0px;
	}
		#spalla_dx #essenze .top {
			background: url(../image/spalla_ess_top.gif) no-repeat;
			width: 200px;
			height: 10px;
			font-size: 0px;
		}
		#spalla_dx #essenze H3 {
		    padding: 0px 15px 5px 15px;
		    margin: 0px 0px 0px 0px;
			font-size: 14px;
			line-height: 18px;
			color: #666666;
		}
			#spalla_dx #essenze H3 SPAN {
				font-size: 16px;
				color: #50B848;
				display: block;
			}
		#spalla_dx #essenze .foto {
			margin: 0px 10px 5px 10px;
		}
		#spalla_dx #essenze UL {
			width: 65px;
		    padding: 0px 0px 0px 20px;
		    margin: 0px 0px 0px 10px;
			float: left;
		}
			#spalla_dx #essenze UL LI {
				list-style: circle;
			    padding: 0px 0px 0px 0px;
			    margin: 0px 0px 0px 0px;
				font-size: 10px;
			}
				#spalla_dx #essenze UL LI A:link,
				#spalla_dx #essenze UL LI A:visited {
					font-size: 10px;
					font-weight: normal;
					color: #666666;
					text-decoration: none;
				}
				#spalla_dx #essenze UL LI A:hover {
					text-decoration: underline;
				}
		#spalla_dx #essenze .bottom {
			background: url(../image/spalla_ess_bottom.gif) no-repeat;
			width: 200px;
			height: 10px;
			font-size: 0px;
		}

#head {
    position: absolute;
    left: 16px;
    top: 0px;
    z-index: 0;
    width: 968px;
    height: 80px;
    padding: 0px;
    margin: auto;
    overflow: visible;
    color: #FFFFFF;
    text-align: right;
    background: white;
	/*border-bottom: 10px solid #E5E5E5;*/
}
#credits {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 0;
    padding: 2px;
    margin: auto;
    overflow: visible;
    color: #666666;
    text-align: right;
}
	#credits A:link,
	#credits A:visited {
		font-size: 10px;
		line-height: 11px;
		font-weight: normal;
		color: #666666;
		text-decoration: none;
	}
	#credits A:hover {
		color: #666666;
		text-decoration: none;
		background: #E5E5E5;
	}
#head_menu {
	font-size: 12px;
	float: right;
}
	#head_menu UL {
		margin: 13px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style: none;
	}
		#head_menu UL LI {
			display: inline;
			margin: 0px;
			padding: 0px;
		}
			#head_menu UL LI A {
				background: url(../image/head_menu.gif) no-repeat left top;
				padding: 0px;
				margin: 0px;
				text-decoration: none;
				text-align: left;
				float: left;
			}
				#head_menu UL LI A SPAN {
					width: 112px;
					padding: 0px 0px 19px 13px;
					font-weight: normal;
					color: #50B848;
					cursor: hand;
					float: left;
					display: block;
				}
					#head_menu UL LI A SPAN B {
						font-size: 15px;
						line-height: 12px;
						color: #999999;
						display: block;
					}
				#head_menu UL LI A:hover {
					background-position: 0% -47px;
				}
					#head_menu UL LI A:hover SPAN,
					#head_menu UL LI A:hover SPAN B {
						color: #000000;
					}				

#logo {
	background: url(../image/logo.gif) no-repeat white;
	top: 20px;
	left: 16px;
	position: absolute;
	z-index: 3;
	width: 200px;
	height: 52px;
	overflow: visible;
}
	#logo A {
		position: relative;
		width: 200px;
		height: 52px;
		display: block;
	}
		#logo A SPAN {
			display: none;
		}
#footer {
    background: url(../image/footer_bg.gif) repeat-x top #808080;
    width: 968px;
    padding: 20px 0px 0px 0px;
    margin: 0px;
	font-size: 11px;
    float: left;
}
    #footer #copy {
        padding: 0px 0px 30px 20px;
        margin: 0px;
		color: white;
        float: left;
    }
    #footer UL {
        padding: 0px 20px 0px 0px;
        margin: 0px;
        float: right;
    }
        #footer UL LI {
            list-style: none;
            padding: 0px;
            margin: 0px;
            display: inline;
            float: left;
        }
			#footer UL LI A {
				padding: 0px;
				margin: 0px 20px 0px 0px;
				text-decoration: none;
				text-align: left;
				float: left;
	            border-left: 1px solid #CCCCCC;
			}
				#footer UL LI A SPAN {
					padding: 0px 0px 0px 5px;
					font-size: 11px;
					font-weight: normal;
					color: #CCCCCC;
					cursor: hand;
					float: left;
					display: block;
				}
					#footer UL LI A SPAN B {
						font-size: 13px;
						line-height: 12px;
						display: block;
					}
					#footer UL LI A:hover SPAN,
					#footer UL LI A:hover SPAN B {
						color: #FFFFFF;
					}
/* GOOGLE MAP INDICAZIONI */
	DIV.iter INPUT {
	    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, Swiss, Sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #1B2E65;
		border-top: 2px solid #BAC0D0;
		border-right: 2px solid #E8EAEF;
		border-bottom: 2px solid #E8EAEF;
		border-left: 2px solid #BAC0D0;
		background: #F3F4F7;
		margin-right: 10px;
	}
	DIV.iter INPUT.button {
		background: #1B2E65;
		padding: 0px 3px 0px 3px;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, Swiss, Sans-serif;
		font-size: 12px;
		color: #FFFFFF;
		font-weight: bold;
		border: 2px solid #FF9900;
	}
	
	
	
	#floatMenuSx {
		position: absolute;
		top: 80px;
		left: 16px;
		margin: 0px;
		width: 200px;
	}


	#floatMenuDx {
		position: absolute;
		top: 0px;
		right: 0px;
		margin: 0px;
		width: 200px;
	}