/*googleWebFont*/
@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700|Open+Sans+Condensed:300,700|Exo:900|Passion+One|Changa+One);
/*input button*/


/*RESET Gen*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
   /*ele 19/01 sballa il menu -  margin: -1px; /* erica 14/11....la dispo nel carrello mi viene visualizzata fuori dal modulo...:( */
  margin:0;
    padding: 0px;
    border: 0;
    font-size: 100%;
    font: inherit;
    /*vertical-align: baseline; - ele 15-02-2013*/
  vertical-align:top
  

}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}


html, body
{
  height:100%;
  width:100%;
  margin:0px;
  padding:0px;

  
}
/*FINE RESET*/


/*Custom Reset*/
body {
  
  /*background-position:center top;
  background-image: -moz-radial-gradient(center 45deg,circle cover, #ffffff, #dddddd);
  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%,1200, from(#ffffff), to(#dddddd));*/
  background: url("/images/bg/connectW.png") repeat scroll 0% 0% transparent;
  /*background:url(../images/bg.jpg) repeat;*/
  /*font-family: 'Archivo Narrow', sans-serif;*/
  font-family: 'Open Sans Condensed', sans-serif;
  font-size:17px;
  /*font-family: 'Scada', sans-serif;*/
  color: #000;
  line-height: 1.1em;
  margin:0 auto;
  height:100%;
  
    
}

/* sistema form */
form {margin: 0;}
/* nico 18/09/2012 */
/*fieldset {border: 1px solid #000; margin: 0 0 1.5em 0; padding: 5px; background: #fff;}*/
fieldset {
  /*border: 1px solid #000; *//*ele: bordo delle tebelle*/
  margin: 0px; 
  padding: 5px;
  /*background: #fff;*/}
legend {
  font-family:"Roboto Condensed", sans-serif;
  font-size: 18px; font-weight: normal; margin: 0 0 0.7em 0; padding: 0;}
label {
  /*margin: 0 7px 10px 0;*/
  /*font-size:11px; - ele 20-05-13*/
  }
