body {font-family: 'Cairo', sans-serif; background: url(img/bg.jpg) repeat 0 0; margin: 10px 0px 10px 0px; font-size: 16px; line-height: 20px; color: #333; display: block}
input, select, textarea {margin: 0; padding: 0; font-family: 'Cairo', sans-serif; font-size: 16px; color: #333}
a {margin: 0; padding: 0; color: #333; text-decoration:none; font-family: 'Cairo', sans-serif;}
a:hover {color:#F00}
h1 {padding: 20px; color:#F00; text-align: center; font-size: 30px; color: #3177B8}

#pagina{margin: 0px auto; padding: 0px; width:960px; background: #fff; border:1px Solid #CCC; border-radius: 5px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);}

#top_menu {margin:0; padding:10px 0px 10px 0px; width:100%; text-align:right; border-bottom:1px solid #CCC}
#top_menu ul {margin: 0; padding: 0; list-style: none; vertical-align:top;}
#top_menu li {margin: 0; padding: 5px 10px 5px 10px; display: inline-block; border-right: 1px solid #CCC; vertical-align:top;}
#top_menu li.testo {margin: 0; padding: 5px 0px 5px 10px; display: inline-block; border-right: none; vertical-align:top;}
#top_menu li.instagram {margin: 0; padding: 0px 10px 0px 10px; display: inline-block; border-right: none; vertical-align:top;}


#menu_wrapper {margin:0; width:100%; height:190px; clear:both}
#menu_l {margin:30px 0px 30px 0px; height:98px; width:100%; text-align:center}
#menu_r {margin:0; width:100%; height:20px}

#vismenu {margin: 0; padding: 0; display: none}
.show {display:inline-block!important}

#menu {margin: 0 auto; padding: 0; width: 100%; text-align: center; vertical-align:top; clear: both}
#menu ul {margin: 0; padding: 0; list-style: none; z-index:1000}
#menu ul li {margin: 0; padding: 0; font-size: 14px; height:20px; display: inline-block}
#menu ul li a {margin: 0; padding: 20px 4px 4px 4px; font-size: 14px; color: #2F3499; display: block}
#menu ul li a:hover {color: #FFF; background:#2F3499}
#menu ul li.attivo {margin: 0; padding: 20px 4px 4px 4px; height:20px; color: #FFF; background:#2F3499}

.sep_blu {margin:0; padding:0; width:100%; height:10px; border-top: 4px solid #2F3499; clear:both}
.sep_bianco {margin:0; padding:0; width:100%; height:30px; clear:both}
.sep_bianco_10 {margin:0; padding:0; width:100%; height:10px; clear:both}

#ss {margin:0; padding:0; width:960px}
.img_ss {width:960px}

#strillato {margin:10px; padding:10px; width:918px; font-size: 22px; color:#F00; font-weight:700; text-align:center; background:#EEE; border:1px Solid #CCC; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2)}
.paragrafo {margin:10px; padding:10px; width:920px; text-align:center; background:#FAFDFF; border:1px solid #CCC}
.paragrafo_g {margin: 10px; padding:20px; width:898px; text-align:justify; background:#FAFDFF; border:1px solid #CCC}
.titolo {margin:0px; padding:10px 0px 15px 50px; font-size: 24px; color: #2F3499; background:url(img/titolo_sx.jpg) no-repeat 10px 0px; line-height:30px}
.sottotitolo {margin:0; padding:0; width:100%; height:30px; font-size: 22px; color:#3177B8}

.griglia {margin:0px auto; padding:0; width:100%; height:auto; clear: both}
.cella {margin: 10px; padding: 0; width: 298px; height: auto; float: left; text-align:center; background:#FAFDFF; border:1px solid #CCC}
.cella_gallery {margin: 10px; padding: 10px; width: 278px; height: auto; float: left; text-align:center; background:#FAFDFF; border:1px solid #CCC}

.articolo_tit {margin: 0; padding: 20px 10px 10px 10px; width: 278px; height:60px; font-size: 20px; color:#3177B8}
.articolo_img {margin: 0; padding: 0; width: 298px; height:278px}

.prodotto_tit {margin: 0; padding: 20px 10px 10px 10px; width: 278px; height:60px; font-size: 20px; color:#3177B8}
.prodotto_img {margin: 0px 0px 10px 0px; padding: 0; width: 298px; height:278px}

.marche_tit {margin: 0; padding: 20px 10px 10px 10px; width: 278px; height:60px; font-size: 20px; color:#3177B8}
.marche_img {margin: 0px 0px 10px 0px; padding: 0; width: 298px; height:278px}

.articoli_cella {margin: 10px; padding: 0; width: 298px; height:398px; float: left; text-align:center; background:#FAFDFF; border:1px solid #CCC; position:relative}
.articoli_tit {margin: 0; padding: 20px 10px 10px 10px; width: 278px; height:80px; font-size: 20px; color:#3177B8}
.articoli_img {margin: 0px 0px 10px 0px; padding: 0; width: 298px; height:278px}
.articoli_promo {position:absolute; bottom:0px; right:0px; width:100px; height:100px; background-image:url(img/promo.png)}
.articoli_novita {position:absolute; bottom:0px; left:0px; width:100px; height:100px; background-image:url(img/novita.png)}

.rlz_tit {margin: 0; padding: 20px 10px 10px 10px; width: 278px; height:60px; font-size: 20px; color:#3177B8}
.rlz_tit_scheda {margin: 0; padding: 20px 10px 10px 10px; width: 100%; height:60px; font-size: 20px; color:#3177B8}
.rlz_img {margin: 0px 0px 10px 0px; padding: 0; width: 298px; height:223px}

.news_cella {margin: 10px; padding: 0; width: 938px; height:auto; float: left; background:#FAFDFF; border:1px solid #CCC; text-align:justify}
.news_tit {margin: 0; padding: 20px 10px 10px 10px; width:898px; font-size: 20px; color:#3177B8; clear:both}
.news_testo {margin: 0; padding: 0px 10px 10px 10px; width:898px; clear:both}

.shadow {-webkit-box-shadow: -4px -4px 10px 0px rgba(30, 30, 30, 0.4); -moz-box-shadow: -4px -4px 10px 0px rgba(30, 30, 30, 0.4); box-shadow: -4px -4px 10px 0px rgba(30, 30, 30, 0.4); -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);}

#chiusura {margin: 0; padding: 20px 0px 0px 0px; width: 100%; background: #CFD6DD; clear:both}
#chiusura ul {margin:0 ; padding: 0; list-style: none}
#chiusura ul li {margin: 0; padding: 0; width: 33.333%; display: block; vertical-align: top; float:left; font-size: 14px; text-align:center; color:#3177B8}
#chiusura ul li h1 {margin: 0px 0px 10px 0px; padding: 0; font-size: 18px; color: #6A747D}
#chiusura ul li b {color: #033700; font-size: 24px}
#chiusura ul li a {margin: 0; padding: 0; font-size: 14px; color:#3177B8}
#chiusura ul li a:hover {color:#F00}
#chiusura ul li.attivo {color:#2F3499}

#cprgt_wrapper {margin: 0; padding: 2%; width: 96%; clear: both; text-align: center; font-size: 14px; color:#333}

#scheda_img {margin: 0; padding: 0%; width: 100%; max-width:600px}
#scheda_dati {margin: 0; padding: 0%; width: 100%; clear: both}
.scheda_dati_cella {margin: 0; padding: 1%; width: 98%; text-align:center}
.scheda_bold {margin: 0; padding: 0; font-size: 20px; color:#3177B8}
.anipuls {margin: 0; padding: 10px 0px 10px 0px; display: inline-block; width: 100%; font-size: 22px; color:#F00; background:#FFF; border: 1px solid #ccc; clear: both}

#modulo_richiesta {margin: 0; padding: 0; width: 920px; text-align: center}
#modulo_richiesta ul {margin: 0; padding: 0; list-style: none}
#modulo_richiesta ul li {margin: 0; padding: 10px 10px 10px 0px; display: inline-block; vertical-align: middle}
#modulo_richiesta ul li.label {margin: 0; padding: 10px 10px 10px 0px; width: 200px; text-align:right; vertical-align:middle}
#modulo_richiesta ul li input {margin: 0; padding: 0; width: 400px}
#modulo_richiesta ul li textarea {margin: 0; padding: 0; width: 400px}

@media screen and (max-width:984px)
{
body {margin: 0; padding: 0}
#pagina{width:100%; border:none; border-radius: 0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none}
#pagina{width:99%}
#top_menu {text-align:center}

#vismenu {display: inline-block; cursor: pointer; width:100%; text-align:center}

#menu {display: none; padding: 0}
#menu ul {margin: 0; padding: 0; position: relative; list-style: none}
#menu ul li {margin: 0; padding: 0; float: none; display: block; width: 100%; height:35px; background:#FFF; border-bottom:1px dashed #2F3499; border-left:1px dashed #2F3499; border-right:1px dashed #2F3499}
#menu ul li a {margin: 0; padding: 10px 0px 0px 0px; display: block; width:100%; height:35px}
#menu ul li.attivo {margin: 0; padding: 10px 0px 0px 0px; color: #FFF; background:#2F3499}
#ss {width:100%}
.img_ss {width:100%}

#strillato {margin:1%; padding:1%; width:96%}
.paragrafo {margin:1%; padding:1%; width:96%}
.paragrafo_g {margin:1%; padding:1%; width:96%}

.news_cella {margin:1%; padding:1%; width:96%}
.news_tit {margin: 0; padding: 2% 1% 2% 1%; width:98%}
.news_testo {margin: 0; padding: 0% 1% 1% 1%; width:98%}
}

@media screen and (max-width:984px)
{
.griglia{width:640px}
}

@media screen and (max-width:660px)
{
.griglia {width:320px}
.scheda_dati_cella {margin: 0; padding: 1%; width: 98%; float:left; text-align:center}
}

@media screen and (max-width:640px)
{
#chiusura ul li {margin: 0; padding: 0; width: 100%; vertical-align: top; font-size: 14px; color:#3177B8; text-align:center}
}

@media screen and (max-width:600px)
{
#top_menu li {border-right:none}
#top_menu li.testo {display: none}
#menu_l {height:auto}
}

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

#topcontrol, #goback {margin: 0; padding: 0; width:51px; height: 51px; 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 #D00; transition: 0.4s}