body{
  margin: 0 auto;
  font-family: 'Abel', sans-serif;
  font-size:16px;
  color:#333333;
  text-align:left;
  background-color: #F6F6F6;
}

a,
a:hover{
  color: #4DB4E2;
  text-decoration: underline;
}

a img{ border:0; }

strong{
  color: #4DB4E2;
}

.static ul li {
  background: url(../img/dotazz.png) no-repeat;
  margin-right: 2px;
  list-style-type: none;
  margin: 0 0 5px -39px;
  padding: 0 0 0 20px;
}

.clear{clear:both;}

.logo{
  margin: 20px 0 0 0;
  float: left;
}

.logo1{
  width: 259px;
  height: 89px;
  background: url(../img/logo1.png) no-repeat;
  margin: 15px 0 0 0;
  float: left;
}

.contentmenu{
  width: 440px;
  height: 160px;
  margin: 0px 0 0px 329px;
  padding: 0;
  float: left;
  position: relative;
}

.nav1{
  margin: 10px 0 0 0;
}

.navbar-default.navbar-header{
  background: none;
  border: 0;
  margin: 50px 0 0 -30px;
  font-size: 20px;
  text-transform: uppercase;
}

#submenu{
  margin-left: -12px;
}

.navbar-default.navbar-header li > a:hover,
.navbar-default.navbar-header li.active > a:hover,
.navbar-default.navbar-header li.active > a{
  text-decoration:none;
  background:none !important;
  box-shadow: none !important;
  color:#4CB2E0 !important;
}
  
.navbar-default.navbar-header li > a {
  padding: 10px;
  color: #333333;
  text-decoration: none;
}

.breadcrumb{
  background:none !important;
  padding: 8px;
  font-size: 17px;
}

.breadcrumb > li > a{
  color: #333333;
  text-decoration:none;  
}

.breadcrumb > li > a:hover,
.breadcrumb > li.active > a:hover,
.breadcrumb > li.active > a{
  background:none !important;
  box-shadow: none !important;
  color:#4CB2E0 !important;
}

.intestazione{
  width: 980px;
  height: 125px;
}

.colonna{
  width: 480px;
  margin: 20px 68px 0 20px;
  float: left;
  font-size: 16px;
}

.colonna1{
  margin: 20px 0;
  width: 412px;
  margin-top: -55px;
}

.testo{
  width: 480px;
  margin-top: 20px;
}

span.azzurro{
  color: #4CB2E0;
  font-weight: bold;
}

span.corsivo{
  font-style: italic;
  font-size: 14px;
}

span.nota{
  font-size: 11px;
}

.foto{
  width: 411px;
  height: 522px;
  margin: 70px 0 40px 0;
}

span.grande{
  font-size: 20px;
}

.loghi{
  width: 309px;
  height: 61px;
  background: url(../img/loghi.png) no-repeat;
  margin-top: 20px;
}

header{
  background: white;
  margin: 0 0 20px 0;
  height: 160px;
}

header .logo_small{
  display: none;
  margin-top: 12px;
}

header.fixed{
  position:fixed;
  width: 100%;
  height: 100px;
  top: -100px;
  left: 0;
  background: url(../img/overmenu.png) left bottom repeat-x;
  z-index: 1000;
}

header.fixed .logo_small{
  display: block;
}

header.fixed .logo{
  display: none;
}

header.fixed .navbar-default.navbar-header {
  margin: 10px 0 0 -30px;
}

header.fixed #submenu{
  top: -15px;
  position: relative;
}

.wrapper{
  width: 1020px;
}

.box{
  background: white;
  margin: 0 0 20px 0;
  padding: 15px;
}

.boxazz{
  background-color: #4DB4E2;
  margin: 20px 0;
  padding: 15px;
  color: white;
}

.boxazz a{
  color: #ffffff;
  text-decoration: underline;
}

.boxazz strong{
  color: #ffffff;
}

.boxgrigio{
  margin: 10px 0;
  padding: 15px;
}

.imgslider{
  height: 360px;
  position: relative;
}

