img {
    border: none;
}
  @font-face {
font-family: 'zetasolid';
src: url(../font/trinos/Trinos-So.otf);
      font-weight:100;
    font-size:10px;  
}
  @font-face {
font-family: 'zetas';
src: url(../font/trinos/Trinos-S.otf);
      font-weight:100;
    font-size:10px;  
}
   @font-face {
font-family: 'exo2';
src: url(../font/exo_2/Exo2-Regular.ttf);
       
    font-size:10px;  
}

   @font-face {
font-family: 'exo2b';
src: url(../font/exo_2/exo3.woff2) format('woff2');;
       
    font-size:10px;  
}
  @font-face {
      
font-family: 'roboto';
src: url(../font/roboto/Roboto-Light.ttf) format('truetype');
   font-style:normal;    
    font-size:10px;  
}
  @font-face {
      
font-family: 'robotobold';
src: url(../font/roboto/Roboto-Bold.ttf) format('truetype');
   font-style:normal;    
    font-size:10px;  
}
 @font-face {
font-family: 'coolvetica';
src: url(../font/coolvetica-rg.otf);
      font-weight:100;
    
    font-size:10px;  
}
body {
    background: #ffffff;
   
}

html {
    margin-top: -60px
}
#titlestext{
  width:100%;
 
  height:auto;
  /* float:left; */
  position:relative;
  }
#modulocontatti { width:100%; position:relative;float:left; height:auto; font-size:16px;  margin-top:20px }
#contactForm { margin:30px 0;}
#inviacontatti:disabled {  background:#d0e0ff !important; cursor:default; font-size:16px; font-weight:bolder;-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; color:#fff !important; text-transform:uppercase }
#inviacontatti { width:100px !important; height:40px !important; border:none !important; background:#7ea8ff !important; cursor:pointer; font-size:16px; font-weight:bolder;-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; color:#fff !important; text-transform:uppercase }
#inviacontatti:hover { background:#2d6fd0}
.campodiv { width:100%; float:left; position:relative; height:auto; }
.anni { height:30px; margin:10px 20px 10px 0px;}
.check  { width:auto; float:left; position:relative; margin:0 10px;  height:auto; }
.texts { width:auto;  display:table;  position:relative; margin:10px 0;  height:auto; }
.checkbox-group input { height:auto !important; width:auto !important; margin:0 5px; float:none !important ;}
#modulocontatti input {width:100%;font-family:sans-serif;height:30px;background:none;font-size:18px;margin-top:10px;color: #000000;margin-bottom:20px;border-top: 0;border-left: 0;border-right: 0;border-bottom: 2px solid #7ea8ff;}
#modulocontatti textarea { width:100%;background:none; font-family:sans-serif;  min-height:100px;font-size:18px;  color:#000000; margin:20px 0; border-top: 0; border-left: 0; border-right: 0;border-bottom: 2px solid #7ea8ff;}
#modulocontatti textarea:focus { outline:none; border-top: 0; border-left: 0; border-right: 0;border-bottom: 2px solid #2d6fd0; }
#modulocontatti input:focus { outline:none; border-top: 0; border-left: 0; border-right: 0;border-bottom: 2px solid #2d6fd0; }

#imgpostart {width:100%;height: 500px;float:left;position:relative;background-size:cover !important;/}
h1,h2,h3 {font-weight: 300;}
#titlestext h1 { min-height:35px; }
#titlestext h2 { min-height:30px; }
#titlestext h3 { min-height:20px; }

#titlestexta2 { width:48%;  height:auto; float:left; position:relative; overflow:hidden; padding:40px 1%;  } 
#titlestexta3 { width:29%;  height:auto; float:left; position:relative;  overflow:hidden; padding:40px 1% } 
#titlestexta4 {width:21%;height:auto;float:left;position:relative;overflow:hidden;padding: 40px 5px;} 
#titlestexta4 #spanimages { height:120px; overflow:hidden; width:120px; float:left;  }
#titlestexta4 #spanimages img { width:auto; background-size:cover !important; background-position:center; height:100%; }

h1 {font-size:35px;font-weight:bold; }
h2 {font-size: clamp(30px, 2vw, 50px) !important;font-weight: 700;line-height:60px;color:#000}
h3 { font-size:20px;}
body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label {
    margin: 0px;
    padding: 0px;
    
}
.ui-keyboard-submit {
  background-color: #007bff;
  color: #fff;
}
#controlcampoiva {
    background: #f00;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    display: none;
    width: 260px;
    height: 20px;
    position: absolute;
    left: 458px;
    margin-top: 6px;
    font-size: 10px;
    text-align: center;
    line-height: 20px;
    color: #fff
}
#personalizzaschermata {position: fixed;top:0;left: 0;z-index: 9;display: none;opacity: 0;background: #f5f5f5;width: 101%;height: 100%;}
#headopsett { width: 100%; position:fixed; top:0; left:0; height:50px; margin-bottom:10px }
#leftheadopsett { z-index:1; width:100px; height:50px; position:relative; float:left; }
#titleheadopsett { width:100%; position:absolute; left:0; top:0; line-height:50px; text-align:center; font-size:20px; font-weight:bold; background: linear-gradient(to right, #f800b9, #f800b9, #a700d0);
  background-size: cover;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;}
#contentopsett { width:100%; height:auto; position:relative; top:60px; }
#lioptionsettus { width:90%; background:#fff; height:50px; margin:0 5%; position:relative; float:left;  -moz-border-radius: 8px; -webkit-border-radius: 8px;  border-radius: 8px; }
#desclioptionsettus { width:90%;   height:auto; margin:5px 5%;  position:relative; float:left;   }
#desclioptionsettus2 { width:90%;   height:auto; margin:5px 5%;  position:relative; float:left;   }
.noactivemens { display:none !important; }
.activemens { display:block !important; }
#actionopmens { width:100%;   height:auto; margin:10px 0;  position:relative; float:left;   }
#bordercolor { width:40px; height:40px;  float:left; position:relative; -moz-border-radius: 80px; -webkit-border-radius: 80px;  border-radius: 80px; }
#bordercolor2 { width:40px; height:40px;  float:left; position:relative; -moz-border-radius: 80px; -webkit-border-radius: 80px;  border-radius: 80px; }
#tavolozzacolors { width:40px; height:40px;  border:none; outline:none;opacity:0; }
#altreimp { width:100%;   height:auto; margin:5px 0 ; position:relative;  float:left; display:none }
#anteprimasfondo { width:40%; margin:40px 30%; position:relative; height:250px; -moz-border-radius: 8px; -webkit-border-radius: 8px;  border-radius: 8px; float:left;   }
#prelioptionsettus { width:90%; margin:0 5%; position:relative; float:left; height:auto; }
#titleprelioptionsettus { width:100%; text-align:left; position:relative; height:30px; line-height:30px; font-size:13px; text-transform:uppercase; color:#666; float:left;}
#textdesclioptionsettus { width:100%; text-align:left; position:relative; float:left; height:auto; color:#666; font-size:12px;margin:5px 0 20px 0px}
#titlelioptionsettus { width:auto; position:relative; margin:0 20px; float:left; height:50px; line-height:50px; color:#000; font-size:16px; }
#actionlioptionsettus { float:right; width:auto; height:50px; margin-right:15px; position:relative; }
#activesfpers { float:left; width:60px; height:36px; margin:7px 0; background:#ddd; -moz-border-radius: 20px; -webkit-border-radius: 20px;  border-radius: 20px; }
#activesfpers2 { float:left; width:60px; height:36px; margin:7px 0; background:#ddd; -moz-border-radius: 20px; -webkit-border-radius: 20px;  border-radius: 20px; }
#addsecondsf { float:left; width:60px; height:36px; margin:7px 0; background:#ddd; -moz-border-radius: 20px; -webkit-border-radius: 20px;  border-radius: 20px; }
 
.noactpuls { background:#dddddd !important }
.yactpuls { background:#00c91c !important }
.noactpuls div { left:2px }
.yactpuls div { right:2px }
#pallinoimps { width:32px; height:32px; margin:2px 0; background:#fff;-moz-border-radius: 20px; -webkit-border-radius: 20px;  border-radius: 20px; position:absolute;  -moz-box-shadow: 0px 1px 3px #999;  -webkit-box-shadow: 0px 1px 3px #999;  box-shadow: 0px 1px 3px #999; }
#closemenupers { width:30px; height:30px; float:left; margin:10px 10px; position:relative; background:url(../images/temachiaro/frecciamenu.png) no-repeat center; background-size:cover }
#controlcampokm {
    background: #f00;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    width: 260px;
    display: none;
    height: 20px;
    position: absolute;
    left: 238px;
    margin-top: 6px;
    font-size: 10px;
    text-align: center;
    line-height: 20px;
    color: #fff
}

#controlcampoannoc {
    background: #f00;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    width: 260px;
    display: none;
    height: 20px;
    position: absolute;
    left: 238px;
    margin-top: 6px;
    font-size: 10px;
    text-align: center;
    line-height: 20px;
    color: #fff
}

#ajdspt {
    border: none;
    font-weight: bold;
}

#ajdsprt {
    border: none;
    font-weight: bold;
    width: 100px;
}

#ajdsprtt {
    border: none;
    font-weight: bold;
}

#add_centraline {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
    background: #fff
}

#mod_centraline {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
    background: #fff
}

#title_m_c {
    width: 100%;
    height: 100px;
    position: relative;
    float: left;
}

#search_num_centr {
    width: 900px;
    height: 60px;
    margin: 20px auto;
    position: relative;
}

#search_centr {
    width: 700px;
    float: left;
    position: relative;
    padding: 19px;
    font-size: 20px;
    height: 20px;
    border: 1px solid #eee;
}

#sdf_closed {
    width: auto;
    float: right;
    position: relative;
    height: 60px;
}
#footerfocus {width:100%;height:50px;position:fixed;display:none;z-index: 1;bottom: 275px;} 
#sceglicoloretab {
    display:none;
    width: auto;
    height: 60px;
    position: absolute;
    
    
    
    
}
#sceltafont {
    width: auto;
    height: 50px;
    position: absolute;
    
    
    
    
}

#contoptfont {
    width: auto;
    ;min-height: 10px;
    padding: 10px 0 0 0;
    left: -120px;
    top: 0px;
    display: none;
    position: absolute;
    z-index: 1;
    background: #222;
    width: 100px;
    -moz-border-radius: 8px ;
    -webkit-border-radius: 8px ;
    border-radius: 8px;
}

#contwidfont {
    width: auto;
    min-height: 50px;
    padding: 10px 0 0 0;
    left: -320px;
    top: 0px;
    display: none;
    position: absolute;
    z-index: 1;
    background: #222;
    width: 300px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

#menzionastoria {
    cursor: pointer;
    width: 85px;
    background: url(../images/widget/menziona.png) no-repeat center;
    background-size: cover;
    height: 29px;
    float: left;
    position: relative;
    margin: 0px 0 10px 10px;
}

#hashstoria {
    cursor: pointer;
    width: 85px;
    background: url(../images/widget/hashstoria.png) no-repeat center;
    background-size: cover;
    height: 29px;
    float: left;
    position: relative;
    margin: 0px 0 10px 10px;
}

.optionfontclass {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    width: 34px;
    cursor: pointer;
    height: 34px;
    float: left;
    margin: 0px 0 8px 10px ;
    position: relative;
    background-color: #444444;
    -moz-border-radius: 18px ;
    -webkit-border-radius: 18px ;
    border-radius: 18px;
}

.optionfontclass:hover {
    background-color: #0094ff
}

.optionfontclasssele {
    background-color: #0094ff
}

#spgrafonttext {
    background: url(../images/temachiaro/gratesto.png) no-repeat center;
    background-size: cover;
    width: 34px;
    height: 34px;
    float: left;
    position: relative;
    margin: 0;
}

#spcentertextfonttext {
    background: url(../images/temachiaro/centertesto.png) no-repeat center;
    background-size: cover;
    width: 34px;
    height: 34px;
    float: left;
    position: relative;
    margin: 0;
}

#spsbarratofonttext {
    background: url(../images/temachiaro/sbarratotesto.png) no-repeat center;
    background-size: cover;
    width: 34px;
    height: 34px;
    float: left;
    position: relative;
    margin: 0;
}

#contcolorfont {
    width: 60px;
    height: 60px;
    position: absolute;
    z-index: 1;
     
    right:10px;
    top: 0px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.coloretestos {     margin:12px auto; display:table; background:#000 url(../images/temachiaro/colortesto.png) no-repeat center; background-size:cover;   -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;  }
.addtesto {     margin:12px auto; display:table; background:#000 url(../images/temachiaro/addtesto.png) no-repeat center; background-size:cover;   -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;  }
#attivapalettacolori { width:36px; height:36px;   margin:12px auto; display:table;      }
#whitefontcolortext {
    -moz-box-shadow: 0px 0px 5px #444;
    -webkit-box-shadow: 0px 0px 5px #444;
    box-shadow: 0px 0px 5px #444;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    float: left;
    width: 34px;
    height: 34px;
    cursor: pointer;
    position: relative;
    margin: 13px 0 13px 10px;
    -moz-border-radius: 18px ;
    -webkit-border-radius: 18px ;
    border-radius: 18px;
}



#violafontcolortext {
    -moz-box-shadow: 0px 0px 5px #444;
    -webkit-box-shadow: 0px 0px 5px #444;
    box-shadow: 0px 0px 5px #444;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    float: left;
    width: 34px;
    height: 34px;
    cursor: pointer;
    position: relative;
   margin: 13px 0 13px 10px;
    -moz-border-radius: 18px ;
    -webkit-border-radius: 18px ;
    border-radius: 18px;
}


#fucsiafontcolortext {
    -moz-box-shadow: 0px 0px 5px #444;
    -webkit-box-shadow: 0px 0px 5px #444;
    box-shadow: 0px 0px 5px #444;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    float: left;
    width: 34px;
    height: 34px;
    cursor: pointer;
    position: relative;
  margin: 13px 0 13px 10px;
    -moz-border-radius: 18px ;
    -webkit-border-radius: 18px ;
    border-radius: 18px;
}
#rossofontcolortext {
    -moz-box-shadow: 0px 0px 5px #444;
    -webkit-box-shadow: 0px 0px 5px #444;
    box-shadow: 0px 0px 5px #444;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    float: left;
    width: 34px;
    height: 34px;
    cursor: pointer;
    position: relative;
    margin: 13px 0 13px 10px;
    -moz-border-radius: 18px ;
    -webkit-border-radius: 18px ;
    border-radius: 18px;
}
#arancionefontcolortext {
    -moz-box-shadow: 0px 0px 5px #444;
    -webkit-box-shadow: 0px 0px 5px #444;
    box-shadow: 0px 0px 5px #444;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    float: left;
    width: 34px;
    height: 34px;
    cursor: pointer;
    position: relative;
   margin: 13px 0 13px 10px;
    -moz-border-radius: 18px ;
    -webkit-border-radius: 18px ;
    border-radius: 18px;
}
#giallofontcolortext {
    -moz-box-shadow: 0px 0px 5px #444;
    -webkit-box-shadow: 0px 0px 5px #444;
    box-shadow: 0px 0px 5px #444;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    float: left;
    width: 34px;
    height: 34px;
    cursor: pointer;
    position: relative;
  margin: 13px 0 13px 10px;
    -moz-border-radius: 18px ;
    -webkit-border-radius: 18px ;
    border-radius: 18px;
}
#verdefontcolortext {
    -moz-box-shadow: 0px 0px 5px #444;
    -webkit-box-shadow: 0px 0px 5px #444;
    box-shadow: 0px 0px 5px #444;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    float: left;
    width: 34px;
    height: 34px;
    cursor: pointer;
    position: relative;
  margin: 13px 0 13px 10px;
    -moz-border-radius: 18px ;
    -webkit-border-radius: 18px ;
    border-radius: 18px;
}
#azzurrofontcolortext {
    -moz-box-shadow: 0px 0px 5px #444;
    -webkit-box-shadow: 0px 0px 5px #444;
    box-shadow: 0px 0px 5px #444;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    float: left;
    width: 34px;
    height: 34px;
    cursor: pointer;
    position: relative;
  margin: 13px 0 13px 10px;
    -moz-border-radius: 18px ;
    -webkit-border-radius: 18px ;
    border-radius: 18px;
}
#blufontcolortext {
    -moz-box-shadow: 0px 0px 5px #444;
    -webkit-box-shadow: 0px 0px 5px #444;
    box-shadow: 0px 0px 5px #444;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    float: left;
    width: 34px;
    height: 34px;
    cursor: pointer;
    position: relative;
   margin: 13px 0 13px 10px;
    -moz-border-radius: 18px ;
    -webkit-border-radius: 18px ;
    border-radius: 18px;
}
#nerofontcolortext {
    -moz-box-shadow: 0px 0px 5px #444;
    -webkit-box-shadow: 0px 0px 5px #444;
    box-shadow: 0px 0px 5px #444;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    float: left;
    width: 34px;
    height: 34px;
    cursor: pointer;
    position: relative;
   margin: 13px 0 13px 10px;
    -moz-border-radius: 18px ;
    -webkit-border-radius: 18px ;
    border-radius: 18px;
}

.select_color span  { width:28px !important; margin:3px !important; height:28px !important}
.select_color {
     background: #ddd; 
}

#sp_white_fct {
    
    width: 34px;
    float: left;
    height: 34px;
    position: relative;
    background-color: #ffffff;
    -moz-border-radius: 18px ;
    -webkit-border-radius: 18px ;
    border-radius: 18px;
}

#sp_fucsia_fct {
   
    width: 34px;
    float: left;
    height: 34px;
    position: relative;
    background-color: #ec0280;
    -moz-border-radius: 18px ;
    -webkit-border-radius: 18px ;
    border-radius: 18px;
}

#sp_viola_fct {
   
    width: 34px;
    float: left;
    height: 34px;
    position: relative;
    background-color: #5e2e91;
    -moz-border-radius: 18px ;
    -webkit-border-radius: 18px ;
    border-radius: 18px;
}
#sp_rosso_fct {
    
    width: 34px;
    float: left;
    height: 34px;
    position: relative;
    background-color: #f00;
    -moz-border-radius: 18px ;
    -webkit-border-radius: 18px ;
    border-radius: 18px;
}
#sp_giallo_fct {
    
    width: 34px;
    float: left;
    height: 34px;
    position: relative;
    background-color: #ffef00;
    -moz-border-radius: 18px ;
    -webkit-border-radius: 18px ;
    border-radius: 18px;
}
#sp_arancione_fct {
  
    width: 34px;
    float: left;
    height: 34px;
    position: relative;
    background-color: #ff6200;
    -moz-border-radius: 18px ;
    -webkit-border-radius: 18px ;
    border-radius: 18px;
}
#sp_verde_fct {
   
    width: 34px;
    float: left;
    height: 34px;
    position: relative;
    background-color: #00ff0b;
    -moz-border-radius: 18px ;
    -webkit-border-radius: 18px ;
    border-radius: 18px;
}
#sp_azzurro_fct {
   
    width: 34px;
    float: left;
    height: 34px;
    position: relative;
    background-color: #00d8ff;
    -moz-border-radius: 18px ;
    -webkit-border-radius: 18px ;
    border-radius: 18px;
}
#sp_blu_fct {
    
    width: 34px;
    float: left;
    height: 34px;
    position: relative;
    background-color: #0037ff;
    -moz-border-radius: 18px ;
    -webkit-border-radius: 18px ;
    border-radius: 18px;
}
#sp_nero_fct {
   
    width: 34px;
    float: left;
    height: 34px;
    position: relative;
    background-color: #000000;
    -moz-border-radius: 18px ;
    -webkit-border-radius: 18px ;
    border-radius: 18px;
}
#calibrifontscelta {
    font-family: calibri
}

#arialfontscelta {
    font-family: arial
}

#tahufontscelta {
    font-family: 'tahuregular';
     font-size: 36px;
}

#stayprofontscelta {
    font-family: 'stay_classy_sldtregular';
     font-size: 36px;
}

.ui_fonts {
    width: 40px;
    cursor: pointer;
    margin: 0px 10px;
    float: left;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    height: 40px;
    line-height: 40px;
    position: relative;
    color: #ccc;
    background:#444;
    font-size: 20px;
    -moz-border-radius: 40px ;
    -webkit-border-radius: 40px ;
    border-radius: 40px;
}

.ui_fonts:hover {
    color: #ffffff;
    background: #444
}

.selectedfont {
    color: #ffffff;
    background: #222;
    font-weight:bolder;
}

#closeapp {
    width: 60px;
    height: 60px;
    border: none;
    background: url(../images/chiudi.png) no-repeat;
    background-size: cover
}

#cancellacampo {
    width: 30px;
    height: 30px;
    margin: 15px;
    border: none;
    background: url(../images/chiudi.png) no-repeat;
    background-size: cover
}

#cont_search_c {
    width: 900px;
    height: auto;
    position: relative;
    margin: 0 auto;
    display: table;
    border: 1px solid #ddd
}

#head_centr {
    width: 100%;
    height: 60px;
    float: left;
    position: relative ;
    border-top: 1px solid #ddd;
}

#titlesnum {
    width: 70%;
    height: 60px;
    text-align: center;
    line-height: 60px;
    float: left;
    border-right: 1px solid #f4f4f4;
    font-size: 20px;
    font-weight: bold;
}

#quantnum {
    width: 15%;
    height: 60px;
    text-align: center;
    line-height: 60px;
    float: left;
    border-right: 1px solid #f4f4f4;
    font-size: 20px;
    font-weight: bold;
}

#oscuramento_app {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 4;
    margin: 0;
    background: #000;
    /* opacity: 0.45; */
}
#dsf5ds4fds4fd5s4f5sd7f57sd5f7sd57f5ds7f5sd7f5 {
    width: 100%;
    position: fixed;
    height: 100%;
    display: none;
    z-index: 5;
    opacity: 0;
    overflow:hidden
}
#creastoria {
    width: 100%;
    position: fixed;
    height: 100%;
    display: none;
    z-index: 5;
    opacity: 0;
    overflow:hidden
}

#clkjhfdskjhgfdskj {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1;
}

#contdimfont {
    display: none;
    width: 13px;
    height: 121px;
    position: absolute;
    top: -10px;
    left: 60px;
}

#dimfont {
    width: 13px;
    height: 121px;
    position: relative;
    float: left;
    background: url(../images/temachiaro/slider.png) no-repeat center;
    background-size: cover;
    border: 0;
}

#inviastoria {
    position: relative;
    
    display:table;
    margin:10px auto;
    width:40px;
    height:40px;
    background:url(../images/temachiaro/pubblica.png) no-repeat center; background-size:cover;
   
    font-family: 'anon';
    font-size: 20px
}
#storiaview {
    width: 100%;
    position: relative;
    overflow:hidden;
    text-align: center;
    /* display: none; */
    vertical-align: middle;
    height: 100%;
    z-index: 2;
}
#headstorietttps { width:100%; height:30px; position:fixed; z-index:3; left:0; top:0}
#contstoriaview {width:100%;height: 90%;position:fixed;z-index: 2;left:0;top:0}
#contentstoriaview { width:100%; height:100%; position:absolute; z-index:1; left:0; }
#headstoriaviewq { width:100%; height:30px; position:absolute; z-index:2; left:0; top:30px;}
#fotousstview { float:left; margin-left:20px; height:30px; width:30px; position:relative; }
#textuserview { float:left; margin-left:10px; height:30px; width:auto; position:relative; }
#ttextuserview { float:left;   height:30px; line-height:30px; color:#fff; font-weight:500; font-size:16px; width:auto; position:relative; }
#datauserview { float:left; margin-left:10px; height:30px; width:auto; position:relative; }
#footerstorietttps { width:100%; height:100px; position:fixed; z-index:3; left:0; bottom:0; background:#000}
#tiehs_jdskjs_46345131_kjgbdsa456564654684 {
    width: 100%;
    position: relative;
    overflow:hidden;
    text-align: center;
    display: none;
    vertical-align: middle;
    height: 100%;
    z-index: 2;
}

#ahdsfhdj347347_hdfhhf {
    width: 510px;
    height: 100%;
    position: relative;
    display: table;
    margin: 0 auto 0 auto;
    top: 0;
}

#fhdjdfskjhkdsjhfkdshnfdsjhfdslkjh {
    width: 100%;
    height: 606px;
    position: relative;
    vertical-align: middle;
    /* top:-25px; */
    display: table-cell;
}

#hdsaiohjadshuhdsajh4399 {
    width: 100%;
    height: 50px;
    position: absolute;
    top: 0;
    background: #fff;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    -moz-box-shadow: 0px 0px 5px #ccc;
    -webkit-box-shadow: 0px 0px 5px #ccc;
    box-shadow: 0px 0px 5px #ccc;
}

#basljhsfdhkulfdskhjsdfhh {
    width: 490px;
    margin: 0px 0px 0 0;
    left: 10px;
    height: 30px;
    position: absolute;
}

#headhkjsadhkjsadkjhsad {
    width: 20%;
    height: 80px;
    position: relative;
    float: left;
    display: table;
}

#headhkjsadhkjsadkjhssad {
    width: 20%;
    height: 80px;
    position: relative;
    float: left;
    display: table;
}

#colortfhshkdjaskjds {
    width: 50px;
    height: 50px;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    cursor: pointer;
    position: relative;
    margin: 15px auto;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    border-radius: 35px;
}

#colortfhshkdjaskjds:hover {
    background: url(../images/temachiaro/colortesto.png) no-repeat center #111111;
    background-size: cover
}

#widfhshkdjaskjds {
    width: 34px;
    height: 34px;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    cursor: pointer;
    position: relative;
    margin: 15px auto;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
}

#widfhshkdjaskjds:hover {
    background: url(../images/temachiaro/widgetstoria.png) no-repeat center #111111;
    background-size: cover
}

#optfhshkdjaskjds {
    width: 50px;
    height: 50px;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    cursor: pointer;
    position: relative;
    margin: 15px auto;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    border-radius: 35px;
}

#optfhshkdjaskjds:hover {
    background: url(../images/temachiaro/optesto.png) no-repeat center #111111;
    background-size: cover
}

#texfhshkdjaskjds {
    width: 50px;
    height: 50px;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    cursor: pointer;
    position: relative;
    margin: 15px auto;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    border-radius: 35px;
}

#texfhshkdjaskjds:hover {
    background: url(../images/temachiaro/addtesto.png) no-repeat center #111111;
    background-size: cover
}

.sceltapulfontdef {
    background: url(../images/temachiaro/addtesto.png) no-repeat center #444444;
    background-size: cover
}

.sceltapuldimdef {
    background: url(../images/temachiaro/dimtesto.png) no-repeat center #444444;
    background-size: cover
}

.sceltapulfont {
    background: url(../images/temachiaro/addtesto.png) no-repeat center #111111;
    background-size: cover
}

.sceltapuldim {
    background: url(../images/temachiaro/dimtesto.png) no-repeat center #111111;
    background-size: cover
}

.sceltapulcoldef {
    background: url(../images/temachiaro/colortesto.png) no-repeat center #444444;
    background-size: cover
}

.sceltapuloptdef {
    background: url(../images/temachiaro/optesto.png) no-repeat center #444444;
    background-size: cover
}

.sceltapulwidtdef {
    background: url(../images/temachiaro/widgetstoria.png) no-repeat center #444444;
    background-size: cover
}

.sceltapulwidt {
    background: url(../images/temachiaro/widgetstoria.png) no-repeat center #111111;
    background-size: cover
}

.sceltapulopt {
    background: url(../images/temachiaro/optesto.png) no-repeat center #111111;
    background-size: cover
}

.sceltapulcol {
    background: url(../images/temachiaro/colortesto.png) no-repeat center #111111;
    background-size: cover
}

#dimtfhshkdjaskjds {
    width: 50px;
    height: 50px;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    cursor: pointer;
    position: relative;
    margin: 15px auto;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    border-radius: 35px;
}

#dimtfhshkdjaskjds:hover {
    background: url(../images/temachiaro/dimtesto.png) no-repeat center #111111;
    background-size: cover
}

#sfhshjsdjhksdaklj {
    width: 50px;
    height: 50px;
    margin: 15px auto;
    background: url(../images/sfondipre/sfondo1.png) no-repeat center;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    background-size: cover;
    position: relative;
    /* float:right; */
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}

#sfhshjsdjhksdaklj:hover {
    opacity: 1;
}
#viewsceltasfondo { 
    display:none;
    opacity:0;
    width:30px; height:auto; 
    position:absolute; top:60px; left:15px;
    background: url(../images/temachiaro/sftrasp.png) repeat; 
    padding:0px 10px 10px 10px;
     -moz-border-radius: 80px;
    -webkit-border-radius: 80px;
    border-radius: 80px;             
                  
                  }
#sceltasfondo {
    width: 36px;
    height: 36px;
    left:10px;
    top:2px;
    margin:12px;
    position: absolute;
    z-index: 1;
    background: url(../images/temachiaro/sfondocolor.png) no-repeat center;
    background-size: cover;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

#sfondostoria {
    /* border:8px solid #333; */
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    width: 30px;
    cursor: pointer;
    height: 30px;
    position: relative;
    float: left;
    -moz-border-radius: 80px;
    -webkit-border-radius: 80px;
    border-radius: 80px;
    margin: 10px 0 0px 0px
}

#sfondostoria:hover {
    opacity: 1;
}
.sfondot5 {
    background: url(../images/sfondipre/sfondobig5.png) no-repeat center;
    opacity: 0.5;
    background-size: cover;
}
.sfondot4 {
    background: url(../images/sfondipre/sfondobig4.png) no-repeat center;
    opacity: 0.5;
    background-size: cover;
}
.sfondot3 {
    background: url(../images/sfondipre/sfondobig3.png) no-repeat center;
    opacity: 0.5;
    background-size: cover;
}
.sfondot2 {
    background: url(../images/sfondipre/sfondobig2.png) no-repeat center;
    opacity: 0.5;
    background-size: cover;
}

.sfondot1 {
    background: url(../images/sfondipre/sfondobig1.png) no-repeat center;
    opacity: 0.5;
    background-size: cover;
}

#tfdskjhfdskjfd {
    width: auto;
    position: relative;
    height: 50px;
    line-height: 50px;
    float: left;
    margin-left: 20px;
    font-size: 14px;
    font-weight: bold;
}

#imagecarstoriamod {
    width: 590px;
    height: 686px;
    position: absolute
}

#imagecarstoriamod img {
    float: left;
    position: relative;
    height: 686px;
    width: auto;
}
.hoveralldispl {  width:100%; z-index:1; display:none; position:fixed; top:0; height:100px;  background:url(../images/hoversfondo.png) repeat center;  }
#save_fkhjdsajhgdsafjkhgfds {
    z-index: 2;
    width: 100%;
    height: 100%;
    position: relative;
    margin-bottom: 120px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    overflow: hidden
}
#textareawrites {width:100%;height:auto;position: absolute;}
#menuoptionstories {
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
    z-index: 9
}
#scrittaconfigurata {   width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
                      
    z-index: 9 }
#configurascritta {   width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
      display:none;             
    z-index: 9 }
