html {height:100%;}
body {margin:0; padding:0; background: url(../images/body.gif); height:100%; }
table { width:100%; }
table, td {border-collapse:collapse; }
table, td, img {border:0; padding:0px; margin:0px}
form, td{margin:0; padding:0;}
td, select, input { font-family:arial; font-size:13px; color:#bab9b9; vertical-align:top;  text-align:left; line-height:16px}
.table{ height:100%; }
img{ vertical-align:top}

body, table, tr, th, td {
	font-size: 12px;
	font-family:  "Trebuchet MS", Arial, Sans-Serif; 
	color: #999;
	line-height: 18px;
}
.prodotti h3 { padding: 0; margin: 0; }
.links-prodotti a { text-decoration: none; }
.links-prodotti a:hover { text-decoration: underline; }
.error { display: block; color: #ff0000; font-weight: bold; }

/*in_line_style*/
h2, p {margin:4px; padding:0;} 
div {margin:0px; padding:0;}

h1 { font-size: 16px; line-height: 24px; }
h2 { color: #F89300; font-size: 18px; line-height: 24px; }

.img-prodotto { border: 6px solid #F89300; margin:8px; padding:1px; background-color: #FFFFFF; }
.img-prodotto-dett { border: 4px solid #F89300; margin:8px; padding:2px; background-color: #FFFFFF; }


.list ul { margin:0; padding:0; list-style:none;}
.list ul li a { color:#d57800; text-decoration:underline; line-height:19px; font-weight:bold}
.list ul li a:hover{ text-decoration:none}

.list1 ul { margin:0; padding:0; list-style:none;}
.list1 ul li a { color:#d57800; text-decoration:underline; line-height:18px; font-weight:bold}
.list1 ul li a:hover{ text-decoration:none}

.main_table{ width:100%;}
.site_center{text-align:center; width:100%;}
.site_center1{margin:0 auto; text-align:left; width:766px; height:832px }

.title, .title_top, .title_bot{ display:block}

strong a{ color:#d57800; text-decoration:underline}
strong a:hover{ text-decoration:none}

span{ color:#ffffff; font-size:12px}

.right{ text-align:right}

.separate{ background:url(../images/separate.gif) repeat-x; width:auto; height:12px}

/*header*/
#header{ height:341px}
#header .logo{ height:94px} 
#header .logo .col1{ width:658px}
#header .logo .col1 img{ margin:26px 0 0 30px}
#header .logo .col2{ width:1px}
#header .logo .col3{ width:106px}
#header .logo .col3 div{ margin:37px 0 0 11px}
#header .menu{ height:247px} 
#header .menu .slogan{ width:547px; background:url(../images/slogan_bg.jpg) no-repeat; padding-top:62px}
#header .menu .slogan img{ margin-left:65px; display:block}
#header .menu .rolover{ width:219px; background:url(../images/rolover_bg.gif) repeat; padding-top:35px}
#header .menu .rolover img{ display:block; margin-left:35px}

/*footer*/
#footer{ height:53px; color:#ffffff; padding-left:10px; vertical-align:middle}
a{ color:#ec8000; text-decoration:underline}
#footer a:hover{ text-decoration:none}

/*content*/
#content{ height:398px}

/*index.html*/
#page1 #content .column1{ width:246px}
#page1 #content .column1 .row1{ height:208px; background:url(../images/block1_rep.gif)}
#page1 #content .column1 .row1 .bg{ background:url(../images/block1_x.gif) repeat-x}
#page1 #content .column1 .row1 .bg .bg1{ background:url(../images/brackets.gif) no-repeat 19px 71px}
#page1 #content .column1 .row1 .bg .bg1 .indent{ padding:23px 10px 10px 13px}
#page1 #content .column1 .row1 .bg .bg1 .indent .title{ margin-bottom:17px}
#page1 #content .column1 .row1 .bg .bg1 .indent span { display:block; margin-bottom:13px; font-size:12px}
#page1 #content .column1 .row2{ background:url(../images/block2_rep.gif) repeat}
#page1 #content .column1 .row2 .bg{ background:url(../images/block2_x.gif) repeat-x}
#page1 #content .column1 .row2 .bg .indent{padding:21px 32px 20px 33px}
#page1 #content .column1 .row2 .bg .indent .title{ margin-bottom:15px}
#page1 #content .column1 .row2 .bg .indent .right{ margin-top:17px}

#page1 #content .column2{ width:520px; background:url(../images/block3_rep.gif)} 
#page1 #content .column2 .bg{ background:url(../images/block3_x.gif) repeat-x}
#page1 #content .column2 .indent{ padding:20px 14px}
#page1 #content .column2 .indent .title{ margin-bottom:15px}
#page1 #content .column2 .indent .pointer{ margin-right:6px; vertical-align:middle}
#page1 #content .column2 .indent p{ margin-top:10px}
#page1 #content .column2 .indent .separate{ margin:20px 0 6px 0}

#page1 #content .column3{ width:220px; background:url(../images/block4_rep.gif)}
#page1 #content .column3 .bg{ background:url(../images/block4_x.gif) repeat-x}
#page1 #content .column3 .indent{ padding:43px 27px 20px 35px}
#page1 #content .column3 .indent .title{ margin-bottom:16px}
#page1 #content .column3 .indent .img{ margin:34px 17px 0 0 }
#page1 #content .column3 .indent p{ margin-bottom:8px}
#page1 #content .column3 .indent .right{ margin-top:12px}

/*index-1.html*/
#page2 #content .column1{ width:546px}
#page2 #content .column1 .row1{ height:208px; background:url(../images/block1_rep.gif)}
#page2 #content .column1 .row1 .bg{ background:url(../images/block1_x.gif) repeat-x}
#page2 #content .column1 .row1 .indent{ padding:43px 33px 10px 33px}
#page2 #content .column1 .row1 .indent .title{ margin-bottom:20px}
#page2 #content .column1 .row1 .indent .img{ float:left; margin:4px 33px 0 0}
#page2 #content .column1 .row1 .indent .right{ margin-top:20px}

#page2 #content .column1 .row2{ background:url(../images/block2_rep.gif) repeat}
#page2 #content .column1 .row2 .bg{ background:url(../images/block2_x.gif) repeat-x}
#page2 #content .column1 .row2 .indent{ padding:21px 32px 20px 33px}
#page2 #content .column1 .row2 .indent .title{ margin-bottom:16px}
#page2 #content .column1 .row2 .indent .img{ margin:3px 32px 0 0; float:left}
#page2 #content .column1 .row2 .indent .right{ margin-top:15px}


#page2 #content .column2{ width:220px; background:url(../images/block3_rep.gif)} 
#page2 #content .column2 .bg{ background:url(../images/block3_x.gif) repeat-x}
#page2 #content .column2 .indent{ padding:43px 25px 20px 35px}
#page2 #content .column2 .indent .title{ margin-bottom:21px}
#page2 #content .column2 .indent .img{ display:block; margin-bottom:20px}
#page2 #content .column2 .indent ul{ margin:19px 0 16px 0}





/*index-2.html*/
#page3 #content .column1{ width:546px;  background:url(../images/block2_rep.gif) repeat}
#page3 #content .column1 .bg{ background:url(../images/block1_x_p3.gif) repeat-x}
#page3 #content .column1 .indent{ padding:43px 20px 5px 33px}
#page3 #content .column1 .indent .title{ margin-bottom:14px}
#page3 #content .column1 .indent p{ margin-bottom:27px}
#page3 #content .column1 .indent .img{ margin:0 32px 27px 0; float:left}

#page3 #content .column2{ width:220px; background:url(../images/block3_rep.gif)} 
#page3 #content .column2 .bg{ background:url(../images/block3_x.gif) repeat-x}
#page3 #content .column2 .indent{ padding:45px 26px 20px 35px}
#page3 #content .column2 .indent .title{ margin-bottom:16px}
#page3 #content .column2 .indent ul{ padding:26px 0 17px 0}
#page3 #content .column2 .indent ul li{ line-height:17px}



/*index-3.html*/
#page4 #content .column1{ width:266px; background: url(../images/block1_rep_p4.gif)}
#page4 #content .column1 .bg{ background:url(../images/block1_x_p4.gif) repeat-x}
#page4 #content .column1 .bg .indent{ padding:44px 27px 5px 33px}
#page4 #content .column1 .bg .indent .title{ margin-bottom:15px}
#page4 #content .column1 .bg .indent p{ margin-bottom:21px}
#page4 #content .column1 .bg .indent .img{ float:left; margin:3px 30px 18px 0}
#page4 #content .column2{ width:500px}
#page4 #content .column2 .row1{ background:url(../images/block2_rep_p4.gif)}
#page4 #content .column2 .row1 .bg{ background:url(../images/block2_x_p4.gif) repeat-x }
#page4 #content .column2 .row1 .indent{ padding:43px 30px 10px 34px}
#page4 #content .column2 .row1 .indent .title{ margin-bottom:25px}
#page4 #content .column2 .row1 .indent .img{ float:left; margin-right:33px}
#page4 #content .column2 .row1 .indent strong a{ display:block; padding-top:6px}

#page4 #content .column2 .row2{ background:url(../images/block3_rep_p4.gif)}
#page4 #content .column2 .row2 .bg{ background:url(../images/block3_x_p4.gif) repeat-x}  
#page4 #content .column2 .row2 .indent{ padding:22px 25px 20px 34px}
#page4 #content .column2 .row2 .indent .title{ margin-bottom:16px}
#page4 #content .column2 .row2 .indent .img{ float:left; margin:4px 35px 0 0}
#page4 #content .column2 .row2 .indent .right{ margin-top:12px}

/*index-4.html*/
#page5 #content .column1{ width:368px; background: url(../images/block1_rep_p4.gif)}
#page5 #content .column1 .bg{ background:url(../images/block1_x_p4.gif) repeat-x}
#page5 #content .column1 .indent{ padding:43px 28px 0 33px}
#page5 #content .column1 .indent .title{ margin-bottom:14px}
#page5 #content .column1 .indent p{ margin-bottom:23px}
#page5 #content .column1 .indent .img{ float:left; margin:1px 33px 26px 0}
#page5 #content .column1 .indent ul{ margin-bottom:13px}

#page5 #content .column2{ width:398px}
#page5 #content .column2 .row1{ height:195px; background:url(../images/block2_rep_p4.gif)}
#page5 #content .column2 .row1 .bg{ background:url(../images/block2_x_p4.gif) repeat-x }
#page5 #content .column2 .row1 .indent{ padding:43px 25px 10px 33px}
#page5 #content .column2 .row1 .indent .title{ margin-bottom:21px}
#page5 #content .column2 .row1 .indent .img{ margin:0 34px 0 0; float:left}
#page5 #content .column2 .row1 .indent p{ display:block; padding-top:5px; margin-bottom:15px}

#page5 #content .column2 .row2{ background:url(../images/block3_rep_p4.gif)}
#page5 #content .column2 .row2 .bg{ background:url(../images/block3_x_p4.gif) repeat-x}
#page5 #content .column2 .row2 .indent{ padding:22px 25px 20px 33px}  
#page5 #content .column2 .row2 .indent .title{ margin-bottom:18px}
#page5 #content .column2 .row2 .indent p{ padding:14px 0 15px 0}

/*index-5.html*/
#page6 #content .column1{ width:266px; background:url(../images/block4_rep.gif)}
#page6 #content .column1 .bg{ background:url(../images/block4_x.gif) repeat-x}
#page6 #content .column1 .indent{ padding:43px 30px 20px 33px}
#page6 #content .column1 .indent .title{ margin-bottom:20px}
#page6 #content .column1 .indent .img{ display:block; margin-bottom:19px}
#page6 #content .column1 .indent strong{ color:#d57800}
#page6 #content .column1 .indent p{ margin-top:16px}

#page6 #content .column2{ width:500px; background:url(../images/block3_rep.gif)} 
#page6 #content .column2 .bg{ background:url(../images/block3_x.gif) repeat-x}
#page6 #content .column2 .indent{ padding:43px 10px 10px 34px}
#page6 #content .column2 .indent .title{ margin-bottom:22px}
#page6 #content .column2 .indent .box{ width:193px; height:286px}
#page6 #content .column2 .indent .box input{ width:191px; height:25px; border:#d57800 1px solid; background: none; color:#bab9b9}
#page6 #content .column2 .indent .box textarea{ width:191px; height:117px; border:#d57800 1px solid; background: none; color:#bab9b9; font-family:arial; font-size:13px}
#page6 #content .column2 .indent .box .r{ height:42px}
#page6 #content .column2 .indent .box .r1{ height:160px}
#page6 #content .column2 .indent .right{ margin-top:18px}

#page6 #content .column3{ width:220px; background:url(../images/block4_rep.gif)}
#page6 #content .column3 .bg{ background:url(../images/block4_x.gif) repeat-x}
#page6 #content .column3 .indent { padding:43px 24px 20px 35px}
#page6 #content .column3 .indent .img{ margin-right:6px; vertical-align:middle}
#page6 #content .column3 .indent .title{ margin-bottom:16px}
#page6 #content .column3 .indent p{ margin:11px 0 17px 0}
#page6 #content .column3 .indent .separate{ margin-bottom:6px}


/*index-6.html*/
#page7 #content .column1{background:url(../images/block4_rep.gif)}
#page7 #content .column1 .bg{ background:url(../images/block4_x.gif) repeat-x}
#page7 #content .column1 .indent{ padding:43px 26px 20px 32px}
#page7 #content .column1 .indent .title{ margin-bottom:17px}
#page7 #content .column1 .indent p{ margin-bottom:14px}