body {
    background: #f3f3f3;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 8px;
    color: #000;
    text-align: left;
    height: 100%;
    margin: 0px;
    padding: 0px;
      /* start ie style */
    scrollbar-face-color: #ffed6f; /* face color */
    scrollbar-track-color: #EFECEE; /* background color */
    scrollbar-arrow-color: #FFF; /* arrow color */
    scrollbar-highlight-color: #EFECEE; /* inner left and top border color */
    scrollbar-shadow-color: #767e73; /* inner right and bottom border color */
    scrollbar-3dlight-color: #fff; /* left and top border color */
    scrollbar-darkshadow-color: #ccc; /* right and bottom border color */
    scrollbar-base-color: #767e73; /* generic color - not required - util for 3D standard scollbar width custom color */
    /* end ie style */
}
div.box-sizing {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

a{
   /*text-decoration: none;*/
   color: #585858 ;
}
a img{
  border: 0px;
}
a.none{
   color:  #999999;
    text-align: center;
    text-decoration: none;
}
a.none:hover{
    color:  #CCCCCC;
    text-align: center;
    text-decoration: none;
}




#main{
    display: block;
    position: absolute;
    float: left;
    left: 50%;
    top: 0px;
    width: 702px;
    height: auto;
    border: solid 1px #e8e7e7;
    margin-left: -351px;
    background: #FFFFFF;
   }
#ext_cnt{
    display: block;
    position: absolute;
    right: 0px;
    width: 180px;
    height: 100px;
    left: 50%;
    margin-left: -530px;
    background: trasparent;
    z-index: 10;
}

#banner{
    display: block;
    position: relative;
    float: left;
    width: 702px;
    height: 115px;
    background-image: url(../imgs/banner.jpg);
}
a.ita{
    display: block;
    position: relative;
    float: left;
    width: 57px;
    height: 22px;
    left:365px;
    top: 39px;
    background-image: url(../imgs/ita.jpg);
}
a.eng{
    display: block;
    position: relative;
    float: left;
    width: 57px;
    height: 22px;
    left:365px;
    top: 39px;
    background-image: url(../imgs/eng.jpg);
}

a.fr{
    display: block;
    position: relative;
    float: left;
    width: 57px;
    height: 22px;
    left:365px;
    top: 39px;
    background-image: url(../imgs/fr.jpg);
}





#bannerone{
    display: block;
    position: relative;
    float: left;
    width: 510px;
    margin-right:5px;
    height: 248px;
    left: 1px;
   background-image: url(../imgs/base-banner.jpg);
   /*background-repeat: repeat-x;  */

    border: solid 1px #eaeaea;
}
#fisso{
    display: block;
    position: relative;
    float: left;
    width: 240px;
    height: 248px;

    background-image: url(../imgs/fisso_banner.jpg);




}
#animation{
    display: block;
    position: relative;
    float: right;
    width: 270px;
    height: 248px;
     right:-1px;

}

.new{
     border: solid 9px #FFFFFF;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #585858;
}
#contentmenu{
    display: block;
    float: left;
    height: 250px;
}
#contentbox{
    display: block;
    position: relative;
    float: left;
    width: 683px;
   /* height: 100%; */
    height: 155px;
    background-color: #eaeaea;
    border: solid 8px #FFFFFF;
}

#box{
    display: block;
    position: relative;
    float: left;
    width: 225px;
    height: 150px;
    background-color: #eaeaea;
    list-style-type: none;


    }

#box1{
    display: block;
    position: relative;
    float: left;
    width: 225px;
    height: 146px;
    top:5px;
    background-color: #eaeaea;
    background-repeat: no-repeat;
    list-style-type: none;


}
#box2{
    display: block;
    position: relative;
    float: left;
    width: 225px;
    height: 150px;
    top:5px;
    background-color: #eaeaea;
    list-style-type: none;
    border-left: solid 1px #000000;
    border-right: solid 1px #000000;
}
#box3{
    display: block;
    position: relative;
    float: left;
    width: 225px;
    height: 152px;
     overflow: auto;
    top:1px;
    background-color: #eaeaea;


}




#text{
    display: block;
    position: relative;
    float: left;
    width: 200px;
    height: 115px;
    border: solid 1 px #eaeaea;
    font-family: Verdana;
    font-size: 10px;

    left: 13px;

    font-family: verdana;
    color: #606060;
}
#text2{
    display: block;
    position: relative;
    float: left;
    width: 185px;
    height: 125px;
    border-color: #eaeaea;

    font-family: Verdana;
    font-size: 10px;
    left: 13px;
    font-family: verdana;
    color: #606060;
}

h2{
  font-size: 14px;
}





 img{
border-color: #eaeaea;
}