#allineascritta { width:60px; height:60px; text-align:center;   display:table; margin:0 auto; }
#alliscritta { width:40px; height:40px; float:left;  background: url(../images/iconaallineamento.png) no-repeat center; background-size:cover; margin:10px; }
#closestoria {
    width: 20px;
    height: 20px;
    position: relative;
    float: right;
    background: url(../images/chiudistoria.png) no-repeat center;
    background-size: cover;
    margin: 20px
}
#closestoriaview {
    width: 20px;
    height: 20px;
    position: relative;
    float: right;
    background: url(../images/chiudistoria.png) no-repeat center;
    background-size: cover;
     margin:5px 20px;
}

#invisibledel {
    width: 100px;
    height: 75px;
    background: url(../images/temachiaro/elementocanc.png) no-repeat center;
    background-size: cover;
    opacity: 1;
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    bottom: 10px;
}

#sceltasfospaziolavoro {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    float: left;
    background: url(../images/sfondipre/sfondobig1.png) no-repeat center;
    background-size: cover;
    margin-top: 60px;
    overflow: hidden;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}
#punticarl { width:15px; height:15px; position:absolute; left:-1px; bottom:99px; background:url(../images/curvaturaleft.png) no-repeat center; background-size:cover }
#punticarr { width:15px; height:15px; position:absolute; right:1px; bottom:99px; background:url(../images/curvaturaright.png) no-repeat center; background-size:cover }
#menuconfirmstories {
    width: 100%;
    height: 100px;
    position: fixed;
    bottom: 0;
    background: #000;
    z-index: 9
}

#widget_menziona {
    width: auto;
    max-width: 220px;
    height: auto;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
}

#widget_hashs {
    width: auto;
    max-width: 220px;
    /* height:25px; */
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
}

#hsadhs {
    width: 15px;
    height: 25px;
    line-height: 25px;
    font-size: 15px;
    position: relative;
    float: left;
    color: #ffffff;
    font-weight: bold;
}

#menzionastoriatext {
    min-width: 50px;
    max-width: 200px;
    text-align: left;
    float: left;
    height: 25px;
    position: relative;
    line-height: 25px;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
}

#menzionastoriatext:focus {
    border: none;
    outline: none
}

#hashstoriatext {
    min-width: 50px;
    max-width: 200px;
    text-align: left;
    float: left;
    height: 25px;
    position: relative;
    line-height: 25px;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
}

#hashstoriatext:focus {
    border: none;
    outline: none
}

#textareawrite {
    font-family: segoe ui, arial, helvetica, sans-serif;
    height: auto;
    padding:0px;
    position: absolute;
    z-index: 1;
    left: 5%;
    top: 160px;
    width:90%;
    background:none;
    border:none;
    color: #ffffff;
    text-transform: initial;
    font-size: 30px;
    text-align: center;
    resize:none;
}

#textareamod {
    width: auto;
    height: auto;
    position: absolute;
    font-size: 30px;
    color: #ffffff;
    z-index:9;
    top:160px;
}

#ghsadghsadg {
    display: none;
    background: url(../images/temachiaro/topleftstmini.png) no-repeat left top, url(../images/temachiaro/toprightmini.png) no-repeat right top,url(../images/temachiaro/bottomleftmini.png) no-repeat left bottom, url(../images/temachiaro/bottomrightmini.png) no-repeat right bottom;
    border: none;
    resize: none;
    font-family: calibri;
    width: 100%;
    height: 99%;
    margin: 0;
    font-size: 30px;
    color: #ffffff;
}

#textareamodhtf {
    width: 100%;
    /* height:100%; */
    float: left;
    position: relative;
    text-transform: initial;
    font-size: 30px;
    text-align: left;
    
}

#textareamodhtf:focus {
    outline: none;
    border: none
}

#textareawrite:focus {
    outline: none;
    border: none
}

#menustoriascjfdjfd {
    width: 60px;
    height: auto;
    position: absolute;
    left: -60px;
    top: 150px;
}

#storiapicturesc {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    width: 60px;
    cursor: pointer;
    height: 60px;
    position: relative;
    float: left;
    background: #666;
    background-size: cover;
    -moz-border-radius: 48px;
    -webkit-border-radius: 48px;
    border-radius: 48px;
}

#storiaiconpicturesc {
    width: 30px;
    height: 30px;
    margin: 15px;
    position: relative;
    float: left;
    background: url(../images/temachiaro/storia_sdfoto.png);
    background-size: cover;
}

#storiatextsc {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    width: 60px;
    cursor: pointer;
    height: 60px;
    margin-top: 10px;
    position: relative;
    float: left;
    background: #666;
    background-size: cover;
    -moz-border-radius: 48px;
    -webkit-border-radius: 48px;
    border-radius: 48px;
}

#storiatextsc:hover {
    background: #333
}

#storiapicturesc:hover {
    background: #333
}

#storiaicontextsc {
    width: 30px;
    height: 30px;
    margin: 15px;
    position: relative;
    float: left;
    background: url(../images/temachiaro/storia_tptesto.png);
    background-size: cover;
}

#jkhlfdslkjfdsljkfdsldjsfk {
    width: 100%;
    min-width: 850px;
    background-color: #efefef;
    height: 80%;
    overflow: hidden;
    position: relative;
    min-height: 750px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0px 0px 10px #555;
    -webkit-box-shadow: 0px 1px 10px #555;
    box-shadow: 0px 0px 10px #555;
}

#ft_hfdskjhfsdkjhfdksjhfds_hdskhfd {
    width: 100%;
    bottom: 60px;
    height: 80px;
    position: fixed;
    z-index: 9
}

.footer {
}

.footer:hover {
}

#newultpre {
    width: 100%;
    text-align: center;
    color: #5dff97;
    font-weight: 1000;
    float: left;
}

#modifichealert {
    width: auto;
    height: 48px;
    line-height: 48px;
    position: relative;
    margin-left: 20px;
    color: #009445;
    font-size: 12px;
    font-weight: 500;
}

.khjadshjkdsh {
    opacity: 1
}

#schedacliente_1 {
    display: none;
    width: 500px;
    height: 500px;
    position: fixed;
    background: #fff;
    left: 40%;
    top: 30%;
    z-index: 5;
    margin-top: -100px;
    overflow: hidden;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0px 0px 10px #555;
    -webkit-box-shadow: 0px 1px 10px #555;
    box-shadow: 0px 0px 10px #555;
}

#sdads {
    float: left;
    width: 100%;
    height: auto;
    margin: 10px 0;
    font-weight: bold;
    color: #000;
}

#closemenu {
    width: 28px;
    height: 28px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    float: right;
    margin: 7px 10px 7px 0
}

#closemenu:hover {
    background: #f0f0f0;
}

#inclosemn {
    width: 20px;
    height: 20px;
    float: left;
    border: 0;
    margin: 4px ;
    cursor: pointer;
    background: url(../images/temachiaro/indietrosear.png) no-repeat center;
    background-size: cover;
}

#search_mot {
    width: auto;
    height: 26px;
    background: #f0f0f0;
    border: 1px solid #f0f0f0;
    margin: 6px 10px;
    opacity: 1;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    float: left;
    z-index: 2;
}

#search_mot_text {
    width: 210px;
    height: 26px;
    float: left;
    position: relative;
}

.mod_preventivo {
    display: none;
    width: 980px;
    /* height:550px; */
    position: fixed;
    left: 30%;
    top: 30%;
    z-index: 5;
    margin-top: -220px;
    min-height: 600px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0px 0px 10px #555;
    -webkit-box-shadow: 0px 1px 10px #555;
    box-shadow: 0px 0px 10px #555;
    overflow: hidden
}

#fast_preventivo {
    display: none;
    width: 920px;
    /* height:550px; */
    position: fixed;
    left: 30%;
    top: 30%;
    z-index: 5;
    margin-top: -100px;
    overflow: hidden;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0px 0px 10px #555;
    -webkit-box-shadow: 0px 1px 10px #555;
    box-shadow: 0px 0px 10px #555;
}

#new_preventivo {
    display: none;
    width: 1060px;
    position: fixed;
    left: 30%;
    top: 30%;
    z-index: 5;
    margin-top: -100px;
    overflow: hidden;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0px 0px 10px #555;
    -webkit-box-shadow: 0px 1px 10px #555;
    box-shadow: 0px 0px 10px #555;
}

#new_preventivo_cl {
    display: none;
    width: 920px;
    position: fixed;
    left: 30%;
    top: 30%;
    z-index: 5;
    margin-top: -100px;
    overflow: hidden;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0px 0px 10px #555;
    -webkit-box-shadow: 0px 1px 10px #555;
    box-shadow: 0px 0px 10px #555;
}

#note_preventivo {
    display: none;
    width: 920px;
    /* height:550px; */
    position: fixed;
    left: 30%;
    top: 30%;
    z-index: 5;
    margin-top: -100px;
}

#delnum {
    width: 14%;
    height: 60px;
    text-align: center;
    line-height: 60px;
    float: left;
    font-size: 20px;
    font-weight: bold;
}

#invioform {
    width: 200px;
    height: 80px;
    font-size: 20px;
    background: #ddd;
    margin: 150px 60px;
    border: 2px solid #ddd;
}

#closeform {
    width: 80px;
    height: 80px;
    border: none;
    background: url(../images/chiudi.png) no-repeat;
    background-size: cover;
    margin: 150px 50px 0 0;
    border: 0;
    position: relative;
    float: right
}

#headerpreapppp {
    position: absolute;
    top: 1010px;
    left: 500px;
}

#addnumber {
    width: 400px !important;
    height: 80px !important;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    border: 2px solid #eee;
    margin: 100px 150px;
}

#quant {
    width: 80px !important;
    height: 80px !important;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    border: 2px solid #eee;
    margin: 100px 0px;
}

#cont_centr_ids {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
    background: #fff
}

#tipe_cont_c_id {
    width: 400px;
    height: 500px;
    background: #ddd;
    position: relative;
    display: table;
    float: left;
    margin: 100px 40px ;
}

#a_action_type {
    width: 100%;
    height: 100%;
    float: left;
    position: relative
}

#cont_type_cont_c {
    width: 100%;
    height: 100%;
    float: left;
    position: relative
}

#cont_type_cont_c img {
    width: 200px;
    height: 200px;
    margin: 150px 100px;
    float: left;
    position: relative
}

#title_type_cont_c {
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
}

#rigos_a {
    cursor: pointer
}

#rigos_a:hover span {
    background: #bedbec
}

#header_sc1 {
    border-bottom: 1px solid #dddddd;
    width: 100%;
    height: 48px;
    position: relative;
    float: left;
}

#corpo_sc1 {
    width: 100%;
    position: relative;
    float: left;
    height: 451px
}

#infocliente {
    width: 449px;
    height: 100%;
    position: relative ;
    float: left;
}

#headerinfocliente {
    width: 100%;
    margin: 0;
    height: 60px;
    float: left;
    position: relative;
    border-bottom: 1px solid #eee;
}

#corpoinfocliente {
    width: 100%;
    margin: 0;
    float: left;
    position: relative;
}

#footeractionmod {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 48px;
}

#modificabuttom {
    width: 120px;
    height: 30px;
    cursor: pointer;
    border: 0;
    margin: 9px 10px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background: url(../images/pulsantenewmod.png) no-repeat center;
    background-size: cover
}

#modificabuttom:hover {
    background: url(../images/pulsantenewmodh.png) no-repeat center;
    background-size: cover
}

#modificabuttom:focus {
    outline: none
}

#campoinfocliente {
    width: auto ;
    height: 40px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 10px;
}

#campominiinpt {
    width: 210px;
    height: 26px;
    margin: 6px 0;
    border: 1px solid #eee;
    background: #f0f0f0;
    padding-left: 10px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}

#campocomplinpt {
    width: 315px;
    height: 26px;
    margin: 6px 0;
    border: 1px solid #eee;
    background: #f0f0f0;
    padding-left: 10px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}

#campominiinpt:focus, #campocomplinpt:focus {
    outline: none;
}

#textcampoinfocliente {
    min-width: 100px;
    float: left;
    position: relative;
    height: 40px;
    line-height: 40px;
    font-weight: 400;
}

#visualizzacodicecliente {
    width: 100px;
    height: 28px;
    background: #f0f0f0;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    border: 1px solid #eee;
    margin: 6px 0;
}

#optioncliente {
    width: 50px;
    border-left: 1px solid #ddd;
    background: #f5f5f5;
    height: 100%;
    position: relative ;
    float: left;
}

.modclientesc {
    background: url(../images/modificacliente.png) no-repeat center;
    background-size: cover;
}

.modclientesc:hover {
    background: url(../images/modificaclienteh.png) no-repeat center;
    background-size: cover;
}

#optionbuttoncl {
    width: 36px;
    height: 36px;
    margin: 7px;
    border: 0;
    outline: 0;
    /* background:none; */
    cursor: pointer;
}

#optionbuttoncl:active {
    border: none;
    outline: none
}

#optionbuttoncl:focus {
    border: none;
    outline: none
}

.homeclientesc {
    background: url(../images/homeschedacliente.png) no-repeat center;
    background-size: cover;
}

.homeclientesc:hover {
    background: url(../images/homeschedaclienteh.png) no-repeat center;
    background-size: cover;
}

.deleteclientesc {
    background: url(../images/cancellacliente.png) no-repeat center;
    background-size: cover;
}

.deleteclientesc:hover {
    background: url(../images/cancellaclienteh.png) no-repeat center;
    background-size: cover;
}

.vislavclientesc {
    background: url(../images/iconanuovamodprev.png) no-repeat center;
    background-size: cover;
}

.vislavclientesc:hover {
    background: url(../images/iconanuovamodprevh.png) no-repeat center;
    background-size: cover;
}

#sp_header_sc1 {
    width: auto;
    float: left;
    position: relative;
    height: 48px;
    line-height: 48px;
    margin-left: 20px;
    font-weight: bold;
    font-size: 12px;
}

#action_header_sc1 {
    width: auto;
    float: right;
    position: relative
}

#sp-title {
    width: 100%;
    text-align: center;
    float: left;
    position: relative;
    height: 100px;
    line-height: 100px;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000
}
#displayblocked { background:#00000050; display:none; z-index:999; position:fixed; width:100%; height:100%; }
#cookie-banner {
    display: none;
    position: fixed;
    bottom: 20px;
    left: 20px;
    width:auto;
    height:auto;
    background-color: #fff;
    color: #000;
    text-align: left;
    padding: 10px;
    z-index: 1000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 10px #00000040;
    -webkit-box-shadow: 0px 0px 10px #00000040;
    box-shadow: 0px 0px 10px #00000040;
}
.hidden {
    display: none;
}
#cookie-banner.show, #cookie-customization.show, #displayblocked.show {
    display: block;
    animation: fadeIn 1s;
}

#mini-link {
    display: none;
    position: fixed;
    bottom: 20px;
    left: 20px;
    width:30px;
    height:40px;
    color: #000;
    background:url(../images/cookie.png) no-repeat center/cover #fff;
     -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    padding: 5px 10px;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    z-index: 1000;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
#cookie-customization {
    display: none;
    z-index:1000;
    background:#fff;
    width:500px;
    position:fixed;
    height:auto;
    bottom:20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin:auto;
    padding: 20px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 10px #00000040;
    -webkit-box-shadow: 0px 0px 10px #00000040;
    box-shadow: 0px 0px 10px #00000040;
}
#cookie-banner p {
    margin:10px ;
    width:340px;
}
 #cookie-customization p {
    margin:10px 0;
    font-size:16px;
  
}
#cookie-banner h3 {
    margin:10px ;
    width:340px;
}
#accept-all-cookies {
    background:#d50000 !important;
    color:#fff !important
}
#accept-all-cookies:hover  {
    background:#ff5252 !important;
    border:2px solid #ff5252;
    color:#fff !important
}
#cookie-banner button, #cookie-customization button {
    background:none;
    border:2px solid #d50000;
    color: #d50000;
    
    padding: 10px 20px;
    margin: 5px 5px;
    cursor: pointer;
    font-weight: bold;
}
#save-preferences { bottom:20px; position:absolute;}

#cookie-banner button:hover, #cookie-customization button:hover {
    background-color: #d50000;
    color:#fff !important
}
 
#immaginedicop {width:100%;/* height:400px !important; */overflow:hidden;float:left;/* top:60px; */position:relative}
#row_title_copertina {width:45%;height:auto;position:absolute;text-transform:uppercase;color:#ffffff;font-weight:bold;/* text-shadow:2px 2px 5px #000000ed; */bottom:10%;right:-100%;  z-index:1; background:#5386e170;}
#titleimgcopert {width:auto;height:auto;position: relative; margin:20px 10%;font-size:clamp(30px, 2vw, 50px);text-transform:uppercase;color:#ffffff;font-weight:bold;/* text-shadow:2px 2px 5px #000000ed; */float:left;z-index:1}
#contimgcooper {width:100%;height:100%;overflow:hidden;float:left;background-size:cover !important;position:relative; background-position:center !important}
#imagescopertina {  width:100%;  height:auto ;   float:left;   position:relative }
 
body {
   color: #000;
   font-size: 13px;
   font-family: 'montserrat',sans-serif,arial,calibri !important;
   -webkit-text-size-adjust: 100%;
   font-style:normal;
   font-weight: 400;
   -webkit-font-smoothing: antialiased;
}
.socialnetwicon { list-style:none; }
#text_copertina {position:absolute;left:200px; bottom:80%; opacity:0;height:auto;}
#titlechisiamoc { float:left; width:100%; position:relative; height:auto; margin:0 0 0 10px; color:#fff} 
#titlechisiamoc h1 { font-weight:bold; font-size:50px;  }
#titlechisiamoc h3 { font-weight:300; font-size:20px;  }
#immaginecopertina { width:100%; height:400px; position:relative; top:0; overflow:hidden  }
#aziendachisiamo {width:80%;position:relative;height:700px; margin:20px auto; display:table}
#ceochisiamo  {width:80%;position:relative;height:auto;display:table;margin:20px auto; color:#fff}
#titleceoazienda {width:100%;height:auto;position:relative;float:left;/* border-bottom:1px solid #eee; */left:-100%;opacity:0;margin:20px 0}
#titleceoazienda h2 { color:#fff }
#titleleftboxceo { width:100%; height:auto; position:relative; float:left;   }
#description-ceo  {width:100%;height:auto;position:relative;float:left;color: #efefef;font-size:18px;font-weight:400; text-align:justify; line-height:1.6em;margin:10px 0}
#leftboxceo { width:49%; height:auto; position:relative; float:left; top:500px; opacity:0;}
#rightboxceo { width:49%; height:auto; position:relative; float:right; top:500px; opacity:0;}
#titleceoazienda h2 {font-size:70px;text-transform:capitalize;margin:10px 0;letter-spacing:0px}      
#titleleftboxceo h3 {font-size: 20px;font-weight:400;text-transform: uppercase;margin:10px 0}
#fotochisiamo {width:50%;float:left;position:relative;height: 500px;bottom:-150px;opacity:0;margin:100px 0;}
.contentfotochisiamo { width:100%; height:auto; position:relative; float:left;  }
.mySlides {display: none; width:100%; height:100%; position:relative }
.mySlides img { width:100%; height:100%; background-size:cover !important; position:relative}
img {vertical-align: middle}

