/* HTML */

* { padding: 0; margin: 0; }

html {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

body {
font-family: arial, verdana, sans-serif;
font-size: 10pt;
line-height: 1.5em;
padding: 0 20px 20px;
background: black;
color: #333;
}

ul,li {
color: #999;
list-style: none;
padding: 0;
margin: 0;
}

img {
border: none;
}

/* CONTENT */

#wrapper {
margin: 10px auto;
background: black;
width: 800px;
}

#header {
color: #333;
width: 765px;
float: left;
padding: 0;
border-bottom: 1px solid #666;
height: 80px;
margin: 10px 0 30px 0;
background: black;
}

#leftcolumn {
float: left;
overflow: hidden;
color: #333;
border: 0;
background: black;
margin: 0;
padding: 0;
height: 450px;
width: 200px;
}

#rightcolumn {
float: left;
overflow: hidden;
color: #333;
border: 0;
background-image:url('../images/fondoProdotti.png');
background-repeat:no-repeat;
margin: 0;
padding: 0;
height: 450px;
width: 560px;
display: inline;
}

#home {
float: left;
color: #333;
border: 0;
background-image:url('../images/home.jpg');
background-repeat:no-repeat;
margin: 0;
padding: 0;
height: 430px;
width: 430px;
display: inline;
}

#about {
float: left;
color: #333;
border: 0;
background-image:url('../images/about.jpg');
background-repeat:no-repeat;
margin: 0;
padding: 0;
height: 430px;
width: 430px;
display: inline;
}

#contact {
font-size: 11pt;
float: left;
color: #333;
border: 0;
margin: 0;
padding: 0;
height: 430px;
width: 310px;
}

#contact a{
text-decoration: none;
color: #888;
}

#contact a:hover {
text-decoration: underline;
color: #FFF;
}

#contact .sinistra{
float:left;
font-size: 0.8em;
margin:0 !important;
padding:0 !important;
text-transform:uppercase !important;
}

#contact .destra{
float:right;
color: #888;
margin:0 !important;
padding:0 !important;
}

#footer {
clear: both;
color: #666;
border: 0;
background: black;
margin: 0;
padding: 0;
}

.nav-links {
position: absolute;
top: 30px;
left: 20px;
width: 200px;
list-style: none;
margin: 0;
padding: 0;
}

.nav-links li {
line-height: 1.6em;
font-size: 1.2em;
}

#content {
margin-left: 240px;
margin-top: 30px;
margin-right: 50px;
}

.twitthis {
position: absolute;
top: 250px;
left: 20px;
}

pre {
background: #e8e8e8;
border-left: 10px solid #777;
font-size: 0.85em;
padding: 1em;
color: black !important;
overflow-x: auto;
}

.important {
border: 1px solid #666;
background: #ddd;
padding: 0 1em;
color: #C30;
}

h3 {
font-size: 1.45em;
line-height: 1.05em;
border-bottom: 1px solid #333;
}

.galleryview {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

dt {
font-weight: normal;
}

dd {
margin-bottom: 0.5em;
}

.code_wrapper {
border: 1px solid #888;
background: black;
padding: 10px;
}

code, .code {
}

.options {
border: 1px solid #777;
border-right: none;
font-size: 0.8em;
font-family: Verdana, Geneva, sans-serif;
}

.options th {
text-align: left;
background: #777;
color: white;
font-weight: normal;
}

.options th, .options td {
padding: 4px 10px;
}

.options td {
border-right: 1px solid #777;
}

#parts-img {
border: 1px solid black;
}

img.nav {
border: 1px solid black;
margin-bottom: 5px;
}

a:link, a:visited {
color: #FFF;
font-weight: normal;
text-decoration: none;
}

a:hover {
color: #FFF;
}

.panel-overlay{
overflow: hidden;
text-transform:uppercase;
line-height: 1.9em;
}

.panel-overlay h2{
font-size: 10pt !important;
font-weight: bold !important;
line-height: 1.2em !important;
}

.panel-overlay p{
text-transform:uppercase !important;
font-size: 9pt;
font-weight: bold !important;
line-height: 1.4em;
}

.panel-overlay .sinistra{
overflow: hidden;
margin:0 !important;
padding:0 !important;
float:left;
width:50px;
top:0;
}

.panel-overlay .destra{
overflow: hidden;
text-transform:none !important;
margin:0 !important;
padding:0 !important;
float:right;
width:100px;
top:0;
}

/* MENU MAN */

div#bg {
position: relative;
top: 0;
left: 0;
z-index: 1;
}

ul#man {
position: relative;
font-size: 10pt;
font-weight: bold;
top: 0;
left: 0;
z-index: 2;
}

ul#man a,ul#woman a {
font-size: 8pt;
text-decoration: none;
color:#999;
}

ul#man a:hover,ul#woman a:hover {
color: #FFF;
}

ul#man li a,ul#woman li a {
padding-left: 15px;
display: inline;
text-transform:uppercase !important;
}

ul#man li ul li a,ul#woman li ul li a {
padding-left: 15px;
display: inline;

}

ul#man li ul li ul li a {
padding-left: 30px;
display: inline;
text-transform:none !important;
}


ul#man a.selected,ul#woman a.selected {
color: #FFF;
}
ext-decoration: none;
}

/* MENU WOMAN */

div#bg {
position: relative;
top: 0;
left: 0;
z-index: 1;
}

ul#woman {
position: relative;
font-size: 10pt;
font-weight: bold;
top: 20px;
left: 0;
z-index: 3;
}

/* MENU FOOTER */

#menuFooter {
float:left;
width:100%;
background:black;
line-height:normal;
}

#menuFooter ul {
margin:0;
padding:10px 0;
list-style:none;
}

#menuFooter li {
display:inline;
margin:0;
padding:0;
}

#menuFooter a {
float:left;
font-size: 10pt;
font-weight: bold;
background:url("../images/tableftF.gif") no-repeat left top;
margin:0;
padding:0 10px 0 4px;
text-decoration:none;
}

#menuFooter a span {
height:16px;
float:left;
display:block;
background:url("../images/tabrightF.gif") no-repeat right top;
padding:6px 28px 4px 13px;
color:#000;
}

#menuFooter .spento a span {
color:#bfbfbf;
text-decoration:line-through;
}

#menuFooter a:hover span {color:#FFFFFF;}
#menuFooter a:hover {background-position:0% -26px;}
#menuFooter a:hover span {background-position:100% -26px;}

/* LEGAL FOOTER */

#legal {
color:#CFCFCF;
font-size:8pt;
position: relative;
float:left;
top:10px;
width:100%;
height:50px;
background:black;
line-height:normal;
}