/* CSS Document */

body {
	background-color:#000000;
}

#bannerbox{
width:753px;
height:610px;
background-image:url(immagini/banner.png); background-repeat:no-repeat;
background-position:top center;
position:absolute;
top:0%;
left:50%;
margin:4px 0 0 -377px;
background-color:#000000;
}

div.boxmain{
width:753px;
height:510px;
position:absolute;
top:0%;
left:50%;
margin:116px 0 0 -375px;
background-color:#000000;
}

div.sopra{
	width:753px;
	height:255px;
	position:absolute;
	top:1px;
	left: -32px;
}

div.sotto{
	width:753px;
	height:255px;
	position:absolute;
	bottom:0%;
	left: -2px;
}
#contenuto{
width:465px;
height:260px;
background-color:#000000;
float:right;
top:0%;
}
#contenuto-scroll{
width:505px;
height:200px;
background-color:#000000;

float:right;
position:absolute;
top:287px;
left:251px;
}
#quadro{
width:500px;
height:505px;
border-width:3px; 
border-style:solid;
color:#989898;
}

#testo{
width:260px;
height:60px;
margin-left:150px;
margin-top:-20px;
}

div.box1{
background-image:url(immagini/quadro_01.jpg); background-repeat:no-repeat;
background-position:left;
width:251px;
height:255px;
background-color:#000000;
position:absolute;
top:0px;
left:29px;
}
div.box2{
background-image:url(immagini/quadro_02.jpg); background-repeat:no-repeat;
background-position:left;
width:251px;
height:255px;
background-color:#000000;
position:absolute;
top:0px;
left:281px;
}
div.box3{
background-image:url(immagini/quadro_03.jpg); background-repeat:no-repeat;
background-position:left;
width:251px;
height:255px;
background-color:#000000;
position:absolute;
top:0px;
left:533px;
z-index:1;
}
div.box4{
background-image:url(immagini/quadro_04.jpg); background-repeat:no-repeat;
width:251px;
height:255px;
background-color:#000000;
position:absolute;
top:2px;
left:-1px;
}
div.box5{
background-image:url(immagini/quadro_05.jpg); background-repeat:no-repeat;
background-position:left;
width:251px;
height:255px;
background-color:#000000;
position:absolute;
top:2px;
left:251px;
}
div.box6{
background-image:url(immagini/quadro_06.jpg); background-repeat:no-repeat;
background-position:left;
width:251px;
height:255px;
background-color:#000000;
position:absolute;
top:2px;
left:503px;
}

div.box7{
width:230px;
height:25px;
position:absolute;
top:100%;
left:50%;
margin:-62px 0 0 -341px;
background-color: #000000;
}
div.box8{
background-image: url(2.jpg); background-repeat:no-repeat;
/*background-position:left;*/
width:251px;
height:255px;
background-color:#000000;
position:absolute;
top:0px;
left:0px;

}

h1{
text-align:center;
position:relative;
top:40%;
font-family:"Century Gothic";
font-size:20px;
font-weight:800;
letter-spacing:0.3em;
color:#FFFFFF;
}

h2{
text-align:center;
position:relative;
top:2%;
font-family:"Century Gothic";
font-size:18px;
font-weight:700;
line-height:2.1em;
letter-spacing:0.3em;
color:#FFFFFF;
}

h3{
margin: 20px 0px 0px 20px;
text-align:justify;
color:#FFFFFF;
font-family: "Century Gothic";
font-size:14px;
font-weight:200;
}
#contenuto-scroll{
width:470px;
height:200px;
background-color:#000000;

float:right;
position:absolute;
top:287px;
left:295px;
}
h4{
top:180px;
color: #000000;
font-family: "Century Gothic";
font-size:14px;
font-weight: bold;
letter-spacing:0.3em;
position:relative;
text-align:center;
}
h4 a {
color:#000000;
}
h3 a{
position:relative;
font-family:"Century Gothic";
font-size:11px;
top:0px; left:10px; text-align:left; line-height:0.2em;
font-weight:700;
letter-spacing:0.2em;
color:#FFFFFF;
}

a {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover{
color: #000000;
}

a h2:hover{
color: #666666;
}

a h3:hover{
color: #666666;
}

h4 a:hover{
color: #666666;
}

h3 a:hover{
color:#666666;
}