/* Slideshow container */
.hov_slider  {
  position: absolute;
    background:#00000050;
   width: 100%;
    top:0;
    left:0;
    z-index:2;
  height: 500px;
 
}
.slideshow-container {
  position: relative;
  max-width: 900px;
  height: calc(100vw/4);
  overflow:hidden;
  margin: auto;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Dots/bullets/indicators */
.dotc { width:auto; display:table; position:relative; height:5px; margin:0 auto;z-index:3; top:-25px}
.dot {
    
  height: 3px;
  width: 50px;
  margin: 0 3px;
  background-color: #a2a2a2;
  cursor:pointer;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.dot:hover { background-color: #ffffff;  }
.active {
  background-color: #ffffff; height:5px
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
#text_about { width:50%; margin:150px 0; float:left; position:relative; height:auto;  }
#about_h1{/* float:left; */height:auto;position:relative; margin:0 auto; opacity:0; top:-100px; display:table}
#about_h1 h1 {font-weight: 700;font-size:60px;/* font-family:'exo2b'; */}
#picture_photo {  width:49%; height:auto; padding-bottom:50%;float:left; margin:0 0  1% 1%; position:relative }
#text_long_about {float:left;position:relative;width:auto;margin: 50px auto;display: flex;font-size:16px;opacity:0;top:-100px;/* text-transform:capitalize; */font-weight: 300;justify-content: space-around;}
.long_about_colw:first-child  {position:relative;width:46%;/* margin-left:2%; */font-size:20px;}
.long_about_colw {position:relative;width:46%;text-align:justify;/* margin-left:2%; */font-size:20px;line-height:1.8;}
#crpupohgt {
  width:50px;
  height:50px;
  position:relative;
  border:none;
  background:url(../images/temachiaro/pubblicapp.png) no-repeat center #fff;
  background-size:cover;
    padding:0px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  -moz-box-shadow: 0px 0px 2px #393939;
  -webkit-box-shadow:   0px 0px 2x #393939;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#393939', Direction=90, Strength=5);
  box-shadow: 0px 0px 2px #393939;
  }
#previewp { width:100%; height:auto; margin:0; display:none; position:relative; float:left; }
#prevcont  { width:100%; height:auto;    position:relative; float:left; }
#immaginicont {width:100%;height:98%;/* overflow:hidden; */position:relative;float:left;}
.quintrdivs {  width:52%; position:absolute; top:0; overflow:hidden; border:5px solid #fff; z-index:1}
.quintrdivs1  {  width:97%; position:absolute; top:150px; left:1.5%; overflow:hidden;}
#quintrdivs1 { width:44.3% !important}
#quintrdivs2 { z-index:1; top:-20px; border:5px solid #fff; height:195px !important}
#quintdivs5 { z-index:3; bottom: -710px; overflow:hidden; right:0; width:52%;  border:5px solid #fff; position:absolute;  height:195px !important}
#quintdivs4 { z-index:3; bottom: -730px; overflow:hidden; left:0; width:44.5%;  border:5px solid #fff; position:absolute;  height:195px !important}
#quintdivs5 img { width:100%; height:195px;}
#quintdivs4 img { width:100%; height:195px;}
.quadrdivs { overflow:hidden; float:left; position:relative; -moz-border-radius: 8px;-webkit-border-radius: 8px;  border-radius: 8px;  }
#primmaimmsl  {  overflow:hidden;    position:relative; float:left; margin-bottom:5px }
#secondterzl { width:49.5% ; overflow:hidden; float:left; position:relative }
#secondterzl1 { width:49.5% ; overflow:hidden; float:right; position:relative }
#immsliderduo { width:49.5%; overflow:hidden; float:left; height:500px; position:relative; }
#immsliderduow { width:49.5%; overflow:hidden; float:right; height:500px; position:relative; }
#immsliderduo img { height:100% ; width:auto; left:-50%; position:relative; }
#immsliderduow img { height:100% ; width:auto; right:100%; position:relative; }
#immslider { width:100%; position:relative;float:left;  height:auto}
#tempimgpost { width:100%; height:auto; float:left; position:relative;}
#clp { width:28px; height:28px; background:url(../images/temachiaro/frecciamenu.png) no-repeat center; background-size:cover; z-index:1; position:absolute; left:0; top:0;  border:none; margin:11px 12px; }
#postimmagini { border:none; outline:none; width:36px; height:36px;   margin:11px; left:0; position:absolute; z-index:1; opacity:0 }
#postfoto { border:none; outline:none; width:36px; height:36px; float:left; background:url(../images/temachiaro/postfoto.png ) no-repeat center; margin:11px;background-size:cover; }
#posttag { border:none; outline:none; width:36px; height:36px; float:left; background:url(../images/temachiaro/posttag.png ) no-repeat center; margin:11px;background-size:cover; }
#typepost  { width:auto;font-size:16px; height:34px; line-height:34px; padding:0 20px;   font-weight:bold; -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;  z-index:1; position:relative;   background: linear-gradient(to right, #f800b9, #f800b9, #a700d0);
  background-size: cover;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;  border:1px solid #ff00a9; margin:11px 12px;   }
#cpost   {
  width:auto;
  height:30px;
  line-height:30px;
  padding: 0 16px;
    font-size:14px;
  color:#fff;
  font-weight:bold;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  z-index:1;
  position:absolute;
  right:0;
  top:0;
  border:none;
  margin:11px 12px;
  background-image: -ms-linear-gradient(top , #ff00a9 0%, #a700d0 100%);
/* Mozilla Firefox */
  background-image: -moz-linear-gradient(top , #ff00a9 0%, #a700d0 100%);
/* Opera */
  background-image: -o-linear-gradient(top , #ff00a9 0%, #a700d0 100%);
/* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear,  top,  bottom, color-stop(0, #ff00a9), color-stop(1, #a700d0));
/* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top , #ff00a9 0%, #a700d0 100%);
/* Regola standard */
  background-image: linear-gradient(to top , #ff00a9 0%, #a700d0 100%);
  }
.disablecrea { background:#efefef !important; color:#999 !important }
.enablecrea {  color:#fff; background-image: -ms-linear-gradient(top , #ff00a9 0%, #a700d0 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top , #ff00a9 0%, #a700d0 100%);
/* Opera */
background-image: -o-linear-gradient(top , #ff00a9 0%, #a700d0 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear,  top,  bottom, color-stop(0, #ff00a9), color-stop(1, #a700d0));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top , #ff00a9 0%, #a700d0 100%);
/* Regola standard */
background-image: linear-gradient(to top , #ff00a9 0%, #a700d0 100%); }
#dtitle {
  width:100%;
  height:50px;
  line-height:50px;
  font-size: 18px;
  font-weight:bold;
  text-align:center;
  background: linear-gradient(to right, #f800b9, #f800b9, #a700d0);
  background-size: cover;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  }
#creaz_posts { display:none; position:fixed; z-index:999; background:#000; opacity:0; width:100%; height:100%; top:0; left:0;  }
#h_c_ps { width:100%; position:relative; height:50px; float:left; }
#contpost { width:100%; position:relative; height:auto; float:left; background:#fff; }
#centcpost { width:100%; position:relative; height:auto; float:left; overflow:auto  }
#footercpost { width:100%; position:fixed; height:100px; float:left; bottom:0; background:#fff }
#leftfcpst { width:50%; position:relative; height:70px; float:left;   }
#rightfcpst { width:auto; position:relative; height:70px; float:right;   }
#lineadivpost  { width:100%; position:absolute; height:1px; top:0;  background-image: -ms-linear-gradient(top , #ff00a9 0%, #a700d0 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top , #ff00a9 0%, #a700d0 100%);
/* Opera */
background-image: -o-linear-gradient(top , #ff00a9 0%, #a700d0 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear,  top,  bottom, color-stop(0, #ff00a9), color-stop(1, #a700d0));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top , #ff00a9 0%, #a700d0 100%);
/* Regola standard */
background-image: linear-gradient(to top , #ff00a9 0%, #a700d0 100%);  }
#creaposttext {
    font-size:25px;
  width:92%;
  height: 96%;
  padding:0;
  margin:5px 4% 0 4%;
  position:relative;
  float:left;
  border:none;
  outline:none;
  resize:none;
  
  font-family:arial;
  background: linear-gradient(to right, #f800b9, #f800b9, #a700d0);
  background-size: cover;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  }
#crpohgt4957 {
  width: 30%;
  height:50px;
  position: fixed;
  margin:0 35%;
  bottom:10px;
  text-align:center;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-flex-direction:row;
  flex-direction:row;
  -webkit-justify-content:center;
  justify-content:center;
  }
.views { display:flex !important }
#menudiapositive {background:#fff;height:auto;position:fixed;z-index: 9;width:100px;top:100px;left:50px;}
#elencodiapositivef { width:80px; margin:10px; height:80px; position:relative;}
#oscuramento {position:fixed;/* display:none; */z-index:1;background:#000;width:100%;height:100%;top:0;left:0;opacity:0.8}
#moduloimmaginev  {
    position:fixed;
    display:none;
    opacity:0;
    overflow:hidden;
    z-index:991;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    width:100%;
    height:100%;
    justify-content: center;
    background:#ddd; /* Allineamento orizzontale al centro */
    align-items: center;
    }
#immaginedavedere  {
            position:relative;
            z-index:1;
            width:100%;
            height:100%;
            display:flex;
            cursor: url('../images/cursoreuscita.png') , auto;
            align-items: center;
            }
#centerimagedavedere { position:relative;  z-index:1;  width:auto; height:90%;  margin:0 auto;   }
.immaginevista {position:relative;z-index:1;width:auto;height:100%; margin:0 auto;   }
#modulodicontatto { position:fixed;display:none; z-index:991;  width:100%; height:100%;  
            justify-content: center; /* Allineamento orizzontale al centro */
            align-items: center;   }
                   #contenitoremodicont {
            width:800px;
            z-index:2;
            background:#fff;
            justify-content: center; /* Allineamento orizzontale al centro */
            align-items: center;
            height:auto;
            /* margin:0 auto; */
            display:table;
            position:relative;
            overflow:hidden;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            }
                   #mnome { width:100%; position:relative; height:40px; float:left; margin-bottom:20px; display:flex }
.whs_go { background:#14ad17; border:1px solid #1fa30c; color:#fff;-webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease; padding:0 15px; cursor:pointer;-moz-border-radius: 2px;  -webkit-border-radius: 2px;
    border-radius: 2px ;   margin:0 2%;}
.whs_go:hover { background:#ffffff;  border:4px solid #1fa30c; padding:0 12px; color:#1fa30c}
#mnomet { width:100%; position:relative; height:auto; float:left; margin-bottom:20px;  }
#textpreh { width:92%; margin:0 2%; padding:2% 2% 0 2%; border-top:1px  solid #ccc; border-left:1px  solid #ccc; color:#777; border-right:1px  solid #ccc;    height:20px}
#textprea { width:92%; margin:0 2%; padding:0 2%; border-bottom:1px  solid #ccc; border-left:1px  solid #ccc;   border-right:1px  solid #ccc;   height:auto}
#messaggio { width:100%;  padding:0 0 10px 0; border:0; resize:none; font-family:segoe ui; height:auto}
#messaggio:focus { outline:none; border:none; } 

#gomodulo { width:100px; height:40px; margin-left:10%; background:#e00404; color:#fff; border:none; cursor:pointer }
                   .disable { background:#f8caca !important; color:#e4afaf ! important; cursor:unset !important}
                   #imageprodottocont {width:30%;position:relative;height: auto;float:left;/* border-top:1px solid #ddd; */margin-bottom:20px; }
                   #titoloprodcont {width:65%;position:relative;height: auto;float:right; margin-bottom:20px; font-size:14px; font-weight:100; text-transform:uppercase }
                   #imagesprodottocont { width:100%; height:auto; position:relative; float:left }
                   .inputmodulo { width:70%; padding:0 5%; margin:0 auto; position:relative;-moz-border-radius: 4px;  -webkit-border-radius: 4px;
    border-radius: 4px ; height:40px; border:1px solid #ccc  }
                   .inputmodulo:focus { outline:none;  border:1px solid #ff6255  }
.okcampo { border: 1px solid #12c300;} 
.errorcampo { border: 1px solid #f00;}
                   #titolocont { border-bottom:1px solid #ddd; width:100%; height:40px; line-height:40px; text-align:center; font-size:18px}
  #closemodulo {   width:30px; height:30px; margin:5px; position:absolute; right:0; cursor:pointer; background:url(../images/closemodulo.png) no-repeat center/cover;}
html, body {
    /* background:#111; */
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    /* overflow-x: hidden; */
}
header {width:100%;height: 120px;position:fixed;top:0;z-index: 9;float:left;   
               }
footer  {width:100%;height: auto;position:relative;top:100px;bottom:0;z-index:2;float:left;}
#colorfooter   {width:100%;height: 100%;position:absolute;bottom:0;background: #000;}
.container {width:100%;height: auto;position:relative;bottom:0;z-index:1;float:left;}
.row2{width:50%;height: auto;position:relative;bottom:0;z-index:1;float:left;display:flex;}
#altreinfo {width:100%;height: auto;background: none;position:relative;bottom:0;z-index:1;float:left;}
#info_copiry {width:100%;height: auto;background: #111;position:relative;bottom:0; margin: 50px 0 0 0; z-index:1;float:left;}
#content_infocp {width: 90%;height: auto;display:table;margin:20px auto;position:relative}
.infocopyright { width:100%; position:relative; height:auto;  }
.linksweb { color:#007fff; text-decoration:none; font-size:14px}
#infocontcopt { width:100%; position:relative; margin:10px 0; height:auto;   }
#infocontcopt a { color:#fff; text-decoration:none; float:left; width:auto; font-weight:400; margin-right:20px; position:relative; z-index:1;  }
#infocontcopt a:hover { text-decoration:underline}
#marchitrattati { width:100%; height: auto; background:#ccc; float:left; position:relative}
#altreinfosinistra {width:100%;height:100%;position:relative;bottom:0;   top:500px;   -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease ; margin-top:20px; z-index:1; float:left;}
#altreinfsin{width:33%;height:100%;position:relative;bottom:0; z-index:1; float:left;}
#altreinfsin1{width:33%;height:100%;position:relative;bottom:0; z-index:1; float:left;}
#titlesinfs  {width:100%;height:auto;position:relative; z-index:1; float:left;}
#cont_pinfs {width:100%;height:auto;position:relative;z-index:1;float:left;/* display:flex; */}
#logosito  {width:350px;height:60px; background:url(https://www.zetatrasportisrl.it/images/newlogowhite.png) no-repeat center; background-size:cover; position:relative; z-index:1; margin:20px 9%;}
#titolosinfs {width:auto;height:auto;padding:10px 20px;position:relative;z-index:1;margin: 10px 9%; display:table; color:#fff;z-index:1;text-transform:uppercase;font-size:16px;font-weight:bold}
#btitolosinfs {width:100px;height:30px;background:#6373d9;text-align:center;position:relative;/* z-index:1; */top: -60px;margin: 0px 7%;color:#fff;font-weight:bold;text-transform:uppercase;font-size:20px}
#altreinfodestra {width:100%;height:100%; -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease ;position:relative;bottom:0; z-index:1; text-align:center; opacity:0; float:right;}
#altreinfodestra iframe {margin:20px 0;width: 90%;}
#titoloinfos {height:30px;color:#fff;line-height:30px;font-size:50px; line-height:1.2em; text-transform:uppercase;width:auto;position:relative;display:table;margin:70px auto;padding:20px 50px; }
 #primotitolo {width:100px;margin: 10px 13%;/* left:-50px; */float:left;position:relative;}
#primotitolo2 { width:200px; margin:10px 50%;left:-100px;  float:left;  position:relative;  }
#primotitolo3 { width:200px; margin:10px 50%;left:-100px;  float:left;  position:relative;  }
#tbordotitolo{width:100%; height:20px; z-index:1; float:left; position:relative }
#bordotitolo {width:100%; height:15px;background:#6373d9; top:-5px; float:left; position:relative }
#cont_pinfs p { color:#afafaf; font-size:14px;  width:80%; font-family:arial; font-weight:100; margin:0 auto 10px auto; line-height:18px  } 
#cont_pinfs p a { color:#afafaf; text-decoration:none; font-size:16px;    line-height:12px  } 
#cont_pinfs p a:hover { color:#6373d9}
.col-12 {   height:auto; min-height:120px; position:relative;float:left; width:100%;}
.lisocialnet { list-style:none; width:40px; height:40px; position:relative;float:left;}
.icon_fb { }
.col-12 p { color:#fff; font-size:14px; margin-bottom:2px; font-family:arial; } .col-12 p:first-child { color:#fff; text-transform:uppercase; font-family:'motorracing';  margin-bottom:38px; font-size:12px; }
#maps iframe { height:350px; float:left; position:relative; width:100%;   }
#maps { height:auto; float:left; position:relative; width:100%; padding-bottom:100px }
#contenuto {width:100%;height:auto;min-height:400px;position:relative;top: 100px;float:left;}
#contCarrello { width:100%; height:auto; position:relative; float:left; display:flex; margin-top:100px;}
#bodyCarrello { max-width:1400px; width:100%; height:auto; position:relative; margin:20px auto;}
#headCarrello { width:100%; height:60px; position:relative; float:left;}
#contentCarrBody { width:100%; height:auto; margin:10px auto; position:relative}
#listaProdottiCarrello { width:68%; height:auto; margin:0 2% 0 0 ; position:relative} 
#tablecellproduct{ width:100%; height:auto; margin:10px auto; position:relative; float:left;}
#litablecellprod { width:100%; height:auto; background:#eee; position:relative; float:left;}
#litablecellprodli { width:100%; height:auto; background:none; border-top:1px solid #ddd; position:relative; float:left;}
#articoloP { width:38%; float:left; height:auto; padding:10px 4%; font-family:sans-serif; font-weight:bold; color:#666; }
#articoloPr { width:46%; float:left; height:auto; padding:10px 0%;  font-family:sans-serif; font-weight:bold; color:#666; }
#litablecellprodli:first-child { border:none !important;}
#contentArticoloP { width:100%; height:auto; margin-top:20px; position:relative; float:left;}
#fotoprodotto  { width:100px; height:80px;   position:relative; float:left;} 
#titoloProdotto  { width:auto; height:80px;  margin-left:20px;  position:relative; float:left;} 
#aTitProdotto  { width:auto; height:auto; color:#3c6cdd; text-decoration:none; position:relative; float:left;} 
#aTitProdotto:hover { color:#7199f7}
.imgProdotto { width:100px; height:80px;   position:relative; float:left;} 
#prezzouni { width:10%; float:left; height:auto; padding:30px 4%; font-family:sans-serif; font-weight:100; color:#000; }
#quantitaPR  { width:10%; float:left; height:auto; padding:30px 4%; font-family:sans-serif; font-weight:100; color:#000; }
#prezzoTot  { width:10%; float:left; height:auto; padding:30px 4%; font-family:sans-serif; font-weight:100; color:#000; }
#prezzouniP { width:10%; float:left; height:auto; padding:10px 4%; font-family:sans-serif; font-weight:bold; color:#666; }
#quantitaP { width:10%; float:left; height:auto; padding:10px 4%; font-family:sans-serif; font-weight:bold; color:#666; }
#prezzoTotP { width:10%; float:left; height:auto; padding:10px 4%; font-family:sans-serif; font-weight:bold; color:#666; }
#riepilogoCarrello { width:30%; height:auto;  position:relative} 
#bodyModalCart { position:fixed; background:#00000040; z-index:99999; display:flex; width:100%; height:100%;}
#backsfondo { position:absolute; width:100%; height:100%; z-index:1; }
#modalAddCart {
    position:relative;
    width:400px;
    /* height:500px; */
    margin:auto;
    background:#fff;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
    border-radius: 10px;
    z-index:2
    }
#headModal { position:relative; float:left; height:50px; border-bottom:1px solid #ddd; width:100%}
#contentModal { width:100%; height:auto; float:left; position:relative; }
#contentModalS {float:left;position:relative; width:100%;height:auto; display:flex;}
#contentModalI { position:relative; border-top:1px solid #ddd; margin-top:20px; float:left; height:auto; width:100%;}
#goCart { width:90%; height:auto; cursor:pointer; background:#000; height:40px; margin:10px auto; display:flex; -moz-border-radius: 10px;
    -webkit-border-radius:10px;
    border-radius: 10px;}
#goCart:hover { background:#3578f8}
#goShopping { width:90%; height:auto;  height:40px; margin:10px auto; cursor:pointer;display:flex; }
#goShopping:hover #textgoShopping { color:#3578f8 }
.kFOfz { position:relative; display:flex; margin:30px auto; }
#titleHeadModal { width:auto; float:left; position:relative; margin:0 25px; line-height:50px; font-family:sans-serif; font-size:16px ; font-weight:bold; }
#titleProduct {width:90%;float:left;position:relative;margin:0 auto;font-family:sans-serif;font-size:16px;font-weight:100}
#closeModal { width:50px; height:50px; position:absolute; display:flex; right:0}
.kcVcfI {
    cursor: pointer;
    margin: auto;
    
}




.dfHrtn {
    display: flex;
    cursor: pointer;
    width: 24px;
    height: 24px;}
.row {width:100%;height:auto;float:left;position:relative;overflow:hidden;background: #f5f5f5;}
#rowfixed  {width:80%;height:auto; margin:0 auto; display:table; position:relative;overflow:hidden; }
.row11 {width: 100%;height:auto;margin:0 auto;display:table;position:relative;overflow:hidden;}
.row3 {width:100%;height:auto;float:left;position:relative;overflow:hidden;background: #0c385a;}
.trattamento_marchi {
  padding: 20px;
  background-color: #f7f7f7;
  text-align: center;
}

.titolo_trattamento_marchi {
  /* font-size: 24px; */
  /* margin-bottom: 20px; */
  font-weight: bold;
}

/* Carousel container */
#contentSection {
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  position: relative;
}

/* Individual logo styles */
.marchiZT {
  display: inline-block;
  /* padding: 0 20px; */
  font-size: 120px;
  font-weight: bold;
  /* border-radius: 5px; */
  /* margin: 0 10px; */
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
}

/* Keyframe animation for scrolling */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* Applying the animation */
#contentSection {
  display: flex;
  animation: scroll 20s linear infinite;
}

/* Duplicate the content for infinite effect */
#contentSection::after {
  content: "";
  display: flex;
  flex: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 100%;
  pointer-events: none;
  background: linear-gradient(90deg, #f7f7f7 0%, #f7f7f7 10%, transparent 90%, transparent 100%);
  animation: scroll 20s linear infinite;
}
.trattamento_marchi {width:100%;height:500px;float:left;position:relative;/* display:flex; */}

.titolo_trattamento_marchi { width:auto; height:auto; position:relative; display:table; margin:80px auto; font-size:60px; color:#000; opacity:0; transform:scale(0.5) }
.carousel {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  
  
}

.carousel__track {
  display: flex;
  animation: scroll 20s linear infinite;
}

.marchiZT {
  display: inline-block;
  padding: 0 20px;
  font-size:70px;
  font-weight: bold;
  
  border-radius: 5px;
  margin: 0 10px;
  
}

/* Keyframe animation for scrolling */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
#contentSection {/* width:80%; *//* height:auto; *//* position:relative; *//* display:table; *//* margin:60px auto; */font-size: 80px;color:#000;opacity:0;top:-100%}
.marchiZT {/* width:auto; *//* position:relative; *//* float:left; */margin:0 30px;font-family:zetasolid; text-transform:lowercase/* font-size:18px; */}
#contenutospedizioni {width:100%;height:auto;float:left;position:relative;overflow:hidden;/* background:url(../immagini/trasportiop.png) no-repeat center/cover; */}
div[itemprop="mainEntityOfPage"]  { width:90%; margin:40px 5%; font-family:sans-serif; font-size:18px; }
#imagesarticolocategoria { position:relative; margin-top:140px; }
#menudovesono {width:96%;float:left;height:auto;margin:10px  0 20px 0%; display:flex; gap:20px}
#menudovesono a { border-radius:30px; border:1px solid #111; color:#000}
#urltags {  text-decoration:none; float:left;  padding:10px 20px;position:relative; font-size:16px; font-weight:bold;}
#urltags2 {  color:#fff; text-decoration:none; float:left;  padding:10px 20px;position:relative; font-size:16px; font-weight:bold;}
.distanziatore_freccia { width:6px; height:6px; margin:2px 20px;  float:left;  position:relative}
 
.col-12 p a { opacity:0.6 }
.col-12 p a:hover { opacity:1 }

#iconfb { width:100px; height:100px;   position:relative;top:0; display:block; float:left; background:url(../images/facebook.png) no-repeat center; background-size:cover; }
#iconinst {width:100px;height:100px; display:block; position:relative; float:left; margin:0 0px  0 30px;background:url(../images/instagram.png) no-repeat center;background-size:cover;}
#iconfb:hover  { background:url(../images/facebookh.png) no-repeat center; background-size:cover; }
#iconinst:hover  { background:url(../images/instagramh.png) no-repeat center; background-size:cover; }

#iconwhs {width:100px;height:100px;position:relative;/* top:220px; */background:url(../images/wu.png) no-repeat center;background-size:cover;}
#spanimages { float:left; position:relative; width:100%; overflow:hidden; }
#spanimages img { float:left; position:relative;  margin:   0 0 10px 0;  width:100%; }
.rigacolonnarow:first-child { display:table }
.rigacolonnarow { width:100%;  margin:100px auto 0 auto;flex-wrap:wrap-reverse;  position:relative; display:flex}
.colonnarow { width:48%; float:left; position:relative; display:flex; flex-wrap:wrap;  height:auto; font-size:18px;  }
.colonnarow img {
    width: 100%; /* Imposta la larghezza dell'immagine al 100% della larghezza della finestra */
      height: calc(100vw/3); /* Imposta l'altezza dell'immagine come una proporzione della larghezza della finestra, ad esempio un rapporto d'aspetto 16:9 */
      
   
   
     
    -moz-box-shadow: 0px 0px 25px #00000080;
    -webkit-box-shadow:0px 0px 25px #00000080;
    box-shadow: 0px 0px 25px #00000080;
    }
.colonnarow:first-child{ margin-right:4%;}
.miniriga  {
   width: 100%;
   /* display: flex; */
   justify-content: center;
   align-items: center;
  }
.rigac {
    /* overflow:hidden; */
    min-height:100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* display: grid; */
    width:100%;
  }
#content-view { width:100%; height:auto; margin:20px 0; position:relative }
#center-content-view { width:100%; height:auto; margin:20px 0; position:relative }
.title-center-view { width:100%; height:auto; margin:20px 0; position:relative }
.titolo-title-view  { width:auto; height:auto;   margin:0px 0; position:relative; font-size:20px; font-weight:bold; }
.link-title-view { width:auto; height:auto;   margin:10px 0; position:relative;   }
.link-title-view a { width:auto; height:auto;    position:relative; text-decoration:none; font-size:16px; font-weight:bold; color:#006eb8 }
.link-title-view a:hover { text-decoration:underline}
#title-content-view { width:auto; height:auto; display:table; margin:20px auto; position:relative; }

#title-content-view h1 {  font-size:40px !important  }
  .rowcontserv1 { left:-100% ;  } 
    .rowcontserv2 {  bottom:-800px ;  } 
   .rowcontserv5 {left:0;top:5px;width:100% !important; opacity:0 ;background:#eee} 
.rowcontserv5 #textrowcontserv h1 { font-size:40px;}
.rowcontserv5 #textrowcontserv h3 { font-size:30px;}
.rowcontserv5 #rowcontservimg { width:50%;}
.rowcontserv5 #rowcontservtext { width:50%;}
    .rowcontserv3 {  top:-800px ;  } 
    .rowcontserv4 {  right:-100% ;  }  
.animation_transition { -webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s ease ;}
 #ultimiprodottiw{width:100%;height:auto;float:left;overflow:hidden;position:relative;/* margin: 15px 0; */} 
#ultimiprodotti1 {width:100%;height:auto;float:left;overflow:hidden;position:relative;/* margin: 15px 0; */} 
#ultimiprodotti {width:100%;height:auto;float:left;overflow:hidden;position:relative;/* margin: 20px 0; */}
#sectionspedizioni {width:80%;height:auto; overflow:hidden;position:relative;margin: 80px auto; }
#contenitoreServizi {width: 80%;height:auto;float:left;overflow:hidden;position:relative;margin: 40px 10%;top:-150px;z-index: 2;}
#fotoServizi {width:100%;height:auto;position:relative;/* margin:20px 0; */opacity:0;}
#fotoSpedizioni {width:100%;height:auto;position:relative;/* margin:20px 0; */opacity:0;}
.fotoServizi-zt {width:100%;height:60vh;min-height:500px;background-position:center !important;background-size:cover !important;background-attachment:fixed !important;}
.fotoSpedizioni-zt{width:100%;height:60vh;min-height:500px;background-position:center !important;background-size:cover !important; background-attachment:fixed !important;}
#content-spedizioni  {width:94%;height:auto;float:left;position:relative;opacity:0;margin: 10px 4%;font-size: clamp(16px, 2vw, 20px) !important;color:#fff;font-weight: 300;top:-100px;}
#content-spedizioni h3 {  font-size: clamp(20px, 2vw, 30px) !important; font-weight:bold; }
#contentleft {width:94%;height: auto%;float:left;position:relative;opacity:0;margin: 10px 4%;font-size: clamp(16px, 2vw, 20px) !important;color:#fff;font-weight: 400;top:-100px;}
#contentleft h3 {  font-size: clamp(20px, 2vw, 30px) !important; font-weight:bold; }
 .pulsante-icon-views { display:none; }
#contentleftcolw { width:49%; height:auto; float:left; position:relative }
#contentrightcolw{ width:49%; height:auto; float:right; position:relative }
.col-lg-4  { width:100%; float:left; height:auto; position:relative }
.text-teaser-header  {width:100%;float:left;padding:20px 0;background: #0c385a;border: 1px solid #0c385a;height:auto;position:relative}
.text-teaser-content  {width:100%;float:left;padding:20px 0;background:#fff; border:1px solid #ddd;top:-1px;height:auto;position:relative;}
.text-teaser-content li {
     margin:0px 10px 20px 30px;
     list-style-image: url(../images/liststylelit.png);
     font-size:18px;
     /* font-weight:100; */
     position:relative;
     word-break: break-word; /* Assicura che le parole lunghe vengano spezzate */
     overflow-wrap: break-word; /* Spezza le parole lunghe */
     word-wrap: break-word; /* Compatibilità con vecchi browser */
     white-space: normal; /* Assicura che il testo venga wrappato */
  }
.text-teaser-header h3 { font-weight:bold; font-size:24px; text-align:center; color:#fff; text-transform:uppercase; letter-spacing:1px}
#primotitolopv5555 { width:90%; float:left; margin:0 0 40px 0%; }
#primotitolopv5555s { width:90%; float:left; margin:40px 0 50px 0%; }
#contenutoServizi { width:100%; float:left; height:auto; position:relative; font-size: clamp(16px, 2vw, 20px) !important; color:#fff; font-weight:100;  }
 
#contenutoServizi div {
    margin-top: 20px;
    top:600px;
    opacity:0;
    position:relative;
    -webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s ease;
    }
#contenutoServizi h3 {  font-size: clamp(30px, 2vw, 50px) !important; font-weight:bold; }
#elementoServizi { width:48%; height:auto; float:left; position:relative}
#elementoServizip { width:48%; height:auto; display:table; margin:0 auto; position:relative}
.immagineElementoS { width:50%; padding-bottom:50%; margin:0 auto;   position:relative; background:url(../images/affidabilita.png) no-repeat center/cover}
.immagineElementoS1  { width:50%; padding-bottom:50%; margin:0 auto;   position:relative; background:url(../images/esperienza.png) no-repeat center/cover}
.immagineElementoS2 { width:50%; padding-bottom:50%; margin:0 auto;   position:relative; background:url(../images/veicoli.png) no-repeat center/cover}
.classHoverElements {  -moz-box-shadow: 0px 0px 5px #00000030;
    -webkit-box-shadow: 0px 0px 5px #00000030;
    box-shadow: 0px 0px 5px #00000030; }
#titoloimmagineEl { text-align:center; margin:20px 0; position:relative;   font-size: clamp(30px, 2vw, 50px) !important;font-weight:200; letter-spacing:0px; }
#contentRight { width:100%; height:auto; float:left;   position:relative; margin:2% 0;   }
#contentRight div:first-child {/* background:#e0e5ed; */z-index:1;}
#contentRight div:last-child { background:#e0e5ed; z-index:1;}
.veicolo1 { background:url(../immagini/imgz345.jpg) no-repeat center/cover !important}
.veicolo2 { background:url(../immagini/IMG_3822.jpg) no-repeat center/cover !important}
.veicolo3 { background:url(../immagini/img98434.jpg) no-repeat center/cover !important}
#contentRight div {
    z-index:2;
    margin:20px 0.2% 0 0;
    top:600px;
    opacity:0;
    font-size: clamp(14px, 1vw, 18px);
    font-weight: 300;
    line-height:1.3em;
    width:29%;
    padding:60px 2%;
    height:270px;
    background:#fff;
    float:left;
    position:relative;
    -webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s ease;
    }
#contentRight h3 {  font-size: clamp(18px, 2vw, 24px) !important; font-weight:500; text-transform:uppercase; margin:0 0 20px 0 }
#contenutoultprod4 { width:100%; margin:20px 0 10px 0; opacity:1; height:auto; overflow:hidden; float:left; position:relative; }
#ttitletipe   { width:auto;  height:80px; line-height:80px; float:left; position:relative; margin:0 auto;  font-size:16px; font-weight:100; text-transform:uppercase   }
#ttitletipe2 { width:auto;  height:80px; line-height:80px; float:right; position:relative; margin:0 auto;  font-size:16px; font-weight:100; font-family:sans-serif;  }
#titletipe {width:1180px ; height:auto; position:relative;margin:0 auto; top:-200px; opacity:0; -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;}
#titletipe5 {width:1180px ; height:auto; position:relative;margin:0 auto; top:-200px; opacity:0; -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;}
#gopage  { width:30px; float:left; cursor:pointer; opacity:0.6; position:relative; height:18px; margin-left:10px; -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3 ease;  }
#gopage:hover { opacity:1;}
#gopages { width:30px; float:left; cursor:pointer; opacity:0.6; position:relative; height:18px; margin-left:10px; -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3 ease;  }
#gopages:hover { opacity:1;}
.gopageLeft { background:url(../images/newfreccial.png) no-repeat center/cover}
.gopageRight { background:url(../images/newfrecciar.png) no-repeat center/cover}
.gopageLeft2 { background:url(../images/newfreccial.png) no-repeat center/cover}
.gopageRight2 { background:url(../images/newfrecciar.png) no-repeat center/cover}
#menutopproduct { width:100%; float:left; position:relative; height:auto; margin:10px 0}
#menudirection { width:auto; float:right; position:relative; height:auto;  }
#content_vetrina { width:1180px; height:auto;   position:relative; margin:40px auto; opacity:0; overflow:hidden; -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3 ease;  } 
#content_vetrina2 { width:1180px; height:auto;   position:relative; margin:40px auto; opacity:0; overflow:hidden; -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3 ease;  }

#prodottoantw4 {width: 280px;margin-right:20px;height:auto;float:left;position:relative;margin-bottom:1%;}
#linkprodottis4 {
    width:100%;
    height:100%;
    position:relative;
    float:left;
    cursor:pointer;
    /* background:#ddd; */
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    }
#linkprodottis4:hover #trowprodant4 { color:#ff1f00}
#linkprodottis4:hover #hoverscritte4 { opacity:0 } #linkprodottis4:hover #imgsprodant4 { width:110% !important; height:320px !important }  
#imgprodant4 {width:100%;height: 300px;float:left;position:relative;overflow:hidden;  -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px ; }
#hoverscritte4 {background:#00000050; opacity:1; width:100%;height:300px;position:absolute;z-index:1;   -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;  -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius: 2px ;}
#imgsprodant4  {width: 100%;height: 100%;background-size:cover !important;background-repeat:none;background-position: center !important;float:left;position:relative;  -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;}
#contocsd4 {width:100%;height: auto;/* bottom:40px; */position: relative;/* overflow:hidden; */z-index:2}
#rowprodant4  { width:100%;   height:auto; float:left; position:relative ; text-transform:uppercase ;     }
#trowprodant4 { width:100%; margin:10px 0; color:#333; font-weight:100;-webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease; font-family:sans-serif; height:auto; float:left; position:relative ;  font-size:16px;     }
.pallinoproduct { width:45px; height:5px; cursor:pointer; border:1px solid #111; position:relative; float:left;-webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3 ease; -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius: 2px ;  margin:0 15px 0 0px}
.pallinoproduct:hover { background:#111  }
.pallinoproducts { width:45px; height:5px; cursor:pointer; border:1px solid #111; position:relative; float:left;-webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3 ease; -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius: 2px ;  margin:0 15px 0 0px}
.pallinoproducts:hover { background:#111  }
.activepallino { background:#111 !important; border:1px solid #111 !important;}
.activepallino2 { background:#111 !important; border:1px solid #111 !important;}
#howproductare  { width:auto; display:table; margin:0 auto; position:relative; height:auto;  }
#actionmenuboard{width:100%;float:left;display:flex;position:relative;height:auto;margin:10px 0;}
#contenutovetrina { width:100%; height:auto; float:left; position:relative;  } 
#contenutovetrina2 { width:100%; height:auto; float:left; position:relative;  } 
.titlefotoecu{ right:-100%; opacity:0 ; -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease ;}
#ecu_viws { width:94%;height:94%;float:left; margin:3%;  position:relative; }  
#ecu_viw { width:33%;height:auto ;float:left; -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;  
    -o-transition: All 0.5s ease ;  position:relative; } 
.performance_ecu_view { opacity:0 }
.consumi_ecu_view { opacity:0 }
.sicurezza_ecu_view { opacity:0 }
#stagePow { width:94%;height:94%;float:left; margin:3%;  position:relative; } 

#stage_power { width:33%;height:400px ;float:left; -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease; background:  url(../images/fred.png) no-repeat right top #000;
    -o-transition: All 0.5s ease ;  position:relative; } 
#stage_power:hover { background:url(../images/fred.png) no-repeat right top #222; }
#varistages { width:80%;height:400px;   position:relative; margin:40px auto; }
#content_ecuel {-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;  
    -o-transition: All 0.5s ease ; width:80%; margin:150px 10%; height:auto;float:left;overflow:hidden;position:relative; } 
#varistage {-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease; background:#000;
    -o-transition: All 0.5s ease ; width:100%;height:auto;float:left;overflow:hidden; opacity:0; bottom:-100%;position:relative; } 
#prodottiviewfotocentr {-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease ; width:100%;height:auto;float:left;overflow:hidden; opacity:0; left:-100%;position:relative; } 
#primotitolopv3 { width: auto; height:160px;   position:relative; left:-100%; opacity:0;-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease ;   }
#primotitolopv4{ width: auto; height:160px;   position:relative; right:-100%; opacity:0;-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease ;   } 
#titleprodottiview { width: auto; height:160px; line-height:100px;  position:relative; display:table; margin:0 auto; }
#prodottiview2 { width: 100%; height:auto; right:-100%; opacity:0; -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease ;   position:relative;  float:left}
#prodottiviewcont2 {width: 90%;margin:0 auto;height:auto;position:relative;/* float:left; */}
.elements2 {width: 25%;  margin-bottom:0px; height:auto;position:relative; float:left;} 
#cont_elements2:hover { border:1px solid #3f86c7;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;
    border-radius: 8px ; }
#cont_elements2  {
    width: 96%;
    margin:2%;
    border:1px solid #efefef;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    height:auto;
    position:relative;
    float:left;
    } 
.gas_serra {  background:url(../images/gas_serra.png) no-repeat center } 
.sprechi  {  background:url(../images/sprechi.png) no-repeat center } 
.partnership  {  background:url(../images/partnership.png) no-repeat center } 
.sociale_eco  {  background:url(../images/sociale_eco.png) no-repeat center } 
.imageiconel {width: 100px; margin:20px auto;  background-size:cover !important;  height:100px; position:relative; } 
.centricon { background:url(../images/centralinaicon.png) no-repeat center}
.dpficon{ background:url(../images/removedpf.png) no-repeat center}
.egr{ background:url(../images/egr.png) no-repeat center}
.dtc{ background:url(../images/dtc.png) no-repeat center}
.autom{ background:url(../images/autom.png) no-repeat center}
.limitatore{ background:url(../images/limitatore.png) no-repeat center}
.start{ background:url(../images/start.png) no-repeat center}
.limitatore{ background:url(../images/limitatore.png) no-repeat center}
.pops{ background:url(../images/pops.png) no-repeat center}
.adblue{ background:url(../images/adblue.png) no-repeat center}

#primotitolopv2 {width: 100%;top:-100%; opacity:0; height:60px;line-height:60px; position:relative;display:table;margin:0px 0 20px 0%; text-align:center; }
#primotitolopv2 h2 { color:#fff;}
#primotitolopva1 {
    width: auto;
    height:60px;
    left:-100%;
    opacity:0;
    line-height:60px;
    position:relative;
    display:table;
    margin:0px 0 10px 0;
    
    }
.et_pb_toggle_content {
  overflow: hidden;
  transition: max-height 0.5s ease, opacity 0.5s ease;
}

.et_pb_toggle_close .et_pb_toggle_content {
  max-height: 0;
  opacity: 0;
}

.et_pb_toggle_open .et_pb_toggle_content {
  max-height: 500px; /* adjust as needed */
  opacity: 1;
}
 
.et_pb_toggle  {
    width:98%;
    height:auto;
    position:relative;
    border-bottom:1px solid #999;
    
    opacity:0;
    }
.et_pb_toggle_title {  font-size: clamp(18px, 2vw, 26px) !important; margin:5px 0; color:#000; font-weight:500; width:calc(100% - 80px);; cursor:pointer; position:relative; }
.addonmenu {   height:30px; z-index:1; cursor:pointer; width:30px; top:5px; right:5px; position:absolute}
.addonmenu span:first-child{ height:1px; width:17px; position:relative; display:inline-flex; bottom:7px;  }

.addonmenu span {height:16px;width:0.5px;left:9px;background: #000;display:inline-flex}
#primotitolopv { top:160px ; position:relative; opacity:0; -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease ; }

#contentservice {width:100%;height:1240px;float:left;position:relative;overflow:hidden} 
 #image_ecel {width:250px;height:250px;background-size:cover; margin:0 auto;display:table;position:relative;} 
.performancemax { background:url(../images/potenzamax.png) no-repeat center }
.consumimax { background:url(../images/consumi.png) no-repeat center }
.sicurezzamax { background:url(../images/sicurezzaecu.png) no-repeat center }
@media (min-width:768px) and (max-width:1024px){
     #menuinl-mobile {width:50% !important;   }
}
@media  (max-width: 1024px) {
    #descrizione_zetatrasporti { font-size: clamp(16px, 1vw, 20px) !important; line-height:1.3 !important}
    #titolo_zetatrasporti h3 { font-weight:800 !important; font-family:'exo2b',sans-serif,arial,calibri;  font-size:clamp(25px, 3vw, 40px) !important; text-align:center; color:#fff }
#title_principal_zt h1 { font-weight:bold; font-family:'exo2b',sans-serif,arial,calibri; font-size:clamp(28px, 3vw, 40px) !important; !important;  text-align:center; }
#prevButton { width:30px !important;  height:50px !important; cursor:pointer; left:0; position:absolute; top:50%; margin-top:-15px !important;   padding:0; -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease; -moz-border-radius: 80px ;
    -webkit-border-radius:80px ;
    border-radius: 80px ; z-index:2; border:0 !important }
    #nextButton { width:30px !important;  height:50px !important; cursor:pointer; right:0; position:absolute; top:50%; margin-top:-15px !important;   padding:0; -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease; -moz-border-radius: 80px ;
    -webkit-border-radius:80px ;
    border-radius: 80px ; z-index:2; border:0 !important }
.titlesslide {
    opacity:0;
   
    font-size: clamp(28px, 3vw, 50px) !important;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    text-transform:lowercase
    }
    #contenitoreServizi {width:100% !important; margin: 40px 0% !important;}
    #sectionspedizioni {width: 90% !important;/* margin: 0px 5% !important; */}
 #contentleftcolw, #contentrightcolw { width:100% !important; margin-bottom:10px }
    #contentleft {width: 92%;/* display:none; */}
    #contentleft  h3 { font-size:24px !important; font-weight:400  }
     #content-spedizioni {width: 92%;/* display:none; */}
    #content-spedizioni  h3 { font-size:24px !important; font-weight:400  }
    .pulsante-icon-views {
    position:relative !important;
    padding:10px 15px;
    cursor:pointer;
    -moz-border-radius:40px;
    -webkit-border-radius:40px;
    border-radius: 40px;
    display:table;
    margin:40px 0;
    z-index:2;
    background:none;
    border:2px solid #fff;
    height:30px;
    line-height:30px;
    text-align:center;
    font-size: 18px;
    text-transform:uppercase;
    font-weight:600;
    color:#fff;
    }
   .pulsante-icon-views  .ui-icon-view::after {
    content: '';
    position: absolute;
    background-color: #fff;  
}
     .pulsante-icon-views .ui-icon-view::before {
    content: '';
    position: absolute;
    background-color: #fff;  
}
     .text-contentleft { display:none !important; }
     #prodotticasco { margin:60px 0 0px 0 !important}
    #contenitoreServizi { top:0; margin:0 !important; }
    #contentRight { width:100%; margin:0 !important; display:none}
    .fotoServizi-zt {background-attachment: initial !important; height:100% !important;   }
.fotoSpedizioni-zt {background-attachment: initial !important;}
    #contentRight div {
    margin:0px 0 0 0;
        padding:40px 5%;
    top:600px;
    opacity:0;
    height:auto;
        min-height:300px;
        font-size:16px;
    width:90%;
    float:left;
    position:relative;
    -webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s ease;
    }
#contentRight h3 {font-size: clamp(20px, 2vw, 30px) !important;font-weight:bold; font-family:'robotobold'}
    .elements { width:100% !important; margin:10px 0 !important; float:left;}
    .opacitael { opacity:0.3 !important}
    .elements a .titleselmv { position:absolute; z-index:1; font-size:30px !important; color:#fff; left:6%; top:40px !important;}
    .elements a .pulds {position:absolute;text-transform:uppercase !important; font-weight:600; font-size:10px;bottom:20px;left:5%;padding:0px 20px !important;width:90px;background: none; border:2px solid #fff}
  .pulds {
    width:auto;
    display:table;
    padding:0 15px;
    cursor:pointer;
    opacity:0;
    -moz-border-radius:40px;
    -webkit-border-radius:40px;
    border-radius: 40px;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    /* text-transform:uppercase; */
    z-index:2;
    background:none !important;
      border:2px solid #fff;
    position:relative;
    margin:20px auto;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:16px !important;
    font-weight:600 !important;
    color:#fff;
      text-transform:uppercase;
    }
.pulds:hover { background:#006eb8}
    .ui-text-view { font-weight:600 !important}
    .ui-icon-view::before {
    width: 2px !important; /* Lunghezza della linea orizzontale */
    
}

.ui-icon-view::after {
     
    width: 16px !important; /* Spessore della linea verticale */
    
}
    .pulsante-icon-view {
    padding:10px 15px !important;    
    font-size: 16px !important;
    text-transform:uppercase;
        
    color:#000;
}
     .pulsante-icon-viewq {
    padding:10px 15px !important;    
    font-size: 18px !important;
         height:30px !important; line-height:30px !important;
    text-transform:uppercase;
 
}
    .ui-icon-viewq {
     
    margin:0px 5px !important;
   
    
}

    .pulds {
    font-size:16px !important;
    padding:10px 30px !important;
    -moz-border-radius:40px;
    -webkit-border-radius:40px;
    border-radius: 40px;
    }
    #split_shop { width:100% !important; height:auto }
    #split_shop a { height: auto !important}
    .pulds2 { display:none !important; }
    #altreinfsin1 { width:100%; margin:50px 0 0 0 }
    #logosito { margin:20px auto}
    #altreinfsin  {width:100%;text-align:center;margin: 50px 0 0 0;}
    #titolosinfs {margin:10px 10px }
    #infocontcopt a { font-size:12px  }
    #cont_pinfs p { color:#afafaf; font-size:14px;  width:auto; font-family:arial; font-weight:100; margin:5% 0 10px 5%; text-align:left; line-height:18px  }
    .pulsante_icon { width:50px; position:absolute; z-index:2; height:50px; bottom:20%; display:block !important; left: 50%;
  transform: translateX(-50%); background:#006eb8; -moz-border-radius:40px;
    -webkit-border-radius:40px;
    border-radius: 40px ; }
    .pulsante_icon .plus-icon { left:12px; top:6px}
    .imagesel2 { padding:40% !important; height:auto !important }
    .tfsr a  .titleselmv22 { width:100% !important; left:0 !important;  text-align:center; }
    .tfsl a  .titleselmv22  { width:100% !important; left:0 !important;  text-align:center; }
  .content_descrizione_zt {   top:0px !important; margin:30px auto !important; width:90% !important   }
    #descrizionechisiamoright {
  width:100% !important;
  height: 100% !important;
  }
    .trattamento_marchi { padding:0 !important; height:auto  }
    .carousel {
         width:500% !important; 
        margin:80px 0
    }
    .titolo_trattamento_marchi { font-size:40px; font-weight:800 !important; font-family:'exo2b',sans-serif,arial,calibri; }
    .carousel__track {
   
  animation: scroll 10s linear infinite !important;
}
.marchiZT { font-size:20px !important; margin:0 0px !important;  }
   .zt_element_description { margin:20px auto !important;    font-size: clamp(16px, 1vw, 20px) !important;}
    #descrizioneChisiamoc { background:#efefef; min-height:100%;    height: auto !important;}
    .descrizioneChisiamo {height:100% !important; display:table !important}
    .descrizioneTrasporto {width:90% !important;}
    h2 {font-size: clamp(25px, 2vw, 40px) !important;font-weight:700;line-height:40px;font-family:'exo2b',sans-serif,arial,calibri;color:#000}
    #contenuto { top:60px }
    #picture_photo {  width:100%; height:250px;float:left; margin:0 0   10px 0; position:relative }
#about_h1 h1 {font-weight: 700; font-size:clamp(28px, 3vw, 40px) !important; !important;text-align:center;}
    #text_copertina { left:10% ; bottom:80%; opacity:0;height:auto;}
    #titlechisiamoc { float:left; width:100%; position:relative; height:auto; margin:0 0 0 10px; color:#fff} 
#titlechisiamoc h1 { font-weight:bold; font-size:30px;  }
#titlechisiamoc h3 { font-weight:300; font-size:20px;  }
    #row_title_copertina {width:70%;height:auto;position:absolute;text-transform:uppercase;color:#ffffff;font-weight:bold;/* text-shadow:2px 2px 5px #000000ed; */bottom:10%;right:-100%;z-index:1; background:#5386e170;}
#titleimgcopert {width:auto;height:auto;position: relative; margin:10px 5%;font-size:clamp(25px, 2vw, 45px);text-transform:uppercase;color:#ffffff;font-weight:bold;/* text-shadow:2px 2px 5px #000000ed; */float:left;z-index:1}
#rowfixed  {width:100%; }
.row11 {width:100%;}
    #modulocontatti input { float:right; }
    #menudovesono {width:95%;float:left;height:auto;margin:10px  0 20px 5%;}
    #fotoSpedizioni {width:110%;height:auto;position:relative; left:-5%; /* margin:20px 0; */opacity:0;}
    #attivitaAziendale {
    
    width:110% !important; left:-5%; }
    .rigac {
    overflow:visible;
    min-height:100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* display: grid; */
    width:90% !important;
  }
    .active {
  background-color: #ffffff !important; 
}

    .dot {
     -moz-border-radius:40px;
    -webkit-border-radius:40px;
    border-radius: 40px; 
  height:15px;
  width: 15px;
  margin: 0 5px;
  background-color: #a2a2a2;
  cursor:pointer;
  display: inline-block;
  transition: background-color 0.6s ease;
}
    #candidaturaAziendale {
    display:block !important;
   width:100% !important;
  
    } 
    .text_candidatura h3 { font-size:20px !important; }
    .text_candidatura {width:100% !important}
    .button_2223 { padding:20px 30px !important;   font-size:20px !important; }
    .title_candidatura h1 { font-size:30px !important; line-height:1.2 !important; }
    .img_candidatura  { width:100% !important; height:40vh !important; float:left; position:relative; overflow:hidden   }
    .content_candidatura { width:100% !important; height:auto; float:left;   position:relative;   }
    .candidatura_autista {flex-direction: column ;}
.content_candidatura:first-child { margin: 0 !important}
    .candidatura_autista:first-child {
    /* display: flex; */
    flex-direction: column-reverse;
    
    
    
    !; /* Inverte l'ordine in direzione colonna */
    flex-wrap: wrap;
    }
    .titolo-title-view  {  font-size:19px;   }
      body {
        font-family: 'montserrat',sans-serif,arial,calibri !important;
        -webkit-text-size-adjust: 100%;
    }
       
   
    #cookie-banner {
     width:90.1%;
    bottom:-1px !important;
    left:0 !important;
     padding:5%;
         -moz-border-radius:  4px 4px 0 0;
    -webkit-border-radius:  4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
    #save-preferences { margin:80px 0 0 0 !important; position:relative; top:0;}
    #cookie-banner button, #cookie-customization button {
    margin:5px 0;
    width:100%;
    padding: 10px 0px;
        font-size:16px;
    
}
    #cookie-customization {
    
     width:90.1%;
    
    bottom:-1px !important;
    top:initial !important;
    left: 0 !important;
    transform: none;
   
    padding: 5%;
    
}
    #cookie-customization p {
    margin:10px 0;
    font-size:16px;
    width: auto !important;
}
#cookie-banner p {
    margin:10px ;
    font-size:14px;
    width: auto !important;
}
#cookie-banner h3 {
    font-size:18px !important;
    margin:10px ;
    width:auto !important;
}
    .elements2 {width: 110%; left:-5%; margin-bottom:0px; height:auto;position:relative; float:left; border-top:1px solid #abbbd1;} 
#cont_elements2:hover { border:1px solid #a5c7e6; background:#fdfeff; -moz-border-radius: 8px;  -webkit-border-radius: 8px;
    border-radius: 8px ; }
#cont_elements2  {width: 90%; margin:5%; border:none !important; -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease ;  height:auto;position:relative; float:left;} 
.imageiconel {width: 100px; margin:20px auto;  background-size:cover !important;  height:100px; position:relative; } 
    .titleselmv2 { width:100%; position:relative; font-size:26px;line-height:1.2; font-weight:bold; color:#006eb8; float:left; height:auto;text-align:center; z-index:1; margin:20px 0 }
.descselmv2 { width: 100%; white-space: pre-line; margin:0px auto 30px auto; color:#000;line-height:1.3;  text-align:center; font-size:20px; font-family:sans-serif;  position:relative; } 
    .check  { width:100%; float:left; position:relative; margin:0 10px;  height:auto; }
    .colonnarow img {    height:auto;   -moz-box-shadow: 0px 0px 1px #00000080;
    -webkit-box-shadow:0px 0px 1px #00000080;
    box-shadow: 0px 0px 1px #00000080;  }
    .rigacolonnarow {  margin: 10px auto 0 auto !important; }
    .colonnarow h1 { line-height:1em; margin:0 0 20px 0; font-size:46px !important }
     
    .colonnarow { display:block !important; width:100%; margin:0 0 20px 0 !important}
    #contentlisl {width:auto !important;max-width:100% !important;}
    #logosw-mobile {width:auto;height:100%;float:left;position:relative;top:-100%;z-index:1;}
#menuinl-mobile { opacity:0; height:auto;position:relative;  top:-100%; margin:0 auto;}
    #menuinr-mobile { width:auto; position:relative; opacity:0;top:-100%;   height:auto ;position:relative;  } 
    #menu-mobile { width: 100%;
    height: 60px;
    display: flex;
    z-index: 1;
    border-bottom: 1px solid #e0e0e0;
    margin: 0 20px 20px 0;
    position: fixed;
    align-content: center;
    align-items: center;
    justify-content: center;
    letter-spacing: 0px;
                 display:block !important}
    #menu { display:none !important }
    #centermenu { width:90% !important;  height:100% !important; }
    #taglio {display:none; }
    #chisiamozeta {
    width:90% !important;
    margin:60px auto !important;
    } 
    #zetatrasporti_left {
    width:90% !important;
  
    } 
    #zetatrasporti_right {
        width:80% !important; position:absolute !important; top:40%;
    }
    #center_zetatrasporti { top:0 !important; left:0 !important}
    .zt_item_slide { width:100% !important; height: 50vh !important; background-repeat:no-repeat !important; background-position:center !important; background-size:cover !important; }
#descrizionechisiamoleft { width:100% !important;  }
    #zt_view_item {margin: 0 auto !important;bottom:5% !important;/* display: inline-table !important; */}
    #zt_view_item_cont { margin:0 auto !important; position:relative; left:0 !important}
    #zt_scrolling_item { right:10% !important; left:unset !important;}
    #zt_title_scrolling { display:none}
   #zt_title_scrolling_w { display:none !important }
    #zt_button_title { font-size:20px !important}
    #contentheadertitle {width:96% !important;margin:6% 2% !important;}
    #contentheadertitle2 { width:96% !important; margin:6% 2% !important }
    .decorationheadersp { display:none ;}
    #title_section_header{ width:100% !important}
    #title_section_header h1 {font-size:30px !important; font-family:'exo2b',sans-serif,arial,calibri; }
    #logosw-mobile  {height:40px !important;margin:5px 0 !important; }
    #logoahre { height:40px !important; width: 220px !important; margin:5px 0 !important; }
    #coloremenu  { height:60px !important }
    #fotochisiamo { width:100% !important; height:auto; margin:20px 0 !important}
    .hov_slider  {
  position: absolute;
    background:#00000050;
   width: 100%;
    top:0;
    left:0;
    z-index:2;
  height: 300px;
 
}
.slideshow-container {
  position: relative;
  max-width: 1000px;
  height: calc(100vw/1.5);
  overflow:hidden;
  margin: auto;
}
.mySlides { height:100% !important; position:relative;   } 
   .mySlides img  { height:calc(100vw/1.5) !important; width:auto; background-size:cover !important; } 
    #text_about { width:100% !important; margin:60px 0 20px 0;}
    #ceochisiamo  {width: 90%;}
    #leftboxceo {width: 100%;}
    #rightboxceo {width: 100%;}
    #content_slide_ceo {   }
    .slide_ceo img {
    
    height: calc(100vw/1.5) !important
    
}
    #content_slide_ceo {
	 
    padding-bottom:calc(100vw/1.5) !important;
}
    .ceo_image_slide { height:auto !important;}
    #moveslide { float:right !important}
    #titleleftboxceo h3 { font-size:18px;   text-transform:uppercase;  margin:10px 0   }
    #titleceoazienda h2 {font-size:30px !important;text-transform:capitalize;margin:10px 0;margin:20px auto;display:table}
    #aziendachisiamo {width:90%;position:relative;height:auto;display: table;margin:20px auto;}
    #text_long_about {float:left;position:relative;width:auto;margin: 50px auto;font-size:16px;display:block !important;opacity:0;top:-100px;/* text-transform:capitalize; */font-weight: 400;}
    #description-ceo   { font-size:16px; line-height:1.6}
.long_about_colw:first-child  {   position:relative; width:100%; margin:0 !important;   font-size:16px;  }
.long_about_colw {   position:relative; width:100%;   margin:0 !important;  font-size:16px; line-height:2; }
    #menuinl-mobile {width: 100%;display:none;position:fixed !important;height:100% !important;background:#0c385a;right: -50%;top:0px !important;z-index:9}
    #menuinr-mobile { right:0 !important; position:absolute !important; margin:20px 0  !important }
    #splimenu {font-size: 26px; color:#fff  }
    .zt-menu-ui-mobile {
    width: 90% !important;
    height: auto !important;
    position: relative;
        opacity:0;
        top:10%;
    margin:0 5% !important;
    display: inline-table !important;
}
    #closed_menu_ui { width:100%; height:auto; display:block !important; float:left; position:relative;}
.close_menu {
    float:right;
    margin:20px;
      -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px; 
    position:relative;
     width: 50px;  /* Regola la dimensione secondo necessità */
  height: 50px; /* Regola la dimensione secondo necessità */
    
    display: inline-block;
}
  
     .elementhas {
            position: relative;
            display: none;
            margin: 0px 20px;
            width: 30px;  /* Regola la dimensione secondo necessità */
            height: 30px; /* Regola la dimensione secondo necessità */
            cursor: pointer;
         top:15px;
        }

        .has-submenu a .elementhas {
            display: inline-block;
        }

        .elementhas::before,
        .elementhas::after {
            content: '';
            position: absolute;
            top: 35%;
            left: 50%;
            width: 50%;  /* Larghezza della freccia */
            height: 2px;  /* Spessore delle linee */
            background-color: #fff;  /* Colore delle linee */
        }

        .elementhas::before {
            transform: translate(-50%, -50%) rotate(-45deg);
        }

        .elementhas::after {
            transform: translate(-50%, -50%) rotate(45deg);
            top: 0;
        }

    
.close_menu_zt {
   
  position: relative;
  
  display: inline-block;
  margin:5px;
  width: 40px;  /* Regola la dimensione secondo necessità */
  height: 40px; /* Regola la dimensione secondo necessità */
  cursor: pointer;
}

.close_menu_zt::before,
.close_menu_zt::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;  /* Spessore delle linee */
  background-color: #fff;  /* Colore delle linee */
}

.close_menu_zt::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.close_menu_zt::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
 
    .zt-menu li a span {
    margin: 0px auto !important;
    width: 100% !important;
    font-size: 23px !important;
    position: relative;
    text-align: left !important;
    float: left;
     font-family:sans-serif;
    line-height: 55px !important;
}
    #limenu {width:100% !important;min-height: 55px !important;height:auto !important;font-family:sans-serif;text-transform:uppercase;font-weight:bold}
    #menuahre {width:100% !important; padding:0 5% !important; height:auto !important; line-height:1.6 !important}
    #menuahre:hover { color:#fff !important}
     #event_menu_zt-mobile { width:31px; height:20px; position:relative; background:url(../images/menuzt.png) no-repeat center/cover }
.zt-menu {width: 92% !important;height:auto; padding: 10px 4% !important; position:relative !important;left: 0;opacity: 1;display: none;top: 0px !important; background:none !important; float:left; border:none !important;z-index:99999}
}
@media (min-width: 1024px ) and (max-width: 1400px) {
    .descrizioneTrasporto {width:80% !important;}
    #event_menu_zt { width:14px; height:14px; position:relative; background:url(../images/menuzt.png) no-repeat center/cover }
#titleceoazienda h2 {font-size: 30px !important;
        text-transform: capitalize;
        margin: 10px 0;
        margin: 20px auto;
        display: table;}
     #leftboxceo {width: 100%;}
    #rightboxceo {width: 100%;}
    
    #content_slide_ceo {
	 
    padding-bottom:calc(100vw/2) !important;
}
    .ceo_image_slide { height:auto !important;}
     .slide_ceo img {
    
    height: calc(100vw/2) !important
    
}
#titleleftboxceo h3 {
        font-size: 22px;
        text-transform: uppercase;
        margin: 10px 0;
        }
#description-ceo  {  font-size: 18px;
        line-height: 1.5; margin:30px 0   }

    .pic_1 { width:46%; height:400px; float:left; position:relative; -moz-border-radius:0 0 0 400px;
    -webkit-border-radius:0 0 0 200px;
    border-radius: 0 0 0 200px;}
.pic_2 { width:46%; height:190px; float:left; margin:0 0 20px 20px;  position:relative;   -moz-border-radius:  0 400px   0 0 ;
    -webkit-border-radius:0 200px   0 0;
    border-radius:0 200px   0 0;}
.pic_3 { width:46%; height:190px; float:left;  margin:0 0 0 20px; position:relative}
  #aziendachisiamo {width:1000px;position:relative;height:auto;/* display:flex; */margin:20px auto;}
#ceochisiamo  {width: 90%;position:relative;height:auto;display:table;margin:20px auto;}
    #fotochisiamo { width:100%; float:left; margin:0 !important; position:relative; height:auto;   opacity:0; }
    .slideshow-container {
  height: 600px;
}
#text_about {width:100%;float:left;position:relative;height:auto;/* right:-50%; *//* opacity:0; */}
#about_h1{   height:auto; position:relative;}
#menuahre {padding:0 15px;}
    #centermenu { width:90% !important;  height:100% !important; }
    #coloremenu  { height:60px !important }
    #logosw-mobile {width:auto;height:40px !important;margin:5px 0 !important;float:left;position:relative;top: -100%;z-index:1;}
   #logoahre { height:40px !important; width: 220px !important; margin:5px 0 !important; }
     #menuinl-mobile {width:50% !important;   }
    #menuinl-mobile { opacity:0; height:auto;position:relative;  top:-100%; margin:0 auto;}
    #menuinr-mobile { width:auto; position:relative; opacity:0;right:-50%;   height:auto ;position:relative;  } 
     #menuinl-mobile {width: 100%;display:none;position:fixed !important;height:100% !important;background:#0c385a;right: -50%;top:0px !important; opacity:0; z-index:9}
    #menuinr-mobile { right:0 !important; position:absolute !important; margin:20px 0  !important }
     #closed_menu_ui { width:100%; height:auto; display:block !important; float:left; position:relative;}
.close_menu {
    float:right;
    margin:20px;
      -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px; 
    position:relative;
     width: 50px;  /* Regola la dimensione secondo necessità */
  height: 50px; /* Regola la dimensione secondo necessità */
    
    display: inline-block;
}
    .close_menu_zt {
   
  position: relative;
  
  display: inline-block;
  margin:5px;
  width: 40px;  /* Regola la dimensione secondo necessità */
  height: 40px; /* Regola la dimensione secondo necessità */
  cursor: pointer;
}

.close_menu_zt::before,
.close_menu_zt::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;  /* Spessore delle linee */
  background-color: #fff;  /* Colore delle linee */
}

.close_menu_zt::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.close_menu_zt::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
 
    .zt-menu li a span {
    margin: 0px auto !important;
    width: 100% !important;
    font-size: 23px !important;
    position: relative;
    text-align: left !important;
    float: left;
     font-family:sans-serif;
    line-height: 55px !important;
}
    #contenuto { top:60px }
    #limenu {width:100% !important;min-height: 55px !important;height:auto !important;font-family:sans-serif;text-transform:uppercase;font-weight:bold}
    #menuahre {width:100% !important; padding:0 5% !important; height:auto !important; line-height:1.6 !important}
    #menuahre:hover { color:#fff !important}
    .elementhas {
            position: relative;
            display: none;
            margin: 0px 20px;
            width: 32px;  /* Regola la dimensione secondo necessità */
            height: 30px; /* Regola la dimensione secondo necessità */
            cursor: pointer;
         top:15px;
        }

        .has-submenu a .elementhas {
            display: inline-block;
        }

        .elementhas::before,
        .elementhas::after {
            content: '';
            position: absolute;
            top: 35%;
            left: 50%;
            width: 50%;  /* Larghezza della freccia */
            height: 2px;  /* Spessore delle linee */
            background-color: #fff;  /* Colore delle linee */
        }

        .elementhas::before {
            transform: translate(-50%, -50%) rotate(-45deg);
        }

        .elementhas::after {
            transform: translate(-50%, -50%) rotate(45deg);
            top: 0;
        }

     #event_menu_zt-mobile { width:31px; height:20px; position:relative; background:url(../images/menuzt.png) no-repeat center/cover }

    .zt-menu {width: 92% !important;height:auto; padding: 10px 4% !important; position:relative !important;left: 0;opacity: 1;display: none;top: 0px !important; background:none !important; float:left; border:none !important;z-index:99999}
 .zt-menu-ui-mobile {
    width: 90% !important;
    height: auto !important;
    position: relative;
        top:10%;
     opacity:0;
    margin:0 5% !important;
    display: inline-table !important;
}
    #menu-mobile { width: 100%;
    height: 60px;
    display: flex;
    z-index: 1;
    border-bottom: 1px solid #e0e0e0;
    margin: 0 20px 20px 0;
    position: fixed;
    align-content: center;
    align-items: center;
    justify-content: center;
    letter-spacing: 0px;
                 display:block !important}
    #menu { display:none !important }
#centermenu {
    width: 96% !important;
     
    }
    #splimenu { font-size: 26px;
        color: #fff;}
    .altrospant {width:100%; position:relative;text-shadow:5px 0px 0px #000; text-align:right; color:#fff;font-size:30px; line-height:45px;z-index:3;float:left; overflow-wrap: break-word; white-space: pre-wrap; height:200px} 
#rowcontserv {width: 25%;float:left;position: relative;height:auto} 
 .titleselmv2 { width: 100%; margin:5px auto; color:#4890d0; line-height:15px; text-align:center;  
               height:auto; font-size:10px; position:relative; } 
.descselmv2 { width: 94%; white-space: pre-line; margin:5px auto 30px auto;   text-align:center; font-size:12px; color:#000;   min-height:240px; position:relative; } 
 #title_secuel   { width:auto;height:50px ; line-height:16px ; text-align:center;color:#404040; font-size:12px;margin:0 auto; display:table;  position:relative; } 
#title_stage { width:auto;height:50px ; line-height:50px ;color:#fff; font-size:16px;margin:0 auto; display:table;  position:relative; } 
#desc_stage { width:90%;height:auto ; line-height:30px ;color:#fff; font-size:16px;font-family:sans-serif;margin:0 auto; text-align:center; display:table;  position:relative; } 
  .rowcontserv5 #imgrowcontserv { width:99.5% !important;}
     .rowcontserv4 #imgrowcontserv { width:100% !important;}
 #rowcontserv h1 { font-size:22px}   
 #rowcontserv h3 { font-size:16px; margin-top:10px;}  
 #rowcontserv h1 { font-size:18px}   
 #rowcontserv h3 { font-size:12px; margin-top:10px;}  
}
@media (min-width: 1400px ) and (max-width: 1700px)   {
    #event_menu_zt { width:18px; height:18px; position:relative; background:url(../images/menuzt.png) no-repeat center/cover }
    #titleceoazienda h2 {font-size:70px;font-weight: bold;text-transform:capitalize;margin:10px 0;/* letter-spacing:-2px; */}
#titleleftboxceo h3 { font-size:36px; font-weight:50; text-transform:capitalize;  margin:10px 0   }
#description-ceo  {width:100%;height:auto;position:relative;float:left;color: #ffffff;font-size:18px;font-weight:400;text-transform: none;margin:10px 0}

    
    #aziendachisiamo {/* width:1200px; */position:relative;height:auto;display:flex;margin:20px auto;}
#ceochisiamo  {width:1100px;position:relative;height:auto;display:table;margin:20px auto;}
     .pic_1 { width:46%; height:500px; float:left; position:relative; -moz-border-radius:0 0 0 400px;
    -webkit-border-radius:0 0 0 300px;
    border-radius: 0 0 0 300px;}
.pic_2 { width:46%; height:240px; float:left; margin:0 0 20px 20px;  position:relative;   -moz-border-radius:  0 400px   0 0 ;
    -webkit-border-radius:0 400px   0 0;
    border-radius:0 400px   0 0;}
.pic_3 { width:46%; height:240px; float:left;  margin:0 0 0 20px; position:relative}
     #content_slide_ceo {
	 padding-bottom: calc(100vw/4) !important;
}
    .ceo_image_slide { height:auto !important;}
     .slide_ceo img {
    height: calc(100vw/4) !important;
}
    .long_about_colw {   font-size:18px !important; line-height:1.6; }
    #text_about { margin:calc(100vw/20) 0 0 0; width:55%;}
    #fotochisiamo {margin:calc(100vw/20) 0 0 3%;width:42%; }
    #splimenu {font-size: 13px;font-weight: 600;/* font-style:oblique; */}
    #menuahre {width:auto;padding:0 30px; }
    .altrospant {width:100%; position:relative;text-shadow:5px 0px 0px #000; text-align:right; color:#fff;font-size:35px; line-height:50px;z-index:3;float:left; overflow-wrap: break-word; white-space: pre-wrap; height:200px}
#rowcontserv {width: 25%;float:left;position: relative;height:auto} 
 #title_secuel   { width:auto;height:50px ; line-height:50px ;color:#404040; font-size:12px;margin:0 auto; display:table;  position:relative; } 
 .titleselmv2 {width: 100%;font-size:11px;margin:5px auto;color:#4890d0;line-height:30px;text-align:center;/* height:30px; */position:relative;} 
 .descselmv2 { width: 96%; white-space: pre-line; margin:5px auto 30px auto;   text-align:center; font-size:13px;  color:#000;   min-height:240px; position:relative; }   
#title_stage { width:auto;height:50px ; line-height:50px ;color:#fff; font-size:20px;margin:0 auto; display:table;  position:relative; } 
#desc_stage { width:90%;height:auto ; line-height:38px ;color:#fff; font-size:18px;font-family:sans-serif;margin:0 auto; text-align:center; display:table;  position:relative; }  
  .rowcontserv5 #imgrowcontserv { width:99.5% !important;}
     .rowcontserv4 #imgrowcontserv { width:100% !important;}
 #rowcontserv h1 { font-size:22px}   
 #rowcontserv h3 { font-size:16px; margin-top:10px;}  
 #rowcontserv h1 { font-size:20px}   
 #rowcontserv h3 { font-size:14px; margin-top:10px;}  
}
@media (min-width: 1700px )  {
    #menuahre {width:auto;padding:0 30px; }
   
    #splimenu {font-size:14px;font-weight: 600;/* font-style:oblique; */}
    .altrospant {width:100%; position:relative;text-shadow:5px 0px 0px #000; text-align:right; color:#fff;font-size:45px; line-height:60px;z-index:3;float:left; overflow-wrap: break-word; white-space: pre-wrap; height:200px} 
    #title_secuel   {width:auto;height:50px;line-height:50px;color: #404040;font-size:14px;margin:0 auto;display:table;position:relative;} 
   
#rowcontserv {width: 25%;float:left;position: relative;height:auto} 
 #title_stage { width:auto;height:50px ; line-height:50px ;color:#fff; font-size:20px;margin:0 auto; display:table;  position:relative; } 
#desc_stage { width:90%;height:auto ; line-height:38px ;color:#fff; font-size:18px;font-family:sans-serif;margin:0 auto; text-align:center; display:table;  position:relative; } 
.titleselmv2 {width: 100%;margin:5px auto;color:#006eb8;font-weight:bold;line-height:30px;text-align:center;/* height:30px; */position:relative;} 
   
.descselmv2 { width: 90%; white-space: pre-line; margin:5px auto 30px auto;   text-align:center; font-size:14px; color:#000; min-height:240px; position:relative; }   

  .rowcontserv5 #imgrowcontserv { width:99.5% !important;}
     .rowcontserv4 #imgrowcontserv { width:100% !important;}
 #rowcontserv h1 { font-size:22px}   
 #rowcontserv h3 { font-size:16px; margin-top:10px;}  
}
#rowcontservimg {width:100%;float:left;position:relative;height: 500px;}
#imgrowcontserv {width:99%;float:left;position:relative;height: 100%;background-repeat: no-repeat;background-size:cover !important;}
#rowcontservtext {
  width:100%;
  float:left;
  position:relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
   
  height:250px;
  }
#textrowcontserv { width:92%; height:auto;     }
#prodottiviewcont1{
      width:100%;
      height:auto;
      float:left;
      position:relative;
      /* overflow: auto; */
      -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease ;
      } 
#prodottiviewcont1ecu  {
       width:100%;
       height:900px;
       background:url(../immagini/IMG_0041.jpg)  repeat center;
    background-size:cover;
       float:left;
       position:relative;
       /* overflow: hidden; */
       } 
#hovergif {
       width:100%;
       height:900px;
       background:#00000050;
       float:left;
       position:absolute;
    z-index:1
       /* overflow: hidden; */
       } 
#hoverpics {   height: 150px;
    z-index:2;
    width:100%;
                position: absolute;
                
                bottom: 0;
                left: 0;
                background-image: linear-gradient(to top ,var(--tw-gradient-stops));
                --tw-gradient-from: #000000;
                --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to, rgb(0 0 0 / 0));
                --tw-gradient-to: transparent ;
    position: absolute; }
#hoverpic {
       width:100%;
       height:900px;
       background:#00000050;
       float:left;
       position:absolute;
    z-index:1
       /* overflow: hidden; */
       } 
#prodottiviewcont1gif {
       width:100%;
       height:900px;
       background:url(../immagini/macchinario.gif)  repeat center;
       float:left;
       position:relative;
       /* overflow: hidden; */
       } 
#titologifanimata { width:100%; left:-100%; position:absolute; z-index:3; top:200px; height:auto}
#spantitologifanimata {width:80%;margin-right:100px;position:relative;z-index:3;float:right;height:200px}

#prodottiviewgif { width:100%; height:auto; opacity:0;   float:left; position:relative;  overflow: hidden;
      white-space: nowrap; -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease ; } 
