body { 	font-size: 8pt;
		line-height: 120%;
		font-family: Verdana, Arial, Helvetica;
		text-align: justify;
		float: left;
		background-image: url(img/home-background.gif); background-repeat: repeat-x; 
		background-color: #6b6b6b;
		margin:0; 	padding:0; 	height:100%;	width: 100%;
}		
/* IE5.5, 6 only */
* body { 	scrollbar-3dlight-color: #D4D4D4;
			scrollbar-arrow-color: #FFFFFF;
			scrollbar-darkshadow-color: #D2D2D2;
			scrollbar-face-color: #D2D2D2;
			scrollbar-highlight-color: Gray;
			scrollbar-shadow-color: Gray;
			scrollbar-track-color: #C0C0C0 }
/* IE7 only */
*+ body { 	scrollbar-3dlight-color: #D4D4D4;
			scrollbar-arrow-color: #FFFFFF;
			scrollbar-darkshadow-color: #D2D2D2;
			scrollbar-face-color: #D2D2D2;
			scrollbar-highlight-color: Gray;
			scrollbar-shadow-color: Gray;
			scrollbar-track-color: #C0C0C0 }

#head   { height: 70px; }
#logo_pguerra {
    top: 13px;	
    float: left;
    cursor: pointer;
}
#menu {
    position: absolute;
    top: 0px;
    left: 210px;
    width: 600px;
    height: 70px;
}
#top_menu	
{
    position: absolute;
    width: 600px;
    top: 16px;
}
#bottom_menu
{
    position: absolute;
    width: 600px;
    top: 34px;
}

#loghi 			
{
    margin-top: 13px;
    float: right;
    width: 130px;
    color: #888;
    margin-right: 20px;
    font-size: 7pt; 
    text-align: right;
}
img.loghi
{
    margin: 0px;
}