input {
  /*ele*/
  /*margin: 0 5px 0 0; */
  margin: 0 5px 0 0; 
  color: #5e5e5e; vertical-align: middle; font-size: 9pt;}
  
  
textarea {border: 1px solid #bebebe; color: #666667; vertical-align: middle; height:175px; font-size: 9pt;}
select {
  margin: 2px; 
  padding: 2px; 
  border: 1px solid #bebebe; 
  /*color: #5e5e5e; 
  vertical-align: top; /*ele: allineamento verticale sul modulo gestione carrello*/
  font-size: 9pt;}

.nocompiled {border: 1px solid #005bab !important; background: url(../images/ico_input_warning.png) center right no-repeat #fff !important;}
.nocompiled2 {padding: 0 17px 0 0; color: #005bab; background: url(../images/ico_input_warning.png) center right no-repeat !important;}

/**/

table { border-collapse: collapse; border: 0px solid #FFF;}
td { border-collapse: collapse; border: 0px solid #FFF;}
th { /*border-collapse: collapse;*/ border: 0px solid #FFF;
font-family:"Roboto Condensed", sans-serif; 

}

a {color: #000; text-decoration: underline; outline: none}
a:hover {
  text-decoration: none; 
  /*ele:modifica - color: #000;*/
  color:#335b96;
    }

p {margin: 0 0 1.3em 0;}
p.spaziato{line-height:1.4em}
strong {font-weight: bold}

h1,h2,h3,h4,h5,h6, h6 a, h4 a {color: #3F4F5E; margin: 0 0 1em 0; padding:0; clear: both;line-height:1.3em; text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #000; text-decoration: none;}

h1{
  font-family: 'Exo', sans-serif;
  font-size: 2.1em; 
  font-weight: bold;
  padding-bottom:13px;
  color:#393939;
  border:none}
h2{
  font-family: 'Exo', sans-serif;
  font-size:1.6em; 
  font-weight: bold;
  padding-bottom:4px;
  color:#000000}
h2.spiegazione {
  font-family: 'Exo', sans-serif;
  height:20px;
  background-color:#335b96;
  border-radius:5px;
  padding-left:9px;
  font-weight:bold;
  color:#000000;
  text-shadow:1px 1px #5176ad;}
h2.spiegazioneShort{
  font-family: 'Exo', sans-serif;
  height:20px;
  padding-left:9px;
  font-weight:normal;
  color:#377EB0;
  text-shadow:1px 1px #B1CDDD;}
h3{font-family: 'Exo', sans-serif;font-size: 1.4em; font-weight: normal; color:#393939; margin:1em 0;}
h3.megaTitle{text-shadow:2px 2px #cccccc; margin-left:105px;padding-top:35px;}
h1.megaTitle{text-shadow:2px 2px #cccccc; margin-left:105px;}
h4{font-family: 'Exo', sans-serif;font-size: 1.3em; font-weight: normal; text-shadow:1px 1px #cccccc;}
h4.miniMenu{font-family: 'Exo', sans-serif;font-size: 1.2em; font-weight: normal; text-shadow:2px 2px #cccccc; margin-left:65px;}
h5{font-family: 'Exo', sans-serif;font-size: 1.2em;}
h6, h6.clicca{font-family: 'Exo', sans-serif;font-size: 1em; cursor:pointer;color:#3f4f5e;}
h6.clicca:hover{position:relative; color:#000;}
ol {margin:0; padding: 0; line-height:normal;}
ul {margin:0; padding: 0; line-height:normal;}
li {margin:0; padding: 0; line-height:normal;}

dl, dt, dd {margin:0; padding: 0;}
ul.punt{margin-left:1.5em;}

.noborder {border: 0px solid #FFF !important;}
.marginclear {margin-right: 0px !important;}
.paddingclear {padding-right: 0px !important;}
.bgclear {background: none !important;}
.clear {clear: both !important;}

.sSmall {font-size: 8pt !important;}
.alignDx {text-align: right;}
.alignCenter {text-align: center}

.floatSx {float: left; }
.floatDx {float: right; }


/****************************/
/* Contenitore Generale */
/****************************/
 
#master{
    
  margin: 0 auto;
  /*background:url(/images/white_plaster.png) repeat;
  /*background-position:center 200px;*/
  height:100%;
  height: auto !important;
  height:100%;
  overflow:hidden;
  min-width:1300px;/*ele - serve per aumentare la larghezza della parte visualizzata quando si restringe la pagina*/
  
  
}


    #container{
    width: 100%;
    margin: 0 auto;
    background-color:none;
    height: auto !important;
    height:100%;
    overflow:hidden;
    /*-webkit-box-shadow: 0px 0px 2px  #999;
     -moz-box-shadow: 0px 0px 2px #999;
      box-shadow: 0px 0px 2px #999;
    /*border:1px #efefef solid;
    border-top:none;*/
      }

    #container .wrapper{
    /*width: 100%; - ele 28-11-13*/
    margin: 0 auto;
    height: auto !important;
    height:100%;
    overflow:hidden;

  
      }
    

#containerB2B{width:100%; margin:0 auto;}
#B2Bzone{width:1100px; margin:15px auto; background-color:#ffffff;height: auto !important;
    height:100%; overflow:hidden; 
  /*-webkit-box-shadow: 2px 0px 16px -6px rgba(0,0,0,0.84);
-moz-box-shadow: 2px 0px 16px -6px rgba(0,0,0,0.84);
box-shadow: 2px 0px 16px -6px rgba(0,0,0,0.84);*/
}
#CMSzone{width:1100px; margin:10px auto;height: auto !important;
    height:100%; overflow:hidden;padding:1em; }
#PopUpLayout{
    margin: 0 auto;
    background-color:none;
    height: auto !important;
    height:100%;
    overflow:hidden;
    width:740px;
}

#PopUpLayout .wrapper{
    padding:10px;
    margin: 0 auto;
    height: auto !important;
    height:100%;
    overflow:hidden;
}

#PopUpLayout .b2b{
    background:url(/Images/bgbianco.png) repeat;
    margin-top:9px}


.breadcrumb
{  border-top:1px #bcbbbb solid;
  height:2px;
  width:100%;
  background:url(/images/bgbianco.png) repeat;
  text-indent:20px;
  
  
}

.Pagebreadcrumb{
  border-top:1px #bcbbbb solid;
  height:100%;
  width:100%;
  text-indent:20px;
}

/* Header */
/****************************/

    #header {
    padding-top:0;
    width: 100%;
    height: 100%;
  height: auto !important;
    margin: 0 auto;
  overflow:hidden;
  z-index:1px;
  /*background:url(../Images/HeaderBg.png) no-repeat 0 0;*/
    /*background-position:center -100px;
    border-bottom:1px #dddddd solid;
    -webkit-box-shadow: 1px 0px 15px  #888;
       -moz-box-shadow: 1px 0px 15px #888;
      box-shadow: 1x 0px 15px #888;
    /*background: -webkit-linear-gradient(top, #d1d1d1, #efefef );
    background: -moz-linear-gradient(top, #d1d1d1, #efefef);
    background: -ms-linear-gradient(top, #d1d1d1, #efefef);
    background: -o-linear-gradient(top, #d1d1d1, #efefef);*/
    /*color:#ef9404;*/
    
  }

    #header .wrap{
    width: 1070px;
    margin:0 auto;
    height:100%;
  padding:10px;
    
      }

    #logo {
    margin-left:10px;
        width: 600px;
        float: left;
    overflow:hidden;
    height:100%;
    }
    #secondary-nav {
    height:40px;
    height: auto !important;
    overflow:hidden;
    padding:0px;
    margin:auto 0;
    text-align:center;
    background:url(/Images/bg/connectG.png) repeat;
    width:100%;  
        }
  
  #secondary-wrap{
    width:1200px;
    margin:0 auto;
    height:100%;
    
  }
    
  #secondary-nav img{
    margin:10px;
    margin-left:auto;
    margin-right:auto;
    
    
      }
    
  td.centra{
    align:center;
    
  }
#SettingLingua{/*float:right;width:300px; height:15px; margin-left:650px; */padding-top:4px;}    

  #Secondlogo{
    width:200px;
    
  }
  #ricerca{
  float:right;
  margin-top:20px;
  }
 /* Navigazione */
/****************************/

    #nav {
    width: 100%;
         /*min-height: 100%;
        height: auto !important;
        height:100%;*/
    height:70px;
        margin: 0 auto;
      vertical-align:bottom;
    background-color:#79909d;
    position:relative;
    /*overflow:hidden;/*ele qUESTOOOOOOOOOOOOOOOOOO*/
    overflow:inherit;
    
    
   }
  

  #containerB2B #nav, #containerB2B #eice_menu, #containerB2B #item-menu, #containerB2B #eice_menu .ddsmoothmenu ul li{height:50px;}
    #nav .wrap{
        width: 1100px;
        min-height: 100%;
        height: auto !important;
        height:100%;
    margin:0 auto;

  }

#nav .wrap p
{
  height:30px;
  background-color:#0f3977;
  color:#ffffff;
  padding-left:25px;
  font: normal 18px "Open Sans Condensed", sans-serif;
  padding-top:4px;
  
}
#nav .container{margin:0 auto;width:1170px;}


/*fede FIX e-commerce su NAVBAR 26-01-2017 */
#eice_menu .ddsmoothmenu ul li:last-child a {
    color: #8e0100 !important;
}