#prodottiview{ width:90%; height:auto; padding-bottom:40px;     position:relative;  overflow: hidden;
      white-space: nowrap; -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease ; margin: 0 auto;} 
#prodottiviewq { width:100%; height:auto;  opacity:0; top:500px; float:left; position:relative;  overflow: hidden;
      white-space: nowrap; -webkit-transition: All 0.8s ease;
    -moz-transition: All 0.8s ease;
    -o-transition: All 0.8s ease ; } 
.elements { width:33%;   margin-left:10px; position:relative; height:auto; display: inline-block; opacity:0; transform: scale(0.5) rotate(-25deg); /* Riduce le dimensioni al 50% */
  transition: transform 1s ease-in-out; }  
.contenitoreimages { width:100%; float:left; position:relative; height:100%;}
.elements a:hover .contenitoreimages .opacitael{ opacity:0.5;}
.opacitael { width:100%; -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease ; position:absolute; height:100%; background:#000000; opacity:0; z-index:1}  
.elements a { width:100%; float:left; margin:0; text-decoration:none; overflow:hidden; cursor:pointer; position:relative;  height:auto;}
 
 
.imagesel {width:100%;float:left;-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease ;margin:0;position:relative;overflow:hidden;background-size:cover !important;background-position:center;padding-bottom:80%;}
.titleselmv {width:auto;top:10px;color:#000;font-weight:bold;text-transform:uppercase;margin:0 auto;display:table;text-decoration:none;z-index:2;position:relative;height:auto;line-height:40px;text-align:left;font-size: clamp(16px, 2vw, 20px) !important;}
.plus-icon {
    width: 20px; /* Dimensione del simbolo più */
    height: 20px; /* Dimensione del simbolo più */
    position: relative;
    margin:5px;
    float:left;
    
}

.plus-title{ width:auto; height:20px; position:relative; margin: 0 5px; float:left}
.plus-icon::before,
.plus-icon::after {
    content: '';
    position: absolute;
    background-color: #fff; /* Colore delle linee del simbolo più */
}

.plus-icon::before {
    width: 1px; /* Lunghezza della linea orizzontale */
    height: 15px; /* Spessore della linea orizzontale */
    top: 7px; /* Posizione verticale della linea orizzontale */
    left: 7px; /* Posizione orizzontale della linea orizzontale */
}

.plus-icon::after {
    height: 1.5px; /* Lunghezza della linea verticale */
    width: 15px; /* Spessore della linea verticale */
    top: 14px; /* Posizione verticale della linea verticale */
    left: 0px; /* Posizione orizzontale della linea verticale */
}
#iconvector { float:left; margin:12px; position:relative; width:15px; height:15px;    }
#iconvector span:first-child { height:2px; width:15px; background:#fff; position:absolute; top:7px;   }
#iconvector span { height:15px; width:2px; background:#fff; position:absolute; left: 7px }
.pulds {
    width:auto;
    display:table;
    padding:0 15px;
    cursor:pointer;
    opacity:0;
    -moz-border-radius:40px;
    -webkit-border-radius:40px;
    border-radius: 40px;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    /* text-transform:uppercase; */
    z-index:2;
    background:#000;
    position:relative;
    margin:30px auto;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size: clamp(14px, 2vw, 20px);
    /* font-weight:100; */
    color:#fff;
    }
.pulds:hover { background:#006eb8}
#scrollWrapper {
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
}
#imagecoprs { width:100%;  margin:0;   position:relative; overflow:hidden; height:100%;}
#prodottipage {width:100%;height:auto;float:left; position:relative; margin:20px 0 0 0px;  }
#prodottimdove {width:100%;height:auto;float:left;position:relative; margin:20px 0 0 0px; }
#prodottititle { width:100%; height:auto; float:left; position:relative; }
#contenutoultprod { width:96%; margin:10px 2%; height:auto; float:left; position:relative; }
#contenutoultprod3 { width:100%; margin:20px 0 10px 0; height:auto; overflow:hidden; float:left; position:relative; }
#prodotticasco { width:100%;  background:#444444; height:auto; float:left; position:relative; }
.grigiochiarosfondo  {   background:#f8f8f8; margin:0 !important  }
#tipoShop { width:100%;  height:auto; float:left; position:relative; }
#split_shop { width:50%;  height:auto; float:left; position:relative; opacity:0; -webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s ease;}
#split_shop a {width:100%;height:600px;float:left;overflow:hidden;position:relative;}
#split_shop a:hover .opacitael2 { background:#00000080 }
#split_shop a:hover .imagesel2 { height:700px; width:110%; }
#split_shop a:hover .titleselmv2 { font-size:45px }
.tfsr a:hover .pulds2 { right:0px; opacity:1 }
.tfsl a:hover .pulds2 { left:0px; opacity:1 }
.opacitael2 { width:100%; height:100%; position:absolute; background:#00000040; z-index:1; -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;  } 
.imagesel2 { width:100%;  height:600px; float:left; -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;  position:relative; background-repeat:no-repeat !important; background-size:cover !important; }
.tfsr a  .titleselmv22 {
    width: auto;
    height:auto;
    -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;
    position:absolute;
    z-index:2;
    top:100px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: clamp(20px, 2vw, 40px) !important;
    left:100px;
    color:#ffffff
    }
.tfsl a  .titleselmv22 {
    width: auto;
    height:auto;
    -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;
    position:absolute;
    z-index:2;
    top:100px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: clamp(20px, 2vw, 40px) !important;
    right:100px;
    color:#ffffff
    }
.tfsl a .pulds2{ width: 80%; height:100px; -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;  line-height:100px; text-align:right; padding:0 5%; left:-100%; opacity:0; background:#4bdea1; position:absolute; z-index:2; bottom:0px; font-size: clamp(18px, 2vw, 30px); text-transform:uppercase; font-weight:700;  color:#ffffff}
.tfsr a .pulds2 { width: 80%; height:100px; -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;  line-height:100px; text-align:left; padding:0 5%; right:-100% ; opacity:0; background:#4bdea1; position:absolute; z-index:2; bottom:0px; font-size: clamp(18px, 2vw, 30px); text-transform:uppercase; font-weight:700;  color:#ffffff}
.pulsante_icon { display:none }
.tfsr { right:-100%; }
.tfsl { left:-100%; }
#attivitaAziendale {
    display:flex;
    width:100%;
    background:url(../images/pngsfondozt.png) no-repeat center;
    /* height: 90vh; */
    min-height:700px;
    float:left;
    position:relative;
    -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;
    } 
#candidaturaAziendale {
    width:80%;margin:auto;
    align-items:center; 
    display:flex;
        
    min-height:700px;
  
    position:relative;
  
    } 
.candidatura_context  { width:100%; height:auto; float:left; position:relative; top:50%; opacity:0;   }
.candidatura_autista {width:100%;height:auto;float:left;position:relative;margin:45px 0;gap:60px;display:flex;/* flex-direction: row; */}
.content_candidatura {width: 50%;height:auto;display: flex;position:relative;}
.content_candidatura:first-child {/* margin: 0 4%  0  0; */}
.images_autista { width:100%; height:auto; float:left; position:relative; overflow:hidden;    }
.img_candidatura  {width: 100%;height:500px;float:left;position:relative;overflow:hidden; border-radius:40px;}
.center_content {width: 100%;height: auto;margin: auto;display: flex;position:relative; gap:30px;align-items: center;justify-content: center;align-content: center;flex-direction: column;}
.title_candidatura { width:100%; height:auto; position:relative; display:table }
.title_candidatura h1 {font-size:40px;font-weight: 700;}
.text_candidatura {width: 100%;height:auto;position:relative;display:table;/* margin:20px auto; */}
.text_candidatura h3 {font-size: 16px;line-height:1.7; text-align:justify}
.invio_candidatura  {width:90%;height:auto;position:relative;display:table;/* margin:20px auto; */}
.button_2223 { padding:10px 20px ; text-decoration:none; color:#0c385a;  margin: 0 auto; display:table; font-size:16px;font-weight:bold; background:none; border:2px solid #0c385a;}
.button_2223:hover { background:#0c385a; color:#fff;  }
#prodottiviewtr {width:100%;height:auto;float:left;position:relative;margin:15px 0;display:flex;}
#chisiamozeta {
    width:80%;
    margin:100px auto;
    height: 100vh;
    position:relative;
    } 
#descrizione_zetatrasporti {
    -webkit-text-size-adjust: 100%;
    width:100%;
    height:auto;
    top:-150px;
    opacity:0;
    margin: 0px 0 80px 0;
    position:relative;
    float:left;
    color:#fff;
    line-height:1.8;
    font-size: clamp(14px, 1vw, 18px);
    } 
#titolo_zetatrasporti {
     top:-100px;
     opacity:0;
    width:100%;
   height:auto; 
    margin: 0px 0 20px 0;
    position:relative;
    float:left;
    } 
#title_principal_zt {
    top:-400px;
     opacity:0;
    width:100%;
   height:auto; 
    margin: 0px 0 50px 0;
    position:relative;
    float:left;
    } 
#zetatrasporti_left {
    width:70%;
   height:auto;   
    opacity:0;
    left:-100%;
    position:relative;
    float:left;
    margin-bottom:100px
    } 
#sfondo_image_zt {
    width:100%;
   height:auto;
    background:url('../immagini/ztpressimages13541343232323.jpg') no-repeat center/cover;
    padding-bottom:80%;
    position:relative;
    float:left;
    } 
