﻿body{
    margin:0;
    padding:0;
    line-height: 1.2em;
    font-family:"Trebuchet MS",sans-serif;
    background-color: #ffffff;
}
b{font-size: 110%;}
em{color: red;}

.linkprod
{   text-decoration:none; 
    display:block;
    font-weight:normal;
    }
a.linkprod:hover{}
#prodottiuguali{margin-left:-15px;margin-top:5px; font-size:0.8em; }
#maincontainer
{    width:100%;
        /* width: 758px;Width of main container*/
        margin: 0 auto; /*Center container on page*/
}
#topsection{
    background-color: #ffffff;
    /* Height of top section*/
    width:1001px;
    clear:both;height: 76px;
}
#topsection h1{
    margin: 0;
    padding-top: 15px;
}
#contentwrapper{
    float: left;
    width: 1001px;
    background-color: #ffffff;
}
.recordtesto
{
    margin: 10px 0px 0px 60px;
    text-align: justify;
    font-size:0.9em;
    }
#destra{ background-color:White;}
.sotto 
{   width:1001px;
    background-color:White;
    }
#destraalto{
    float: left;
    /*width: 100%;*/
    background: #ffffff; 
    border-right: #ffffff 1px solid; 
    border-top: #ffffff 1px solid; 
    border-left: #ffffff 1px solid; 
    border-bottom: #ffffff 1px solid;
    margin-bottom: 0px; padding-bottom: 0px;
}
#immaginihp
{    /*background-color:#A0B6C0; background-color:#0da90e;*/
    background-color:#AE0000;
    
    width:1001px; 
    }
.immasinistra{float: left; margin-right:-2px;}
.immadestra{height:329px;}
#news{
    /*BORDER-RIGHT: #ffffff 1px solid;	BORDER-TOP: #ffffff 1px solid;		BORDER-LEFT: #ffffff 1px solid;	COLOR: #ffffff;BORDER-BOTTOM: #ffffff 1px solid;*/
    PADDING-TOP: 10px;	FONT-SIZE: 0.8em; 
    background-color:#AE0000; 
    MARGIN-LEFT: 305px;	PADDING-BOTTOM: 10px;
    width:696px;}
#presentazione{
    /*margin-left: 302px; Margin for content column. Should be (banner)*/ 
    margin-top:15px;
    margin-bottom:0px;
    margin-left:70px; 
    text-align:center;
    font-size:0.75em;
    background:#ffffff ; 
    color:#A80C13;
    border-right: #ffffff 1px solid; border-top: #ffffff 1px solid; border-left: #ffffff 1px solid; border-bottom: #ffffff 1px solid;
     line-height:1em;}
#news a{
    color:#D2D2D2;
    TEXT-DECORATION: none;}
.newsi{
    PADDING-left: 70px;  
    font-size:2em;
    color:#FFffff;}
#newse{
    PADDING-left: 70px; 
    font-size:1.5em;}
a:hover {background:#E8E5D8; text-decoration:none}
#sinistraalto a:hover {background:#ffffff; text-decoration:none}
#notizie{
    margin-left: 217px; width:696px;
    font-size:1em;
    margin-top:20px;
    /*border-right: #ffffff 1px solid; border-top: #ffffff 1px solid; border-left: #ffffff 1px solid; border-bottom: #ffffff 1px solid;*/
    }
#notizie hr{
    margin-left: 110px; /*Margin for content column. Should be (banner)*/
    color:#ffffff;
    background: #ffffff;}
#notizie_hp{
    font-size:1em;
    margin-top:20px;
    /*border-right: #ffffff 1px solid; border-top: #ffffff 1px solid; border-left: #ffffff 1px solid; border-bottom: #ffffff 1px solid;*/
    }
#notizie_hp hr{
    margin-left: 110px; /*Margin for content column. Should be (banner)*/
    color:#ffffff;
    background: #ffffff;}
#copy_hp
    {
       clear:both;
       height:25px;
       margin-left:306px;
       background-color: #999999;
        font-size:0.75em;
        color:#D2D2D2;
        width:696px; 
         }
