@charset "utf-8";
/* CSS Document */
/*Menu Desktop*/
h1 { color:#FF7700; font-size:1.9em; font-family: 'Open Sans', sans-serif; margin-top: 1em; margin-bottom: 1em;}
h2 { color:#336699; font-size:1.5em; font-family: 'Open Sans', sans-serif; margin-top: 1em; margin-bottom: 1em; }
h3 { color:#336699; font-size:1.5em; font-family: 'Open Sans', sans-serif; }

p li td  { color:#555; font-size:1em;  font-family: 'Open Sans', sans-serif; line-height:1.5em;  }
.navbar-default { background-color:#336699 }
.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default 
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>li>a,.navbar-nav>li>.dropdown-menu { background-color:#336699; color:#FFF;}
.navbar-nav>.open>a:hover{ background-color:#FF7700; color:#FFF;} 
.navbar-static-top {border-width: 0}
/*Menu Smartphone*/
.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #FFF;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color: #FFF; background-color: #FF7700;}
.col-sm-6>h2 { color:#FF77}
.dropdown-menu { border-radius:0}
.dropdown-menu>li>a {padding: 12px 20px;}
.dropdown-menu>li>a:hover { color: #FFF; text-decoration: none; background-color: #FF7700;}
.footer { color:#FFF; padding:1em; text-align:center; margin-bottom:1em; margin-top:1em}
.orange { color:#FF7700}
.blue { color:#336699}
/*Cookies Banner*/
#cookieChoiceInfo { color:#FFF; padding:8px}
#cookieChoiceInfo a { color:#FFF; text-decoration:underline}
span.glyphicon-search {
    font-size: 1.5em;
    padding: 0.6em;
}
/* Carousel*/
.carousel-control.left , .carousel-control.right {background-image: none}  
.footer p{ color:#FFF; background-color: #336699}

/* Google Material Icons */
/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

html { position: relative; min-height: 100%;}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
 font-family: 'Open Sans', sans-serif; line-height:1.5em;
}

h1 { color:#FF7700; font-size:1.9em; font-family: 'Open Sans', sans-serif; margin-top: 5px; margin-bottom: 5px; line-height:1.5em; }
h2 { color:#336699; font-size:1.5em; font-family: 'Open Sans', sans-serif; margin-top: 10px; margin-bottom: 10px; line-height:1.3em;  }
h3 { color:#336699; font-size:1.5em; font-family: 'Open Sans', sans-serif; line-height:1.5em; }

strong {color: #777}
/*Menu Desktop*/
.navbar-default { background-color:#336699 }
.navbar-default,.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>li>a,.navbar-nav>li>.dropdown-menu { background-color:#336699; color:#FFF; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { background-color:#FF7700; color:#FFF; height: 3.7em;}
.navbar-nav>.open>a:hover {background-color:#FF7700; color:#FFF;}
.navbar-static-top {border-width: 0}
.carousel-inner { margin-top:1em}
.navbar-nav>li>a { line-height: 25px;}

/*Menu Smartphone*/
.navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #FFF;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color: #FFF; background-color: #FF7700;}
.col-sm-6>h2 { color:#FF7700}
.dropdown-menu { border-radius:0}
.dropdown-menu>li>a {padding: 12px 20px;}
.dropdown-menu>li>a:hover { color: #FFF; text-decoration: none; background-color: #FF7700;}
.footer { color:#FFF; padding:1em; text-align:center;}
.orange { color:#FF7700}
.blue { color:#336699}
.backgroundblue { background-color:#336699;}
.backgroundorange {background-color:#FF7700;}
.backgroundgreen {background-color:#009900;}
.backgroundblue h2, .backgroundorange h2, .backgroundgreen h2 {margin-left:0.5em; text-decoration:none}
a.thumbnail:hover, a.thumbnail:visited, a.thumbnail:active, a.thumbnail:focus, .thumbnail { border:none; text-decoration:none; border-radius:0}
/*icona search */
span.glyphicon-search{ font-size:1.5em ; padding:0.6em}

/* Footer */
.custom-footer p {font-size:1em; color:#FFF; padding:1em; line-height:1.5em;}
.custom-footer { position: absolute; bottom: 0; width: 100%; background-color: #336699; margin-top: 2em; min-height: 5em}

/* Cookie Banner */
#cookieChoiceInfo { color:#336699;}
/* Breadcrumbs Menù */
.pager { text-align:left; margin:0px}
.pager li>a, .pager li>span { border-radius:5px; background-color: #ff7700; color:#FFF}
.breadcrumb { background-color:#FFF; font-size:1em }
.breadcrumb>li+li:before { padding: 0 5px; color: #ccc; content: ">";}
.pager li>a:focus, .pager li>a:hover { text-decoration: none; background-color: #336699;}

/* Solo in elenco proddotti */
.elenco-bordato { border:1px solid #CCC; margin:0em .02em 1.5em 0.2em}
.elenco-immagine { padding:0.5em}
.elenco-immagine img { max-width:150px; max-height:110px}
.elenco-descrizione { color:#555}
.elenco-descrizione  h3 { font-size:1.2em; margin-bottom:0px; color:#336699;}
.elenco-prezzo {  position:relative; float:right; text-align:right; margin-top:3em }
.elenco-prezzo-carrello {  position:relative; float:right; text-align:right; margin:3em 0em  }
.elenco-prezzo-carattere { font-size:1.4em; color:#FF7700;  }
.carrello-accessori { margin:1.6em 1em; max-width:30px; padding:0; float:right; text-align:right;}

/* scheda prodotto: Immagine principale  */
.product-image{border: 1px solid #CCC; padding:1em; margin-bottom:1em }

/* scheda prodotto: Immagini zoom scheda prodotto (Moddal Images)  */
.btn-lg { padding: 0.5em; margin-bottom: 0.2em;}
.btn-info { color: #fff; border-color: #CCC; background-color:#FFF; border-radius:0}
.btn-info:hover {     background-color: #369; border-color: #369}
@media screen and (min-width: 900px) { .modal-dialog { width: 1024px; margin: 30px auto;}}

/* scheda prodotto: Costo spedizione  */
.product-insurance { width:100%; margin-top:1em }

/* scheda prodotto: tabella tecnica  */
.technical-table td { border:1px solid #CCC; padding:0.5em; color:#555 }

#PPMiniCart form { z-index:10; margin-right:5em}

/* Registrazione  */
label { color:#555; text-align:left; font-size:1.2em; font-weight:100 }
.form-group {margin-bottom: 1.8em;}

/*pagine usato */
.padding { padding:1em}

/** Social Button CSS **/
.social>li { display:inline; margin-right:2em ;  }


.clearfix
{
  &:before,
  &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}
.central-area {margin-bottom: 7em}

@media screen and (max-width: 990px) {
.central-area {margin-bottom: 12em}
}
@media screen and (max-width: 600px) {
.central-area {margin-bottom: 14em}
}
@media screen and (max-width: 420px) {
.central-area {margin-bottom: 16em}
}
@media screen and (max-width: 320px) {
.central-area {margin-bottom: 18em}
}
@media screen and (max-width: 280px) {
.central-area {margin-bottom: 20em}
}