/* Contenuti */
/****************************/

    #content {
        width: 1070px;
        float: left;
        margin:0;
    margin-left:5px;
      padding:0px;
    min-height: 100%;
        height: auto !important;
        height:100%;
    background-color:#ffffff;
    border:1px #dcdcdc solid;
    border-radius:4px;
    -moz-box-shadow: 0 0 5px 1px #dddddd;
    -webkit-box-shadow: 0 0 5px 1px #dddddd;
    box-shadow: 0 0 5px 1px #dddddd;
    /*border:1px solid #949494;
    background-color:#e1e1e1;*/

    }

#contentCms {
        width: 1070px;
        float: left;
        margin:0;
    margin-left:5px;
      padding:0px;
    min-height: 100%;
        height: auto !important;
        height:100%;
    } 


  
/*stili per i paragrafi dentro content CMS*/

/*#contentCms p, #contentCms div{
font-family: "Archivo Narrow", sans-serif;
font-size: 14px;
font-color:#333333;
padding:20px;
line-height:18px;
}

#contentCms div{
  padding:3px;}

#contentCms h1{
  font-size: 30px; 
  text-align:center;  
  color:#333333;
  text-shadow:1px 1px #dddddd;
  font-weight:bold;
}

#contentCms h2{
  font-size:25px;
  color:#999999;
  text-shadow:1px 1px #ffffff;
  line-height:28px;
}

#contentCms ul{
margin-left:60px;  
}
#contentCms li{
  font-family: "Archivo Narrow", sans-serif;
font-size: 14px;
font-color:#333333;
}
    
  /*TopZone*/
