 body{
           MARGIN-TOP: 10px;
           font-family: "arial";
           LETTER-SPACING: 0.2px;
           COLOR: #fff;
           FONT-SIZE: 13px;
           margin-top:0;
          background:url(../images/sf.jpg)  repeat-x ;
          line-height:150%;
          background-color:#000;
          margin: 0;
                 }

H1 {
    LINE-HEIGHT: 150%;
    TEXT-TRANSFORM: uppercase;
    COLOR: #a6ce39;
    FONT-SIZE: 23px;
    
    margin-left:5px;
    margin-bottom:15px;
    padding-top:10px;
}

H1.contatti {
    LINE-HEIGHT: 150%;
    TEXT-TRANSFORM: uppercase;
    COLOR: #a6ce39;
    FONT-SIZE: 23px;
    
    margin-left:25px;
    margin-bottom:15px;
    padding-top:120px;
}

H2 {
    COLOR: #809f2a;
    FONT-SIZE: 18px;
    margin-left:5px;
    margin-bottom:15px;

}

H3 {
    COLOR: #666;
    FONT-SIZE: 16px;
    margin-left:5px;
    margin-bottom:5px;
    margin-top:10px;
    line-height:100%;
    font-weight:bold;
}



H4 {

    FONT-SIZE: 12px;
    font-weight:bold;
   margin-left:5px;
}


form input,textarea{
    margin:3px;
}

P {
  margin:10px;

}

p.home {
  margin:10px;
  padding:10px
}

ul li {
   LINE-HEIGHT: 20px;
   
}

.grassetto {
    FONT-WEIGHT: bolder
}

.alignleft {
    TEXT-ALIGN: left;
}

.aligncenter {
    TEXT-ALIGN: center;
}

.alignright {
    TEXT-ALIGN: right;
}

.alignjustify {
    TEXT-ALIGN: justify;
}

.prenota A {
    COLOR: #ff0000
}

DIV#header {
    POSITION: relative;
    line-height:80%;
}

DIV#container {
    POSITION: relative;

    MARGIN: 0px auto;
    WIDTH: 990px;
   
}

DIV#container2 {
    POSITION: relative;

    MARGIN: 0px auto;
    WIDTH: 990px;
    
    background-color: #000000;


}



DIV#contentHome {
    PADDING-BOTTOM: 10px;
    MARGIN-TOP: 10px;
    PADDING-LEFT: 5px;
    WIDTH: 980px;
    PADDING-RIGHT: 5px;
    
}

DIV#content {
    PADDING-BOTTOM: 10px;
    MARGIN-TOP: 0px;
    PADDING: 30px;
    padding-top: 20px;
    WIDTH: 920px;
     

}

DIV#content2 {
    PADDING-BOTTOM: 10px;
    MARGIN-TOP: 0px;
    PADDING: 30px;
    padding-top: 20px;
    WIDTH: 920px;

   background:url(../images/contentTop.png) no-repeat top center ;

}

#wrap h2  {
    COLOR: #a6ce39;
    FONT-SIZE: 23px;
    margin-left:5px;
    margin-bottom:5px;
    margin-top:30px;
    line-height:100%;
    text-transform:uppercase;
}

#wrap h3 a  {
    COLOR: #ff0000;
    FONT-SIZE: 13px;
    margin-left:5px;
    margin-bottom:5px;
    margin-top:30px;
    line-height:100%;
    font-weight:normal;
}

#wrap p {
       color:#666;
       font-size:16px;
       line-height:180%;

}

#wrap{
    background:url(../images/contentTop.png) no-repeat top center ;
    width:980px;
    height:212px;
    padding-top:25px;
}

#wrapLeft{
    float:left;
    width:40%;
}

#wrapRight{
    float:right;
    width:60%;
}

#titleRel{
    background-color:#fff;
    padding:5px;

}

.floatright{
   
  height:50px;
  width:100%;
}

.textholder{
  font-size:15px;
  color:#000;
}

 

#carousel {
    padding: 0;
    z-index:1;
}
#carousel ul {
    list-style: none;
    width: 1500px;

    position: relative;
}
#carousel li {
    display: inline;
    float: left;

}

#testoCar{
    float:left;
    height:20px;
}

