
body {
	color:#000; font-family: 'Nunito', sans-serif; line-height:normal;
	background:#060606 url(/images/background.png) top left repeat-x; box-sizing:border-box; font-size: 16px
}

* { max-width: 100% }

*:focus {border:0; outline:none !important; box-shadow:none !important;}

.left { float:left }
.right { float:right }
.clear { clear:both }
.middle { vertical-align:middle }
.center { text-align: center }
.hidden { display:none }
.block { display:block }
.inline-block { display:inline-block; vertical-align:top }
ul, li { list-style-type:none }
ul.list { list-style-image:url(../images/list_disk.png); margin-left:15px }

a:link, a:visited { color:#000; text-decoration:none }
a:hover, a.active { color:#333; text-decoration:none }
a.linkRed:link, a.linkRed:visited { color:#d94a43; text-decoration:none }
a.linkRed:hover, a.linkRed.active { color:#d94a43; text-decoration:underline }
a.linkWhite:link, a.linkWhite:visited { color:#FFF; text-decoration:none }
a.linkWhite:hover, a.linkWhite.active { color:#FFF; text-decoration:underline }

p { padding-bottom:10px; text-align:justify }

h1 { font-size:1.5em; color:#000; font-weight:normal }
h1.title { color:#FFF; text-align:left; font-style:italic; background-color: red; line-height:50px; margin-bottom:5px; }
h1.title a { color:#FFF; text-decoration:underline }
h1.title_black { color:#FFF; background-color:#000; line-height:50px; text-align:center }
h1.title_black a { color:#FFF; text-decoration:underline }
h1.title_grey { color:#FFF; background-color:#333; line-height:50px; text-align:center }
h1.title_red { color:#FFF; background-color:#e20a16; line-height:50px; text-align:center }
h1.title_red a { color:#FFF; text-decoration:underline }
h1.title_small { color:#e20a16; font-style:italic; background:#f7f7f7; background:-moz-linear-gradient(100% 100% 180deg, #d4d4d4, #f7f7f7); text-align:center; font-size:2em; margin-top:5px; border-bottom:2px solid #e20a16; transition: background 0.3s ease; }
h1.title_small:hover { background:#FFF }
h1.title_small a { color:#000; width:100%; line-height:50px; display:block }
h2 { font-size:1.2em; color:#e20a16; font-weight:normal }
h3 { font-size:1.1em; color:#333 }

input { border:1px solid #CCC; line-height: 20px; padding: 0 5px 0 5px; background-color:#FFF; }
input:focus { border:1px solid #eee }
textarea { background-color:#FFF; border:1px solid #CCC }
button { background-color:#333; border:0; color:#FFF; cursor:pointer; transition: background 0.3s ease; line-height: 30px; padding: 0 10px 0 10px }
button:hover { background-color:#e20a16 }
button.red { background-color:#e20a16; color:#FFF; font-weight:bold; line-height: 30px; padding: 0 10px 0 10px; transition: background 0.3s ease;  }
button.red:hover { background-color:#F00 }
.login_error input { border:1px solid #F00 }
.login_error span { display:inline-block }

.border { border: 2px solid #FFF; margin:5px 10px 10px 5px }
.border_left { float:left; border: 2px solid #FFF; margin:5px 10px 10px 5px }
.border:hover { border:2px solid #000 }
.border_white { border: 2px solid #FFF; margin-right:13px }
.border_grey { border: 1px dashed #CCC; padding: 10px }

.small { font-size:85% }
.big { font-size:120% }
.very_big { font-size:150%; font-weight: 700}
.very_small { font-size:80% }
.grey { color:#333 }
.red { color:#d94a43 }
.green { color:#090 }
.white { color:#FFF }

a img { focus: }
img.scala { max-width:100%; height:auto; width: auto; }
#background { position:relative; z-index:1 }

#container { max-width: 100%; margin: 0 auto }

#header { text-align:center; background-color: #000; position: sticky; top:0; z-index: 2000; padding-bottom:10px;  border-bottom: 1px solid #666 }

.top_alert_green { background-color:lightgreen; color: #FFF; line-height: 28px; text-align: center; font-size: small; overflow: visible; margin-top: -10px; margin-bottom: 10px; }
.top_alert_red { width: 100%; position: relative; background-color:#d80027; color: #FFF; line-height: 28px; text-align: center; font-size: small; margin-bottom: 10px; }
.top_alert_green a, .top_alert_red a { color: #FFF; margin-top: -10px; margin-bottom: 10px; }

#top { max-width: 950px; margin: 0 auto; color: #eee }
#top img, #top i { margin-right: 5px }
#top a:link, #top a:visited { color: #eee; }
#top a:hover { color: #FFF; }

.logo { max-height: 110px; }
#menu_top ul { display: inline-block; vertical-align: middle }
#menu_top ul li { display: inline-block; vertical-align: middle; border-left: 1px solid #eee; padding-left: 10px; padding-right: 5px }
#menu_top ul li:last-child { border-left: 0; padding: 0 }
#menu_top ul li a:hover { color: #FFF }

#top button { background: none; cursor: pointer }
#top button:hover { background: none;  }

#menu_selection { background-color: #171515; color: #eee; padding: 30px; }
#menu_selection_int { max-width: 950px; margin: 0 auto }
#menu_selection #social { float: left; width: 40%; text-align: left; }
#menu_selection #social i { font-size: 35px; margin: 10px 10px 0 0 }
#menu_selection #menu { float: right; width: 30%; text-align: right; }
#menu_selection .separator { border-bottom: 1px dashed #666; margin-bottom:15px }
#menu_selection .separator2 { border-bottom: 1px dashed #666; margin-bottom:15px; display: none; }
#menu_selection ul { padding-bottom: 20px }
#menu_selection a:link, #menu_selection a:visited { color: #eee; }
#menu_selection a:hover, #menu_selection a.active { color: #FFF; }
#menu_selection ul:first-child a:link, #menu_selection ul:first-child a:visited { display: block; line-height: 30px; background-color: #333; padding: 0 7px 0 7px; margin-bottom: 5px; transition: all 0.3s ease; }
#menu_selection ul:first-child a:hover { background-color: #666; text-decoration: none }
#menu_selection li.outlet { padding-top: 8px }

#language_selection { display:none; padding:10px; background-color:#f7f7f7; text-align:center; font-size:90% }
#language_selection li { display: inline-block; padding-right: 20px }
#language_selection li a:link, #language_selection li a:visited { color:#333 }
#language_selection li a:hover, #language_selection li a.active { color:#e20a16 }

#login_window { line-height:15px; background-color:#eee; padding:20px 0 20px 0;  }


#crumbs { background-color: #FFF; line-height: 30px; text-align: center }

#photo_top { text-align: center }
#photo_top img { max-width: 100%; }
#photo_top_mobile { display: none; }
#photo_top_mobile img { max-width: 100%; }

#contents { margin: 0 auto; padding:20px; padding-bottom: 40px; background-color: #FFF }

#page { width:980px; max-width: 100%; margin:0 auto; background:#FFF; min-height:400px; margin-bottom:5px; position:relative }

#page_small { width:580px; max-width: 100%; display: inline-block; vertical-align: top }

#page_left { text-align:left; display:inline-block; vertical-align:top; width:470px; background:rgba(255, 255, 255, 0.7); border-radius:10px; padding:30px  }
#page_right { text-align:left; display:inline-block; vertical-align:top; width:470px; background:rgba(255, 255, 255, 0.7); border-radius:10px; padding:30px; margin-left:20px }

#right { width:300px; display: inline-block; vertical-align: top; }

.page_box { width:48%; min-height:430px; display:inline-block; vertical-align:top; background-color:#c7c7c7; transition: all 0.3s ease; margin:0; margin-bottom:10px }
.page_box:nth-child(odd){ margin-right:6px }
.page_box:hover { background-color:#999 }
.page_box .image { overflow:hidden }
.page_box .image img { width:100%; border-bottom:3px solid #eee }
.page_box .text { padding:10px }


#products { text-align:center; width: 980px; max-width: 100%; margin: 0 auto }

.header { padding: 10px 0; background:#333; text-align: center }
.header_white { text-align:center; line-height:50px; background:#eee; position:relative }
.header a { color:#FFF }
.header p a { color:#eee }
.header h1 { color:#FFF; font-style:italic }
.header p { color:#FFF; font-style:italic; padding:0 }

#products_home { text-align: center }
#products_home a:hover { text-decoration: none }
#products_home div { width: 450px; max-width: 100%; padding-top: 20px; display: inline-block; vertical-align: top; text-align: left }
#products_home div h1 { display: inline-block; line-height: 35px; color: #000; font-size: 2em; font-weight: bold; }
#products_home div p { display: inline-block; padding-left: 10px }
#products_home ul { text-align: center; padding-top: 10px; border-top:1px dashed #CCC }
#products_home ul li { padding-bottom: 30px }
#products_home ul li h1 { display: block; width: 100%; background-color:#000; color: #FFF; font-size: 1.2em; padding: 0 15px 0 15px; transition: all 0.3s ease; }
#products_home ul li p { display: block; width: 100%; text-align: center; padding: 5px 0 0 0; font-size: 0.9em; text-transform: uppercase }
#products_home ul li:hover h1 { background-color: #000 }
#products_home ul li img { max-height: 220px; max-width: 100% }


.subcategories { border-bottom: 1px solid #CCC; padding-top: 20px }
.subcategories:last-child { border: 0 }

.category { display: inline-block; vertical-align: top; width: 18%; }
.category h1 { margin: 20px; font-size: 2em; font-weight: bold; }

.products_list { width: 81%; display: inline-block; vertical-align: top; text-align: left; padding-bottom: 20px }

.products_list a:hover { text-decoration: none }
.products_list li { width: 49%; display: inline-block; vertical-align: top; padding-bottom: 70px; text-align: center; padding: 35px 15px 35px 15px; border-left: 2px solid #eee; }
.products_list li.small { width: 32%; display: inline-block; vertical-align: top; padding-bottom: 70px; text-align: center; padding: 35px 15px 35px 15px; border-left: 2px solid #eee; }
.products_list li h1 { display: block; width: 100%; font-size: 1.2em; font-weight: bold; border-bottom: 1px dashed #CCC; padding-bottom: 5px }
.products_list li .image { padding-bottom: 5px; text-align: center; }
.products_list li img { max-width: 100% }
.products_list li .text {  }
.products_list li p { display: block; width: 100%; text-align: center; padding: 5px 0 0 0; font-size: 0.9em; text-transform: uppercase }

#mozzi { text-align:center }
#mozzi .header:nth-child(odd) { background:rgba(0, 0, 0, 0.6);  }
#mozzi .header:nth-child(even) { background:rgba(0, 0, 0, 0.6); }
#mozzi .product_home article .text { background:rgba(151, 153, 155, 0.6); }
#mozzi .product_home article:hover .text { background:rgba(0, 0, 0, 0.6); }
#mozzi h1.title { background:rgba(0, 0, 0, 0.6); }
#mozzi .products_list article .text { background:rgba(151, 153, 155, 0.6); }
#mozzi .products_list article:hover .text { background:rgba(0, 0, 0, 0.6); }

.zoom {
	position: absolute;
	top:20px; left: 0; right: 0;
    opacity: 0;
    transition: .3s ease;
    /*background-color: rgba(0, 0, 0, 0.3);*/
}
.zoom i { font-size: 2em; color:#666 }

.product_image:hover img {
  opacity: 0.8;
}
.product_image:hover .zoom {
  opacity: 1;
}


#product { padding:20px 0 30px 0; text-align:center }

.product_price { line-height: 30px; padding: 8px 0 8px 0; background-color: #FFF; text-align: center; font-size: 1.2em }

#product_highlights { background-color: #e20a16; color: #FFF; text-align: center; font-size: 1.2em; font-style: italic; }
#product_highlights ul { padding: 50px 0 50px 0; }
#product_highlights li { display: inline-block; vertical-align: top; border-right: 1px solid #FFF; padding-right: 35px; padding-left: 35px }
#product_highlights li:last-child { border: 0 }
#product_highlights .big { font-size: 2.5em }

#product_mozzo { background-color: #FFF; text-align: center; border-bottom: 1px dashed #CCC }
#product_mozzo .mozzo_image { width: 49%; display: inline-block; vertical-align: middle; text-align: right; }
#product_mozzo .mozzo_image img { width: 400px; max-width: 100%; margin-right: 20px }
#product_mozzo .mozzo_text { width: 49%; display: inline-block; vertical-align: middle; text-align: left; color:#000 }
#product_mozzo .mozzo_text h1 { color:#000 }



.product_image { text-align: center; position: relative; width: 100% }
.product_image:hover {
  cursor: pointer;
}
.product_image img { width: 950px; max-width: 100%; transition: .3s ease; }

.product_images { text-align: center; }
.product_images:hover {
  cursor: pointer;
}
.product_images img { max-width: 100%; }
/*.product_images img { width: 500px; max-width: 49%; transition: .3s ease; }*/

/*
.product_images:hover img {
  opacity: 0.8;
}
*/
#images { background-color: #FFF }
#images .carousel { max-width: 100%; margin: 0 auto }
#images .carousel-inner { text-align: center; }
#images .carousel-item img { width: 950px; max-width: 100% }

#images .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f00' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
#images .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f00' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
#images .carousel-caption { position:static;; color: #000;  }

#product hgroup { background:rgba(226, 10, 22, 1); color:#FFF; padding:10px; text-align:center; margin-top:5px; margin-bottom: 20px }
#product .greybox { background-color:#eee; padding:10px; text-align:left }

#product .scheda_tecnica { display: table }
#product .scheda_tecnica li { text-align: left; display:table-row }
#product .scheda_tecnica .text { text-align: left; padding:10px }
#product .scheda_tecnica .image { text-align: left; padding-left:10px; padding-bottom: 10px}
#product .scheda_tecnica .image img { max-height: 80px }

#product_videos { text-align:center; padding-top: 30px }
#product_videos li { max-width: 100%; display:inline-block; vertical-align:top; background:rgba(255, 255, 255, 0.6); padding:10px; text-align:left; margin-top:10px }
#product_videos iframe { max-width: 100%; max-height: auto }
#product_videos li div { text-align:center; padding-bottom:10px }
#product_videos p, #product_videos h3 { text-align:left; padding:0 20px 0 20px }

#news_home { padding-top: 30px; padding-bottom: 20px; text-align: center }
#news_home h1 { font-style: italic; text-transform: uppercase; text-align: center; border-bottom: 1px dashed #333 }


.faq li { margin-bottom:5px }
.faq li p { padding-bottom:0 }
.faq li p.faq_title a:link, .faq li p.faq_title a:visited { background-color:#eee; line-height:30px; display:block; padding-left:15px; padding-right:10px;  transition: all 0.3s ease }
.faq li p.faq_title a:hover { background-color:#CCC; text-decoration:none }
.faq li p.faq_text { padding:5px 15px 10px 15px; display:none; background-color:#FFF }

.guide li { margin-bottom:5px }
.guide li a:link, .guide a:visited { background-color:#FFF; line-height:30px; display:block; padding-left:15px; transition: all 0.3s ease }
.guide li a:hover { background-color:#eee; text-decoration:none }

#years { background-color:#eee; line-height:25px; width:100%; padding-left:15px; margin-bottom:5px; margin-top:15px }

#news_list li { margin-top:10px; background-color:#FFF; padding:30px }
#news_list li .image { width:150px; display:inline-block; vertical-align:top }
#news_list li img { border:3px solid #eee }
#news_list li .text { width:600px; display:inline-block; vertical-align:top; padding-left:30px }

#help { width:226px; margin:0 auto; margin-top:20px; border:3px solid #eee; background-color:#FFF; padding:6px 9px 6px 9px; font-size:85% }
#help h1 { font-size:100%; background-color:#999; text-align:right; line-height:22px; padding-right:8px; margin-bottom:10px; color:#FFF }
#help img { margin-right:3px; margin-bottom:5px }
#help li { margin-top:2px;  }
#help li a:link, #help li a:visited { width:100%; display:block; background-color:#999; color:#FFF; line-height:25px; padding-right:8px; padding-left:8px; transition: all 0.3s ease; }
#help li a:hover, #help li a.active { background-color:#439d2a; color:#FFF; text-decoration:none }

#assistenza .image { text-align: center; padding-bottom: 20px}
#assistenza .text { border-bottom: 1px dashed #CCC; padding-bottom: 20px; margin-bottom: 30px }
#assistenza .text h1 { text-align: center }

#pickup_div { background-color:#eee; padding: 20px }
#pickup_div table td { }
#pickup_div table textarea { width: 100% }

#purchase { background-color: #eee; padding:15px; padding-bottom: 40px; text-align:left }
#purchase form { width: 980px; max-width: 100%; margin: 0 auto; }
#purchase input { line-height:25px }
#purchase button { background-color:#e20a16; color:#FFF; border:0; transition: all 0.3s ease; font-size: 1.1em }
#purchase button:hover { background-color:#333 }

#shopper_crumbs { font-size: 0.9em; padding-bottom: 10px; text-align: center;}
#shopper_crumbs strong { color:#e20a16 }

.rivenditori_box { padding:20px; margin-top:10px; background:rgba(255, 255, 255, 0.80); transition: all 0.3s ease; }
.rivenditori_box:hover { background:rgba(255, 255, 255, 1); }


td.testata { border-bottom:1px solid #8ccc29; font-weight:bold; color:#8ccc29; text-align:center }
td.corpo { border-bottom:1px dotted #8ccc29; text-align:center }

table.shopper { border-collapse:collapse; table-layout:auto }

table.shopper td { padding:20px; }
table.shopper td.image { width:20%; text-align:center; padding: 0; padding-top: 20px }
table.shopper td.image img { text-align:center; width: 100% }
table.shopper h1 { font-size:150% }
table.shopper h2 { font-size:120% }
table.shopper td.texts { width:79%; vertical-align:top; text-align:left }
table.shopper td ul { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #CCC }
table.shopper .column { display:inline-block; vertical-align:top; height:70px; text-align:center; border:1px dotted #CCC; background-color:#eee; padding:10px;   }
table.shopper .column:last-child { margin-right:0 }
table.shopper .column p { padding-bottom:5px }
table.shopper td.destra { vertical-align:top; text-align:right }
table p.prezzo { font-weight:bold; font-size:1.4em; color:#f45813; padding-right:15px }
table div.scheda { float:right; width:118px; margin-top:20px; color:#FFF; font-weight:bold; text-align:right }
table div.scheda a { margin-right:5px }
table div.scheda img { vertical-align:middle }
table span.apartireda { font-size:0.9em; color:#666; padding-right:15px }
table span.quantity { font-size:0.9em; color:#666; padding-right:15px; line-height:25px }

.box { border:1px dotted #CCC; background-color: #FFF; padding:20px; margin-bottom: 5px }
.box.grey { background-color:#eee }
.box_white { background-color:#FFF }
.box.red { background-color:#f9e9e0 }
.box img { padding-right:10px }

#box_footer { padding: 50px 0 20px 0; text-align: center; color: #FFF; font-style: italic; text-transform: uppercase }
#box_footer ul { display: table; margin: 0 auto }
#box_footer li { display: table-cell; vertical-align: top; padding: 0 50px 0 50px; border-right: 1px dashed #FFF; text-align: center}
#box_footer li:last-child { border: 0 }
#box_footer li img { padding-bottom: 10px }


#footer { color:#eee; padding-top:50px; padding-bottom:30px; text-align: center }
#footer img { max-width: 95% }
#footer a { color:#eee; }
.footer_email a:link, .footer_email a:visited { line-height:34px; display: inline-block; color:#eee; margin-top:10px; margin-bottom: 10px; padding:0 10px 0 10px; text-decoration:none; background-color:#e20a16; transition: all 0.3s ease; text-align: center }
.footer_email a:hover { background-color:#ba0812 }