#TopZone{
  border-top:1px #bcbbbb solid;
  width:1070px;
  height:270px;
  background:url(/images/bgbianco.png) repeat;
}
#TopZone .wrap{
  
  
  padding:0px;
  padding-top:0px;}

/*#B2BTopZone{
  width:1065px;
  clear:both;
  /*background-color:#efefef;
  border:1px #dcdcdc solid;
  border-radius:5px;
   -moz-box-shadow: 0 0 5px 1px #dddddd;
  -webkit-box-shadow: 0 0 5px 1px #dddddd;
  box-shadow: 0 0 5px 1px #dddddd;*/
  /*height:100%;
  height: auto !important;
  margin:0 0 8px 5px;
  min-height:230px;
  float:left;
  overflow:hidden;

}
*/

    /*Area editoriale*/
     #article {
        width: 1070px;
        min-height: 300px;
        height: auto !important;
        height:100%;
        float: left;
       background:url(/images/bgcolor.png) repeat;
      overflow:hidden;
        
    }
        #article .wrap{
            
            padding:15px;
      height:100%;
        }
    
  /*BottomZone*/  
  #BottomZone{
    
    width:1070px;
    min-height:300px;
    height:auto !important;
    height:100%;
    background-color:#ffffff;
    overflow:hidden;
    }
  
  #BottomZone .wrap{
    padding:15px;
        
  }
  
#Pagearticle{
  width:720px;
  float:left;
  min-height: 300px;
    height: auto !important;
    height:100%;
  overflow:hidden;
  border-right:1px #bcbbbb solid;
}

#Pagearticle .wrap{
  width:690px;
  padding:15px;
  height:100%;}

#ColonnaDx{
  margin-left:721;
  min-height: 300px;
    height: auto !important;
    height:100%;
  width:300px;
  overflow:hidden;
  
}

#ColonnaDx .wrap{
  padding:15px;
  height:100%;
}

#PageBottomZone{
    width:1070px;
    clear:both;
    min-height:150px;
    height:auto !important;
    height:100%;
    background:url(/images/bgcolor.png) repeat;
    overflow:hidden;
  
}

#Monoarticle{
  
    width: 1070px;
    min-height: 300px;
    height: auto !important;
    height:100%;
    float: left;
    
    overflow:hidden;
}

#Monoarticle .wrap{
  padding:15px;
  height:100%;
  
}


#MonoPopUp{
  
        width: 730px;
        min-height: 300px;
        height: auto !important;
        height:100%;
        float: left;
    
    overflow:hidden;
}


#MonoPopUp .wrap{
  padding:15px;
  height:100%;
  
}

#B2Barticle{
    width:69%;
    float:left;
    min-height: 300px;
    height: auto !important;
    height:100%;
    /*overflow:hidden;*/
    border-right:1px #bcbbbb solid;
    padding-bottom:140px;
}

#B2Barticle .wrapper{
  /*width:749px;*/
  padding:12px;
  height:100%;}
  

#B2BColonnaDx{
  margin-left:69%;
  min-height: 300px;
  height: auto !important;
  width:30%;
  height:100%;
  overflow:hidden;
  position:static;
  
}

#B2BColonnaDx .wrapper{
  padding:12px;
  height:100%;
}

#MonoB2Barticle{
  width:100%;
    float:left;
    min-height: 300px;
    height: auto !important;
    height:100%;
    overflow:hidden;
    border:none;
}

#MonoB2Barticle .wrap{
  padding:10px;
  height:100%;
  
}



#TopGallery{
  
  height:195px;
  width:100%;
  background-color:#ffffff;

}


#B2BColonnaDx .wrap{
  padding:10px;
  height:100%;
}





  /*#freccina {
      width:19px;
      margin-left:201px;
      min-height:650px;
      background-image:url(/images/indica2.png);
      background-repeat:no-repeat;
      background-position:0 30px;
      position:absolute;
      z-index:2;
    }*/
    