DIV#bottom {
    background-color:#a6ce39;
    height:55px;
    WIDTH: 100%;
    COLOR: #666666;
    FONT-SIZE: 12px;
    clear: both;
    margin:0 auto;
}

DIV#bottom A {
    COLOR: #000000
}

DIV#bottom A:hover {
    text-decoration:underline;
}

.img1{
    float:left;
}

#testoport{
   padding-left:5px;
   padding-right:15px;
   line-height:150%;
   height:240px;
}

#lav{

}

.tbPortfolio td{
 
  padding :10px;
  border-bottom:8px #a6ce39 dotted;
  

}

.tbPortfolio tr {
   
  background-color:#000;
   
}

.tbPortfolio  {
  color:#fff;
}

.textholder{
padding:25px;
}

table td{
vertical-align:top;
}

h2.lavori a{
    
   color:#333333;
   background: url(../images/bg-lavori.jpg) no-repeat ;
   padding:10px;
   padding-top:3px;
   display:block;
  
   padding-left:0px;
   margin-left:0px;
}

h2.lavori a:hover{
   color:#ff0000;
}

h1.prodotti a{
   
    border: 1px solid #cccccc;
    background-color:#cccccc;
    color:#ffffff;
    width:350px;
}

#azienda2 {

 height:30px;
}

#sf{
position:absolute;
top:-5px;
left:30px;
 
height:30px;
width:550px;
}

#azienda2.open{
   background: url(../images/azienda-close.png) no-repeat;
   margin-left:850px;
}

#azienda2.close{
   background: url(../images/azienda-open.png) no-repeat;
   margin-left:850px;
}
 
ul#minipics {
    margin: 0;
    padding: 0;
    list-style-type: none;
 
}

ul#minipics li {
    float: left;
    margin: 3px;
    padding: 0 0 8px 0;
    background: url(../images/ombra.jpg) no-repeat bottom center;
}

ul#minipics li img {
    display: block;
    border: 1px solid #ccc;
    padding: 5px;
    border-color: #ccc #999 #666 #ccc
}
 
 li{
  line-height: 10px;
}

.prenota {
    TEXT-ALIGN: right;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    MARGIN-BOTTOM: 20px;
    LETTER-SPACING: 0px;
    COLOR: #993300;
    FONT-SIZE: 12px
}

.tableBottom{
    WIDTH:970px;
    vertical-align:bottom;
    padding:10px;
    color:#000;
    margin: 0 auto;
}

.tableBottom td{
   
    vertical-align:middle;
}

 

#sfLogo{
   background:url(../images/sfLogo.png) no-repeat top center ;
   top:0;
   left:85px;
   z-index:3;
   height:128px;
   width:457px;
   position:absolute;
}
  
#menupiccolo {
    POSITION: absolute;
    FONT-SIZE: 12px;
    TOP: 10px;
    LEFT: 820px ;
     color:#fff;
}

#menupiccolo A {
   color:#fff; 
}

#menupiccolo A:hover {
    COLOR: #000
}

#menu {
    font-size:13px;
    font-weight:bold;
    color:#fff;
    POSITION: absolute;
    TOP: 125px;
    LEFT: 430px;
    width:690px;
}

#menu a {
    color:#fff;
}

#containerLeft{
 float:left;
  
}

#containerRight{
 float:right;
  
}

#subMenu{
padding-left:90px;
padding-top:10px;
margin:2px;
font-size:10px;
line-height:10px;
width:110px;

}

#subMenu a{
 color:#ffffff;
 background-color:#cccccc;
 display:block;
 padding:4px;

}

#subMenu a:hover{
    
}

.titFeed{
  border-bottom: 1px solid #cccccc;
  line-height:16px;
  padding:0;
  margin:0;
  margin-left:-5px;
  margin-bottom:10px;
}

#feed{
 width:450px;
 float:left;
 font-size:11px;
 padding-left:10px;
 padding-right:10px;
  
}
      
.imgGallery {
    PADDING: 8px;
    BACKGROUND-IMAGE: url(../images/imgGallery.jpg);
}

#menu a:hover {
 
color:#ff0000;
   
}

#menu2 {
    POSITION: absolute;
    TOP: 80px;
    LEFT: 10px
}

#home{
   float: left;
    padding: 30px;
    padding-top:0px;
    width: 440px;
    line-height:180%;
    border-right:3px #fff dotted;
    margin-top:40px;
    height:390px;
}

