body {
background-color:#000000;
font-family:Arial;
font-size:12px;
color:#333333;
margin-left:0px;
margin-right:0px;
}

h1 {
margin: 0;
padding: 0;
font-size: 18px;
}

ul {
margin: 0;
padding: 0;
list-style: none;
}
ul li {
	position: relative;
}
li ul {
	position: absolute;
	left: 152px;
	top: 0;
	display: none;
	}
ul li a {
	display: block;
	text-decoration: none;
	border-bottom: 0;
	background-color: #FFFFFF;
	}
li:hover ul, li.over ul { 
	display: block; }
* html ul li { float: left; }
* html ul li a { height: 1%; }
li:hover ul { display: block; }



#box-home {
width: 100%;
height:580px;
top:50%;
margin-top:  -300px;
position:absolute;
background-color:#FFFFFF;
}

#box {
width: 100%;
height:580px;
top:50%;
margin-top:  -300px;
position:absolute;
background-color:#FFFFFF;
background-image: url(images/fondo.gif);
background-position: right top;
background-repeat: no-repeat;
}

#boxcatalogo {
width: 100%;
height:580px;
top:50%;
margin-top:  -300px;
position:absolute;
background-color:#FFFFFF;
background-image: url(images/fondo.gif);
background-position: right top;
background-repeat: no-repeat;
}

#header {
width: 100%;
height:15px;
line-height: 15px;
background-color:#000000;
color: #999999;
text-align: center;
font-size: 10px;
display: block;
}

#top {
width: 100%;
height:15px;
line-height: 15px;
background-color:#333333;
color: #999999;
display: block;
}
#top marquee{
height:15px;
line-height: 15px;
background-color:#333333;
color: #999999;
}
#top a{
color: #999999;
text-decoration: none;
}
#top a:hover{
color: #999999;
text-decoration: underline;
}

#immagine {
float: left;
display: inline-block;
width: 50%;
height:535px;
background-image: url(images/panerai-h.jpg);
background-repeat: no-repeat;
background-position: left;
}

#home {
float: right;
display: inline-block;
height:535px;
width:45%;
background-image: url(images/ferretti.gif);
background-repeat: no-repeat;
background-position: top left;
text-align: left;
}
#content-home {
width:332px;
text-align: center;
margin-top: 220px;
}
#content-home a{
color: #000000;
text-decoration: none;
}
#content-home a:hover{
color: #000000;
text-decoration: underline;
}

#menu {
float: left;
display: inline-block;
width: 162px;
height:535px;
text-align: center;
}
#menu1 {
width: 162px;
text-align: left;
}
#menu1 a{
text-decoration: none;
width: 137px;
height:20px;
line-height: 20px;
display: block;
margin-left: 8px;
margin-right: 8px;
padding-left: 9px;
text-align: left;
border-bottom: 1px solid #333333; 
color: #333333;
font-size: 10px;
}
#menu1 a:hover{
text-decoration: none;
width: 137px;
height:20px;
line-height: 20px;
display: block;
margin-left: 8px;
margin-right: 8px;
padding-left: 9px;
text-align: left;
border-bottom: 1px solid #333333; 
color: #333333;
font-weight: bold;
font-size: 10px;
background-image: url(images/freccia.gif);
background-repeat: no-repeat;
background-position: left;
}
#menu2 {
width: 162px;
text-align: left;
}
#menu2 a{
text-decoration: none;
width: 137px;
height:15px;
line-height: 15px;
display: block;
margin-left: 8px;
margin-right: 8px;
padding-left: 9px;
text-align: left;
border-bottom: 1px solid #333333; 
color: #333333;
font-size: 10px;
}
#menu2 a:hover{
text-decoration: none;
width: 137px;
height:15px;
line-height: 15px;
display: block;
margin-left: 8px;
margin-right: 8px;
padding-left: 9px;
text-align: left;
border-bottom: 1px solid #333333; 
color: #333333;
font-weight: bold;
font-size: 10px;
background-image: url(images/freccia.gif);
background-repeat: no-repeat;
background-position: left;
}

#contenuto {
float: left;
display: inline-block;
width: 80%;
height:525px;
padding: 10px;
line-height: 22px;
letter-spacing: 1px;
text-align: justify;
}
#contenuto a{
letter-spacing: 1px;
color: #333333;
text-decoration: none;
font-weight: bold;
}
#contenuto a:hover{
letter-spacing: 1px;
color: #333333;
text-decoration: underline;
font-weight: bold;
}

#box-catalogo {
float: left;
display: inline-block;
width: 111px;
height:125px;
padding-top: 5px;
margin: 4px;
text-align: center;
border: 1px solid #666666;
font-size: 10px;
font-weight: bold;
letter-spacing: 0px;
background-color: #FFFFFF;
}

#box-catalogo-prodotti {
float: left;
display: inline-block;
width: 308px;
height:134px;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
margin: 4px;
text-align: left;
border: 1px solid #666666;
font-size: 10px;
font-weight: normal;
letter-spacing: 0px;
line-height: 16px;
background-color: #FFFFFF;
}

#box-catalogo-prodotti-dett {
float: left;
display: inline-block;
width: 591px;
height:420px;
padding: 5px;
margin: 4px;
text-align: left;
border: 1px solid #666666;
font-size: 10px;
font-weight: normal;
letter-spacing: 0px;
background-color: #FFFFFF;
}

#product {
float: left;
width: 105px;
}
#product1 {
float: right;
width: 315px;
text-align: right;
}

a.button {
background-image: url(images/button.gif);
background-repeat: no-repeat;
width: 127px;
height: 32px;
line-height: 32px;
display: block;
text-align: center;
color: #000000;
text-decoration: none;
margin-top: 5px;
display: inline-block;
font-weight: bold;
}
a.button:hover {
background-image: url(images/button.gif);
background-repeat: no-repeat;
width: 127px;
height: 32px;
line-height: 32px;
display: block;
text-align: center;
color: #000000;
text-decoration: underline;
margin-top: 5px;
display: inline-block;
font-weight: bold;
}

#paginazione {
clear: both;
height:15px;
margin: 10px;
text-align: left;
border: 1px solid #666666;
font-size: 12px;
letter-spacing: 0px;
border: 0px;
}

#menubasso {
clear: both;
width: 100%;
height:15px;
line-height: 15px;
background-color:#FFFFFF;
color: #000000;
display: block;
font-size: 10px;
text-align: left;
border-top: 1px solid #000000;
}
#menubasso a{
color: #000000;
font-size: 10px;
text-decoration: none;
}
#menubasso a:hover{
color: #000000;
font-size: 10px;
text-decoration: underline;
}

#footer {
clear: both;
width: 100%;
height:15px;
line-height: 15px;
background-color:#000000;
color: #FFFFFF;
display: block;
font-size: 10px;
text-align: center;
}