@import url(../css/page.css);
html, body {
    background: url(../image/body_bg.gif) repeat-x top #B8282E;
}
body {
    padding: 0px;
    margin: 0px;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, Swiss, Sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000;
    text-align: center;
}
FORM {
	padding: 0px;
	margin: 0px;
}
A:link,
A:visited {
    font-weight: bold;
	color: #000;
	text-decoration: underline;
	outline: none;
	/*position: relative;*/
}
A:hover {
	color: #B8282E;
}

#page {
	background: url(../image/page_bg.gif) no-repeat 449px 0px;
    position: relative;
    width: 960px;
    margin: auto;
    padding: 0px;
    text-align: left;
}
.clear {
    clear: both;
}
#principale {
    width: 960px;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    float: right;
}
#content {
	background: url(../image/content_bg.jpg) no-repeat left #FFF;
	width: 720px;
	height: 367px;
    margin: 189px 240px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    z-index: 1;
	float: left;
	display: inline;
}

#location {
	background: url(../image/location_bg.jpg) no-repeat;
	width: 720px;
	height: 90px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	float: left;
	display: inline;
}
	#location P {
	    padding: 20px 20px 0px 30px;
	    margin: 0px;
		font-size: 16px;
		line-height: 22px;
		color: #FFF;
	}
		#location P SPAN {
			font-size: 24px;
		}
		#location P EM {
			font-family: Arial;
			font-size: 30px;
			line-height: 26px;
			float: left;
			margin-right: 2px;
		}
	#location A.map_it {
		background: url(../image/location_map_it.gif) 0px 0px;
	    padding: 0px;
	    margin: -52px 30px 0px 14px;
		width: 135px;
		height: 56px;
		display: block;
		float: right;
	}
		#location A.map_it:hover {
			background-position: 0px 56px;
		}
		#location A.map_it SPAN {
			display: none;
		}

#spalla_dx {
	background: url(../image/spalla_dx_bg.jpg);
    width: 240px;
	height: 536px;
    padding: 0px;
    margin: 110px 0px 0px 0px;
    position: absolute;
    right: 0px;
}
	#spalla_dx .box {
	    padding: 0px;
	    margin: 84px 20px 0px 20px;
		font-size: 14px;
		line-height: 15px;
		color: #FFF;
	}
		#spalla_dx .box.email {
		    margin-top: 3px;
			text-align: center;
		}
	#spalla_dx A.email {
		background: url(../image/spalla_dx_email.gif) 0px 0px;
	    padding: 0px;
	    margin: 0px 0px 0px 14px;
		width: 213px;
		height: 56px;
		display: block;
	}
		#spalla_dx A.email:hover {
			background: url(../image/spalla_dx_email.gif) 0px 56px;
		}
		#spalla_dx A.email SPAN {
			display: none;
		}
		#spalla_dx .box.levels {
		    padding: 0px;
		    margin: 15px 0px 0px 10px;
			width: 219px;
			height: 252px;
		}
#head {
    position: absolute;
    left: 0px;
    top: 110px;
    z-index: 1;
    width: 960px;
    height: 66px;
    padding: 0px;
    margin: 0px;
    overflow: visible;
    text-align: left;
    color: #FFFFFF;
	/*background: cyan;*/
}
	#head UL {
		display: none;
	}
#logo {
    top: 10px;
    left: 0px;
    position: absolute;
    z-index: 3;
    width: 449px;
    height: 100px;
    overflow: visible;
}
    #logo A {
        background: url(../image/logo.gif) no-repeat;
        width: 449px;
        height: 100px;
        display: block;
    }
        #logo A SPAN {
            display: none;
        }
#who_civilta,
#italesse,
#surgiva {
    top: 20px;
    right: 10px;
    position: absolute;
    z-index: 3;
    width: 220px;
    height: 66px;
    overflow: visible;
}
#italesse {
    top: 30px;
    right: 240px;
    width: 140px;
    height: 56px;
}
#surgiva {
    top: 20px;
    right: 392px;
    width: 52px;
    height: 66px;
}
    #who_civilta A {
        background: url(../image/who_civilta.gif) no-repeat;
        width: 220px;
        height: 66px;
        display: block;
    }
    #italesse A {
        width: 140px;
        height: 56px;
        display: block;
        background: url(../image/italesse.gif) no-repeat;
    }	
    #surgiva A {
        width: 52px;
        height: 66px;
        display: block;
        background: url(../image/surgiva.gif) no-repeat;
    }	
        #who_civilta A SPAN,
        #italesse A SPAN,
        #surgiva A SPAN {
            display: none;
        }
#credits {
    top: 180px;
    left: 10px;
    position: absolute;
    z-index: 3;
    width: 100px;
    height: 20px;
    overflow: visible;
}
    #credits A,
    #lang A {
    	font-size: 10px;
		font-weight: normal;
		color: #FFF;
		text-decoration: none;
    }
    #credits A:hover,
    #lang A:hover {
		text-decoration: underline;
    }
#lang {
    top: 5px;
    right: 20px;
    position: absolute;
    z-index: 3;
    width: 100px;
    height: 20px;
    overflow: visible;
}
#footer {
	width: 960px;
    padding: 10px 0px 30px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
	color: #FFF;
	float: left;
}
    #footer .copy {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 20px;
		float: left;
		display: inline;
    }
	#footer UL {
		list-style: none;
		padding: 0px 0px 0px 0px;
		margin: 0px 10px 0px 0px;
		float: right;
		display: inline;
	}
		#footer UL LI {
			padding: 0px 10px 0px 10px;
			margin: 0px 0px 0px 0px;
			float: left;
			border-right: 1px solid #FFF;
		}
			#footer UL LI A {
				font-weight: normal;
				color: #FFF;
				text-decoration: none;
			}
				#footer UL LI A:hover {
					color: #FFF;
					text-decoration: underline;
				}