#siti {
    width:390px;
    padding:30px;
    float:right;
}

 
 
#globo {
    POSITION: absolute;
    top: 0;
    left: 256px;
    z-index:2;}

 
a.ps1 {
   BACKGROUND-IMAGE: url(../images/p-siti.png) ;
   background-repeat:no-repeat;
   padding-left:50px;
   padding-right:75px;
   padding-top:9px;
   margin-right:125px;
   line-height:15px;
}

a.ps1:hover {
   BACKGROUND-IMAGE: url(../images/p-siti-hover.png) ;
   background-repeat:no-repeat;
   padding-left:50px;
   padding-right:75px;
   padding-top:9px;
   margin-right:125px;
}

a.ps2 {
   BACKGROUND-IMAGE: url(../images/p-portali.jpg) ;
   background-repeat:no-repeat;
   padding-left:50px;
   padding-right:65px;
   padding-top:9px;
   margin-right:130px;
  
}

a.ps2:hover {
   BACKGROUND-IMAGE: url(../images/p-portali-hover.jpg) ;
   background-repeat:no-repeat;
   padding-left:50px;
   padding-right:65px;
   padding-top:9px;
   margin-right:130px;
}

a.ps3 {
   BACKGROUND-IMAGE: url(../images/p-applicativi.jpg) ;
   background-repeat:no-repeat;
   padding-left:50px;
   padding-right:90px;
   padding-top:9px;
   margin-right:105px;
  
}

a.ps3:hover {
   BACKGROUND-IMAGE: url(../images/p-applicativi-hover.jpg) ;
   background-repeat:no-repeat;
   padding-left:50px;
   padding-right:90px;
   padding-top:9px;
   margin-right:105px;
}

a.ps4 {
   BACKGROUND-IMAGE: url(../images/p-seo.jpg) ;
   background-repeat:no-repeat;
   padding-left:50px;
   padding-right:50px;
   padding-top:9px;
  
}

a.ps4:hover {
   BACKGROUND-IMAGE: url(../images/p-seo-hover.jpg) ;
   background-repeat:no-repeat;
   padding-left:50px;
   padding-right:50px;
   padding-top:9px;
}

div#info {
BACKGROUND-IMAGE: url(../images/info.jpg) ;
padding:15px;
padding-left:200px;
WIDTH: 272px;
height:285px;
line-height:150%;
 
}

#testoHome{
  POSITION: relative;
    TOP: 10px;
    LEFT: 10px;
   z-index:2;
}

#divappleft{
 float:left;
 padding:10px;
 width:48%;
}

#divappright{
 float:left;
 width:52%;
}

#divsitiwebleft{
 float:left;
 padding:10px;
 width:48%;
 
 
}

#divsitiwebright{
 float:right;
 padding:10px;
 width:46%;
 
}

.contatti td {
WIDTH: 400px;
padding-left:50px;
vertical-align:top;

} 

.imgMenu{
   
   padding-right:22px;
}

#sezione1 {
BACKGROUND: url(../images/sfSez.png) no-repeat ;
padding:17px;
padding-top:11px;
WIDTH: 174px;
height:125px;
line-height:150%;
float:left;
margin-right:45px;
margin-bottom:20px;
}

 

   

.Portfolio a{

}


.tablePortfolio{

 WIDTH: 100%;
 line-height:180%;

 
}

.tablePortfolio td{
 

}


.tablePortfolio td p{
  
}

.border td{
 WIDTH: 220px;
BORDER: #cccccc 1px solid;
}



.img3 {
    BACKGROUND-IMAGE: url(../images/ombraImg3.jpg);
    PADDING-BOTTOM: 6px;
    PADDING-LEFT: 6px;
    PADDING-RIGHT: 15px;
    BACKGROUND-REPEAT: no-repeat;
    PADDING-TOP: 6px
}

#sponsor img {
    PADDING-right: 25px;
    PADDING-left: 25px;
    PADDING-top: 25px;
}

.img2 {
    BACKGROUND-IMAGE: url(../images/ombraImg2.jpg);
    PADDING-BOTTOM: 10px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    BACKGROUND-REPEAT: no-repeat;
    PADDING-TOP: 10px
}

