body { font-family: 'Open Sans', sans-serif; color:#5a646f; font-size:15px; }
a { color:#5a646f }
a:hover { color:#014b4e; }

/* ----------------- generici e smartphone ---------------- */


.grigioip { background:#333848; } 
.grigioconsfumature { background:#333848;  } 
.grigioscuro { background:#273849; }
.grigioProdotti { background:#ececec; padding: 60px 0;}
.verdeip { background:#00a7a6; color:#FFF }
.verdeip h1 { color:#FFF }
.grigioip_title { background:#435369; } 
.grigioscuro_testoscuro { background:#273849; }
.bianco { background:#fff; }
.spazia { padding:80px 0 120px 0; }
.spaziaprimo { padding:10px 0 80px 0; }
.spaziatop { padding:80px 0 0 0; }
.spaziabottom { padding:0 0 80px 0; }
.nospazia { padding:0; }
.spaziatopsmall { padding: 10px 0 0 0; }
.grigioip img { vertical-align:bottom; padding: 15px 0; } 

h1, h2, h3 { margin:0; padding:0; }
h1 { font-size:29px; color: #cbd2d7; padding:35px 0; letter-spacing:1px; font-weight:normal }
h2 { font-size:18px; font-weight:normal; color:#0b131c; padding:5px 0 }
h3 { font-size:19px; color:#3e464e; padding:15px 0 4px 0; }
h4 { background:#333848; font-size:18px; color:#90d6d6; font-weight:normal; padding:8px 15px; margin-top:15px; }

.grigioProdotti h1 { font-size:22px; color:#00a7a6; font-weight:bold; padding:5px 0; }
.grigioProdotti h2 { font-size:19px; color:#00a7a6; font-weight:bold; padding-top: 4px; color:#3e464e; }


.sfondo_cover_zhero { background: url(../img/sfondo_cover_zhero.jpg) 0 0 #fff no-repeat; background-size: contain;  } 
.sfondo_cover_agora { background: url(../img/sfondo_cover_agora.jpg) 100% 0 #fff no-repeat; background-size: contain;  } 

.lineadividi { margin:0; padding:25px 0; border-bottom:1px solid #cad4d9}
.lineadividino { margin:0; padding:25px 0; border-bottom:none}
.alDx { float:none; padding-top:15px }
.alSx { float:left }

.alBottom { vertical-align:bottom; }

.evid { background:#1c1f27; padding: 9px 15px; float:left; clear:left }
p { font-size:15px; color:#3e464e; padding-bottom:25px; }
.grigioscuro p { font-size:15px; color:#dbdbdc; padding-bottom:25px; }
.grigioip p { font-size:15px; color:#dbdbdc; padding-bottom:25px; }
.grigioconsfumature p { font-size:15px; color:#dbdbdc; padding-bottom:25px; }
.grigioscuro_testoscuro p { font-size:15px; color:#3e464e; padding-bottom:25px; }


#Caratteristiche { list-style: none; padding: 50px 25px 40px 25px; margin: 25px 0; background-color:#f3f4f8; }
#Caratteristiche li { padding: 5px 0; }
#Caratteristiche li a, #Caratteristiche li a:link { }
#Caratteristiche li a:hover { color: #cf691e }

.boxFooter { padding:30px 15px; border-top:1px solid #f3f4f8; }
.titolo { font-size:20px; font-weight:bold; color:#3e464e; padding:0 }
.titoloverdeip { font-size:18px; font-weight:normal; color:#00a7a6; padding:0 }

.descrizione { font-size:15px; color:#3e464e; padding-bottom:25px; }

#Top {
    background-color: #18222c;
    border-radius: 2px 2px 0 0;
    bottom: 0;
    display: none;
    height: 42px;
    margin: 0;
    position: fixed;
    right: 20px;
    transition: background 0.15s ease-in-out 0s;
    width: 50px;
    z-index: 99;
}

.freccia { color: #fff; padding:15px 18px }


#Menu { list-style: none; padding: 0; margin: 0; background-color:#fff; font-size:18px; border:none; }
#Menu li { padding: 0; border-bottom: 1px solid #f2f4f6; }
#Menu li a, #Menu li a:link { padding: 12px 15px; display: block; font-weight: normal; color: #3e464e; text-decoration: none; text-align:center;  }
#Menu li a:hover { color: #3e464e; background-color:#f3f4f8; }



.logo { padding:45px 0; }
.boxprod { background-color: #fff; padding: 40px 20px; margin-bottom: 15px; }
.boxelementi { background-color: #33353b; padding: 40px 20px; margin-bottom: 15px;}

.boxelementi p { color: #fff; }
.boxelementi h3 { color: #fff; padding-top:0; }


.fondino { padding:8px 26px;  background-color: rgba(51, 53, 59, 0.8); }
.fondoslide { background-color: #f3f4f8; }
#spaziaslide { padding-bottom:80px; background-color: #333848; }


.lingue { font-size:12px; height:36px}
.lingue ul { position: relative; list-style: none; border-bottom: 0.7px solid #c6c6c6}
.lingue ul li { float:right; padding: 10px 10px 0 0; }
.lingue ul li a, .lingue ul li a:link { display: block; text-decoration:none }
.lingue ul li a:hover { text-decoration:none }

.jumbotron {
    margin-bottom: 0;
}

.navbar-nav > li > a {
    padding-bottom: 15px;
    padding-top: 7px;
}
/* ------------- da qui da 768px in su ------------------ */


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
#Menu { list-style: none; padding: 0; margin: 0; text-transform: uppercase; background-color:#fff; padding-right:0; border:none; font-size:12px; }
#Menu li { padding: 0; border-bottom: none;}
#Menu li a, #Menu li a:link { padding: 70px 6px; display: block; font-weight: normal; color: #98979c; text-decoration: none; border-top:5px solid #fff;}
#Menu li a:hover { color: #5a646f; background-color: #fff; border-top:5px solid #009da4; }
#Menu li.active > a { background-color: #b5bec4; color: #fff; font-weight: bold }
h1 { font-size:36px; }
h4 { margin-top:0 }

.grigioconsfumature { background: url(../img/color.jpg) 0 100% #333848 no-repeat; background-size: contain;  } 

.boxprod { margin-bottom: 0; min-height:900px }
.boxelementi { margin-bottom: 0; }
#spaziaslide { padding-bottom:80px; background-color: #333848; }	
.spaziatopsmall { padding: 20px 0 0 0; }
.alDx { float:right }
.spaziaprimo { padding:10px 0 120px 0; }

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
#Menu { font-size:14px; }
#Menu li a, #Menu li a:link { padding: 70px 10px; }
.boxprod { margin-bottom: 0; min-height:800px }
#spaziaslide { padding-bottom:0; background-color: #333848; }	
.spaziatopsmall { padding: 30px 0 0 0; }
.spaziaprimo { padding:80px 0 120px 0; }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
#Menu { font-size:15px; }
#Menu li a, #Menu li a:link { padding: 70px 15px; }
#spaziaslide { padding-bottom:0; background-color: #333848; }	
.spaziatopsmall { padding:50px 0 0 0; }
	
}