* {margin: 0; padding: 0; font-family: 'Krub', sans-serif; font-size: 17px; color: #333; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box}
.clearfix::after {content: ""; clear: both; display: table}

.shadow {
-webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    4px 4px 10px 0px rgba(50, 50, 50, 0.4);
box-shadow:         4px 4px 10px 0px rgba(50, 50, 50, 0.4);
}

body {background: #FFF}
a {color: #333; text-decoration: none}

#testata {margin: 0px auto; padding: 20px; width:100%; min-width:320px; background: url(img/sfondo_logo.gif); background-repeat: no-repeat; background-size: cover; background-position: center top; border-bottom: 1px solid #ccc}
#testata h1 {font-family: 'Spectral SC', serif; font-size: 26px; text-align: center; font-weight: 400; text-decoration: underline}
#testata h2 {font-family: 'Krub', sans-serif; font-size: 20px; text-align: center; font-weight: 400}

.vspace {margin: 0; padding: 0; width:100%; height: 40px; clear: both}

#strillato {margin: 0 auto; padding: 5%; width: 90%; max-width: 960px; text-align:center; font-size: 22px; color: #F00; background:#FFF; border-radius: 5px}

#pagina_wrapper {width: 100%; }
#pagina {margin: 0 auto; width:960px; min-width:320px; background: #FFF}

@media screen and (max-width:960px)
{
#pagina {width:100%}
}

#pagina h1 {padding: 60px 0 30px 0; font-family: 'Spectral SC',serif; font-size: 30px; color:#003d99; text-align:center}
#pagina h1::after {content:''; margin: 1px 0 0 0; width: 100%; display:block; height:1px; background: #003d99} 
#pagina h2 {padding: 30px; font-family: 'Spectral SC',serif; font-size: 20px; color:#003d99; text-align:center}

#wrapper_img_hp {clear: both; display:block; z-index:0}
#ss {margin:0; padding:0; width:100%; position:relative; font-size:0}
.img_hp {width:100%; display:block}
.hidden {position:absolute; top:0; left:0}

.paragrafo {padding: 0 20px; font-size: 17px; color: #333; text-align:justify; line-height:26px}
.paragrafo_c {margin: 0 auto; padding: 0 20px; width:100%; text-align:center; font-size: 22px; color: #333; line-height:26px}

.img_tagliabue {margin: 0 auto; width: 454px}
@media screen and (max-width:600px)
{
  .img_tagliabue {width: 100%}
}

.griglia {margin:0px auto; list-style: none; font-size:0; width: 1440px}
.anteprima {margin:15px; padding: 16px; width: 440px; display:inline-block; overflow: hidden; font-size: 0; border: 1px solid #aaa; border-radius: 10px}
.anteprima_img {width: 100%; font-size: 0; border-radius: 10px; position:relative; overflow:hidden; text-align:center}
.anteprima_img img {width: 100%; transition: .1s}
.anteprima_nome_prodotto {padding: 20px; width: 100%; font-family: 'Spectral SC', serif; font-size: 25px; color:#003d99; text-align:center}
.anteprima_scheda {padding: 10px 0 10px 0; height:50px; font-size: 22px; display: block; text-align:center; line-height:30px}
.pulsante {color: #FFF; background: #333; transition: ease .4s;  border-radius: 10px}
.pulsante:hover {background: #003d99; transition: ease .4s}
.anteprima a i {padding: 0 10px 0 10px; font-size: 20px; color: #FFF; display:inline-block; transition: 0.4s}

.img_scale {transform: scale(1.1); transition: ease .5s}

.shadow {
-webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    4px 4px 10px 0px rgba(50, 50, 50, 0.4);
box-shadow:         4px 4px 10px 0px rgba(50, 50, 50, 0.4);
transition: ease .2s

}

@media screen and (max-width:1440px)
{
.griglia {width:960px}
}

@media screen and (max-width:980px)
{
.griglia {width:480px}
}

@media screen and (max-width:480px)
{
.griglia {width:100%}
.anteprima {margin:5%; padding: 5%; width: 90%}
}

#griglia_valori {padding: 0 20px; width:100%; min-width:320px}
.griglia_valori_linea {width:100%; display: inline-block}
.griglia_valori_linea_sx {margin: 0; padding: 0; width:30%; display: inline-block; vertical-align: middle; text-align: center}
.griglia_valori_linea_dx {padding: 0; width:60%; display: inline-block; vertical-align: middle; text-align: justify}

@media screen and (max-width:800px)
{
  .griglia_valori_linea_sx {width:100%}
  .griglia_valori_linea_dx {width:100%}
}

.categoria {margin: 40px 2% 50px 2%; padding: 2%; width: 96%; display:inline-block; overflow: hidden; font-size: 0; border: 1px solid #aaa; border-radius: 10px}
.categoria_img {width: 100%; font-size: 0; border-radius: 10px; position:relative; overflow:hidden; text-align:center}
.categoria_nome_prodotto {padding: 40px 20px 20px 20px; width: 100%; font-family: 'Spectral SC', serif; font-size: 30px; color:#003d99; text-align:center}
.categoria_scheda {padding: 10px 0 10px 0; height:50px; font-size: 22px; display: block; text-align:center; line-height:30px}
.categoria a i {padding: 0 10px 0 10px; font-size: 22px; color: #FFF; display:inline-block; transition: 0.4s}

#prodotto {margin: 40px 2% 50px 2%; padding: 2%; width: 96%; display:inline-block; overflow: hidden; font-size: 0; border: 1px solid #aaa; border-radius: 10px}
#prodotto_img {width: 100%; font-size: 0; border-radius: 10px; position:relative; overflow:hidden; text-align:center}
#prodotto_nome_prodotto {padding: 40px 20px 20px 20px; width: 100%; font-family: 'Spectral SC', serif; font-size: 30px; color:#003d99; text-align:center}
#prodotto_testo {padding: 20px; width: 100%; font-size: 17px; text-align:center}
#prodotto a i {padding: 0 10px 0 10px; font-size: 22px; color: #FFF; display:inline-block; transition: 0.4s}

.gallery_container_center {text-align: center}
.gallery_container {list-style: none; font-size: 0;}
.gallery {margin:0; padding: 2%; display:inline-block; min-width: 150px; width:30%; max-width:320px}
.gallery a, .gallery a img{width:100%}

.img_gallery {transform: scale(1); transition: ease .2s; border-radius: 10px}
.img_gallery:hover {transform: scale(1.1); transition: ease .2s}

#topcontrol, #goback {margin: 0; padding: 0; width:43px; height: 43px; z-index: 1000; background: rgba(255,255,255,0.5); border-radius:50%; border: 1px solid #333; transition: 0.4s}
#topcontrol:hover, #goback:hover {border: 1px solid #05419b;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 51, 153, 0.4);
  -moz-box-shadow:    0px 0px 15px 0px rgba(0, 51, 153, 0.4);
  box-shadow:         0px 0px 15px 0px rgba(0, 51, 153, 0.4);

  transition: ease .2s
}

.pulsante_contatti {margin: 2%; padding: 10px 0 10px 0; height:50px; width:46%; font-size: 22px; display: inline-block; text-align:center; line-height:30px}

#riga_chiusura {margin: auto; padding: 20px; width: 90%; width: 100%;  text-align: center; display: block; font-size: 0; background: #AAA}
.titolo_chiusura {font-family: 'Spectral SC', serif; font-size: 24px; font-weight: 700; color: #333} 
.cella_contatti  {padding: 10px; display:inline-block}
.cella_contatti a  {font-size: 20px; color: #333; display:inline-block; transition: 0.4s}
.cella_contatti a:hover, .cella_contatti a:hover i {color: #039; transition: 0.4s;}
.cella_contatti a i {padding: 0 10px 0 10px; font-size: 35px; font-weight: 700; color: #FFF; display:inline-block; transition: 0.4s}

#cprgt {margin: 0 auto; padding: 20px 0 20px 0; width: 100%; color:#AAA; font-size: 11px; background: #333;text-align: center}
#cprgt a {color:#AAA; font-size: 11px}
#cprgt a:hover {color:#3385FF}

#richiesta {padding: 0; margin: 0px auto; clear:both; text-align:center}
#richiesta a {display: inline-block; margin:0 10%; padding:20px; color: #fff; font-size: 25px; background-color: #3385FF; border-radius: 15px}