* { margin: 0px; padding: 0px }

td { vertical-align: top }
a { color: #800 }
img { border: 0px }
img.r { float: right; margin: 0px 0px 5px 20px }

body { background: #ffe0e0; margin: 0px; font-family: Verdana, Arial, sans-serif; font-size: 9pt }

#totale { background: #fff; margin: 0px auto; width: 770px }

#alto { background: #ffa0a0 url(alto.png) no-repeat 80px 12px; }
#alto h1 { color: #fff; font-size: 16pt; font-weight: normal; padding: 12px 20px 12px 180px }
#alto h1 span { font-size: 9pt; font-weight: bold }
#alto p { float: right; margin: 10px 20px 0px 0px }
#alto ul { background: #ff8080; margin: 0px 0px 0px 160px; padding: 4px 10px 5px; font-size: 8pt; list-style: none }
#alto ul li { display: inline; padding: 4px 0px 5px }
#alto ul li a { color: #fff; font-weight: bold; text-decoration: none; padding: 0px 10px }

#lato { width: 160px; background: #fff0f0; padding: 10px 0px }
#lato h4 { color: #e00000; padding: 4px 12px 2px; font-size: 8pt; line-height: 1.2em }
#lato p { font-size: 8pt; line-height: 1.5em; margin: 2px 12px }
#lato ul { font-size: 8pt; line-height: 1.2em; list-style: none; }
#lato ul li { padding: 0px; line-height: 1.5em }
#lato ul li a { display: block; padding: 0px 12px 1px; color: #333; text-decoration: none }
#lato ul li a:hover { color: #800; text-decoration: none; background: #ffd0d0 }
#lato ul li a.new { background: url(new.png) no-repeat top right; padding: 0px 20px 0px 0px }

#cont { width: 610px; padding: 0px 0px 10px }
#cont h1 { font-size: 14pt; font-weight: normal; color: #a00; margin: 5px 20px 20px; line-height: 1.5em }
#cont h2 { font-size: 9pt; color: #a00; margin: 8px 20px 2px; line-height: 1.5em }
#cont p { margin: 2px 20px; line-height: 1.5em }
#cont p.top { margin: 12px 20px 0px; font-size: 8pt; color: #aaa; line-height: 1.5em }
#cont p.top a { color: #444; text-decoration: none }
#cont p.nt { margin: 2px 20px; font-size: 8pt; line-height: 1.5em }

#prod { width: 610px; margin: 10px 0px 0px }
#prod td { width: 305px; padding: 0px 0px 8px }
#prod h2 { margin: 0px 20px 2px }
#prod ul { font-size: 8pt; line-height: 1.5em; margin: 0px 0px 0px 25px }
#prod ul li { color: #ccc }
#prod ul li.bio { color: #0a0 }
#prod a { color: #222; text-decoration: none }
#prod a.new { background: url(new.png) no-repeat top right; padding: 0px 20px 0px 0px }
#prod div.prods { float: right; width: 150px; height: 150px; background: url(hp1.jpg) no-repeat; margin: 0px 5px 0px 10px }
#prod div.hp2 { background-image: url(hp2.jpg) }
#prod div.hp3 { background-image: url(hp3.jpg) }
#prod div.hp4 { background-image: url(hp4.jpg) }
#prod div.hp5 { background-image: url(hp5.jpg) }
#prod div.hp6 { background-image: url(hp6.jpg) }
#prod div.hp7 { background-image: url(hp7.jpg) }
#prod div.hp8 { background-image: url(hp8.jpg) }

#basso { padding: 20px 0px 15px }
#basso p { font-size: 7pt; color: #444; margin: 0px 20px; line-height: 1.5em }

#bassolato { background: #fff0f0 }

#tabs { list-style: none; font-size: 8pt; margin: 10px 20px; padding: 4px 0px; border-bottom: 2px solid #ff8080 }
#tabs li { display: inline; margin: 0px 2px 0px 0px; padding: 4px 8px; background: #fff0f0 }
#tabs li a { text-decoration: none }
#tabs li.on { background: #ff8080; }
#tabs li.on a { color: #fff; font-weight: bold; text-decoration: none }
#cont div.ton { display: block }
#cont div.toff { display: none }
#cont table.colori { clear: both; margin: 0px 0px 0px 20px; padding: 0px; width: 570px }
#cont table.colori td { border-bottom: 1px solid #eee }
#cont table.colori p { margin: 5px 0px; text-align: center }