.img{
    display: block;
    position: relative;
    float: left;
    width: 129px;
    height: 23px;
    background-image: url(../imgs/read_more.jpg);
    background-repeat: no-repeat;
    left:105px;
    top: 3px;
}
#footer{
    display: block;
    position: relative;
    float: left;
    width: 702px;
    height: 98px;
    margin-top:50px;
    top:-10px;
    /*top:-250px;*/
    background-image: url(../imgs/footer.jpg);
    background-color: #FFFFFF;
   /* border-left: solid 1px #e8e7e7;
    border-right: solid 1px #e8e7e7;*/
}
 #cntfooter{
    display: block;
    position: relative;
    float: left;
    width: 702px;
    height: 98px;
    background-color: #FFFFFF;
    }

#dati{
    display: block;
    position: relative;
    float: left;
    width: 702px;
    background-color: #FFFFFF;
     top:-10px;
   /*   border-left: solid 1px #e8e7e7;
    border-right: solid 1px #e8e7e7;*/
    font-family: Arial, Helvetica, sans-serif;
    /*color: #999999; */
    color: #000000;
    text-align: center;
    font-size: 10px;
    font-weight: bold;



}


/*------------------css Classica----------------- */
 #dettaglio{
    display: block;
    position:relative;
    float: left;
    width: 500px;

  min-height: 450px;
    margin-left: 4px;
    border: solid 1px #999999;
    background-color: #eaeaea;
 }


.titolo{
  display: block;
    position:relative;
    float: left;
    width: 500px;
    height: 68px;

 }
 .titoletto{
    display: block;
    position: relative;
    float: left;
    width: 500px;
    height: 87px;
    top: 3px;
}


 #testo{
   display: block;
    position:relative;
    float: left;
     width: 486px;
   /* width: 210px;*/
    height: 100%;
   /* background-color: #F3F3F3; */
    padding-left:8px;

    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
   text-align: justify;
    color: #606060;
    padding-top: 10px;



 }    /*testo per psgine txtcl */

 #testo li{
  list-style: disc;
  margin-left: 17px;

}

  #testo2{
   display: block;
    position:relative;
    float: left;
    width: 480px;
    height: 100%;
    left:10px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #606060;
    margin-bottom: 10px;


 }
 #testonews{
   display: block;
    position:relative;
    float: left;
    width: 480px;
    min-height: 450px;
    left:10px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #606060;
    margin-bottom: 10px;


 }


 #testo3{
   display: block;
    position:relative;
    float: left;
    width: 465px;
    height: 100%;

    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    text-align: justify;
    color: #606060;
    margin-bottom: 10px;


 }

 .foto{
    margin: 5px;
    background-color: #FFFFFF;
    border: solid 1px #999999;
 }


 #scatolottonews{
   display: block;
    position:relative;
    float:left;
    width:480px;
    height: 100px;


 }


 .foto2{
    display: block;
    position:relative;
    float:right;
    width: 50px;
    height: 100%;
    border: solid 2px  #999999;
    margin: 3px ;
    background-color: #fff;
 }
 .fotonews{
    display: block;
    position:relative;
    float:right;
    width: 50px;
    height: 50px;
    border: solid 2px  #999999;
    margin: 3px ;
    background-color: #fff;
 }

 .fotonewsbig{
    display: block;
    position:relative;
    float:left;
    width: 250;
    /*height: 100%; */
    border: solid 2px  #999999;
    margin: 3px ;
    background-color: #fff;
 }

 a.pdf{
   display: block;
    position:relative;
    float: left;
    width: 180px;
    height: 30px;
    right:10px;
    padding-left:8px;

    /*left:10px;*/
    /*left: 3px;*/
    /*background-image: url(../imgs/pdf.jpg) ;*/

 }
 #bianco{
    display: block;
    position:relative;
    float: left;
    width: 478px;
/*    background-color: #FFFFFF;  */
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-decoration: none;
    text-align: center;
 }
 .esploso{
    display: table-cell;
    position: relative;
    float: left;
    width: 150px;
    height: 100%;
    /* height: 150px; */
    margin-left: 50px;
    margin-bottom: 15px;
    border: 2px solid #FFFFFF;
 }

#fotodettaglio{
    display: block;
    position:relative;
    float: left;
    width: 150px;
    height: 156px;
    border: solid 1px #fff;
    left: 9px;
    top: 22px;
}

hr{
width: 480px;
  float: right;
  border: solid 1px  #330099;

}
div.hr hr{
  display: none;
  visibility: hidden;
}
div.hr {
  display: block;
  border: solid 1px #fff;
  margin-top: 5px;

}

hr.white{
}

/* -------------------------css pił prodotti-------------------- */
hr.prod{
width: 480px;
  float: left;
  border: solid 1px #330099;
  margin-right: 6px;

}





#iltito{
display: block;
    position:relative;
    float: right;
    width: 470px;
font-family: Verdana;
font-size: 15px;
font-weight: bold;
    color: #606060;
text-align: right;
padding-top: 10px;
line-height: 24px;
margin-right: 6px;
}
#cntprod{
     display: block;
    position:relative;
    float: left;
    width: 480px;
    height: 100%;
    padding: 10px;
    font-family: Verdana;
font-size: 12px;
font-weight: bold;
}

#iprod{
  display: block;
    position:relative;
    float: left;
    width: 480px;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
    color: #606060;