.menu_sel	{	float: left;	background: #8b0000;	border-bottom: solid 1px #8b0000;	padding-left: 8px;	padding-right: 8px;	padding-top: 2px;	padding-bottom: 2px;}
.menu_std	{	float: left;	border-bottom: solid 1px #8b0000;	padding-left: 8px;	padding-right: 8px;	padding-top: 2px;	padding-bottom: 2px;}
a.menu:link, a.menu:visited, a.menu:hover	{	color: #c0c0c0;	text-decoration: none;}
a.menu:hover{	color: white; }

a:link, a:visited, a:hover {color: silver}
#container {	margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */
		width: 700px;
		margin-top: 30px;
		overflow: auto;
}
.titolo {
	background: #8b0000;
	height: 16px;
	font-weight: bold;
	padding-left: 10px;
	width: 660px;
	color: #e3e3e3;
	margin-bottom: 10px;
}

div.text{
	color: silver;
	margin-bottom: 10px;
	margin-right: 10px;
	text-align: justify;
}
.gold {
	color: #ffd700;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 5px;
	margin-top: 10px;
}
.l_gold {
	color: #ffd700;
	margin: 0px;
	margin-bottom: 5px;
	margin-top: 10px;
}

.gold_center {
	color: #ffd700;
	font-weight: bold;
	text-align: center;
}

.gold_text {color: #ffd700;}
.silver_text {color: silver;}
.bright_text {color: #e3e3e3;}
/*-------------------------------------
 stili usati nel configuratore
-------------------------------------*/
.cfg_title {background: #8b0000; color: #e3e3e3; text-align:left; padding-left: 10px; padding-top: 3px; height: 18px; font-weight: bold;}
input { font-size: 8pt; font-family: Verdana, Arial, Helvetica; text-align: justify; border: #696969 }
/*-------------------------------------*/
.titles		{	float: left;	width: 135px;	height: 15px;	text-align: left;	color: #d0d0d0;	margin-right:6px;	padding-left: 5px;}
.boxes		{	float: left;	width: 450px;	height: 110px;	text-align: left;	color: #d0d0d0;	padding-top: 5px;	margin-bottom: 10px;	border: solid 1px #d0d0d0;	cursor: pointer;}
#blu_title 	{ 	background: #00008b; }
#blu_box	{	padding-left: 10px;	background: #00008b;	background: url(img/strip_wks.jpg) right top no-repeat;}
#green_title{	background: #006400; }
#green_box	{	padding-left: 180px;	width: 280px;	background: #006400;	background: url(img/strip_ht.jpg) right top no-repeat;}
#red_title	{ 	background: #8b0000; }
#red_box	{	padding-left: 10px;	background: #8b0000;	background: url(img/strip_ve.jpg) right top no-repeat;}
#yel_title	{ 	background: #b8860b; }
#yel_box	{	padding-left: 200px;	width: 260px;	background: #b8860b;	background: url(img/strip_ds.jpg) right top no-repeat;}
#viol_title	{ 	background: #811ea4; }
#viol_box	{	padding-left: 10px;	background: #811ea4;	background: url(img/strip_em.jpg) right top no-repeat;}
#sections	{	float: left;	width: 610px;	margin-right: 10px;}
/*-------------------------------------*/
#home_content	
{   position: absolute;	top: 100px; 
    margin-left: 50%;
    width: 880px;	
    height: 700px;	
    left: -440px;
    height: 100%;
  }
#news_title	{	background: #8b0000;	font-weight: bold;	color: #e3e3e3;	font-size: 12px;	font-weight: bold;	height: 18px;	line-height: 1.6em;	padding:  0px 5px 5px 5px;	margin-bottom: 10px;	margin-left: -5px;	margin-right: -5px;}
#news		{	background: #444;	float: left;	width: 240px;	height: 100%;	padding: 0px 5px 5px 5px;	border-left: solid 1px #c0c0c0;}
.news_title	{	background: #8b0000;	color: #e3e3e3;	height: 16px;	width: 235px;	line-height: 1.4em;	padding-left: 5px;}
.news_text	{	text-align: justify;	margin-top: 5px;	color:#DDD;	padding-left: 5px;	padding-right: 10px;	padding-bottom: 10px;	border-bottom: solid 1px #bbb;	margin-bottom: 10px;}
p.model		{	margin-top: 0px; padding: 0px; margin-top: 3px;}
/*-------------------------------------*/
table.collapse_w {border-width: 1px; border-spacing: 0px;	border-style: solid;	border-color: gray;	border-collapse: collapse;	background-color: #303030;}
table.collapse_w th { padding: 2px; background-color: #2E2E2E; background-image: url(img/icon_expand_w.gif); border: solid 1px gray; cursor: pointer; }
table.collapse_w td {border-width: 1px;	padding: 8px; border-style: solid;	border-color: gray;	background-color: #303030; color: silver;}
table.collapse_exp_w {border-width: 1px; border-spacing: 0px;	border-style: solid;	border-color: gray;	border-collapse: collapse;	background-color: #303030;}
table.collapse_exp_w th { padding: 2px; background-color: #2E2E2E; background-image:url(img/icon_collapse_w.gif); border: solid 1px gray; cursor: pointer; }
table.collapse_exp_w td {border-width: 1px;	padding: 8px;	border-style: solid;	border-color: gray;	background-color: #303030; color: silver;}
/*-------------------------------------*/
td {text-align: left;}
/*-------------------------------------*/
.prod_title {
	background: #8b0000;
	color: #e3e3e3;
	font-weight: bold;
	height: 18px;
	padding-left:10px;
	padding-top:3px;
	text-align:left;	
	width: 100%;
	margin-bottom: 10px;
}
.prod_left_col {
	width: 250px;
	border: none;
	height: 100%;
	float: left;
}

.prod_content {
	width:  100%;
	border: none;
	height: 100px;
}
.prod_right_col 
{
	margin-left: 10px;
	border: none;
	height: 100%;
	float: left;
	width: 620px;
	text-align: justify;
	color: Silver;
}
.prod_sec_title
{
	background: #8b0000;
	color:#e3e3e3;
	font-weight: bold;
	height: 16px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	text-align:left;	
	width: 608px;
	border: solid 1px #808080;
}

.prod_sec_text {
	background: #303030;
	color: silver;
	text-align: justify;
	padding-top: 10px;
	text-align:left;	
	width: 608px;
	border-left: solid 1px #808080;
	border-right: solid 1px #808080;
	border-bottom: solid 1px #808080;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px; 
}

ul
{
line-height: 1.2em;
list-style-type: square;
padding-left: 10px;
margin: 0px;
}

/*  CSS shadowed div
html>body .out1 { background: url(img/shadow_tr.png) right top no-repeat;}
html>body .out2 { background: url(img/shadow_bl.png) left bottom no-repeat; padding-top: 15px; padding-left: 15px;}
html>body .sbox { background: url(img/shadow.png) bottom right;}
html>body .ibox { top: -15px; left: -15px; position: relative;}
.textbox 	{	position: absolute; left: 500px;	top: 500px;}
.textbox .ibox {	background: #e8e8e8;	width: 330px;	height: 210px;	overflow: auto;}
<div class="textbox out1">
<div class="out2"><div class="sbox"><div class="ibox" >
Text
</div></div></div></div>
 */