#zetatrasporti_right {
    width: 30%;
    height:auto;
    position:relative;
    float:left;
    opacity:0;
    right:-100%;
    }
#center_zetatrasporti {
    width:100%;
    padding:30px 7%;
    top:100px;
    left:-100px;
    background:#0c385a;
   height:auto;    
    position:relative;
    overflow:hidden;
    float:left;
    }
#titolo_zetatrasporti h3 { font-weight:bold; font-size:clamp(25px, 3vw, 40px) !important; text-align:center; color:#fff }
#title_principal_zt h1 {font-weight:800 !important;font-size: clamp(30px, 3vw, 50px);text-align:center;}
.zetatr_right {float:right !important;}
#descrizioneChisiamoc  {
    width:100%;
    /* background:#010101; */
    opacity: 1;
    height: 90vh;
    float:left;
    position:relative;
    -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;
    } 
#prodottiviewc {width:100%;height: 100%;float:left;position:relative; display:table}
#imagesMouve { width:50%; margin:0px 0; float:left; position:relative; height:auto; }
#pngTruck {
    width: 100%;
    position: relative;
    height: 600px; /* Modifica questo valore per ottenere il rapporto di aspetto desiderato */
    background: url(../immagini/truck-2.jpg) no-repeat center/cover;
    margin: 0 auto; /* Centra l'elemento orizzontalmente */
     
}
.descrizioneTrasporto {width:80%;margin:auto;text-align:left;line-height: 1.9;height:auto;color:#fff;position:relative;font-size: clamp(16px, 2vw, 20px) !important;  align-items:center} 
.descriptionTrasporto {
    opacity:0;
   font-size:20px;
    }
.et_pb_toggle_title {  font-size: 20px !important; font-weight:bold; }
.descrizioneTrasporto p {
    
    height:auto;
    overflow:hidden;
    -webkit-transition: All 0.8s ease;
    -moz-transition: All 0.8s ease;
    -o-transition: All 0.8s ease;
    color:#000
    }
.descrizioneTrasporto li { font-weight:800 !important;  }
.descrizioneChisiamo {width:100%;margin: 0px auto;text-align:center;display:flex;line-height: 1.9;height: auto;position:relative;/* background:#010101; */} 
#taglio {width:100px;height:90vh;position:absolute;background: #0d395b;top:0;right:-50px;z-index:1;transform: skew(-5deg);}
#descrizionechisiamoleft {
    -webkit-transition: All 0.8s ease;
    -moz-transition: All 0.8s ease;
    -o-transition: All 0.8s ease ;
    background:#000;
    width: 20%;
    -webkit-text-size-adjust: 100%;
    display:flex;
    vertical-align: baseline;
    /* float:left; */
    text-align:left;
    line-height: 1.8;
    height:auto;
    position:relative;
    font-size:clamp(14px, 2vw, 20px) !important;
    } 
#zt_mini_slide {width: 110%;position:relative;height:100%; display:flex; overflow: hidden;  }
 

.zt_item_slide {
  min-width: 100%;
  transition: transform 0.5s ease;
}

 
#zt_scrolling_item {width:100px;position:absolute;height:auto;top:10%;left:10%;/* z-index:9; */}
#zt_view_item {width: 100%;position: absolute;height:auto;bottom:20%;display:flex;}
#zt_view_item_cont {width: auto; opacity:0; position: relative;height:auto;  left:10%;  -webkit-transition: All 0.8s ease;
    -moz-transition: All 0.8s ease;
    -o-transition: All 0.8s ease ; }
#zt_content_scrolling {width:100%; left:-100%; height:100%;position:relative;  display:table;  -webkit-transition: All 0.8s ease;
    -moz-transition: All 0.8s ease;
    -o-transition: All 0.8s ease ; }
#zt_title_scrolling { width:100%; height:auto; position:relative; text-align:center; color:#fff; font-size: clamp(14px, 2vw, 26px) !important; font-weight:bold;  }
#zt_title_scrolling_w  { width:100%; height:auto; position:relative; text-align:center; color:#fff; font-size: clamp(40px, 3vw, 90px) !important;font-weight:700;text-transform:uppercase }
#zt_button_title {width:auto;left:20px;line-height:33px;position:relative;text-align:center;color:#fff; clamp(14px, 2vw, 26px) !important;font-weight: 500;}
#zt_button_scrolling { width:100%; height:auto; float:left; position:relative; }
#zt_button_view { width:100%; height:auto; float:left; display:flex; position:relative; }
 .zt_button_right {
    cursor: pointer;
    
    position: relative;
    width: 30px;
    height: 17.32px; /* 30px / (sqrt(3)) per mantenere le proporzioni */
    background: url(../images/frecciaright3.png) no-repeat center/cover #006eb8;
    margin: 8.66px 0; /* 17.32px / 2 */
    transition: background-color 0.3s ease;
}

.zt_button_right:before,
.zt_button_right:after {
    content: "";
    position: absolute;
    width: 0;
    border-left: 15px solid transparent; /* 30px / 2 */
    border-right: 15px solid transparent; /* 30px / 2 */
    transition: border-color 0.3s ease;
}

.zt_button_right:before {
    bottom: 100%;
    border-bottom: 8.66px solid #006eb8; /* 17.32px / 2 */
}

.zt_button_right:after {
    top: 100%;
    border-top: 8.66px solid #006eb8; /* 17.32px / 2 */
}

.zt_button_right:hover {
    background-color: #111111; /* Colore di sfondo al passaggio del mouse */
}

.zt_button_right:hover:before {
    border-bottom-color: #111111; /* Cambia colore del bordo inferiore al passaggio del mouse */
}

.zt_button_right:hover:after {
    border-top-color: #111111; /* Cambia colore del bordo superiore al passaggio del mouse */
}
.zt_button_mini_slide_left { width:auto; height:auto; float:left;  position:relative;}
.zt_button_mini_slide_right { width:auto; height:auto; float:right;  position:relative;}

.zt_button_icon {
    cursor: pointer;
    position: relative;
    width: 30px;
    height: 17.32px; /* 30px / (sqrt(3)) per mantenere le proporzioni */
    background: url(../images/scopri.png) no-repeat center/cover #006eb8;
    margin: 8.66px 0; /* 17.32px / 2 */
    transition: background-color 0.3s ease;
}

.zt_button_icon:before,
.zt_button_icon:after {
    content: "";
    position: absolute;
    width: 0;
    border-left: 15px solid transparent; /* 30px / 2 */
    border-right: 15px solid transparent; /* 30px / 2 */
    transition: border-color 0.3s ease;
}

.zt_button_icon:before {
    bottom: 100%;
    border-bottom: 8.66px solid #006eb8; /* 17.32px / 2 */
}

.zt_button_icon:after {
    top: 100%;
    border-top: 8.66px solid #006eb8; /* 17.32px / 2 */
}

.zt_button_icon:hover {
    background-color: #111111; /* Colore di sfondo al passaggio del mouse */
}

.zt_button_icon:hover:before {
    border-bottom-color: #111111; /* Cambia colore del bordo inferiore al passaggio del mouse */
}

.zt_button_icon:hover:after {
    border-top-color: #111111; /* Cambia colore del bordo superiore al passaggio del mouse */
}

  .zt_button_left {
    cursor: pointer;
    position: relative;
    width: 30px;
    height: 17.32px; /* 30px / (sqrt(3)) per mantenere le proporzioni */
    background: url(../images/freccialeft3.png) no-repeat center/cover #006eb8;
    margin: 8.66px 0; /* 17.32px / 2 */
    transition: background-color 0.3s ease;
}

.zt_button_left:before,
.zt_button_left:after {
    content: "";
    position: absolute;
    width: 0;
    border-left: 15px solid transparent; /* 30px / 2 */
    border-right: 15px solid transparent; /* 30px / 2 */
    transition: border-color 0.3s ease;
}

.zt_button_left:before {
    bottom: 100%;
    border-bottom: 8.66px solid #006eb8; /* 17.32px / 2 */
}

.zt_button_left:after {
    top: 100%;
    border-top: 8.66px solid #006eb8; /* 17.32px / 2 */
}

.zt_button_left:hover {
    background-color: #111111; /* Colore di sfondo al passaggio del mouse */
}

.zt_button_left:hover:before {
    border-bottom-color: #111111; /* Cambia colore del bordo inferiore al passaggio del mouse */
}

.zt_button_left:hover:after {
    border-top-color: #111111; /* Cambia colore del bordo superiore al passaggio del mouse */
}
.zt_item_slide { width:110%; position:relative; opacity:0.6;  display:table; height: 100vh; background-repeat:no-repeat !important; background-position:center !important; background-size:cover !important; }
.content_descrizione_zt { margin:auto; position:relative;width:80%; top:-50px   }
#descrizionechisiamoright {
    width:40%;
    z-index:1;
    -webkit-text-size-adjust: 100%;
    color: #ffffff;
    background: #0d395b;
    vertical-align: baseline;
    float:right;
    display:flex;
    text-align:left;
    line-height: 1.8;
    height:auto;
    position:relative;
    }
.zt_element_description {
    width:90%;
    overflow:hidden;
    opacity: 0;
    margin:0 auto;
    color: #fff;
    -webkit-text-size-adjust: 100%;
    vertical-align: baseline;
    text-align:left;
    line-height: 1.8;
    height: auto;
    top: -100px;
    position:relative;
    font-size: clamp(16px, 1vw, 20px);
    }
@media (min-width: 1600px) {
#prodottoantwq { width:19%; margin-right:1%; height:auto; float:left; position:relative ;   margin-bottom:20px;  -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;   }
    
}
@media (min-width:1280px) and  (max-width: 1600px) {
    #prodottoantwq { width:24.0%; margin-right:1%; height:auto; float:left; position:relative ;    margin-bottom:20px;  -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;   }
}
@media (max-width: 1280px) {
#prodottoantwq { width:32%; margin-right:1%; height:auto; float:left; position:relative ;    margin-bottom:20px;  -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;   }
    
}
#linkprodottisq {
    width:100%;
    height:100%;
    
    overflow:hidden;
    position:relative;
    float:left;
    font-family:'roboto',sans-serif;
    cursor:pointer;
    padding-bottom:20px;
    
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    }
#prodottoantw3 { width:48.45%; margin-left:1%; height:auto; float:left; position:relative ;    margin-bottom:1%;     }
#prodottoantw { width:31%; margin-right:2%; height:auto; float:left; position:relative ;    margin-bottom:20px;     }
#linkprodottis {
    width:100%;
    height:100%;
    position:relative;
    float:left;
    cursor:pointer;
    padding-bottom:20px;
    background:#ddd;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    }
#linkprodottis3 { width:100% ; height:100%; position:relative; float:left; cursor:pointer;  background:#ddd;  -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;}
#linkprodottis3:hover #trowprodant3 { color:#ff1f00}
#linkprodottis:hover {     }
 
#prodottoantwq:hover #oscuraprod { display:block; }
#prodottoantwq:hover #lentevisu { opacity:1; bottom:60px }
#prodottoantwq:hover #titolovisuc {  opacity:1; left:0px }
#prodottoantwq:hover #imgsprodant {   transform: scale(1.2)   }
#prodottoantwq:hover #carrelloInferiore { opacity:1; bottom:0; }

#oscuraprod { position:absolute; -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease ;z-index:1; background:#000; width:100%; height:400px; top:0; position:absolute; opacity:0.2; display:none}
#contvsd { width:100%; height:100px; position:absolute; z-index:2; }
#titolovisuc { width:100%; height:30px; z-index:2; text-align:center; margin:60% 0; bottom:0px;opacity:0;font-size:20px; text-transform:uppercase; font-weight:200; color:#fff; left:-30px;   -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease; position:absolute }
#lentevisu  {
    position:absolute;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    z-index:2;
    bottom:0px;
    background:url(../immagini/lente.png) no-repeat center;
    background-size:cover;
    margin:60% 50%;
    left:-30px;
    width:60px;
    height:60px;
    opacity:0;
    }
#imgprodant3 {width:100%;height: 650px;float:left;position:relative;overflow:hidden;}
#contocsd {width:100%;height: auto; bottom:40px; position:absolute;overflow:hidden;z-index:2}
#hoverscritte { background:#0000004f; width:100%; height:100%; position:absolute; z-index:1}
#imgprodant2 {width:100%;height: 400px;float:left;position:relative; background:#eee;overflow:hidden;margin-bottom:10px;}
#imgprodant {width:100%;height: 600px;float:left;position:relative;overflow:hidden;margin-bottom:10px;}
#rowprodantnw { position:absolute; background:#2a65d3; right:-10px; top:10px; padding:5px 10px;}
#rowprodantnw  #trowprodant { color:#fff !important; font-size:26px }
#rowprodant3  { width:90%; margin-left:5%; height:auto; float:left; position:relative ; text-transform:uppercase ;     }
#rowprodant { width:100%; height:auto; float:left; position:relative ; text-transform:uppercase ;     }
#carrelloInferiore  {
    width:100%;
    height:auto;
    float:left;
    padding:10px 0;
    bottom:-50px;
    opacity:0;
    position: relative;
    text-transform:uppercase;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    }
.pulsanteWHT { width:40px; height:40px; float:left; position:relative; border:1px solid #131313; margin:0  10px 0 0;-webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease; cursor:pointer; }
.pulsantePRT { width:40px; height:40px; float:left; position:relative; border:1px solid #131313; margin:0  10px 0 0;-webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease; cursor:pointer;}
.pulsantePRT:hover { border:1px solid #459ae5; background:#459ae5; }
.pulsanteWHT:hover { border:1px solid #459ae5; background:#459ae5; }
.pulsantePRT:hover #preferiti { background:url(../images/preferh.png) no-repeat center/cover; }
.pulsanteWHT:hover #whts { background:url(../images/whatsph.png) no-repeat center/cover; }
#whts { width:20px; height:20px; margin:10px auto; position:relative;  background:url(../images/whatsp.png) no-repeat center/cover; -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;}
#preferiti { width:20px; height:20px;  margin:10px auto; position:relative; background:url(../images/prefer.png) no-repeat center/cover; -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;}
#trowprodant3 { width:auto; margin:0 10px; color:#fff; -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease; height:auto; float:left; position:relative ;  font-size:40px; font-weight:200;    }
#trowprodant {
    width:auto;
     margin:0 10px;
    color:#000;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    height:auto;
    float:left;
    font-family:sans-serif;
    position:relative;
    font-size:16px;
    font-weight:bold;
    }
 .titoloprodotto { font-size:14px !important; font-weight:bold !important; color:#131313 !important}
#imgsprodant  {width: 100%;height: 100%;background-size:cover !important;background-repeat:none;background-position: center !important;float:left;position:relative; -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease ;}
#spprodtitle  {width:auto;height:auto;float:left;margin:10px 0 10px 40px;font-size:30px;font-family: 'roboto',sans-serif;font-weight:200;position:relative;}
#prodottodavis {width:100%;height:auto;float:left;position:relative;margin-top:140px;}
#prodottodavis_articolo { width:1180px; height:auto; margin:0 auto; position:relative}
#imagearticolos {width:48%;height:auto;float:left;margin: 0 0 0 2%;position:relative;}
#primaimmagine {width:100%;height:auto;float:left;position:relative;border: 1px solid #4b90c0;}
#diapositive { width:100%; height:auto; float:left; position:relative;margin-top:20px }
 .primaimmagine {
            width:100%;
            height:600px;
            float:left;
            position:relative;
           cursor:url(../images/cursorelente.png) , auto ;
            overflow:hidden;
            display: flex;
            justify-content: center; /* Allineamento orizzontale al centro */
            align-items: center; /* Allineamento verticale al centro */
            } 
.imagesarticolosvw  { width:auto; height:auto; max-height:500px;float:left; position:relative; margin: 0  } 
#elencodiapositive { width:90px; height:70px; float:left; margin-right:10px; position:relative}
#dhfs { width:100%; margin-bottom:2px; overflow:hidden;float:left; height:64px; position:relative}
#aelencodiapositive {
    width:100%;
    height:67px;
    opacity:0.3;
    cursor:pointer;
    float:left;
    overflow:hidden;
    position:relative;
     display:flex;
     align-items: center;
    background:#666;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    }
.cliccatoview {opacity:1 !important;border-bottom:3px solid #4b90c0;}
#aelencodiapositive:hover { opacity:1 }
.imagesarticolos  { width:100%; height:auto;   display:flex;  align-items: center; margin:0 auto;  position:relative}
#contarticolos {width:44%;margin:0 2% 0 2%;min-height: 100%;float:right;position:relative;}
 
 
 
 
#titlearticolos { width:100%;position:relative; float:left; margin:0 0 30px 0}
.seprar { width:100%;position:relative; min-height:48px; line-height:48px;float:left; margin:0 80px 0 0px}
.seprar h2 { font-size:40px !important; color:#ff0000}
#catdesc {width:100%;position:relative; margin:0px 0 0 0; height:30px; float:left;}
#sptitlecategoria { width:auto; font-family:sans-serif; float:left; color:#808080; line-height:30px; font-size:16px; font-weight:100}
#spscategoria { width:auto; font-family:sans-serif; float:left;  line-height:30px; margin-left:5px; font-size:14px; font-weight:100}
#spscategoria a {color:#000000 !important; }
#spscategoria span { float:left; margin:0 5px 0 0; position:relative; } 
#titlearticolos h1  {font-size:30px; font-family:sans-serif}
#prearticolos h2 { font-family:sans-serif; font-size:50px; color:#d42424}
#prearticolos  { width:100%; position:relative; margin-top:80px; float:left }
#descrizionearticolos {width:100%;position:relative;border-top:1px solid #ccc;height:auto;float:left;margin:20px 0 80px 0;}
#corpoDescrizione {width:100%;position:relative;   height:auto;float:left }
#corpoDescrizione h3 {width:100%;position:relative; font-size:18px; color:#555; font-weight:600; height:auto;float:left }
#tttdes {width:100%;position:relative; font-size:20px; height:50px; line-height:50px; float:left;margin:0px 0 10px 0;}
#descrizionearticolos h3 { font-family:sans-serif ;   }
#contattaciart { width:100%; margin-top:20px; position:relative; float:left; }
#carrelloaddon { width:100%; margin-top:150px; position:relative; float:left; }
#addoncarr { width:300px; background:#1361be; display:flex; height:50px; text-align:center; line-height:60px; font-size:25px; color:#fff; cursor:pointer; font-weight:100; -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px ; position:relative; float:left; }
#imgaddoncarr { width:29px; height:26px; position:relative;float:left; background:url(../images/carrelloadd.png) no-repeat center/cover; }
#contentaddoncarr { position:relative; height:26px; margin: auto; display:flex;width:auto}
#textaddoncarr { color:#fff; font-size:10px;width:auto; position:relative; height:26px; line-height:26px; margin-left:10px }
#textgoShopping { color:#000; font-size:12px;width:auto; position:relative; height:26px; line-height:26px;  }
#buttoncontact  { width:50%; background:#009318; height:60px; text-align:center; line-height:60px; font-size:25px; color:#fff; cursor:pointer; font-weight:100; -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px ; position:relative; float:left; }
#buttoncontact:hover {border:5px solid #009318; color:#009318; height:50px;line-height:50px;width:49%; padding:0; background:none }
#imagesarticolos { width:100%; height:100%; position:relative; float:left;  }
#slide {width:100%;height: 900px;float:left;position:relative;  overflow:hidden;  transform: scale(2); /* Zoom iniziale */
    transition: transform 1s ease;}
.blurred-content {
    filter: blur(10px); /* Applicazione iniziale della sfocatura */
}
#content_slide {width: 100%;height:100%;float:left;position:relative} 
#lislide  {width:100%;height: 100%;position: absolute;}
.container_slide {width:100%;height: 100%;position: absolute;}
 #prevButton { width:100px; background:url(../images/freccialeft3.png) no-repeat center/cover; height:100px; cursor:pointer; left:0; position:absolute; top:50%; margin-top:-50px;  border:2px solid #fefefe; padding:0; -webkit-transition: All 0.3s ease;5    
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease; -moz-border-radius: 80px ;
    -webkit-border-radius:80px ;
    border-radius: 80px ; z-index:2}
 #prevButton:hover { transform: scale(1.8); }
#nextButton { width:100px; height:100px; right:0; position:absolute;background:url(../images/frecciaright3.png) no-repeat center/cover; cursor:pointer; top:50%; margin-top:-50px;   border:2px solid #fefefe; padding:0; -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease; -moz-border-radius: 80px ;
    -webkit-border-radius:80px ;
    border-radius: 80px ; z-index:2} 
#nextButton:hover { transform: scale(1.8);}
#prevButton2 { width:50px; background:url(../images/freccialeft2.png) no-repeat center/cover; height:100px; cursor:pointer; left:0; position:absolute; top:50%; margin-top:-50px; opacity:0.3; border:0; padding:0; -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease; -moz-border-radius: 0px 60px 60px 0 ;
    -webkit-border-radius:0px 60px 60px 0 ;
    border-radius: 0px 60px 60px 0 ;}
 #prevButton2:hover { opacity:0.9}
#nextButton2 { width:50px; height:100px; right:0; position:absolute;background:url(../images/frecciaright2.png) no-repeat center/cover; cursor:pointer; top:50%; margin-top:-50px; opacity:0.3; border:0; padding:0; -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease; -moz-border-radius: 60px 0 0 60px;
    -webkit-border-radius:60px 0 0 60px ;
    border-radius: 60px 0 0 60px ;} 
#nextButton2:hover { opacity:0.9}
  .slide {
          opacity: 0;
      transition: opacity 0.5s;
    }
    
    .active-slide {
      opacity: 1;
    }   
.slide2 {
          opacity: 0;
      transition: opacity 0.5s;
    }
    
    .active-slide2 {
      opacity: 1;
    }   
#imgsliderdiv  { width:100%; height:100%; float:left; position:relative; background-size:cover !important;  } 
#imgslider  { width:100%; height:100%; float:left; position:relative } 
#primotitolopvheader {
    z-index:2;
    position: absolute;
    display:flex;
      
    top:0;
    width: 100%;
    height: 100%;
     
}
#contentheadertitle {
    width:80%; height:auto; position:relative; margin: auto;  opacity:0; left:-100% ; overflow:hidden
}
#contentheadertitle2 {
    width:80%; height:auto; position:relative; margin: auto;  opacity:0; left:-100% ; overflow:hidden
}
.decorationheadersp  {
    width:auto;
    height: 100%;
    position: static;
    float:left;
}
#title_section_header {position:relative;float:left;height:auto;margin:0 4%;width:100%;}
#title_section_header h1 {font-size: clamp(40px, 4vw, 70px);color:#fff;text-transform:uppercase}
.decorationheadersp span:first-child { width:20px; height:6px;  position:absolute; top:0; left:0;    }
.decorationheadersp span  { width:6px; height:100%;  position:absolute;background:#c1e2fc;   }
.decorationheadersp span:last-child { width:20px; height:6px;   position:absolute; bottom:0; left:0  }
.overlay {
    z-index:1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 30%);
}

