* {
margin: 0;
}
body {
height: 100%;font-family: 'Open sans', arial, sans-serif;
}
html {
  position: relative;
  height: 100%;
}
footer {
 /* position: absolute;*/
  width: 100%; height:20%;
}
#wrapper {
  /*display: flex;   use the flex model */
  /*height: 80%; */
  /*width:80%;float: right;/* serve per quando c'è il pannello laterale*/
  /*flex-direction: column;   da togliere se si usa il menu laterale*/
 
}
#miocarrello { text-align:right }
.paddingtophead { padding-top:30px; }
.centra {float:none; margin:0 auto; }
/*#body {width:100%; }*/
.toggle { cursor:pointer }
.titolofooter { font-weight:bold; padding-left:2%; color:#000; cursor:pointer; }
.togglepiu { display:none; }
.togglemeno { display:none;float:right;font-size:1.2em; padding:3px; }
/*footer{font-family:'Oswald',sans-serif;  }*/
.padding { padding:5px; }
.logo{float:left;margin-right:20px;display:block;max-width:100%;height:auto}
.adatta{display:block;max-width:100%;height:auto}
/*a:link{text-decoration:none;color:#333}*/
a:home{color:#000}
a:visited{color:#333}
h1,h2,h3,h4,h5,h6{font-family:'Oswald',sans-serif; text-transform:uppercase;width:100%;}
h1{color:#333;font-size:1.4em; background-color:#f1f1f1}
h1 a{color:#333;}
h1 a:visited{color:#333;}
h2 { font-size:1.2em; }
h3 { font-size:1.1em; }
p { margin:0px; padding:0px; }
.textright{text-align:right}
.textleft{text-align:left}
.textcenter { text-align:center }
.border{border:1px solid #e4e4e6}
.bordertop{border-top:1px solid #e4e4e6;margin-top:6px; padding-bottom:6px;}
.borderbottom {border-bottom:1px solid #e4e4e6;padding-top:6px; margin-bottom:6px;  }
.blacktxt { color:#000; font-weight:bold; }
.right { float:right }
.testa{font-family:'Oswald',sans-serif;height:auto;padding:2px 0;color:#FFF;background-color:#000;font-weight:400}
.testa a:link{color:#fff}
.testa a:visited{color:#fff}
.testa a:hover{color:#ccc}
.h60{height:60px; clear:both; }
.h40{height:40px; clear:both; }
.h30{height:30px; clear:both; }
.h20{height:20px; clear:both;}
.h10 {height:10px; clear:both; }
.piccolo{font-size:.8em}
.cercainterno {width:200px; height:18px; float:right; position:relative;overflow:hidden }
.promoadv {clear:both; padding:4px;background-color:#EFEFEF;color:#333; font-size:1.1em; text-align:center; }
.contfoto { width:31%;text-align:center;min-height:510px;float:left; position: relative;margin:0 1.7%;  }
.contfoto:nth-child(3n+2) { margin-right:0px; }
.contfoto:nth-child(3n+0) { margin-left:0px;}
.contfoto img{margin:0 auto}
.contfoto h2{margin:0;padding:0;font-size:1.6em;color:#000;line-height:1.4em; text-align:left; color:#333}
.contfoto h3{margin:0;padding:0;color:#999;font-size:1em;font-weight:lighter;line-height:1.4em; color:#333}
.testofoto{text-align:left; position:relative}
.lastitem{color:#666; border-bottom:1px solid #ccc; border-top:1px solid #ccc;position:absolute;top:-20px;width:100%;text-align:center;opacity:.8;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8; background-color:#FFF}
.iconset{max-width:30px}
.mwenudx { float:right }
.piu{ text-align:right; float:right; margin-right:20px; }
.meno{ text-align:right;float:right; margin-right:20px; display:none }

.mobile-menu{display:none;}
.titolomenu{color:#000;font-size:1.1em;margin-left:20px;cursor:pointer;white-space: nowrap; line-height:1.5em;}
.titolomenu a{color:#000;  }
.titolomenu { cursor:pointer; }
.tabellagruppi{line-height:1.8em;}
.tabellagruppi a { color:#666; }
.tabellagruppi a:hover { color:#000; }
.tabellagruppi a:visited { color:#666; }
.intestazionetabella{font-size:1em;color:#000;text-transform:uppercase;font-family:'Oswald',sans-serif; }
.clearfix:after{content:" ";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.rosso{color:red}
.errore { border-color:#f00;  color:#f00; }
.lineatop{border-top:1px solid #ccc}
.percsaldi{font-size:.8em; height:30px; line-height:30px; text-align:center; width:30px;text-align:center;background-color:#3F3F3F;color:#FFF}
.saldi{color:red;text-decoration:line-through; font-size:0.8em; margin-right:10px;}
.etichettinamobile { display:none; }
.clear{clear:both}
.black{background-color:#000; color:#FFF}
.black a{color:#FFF}
.black a:visited{color:#FFF}
.maxfoto{max-width:250px}
.max11{max-width:11px}
.relative{position:relative}
.tagliano{float:left;border:1px solid #ccc;background-color:#eee;padding:2px;margin-top:2px;margin-right:2px;margin-left:2px;color:#666;width:28px;text-align:center;display:block;text-align:center}
.grayback{ background-color:#496EB5; color:#FFF}
.grayback a{ color:#FFF}
.grayback a:visited{ color:#FFF}
.lightblue { background-color: #E3EAF4 }

.bordo{color:#fff;background-color:#000;border-color:#000}

.iniziale{margin:20px;line-height:2em}
p.iniziale:first-letter{font-size:300%;float:left;margin-right:3px;color:#000}
.invisibile{display:none}

.blocconavigazioneor{padding:20px 0px 5px 0px;margin-bottom:20px; font-style:italic;width: 100%;}
.quadratopieno { margin-right:5%; color:#fff; float:left; width:10px; height:10px; background-color:#062442;  text-align:center; margin-top:6px; text-align:left;line-height:0px; font-size:20px; border:1px solid #062442 }

.quadrato { margin-right:5%; color:#fff; float:left; width:10px; height:10px; background-color:#efefef; margin-top:6px; text-align:left;line-height:0px; font-size:20px;  color:#ccc;border:1px solid #ccc  }

#cookieDiv{position:absolute;top:0;height:auto;padding:3px;background-color:#000;width:100%;margin:0 auto;color:#FFF;text-align:center;opacity:.8;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8}
.breadcrumb li{display:inline;color:#999;font-size:.8em}
.breadcrumb li+li:before{content:"» "}
.ombra{-moz-box-shadow:0 0 10px #666;-webkit-box-shadow:0 0 10px #666;box-shadow:0 0 10px #666}
#menuButton{display:none}
.closeButton{display:none}
#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;z-index:10000}
#overlay div{width:50%;height:50%;top:25%;margin:0 auto;position:relative;color:#fff;text-align:center}
.colonna_menu{width:25.2%; border-right:1px solid #ccc; min-height:500px;}
.colonna_shop{width:71%;float:right}
.colonna_shop ul { list-style:disc; margin-left:30px; padding-left:20px; }
.colonna_shop ol { list-style:decimal; margin-left:10px; padding-left:10px;}
#carrellotop{position:absolute;right:0;z-index:150;top:25px;border:1px solid #CCC;margin:0;display:none;background-color:#FFF}
#accettacookie{color:red;cursor:pointer}

.edit { background-color:#6CF; color:#000; padding:3px; }
.edit a {  color:#fff; }
.edit a:visited {  color:#fff; }
.consigliati-container { min-height:320px;max-height:420px; clear:both } 
.avanti { background-color:#000; color:#FFF ;float:right; padding:10px 0px; text-align:center}
.avanti a{ color:#FFF }
.back { background-color:#ececec; color:#000 ;float:left; padding:10px 0px; text-align:center}
.back a{ color:#000 }

.stick{position:fixed;top:0;z-index:999;width:100%;right:0;-webkit-box-shadow:2px 2px 2px #888;-moz-box-shadow:2px 2px 2px #888;box-shadow:2px 2px 2px #888;background-color:#FFF}
.stick2{position:fixed;top:50px;z-index:999;width:100%;right:0;-webkit-box-shadow:2px 2px 2px #888;-moz-box-shadow:2px 2px 2px #888;box-shadow:2px 2px 2px #888;background-color:#FFF}

.paddingtop{padding-top:10px}
/* Fix for IE 8 putting the arrows behind the select element. */

.colonna_shop a:link { text-decoration:underline; color:#06F }
.colonna_shop a:hover { text-decoration:underline; color:#000 }
.colonna_shop a:visited { text-decoration:underline; color:#06F }

.grid-item2 { width:31%; min-height:160px; float:left; margin-right:2%; }
.grid-item2 a:link{  text-decoration:none; color:#666; }
.grid-item2 a:visited{ color:#666; }
 .maximg { max-width:700px; }
.imax{ max-width:700px; }
.imed {max-width:400px;  }
.imin{ max-width:200px;  } 
.tecnico { background-color:#f1f1f1; padding:10px; }
.revisioneart{ background-color: #FF6 }
#tabellaconbordo td, #tabellaconbordo tr, #tabellaconbordo { border:1px solid #ccc; }
.titolih4 {background-color:#f1f1f1; padding:6px; width:90%; margin-bottom:10px; margin-top:10px; }