text-align: left;


/*border: 1px solid #FFFFFF; */
}

#fotprod{
   display: block;
    position:relative;
    float: right;
    width: 50px;
    background-color: #FFFFFF;
    border: 1px solid #999999;
}

#firstimageprod {
    display: block;
    position:relative;
    float: right;
    width: 280px;

     margin: 6px;
    background-color: #FFFFFF;
    border: 1px solid  #999999;
}
/*--------------------------css Contatti GoogleMaps------------- */


#mappa{
    display: block;
    position: relative;
    float: left;
    width: 465px;
    height: 195px;

    border: solid 4px #FFFFFF;
    left: 15px;
    margin-bottom: 15px;

}

#map{
    display: block;
    float: left;
    width: 465px;
    height: 195px;
   /* margin-top: 7px; */
}
/*----------------------------------credits Mobika--------------------------------------*/


a.design{
  display: block;
 position: relative;

/* width: 70px; */

}

.mobika{
  display: block;
   position: relative;
 float: left;
 left: 660px;
/* margin-right: 2px; */
 /* top:30px;   */
  /*margin-right:70px; */
}

#sottofondo{
  display: block;
  position: relative;
float: right;   
  width: 702px;
  height: 60px;
 top:-10px;
    /*border-left: solid 1px #e8e7e7;
    border-right: solid 1px #e8e7e7;*/
  background-color: #FFFFFF;
}
p.by{
display: block;
position: relative;
 float:left;
 left: 600px;
 /*top:10px;  */
   font-size: 8px;
  text-decoration: none;
  text-align: right;
  color: #CCCCCC;
  border: none;
   /*right:20px; */
}


/*-------------------------------------------------------------------------- */

#lungobianco{
    display: block;
  position: relative;
  float: left;
  width: 702px;
  height: 100%;
  background-color: #FFFFFF;

}
.imggeneric{
     display: block;
  position: relative;
  float: left;
}

#spazio{
      display: block;
  position: relative;
  float: left;
  top:20px;
}
#gifundercostruction{
  display: block;
  position: relative;
  float: left;
  width: 300px;
  height: 150px;
  background-image: url(../imgs/05.gif);
  background-repeat: no-repeat;
  left:30px;
}
#maindue{
    display: block;
    position: absolute;
    float: left;


    left: 50%;
    top: 0px;
    width: 702px;
    height: 800px;
    border: solid 1px #e8e7e7;

    margin-left: -351px;
    background: #FFFFFF;
   }
   #box{
     display: block;
    position: absolute;
    float: left;
    left: 50%;
    top: 20px;
    background-color: #FFFFFF;
   }
   #banneronedue{
    display: block;
    position: relative;
    float: left;
    width: 510px;
    margin-right:5px;
    height: 248px;
    margin-left: 90px;
   background-image: url(../imgs/base-banner.jpg);
   /*background-repeat: repeat-x;  */

    border: solid 1px #eaeaea;
}
#fissodue{
    display: block;
    position: relative;
    float: left;
    width: 240px;
    height: 248px;
    margin-left: 90px;
    background-image: url(../imgs/fisso_banner.jpg);




}
#animationdue{
    display: block;
    position: relative;
    float: right;
    width: 270px;
    height: 248px;
     right:-1px;
    margin-left: 90px;
}

#logo{
    display: block;
    position: relative;
    float: left;
    width: 150px;
    height: 100%;
}

#indiriz{
   display: block;
    position: relative;
    float: left;
    width: 750px;
    height: 50px;

}
h3{
  font-size: 10px;
  text-align: left;
  margin-left: 40px;
}
/*-------------------------------------------css gallery------------------------------ */


#cntgallery{
    display: block;
    position:relative;
    float: left;
    width: 486px;
    height: 100%;
    padding-left:8px;
     padding-right:4px;
     padding-bottom:15px;
    font-weight: bold;
    text-align: justify;
    color: #606060;
    padding-top: 10px;
}
.fotinagal{
    display: block;
    position:relative;
    float: left;
   width: 80px;
    height: 70px;
    border: 2px solid #FFFFFF;
    margin: 5px;
}

.fotinagal:hover {
background-color: #999999;
border: 2px solid  #CCCCCC;
}

.hgal{
    display: block;
    position:relative;
    float: right;
     width: 470px;
font-family: Verdana;
font-size: 15px;
font-weight: bold;
    color: #606060;
text-align: right;
padding-top: 10px;
line-height: 24px;
margin-right: 6px;
}
/*---------------------------------news  fotine----------------------------------------  */


.fotinesing{
   display: block;
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    border: 2px solid   #999999;
   /* margin-left:4px  ;  */
    margin-bottom:5px ;
    margin-top:10px;
    margin-left: 4px;

    /*margin-top: 12px solid ; */
}
.fotinesing:hover{

  border: 2px solid #FFFFFF;
}

#fotine{
  display: block;
    position:relative;
    float: left;
     width: 470px;

margin-top: 20px;
bottom: 5px;
}