#copy{
    margin-left: 217px; /*Margin for content column. Should be (banner)*/
    background-color: #999999;
    font-size:0.75em;
    color:#D2D2D2;
    clear:both;
    width:780px;
    margin-top:30px;
}
#imgcompany
{
  padding-left:10px;
   width:295px; 
   background-color:White; 
   margin-top:13px; 
}
.data {
    margin-left: 50px; /*Margin for data. Should be (banner+ x)*/
}
.notizia a{
    margin-left: 20px;
    text-decoration: none;
    color:Black;
     /*Margin for data. Should be (banner+ data +x)*/
}
a {color:Black;}
#contentcolumn a:hover {background:#E8E5D8; text-decoration:none}
#contentcolumn{
    margin-left: 217px;/*border-right: #ffffff 2px solid;  border-left: #ffffff 1px solid; Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
    font-size:0.9em;
    background: #ffffff;
    width:720px;
}
#contentcolumn h2{
    font-size:0.9em;
}
#contentcolumn img {    
    margin-bottom:20px;
    margin-top:20px;
}
#leftcolumn{
    float: left;
    width: 217px;/* Width of left column in pixel*/
    /*margin-left: -758px; Set left margin to -(MainContainerWidth)
    background: #E9E9E9;*/
}
#barretta{
    border-right: #ffffff 1px solid;  border-left: #ffffff 1px solid;
    background-image:url(/images/barretta1.gif); background-repeat: repeat-x; height: 16px; margin-bottom: 0px; padding-bottom: 0px;
}
#banner{
    float: left;
    width: 217px; /*Width of left column in pixel*/
    margin-left: 0px; /*Set left margin to -(MainContainerWidth)background: #E9E9E9;
    border-right: #ffffff 1px solid; border-top: #ffffff 1px solid; border-left: #ffffff 1px solid; border-bottom: #ffffff 1px solid;*/
    margin-top:35px;
    line-height:12pt;
    }
#sinistraalto{
    float: left;
    width: 302px; /*Width of left column in pixel*/
    margin-left: 0px; /*Set left margin to -(MainContainerWidth)*/
    background: #ffffff;
    border-right: #ffffff 1px solid; border-top: #ffffff 1px solid; border-left: #ffffff 1px solid; border-bottom: #ffffff 1px solid;
    }
#rightcolumn{
    float: left;
    width: 148px; /*Width of right column in pixels*/
    /*margin-left: -606px; Set right margin to -(MainContainerWidth - LeftColumnWidth)*/
    /*background: #cccccc;*/
    height:285px;
    /*border-right: #ffffff 1px solid; border-top: #ffffff 1px solid; border-left: #ffffff 1px solid; border-bottom: #ffffff 1px solid;
    */
    background-image:url(/images/sfumatoPRODUCTS.gif); background-repeat:repeat;
    font-size:1.2em;
    }
#footer{
    clear: left;
    width: 100%;
    background: black;
    color: #FFF;
    text-align: center;
    padding: 4px 0;
    }
#footer a{color: #FFFF80;}
.innertube{
     /*Margins for inner DIV inside each column (to provide padding)*/
    margin-top: 0;
    margin-top: 10px; 
    margin-left: 5px; margin-right: 0px;
    }
.elencotipo { 
	margin:5px; 
	padding:0px;
	top:0px;
	font-size:0.9em;
	line-height:1.2em;
	width:217px;
	/*background-color: #496ACC; */
}
.elencotipo p{
	margin:0px;
	color: #FFFFFF;
	font-size:0.9em;
	/*text-transform: uppercase;*/
}
.elencotipo p a{
	color:#000000;
	text-decoration:none;
	padding: 2px 0px 2px 10px;
	display:block;
	margin-top:10px;
	/*border-bottom:1px solid #FFFFFF;*/
}
.elencotipo p a:hover{}
.elencotipo li{}
.titolonews {
    margin: 10px 0px 0px 40px;  
     line-height:1.5em;
    FONT-SIZE: 2.18em;
    /*background-image:url(/images/sfumr.gif);
    color: White;*/
    }
.Subtitle
    {margin: 10px 0px 0px 40px;
    color:#AC0000;
    font-weight:bold;
    }