.img4 {
    BACKGROUND-IMAGE: url(../images/ombraImg2.jpg);
    PADDING-BOTTOM: 10px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    BACKGROUND-REPEAT: no-repeat;
    PADDING-TOP: 10px
}

.imgGallery {
    PADDING: 8px;
    BACKGROUND-IMAGE: url(../images/imgGallery.jpg);
}

DIV#left {
     
    WIDTH: 400px;
    FLOAT: left;
 
}

DIV#right {
    TEXT-ALIGN: right;
    WIDTH: 400px;
    FLOAT: right;
    padding:15px;
}


DIV#ricercaRicetta {
    BORDER-bottom: 1px dotted;
    PADDING: 10px; 
      margin: 10px; 
}

.imgPub {
    BORDER-BOTTOM: #cccccc 1px solid;
    BORDER-LEFT: #cccccc 1px solid;
    PADDING-BOTTOM: 3px;
    PADDING-LEFT: 3px;
    PADDING-RIGHT: 3px;
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 10px;
    BORDER-TOP: #cccccc 1px solid;
    MARGIN-RIGHT: 20px;
    BORDER-RIGHT: #cccccc 1px solid;
    PADDING-TOP: 3px
}

#news {
    POSITION: absolute;
    WIDTH: 960px;
    TOP: 355px;
    LEFT: 15px
}

#news A {
    COLOR: #ffffff
}

#news A:hover {
    COLOR: #000000
}

#news2 {
    POSITION: absolute;
    WIDTH: 960px;
    TOP: 213px;
    LEFT: 15px
}

#news2 A {
    COLOR: #ffffff
}

#news2 A:hover {
    COLOR: #000000
}

#newsletters {
    POSITION: absolute;
    WIDTH: 350px;
    TOP: 55px;
    LEFT: 655px
}

#newsletters2 {
    POSITION: absolute;
    WIDTH: 500px;
    TOP: 125px;
    LEFT: 20px
}

.newsscorrevole {
    LINE-HEIGHT: 20px;
    TEXT-TRANSFORM: uppercase
}

#nav  {
    
    TEXT-ALIGN: left;
    
    
    BACKGROUND-REPEAT: no-repeat;
    PADDING-TOP: 0px;
    color:#fff;
}

#nav a  {
  color:#fff;

}

.titoloWeb{
     COLOR: #a6ce39;
    FONT-SIZE: 18px;
    font-weight:bold;
}

.menutrtitolo2 {
    BORDER-BOTTOM: #009900 1px solid;
    TEXT-ALIGN: left;
    BORDER-LEFT: #009900 1px solid;
    BACKGROUND-COLOR: #ffe268;
    MARGIN: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 80%;
    BORDER-TOP: #009900 1px solid;
    FONT-WEIGHT: bolder;
    BORDER-RIGHT: #009900 1px solid
}

A:link {
    COLOR: #fff;
    TEXT-DECORATION: none
}

A:visited {
    COLOR: #fff;
    TEXT-DECORATION: none
}

A:hover {
    COLOR: #ff0000;
    TEXT-DECORATION: none
}

.warning {
    COLOR: #ff0000;
    FONT-WEIGHT: bold
}

.allegati {
    TEXT-DECORATION: underline
}

A IMG {
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px
}

.pulsante {
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BACKGROUND-COLOR: #ffffff;
    MARGIN: 5px;
    COLOR: #000000;
    FONT-SIZE: 10px;
    BORDER-TOP: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid
}



A.scaricaallegato {
    BACKGROUND-IMAGE: url(../images/allegati.jpg);
    PADDING: 35px;
    BACKGROUND-REPEAT: no-repeat;
    COLOR: #666666;
    line-height: 35px;
    FONT-SIZE: 90%;
    FONT-WEIGHT: normal;
    PADDING-TOP: 10px
}

A.scaricaallegato:hover {
    COLOR: #000000;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline
}

A.scaricaallegato:visited {
    
}

A.scaricapdf {
    BACKGROUND-IMAGE: url(../images/pdf.gif);
    PADDING-left: 20px;
    BACKGROUND-REPEAT: no-repeat;
    COLOR: #666666;
    line-height: 2px;
    FONT-SIZE: 90%;
    FONT-WEIGHT: normal;
    PADDING-TOP: 3px
}

A.scaricapdf:hover {
    COLOR: #000000;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline
}

A.scaricapdf:visited {
    
}