.overlay .piece {
    position: absolute;
    background: #fff;
    border: 1px solid #000;
    opacity: 0;
}
#zt_slide{width: 90%;padding: 0 5%;top:0;left:0;position: absolute;height: 100%;display: inline-table;}
#zt_slide_content {
    /* width:auto; */
    /* position:relative; */
    /* height: auto; */
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    }
#contentlisl {max-width:850px;height:auto;position:relative; word-wrap: break-word; font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    vertical-align: baseline;
            
    background: transparent;  z-index:1} 
#titlesslide { color:#fff; font-size:50px;  letter-spacing:0px;  position:relative  }
.descr_slide { color:#fff;   font-size: clamp(16px, 2vw, 26px) !important;top:1000px; position:relative; font-weight:100; opacity:0;word-wrap: break-word; text-shadow: 0 1px 3px rgba(0, 0, 0, .3); }
.titlesslide {
    top:-200px;
    opacity:0;
    font-size: clamp(30px, 3vw, 80px) !important;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    text-transform:uppercase;
    font-weight: 800;
    }
#relinkslide {
    
     margin-top:30px;
     position:relative;
    }
.relinkslide {  opacity:0; height:auto; top:-200px; width:auto; position:relative; display:flex;   }
 
 #slideahre:hover  {   background-position: 0 100%; }
#slideahre {
    cursor:pointer;
    font-weight:400;
    font-size:16px;
    -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;
    /* border-radius:4px; */
    text-decoration:none;
    position:absolute;
    background-image: linear-gradient(to right, #006eb8 50%, #0d395b 50%);
    background-size: 200% 100%;
    background-position: 100.2% 0;
    z-index:1;
    color:#fff;
    height:auto;
    padding:15px 20px;
    width:auto;
    font-weight:bold;
    text-transform:uppercase;
    }
#pubblicitas {background:#fff;width:100%;height:70px;position:fixed;float:left;top:0;display: block !important;opacity: 1;}
#contpubblicita { width:auto; position:relative; margin:0 auto; display:table}
 #yamaha { background:url(../images/yamahalogo.png) no-repeat center; float:left; position:relative; width:90px; height:40px; margin:10px; background-size:cover; }
#vespa { background:url(../images/Vespa-logo.png) no-repeat center; float:left; position:relative; width:140px; height:40px; margin:10px; background-size:cover; }
#momo { background:url(../images/mmdesign.png) no-repeat center; float:left; position:relative; width:190px; height:40px; margin:10px; background-size:cover; }
#lem { background:url(../images/lemlogo.png) no-repeat center; float:left; position:relative; width:50px; height:40px; margin:10px; background-size:cover; }
#kymco { background:url(../images/Kymco-Logo.png) no-repeat center; float:left; position:relative; width:70px; height:40px; margin:10px; background-size:cover; }
#piaggio { background:url(../images/kisspng-piaggio-logo-scooter-motorcycle-vespa-piaggio-rent-5b947ffe159978.3987412215364587500885.png) no-repeat center; float:left; position:relative; width:110px; height:40px; margin:10px; background-size:cover; }
#benelli { background:url(../images/Benelli-logo.png) no-repeat center; float:left; position:relative; width:90px; height:40px; margin:10px; background-size:cover; }
#origine { background:url(../images/f153c5dc616e2deaced5e8e5d6712e2e.png) no-repeat center; float:left; position:relative; width:120px; height:40px; margin:10px; background-size:cover; }
#honda { background:url(../images/1200px-Honda_Logo.png) no-repeat center; float:left; position:relative; width:50px; height:40px; margin:10px; background-size:cover; }
#bods {
    width: 100%;
    height: 100%;
}
#leftmenu { width:auto; min-width:100%; height:240px; position:fixed; top:60px; background-color:rgb(0 0 0 / 12%); }
#contleftmenu  {   min-width:100%; width:1000%; height:240px; position:relative;  float:left;    }
 #storiaminibox {
     
    position:relative;
   
    width:100px;
    height:190px;
    float:left;
    margin: 20px 0 10px 20px;
    }
#contentstoriamini { width:100%; position:absolute; left:0; top:0; height:100%; overflow:hidden;  -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px; }
.sfondocontsv { width:100%; height:100%; position:absolute; top:0px; left:0; -moz-border-radius: 18px 18px 0 0;
    -webkit-border-radius: 18px 18px 0 0;
    border-radius: 18px 18px 0 0 ; }
.sfondoconts { width:100%; height:100%; position:absolute; top:0; left:0; }
#contentinnerv{  width:100%; height:100%; position:absolute; z-index:1; top:0; left:0; background:url(../images/temachiaro/hoverstoriav.png) repeat-x }
#contentinner { width:100%; height:100%; position:absolute; z-index:1; top:0; left:0; }
#contcontinnerv {width:100%;height:100%;position:relative;float:left;top:0;left:0;} 
#contcontinner {width:100%;height:100%;position:relative;float:left;top:0;left:0;} 
.scrittacontinner { position:relative;left:0;top:0; float: left; }
.scrittacontinnerv { position:relative;float: left; }
#headstoriaq { width:100%; height:38px; position:absolute; top:-13px; left:29px; z-index:1; }
#footerstoria {width: 100px;overflow:hidden;height: 20px;position:absolute;bottom:-25px;left:0px;}
#titlenickst { width:auto; position:relative; text-align:center; color:#fff; font-size:14px; font-weight:bold;}
#usfotousstview { width:30px; height:30px; float:left; background-size:cover; position:relative; 
          -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; }
#usfotousst { width:34px; height:34px; margin:2px; float:left; background-size:cover; position:relative; 
          -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; }
.viewhov {width:38px; height:38px; -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; background-image: -ms-linear-gradient(bottom right, #f900b6 0%, #930eb7 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(bottom right, #f900b6 0%, #930eb7 100%);
/* Opera */
background-image: -o-linear-gradient(bottom right, #f900b6 0%, #930eb7 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0, #f900b6), color-stop(1, #930eb7));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(bottom right, #f900b6 0%, #930eb7 100%);
/* Regola standard */
background-image: linear-gradient(to bottom right, #f900b6 0%, #930eb7 100%); }
#fotousst { width:38px; height:38px; position:relative; 
          -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
          
          
          }
#header {
    width: auto;
    position: absolute;
    height: auto;
    float: left;
    margin: 10px 0px 0px 15px;
}

#menuheadcenter {
    width: 100px;
    height: 50px;
    position: relative;
    /* display: table-cell; */
    margin: 10px auto 0 auto;
}

#anonimiview {
    font-family: 'anon';
    position: relative;
    width: 100%;
    height: 20px;
    line-height: 20px;
    float: left;
    text-align: center;
}

#spiatifollw {
    font-family: 'anon';
    position: relative;
    width: 100%;
    height: 20px;
    line-height: 20px;
    float: left;
    text-align: center;
}

.primo {
    color: #ffffff;
    font-size: 18px;
}

.secondo {
    color: #bbbbbb;
    font-size: 16px;
}

#menulaterale {
    width: 100%;
    height: 60px;
    position: fixed;
    background: none;
    z-index: 3;
    display: table;
}

#centralmenu {
    width: auto;
    height: 60px;
    position: relative;
    margin: 0 auto;
    float: right;
    /* display:table-cell */
}

#widebarinfo {
    width: 100%;
    height: 50px;
    background: #fff;
    position: fixed;
    z-index: 2;
    bottom: 0;
    border-top: 1px solid #ddd;
}

#view_bar_tot_p {
    float: left;
    width: 120px;
    height: 30px;
    margin: 10px 0px 10px 50%;
    left: -530px;
    position: relative
}

#view_bar_pagina_p {
    float: right;
    width: 170px;
    height: 30px;
    margin: 10px 50% 10px 10px;
    right: -550px ;
    position: absolute
}

#sp_view_pagina {
    float: left;
    width: 50px;
    height: 30px;
    position: relative
}

#sp_title_pagina {
    float: right;
    width: 90px;
    height: 30px;
    margin: 0px 10px 0px 0px ;
    position: relative;
    line-height: 30px;
    color: #555;
    font-weight: 500
}

#sp_view_p {
    float: left;
    height: 30px;
    position: relative;
    line-height: 30px;
    color: #555;
    font-weight: 500
}

#sp_view_p_vt {
    float: left;
    height: 30px;
    position: relative;
    line-height: 30px;
    color: #555;
    margin-left: 5px;
    font-weight: 500
}

#pagina_sel {
    float: left;
    width: 100%;
    height: 28px;
    border: 1px solid #cfcfcf;
    font-size: 16px;
    color: #000
}

#icon_menulat {
    width: 140px;
    height: 40px;
    float: left;
    position: relative
}

#home_menu, #newprev_menu, #preventivi_menu, #clienti_menu {
    width: 130px;
    height: 36px;
    float: left;
    position: relative;
    margin: 2px 0 2px 10px;
    cursor: pointer;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    transition: All 0.6s ease;
    -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;
}

#home_menu:hover, #newprev_menu:hover, #preventivi_menu:hover, #clienti_menu:hover {
    background: #f5f5f5
}

#home_menu:hover #text_home_m {
    display: block;
    opacity: 0.9;
    margin: 0 25px;
    position: relative;
    top: 2px;
    width: 40px;
    transition: All 1s ease;
    -webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s ease;
}

#clienti_menu:hover #text_clienti_m {
    opacity: 0.9;
    margin: 0 8px;
    position: relative;
    top: 2px;
    width: 75px;
    transition: All 1s ease;
    -webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s ease;
}

#newprev_menu:hover #text_newprev_m {
    opacity: 0.9;
    margin: 0 16px;
    position: relative;
    top: 2px;
    width: 58px;
    transition: All 1s ease;
    -webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s ease;
}

#preventivi_menu:hover #text_preventivi_m {
    opacity: 0.9;
    margin: 0 12px;
    position: relative;
    top: 2px;
    width: 68px;
    transition: All 1s ease;
    -webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s ease;
}

#selectedmenuit {
    width: 100%;
    height: 3px;
    position: relative;
    background: #00b4fb;
    float: left;
    top: -41px
}

#text_home_m {
    margin: 0 45px;
    position: relative;
    top: 2px;
    width: 20px;
}

#text_clienti_m {
    margin: 0 24px;
    position: relative;
    top: 2px;
    width: 64px;
}

#text_newprev_m {
    margin: 0 46px;
    position: relative;
    top: 2px;
    width: 38px;
}

#text_preventivi_m {
    margin: 0 42px;
    position: relative;
    top: 2px;
    width: 48px;
}

#icon_home_m {
    background: url(../images/temachiaro/homepage.png) no-repeat center;
    background-size: cover;
    float: left;
    margin: 11px 56px;
    position: relative;
    width: 20px;
    height: 18px
}

#selected_ihome {
    background: url(../images/home_iconsh.png.png) no-repeat center;
    background-size: cover;
}

#selected_thome {
    color: #fff
}

#icon_newprev_m {
    background: url(../images/temachiaro/apps.png) no-repeat center;
    background-size: cover;
    float: left;
    margin: 10px 56px;
    position: relative;
    width: 20px;
    height: 18px
}

#icon_preventivi_m {
    background: url(../images/temachiaro/preventivo.png) no-repeat center;
    background-size: cover;
    float: left;
    margin: 10px 56px;
    position: relative;
    width: 20px;
    height: 18px
}

#icon_clienti_m {
    background: url(../images/temachiaro/hashstorie.png) no-repeat center;
    background-size: cover;
    float: left;
    margin: 9px 56px;
    position: relative;
    width: 21px;
    height: 20px;
}

#text_home_m, #text_newprev_m, #text_preventivi_m, #text_clienti_m {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    font-size: 12px;
    color: #fff;
    background: url(../images/sfondonerotrasp.png) repeat;
    opacity: 0;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
    float: left;
    position: relative;
    padding: 0 20px;
    text-align: center;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

#tnote {
    margin-left: 20px;
    height: 80px;
    width: 350px;
    padding: 10px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    border: 1px solid #ddd;
}

#tnote:focus {
    outline: none;
    border: 1px solid #53c1ff;
}

#tnote_n {
    margin-left: 20px;
    font-weight: 600;
    font-family: calibri;
    height: 80px;
    width: 350px;
    padding: 10px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    border: 1px solid #ddd;
}

#tnote_n:focus {
    outline: none;
    border: 1px solid #53c1ff;
}

#oscuraoptionconfirm {
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/temachiaro/biancosfondotrasp.png) repeat;
    z-index: 1
}

#titleswindowconf {
    width: 100%;
    height: 50px;
    float: left;
    position: relative;
}

#headerwconf {
    width: 92%;
    height: 50px;
    float: left;
    position: relative;
    margin: 0 4%;
    text-transform: initial;
    font-size: 14px
}

#footerwconf {
    width: 100%;
    height: 50px;
    float: left;
    position: relative
}

#actionfooterwconf {
    margin: 10px;
    width: auto;
    height: 30px;
    float: right;
    position: relative
}

#pulsantidiazin:hover {
    background: #f5f5f5
}

#pulsantidiazi:hover {
    background: #008cdc
}

#pulsantidiazin {
    width: 50px;
    cursor: pointer;
    height: 30px;
    float: left;
    position: relative;
    color: #00a2ff;
    font-weight: bold;
    background: #fff;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    border: none;
    outline: none;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

#pulsantidiazi {
    width: 50px;
    cursor: pointer;
    height: 30px;
    float: left;
    position: relative;
    margin-left: 10px;
    color: #fff;
    font-weight: bold;
    background: #00a2ff;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    border: none;
    outline: none;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

#sptitleswconf {
    width: auto;
    position: relative;
    float: left;
    height: 50px;
    line-height: 50px;
    margin-left: 20px;
    font-size: 18px ;
    font-weight: bold;
    color: #222;
}

#sptitleswconfch {
    width: 50px;
    height: 50px;
    float: right;
    position: relative
}

#pulsantidiaziclose:hover {
    background: url(../images/temachiaro/delete.png) no-repeat #dfdfdf;
    background-size: cover;
}

#pulsantidiaziclose {
    width: 30px;
    cursor: pointer;
    height: 30px;
    float: left;
    position: relative;
    margin: 10px;
    background: url(../images/temachiaro/delete.png) no-repeat #eee;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    border: none;
    outline: none;
    background-size: cover;
}

#windowconfirm {
    width: 500px;
    height: 150px;
    position: relative;
    margin: 25% auto;
    top: 0px;
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0px 0px 8px #ccc;
    -webkit-box-shadow: 0px 0px 8px #ccc;
    box-shadow: 0px 0px 8px #ccc;
}

#contmenus {
    width: 840px;
    margin: 0 auto;
    position: relative;
}

#action {
    width: auto;
    height: 30px;
    float: right;
    margin: 5px 10px;
}

#conts {
    width: 100%;
    top: 210px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

#rightmenu {
    width: 300px;
    height: 100%;
    position: fixed;
    right: 0;
    top: 40px;
    z-index: 3
}

#no_hsoi {
    width: 100%;
    position: absolute;
    height: 100%;
    display: none;
    right: -100%;
}

#cont_n_hs {
    width: 100%;
    height: auto;
    max-height: 98%;
    float: left;
    position: relative;
}

#sdp_endc {
    width: 100%;
    opacity: 0.4;
    float: left;
    position: relative;
}

#wg_nc_che {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
}

#search_view {
    background: #fff;
    width: 300px;
    height: 100%;
    position: fixed;
    z-index: 3;
    top: 0px;
    display: none;
    right: -300px;
    -moz-box-shadow: 0px 0px 10px #d0d0d0;
    -webkit-box-shadow: 0px 1px 10px #d0d0d0;
    box-shadow: 0px 0px 10px #d0d0d0;
}

#contcstoria {
    width: 100%;
    height: 60px;
    /* float:left; */
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    opacity: 1
}

#centercontstoria {
    width: 180px;
    height: 60px ;
    margin: 0 auto;
    position: relative
}

#iconcontstoriafoto {
    width: 35px;
    height: 35px;
    margin: 0 auto;
    position: relative;
    background: url(../images/temachiaro/storia_sdfoto.png) no-repeat center;
    background-size: cover;
}

#iconcontstoriatext {
    width: 35px;
    height: 35px;
    margin: 0 auto;
    position: relative;
    background: url(../images/temachiaro/storia_tptesto.png) no-repeat center;
    background-size: cover;
}

#testocontstoriafoto {
    height: 16px;
    width: auto;
    margin: 0 auto;
    position: relative;
    color: #fff;
    line-height: 16px;
    font-weight: bolder;
    font-size: 12px;
    margin: 9px 0 0 0
}

#testocontstoriatext {
    height: 16px;
    width: auto;
    margin: 0 auto;
    position: relative;
    color: #fff;
    line-height: 16px;
    font-weight: bolder;
    font-size: 12px;
    margin: 9px 0 0 0
}

#creastoriafotoup {
    width: 47%;
    height: 100px;
    margin: 12px 0 12px 2%;
    position: absolute;
    z-index: 1;
    display: table;
    cursor: pointer
}

#creastoriatextup {
    width: 47%;
    height: 100px;
    margin: 12px 0 12px 2%;
    right: 2%;
    position: absolute;
    z-index: 1;
    display: table;
    cursor: pointer
}

.creastoriaft {
    width: 47%;
    height: 100px;
    display: table;
    float: left;
    margin: 12px 0px 12px 2%;
    z-index: 9;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    transition: All 0.4829s ease;
    -webkit-transition: All 0.4829s ease;
    -moz-transition: All 0.4829s ease;
    -o-transition: All 0.4829s ease;
    cursor: pointer
}

#creastoriafoto {
    background-image: -ms-linear-gradient(top right, #c15bab 0%, #e82cb6 50%, #c188e4 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top right, #c15bab 0%, #e82cb6 50%, #c188e4 100%);
    /* Opera */
    background-image: -o-linear-gradient(top right, #c15bab 0%, #e82cb6 50%, #c188e4 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0, #c15bab), color-stop(1, #e82cb6));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top right, #c15bab 0%, #e82cb6 50%, #c188e4 100%);
    /* Regola standard */
    background-image: linear-gradient(to top right, #c15bab 0%, #e82cb6 50%, #c188e4 100%);
    opacity: 0.77
}

#creastoriatext {
    background-image: -ms-linear-gradient(top right, #46acc1 0%, #04d3d2 50%, #07b3ff 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top right, #46acc1 0%, #04d3d2 50%, #07b3ff 100%);
    /* Opera */
    background-image: -o-linear-gradient(top right, #46acc1 0%, #04d3d2 50%, #07b3ff 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0, #46acc1), color-stop(1, #04d3d2));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top right, #46acc1 0%, #04d3d2 50%, #07b3ff 100%);
    /* Regola standard */
    background-image: linear-gradient(to top right, #46acc1 0%, #04d3d2 50%, #07b3ff 100%);
    opacity: 0.77
}

#creazionecont {
    width: 560px;
    height: 154px;
    float: left;
    position: relative;
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0px 0px 4px #ccc;
    -webkit-box-shadow: 0px 0px 4px #ccc;
    box-shadow: 0px 0px 4px #ccc;
}

#headercreazionecont {
    width: 100%;
    height: 30px;
    position: relative;
}

#textheadcrcont {
    width: auto;
    margin-left: 12px;
    line-height: 40px;
    font-weight: bolder;
}

#storiepost {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    margin-top: 10px
}

.poststoria {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    margin-bottom: 10px;
    overflow: hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0px 0px 4px #ccc;
    -webkit-box-shadow: 0px 0px 4px #ccc;
    box-shadow: 0px 0px 4px #ccc;
}

.poststoria:hover #headstoria {
    opacity: 0.2
}

#headstoria:hover {
    opacity: 1
}

#headstoria {
    width: 100%;
    position: absolute;
    height: 70px;
    left: 0;
    top: 0;
    z-index: 2;
    transition: All 0.4829s ease;
    -webkit-transition: All 0.4829s ease;
    -moz-transition: All 0.4829s ease;
    -o-transition: All 0.4829s ease;
}

#usercont {
    width: auto;
    height: 50px;
    position: absolute;
    left: 10px;
    top: 10px
}

#fotoprofilocont {
    width: 48px;
    border: 2px solid #00b8d2;
    height: 48px;
    float: left;
    overflow: hidden;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

#usrndtx {
    width: auto;
    height: 48px;
    float: left;
    position: relative;
    line-height: 48px;
    font-size: 16px;
    margin-left: 10px;
    color: #fff;
    font-weight: bold;
}

#img_fprof {
    width: 48px;
    height: 48px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

#coprentehashdaslkdsajk {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/sfocaturastoria.png) repeat-x;
    opacity: 1;
    z-index: 1;
    transition: All 0.4829s ease;
    -webkit-transition: All 0.4829s ease;
    -moz-transition: All 0.4829s ease;
    -o-transition: All 0.4829s ease;
}

#coprentehashdaslkdsajk:hover {
    opacity: 0.4
}

#contstorieuter {
    width: 560px;
    position: relative;
    height: 651px;
    float: left;
}

.storiacont {
    width: 560px;
    /* height:680px; */
    position: relative;
    float: left;
}

#sfcontstoria {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
}

#sfondcontstoria {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
}

#img_sfondocontstoria {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
}

#straddacc {
    width: 400px;
    height: 300px;
    position: relative;
    background: #fff;
    z-index: 1
}

#sommaadd {
    width: 250px;
    height: 50px;
    margin: 50px 70px 0;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 28px;
    font-weight: bold
}

#sommaadd:focus {
    outline: 1px solid #c8e7ff;
}

#namef {
    width: 200px;
    height: 40px;
    padding: 0 20px;
    border: 1px solid #ddd;
    margin: 40px 79px 0px 79px;
}

#ric_inser_file {
    width: 380px;
    height: 140px;
    position: relative;
    float: left;
    border: 1px dashed #ddd;
    margin-top: 20px;
    margin-left: 10px;
}

#nameffile {
    width: 100%;
    height: 140px;
    position: relative;
    float: left;
    opacity: 0;
    z-index: 1
}

#puls_ins_file {
    width: 100%;
    height: 20px;
    margin: 60px 0;
    position: absolute;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    z-index: 0
}

#idaccs {
    display: none
}

#log_urt {
    width: 100%;
    height: 100%;
    z-index: 4;
    position: fixed;
    background: url(../headm.png) repeat;
    display: none
}

#form_logs_canc {
    width: 300px;
    height: 200px;
    position: relative;
    margin: 25% auto;
    top: -100px;
    display: table;
    background: #fff;
}

#userinfofg {
    width: 100%;
    height: 60px;
    margin-top: 0px;
    float: left;
    position: relative;
}

#sdafsp {
    height: auto;
    width: 100%;
    float: left;
    position: relative
}

#sdsaainvio {
    height: 30px;
    width: 100px;
    float: right;
    margin-right: 28px;
    background: #222;
    border: none;
    color: #fff;
    font-weight: bold;
}

#sdsaainvio:hover {
    background: #f04;
}

#userinfofgd {
    width: 100%;
    height: 60px;
    margin-top: 30px;
    float: left;
    position: relative;
}

#in_userinfofgd {
    width: 220px;
    margin: 0 28px;
    padding: 0 10px;
    position: relative;
    float: left;
    height: 30px;
    border: 1px solid #ddd;
}

#addonall {
    width: 100%;
    height: 100%;
    z-index: 4;
    position: fixed;
    background: url(../headm.png) repeat;
    display: none
}

#addonallnumb {
    width: 100%;
    height: 100%;
    z-index: 4;
    position: fixed;
    background: url(../headm.png) repeat;
    display: none
}

#asdsfdgsdfs {
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
}

#a_adsf_nm {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
}

#a_adsf {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
}

#a_adsf_r {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
}

#idalls {
    display: none;
}

#iconaapplicazione {
    width: auto;
    height: 40px;
    position: fixed;
    left: 80px;
    bottom: 70px;
    z-index: 4
}

.iconaapplicazione {
    width: auto;
    height: 40px;
    float: left;
    background: #fff;
    position: relative;
    list-style: none;
    z-index: 4;
    moz-border-radius: 80px;
    -webkit-border-radius: 80px;
    border-radius: 80px;
    -moz-box-shadow: 0px 0px 2px #000;
    -webkit-box-shadow: 0px 0px 2px #000;
    margin-right: 20px;
    box-shadow: 0px 0px 2px #000;
    cursor: pointer;
    transition: All 0.1s ease;
    -webkit-transition: All 0.1s ease;
    -moz-transition: All 0.1s ease;
    -o-transition: All 0.1s ease;
}

.iconaapplicazione:hover {
    background: #111
}

.iconaapplicazione:hover #icon_modprev {
    background: url(../images/modpreventivoh.png) no-repeat center;
    background-size: cover;
}

.iconaapplicazione:hover #names_modprev {
    color: #00a4ff
}

#icon_modprev {
    float: left;
    height: 20px;
    width: 20px;
    position: relative;
    background: url(../images/modpreventivo.png) no-repeat center;
    background-size: cover;
    margin: 10px
}

#names_modprev {
    float: left;
    height: 40px;
    width: auto;
    line-height: 40px;
    font-weight: bolder;
    position: relative;
    font-size: 12px;
    margin-right: 10px
}

#addacc {
    width: 400px;
    height: 300px;
    z-index: 4;
    position: fixed;
    background: #eee;
    left: 30%;
    top: 30%;
    ;margin-top: -100px;
    display: none
}

#colonnaleft {
    width: 170px;
    height: 100%;
    min-height: 1000px;
    top: 40px;
    float: left;
    position: fixed;
    background: #efefef;
    border-right: 3px solid #646464;
}
#strutturamenuinf {
    left:100px;
    width:20%;
    min-width: 300px;
    height:100%;
    float:left;
    display:flex;
    z-index:1;
    position:relative;
    background: linear-gradient(to right, #111, #181818);
    }
#centratoimagesmenusf {
    width:100%;
    height:100%;
    display:flex;
    margin:0 auto;
     
    justify-content: center;
    align-items: center;
    position: relative;
    }
.immaginemenusfondo {
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease ;
    width:100%;
    height:auto;
    float:left;
    transform: scale(0.1);
    opacity:0;
    position: relative;
    }
#immagesmenusf {
    background:#333;
    width: auto;
    left:100px;
    height:100%;
    float:right;
    position: relative;
    }
#strutturamenusub {
     z-index:1;
     min-width: 300px;
     width: 20%;
     left:100px;
     height:100%;
     float:left;
     position:relative;
     background: linear-gradient(to right, #111, #181818);
    }