/* Footer */
/****************************/
    #footer {
    
    width: 100%;
    height: 160px;
    /*float: left;
    /*color:#ffffff;
    background:url(/images/bgFooter.jpg) repeat;
    /*background: -webkit-linear-gradient(top, #3a3a3a, #9f9f9f);
    background: -moz-linear-gradient(top, #3a3a3a, #9f9f9f);
    background: -ms-linear-gradient(top, #3a3a3a, #9f9f9f);
    background: -o-linear-gradient(top, #3a3a3a, #9f9f9f);*/
    }
  #footer .container h2, #footer .container p{text-align:center}
  #footer .container p{padding:0; margin:1em auto 2em auto; line-height:1.4em}
  #footer .container h2{font-size:1.4em; margin:1em; padding:0}
  #footer .container .DueBox h2, #footer .container .DueBox p{text-align:left; margin:0.5em 0;}

        #footer .wrap{
    height:130px;
      width:1070px;
      margin-left:auto; 
      margin-right:auto;
      padding: 20px;
      color:#fff;
      
        }

       #footer .wrap h2{
       color:#ffffff;
       font-weight:bold;
     font-weight:11px;
       text-align:center;
       padding-bottom:5px;
       margin:0px;
  }


  #footer .wrap p, #footer .wrap div{
  font-family:Tahoma, Geneva, sans-serif;
    text-align:center;
    font-size:10px;
    margin:0 auto;
    padding:0px;}

  #logoIce{
    width:300px;
    clear:both;
    text-align:center;
    border-top:1px #bcbbbb solid;
    font-size:10px;
    margin:0 auto;
  margin-top:20px;
  }

  #segnaposto {
    clear:both;}

div.InfoFooter{clear:both; width:800px; margin:10px auto; text-align:center; line-height:40px; text-indent:40px;}  
.certificazioni .InfoFooter{width:100%;text-align:right; line-height:1.5em; font-size:1em; text-indent:0;}
.certificazioni .indirizzo, .certificazioni .email{background:none;}
.DueBox .InfoFooter{clear:none; width:100%; margin:0; text-align:left; text-indent:0;}  
.DueBox .TitFooter, .DueBox.TitFooter.email{line-height:30px; text-align:left;}
 input.btnPred {

    border: 1px solid #cccccc;
    font-size: 13px;
    background: #ffffff;
  color:#333333;
  padding:3px;
  border-radius:4px;
  width:90%;
  -moz-box-shadow: 1px 1px 2px #888;
  -webkit-box-shadow: 1px 1px 2px #888;
  box-shadow: 1px 1px 2px #888;
}

  input.btnPred:hover
  {
    color:#3E7FAF;
    border:1px solid #3E7FAF;
  }

.eice_tbl_res tfoot td a{color: #335b96;}


  div.casella{
  border:none;
   padding:0px;
   border-top-left-radius: 10px 10px;
  border-bottom-right-radius: 10px 10px;
  width:105px;
}


/*19dicembre 2012: classi cancellate ed aggiunte*/

#top{
  height:40px;
  width:100%;
  background:url(/images/px_by_Gre3g.png) repeat;

}
#userLogin {
  width: 550px;
  height:38px; 
  float:right;
  margin-left:600px;
  }
  
 #userRegistra{

  float:right;
  width:100px;
  height:38px;
    margin-top:13px;
   }
 
 
#MonouserLogin
{
  width:175px;
  height:100px; 
  margin:0 auto;
  clear:both;
  border:1px #b2b1af solid;
  border-bottom:3px #b2b1af solid;
  border-top:none;
  background-color:#efefef;
}
  

.credenziali
{
  height:40px;
  
}

fieldset.credenziali{padding:0}
  .eice_error
    {
  color:#ffffff;
  margin-right:150px;
  float:right;
  padding:4px;
  border: 1px #bcbbbb solid;
  background-color:#397dad;
  border-radius:4px;
  margin-top:5px;
  font-weight:bold;
  font-size:14px;
   position: absolute;
    z-index: 1000;
}  
  

.cred{
  padding-top:4px;
  width:200px;
  float:right;
  /*background:url(/framework/eice/images/lock.png) no-repeat 0 5px;*/
  color:#a8a8a8;
 
}


