.body {margin: 0; padding: 0; font-family: 'Catamaran', sans-serif; font-size: 18px; color: #444; background:#fff; letter-spacing: 1px}
.body_u {margin: 0; padding: 0; font-family: 'Catamaran', sans-serif; font-size: 18px; color: #444; background:#000; letter-spacing: 1px}

a {font-family: 'Catamaran', sans-serif; font-size: 18px; text-decoration:none; color: #444; letter-spacing: 1px}
p {margin:0; padding:0; font-family: 'Catamaran', sans-serif; font-size: 18px; text-decoration:none; letter-spacing: 1px} 
input, textarea, select, option {font-family: 'Catamaran', sans-serif; font-size: 18px; color: #444; letter-spacing: 1px}
input[type="submit"] {padding: 10px; cursor:pointer; color: #444; font-size: 18px; background-color: #F3DA9B; border-radius: 5px; border:1px solid #CCC; font-family: 'Marcellus SC', serif; transition:.2s ease}
input[type="submit"]:hover {background-color: #A60000; color: #EEEEEE; transition:.2s ease}
.input_checkbox {margin: 0 0 0 20px; width: 20px; font-size: 20px}
.numero {text-align:center}

.video-responsive{overflow:hidden; padding-bottom:56.25%; position:relative; height:0; background: #000; min-width:320px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
.video-responsive iframe{left:0; top:0; height:100%; width:100%; position:absolute}

#header_wrapper {margin: 0; padding: 0; width: 100%; min-width:320px; height: 46px; background: #232323; text-align: center}
#header {margin:0 auto ; padding: 0; width: 1200px}
#header_l {margin:0; padding: 0; float:left}
#header_r {margin:0; padding: 0; float:right}
.header_ul {margin: 0; padding: 0; list-style: none}
.header_ul li {margin: 0; padding: 0; display: inline-block; vertical-align:top}
.header_ul li.icona {margin: 0; padding: 10px 0px 0px 0px}
.header_ul li.testo, .header_ul li.testo_r {margin: 0; padding: 10px 5px 0px 5px; color: #FFF; font-size: 16px}
.header_ul li a {margin: 0; padding: 0; color: #FFF; font-size: 16px}
.header_ul li.hspace {margin: 0; padding: 0; width: 30px}
#vismenu {margin: 0; padding: 10px 10px 0 10px; display: none; cursor: pointer}

#testata_wrapper {margin: 0; padding:0; width:100%; height:100px; clear: both; background: #FFF}
#testata_wrapper_d {margin: 0; padding:0; width:100%; height:100px; clear: both; background: #FFF}
#testata_wrapper_u {margin: 0; padding:0; width:100%; height:100px; clear: both; background: #000}
#testata   {margin: 0 auto; padding:0; width:100%; max-width:1200px; height:100px; background:url(img/testata_1200.jpg)}
#testata_d {margin: 0 auto; padding:0; width:100%; max-width:1200px; height:100px; background: #FFF)}
#testata_u {margin: 0 auto; padding:0; width:100%; max-width:1200px; height:100px; background: #000)}
#testata_logo_d {margin: 0 auto; padding:0; width:100px; height:100px; background:url(img/logo_neadea.jpg)}
#testata_logo_u {margin: 0 auto; padding:0; width:100px; height:100px; background:url(img/logo_valhom.jpg)}

#strillato {margin: 0 auto; padding: 5%; min-width:320px; width: 90%; max-width: 900px; text-align:center; font-size: 22px; color: #C7A537; background:#FFF; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}

/*===menu===*/
#menu   {margin: 0 auto; padding: 20px 0 30px 0; width: 100%; height:30px; clear: both; text-align: center; vertical-align:top}

#menu ul li:hover > ul{ display: block}
#menu ul {margin: 0; padding: 0; list-style: none; position: relative}
#menu ul:after {content: ""; clear: both; display: block}
#menu ul li {margin: 0; padding: 6px 10px 0 10px; height:27px; display: inline-block; font-family: 'Marcellus SC', serif}
#menu ul li a {margin: 0; padding: 0; color: #2F4D3F; display: block; font-size: 17px; font-family: 'Marcellus SC', serif}
#menu ul li a:hover {color: #D5A43B}
#menu ul li.attivo {color: #D5A43B;  font-size: 17px}

#menu ul ul {display:none; background: #999; padding: 0; position: absolute; top: 100%; width: 310px; text-align:left; z-index:100}
#menu ul ul li {height: 40px; width:100%; float: none; position: relative; font-family: 'Marcellus SC', serif}
#menu ul ul li a {color:#FFF; height: 40px; line-height: 40px; padding: 0px 10px 10px 10px; text-decoration:none; text-align:left; font-size: 17px; font-family: 'Marcellus SC', serif}	
#menu ul ul li a:hover {text-decoration: none}

#menu_u   {margin: 0 auto; padding: 20px 0 30px 0; width: 100%; height:30px; clear: both; text-align: center; vertical-align:top}

#menu_u ul li:hover > ul{ display: block}
#menu_u ul {margin: 0; padding: 0; list-style: none; position: relative}
#menu_u ul:after {content: ""; clear: both; display: block}
#menu_u ul li {margin: 0; padding: 6px 10px 0 10px; height:27px; display: inline-block; font-family: 'Marcellus SC', serif}
#menu_u ul li a {margin: 0; padding: 0; color: #CCC; display: block; font-size: 17px; font-family: 'Marcellus SC', serif}
#menu_u ul li a:hover {color: #A60000}
#menu_u ul li.attivo { color: #A60000;  font-size: 17px}

#menu_u ul ul {display:none; background: #999; padding: 0; position: absolute; top: 100%; width: 310px; text-align:left; z-index:100}
#menu_u ul ul li {height: 40px; width:100%; float: none; position: relative; font-family: 'Marcellus SC', serif}
#menu_u ul ul li a {color: #FFF; height: 40px; line-height: 40px; padding: 0px 10px 10px 10px; text-decoration:none; text-align:left; font-size: 17px; font-family: 'Marcellus SC', serif}	
#menu_u ul ul li a:hover {text-decoration: none}

.show {display:inline-block!important}

#chiusura_menu_wrapper {margin: 0; padding:0; width:100%; height:10px; clear: both}
#chiusura_menu_wrapper_u {margin: 0; padding:0; width:100%; height:10px; clear: both}

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

#wrapper_img_ss {margin: 0; padding: 0; width:100%; clear: both}
.img_ss {width:100%}

#pagina {margin: 0 auto; padding:0; width:100%; min-width:320px; max-width:1200px; clear: both}
.titolo {margin:0; padding:10px 0 10px; width:100%; height:80px; display:block; font-size:24px; font-family: 'Marcellus SC', serif; text-align:center}
.titolo_carrello {margin:0; padding:30px 0 20px 0; width:100%; display:block; font-size:24px; font-family: 'Marcellus SC', serif; text-align:center; font-weight:700}

.divisorio {margin: 0 auto; padding:0; width:100%; max-width:200px; height:33px; background:url(img/divisorio.jpg); background-size: cover}
.divisorio_d {margin: 0 auto; padding:0; width:100%; max-width:200px; height:33px; background:url(img/divisorio_d.jpg); background-size: cover}
.divisorio_u {margin: 0 auto; padding:0; width:100%; max-width:200px; height:33px; background:url(img/divisorio_u.jpg); background-size: cover}

.sez_2col {margin: 0 auto; padding:0; width:100%; min-width:320px; max-width:960px; clear: both}
.sez_2col ul {margin: 0; padding: 0; list-style: none;  display: table;}
.sez_2col ul li {margin: 0; padding: 0% 2% 0% 2%; width: 46%; display:table-cell; text-align:center; vertical-align:middle}
.sez_2col_img {margin: 0; padding: 0; width: 100%; max-width:450px}
.sez_2col_titolo {margin:0; padding:10px 0px 10px 0px; color: #444; font-size:30px; display:block; text-transform: uppercase}
.sez_2col_seconda_d {margin:0; padding:0px 0px 10px 0px; color: #AD8B2F; font-size:22px; display:block}
.sez_2col_seconda_u {margin:0; padding:0px 0px 10px 0px; color: #A50000; font-size:22px; display:block}
.slide_img_hp  {margin:0 auto; width:100%; max-width: 450px; position: relative; text-align: center;}
.img_switch {position: absolute; top: 0; left: 0}

.sez_promo {margin: 0 auto; padding:0; width:100%; min-width:320px; max-width:960px; clear: both; display:flex; align-content: center; flex-direction: row; justify-content: center}
.sez_promo_sx {margin: 0; padding:0% 3% 0% 3%; width:47%; min-width:320px; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
.sez_promo_dx {margin: 0; padding:0% 3% 0% 3%; width:53%; min-width:320px; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
.sez_promo_dx img {width:100%}

@media screen and (max-width:700px)
{
.sez_promo {flex-direction: column-reverse}
.sez_promo_sx, .sez_promo_dx {width:98%; padding:1%}
}


.pulsante_invio {padding: 3%; margin: 0; width: 94%; color: #444; font-size: 18px; background-color: #F3DA9B; border-radius: 5px; border:1px solid #CCC; display:block; font-family: 'Marcellus SC', serif}
.pulsante_invio_u {padding: 3%; margin: 0; width: 94%; color: #CCC; font-size: 18px; background-color: #444; border-radius: 5px; border:1px solid #CCC; display:block; font-family: 'Marcellus SC', serif}
.pulsante_invio:hover, .pulsante_invio_u:hover {cursor: pointer}

.griglia {margin: 0 auto; padding:0; width:100%; max-width:960px}
.griglia ul {margin: 0; padding: 0; list-style: none}
.griglia ul li.news {margin:10px; padding:0; width:300px; height:430px; float:left; display:inline-block}
.news_img {margin:0; padding:0; width:300px; height:300px; display:block; float:left}
.news_titolo {margin:0; padding:10px 0 10px; width:100%; height:130px; display:block; float:left; font-size:24px; text-align:center}
.griglia ul li.prodotti {margin:10px; padding:0; width:460px; height:440px; float:left; display:inline-block; text-align:center}
.prodotti_img {margin: 0; padding: 0; width: 100%; max-width:300px}

.griglia_rivenditori {padding: 0; margin: 0px auto; width: 960px; clear:both}
.rivenditori_nazione {color: #CDA434; text-align:center}
.rivenditore {margin: 10px; padding: 20px 10px 10px 10px; width: 278px; height: 185px; float: left; text-align:center; border:1px solid #CCC; border-radius:10px; display:block}

.strip_960 {margin: 20px 0px 0px 0px; padding:0; width:100%; max-width:1200px}
.strip_960_img {margin: 0; padding:0; width:100%}
.strip_960_testo {margin: 0; padding:2%; width:96%; max-width:1200px; text-align:center}

.profumo {margin: 0; padding: 0; font-family: 'Marcellus SC', serif; font-size: 30px; color: #CDA434}
.profumo_sottotitolo {margin: 0; padding: 0; font-family: 'Marcellus SC', serif; font-size: 20px; color: #CDA434}

.profumo_u {margin: 0; padding: 0; font-family: 'Marcellus SC', serif; font-size: 32px; color: #A60000}
.profumo_sottotitolo_u {margin: 0; padding: 0; font-family: 'Marcellus SC', serif; font-size: 22px; color: #A60000}

#social {margin: 0; padding: 0; list-style: none}
#social li {margin: 0; padding: 10px 5px; width:47px; height:47px; display: inline-block}

#cprgt_wrapper {margin: 0; padding: 0; font-size: 12px; color: #FFF; clear: both; text-align: center; background:#232323; width:100%; min-width:320px}
#cprgt_wrapper a {color: #FFF; font-size: 12px}

#loghi_chiusura {margin: 0 auto; padding:0; width:100%; min-width:300px; max-width:960px; clear: both; text-align:center}
#loghi_chiusura ul {margin: 0 auto; padding: 0; list-style: none;  display: table; text-align:center}
#loghi_chiusura ul li {margin: 0; padding: 0; width: 50%; display:table-cell; text-align:center; vertical-align:middle}

#socials {margin: 0 auto; padding:0; width:100%; min-width:300px; max-width:960px; clear: both; text-align:center}
#socials ul {margin: 0 auto; padding: 0; list-style: none;  display: table}
#socials ul li {margin: 0; padding: 0 10px 0 10px; display:table-cell; text-align:center; vertical-align:middle}

#paragrafo {margin: 0 auto; padding: 2% 5% 2% 5%; width:90%; text-align:justify}
#paragrafo_c {margin: 0 auto; padding:  2% 5% 2% 5%; width:90%; text-align:center}
#paragrafo a:hover, #paragrafo_c a:hover{color: #D5A43B}

#paragrafo_u {margin: 0 auto; padding:5%; width:90%; text-align:justify; color: #CCC}
#paragrafo_c_u {margin: 0 auto; padding:5%; width:90%; text-align:center; color: #CCC}
#paragrafo_u a, #paragrafo_c_u a {color: #CCC}
#paragrafo_u a:hover, #paragrafo_c_u a:hover{color: #FF0000}

#gallery {margin: 0 auto; padding:0; width:100%; max-width:960px}
#gallery ul {margin: 0; padding: 0; list-style: none; display:table}
#gallery ul li {margin:10px; padding:0; width:300px; float:left; display:table-cell}

.paragarafo_carrello {margin: 0 auto; padding:0; width:95%; max-width:960px}
.paragarafo_carrello_c {margin: 0 auto; padding:0; width:95%; max-width:960px; text-align:center}

#areariservata {margin: 0 auto; padding:0; width:100%; max-width:960px}
#areariservata ul {margin: 0; padding: 0; list-style: none; position: relative}
#areariservata ul li {margin: 1%; padding: 0%; width: 98%; text-align:center}
#areariservata ul li a {margin: 0%; padding: 2%; background: #232323; border: 0; color: white; display: block; font-size: 17px; font-family: 'Marcellus SC', serif}

@media screen and (max-width:1200px)
{
#header {margin:0 auto ; padding: 0; width: 100%}
#testata {width:640px; background:url(img/testata_640.jpg)}
}

@media screen and (max-width:960px)
{
.show {display:inline-block!important; height:245px!important}

#vismenu {display: inline-block}

#menu {display: none; padding: 0; width:100%}
#menu ul {margin: 0; padding: 0; position: relative; list-style: none}
#menu ul li {margin: 0; padding: 5px 0 0 0; float: none; display: block; width: 100%; height:30px; border-right: 0}
#menu ul li a {margin: 0; padding: 0; color: #2F4D3F; height: 28px; display: block}
#menu ul li.attivo {margin: 0; padding: 5px 0 0 0; color: #D5A43B}
#menu ul li:hover > ul{ display: none}

#menu_u {display: none; padding: 0; width:100%}
#menu_u ul {margin: 0; padding: 0; position: relative; list-style: none}
#menu_u ul li {margin: 0; padding: 5px 0 0 0; float: none; display: block; width: 100%; height:30px; border-right: 0}
#menu_u ul li a {margin: 0; padding: 0; color: #CCC; height: 28px; display: block}
#menu_u ul li.attivo {margin: 0; padding: 5px 0 0 0; color: #A60000}
#menu_u ul li:hover > ul{ display: none}

#hp_bottom {margin:0 auto ; padding: 2%; width: 96%}

input, textarea, option, select {margin: 0 ; padding:0; width:100%}
input[type="submit"]  {margin: 0px 0px 1% 0px; width:100%}

.griglia {width:640px}
.griglia_rivenditori {width: 640px}
}

@media screen and (max-width:700px)
{
.sez_2col ul {display: block}
.sez_2col ul li {margin: 0 auto; padding: 1%; width:98%; display: block}
#loghi_chiusura ul li {width: 100%; display: block}
}

@media screen and (max-width:640px)
{
.header_ul li.testo {display: none} 
.header_ul li.hspace {width: 15px}
#testata {width:320px; background:url(img/testata_320.jpg)}
.griglia {width:320px}
.griglia_rivenditori {width: 320px}
}

@media screen and (max-width:280px)
{
.header_ul li.testo_r {display: none} 
}

#continua_shopping {margin: 0; padding: 0; width: 100%; min-width: 320px; max-width: 1200px}
#continua_shopping ul {margin: 0; padding: 0; position: relative; font-size: 0; list-style: none}
#continua_shopping ul li {margin: 0; padding: 20px 0 0 0; font-size: 18px; width: 49.9%; display:inline-block; text-align: center}

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

#griglia_spedizione {display:none}