#menusottomenu {
    display:flex;
    left:-100%;
    width: 100%;
    height:100%;
    background:#151515;
    position:relative;
    float:left;
    overflow:hidden;
    z-index:0;
    }
#menuTendina {width:100%;height:100%;background:#111;opacity:0;-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease ;position:fixed;top:0; left:-100%; overflow:hidden; z-index:9;}
#primaStruttura {width:100px;height:100%;background:#222;z-index:1;position: absolute;/* float:left; */top:0;left:0;}
#minilogo { width:80px; height:80px; background:url(../images/minilogomr.png) no-repeat center/cover; margin:10px;position:relative; float:left; }
#ccccs { width:56px; height:56px; margin:20px; position:relative; float:left; border: 2px solid #555 !important; -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px; cursor:pointer }
#ccccs:hover { border:2px solid #da291c !important}
#close_menu { width:56px; height:56px;  position:relative; float:left; z-index:1  }
.icon { width:20px !important; height:20px!important; fill:#fff; position:absolute; left:0;  margin:18px;}
#close_menu svg circle {
    stroke-dasharray: 70;
    stroke-dashoffset: 70;
}
#close_menu circle {
    stroke: #da291c;
    stroke-width: 1px;
    fill: none; }
#close_menu svg { position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%) rotate(-90deg); }
#centermenu {
    width: 90%;
    height: 100px;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    margin:0 auto;
    display:flex;
    position: relative;
    align-content: center;
    justify-content: space-between;
    }
#logosw { width:30%; height:100%; float:left; position:relative; z-index:1; }
#cart { width:200px; height:100%; float:right; position:absolute; right:0; z-index:1; display:flex; } 
#carrello { width:30px; cursor:pointer; height:30px; float:left; position:relative;   z-index:1; display:inline-table;  margin:auto; } 
#icon-carrello  { width:30px; height:24px;   position:relative;   z-index:1; background:url(../images/carrello.png) no-repeat center/cover;  } 
#number-carrello { width:20px; height:20px; text-align:center; line-height:20px; font-size:12px; font-family:sans-serif; background:#256cbe; color:#fff; position:absolute;  -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;  display:none;  z-index:1;    margin:auto; left:20px; top:-23px;} 
.visible-cart { display:inline-table !important; }
#log_sign { width:80px; height:100%; float:left; margin:0 10px; position:relative;   z-index:1; } 
#logosw {width:auto;height:100%;display:flex;position:relative;top: -100%;z-index:1;}
#menuinl {width:auto; opacity:0; height:auto;position:relative;  top:-100%;   display:flex;}
#closed_menu_ui { display:none }
 
 
.zt-menu-ui {width:auto;  height:100%;position:relative;   float:left;  }
.zt-menu-ui li {
    /* font-family:'zetasolid'; */
    text-transform: uppercase;
    }
 
.zt-menu {width: 100%; min-width:190px; height:auto;position:absolute;left: 0;opacity: 1;display: none;top: 100px;padding:10px 10px;background:#fff;border-top:4px solid #0c385a;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;z-index:99999}
.zt-menu li  {width: 100% !important;line-height:50px !important;height:50px !important;   }
.zt-menu li a {
    font-family: 'montserrat', sans-serif !important;
    padding:0 !important;
    text-transform:uppercase;
    /* display:flex !important; */
    position:relative !important;
    width:100% !important;
    line-height:50px !important;
    padding:0px !important;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    }
.zt-menu li a span { margin:0px auto  ; width:100% !important; font-size:14px  ;position:relative; text-align:center  ; float:left; }
.iconmenuzt { margin:0 auto !important; position:relative; width:150px !important; display:inline-block;  background-size:cover !important; background-position:center !important; height:150px !important;   }
.zt-menu li a:hover { background:#2d4c78; color:#fff !important}
#menuinr { width:auto; position:relative; opacity:0;right:-50%; display:none;  height:auto ;position:relative;  } 
#logoahre {width: 340px;height: 60px;margin:auto;display:flex; position:relative;background-size:contain;}
#menuin {width:auto;height:100%; margin:0 0 0 6%;display:flex;position:relative;}
#limenu {width:auto;margin-right:0px;height:100%;line-height: 100px;position:relative;float:left;list-style:none;}
#limenu:hover ul { display:block }
.oscurapage{width:100%;height:100%;position:fixed;top:0;left:0;background:#00000040;z-index: 1;opacity:0;display:none;}
#linguachange {width:30vw; right:-40%;min-width:500px;top:100px;height: 100%;display:none;position:fixed;background: #e7eef4;}
#menu-other {width:80%;height:auto;position:relative;display:table;margin:20px auto;overflow-y: scroll;}
#section-menu-ot {width:100%; height:auto;position:relative;display:table; margin:20px auto}
#title-section-menu-ot {width:100%; height:auto;position:relative;display:table; margin:0px auto; font-weight:bold; font-size:28px; }
#menu-lingua {width:100%; height:auto;position:relative;display:table; margin:20px auto; font-weight:bold; font-size:16px; }
#content-section-menu-ot {width:100%; height:auto;position:relative;display:table; margin:20px auto; font-weight:200; font-size:16px; }
.link-content-section {width:auto; height:auto;position:relative; float:left; margin:0 10px 0 0; font-weight:400; text-decoration:none; color:#000; font-size:18px; }
.link-content-section:hover { text-decoration:underline }
#menutendina {width:auto;margin-right:0px;height:100%;display:grid; position:relative;float:left;align-items:center;align-content:center; cursor:pointer }
 #event_menu_zt { width:31px; height:20px; position:relative; background:url(../images/menuzt.png) no-repeat center/cover }
.submenu {
    display: none;
}

.has-submenu > a {
    cursor: pointer;
}
.ztcontentmenu  {position:relative !important;height: 200px !important;width:150px !important;margin:  auto;padding:0px !important;display:table;}
#menuahre {width:auto;height: 100%;display:table;line-height: 100px;position:relative;float:left;color:#0c385a;text-decoration:none;}
.lang {width:auto;height:auto;position:relative;display:inline-table;float:left;color:#0c385a;text-decoration:none;}
#separatore {width:auto;height:auto;position:relative;display:inline-table;float:left;color:#0c385a;text-decoration:none; margin:0 10px}
a { cursor:pointer }
#menuahre:hover { color:#4670bb}
.ui-text-view { font-weight:500}
.pulsante-icon-viewq:hover { color:#000; background:#fff } 
.pulsante-icon-view:hover { color:#fff; background:#000 } 
.pulsante-icon-viewq {
    position:absolute; bottom:-5%; left:10%;  padding:0 15px;
    cursor:pointer;   
    -moz-border-radius:40px;
    -webkit-border-radius:40px;
    border-radius: 40px;
    opacity:0;   
    z-index:2;
    background:none;
    border:2px solid #fff;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size: clamp(14px, 2vw, 20px);
    font-weight:100;
    color:#fff;
}

.pulsante-icon-view {
    position:absolute; bottom:-5%; left:10%;  padding:0 15px;
    cursor:pointer;   
    -moz-border-radius:40px;
    -webkit-border-radius:40px;
    border-radius: 40px;
    opacity:0;   
    z-index:2;
    background:none;
    border:2px solid #000;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size: clamp(14px, 2vw, 20px);
    font-weight:100;
    color:#000;
}
.pulsante-icon-viewq:hover .ui-icon-viewq::after { background-color:#000}
.pulsante-icon-viewq:hover .ui-icon-viewq::before { background-color:#000}
.pulsante-icon-view:hover .ui-icon-view::after { background-color:#fff}
.pulsante-icon-view:hover .ui-icon-view::before { background-color:#fff}
.ui-icon-viewq {
    width: 20px; /* Dimensione del simbolo più */
    height: 20px; /* Dimensione del simbolo più */
    position: relative;
    margin: 5px;
    float:left;
    
}

.ui-text-viewq{ width:auto; height:20px;font-weight:bold; position:relative; margin: 0 5px; float:left}
.ui-icon-viewq::before,.ui-icon-viewq::after {
    content: '';
    position: absolute;
    background-color: #fff; /* Colore delle linee del simbolo più */
}

.ui-icon-viewq::before {
    width: 1.5px; /* Lunghezza della linea orizzontale */
    height: 15px; /* Spessore della linea orizzontale */
    top: 7px; /* Posizione verticale della linea orizzontale */
    left: 7px; /* Posizione orizzontale della linea orizzontale */
}

.ui-icon-viewq::after {
    height: 2px; /* Lunghezza della linea verticale */
    width: 15.5px; /* Spessore della linea verticale */
    top: 14px; /* Posizione verticale della linea verticale */
    left: 0px; /* Posizione orizzontale della linea verticale */
}
.ui-icon-view {
    width: 20px; /* Dimensione del simbolo più */
    height: 20px; /* Dimensione del simbolo più */
    position: relative;
    margin:0 5px;
    float:left;
    
}

.ui-text-view{ width:auto; height:20px; position:relative; margin: 0 5px; float:left}
.ui-icon-view::before,.ui-icon-view::after {
    content: '';
    position: absolute;
    background-color: #000; /* Colore delle linee del simbolo più */
}

.ui-icon-view::before {
    width: 1.5px; /* Lunghezza della linea orizzontale */
    height: 15px; /* Spessore della linea orizzontale */
    top: 7px; /* Posizione verticale della linea orizzontale */
    left: 7px; /* Posizione orizzontale della linea orizzontale */
}

.ui-icon-view::after {
    height: 2px; /* Lunghezza della linea verticale */
    width: 15.5px; /* Spessore della linea verticale */
    top: 14px; /* Posizione verticale della linea verticale */
    left: 0px; /* Posizione orizzontale della linea verticale */
}
 
#sottomenu_ul {width: 80%;margin:105px 0%;top:5%;opacity:0;padding: 0 10%;position: relative;height:100%;float:left;}
#titlesottomenu { width:100%; height:50px; line-height:50px; margin:20px 0; float:left; color:#bebebe; font-size:16px; }
#submenu_ul {width: 80%;margin:195px 0%;top:5%;opacity:0;padding: 0 10%;position: relative;height:100%;float:left;}
#lisottomenu {width: 100%;position:relative;height:40px;float:left;margin:10px 0 0px 0;}
#lisubmenu {width: 100%;position:relative;height:40px;float:left;margin:10px 0 0px 0;}
#alissm2 {width: 100%;position:relative;height:40px;line-height:40px;text-decoration:none;color:#ffffff !important;float:left; font-family:calibri; font-size:20px;-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease ;border-right:2px solid #151515 }
#alissm {width: 100%;position:relative;height:40px;line-height:40px;text-decoration:none;color:#bebebe;float:left; font-family:calibri; font-size:20px;-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease ;  }
#alissm:hover {color:#ffffff; }
.hoverSelectjs{ color:#ffffff !important; }
.hoverSelectjs .frmnu svg { fill:#fff; }
#alissmsp {width: auto;position:relative;height:40px;margin: 0 50px 0 0;line-height:40px;text-align:center;font-weight:100;float:left;white-space: nowrap;}
.frmnu  {  float:right; margin:12px 0}
.frmnu svg { fill:#bebebe; float:left; -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease ; }
#alissm:hover  svg { fill:#fff; float:left; }
.colormn { background:#212121 !important; }
#coloremenu  {
      /* transition: background 0.5s, opacity 0.5s; */
      width: 100%;
      height: 100px;
      top:0px;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background:#fff;
      /* background-image: linear-gradient(to bottom,var(--tw-gradient-stops)); */
      /* --tw-gradient-from: #000000b3; */
      /* --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to, rgb(0 0 0 / 0)); */
      --tw-gradient-to: transparent;
      position: absolute;
}
 .menu_scroll { background:#000 !important; opacity:0.8;  -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease ;}
.topmenus {
    /* top:-10px; */
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    }
.topmenusr {top:0px !important;  -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease ;}
#menu-mobile{ display:none }
#menu {
    width: 100%;
    height: 100px;
    display:flex;
    z-index:1;
    border-bottom:1px solid #e0e0e0;
    margin: 0 20px 20px 0;
    position: fixed;
    align-content: center;
    align-items: center;
    justify-content: center;
    letter-spacing:0px;
}
 
 
.stileultprev {
    background: #e3fbea;
    -moz-box-shadow: 0px 0px 2px #a3ceb0;
    -webkit-box-shadow: 0px 0px 2px #a3ceb0;
    box-shadow: 0px 0px 2px #a3ceb0;
}

.stileultprev:hover #ult_prev_view {
    display: block
}

.stileultcli {
}

#optionpr {
    margin: 15px 0px 0 0;
    float: left;
    width: auto;
    height: 30px;
    position: relative;
}

.stileultcli:hover #ult_cli_view {
    display: block
}

#invioacc:hover {
    background: #f00
}

#invioacc {
    font-size: 14px;
    cursor: pointer;
    font-weight: bold;
    height: auto;
    height: 40px;
    width: 140px;
    margin: 30px 20px 0px 66px;
    color: #FFF;
    background: -webkit-gradient(linear, 80% 20%, 0% 38%, from(#579BFF), to(#53C1FF));
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border: none
}

#menu:hover #contenutomenu {
    display: block
}

#titlesmenu {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #cee0f0;
    float: left;
    position: relative;
    cursor: pointer;
    /* background: #c8e7ff; */
}

#ult_preventivi_view {
    width: 100%;
    height: 50px;
    line-height: 50px;
    float: left;
    position: relative;
    /* background:#488b6f; */
}

#ult_clienti_view {
    width: 100%;
    height: 50px;
    line-height: 50px;
    float: left;
    position: relative;
    /* background:#38789d */
}

#ult_clienti_view span {
    /* color:#0052b1 ; */
    margin-left: 20px;
    font-size: 18px;
}

#ult_preventivi_view span {
    margin-left: 20px;
    font-size: 18px
}

.view_ico {
    position: absolute;
    margin: 18px;
    right: 0px;
    display: none;
    z-index: 1;
    height: 14px;
    cursor: pointer;
    width: 14px;
    background: url(../images/ridimensionamento.png) no-repeat center;
    background-size: cover
}

.view_ico_ora {
    position: absolute;
    margin: 10px 15px;
    right: 0px;
    display: none;
    z-index: 1;
    height: 10px;
    cursor: pointer;
    width: 10px;
    background: url(../images/resize-dec.png) no-repeat center;
    background-size: cover
}

.titlesmenu {
    height: 35px;
    line-height: 35px;
    /* color: #000; */
    float: left;
    font-weight: bold;
    position: relative;
    font-size: 14px;
}

#contenutomenu {
    /* width: 100%; */
    margin: 0;
    /* top: 20px; */
    /* height: 30px; */
    float: right;
    position: relative;
    /* z-index:2; */
    /* background:#464646; */
}

#profoptionprevt {
    width: auto;
    float: left;
    height: 40px;
    margin-right: 10px;
}

#creaoptionprevt {
    width: 32px;
    height: 32px;
    float: left;
    position: relative;
    margin-right: 15px;
}

#seroptionprevt {
    width: 40px;
    height: 40px;
    float: left;
    position: relative;
}

#notoptionprevt {
    width: 32px;
    height: 32px;
    float: left;
    position: relative;
    margin-right: 15px;
}

#impoptionprevt {
    width: 40px;
    height: 40px;
    float: left;
    position: relative;
    left: 5px;
    margin: 0
}

#imagesuser {
    background: url(../images/temachiaro/utentelog.png) no-repeat center;
    width: 30px;
    height: 30px;
    margin: 5px ;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background-size: cover;
    float: left
}

#icon_crea_s_an {
    background: url(../images/temachiaro/creastorie.png) no-repeat center;
    width: 30px;
    height: 30px;
    margin: 5px;
    background-size: cover;
    float: left
}

#nameuser {
    width: auto;
    float: left;
    margin: 0 0px 0 20px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff
}

#a_notoptionprevt {
    width: 32px;
    height: 32px;
    position: relative;
    float: left;
    background: url(../images/temachiaro/notifica.png) no-repeat center #dedede;
    background-size: cover;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px;
    cursor: pointer;
}

#a_searchoptionprevt {
    width: 30px;
    height: 30px;
    position: relative;
    float: left;
    background: url(../images/temachiaro/search.png) no-repeat center;
    background-size: cover;
    cursor: pointer;
    margin: 5px;
}

#a_creaoptionprevt {
    width: 32px;
    height: 32px;
    position: relative;
    float: left;
    background: url(../images/temachiaro/creapreventivo.png) no-repeat center #dedede;
    background-size: cover;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px;
    cursor: pointer;
}

#a_useroptionprevt {
    width: 40px;
    height: 40px;
    position: relative;
    float: left;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px;
    cursor: pointer;
}

#a_creastories_an {
    width: 40px;
    height: 40px;
    position: relative;
    float: left;
    cursor: pointer;
    left: 10px;
}

#a_imposoptionprevt {
    width: 30px;
    height: 30px;
    position: relative;
    float: left;
    margin: 5px;
    background: url(../images/temachiaro/menuimp.png) no-repeat center ;
    background-size: cover;
    cursor: pointer;
}

#a_creaoptionprevt:hover {
    background: url(../images/temachiaro/creapreventivo.png) no-repeat center #ccc;
    background-size: cover;
}

#a_useroptionprevt:hover {
    background-color: #eee;
    background-size: cover;
}


#a_notoptionprevt:hover {
    background: url(../images/temachiaro/notifica.png) no-repeat center #ccc;
    background-size: cover;
}

#a_searchoptionprevt:hover {
    background: url(../images/temachiaro/search.png) no-repeat center #ccc;
    background-size: cover;
}

#creaoptionprevt:hover #textoptionprevt {
    opacity: 1;
    width: 60px;
    left: -13px;
}

#seroptionprevt:hover #textoptionprevt {
    opacity: 1;
    width: 70px;
    left: -18px;
}

#notoptionprevt:hover #textoptionprevt {
    opacity: 1;
    width: 80px;
    left: -24px;
}

#impoptionprevt:hover #textoptionprevt {
    opacity: 1;
    width: 100px;
    left: -65px;
}

#textoptionprevt {
    transition: All 0.6s ease;
    -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;
    width: 20px;
    opacity: 0;
    position: relative;
    float: left;
    height: 34px;
    line-height: 34px;
    background: url(../images/sfondonerotrasp.png);
    color: #fff;
    font-size: 12px;
    top: 12px;
    left: 0px;
    text-align: center;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

#textoptionut {
    width: 80px;
    position: relative;
    float: left;
    height: 34px;
    line-height: 34px;
    background: url(../images/sfondonerotrasp.png);
    color: #fff;
    font-size: 12px;
    top: 12px;
    left: -20px;
    opacity: 0;
    text-align: center;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

#textoptionim {
    width: 110px;
    position: relative;
    float: left;
    height: 34px;
    line-height: 34px;
    background: url(../images/sfondonerotrasp.png);
    color: #fff;
    opacity: 0;
    font-size: 12px;
    top: 12px;
    left: -60px;
    text-align: center;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

#creaoptionopzioni {
    display: none;
    width: 300px;
    height: auto;
    position: absolute;
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    top: 45px;
    right: 40px;
    padding: 0px 0 14px 0;
    z-index: 4;
    -moz-box-shadow: 0px 0px 4px #ccc;
    -webkit-box-shadow: 0px 0px 4px #ccc;
    box-shadow: 0px 0px 4px #ccc;
}

#imp_nh_po {
    display: none;
    width: 100%;
    height: auto;
    position: absolute;
    background: #fff;
    -moz-border-radius:20px 20px 0px 0px;
    -webkit-border-radius: 20px 20px 0px 0px;
    border-radius: 20px 20px 0px 0px ;
    bottom: 0px;
    right: 0px;
    padding: 0px 0 14px 0;
    z-index: 4;
    
}
#perszza_tp {
   
    width: 100%;
    height: 60px;
    font-weight: bold;
    line-height: 60px;
    text-align: left;
    font-size: 24px;
    color: #000;
    float: left;
    position: relative;

}
#li_creaoption {
    width: 90%;
    height: 60px;
    margin: 0 5%;
    float: left;
    position: relative;
    cursor: pointer;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

#logout_tp {
    width: 100%;
    height: 60px;
    font-weight: bold;
    line-height: 60px;
    text-align: left;
    font-size: 24px;
    color: #000;
    float: left;
    position: relative;
}

#create_testo_tt {
    width: 100%;
    height: 50px;
    font-weight: bolder;
    line-height: 50px;
    text-align: left;
    font-size: 18px;
    color: #111;
    float: left;
    position: relative;
}

#li_creaoption:hover {
    background: #eee
}

#create_testo_tt {
    width: 100%;
    height: 50px;
    font-weight: bolder;
    line-height: 50px;
    text-align: left;
    font-size: 18px;
    color: #111;
    float: left;
    position: relative;
}

#testocreadatesto {
    margin-left: 1px;
    width: auto;
    position: relative;
    float: left;
}

#iconacreadatesto {
    width: 21px;
    height: 20px;
    margin: 16px 10px ;
    float: left;
    position: relative;
    background: url(../images/temachiaro/storiatesto.png) no-repeat center;
    background-size: cover;
}
#iconapers_lizza {
    width: 36px;
    height: 36px;
    margin: 12px 10px ;
    float: left;
    position: relative;
    background: url(../images/temachiaro/personalizza.png) no-repeat center;
    background-size: cover;
}
#iconalog_out {
    width: 36px;
    height: 36px;
    margin: 12px 10px ;
    float: left;
    position: relative;
    background: url(../images/temachiaro/log_out.png) no-repeat center;
    background-size: cover;
}

#iconacreadafoto {
    width: 21px;
    height: 20px;
    margin: 16px 10px;
    float: left;
    position: relative;
    background: url(../images/temachiaro/storiafoto.png) no-repeat center;
    background-size: cover;
}

#create_foto_tt {
    width: 100%;
    height: 50px;
    font-weight: bolder;
    line-height: 50px;
    text-align: left;
    font-size: 18px;
    color: #111;
    float: left;
    position: relative;
}

#view_prev {
    width: 100%;
    height: 40px;
    line-height: 40px;
    float: left;
    position: relative;
    text-align: center;
    font-size: 14px;
    color: #fff;
    text-decoration: none
}

#create_prev_ttm {
    width: 86%;
    margin: 2px 7%;
    height: 1px;
    float: left;
    position: relative;
    background: #f5f5f5;
}

#headcreaop {
    width: 16%;
    margin: 15px 42%;
    height: 6px;
    font-size: 22px;
    font-weight: bold;
    position: relative;
    float: left;
    background:#ddd;
     -moz-border-radius:20px;
    -webkit-border-radius: 20px ;
    border-radius: 20px ;
    
}

#ultimi_prev {
    width: 99.6%;
    height: 100%;
    position: relative;
    float: left;
    -moz-border-radius: 0px 0px 20px 20px;
    -webkit-border-radius: 0px 0px 20px 20px;
    border-radius: 0px 0px 20px 20px;
}

#contenutomenut {
    float: right;
    margin: 10px 0 0 0;
    height: auto;
    width: auto;
    position: absolute;
    top: 0;
    right: 10px;
}

#hovertextcont {
    float: left;
    font-size: 18px;
    font-weight: 500;
    color: #949db8;
    line-height: 50px;
    margin-left: 40px;
}

#icon_home {
    background: url(../images/home_icons.png) no-repeat center;
    background-size: cover;
    width: 24px;
    height: 20px;
    float: left;
    position: relative;
    margin: 15px 11px;
}

#car_gif {
    width: 120px;
    float: left;
    margin: 10px 150px;
}

#ulcontenutomenu {
    /* width: 94%; */
    height: auto;
    float: left;
    position: relative;
    /* margin-left:2%; */
}

#summar2 {
    width: 44px;
    height: 44px;
    float: left;
    position: relative;
    list-style: none;
}

#text_prev_option {
    width: 150px;
    background: url(../images/sfondonerotrasp.png) repeat;
    height: 36px;
    opacity: 0;
    line-height: 36px;
    position: absolute;
    left: -50px;
    color: #fff;
    font-weight: bolder;
    top: 62px;
    text-align: center;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.summar2a {
    width: 100%;
    height: 30px;
    float: left;
    position: relative;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.summar2a:hover {
    color: #fff;
}

#create_prev:hover {
    background: #2a9338;
}

#create_prev {
    background: url(../images/temachiaro/creapreventivo.png) no-repeat center #ddd;
    background-size: cover;
    width: 44px;
    height: 44px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    border-radius: 24px;
}

#ins_ricambis_pr:hover {
    background: #ff8400;
}

#ins_ricambis_pr {
    background: #ffa800;
}

#create_prev_fast:hover {
    background: #1f3f87;
}

#create_prev_fast {
    background: #2b56ab;
}

.summar2a:hover #icon_creap_summar2 {
    background: url(../images/prev.png) no-repeat center;
    background-size: cover;
}

.summar2a:hover #icon_modp_summar2 {
    background: url(../images/prev.png) no-repeat center;
    background-size: cover;
}

.summar2a:hover #icon_velp_summar2 {
    background: url(../images/prev.png) no-repeat center;
    background-size: cover;
}

.summar2a:hover #icon_velp_summar2_m {
    background: url(../images/prevf.png) no-repeat center;
    background-size: cover;
}

#icon_creap_summar2 {
    width: 50px;
    height: 50px;
    margin: 17px 0 0 0px;
    right: -5px;
    float: left;
    position: relative;
    background: url(../images/prevh.png) no-repeat center;
    background-size: cover;
}

#icon_modp_summar2 {
    width: 50px;
    height: 50px;
    margin: 17px 0 0 0px;
    right: -5px;
    float: left;
    position: relative;
    background: url(../images/prevh.png) no-repeat center;
    background-size: cover;
}

#icon_velp_summar2 {
    width: 50px;
    height: 50px;
    margin: 17px 0 0 0px;
    right: -5px;
    float: left;
    position: relative;
    background: url(../images/prevh.png) no-repeat center;
    background-size: cover;
}

#icon_velp_summar2_m {
    width: 70px;
    height: 70px;
    margin: 8px 0 0 2px;
    right: -5px;
    float: left;
    position: relative;
    background: url(../images/prevfh.png) no-repeat center;
    background-size: cover;
}

#sp_suma {
    width: auto;
    height: 30px;
    line-height: 30px;
    background: url(../images/sfondonerotrasp.png) repeat;
    color: #fff;
    padding: 0 20px;
    left: -20px;
    top: 60px;
    position: relative;
    float: left;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

.summara2 {
    width: auto;
    height: 80px;
    line-height: 80px;
    float: left;
    position: relative;
    cursor: pointer;
}

.summara2:hover #summars2 {
    color: #000;
    background: #c2319b;
}

#summars2 {
    width: auto;
    height: 80px;
    padding: 0 40px;
    line-height: 80px;
    color: #e62eb5;
    font-weight: bold;
    font-size: 14px;
    float: left;
    position: relative;
}

.submarca {
    width: 280px;
    height: auto;
    float: left;
    position: relative;
    display: none;
}

#summar {
    width: 280px;
    height: 20px;
    line-height: 20px;
    float: left;
    position: relative;
    list-style: none
}

#summara {
    width: 280px;
    height: 20px;
    line-height: 20px;
    float: left;
    position: relative;
    cursor: pointer;
    background: #DDD;
}

#summars:hover {
    color: #F00;
}

#summars {
    width: 260px;
    margin-left: 20px;
    height: 20px;
    line-height: 20px;
    color: #323232;
    font-weight: bold;
    font-size: 12px;
    float: left;
    position: relative;
}

#colonnaright {
    width: auto;
    position: relative;
    height: auto;
    /* margin-left:30px; */
}

#sortable {
    width: 1100px;
    position: relative;
    height: auto;
    margin: 0 auto;
}

#miniwidget {
    width: 1100px;
    position: relative;
    margin: 0 auto;
    height: auto;
}

#actionminiwidget {
    width: 100%;
    float: left;
    position: relative;
    height: auto;
}

#cont_puls_w {
    width: auto;
    position: relative;
    float: left;
    margin-bottom: 20px;
}

#cont_puls_w_r {
    width: auto;
    position: relative;
    float: right;
    margin-bottom: 20px;
}

.buttomwidg:hover {
    border: none;
    outline: none;
    background: #dfdfdf
}

#miniminitilk {
    width: 144px ;
    height: 90px;
    margin: 10px 0;
    float: left;
    position: relative;
    border-right: 1px solid #ddd;
}

#headerminiminiw {
    width: 100%;
    height: 65px;
    float: left;
    position: relative;
}

#footerminiminiw {
    width: 100%;
    height: 25px;
    float: left;
    position: relative;
    text-align: center;
    line-height: 25px;
}

#numminiminiw {
    width: 45px;
    height: 100%;
    float: left;
    margin-left: 20px;
    font-size: 30px;
    line-height: 65px;
    text-align: center;
}

#iconmimimimiw {
    width: 65px;
    height: 65px;
    float: left;
    position: relative;
    background: url(../widget/images/clientenorm.png) no-repeat center;
    background-size: cover;
}

#iconmimimimiwp {
    width: 65px;
    height: 65px;
    float: left;
    position: relative;
    background: url(../widget/images/preventivonorm.png) no-repeat center;
    background-size: cover;
}

#iconmimimimiwclo {
    width: 65px;
    height: 65px;
    float: left;
    position: relative;
    background: url(../widget/images/closed.png) no-repeat center;
    background-size: cover;
}

#iconmimimimiwape {
    width: 65px;
    height: 65px;
    float: left;
    position: relative;
    background: url(../widget/images/open.png) no-repeat center;
    background-size: cover;
}

#footerminiminiw {
    width: 100%;
    height: 25px;
    float: left;
    position: relative;
}

#minibaddle {
    width: 519px;
    float: right;
    position: relative;
    height: 110px;
}

#topedsj:hover {
    background: #ddd;
}

#menuminiwidget {
    display: none;
    width: 250px;
    height: auto;
    position: absolute;
    background: url(../images/sfondonerotrasp.png) repeat;
    z-index: 2;
    left: 380px;
    top: 40px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 10px #444;
    -webkit-box-shadow: 0px 0px 10px #444;
    box-shadow: 0px 0px 10px #444;
    margin-left: 50%;
}

#icon_fastp_mini {
    width: 110px;
    height: 110px;
    margin: 0px;
    float: left;
    position: relative;
    cursor: pointer;
    background: url(../widget/images/fastprev.png) no-repeat center;
    background-size: cover;
}

#icon_tokp {
    width: 110px;
    height: 110px;
    margin: 0px;
    float: left;
    position: relative;
    cursor: pointer;
    background: url(../widget/images/preventivonew.png) no-repeat center;
    background-size: cover;
}

#icon_prev_mini {
    width: 110px;
    height: 110px;
    margin: 0px;
    float: left;
    position: relative;
    cursor: pointer;
    background: url(../widget/images/clientenew.png) no-repeat center;
    background-size: cover;
}