div.cred label{color:#333333;}
#Monotitoletto{
  width:158px;
  font-family:"Archivo Narrow", sans-serif;
    height:25px;
    background-color:#335b96;
    border-top-left-radius:5px;
  border-top-right-radius:5px;
    padding-left:9px;
    font-weight:normal;
    color:#ffffff;
    text-shadow:1px 1px #5176ad;
  font-size:15px;
  padding: 9px 3px 0 15px;
  
}

.benvenuto
{
 width:400px;
 margin-right:2px;
  height:40px;
  /*margin:0 auto;*/
  /*padding-top:5px;*/
  color:#a8a8a8;
  float:right;
}

.benvenuto label{width:300px;text-align: left;}
#firtsrow {
 height:120px;  
}

 input[type="text"].cred{
font-size:9px;
width:130px;
height:12px;
background-color:#ffffff;
float:right;

}

 input[type="password"].cred{
font-size:9px;
width:130px;
height:12px;
background-color:#ffffff;
float:right;

}



/*ele: classe appioppata al form custom*/
.interesse{
  display:table-row; /*ele: ricorda questo stile, serve per impaginare decorosamente i campi di un form con classe personalizzata*/
}

.spazioV{
 width:100%;
 clear:both;
 height:0.7em;
 background:none;
}

.spazioM{
 width:100%;
 clear:both;
 height:10px;
 background:none;  
 margin-top:10px;
}
.ombra{
  background:url(/images/ombraFooter.png) no-repeat 50% 0;
  
}

.ombraSu{
  background:url(/images/ombraSu.png) no-repeat 50% -7px;
}

div #overBox{
  height:230px;
  width:230px;
  background-color:#000000;
  float:left;
  margin-left:50px;
  padding:20px;
  color: #ffffff;
  opacity:0.6;
  
}

div #overBox h2{
color:#ffffff;
font-size:15px;
border-bottom: 1px #ffffff solid;
}


div .ModRicerca{
width:98%;
height:100%;
padding:5px;
background-color:#efefef;
border-radius:5px;
border:1px #dddddd solid;
overflow:hidden;
}

 a.provalo{
  color:#ffffff;
  padding:8px;
  padding-left:15px;
  padding-right:15px;
    font-size: 16px;
    background: #ED9402;
  border-radius:4px;
  border-bottom: 1px #D37F07 solid;
  border-right: 1px #D37F07 solid;
  border-top: 1px #FCC97E solid;
  border-left: 1px #FCC97E solid;
  font-family:"Archivo Narrow", sans-serif;
  text-transform:uppercase;
  cursor:pointer;
  }

a.provalo:hover{
color:#000000;
background-color:#bcbbbb;
border: 1px #aaaaaa solid;}

/*CMS LAYOUT*/

.container{overflow:hidden;width:1100px !important; margin: 1em auto; padding:0 1em;}
.containerB2B{width:100%; margin:0 auto;}
#header,#FirstZone,#SecondZone,#ThirdZone,#footer{height:100%;
        height: auto !important;
        height:100%;
        overflow:hidden;
        }
#header{
  position: relative;
  background:url('/images/bg/connectB.png') repeat;
  }
#FirstZone{background:url('/images/bg/connectB.png') repeat;}
#SecondZone{background:url('/images/bg/connectW.png') repeat;}
#ThirdZone{background:url('/images/bg/connectB.png') repeat;}
#footer
  {
    position: relative;
    border-top: solid 1px #c2c7cc;
    background:url('/images/bg/connectW.png') repeat;
  }
div#footer.B2B{background:url('/images/bg/connectB.png') repeat;}  

    /*#footer-wrapper:before
    {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: url('responsive/images/overlay.png');
      /*background-size: 128px 128px;}*/
    
.spazioS{background:none;clear:both;height:8px; width:100%}

#ImgCont{width:100%; height:350px; margin:0; padding:0; background:url(/images/componenti_elettronici.jpg) no-repeat;}


/*************************CBS*******************************/


.thumbnail-item { 
  /* position relative so that we can use position absolute for the tooltip */
  position: relative; 
  float: left;  
  margin: 5px; 
}

.thumbnail-item a { 
  display: block; 
}

.thumbnail-item img.thumbnail {
  border:3px solid #ccc;  

}
  

.tooltip { 
  /* by default, hide it */
  /*display: none; ELE-12/11/2013
  /* allow us to move the tooltip */
  position: absolute;/* - ele 19/01/15*/
  /* align the image properly */
  padding: 8px 0 0 8px;/* - ele 19/01/15*/
}