.frecciasn{
  width: 40px;
  height: 40px;
  background: url(../img/frecciasn.png);
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
}

.frecciadx{
  width: 40px;
  height: 40px;
  background: url(../img/frecciadx.png);
  position: absolute;
  right: 5px;
  top: 5px;
  display: block;
}

h1,
h2,
h3,
h4{
  font-family: 'Abel', sans-serif;
}

.azz{
  color: #4DB4E2;
}

.azz a{
  text-decoration: none;
}

.bianco{
  color: #FFF;
}


@media (min-width: 992px) {
  .container {
  width: 980px;
  }
}

@media (min-width: 1200px) {
  .container {
  width: 980px;
  }
}

.img{
  width: 287px;
  margin: 0;
  padding:0;
  position: relative;
}

.grayscale{
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' filterRes=\'800\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
  -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

.grayscale:hover{
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' filterRes=\'800\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
}

.overbox{
  width: 287px;
  height: 320px;
  z-index: 100;
  display: none;
  position: absolute;
  margin: 0;
  padding: 0;
  top: 0;
  right: 9px;
}

.img a:hover .overbox{
  display: block;
}

.col-md-4 a:hover{
  text-decoration: none;
}

.ling{
  width: 159px;
  height: 31px;
  z-index: 120;
  background-color: #F6F6F6;
  position: absolute;
  top: 35px;
  right: -1px;
  text-align: center;
  font-size: 15px;
  color: #333333;
  padding: 5px;
}

.foot{
  color: #333333;
}

.form-inline button{
  background-color: #4CB4E2;
  color: #FFFFFF;
}

.logop{
  display: block;
  position: absolute;
  top: 5px;
  right: 15px;
}

.num{
  width: 100px;
  height: 20px;
  z-index: 120;
  position: absolute;
  top: -20px;
  right: 0px;
  text-align: center;
  font-size: 15px;
  color: #333333;
  padding: 5px;
}

.boxazz ul li{
  background: url(../img/dotbia.png) no-repeat;
  margin-right: 2px;
  list-style-type: none;
  margin: 0 0 5px -39px;
  padding: 0 0 0 20px;
  color: #FFF;
}

a.download{
  background: url(../img/download.png) right center no-repeat;
  margin: 0;
  text-decoration: none;
  display: block;
  height: 38px;
  padding-right: 50px;
  margin-top: 50px;
  line-height: 55px;
  text-align: right;
}

a.download:hover{
  background: url(../img/download_O.png) right center no-repeat;
  color: #4DB4E2;
}

.gallery a.download,
.gallery a.scheda{
  text-align: left;
  color: #666;
  margin-top: 0;
}

.scheda{
  background: url(../img/scheda.png) right center no-repeat;
  margin: 0;
  border: 0;
  text-decoration: none;
  display: block;
  height: 38px;
  padding-right: 50px;
  margin-top: 39px;
  line-height: 55px;
  text-align: right;
  color: #333333;
}

a:hover.scheda{
  background: url(../img/scheda_O.png) right center no-repeat;
}

.item-prodotto-img{
  border: solid 1px #999999;
}

.azz1{
  margin-top: 0px;
}

.icon{
  margin-top: 30px;
}

.box2:hover,
.box3:hover{
  background-color: #F7F7F7;
}

.box3{
  margin: -27px 0 30px 0;
}

.marchio{
  height: 85px;
  background-color:#FFF;
  text-align: center;
}

.img_prod{
  margin: 0;
  padding: 0;
  width: 294px;
  border: solid 1px #999999;
}

.gallery{
  margin: 50px 0;
}

.bgdett{
  width: 68px;
  height: 68px;
  margin-right: 3px;
  float: left;
  margin-top: 3px;
  position: relative;
  border: 1px solid #999999;
  overflow: hidden;
  text-align: center;
}

.bgdett-video{
  width:100%;
  height:168px;
}

.dett{
  width: 68px;
  height: 68px;
  z-index: 100;
  display: none;
  background: url(../img/dettsel.png) right bottom repeat;
  position: absolute;
  top: 0;
  left: 0;
}

.bgdett-video .dett{
  top: 50%;
  left: 50%;
  margin: -34px 0 0 -34px;
  display: block;
  background: url(../img/dettsel_video.png) center center repeat;
}


.bgdett a:hover .dett{
  display: block;
}

.item-prodotto h2{
  margin-top: 0px;
}

.dettaglio-prodotto .img{
  border: 1px solid #ccc;
  margin-bottom: 20px;
}

.dettaglio-prodotto-marca{
  margin-bottom: 20px;
}

.img .data{
  background: #f6f6f6;
  color: #333333;
  padding: 5px 0 5px 30px;
  position: absolute;
  top: 20px;
  left: -15px;
  width: 130px;
}

.dettaglio-news .data{
  background: #f6f6f6;
  color: #333333;
  padding: 5px 15px 5px 0;
  width: 130px;
  text-align: right;
  float:right;
  clear:both;
  margin: 0 -15px 20px 0;
}

.news-header{
  background: white;
  line-height: 55px;
  padding-right: 15px;
}

.news-header > ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.news-header > ul > li{
  float: left;
}

.news-header > ul > li a{
  display: block;
  float:left;
  padding: 0 20px;
  font-family: 'Abel', sans-serif;
  font-size: 20px;
  color: #333333;
  text-decoration:none;
}

.news-header > ul > li a:hover{
  text-decoration: underline;
}

.news-header > ul > li.active a,
.news-header > ul > li.active a:hover{
  background: #f6f6f6;
  text-decoration: none;
}

.faq h3{
  color: #4DB4E2;
  margin-top: 0;
}

label{
  font-weight: bold;
}

.label-novita{
  margin-bottom: 10px;
  display: inline-block;
}

/* blocchi delle liste */
.hoverbox{
  cursor: pointer;
}

.hoverbox.active{
  background: #F6F6F6 !important;
}

.hoverbox.active .grayscale{
  filter: none;
  -webkit-filter: none;
}
/* fine blocchi liste */


/* slider */
.full-slider {
  width: 100%;
  margin: 0 auto 20px auto;
  overflow: hidden;
  height: 360px;
  background: url(../img/loading.gif) center center no-repeat;
}

.inline {
  display: inline-block !important;
  position: relative;
  overflow: hidden;
  width: 950px;
  text-align: center;
}

.inline img{
  /*opacity: 0;*/
}
/* fine slider */


.home .data{
  z-index: 2;
  right: -15px;
  left: auto;
}

.faq-item{
  margin-top: -50px;
  padding-top: 120px;
}

/* SOLO MOBILE */
@media (max-width: 991px) {
  .navbar-default.navbar-header{
    margin: 20px 0 0 -25px;
    background: #f0f0f0;
    padding: 0 20px;
    box-sizing: content-box;
    width: 100%;
  }
  
  .navbar-default.navbar-header.pull-right{
    float:none !important;
  }
  
  .navbar-default.navbar-header li > a {
    padding: 15px;
  }
  
  .navbar-collapse {
    max-height: none;
  }
  
  .box .col-md-4{
    margin-bottom: 50px;
  }
  
  .box.item-prodotto .col-md-4{
    margin-bottom: 20px;
  }
  
  .item-prodotto .scheda{
    margin-top: 0;
  }
  
  .box.item-prodotto .text-right{
    text-align: left;
  }
  
  .img{
    width: 100%;
  }
  
  .img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
  }
  
  .breadcrumb li{
    display: block;
    border-bottom: 2px solid #f6f6f6;
  }
  
  .breadcrumb>li+li:before {
    padding: 0;
    color: #ccc;
    content: "";
  }
  
  .breadcrumb li a{
    display: block;
    padding: 10px 15px;
  }
  
  .full-slider{
    display: none;
  }

  header{
    height: auto;
    background: none;
  }
  
  #submenu{
    background: white;
    margin: 20px 0 -40px 0;
  }
}

@media (max-width: 767px) {
  .navbar-default.navbar-header li {
    border-bottom: 1px solid #ffffff;
  }
  .navbar-default.navbar-header li:last-child {
    border-bottom: 0;
  }
}