.testo {
    margin: 10px 0px 0px 60px;
    text-align: justify;
    }
#brosso a {	color:White;
    font-weight:bold; 
    text-decoration:none;
    text-transform:uppercase;
    font-size:0.7em;
     line-height:0.7em;
}
a.t {
margin-top:-20px;
}
#brosso a:hover {	color:White;
    font-weight:bold;	
    background-color:Transparent;
}
#brosso
{	BACKGROUND-IMAGE: url("/bottoni/sfumarossobot.gif");	
    line-height:0.7em;
}
#brosso a
{
/*font-weight: bold; text-transform: uppercase;  color: white; 
background-color: red; text-decoration: none;
PADDING-RIGHT: 11px;PADDING-LEFT: 12px;
font-family: Arial, 'Arial Black', 'Arial Unicode MS'; font-size: 0.8em;
border-right: #ffffff 1px solid; border-left: #ffffff 1px solid; 
*/
}
#brosso a:hover
{/*
font-weight: bold; text-transform: uppercase; color: red; background-color: white; text-decoration: none;
*/
}
#brosso img
{
    border:0;
     border-right: #ffffff 0.5px solid; border-left: #ffffff 1px solid; 
}
#bblu img
{
    border:0;
    border-right: #ffffff 0.5px solid; border-left: #ffffff 1px solid; 
}
.bottoni{
     clear:both;
    background-color: #AE0000;
    /*background-image:url(/bottoni/SFUMAZZURRO.gif);*/
    BACKGROUND-IMAGE: url("/bottoni/sfumarossobot.gif");	
    width:1001px;
     line-height:0.7em;
     height:23px;
    }
#bottonio{
    width: 100%;
    background-color: #AE0000;
    PADDING-BOTTOM: 0px;PADDING-top: 0px;
    /*background-image:url(/bottoni/SFUMAZZURRO.gif);background-color: #a6b3d5;*/
    BACKGROUND-IMAGE: url("/bottoni/sfumarossobot.gif");	
    }
#bblu
{/*width: 456px;
background-color: blue;
*/
}
#bblu a
{
/*font-weight: bold; text-transform: uppercase;  color: white; 
background-color: blue; text-decoration: none;
PADDING-RIGHT: 16px;PADDING-LEFT: 16px;
font-family: Arial, 'Arial Black', 'Arial Unicode MS'; font-size: 0.8em;
background-color: blue;*/
}
#bblu a:hover
{
/*font-weight: bold; text-transform: uppercase; color: blue; background-color: white; text-decoration: none;*/
}
.form
{
    font-size:1.0em;
    PADDING-left: 25px;
}
/* peranimazione*/
#box1 {POSITION: absolute}
#box1_s {POSITION: absolute}
#box2 {POSITION: absolute}
#box3 {POSITION: absolute}
#box4 {POSITION: absolute}
#box5 DIV {
    BACKGROUND: #fff; WIDTH: 480px; POSITION: absolute; HEIGHT: 240px
}
#box5 H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px
}
#box5 IMG {
	FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 200px; POSITION: static; HEIGHT: 140px
}
.mask {
	OVERFLOW: hidden; WIDTH: 695px; POSITION: relative; HEIGHT: 329px
}
.mask IMG {
	DISPLAY: block; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: absolute; BORDER-BOTTOM-STYLE: none
}
.mask_s {
	OVERFLOW: hidden; WIDTH: 304px; POSITION: relative; HEIGHT: 329px
}
.mask_s IMG {
	DISPLAY: block; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: absolute; BORDER-BOTTOM-STYLE: none
}
#cont {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; BACKGROUND: #fff; PADDING-BOTTOM: 20px; MARGIN: 0px auto; WIDTH: 550px; PADDING-TOP: 20px; TEXT-ALIGN: left
}
.buttons {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.buttons SPAN {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; FONT: 10px Verdana; CURSOR: pointer; COLOR: #0080ff; PADDING-TOP: 0px
}
.buttons SPAN.active {BACKGROUND: #0080ff; COLOR: #fff}
.buttons SPAN:hover {BACKGROUND: #0080ff; COLOR: #fff}