#topedsj {
    width: 110px;
    height: 110px;
    float: left;
    margin-left: 19px;
    border: none;
    transition: All 0.4s ease;
    -webkit-transition: All 0.4s ease;
    -moz-transition: All 0.4s ease;
    -o-transition: All 0.4s ease;
    background: #fff;
    font-size: 12px;
    font-weight: 550;
    text-transform: uppercase;
    moz-box-shadow: 0px 0px 1px #d5d5d5;
    -webkit-box-shadow: 0px 0px 1px #d5d5d5;
    box-shadow: 0px 0px 1px #d5d5d5;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#miniminitilkgl {
    width: 580px;
    height: 110px;
    float: left;
    position: relative;
    border: none;
    background: #fff;
    font-size: 12px;
    font-weight: 550;
    text-transform: uppercase;
    moz-box-shadow: 0px 0px 1px #d5d5d5;
    -webkit-box-shadow: 0px 0px 1px #d5d5d5;
    box-shadow: 0px 0px 1px #d5d5d5;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#bigbaddle {
    width: 580px;
    height: 110px;
    float: left;
    position: relative;
}

.buttomwidg {
    width: auto;
    padding: 0 20px;
    cursor: pointer;
    height: 30px;
    float: left;
    position: relative;
    border: none;
    background: #fff;
    font-size: 12px;
    font-weight: 550;
    text-transform: uppercase;
    moz-box-shadow: 0px 0px 1px #d5d5d5;
    -webkit-box-shadow: 0px 0px 1px #d5d5d5;
    box-shadow: 0px 0px 1px #d5d5d5;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    transition: All 0.4s ease;
    -webkit-transition: All 0.4s ease;
    -moz-transition: All 0.4s ease;
    -o-transition: All 0.4s ease;
}

#miniwidget_buddle {
    width: 100%;
    float: right;
    position: relative;
    height: 110px;
}

#widgetcaleore {
    width: 300px;
    height: 300px;
    float: left;
    margin-left: 20px;
    position: relative;
    margin-top: 0px;
    background: #2a393a;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    transition: All 0.8s ease;
    -webkit-transition: All 0.8s ease;
    -moz-transition: All 0.8s ease;
    -o-transition: All 0.8s ease;
}

#widgetcaleore:hover #ult_orar_view {
    display: block
}

#cont_wco {
    width: 100%;
    height: 100%;
    float: left;
    position: relative
}

#titolsday {
    width: 40%;
    height: auto;
    float: left;
    position: relative;
    margin: 8% 3% 5% 7%;
}

#calendarios {
    width: 90%;
    height: auto;
    float: left;
    position: relative;
    margin: 0 5% 5% 5% ;
}

#mese_odierno {
    width: 50%;
    height: auto;
    float: left;
    position: relative;
}

#mese_odierno span {
    width: auto;
    text-align: left;
    position: relative;
    height: auto;
    font-size: 16px;
    margin-left: 10px;
    color: #53ffa2
}

#cont_calendario {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    margin-top: 10px;
}

.noselectedday {
    width: 26px;
    height: 26px;
    float: left;
    text-align: center;
    position: relative;
    line-height: 26px;
    margin: 6px 0 0 12px;
    color: #fff
}

.noselectedday:hover {
    width: 24px;
    height: 24px;
    line-height: 23px;
    border: 1px solid #abffd2
}

.selectedday {
    width: 24px;
    height: 24px;
    float: left;
    text-align: center;
    position: relative;
    line-height: 23px;
    margin: 6px 0 0 12px;
    color: #abffd2;
    border: 1px solid #abffd2;
    background: #1d251d
}

.selectedday:hover {
    width: 24px;
    height: 24px;
    line-height: 23px;
    border: 1px solid #abffd2
}

#namedays {
    width: 100%;
    height: auto;
    text-align: left;
    float: left;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    color: #53ffa2
}

#numbersdays {
    width: 100%;
    height: auto;
    text-align: left;
    float: left;
    font-size: 32px;
    height: 34px;
    line-height: 34px;
    position: relative;
    color: #fff
}

#hourdays {
    width: 40%;
    height: auto;
    float: right;
    position: relative;
    margin: 5% 7% 5% 3%;
}

#orariogiorno {
    width: 100%;
    height: auto;
    text-align: right;
    float: left;
    font-size: 26px;
    font-weight: bold;
    position: relative;
    color: #53ffa2
}

#li_sortable {
    min-width: 100px;
    position: relative;
    /* height:365px; */
    float: left;
    list-style: none;
    margin: 20px 0 0 0px;
}

#colonnarightty {
    width: 100%;
    position: relative;
    height: auto;
    float: left;
    margin-bottom: 80px
}

#tabellas {
    width: 1100px;
    height: auto;
    margin: 10px auto 0px auto;
    position: relative;
}

#tabellar {
    float: left;
    width: 1320px;
    height: auto;
}

#tabellar_widget {
    float: left;
    width: 100%;
    height: auto;
    position: relative;
    /* top:-20px */
}

#tabellarc {
    width: 946px;
    height: auto;
    margin: 40px auto;
    position: relative;
}

#rigatitol {
    /* margin-bottom:4px; */
    width: auto;
    height: 30px;
    float: left;
    /* border-right:1px solid #000; */
}

.ftp_fg_l {
    text-align: left;
    margin-left: 15px;
}

.ftp_fg_r {
    text-align: right;
    margin-right: 15px;
}

.view_ord_cl {
    width: 1094px;
    height: auto;
    position: relative;
    float: left;
    border-top: 2px solid #b5d1e0;
    border-bottom: 2px solid #b5d1e0;
    display: none;
}

#rigatitol span {
    border: 1px solid #a8c7d8;
    float: left;
    width: 110px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    margin-right: 5px;
    background: #0084cf;
}

#rigos {
    width: auto;
    height: 51px;
    float: left;
}

#rigos span {
    border-bottom: 1px solid #e0a96c;
    border-left: 1px solid #e0a96c;
    background: #fff;
    border-right: 1px solid #e0a96c;
    margin-right: 5px;
    float: left;
    width: 110px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 12px;
}

#rigos span a {
    color: #4f9edc;
    cursor: pointer;
    text-decoration: none;
}

#rigos span a:hover {
    text-decoration: underline;
}

#a_rigos_widget {
    width: 100%;
    height: 40px;
    cursor: pointer;
    float: left;
    transition: All 0.8s ease;
    -webkit-transition: All 0.8s ease;
    -moz-transition: All 0.8s ease;
    -o-transition: All 0.8s ease;
    position: relative;
    /* border-top:1px solid #ddd; */
}

#a_rigos_widget:hover {
    background: #dfe8f1
}

#a_rigos_widget_c {
    width: 100%;
    height: 40px;
    float: left;
    transition: All 0.8s ease;
    -webkit-transition: All 0.8s ease;
    -moz-transition: All 0.8s ease;
    -o-transition: All 0.8s ease;
    position: relative;
    cursor: pointer/* border-top:1px solid #ddd; */
}

#a_rigos_widget_c:hover {
    background: #dfe8f1
}

.rigos_widget {
    width: 100%;
    height: 40px;
    float: left;
    /* border-bottom:1px solid #000; */
    /* background:#fff; */
    /* border-left:1px solid #000; */
}

.rigos_widget span {
    /* border-bottom: 1px  solid #bfd6e7; */
    float: left;
    /* background:#fdfdfd; */
    /* width:110px; */
    height: 40px;
    line-height: 33px;
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 12px;
}

.rigos_widget:hover .deleteprev_fast {
    display: block
}

#images_delprev {
    width: 17px;
    height: 20px;
    background: url(../images/cestinaoption.png) no-repeat center;
    background-size: cover;
    cursor: pointer;
    margin-top: 7px;
    margin-left: 10px;
    position: relative;
    float: left ;
    z-index: 1
}

#stampaprev {
    width: 20px;
    height: 20px;
    background: url(../images/stampa.png) no-repeat center;
    background-size: cover;
    cursor: pointer;
    margin-top: 15px;
    left: 7px;
    position: absolute;
    float: left ;
    z-index: 1
}

.bottomopprev {
    width: 20px;
    height: 20px;
    background: url(../images/optionprev.png) no-repeat center;
    background-size: cover;
    border: none;
    cursor: pointer;
    margin-top: 15px;
    left: 35px;
    position: absolute;
    float: left ;
    z-index: 1
}

.bottomopprev:hover {
    background: url(../images/optionprevh.png) no-repeat center;
    background-size: cover;
}

.bottomopprevmini {
    width: 20px;
    height: 20px;
    background: url(../images/optionprev.png) no-repeat center;
    background-size: cover;
    border: none;
    cursor: pointer;
    margin-top: 10px;
    left: 14px;
    position: absolute;
    float: left ;
    z-index: 1;
}

.bottomopprevmini:hover {
    background: url(../images/optionprevh.png) no-repeat center;
    background-size: cover;
}

.opzioniprev {
    display: none;
    width: 250px;
    height: auto;
    position: absolute;
    background: url(../images/sfondonerotrasp.png) repeat;
    z-index: 2;
    left: -10px;
    top: 80px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 10px #444;
    -webkit-box-shadow: 0px 0px 10px #444;
    box-shadow: 0px 0px 10px #444;
    margin-left: 50%;
}

#listul_op {
    width: 230px;
    margin: 10px;
    height: auto;
    float: left;
    position: relative
}

#li_opul {
    width: 100%;
    list-style: none;
    float: left;
    height: 34px;
    background: none;
}

#distanziatore {
    width: 100%;
    height: 2px;
    background: #999;
    float: left;
    position: relative;
    margin: 4px 0;
}

#ali_opul {
    width: 100%;
    float: left;
    height: 34px;
    background: none;
    cursor: pointer;
    float: left
}

#ali_opul:hover {
    background: #666
}

#titles_optionn {
    font-size: 14px;
    margin-left: 10px;
    height: 34px;
    line-height: 34px;
    color: #ffffff;
    float: left;
    position: relative;
    width: auto;
    font-weight: 500
}

#stampaprev:hover {
    background: url(../images/stampah.png) no-repeat center;
    background-size: cover;
}

#images_closeordine {
    width: 20px;
    height: 20px;
    background: url(../images/closeord.png) no-repeat center;
    background-size: cover;
    cursor: pointer;
    margin-top: 7px;
    margin-left: 9px;
    position: relative;
    float: left ;
    z-index: 1
}

#images_newprev {
    width: 20px;
    height: 20px;
    background: url(../images/addacc.png) no-repeat center;
    background-size: cover;
    cursor: pointer;
    margin-top: 7px;
    margin-left: 10px;
    position: relative;
    float: left ;
    z-index: 1
}

#images_addacconto {
    width: 20px;
    height: 20px;
    background: url(../images/addonaccont.png) no-repeat center;
    background-size: cover;
    cursor: pointer;
    margin-top: 7px;
    margin-left: 10px;
    position: relative;
    float: left ;
    z-index: 1
}

#images_modprev {
    width: 20px;
    height: 20px;
    background: url(../images/preventivoop.png) no-repeat center;
    background-size: cover;
    cursor: pointer;
    margin-top: 7px;
    margin-left: 10px;
    position: relative;
    float: left ;
    z-index: 1
}

#images_infocli {
    width: 20px;
    height: 20px;
    background: url(../images/infocliente.png) no-repeat center;
    background-size: cover;
    cursor: pointer;
    margin-top: 7px;
    margin-left: 10px;
    position: relative;
    float: left ;
    z-index: 1
}

#modificaprev {
    width: 20px;
    height: 20px;
    background: url(../images/modpreventivo.png) no-repeat center;
    background-size: cover;
    cursor: pointer;
    margin-top: 15px;
    left: 35px;
    position: absolute;
    float: left ;
    z-index: 1
}

#modificaprev:hover {
    background: url(../images/modpreventivoh.png) no-repeat center;
    background-size: cover;
}

.deleteprev_fast {
    display: none;
    width: 16px;
    height: 24px;
    background: url(../images/cestina.png) no-repeat center;
    background-size: cover;
    margin-top: 10px;
    position: relative;
    float: left ;
    z-index: 1
}

.deleteprev_fast:hover {
    background: url(../images/cestinah.png) no-repeat center;
    background-size: cover;
}

.rigos {
    width: auto;
    height: auto;
    float: left;
    /* border-bottom:1px solid #000; */
    /* background:#fff; */
    /* border-left:1px solid #000; */
}

.rigos span {
    border-bottom: 1px solid #bfd6e7;
    border-left: 1px solid #bfd6e7;
    border-right: 1px solid #bfd6e7;
    float: left;
    background: #fff;
    margin-right: 5px;
    width: 110px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 12px;
}

.rigos span a {
    color: #333;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
}

.rigos span a:hover {
    color: #008ad9
}

#notev {
    width: 50px;
    height: 50px;
    float: left;
    background: url(../images/notes.png) no-repeat center;
}

#notev:hover {
    width: 50px;
    height: 50px;
    float: left;
    background: url(../images/notesh.png) no-repeat center;
}

#rubricas {
    width: 920px;
    /* height:550px; */
    float: left;
    position: relative;
    /* background:#fff; */
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#titles {
    border-bottom: 1px solid #e6e6e6;
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #f7f7f7;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    opacity: 0.85
}

#titles_2 {
    float: left;
    width: auto;
    height: 40px;
    line-height: 40px;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    margin-left: 20px;
}

#action_app {
    float: right;
    width: auto;
    height: 40px;
    position: relative;
}

#riduciicona {
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    margin-top: 8px;
    position: relative;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

#espandiriduci {
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    margin-top: 8px;
    position: relative;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

#closeapps {
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    margin-top: 8px;
    position: relative;
    cursor: pointer ;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

#riduciicona:hover {
    background: #dddddd;
}

#espandiriduci:hover {
    background: #dddddd;
}

#closeapps:hover {
    background: #dddddd;
}

#riduciicona_a {
    float: left;
    width: 16px;
    height: 16px;
    margin: 4px;
    position: relative;
    background: url(../images/riduciicon.png);
    background-size: cover;
}

#espandiriduci_a {
    float: left;
    width: 16px;
    height: 16px;
    margin: 4px;
    position: relative;
    background: url(../images/ridimensionamento.png);
    background-size: cover;
}

#closeapps_a {
    float: left;
    width: 16px;
    height: 16px;
    margin: 4px;
    position: relative;
    background: url(../images/chiudiapps.png);
    background-size: cover;
}

#contrubrica {
    float: left;
    width: 100%;
    height: auto;
    /* padding: 10px 0; */
    background: #fff;
}

#numrnot {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 10px;
}

#menu_intel {
    width: 450px;
    max-height: 400px;
    /* min-height:400px; */
    display: none;
    overflow: auto;
    left: 460px;
    top: 41px;
    background: #fff;
    position: absolute;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0px 0px 1px #777;
    -webkit-box-shadow: 0px 0px 1px #777;
    box-shadow: 0px 0px 1px #777;
}

#search_item {
    height: 30px;
    line-height: 30px;
    min-width: 100%;
    float: left;
    position: relative;
}

#a_search_item {
    height: 30px;
    line-height: 30px;
    min-width: 100%;
    width: auto;
    float: left;
    position: relative;
}

#sp_s_item {
    height: 30px;
    line-height: 30px;
    width: auto;
    margin-left: 10px;
    float: left;
    position: relative;
    font-weight: bold;
    font-size: 12px;
}

#a_search_item:hover {
    background: #f4f4f4;
}

#numrt {
    float: left;
    width: 450px;
    height: 30px;
    margin-bottom: 10px;
}

#select_tar_mot {
    float: left;
    width: auto;
    height: auto;
    margin-top: 0px;
}

.numrccc {
    float: left;
    width: 400px;
    height: 30px;
    margin-top: 10px;
}

#numr {
    float: left;
    width: auto;
    height: 30px;
    margin-top: 10px;
}

#addcamps {
    margin: 0px 0 10px 10px;
    float: left;
    width: 200px;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
}

#addcampo {
    width: 28px;
    height: 28px;
    float: left;
    border: none;
    background: url(../images/add.png) no-repeat center;
    background-size: cover;
    /* cursor:pointer */
}

#spazziare {
    float: left;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    margin-left: 20px;
    width: 210px
}

#spazziare input {
    width: 208px;
    position: relative;
    float: left;
    height: 30px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
    border: 1px solid #ddd;
    margin-top: 5px
}

#spazziare input:active {
    border: 1px solid #cae7ff;
    outline: none
}

#spazziare input:focus {
    border: 1px solid #8cd9ff;
    outline: none
}

#numr54 {
    float: left;
    width: auto;
    height: 30px;
    margin-top: 10px;
}

#numrub {
    float: left;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #BBB;
}

#numrub a {
    float: left;
    width: 100%;
    margin-left: 10px;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    color: #000;
    font-size: 12px;
    font-weight: bold
}

#numrub a:hover {
    color: #f00;
    text-decoration: underline
}

.hhfff {
    float: left;
    width: auto;
    height: 30px;
    display: none;
    border-bottom: 1px solid #BBB;
}

#yhggj {
    float: left;
    width: auto;
    height: auto;
    margin: 10px;
    color: #000;
    font-size: 12px;
    font-weight: bold
}

#pulsanti {
    width: auto;
    cursor: pointer;
    line-height: 30px;
    margin-left: 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    height: 30px;
    float: left;
}

#pulsanti a {
    width: auto;
    line-height: 30px;
    height: 30px;
    float: left;
    margin: 0 10px;
    color: #555;
    font-weight: bold;
    font-size: 12px
}

#pulsanti:hover {
    background: #4f9edc;
}

#pulsanti a:hover {
    color: #fff;
}

#inss {
    width: 180px;
    padding: 0 10px;
    line-height: 30px;
    height: 30px;
    float: left;
    border: 1px solid #ddd;
    font-weight: bold;
    margin-left: 20px;
    font-size: 12px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}

#inss:focus {
    outline: none;
    border: 1px solid #4f9edc;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}

.inss {
    width: 180px;
    padding: 0 10px;
    line-height: 30px;
    height: 30px;
    float: left;
    border: 1px solid #ddd;
    font-weight: bold;
    margin-left: 20px;
    font-size: 12px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}

.inss:focus {
    outline: none;
    border: 1px solid #4f9edc;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}

#basas {
    font-size: 14px;
    cursor: pointer;
    font-weight: bold;
    height: auto;
    height: 40px;
    width: 140px;
    margin: 0px 0px 0px 20px;
    color: #FFF;
    background: #222;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border: none
}

#basas:hover {
    background: #5cadff;
}

#preventivo {
    float: left;
    width: auto;
    height: auto;
    margin: 0px 0px 60px 1px;
}

#headerpre {
    float: left;
    width: 997px;
    padding: 0px 0;
    height: auto;
    margin-top: 10px
}

#tsdjfh {
    border-right: 1px solid #000;
    width: 200px;
    height: 30px;
    padding: 5px;
    float: left;
    position: relative;
}

#t_tsdjfh {
    width: 90%;
    height: 10px;
    float: left;
    position: relative;
    font-size: 10px;
    padding-left: 10%;
    line-height: 10px
}

#d_tsdjfh {
    width: 90%;
    height: 20px;
    float: left;
    position: relative;
    font-size: 15px;
    line-height: 20px;
    padding-right: 10%;
    text-align: right
}

#linea {
    float: left;
    width: 49%;
    height: auto;
}

#tname {
    float: left;
    width: auto;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    font-weight: bold
}

#tnames {
    float: left;
    margin-left: 10px;
    width: auto;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
}

#ricambi_new {
    float: left;
    margin-top: 10px;
    border: 1px solid #000;
    background: #f8f8f8;
    width: 1040px;
    height: 810px;
}

#ricambi {
    float: left;
    margin-top: 10px;
    border: 1px solid #000;
    background: #f8f8f8;
    width: 997px;
    height: 810px;
}

#ricambi_note {
    float: left;
    background: #fff;
    width: 930px;
    height: 600px;
}

#lineeeee {
    position: absolute;
    top: 410px;
    left: 0;
    float: left;
    width: 999px;
    height: 790px;
}

#dlineeee {
    position: relative;
    float: left;
    width: 200px;
    border-right: 1px solid #000;
    height: 100%;
}

.rrc {
    float: left;
    width: auto;
    height: 40px;
    background: #f8f8f8;
    /* margin-left:15px; */
    border-top: 1px solid #000;
}

#rrc {
    float: left;
    width: auto;
    height: 40px;
    background: #f8f8f8;
    /* margin-left:15px; */
    border-top: 1px solid #000;
}

#rrc_note {
    float: left;
    width: 100%;
    height: 80px;
    /* margin-left:15px; */
    border-top: 1px solid #ccc;
}

#nameric {
    float: left;
    width: 597px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
}

#nameric_note {
    float: left;
    width: 597px;
    height: 80px;
    line-height: 80px;
    font-size: 20px;
    margin-left: 40px;
}

#nricambio {
    float: left;
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    margin-left: 15px;
}

#quantita {
    float: left;
    width: 115px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
}

#deleteric_f {
    width: 16px;
    height: 16px;
    margin: 7px 10px;
    float: left;
    background: url(../images/newdel.png) no-repeat;
    background-size: cover;
    cursor: pointer
}

#deleteric_f:hover {
    background: url(../images/newdelh.png) no-repeat;
    background-size: cover
}

#deleteric_f_n {
    width: 20px;
    height: 20px;
    margin: 9px 0px 0 7px;
    float: left;
    cursor: pointer;
    background: url(../images/preventivo.png) no-repeat center;
    background-size: cover
}

#deleteric_f_n:hover {
    background: url(../images/modpreventivoh.png) no-repeat center;
    background-size: cover
}

#dasasdsad {
    float: left;
    width: 135px;
    text-align: right;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    font-size: 13px;
    text-align: right
}

#prezsin {
    float: left;
    width: 135px;
    text-align: right;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    font-size: 13px;
    text-align: right
}

#dasasdsad input {
    margin: 10px 0;
    width: 60px;
    float: right;
    text-align: right
}

#ants {
    float: left;
    width: 135px;
    text-align: right;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    font-size: 13px;
}

#deleter_gg {
    float: left;
    width: 40px;
    text-align: right;
    height: 40px;
    line-height: 40px;
    margin-right: 0;
    font-size: 13px;
}

#prez {
    float: left;
    width: 135px;
    text-align: right;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    font-size: 13px;
}

.notedescrizione {
    position: absolute;
    right: 10px;
    margin-top: 40px;
    width: 300px;
    height: 250px;
    border: 1px solid #ddd;
    background: #ffffff;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    display: none;
}

.datavisual {
    position: absolute;
    right: 40px;
    margin-top: 40px;
    width: 100px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #ddd;
    background: #ffffff;
    color: #333;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: none;
}

#infodatas {
    width: 23px;
    height: 20px;
    margin: 9px 0px 0 4px;
    float: left;
    cursor: pointer;
    background: url(../images/ora.png) no-repeat center;
    background-size: cover
}

#infodatas:hover {
    background: url(../images/orah.png) no-repeat center;
    background-size: cover
}

#noted {
    float: left;
    width: 280px;
    height: 230px;
    margin: 10px;
    position: relative;
    font-weight: bold;
    font-size: 16px;
    border: none;
    outline: none
}

#noted:focus {
    border: none;
    outline: none
}

#prezs {
    float: left;
    width: 135px;
    text-align: right;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    font-size: 13px;
    text-align: right
}

#asdasd {
    cursor: pointer;
    position: relative;
    margin: 10px;
    float: left;
    width: auto;
    line-height: 12px;
    height: 12px;
    padding: 5px 10px;
    background: #000;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
}

#asdasd:hover {
    background: #5cadff;
}

#calprev {
    float: right;
    cursor: pointer;
    margin: 0px 20px;
    width: 130px;
    line-height: 40px;
    height: 40px;
    background: #222;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border: none ;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}

#calprev:hover {
    background: #5cadff;
}

#saddsa {
    float: right;
    width: auto;
    text-align: right;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
}

#saddsa1 {
    float: right;
    width: auto;
    text-align: right;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    display: none;
}

#all_insert_field {
    width: 350px;
    height: 400px;
    position: relative;
    float: left;
    background: #efefef
}

#mmmmm {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    background: #efefef
}

#input_bottom {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 0px;
    background: #efefef;
    display: none;
}

#search_cliente {
    width: 100%;
    position: relative;
    float: left;
    height: 36px;
    border-bottom: 1px solid #e0e0e0;
}

#text_search_cliente {
    width: auto;
    float: right;
    position: relative;
    height: 36px;
    line-height: 36px;
    margin-right: 10px
}

#ss_search_cliente {
    width: auto;
    position: relative;
    float: right;
    height: 36px;
    margin-right: 20px
}

#inp_ty_search {
    width: 150px;
    height: 26px;
    margin: 5px 0;
    background: #eee;
    border: none;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    padding-left: 10px;
}

#inp_ty_search:focus {
    border: none;
    background: #d0d0d0;
    outline: none;
}

#in_no_sp {
    width: 100%;
    float: left;
    position: relative;
    height: 34px;
    border-bottom: 1px solid #e0e0e0;
}

#pulsantecreac {
    width: 120px;
    height: 20px;
    position: relative;
    margin: 7px 10px;
    border: 1px solid #00dca4;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.8s ease;
    font-size: 12px;
    font-weight: bolder;
    cursor: pointer;
    background: #00ffb5;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
}

#pulsantecreac:hover {
    background: #00dca4;
    outline: none
}

#in_no_sp_t {
    width: 100%;
    float: left;
    position: relative;
    height: 34px;
    border-bottom: 1px solid #e0e0e0;
}

#in_no_sp_t:hover {
    background: #d9f5ff
}

#inp_text_label {
    width: 100%;
    position: relative;
    float: left;
    height: 80%;
    overflow-y: scroll;
}

#p_in_no_sp_g {
    width: 130px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    float: left;
    border-right: 1px solid #eeeeee;
    height: 34px;
    line-height: 34px;
    padding: 0 5px;
    font-size: 12px;
}

#p_in_no_sp {
    width: 130px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    float: left;
    border-right: 1px solid #eeeeee;
    height: 34px;
    line-height: 34px;
    padding-left: 10px;
    font-size: 12px;
    font-weight: 600
}

#p_in_no_sp:hover {
    background: #eeeeee
}

#menu_intel_nuovo {
    width: 710px;
    height: 400px;
    position: absolute;
    left: 350px;
}

#saasa {
    width: 100%;
    float: left;
    height: auto;
    max-height: 600px;
    overflow-y: scroll;
    overflow-x: hidden;
}

::-webkit-scrollbar {
    width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #ddd;
    display: none;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: none;
}

#contrubrica:hover ::-webkit-scrollbar-thumb {
    display: block;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #222;
}

#sdasda {
    width: auto;
    margin-right: 5px;
    margin-top: 5px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #ccc;
    font-size: 12px;
    float: left;
}

#pulsantenote {
    width: 30px;
    height: 30px;
    border: none;
    background: url(../images/mod.png) no-repeat center;
    float: left;
    margin: 7px 5px;
    cursor: pointer;
    background-size: cover
}

.notericambio {
    width: 300px;
    display: none;
    height: 250px;
    position: relative;
    right: -720px;
    background-color: #fff0d3;
    top: 2px;
    padding: 10px;
    border: 1px solid #ccc
}

.notericambio:focus {
    border: 1px solid #ff8600;
    outline: none
}

#pulsantenote:focus {
    border: none;
    outline: none
}

.inpuss {
    width: auto;
    height: 50px;
    line-height: 50px;
    padding: 0 5px;
    border: none;
    background: #fff;
}

.inpuss:focus {
    outline: 1px solid #0066ff
}

.sadsaffdsa {
    width: auto;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    border: none;
    background: none;
}

#inssaasd {
    float: left;
    margin-left: 20px
}

#sasfdaaa {
    float: left;
    margin-left: 20px;
    font-size: 12px;
    font-weight: bold;
}

#saass {
    width: 480px;
    float: left;
    height: auto;
    position: relative;
}

#titlenote {
    background: #DDD;
    height: 30px;
    width: 100px
}

#ssfsdnote {
    float: left;
    height: 30px;
    line-height: 30px;
    width: 100px;
    text-align: center
}

#saas {
    width: 470px;
    height: auto;
    position: relative;
    border: 1px solid #ddd;
    padding: 5px;
}

#headerpres {
    width: 470px;
    float: right;
    height: auto;
    position: relative;
    border: 1px solid #000;
    padding: 10px;
}

#intdest {
    width: 490px;
    position: relative;
    top: -10px;
    left: -10px;
    background: #000;
    height: 20px;
    float: left;
}

#sp_intdest {
    color: #fff;
    margin-left: 10px;
    font-size: 10px;
    font-weight: bold;
    line-height: 20px;
}

#lineas {
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: auto;
}

#headerprea {
    width: 480px;
    float: left;
    height: auto;
    position: relative;
    padding: 10px;
    border: 1px solid #000;
}

#logos {
    width: 1000px;
    float: left;
    height: auto;
    position: relative;
    margin-top: -10px
}

#logos img {
    width: 1000px;
    float: left;
    height: auto;
    position: relative;
}

.asdaswww {
    width: 350px;
    font-size: 13px;
    font-weight: bold;
    outline: none;
    border: none;
}

.asdaswww:focus {
    outline: none;
    border: none;
}

#titles_pr {
    width: auto;
    float: left;
}

.titlespe {
    width: auto;
    height: 10px;
    margin-left: 20px;
    margin-top: 0px;
    float: left;
    position: relative;
    font-size: 40px;
    display: none;
}

#namef {
    margin-bottom: 10px;
}

#calprev_s {
    font-weight: bold;
    position: relative;
    float: right;
    margin-left: 20px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #222;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border: none;
    color: #FFF;
    width: 130px;
    font-size: 12px;
    text-decoration: none;
}

#calprev_s:hover {
    background: #5cadff;
}

#asasadf {
    width: 90px;
    font-weight: bold;
    float: right;
    height: 25px;
    text-align: center;
    line-height: 25px;
    background: #000;
    color: #FFF;
    font-size: 12px;
    text-decoration: none;
}

#asasadf:hover {
    background: #5cadff;
}

#emettifattura {
    width: 90px;
    margin-left: 10px;
    font-weight: bold;
    float: right;
    height: 25px;
    text-align: center;
    line-height: 25px;
    background: #000;
    color: #FFF;
    font-size: 12px;
    text-decoration: none;
}

#emettifattura:hover {
    background: #f00;
}

#asasadfe {
    width: 90px;
    margin-left: 10px;
    font-weight: bold;
    float: right;
    height: 25px;
    text-align: center;
    line-height: 25px;
    background: #000;
    color: #FFF;
    font-size: 12px;
    text-decoration: none;
}

#asasadfe:hover {
    background: #f00;
}

#changeparam {
    width: 300px;
    height: 20px;
    outline: none;
    border: none;
    float: left;
    font-weight: bold;
    font-size: 12px;
}

#s_site_search {
    width: 100%;
    margin-left: 0px;
    font-size: 14px;
    color: #000;
    border: none;
    background: none;
    height: 26px;
    float: left;
    position: relative;
}

#s_site_search:focus {
    border: none;
    outline: none;
}

#s_site_search_f {
    width: 300px;
    margin-left: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    border: none;
    background: none;
    height: 30px;
    float: left;
    position: relative;
}

#s_site_search_f:focus {
    border: none;
    outline: none;
}

#search_mot_ric {
    width: 26px;
    height: 26px;
    float: left;
    position: relative;
}

#types_search {