.tooltip.media{display: none;}
  .tooltip span.overlay { 
    /* the png image, need ie6 hack though */
    background: url(images/overlay.png) no-repeat; 
    /* put this overlay on the top of the tooltip image */
    position: absolute; 
    top: 0px; 
    left: 0px; 
    display: block; 
    width: 350px; 
    height: 200px;
  }

span.evidenzia{font-family: "Roboto Condensed",sans-serif;
    font-size: 15px;
    font-weight: normal;
    margin: 1em 0;
  color:#333333;}

span.evidenzia.blu{color:#79909d}
.prezz{font-size:18px; font-weight:bold; color:#79909d;}

/*tooltip prezzi scaglione*/

.tooltip.PreSca, .tooltip{padding:0;}

/*stili per le pagine*/
.cinqueBox{float:left; margin-left:10px; width:210px; overflow:hidden;margin-bottom:30px;}
.cinqueBox h3, .cinqueBox h2, .treBox h3, .treBox h2{text-align:center}
img.icone{position:relative;left:25%; clear:both; margin-bottom:10px;}
img.small{float:left; width:50px; height:50px;position:absolute; margin-top:-10px; margin-bottom:25px;}
img.imgTitle{float:left; position:absolute}
.colorBox{padding:10px; height:280px;}
.red{background-color:#f45803}
.orange{background-color:#ff972c}
.yellow{background-color:#ffbf2b}
.green{background-color:#b5ce5d}
.blu{background-color:#52adcf}
.grey{padding:15px;background-color:#d7dde1; box-shadow:3px 3px 5px #000000; border-radius:5px}
.clearB{clear:both; margin:10px auto 40px;}
.appr{text-align:center;padding:10px 20px; background-color:#000000; opacity:0.65; border-radius:6px; color:#ffffff; font-size:1.2em}
.appr a{color:#ffffff;text-decoration:none;}
.appr a:hover{color:#ffffff;opacity:0.35; text-decoration:none;}
.dueBox, .DueBox{float:left; margin-left:10px; width:45%; padding:15px 20px; overflow:hidden;}
.DueBox:first-of-type{border-right:1px solid #999;}
.DueBoxMini{float:left; width:42%; margin:0; padding:14px;}
.DueBoxMini ul{list-style:none;}
.DueBoxMini h3{margin-top:0; border-bottom:1px solid #999; }
.DueBoxMini a{text-decoration:none;}
.treBox{/*float:left; margin-left:20px; width:25%; overflow:hidden;margin-bottom:30px;padding:20px;*/float: left;
    width: 30.6%;
    overflow: hidden;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
    box-sizing: border-box;
  border-radius:10px;}
/*segnaposti con freccette*/
div#rigaBlu{
  margin-left:20%;
height:20px;
widht:40px;
clear:both;
background:url('/images/bg/triangBlue.png') no-repeat;}

div#rigaGrey{
  margin-left:20%;
  /*width: 0;
height: 0;
line-height: 0px;
border-top: 20px solid #eef0ef;
border-left: 20px solid transparent;
border-right: 20px solid transparent;*/
height:20px;
widht:40px;
clear:both;
background:url('/images/bg/triangGrey.png') no-repeat;}
.togglebox{ width:92%;padding:13px; margin-bottom:15px; background-color:#ffffff; border: 1px solid #cccccc; 
webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
}
.togglebox  ul {margin-left:25px;}
.togglebox ul li {margin-left:15px;}
/*tabelle*/
table.simple{
  width:100%;
  }
table.white{background-color:#ffffff; }
table.white td{vertical-align:middle;}
td.CelUno, td.CelDue,table.simple td {padding:8px;border:1px solid #999999;}
td.CelUno{width:120px; background-color:#ffffff;}
td.CelTre {width:50px}
.CelTre img{max-width:100%;}

/*triangolo apri*/
div.apriT
{position:absolute;float:left;width:0; height:0;
            border:13px;
            border-style: solid;
            border-bottom:8px solid transparent;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top-color: #ffbf2b;  
      margin-top:4px;  
      margin-left:5px;      
}
div.apriTorange
{position:absolute;float:left;width:0; height:0;
            border:13px;
            border-style: solid;
            border-bottom:8px solid transparent;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top-color: #ff972c;  
      margin-top:4px;  
      margin-left:5px;      
}
div.apriTblu
{position:absolute;float:left;width:0; height:0;
            border:13px;
            border-style: solid;
            border-bottom:8px solid transparent;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top-color: #52adcf;  
      margin-top:4px;  
      margin-left:5px;      
}
div.apriTred
{position:absolute;float:left;width:0; height:0;
            border:13px;
            border-style: solid;
            border-bottom:8px solid transparent;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top-color: #f45803;  
      margin-top:4px;  
      margin-left:5px;      
}
div.apriTgreen
{position:absolute;float:left;width:0; height:0;
            border:13px;
            border-style: solid;
            border-bottom:8px solid transparent;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top-color: #b5ce5d;  
      margin-top:4px;  
      margin-left:5px;      
}
h6.apri{ padding-left:35px;}
#FirstZone .cinqueBox h3{height:55px; overflow:hidden;}
#FirstZone .cinqueBox h3 + p{height:110px; overflow:hidden;}

/*XSLT search*/
#xsltsearch{padding:1.2em}
.xsltsearch_result_title, .xsltsearch_result_title a{font-size:1.1em; font-family: 'Exo', sans-serif;color:#393939;}
.xsltsearch_result{margin-bottom:1.2em; font-size:1em;}
 #eice_search, div.xsltsearch_form input.submit{font-size:1em;font-family: 'Open Sans Condensed', sans-serif;padding:0.3em;}
div.xsltsearch_form input.submit{ background-color:#79909D; border-bottom:1px solid #62747f; border-right:1px solid #62747f; border-top:1px solid #C5D2E2; border-left:#C5D2E2;border-radius:6px;color:#000000; cursor:pointer;}
div.xsltsearch_form input.submit:hover{background-color:#999999; color:#393939; border:1px solid #888888}

/*registrazione ok*/
div#registrazioneOk{height:200px;
background:url(/images/fibreOttiche.jpg) no-repeat 0 0;
padding:20px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        filter: alpha(opacity=40);
        opacity:0.4; position:relative;}
div#testi{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity:1;
        position:absolute;
        top:280px;
        left:250px;}
div#testi h4{color:#ffffff; text-shadow:1px 1px #000000;line-height:60px; text-indent:20px;}
div#testi h3 {color:#dddddd; text-shadow:1px 1px #000000;}
div#testi h5{color:#ffffff; text-shadow:1px 1px #000000;}

h6.sitoweb{height:30px;background:url(/images/link.png) no-repeat 0 -3px; text-indent:30px; }
h6.prodotti{height:30px;background:url(/images/prodotti.png) no-repeat 0 -3px; text-indent:30px; }
h6.azienda{height:30px;background:url(/images/azienda.png) no-repeat 0 -3px; text-indent:30px;}

/*elenchi puntati*/
ol.CondVend {margin-left:10px; margin-bottom:28px;}
ol.CondVend li {margin-left:20px;}

/*uBlogsy Lista Post*/
.eice_news_list a{color:#3F4F5E;}
.eice_news_list .titolo{padding:15px; font-family:'Exo', sans-serif; line-height:1.6em; font-size:0.8em;height: 30px;overflow: hidden;}
.eice_news_list .titolo a{text-transform:uppercase; font-size:1.5em; padding-top:2em;text-decoration:none;}
.eice_news_list .Appr {padding: 1.8em 0;font-size: .7em;
    font-family: 'Exo', sans-serif;}
.eice_news_list a.appr{ text-decoration:none; color:#fff;}
.eice_news_list a.appr:hover{background-color: rgba(121,144,157,0.8);}
.MachineTxt img{border-bottom:7px solid #3F4F5E; display:block; max-width:100%; height:auto; }
.MachineTxt{background-color:#fff;position:relative; -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);}
.MachineTxt .ContentBody{max-height:64px; overflow:hidden;}
.MachineTxt .ContentBody:after{content:'...';}
.MachineTxt .ContentBody p{padding:.5em 1.5em;line-height:1.6em;}
.MachineTxt .Summ p + p{display:none;}
.MachineTxt .ContentBody p:first-of-type{padding:0;margin:0;}
.MachineTxt,.MachineTxt span{ text-align:center;}  
.MachineTxt .ContentBody img{display:none;}
.MachineTxt p{margin:0;}











/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */