/* -- TABELLA COLORI --
    
    #5A1651 = rgba(90, 22, 21, x) = viola (titoli, prezzi, evidenziazione)
    #252426 = grigio scuro (sfondo footer)
    lightgray = bordini, testi di secondo piano

*/

/* -- FONTS -- */
@font-face {
    font-family: 'raleway';         src: url('/graphics/fonts/my-raleway-regular-webfont.eot'); src: url('/graphics/fonts/my-raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('/graphics/fonts/my-raleway-regular-webfont.woff2') format('woff2'),    url('/graphics/fonts/my-raleway-regular-webfont.woff') format('woff'),  url('/graphics/fonts/my-raleway-regular-webfont.ttf') format('truetype'),   url('/graphics/fonts/my-raleway-regular-webfont.svg#ralewayregular') format('svg'); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'raleway';         src: url('/graphics/fonts/my-raleway-bold-webfont.eot');    src: url('/graphics/fonts/my-raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),     url('/graphics/fonts/my-raleway-bold-webfont.woff2') format('woff2'),       url('/graphics/fonts/my-raleway-bold-webfont.woff') format('woff'), url('/graphics/fonts/my-raleway-bold-webfont.ttf') format('truetype'),          url('/graphics/fonts/my-raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'raleway';         src: url('/graphics/fonts/my-raleway-bolditalic-webfont.eot'); src: url('/graphics/fonts/my-raleway-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('/graphics/fonts/my-raleway-bolditalic-webfont.woff2') format('woff2'), url('/graphics/fonts/my-raleway-bolditalic-webfont.woff') format('woff'), url('/graphics/fonts/my-raleway-bolditalic-webfont.ttf') format('truetype'), url('/graphics/fonts/my-raleway-bolditalic-webfont.svg#ralewaybold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'raleway';         src: url('/graphics/fonts/my-raleway-italic-webfont.eot'); src: url('/graphics/fonts/my-raleway-italic-webfont.eot?#iefix') format('embedded-opentype'), url('/graphics/fonts/my-raleway-italic-webfont.woff2') format('woff2'), url('/graphics/fonts/my-raleway-italic-webfont.woff') format('woff'), url('/graphics/fonts/my-raleway-italic-webfont.ttf') format('truetype'), url('/graphics/fonts/my-raleway-italic-webfont.svg#ralewayitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'raleway_light';   src: url('/graphics/fonts/my-raleway-light-webfont.eot'); src: url('/graphics/fonts/my-raleway-light-webfont.eot?#iefix') format('embedded-opentype'), url('/graphics/fonts/my-raleway-light-webfont.woff2') format('woff2'), url('/graphics/fonts/my-raleway-light-webfont.woff') format('woff'), url('/graphics/fonts/my-raleway-light-webfont.ttf') format('truetype'), url('/graphics/fonts/my-raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'raleway_light';   src: url('/graphics/fonts/my-raleway-lightitalic-webfont.eot'); src: url('/graphics/fonts/my-raleway-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('/graphics/fonts/my-raleway-lightitalic-webfont.woff2') format('woff2'), url('/graphics/fonts/my-raleway-lightitalic-webfont.woff') format('woff'), url('/graphics/fonts/my-raleway-lightitalic-webfont.ttf') format('truetype'), url('/graphics/fonts/my-raleway-lightitalic-webfont.svg#ralewaylight_italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'raleway_thin';    src: url('/graphics/fonts/my-raleway-thin-webfont.eot'); src: url('/graphics/fonts/my-raleway-thin-webfont.eot?#iefix') format('embedded-opentype'), url('/graphics/fonts/my-raleway-thin-webfont.woff2') format('woff2'), url('/graphics/fonts/my-raleway-thin-webfont.woff') format('woff'), url('/graphics/fonts/my-raleway-thin-webfont.ttf') format('truetype'), url('/graphics/fonts/my-raleway-thin-webfont.svg#ralewaythin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'raleway_thin';    src: url('/graphics/fonts/my-raleway-thinitalic-webfont.eot'); src: url('/graphics/fonts/my-raleway-thinitalic-webfont.eot?#iefix') format('embedded-opentype'), url('/graphics/fonts/my-raleway-thinitalic-webfont.woff2') format('woff2'), url('/graphics/fonts/my-raleway-thinitalic-webfont.woff') format('woff'), url('/graphics/fonts/my-raleway-thinitalic-webfont.ttf') format('truetype'), url('/graphics/fonts/my-raleway-thinitalic-webfont.svg#ralewaythin_italic') format('svg');
    font-weight: normal;
    font-style: italic;
}


/* -- GENERIC ELEMENTS -- */
body {
    font-family: 'raleway';    
    line-height:1.5em;
    /*padding-top:5em;*/
    
    /*min-width:450px;    /*=480 - scrollbars*/
    min-width:300px;
    
    /* problemi anti-aliasing * /
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-font-smoothing: subpixel-antialiased;
    font-smooth: always;
    text-rendering: optimizeLegibility;
    -webkit-perspective: 1000; */
}
b, strong, .layout_page a {
    color: #5A1651;
    font-weight:bold;
}
h1, h2, h3 {
    color: #5A1651;    
}

h3
{
    font-size:1.75em;
}

i.fa 
{
    /* problemi anti-aliasing? 
    transform: rotate(-0.0000000001deg);*/
}


/* -- CLASSES -- */
.bottone {
    background-color: #5A1651;
    border: none;
    border-radius: 2px;
    box-shadow: 0 3px 0 white;
    color: #ffffff !important;
    display: inline-block;
    font-size: 1em;
    font-weight: bold;
    margin: 1em;
    padding: 1em;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: none;
}
.bottone:hover {
    /*box-shadow: 0 5px 0 #5A1651;*/
    color: #960683;
    background-color: #80036f;
}
.opacita_home {
    color: #5A1651;   
}
.opacita_home .text_block p {
    background:rgba(255,255,255,0.85);
    padding: 1em; 
    width:50%;   
}

.opacita_home .text_block b {
    
    font-size: 1.5em;   
}

.opacita_home .text_block strong {
    
    font-size: 1.5em;   
}

.sfondo_grigio {
    background-color:#f1f1f1 !important;  
}


/* -- HEADER -- */
.layout_header {
    background: linear-gradient(to right, #5a1651 0%, #5a1651 49%, #252426 51% ,#252426 100%);
    color: #ffffff;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
    transition: background-color 0.25s ease 0s;
    font-size: 0.9em;
}
.layout_header li:hover {
    background-color:#5A1651;    
}
.layout_header li a {
  color: #ffffff;
  display: inline-block;
  padding: 0 0.3em;
  line-height:3em;
  text-decoration: none;
}
.layout_header li:hover a {
    color:#ffffff;
}
.layout_header .logo {
background-color: transparent;
    background-image: url(/graphics/logo.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    border-top: 0;
    height: 102px;
    display: inline-block;
    left: 0em;
    /* position: fixed; */
    padding-right: 5px;
    top: 0;
    transition: all 0.25s ease 0s;
    vertical-align: top;
    width: 11em;
}
.layout_header.mini .logo, 
.layout_header #show-menu:checked ~ .logo {
    height:95px; /*7em;*/
}
.layout_header nav {
    font-size: 1.15em;
    background: linear-gradient(to right, #5a1651 0%, #252426 50% ,#252426 100%);
}
.layout_header nav .flags {
    display:none;
}


/* -- HEADER -- Filtro */
.layout_header .toolbar {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#252426+0,5a1651+50,252426+100 */
    background: #252426; /* Old browsers */
    /*background: -moz-linear-gradient(left,  #252426 0%, #5a1651 50%, #252426 100%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(left,  #252426 0%,#5a1651 50%,#252426 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to right,  #252426 0%,#5a1651 50%,#252426 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252426', endColorstr='#252426',GradientType=1 ); /* IE6-9 */
    
    background: linear-gradient(to right, #5a1651 0%,#5a1651 50%,#252426 100%);
    padding: 0.5em;
}
.layout_header .toolbar .filtro {
    display:inline-block;
}
.layout_header .toolbar .filtro input {
    font-family: 'raleway';
    border:0;
    padding: 3px;
    font-size:0.9em;
}
.layout_header .toolbar .filtro a {
    color: White;    
    text-decoration:none;
}
.layout_header .toolbar .carrello {
    display:inline-block;
    margin-left:3em;
}
.layout_header .toolbar .carrello a {
    color: White;    
    text-decoration:none;
    font-weight:bold;
}
.layout_header .toolbar .carrello a:hover {
    /* text-decoration: underline; */
    border-bottom: 1px solid white;
}


/* -- BODY -- Vetrina notizie -- */
.art_block > a.img_background > div {
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    bottom: 1em;
    left: 1em;
    padding: 0;
    position: absolute;
    right: 1em;
}
.art_block > a {
	color: #5A1651;
	text-decoration: none;
	border: 1px solid lightgray;
    height: 15em; 
}
.art_block > a.img_background > b {
    background: #5A1651 none repeat scroll 0 0;
    color: #ffffff;
}


/* -- BODY -- Shop -- */
.form_shop .back_block  {
    /* questo blocco coprirebbe gli articoli, se occorre farlo vedere sistemare... */
    display:none;   
    z-index:-1; 
}
.form_shop .pannello.menu  {
    display:inline-block;
    width:20%;
    max-width:10em;
    text-align:left;
    vertical-align:top;
}
.form_shop .pannello.menu ul {
    list-style: none;
    list-style-image: none;
    margin: 0 0 0.5em 0;
    padding: 0.5em 0 0 0.5em;
    display: block;
}
.form_shop .pannello.menu >ul >li >ul {
    border: 1px solid rgba(90, 22, 21, 0.19); /*#5a1615;*/
}
.form_shop .pannello.menu li 
{
    line-height: 1em;
    padding: 0 0 0.5em 0;
}
.form_shop .pannello.menu a {
    text-decoration: none;
    color: black;
}
.form_shop .pannello.menu a:hover {
    text-decoration: underline;
}
.form_shop .pannello.menu a.tipo_vino {
    color: #5a1615;
    font-weight: bold;
    font-size: 1.1em;
    /* margin-top: 1em; */
    padding-bottom: 0.25em;
    display: block;
    /*border-bottom: 1px solid #5a1615;*/
    position:relative;
    padding-left:1em;
}
.form_shop .pannello.menu a.tipo_vino:after 
{
    /*content: "\f138";   /* fa-chevron-circle-right */
    content: "\f0da";   /* fa-caret-right; */
    box-sizing: border-box;
    
    position:absolute;
    left:0;
    top:0;
    
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.form_shop .pannello.menu a.tipo_vino.selected:after 
{
    /*content: "\f13a";   /* fa-chevron-circle-down */
    content: "\f0d7";   /* fa-caret-down */
}
.form_shop .pannello.menu a.regione
{
    font-weight:bold;
    font-size:0.9em;    
}
.form_shop .pannello.menu a.cantina
{
    font-weight:normal;
    font-size:0.8em;    
}
.form_shop .pannello.articoli {
    display:inline-block;
    vertical-align:top;
    width:79%;
}
.form_shop .pannello.articoli .tipo_ricerca {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 1em;
    margin-top: 0;
    display: block;
    padding: 0;
}
.form_shop .pannello.articoli .pager {
    padding: 0 2em;
}
.form_shop .pannello.articoli .pager > * {
    display: inline-block;
    margin: 0 0.25em;
}
.form_shop .pannello.articoli .pager a 
{
    text-decoration:none;
    background-color:#5a1651;
    border:1px solid #5a1651;
    color:White;
    padding:0 0.5em;
}
.form_shop .pannello.articoli .pager a:hover 
{
    color: #5A1651;
    background: white;
}
.form_shop .pannello.articoli .pager .pagina_corrente
{
    font-weight:bold;    
}


/* -- BODY -- Preview/Dettaglio articolo -- */
.preview_articolo {
    display:inline-block;
    margin: 0 0 1em 0;
	padding: 0.5em;
    width: 14em; /*18em;*/
    vertical-align:top;
    text-align:left;
    color:#000000;
}
.preview_articolo a {
    text-decoration: none;
    color: black;
}
.preview_articolo a:hover {
    text-decoration: underline;
}
.preview_articolo .foto_articolo {
    height: 15em;   /*25em*/
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    border:1px solid lightgray;
}
.preview_articolo .nome_articolo {
    font-weight:bold;
    /*font-size:1.2em;*/
    text-transform:uppercase;
    display:block;
    color:Black;
    /*padding: 0 0.5em;*/
}
.preview_articolo .info_articolo {
    padding: 0 0.5em;
    font-size:0.8em;
}
.preview_articolo .info_articolo .categorie {
    display: inline-block;
    vertical-align: top;
    /*margin: 0 0 1em 0;*/
    line-height: 1em;
    min-height: 2em;
}
.preview_articolo .info_articolo .categorie .tipo,
.preview_articolo .info_articolo .categorie .regione,
.preview_articolo .info_articolo .categorie .cantina {
    display: inline-block;
    padding: 0 0.5em;
    margin-bottom: 0.5em;
    line-height: 1em;
    border-left: 1px solid lightgray;
    font-size: 0.9em;
    font-weight:normal;
    
    /*font-family: raleway_thin;*/
    color: gray;
}
.preview_articolo .info_articolo .categorie .cantina {
    display:block;
}
.preview_articolo .info_articolo .info_variante,
.articolo .info_principali .info_variante {
    text-align: right;
    /* display: inline-block; */
    vertical-align: top;
    margin: 0.5em 0;
}
.articolo .info_principali .info_variante 
{
    text-align:center;
}
.preview_articolo .info_articolo .info_variante .nome_variante,
.articolo .info_principali .info_variante .nome_variante {
    display: inline-block;
    vertical-align: top;
    /*width: 3em;*/
    margin-right: 0.5em;
}
.articolo .info_principali .info_variante .nome_variante 
{
    width: 4em;
    text-align:right;
}
.preview_articolo .info_articolo .info_variante .prezzo,
.articolo .info_principali .info_variante .prezzo {
    display: inline-block;
    width: 8em;
    position: relative;
    vertical-align: top;
    text-align: right;
    /* margin-bottom: 0.5em; */
}
.preview_articolo .info_articolo .info_variante .prezzo .prezzo_scontato.postsconto, 
.preview_articolo .info_articolo .info_variante .prezzo .prezzo_non_scontato,
.articolo .info_principali .info_variante .prezzo .prezzo_scontato.postsconto, 
.articolo .info_principali .info_variante .prezzo .prezzo_non_scontato {
    font-weight: bold;
    font-size: 1.5em;
    display:block;
}
.preview_articolo .info_articolo .info_variante .prezzo .prezzo_scontato.percentuale,
.articolo .info_principali .info_variante .prezzo .prezzo_scontato.percentuale {
    font-size: 1em;
    margin-right:0.5em;
    font-weight:bold;
    color: Red; /*#5A1651;*/
}
.preview_articolo .info_articolo .info_variante .prezzo .prezzo_scontato.presconto,
.articolo .info_principali .info_variante .prezzo .prezzo_scontato.presconto {
    color: Red;
    text-decoration: line-through;
    font-size:1.2em;
}
.preview_articolo .info_articolo .info_variante input,
.articolo .info_principali .info_variante input {
    display: inline-block;
    vertical-align: top;
    position:relative;
    width:2em;
    height:1.5em;
    font: normal normal normal 14px/1 FontAwesome;
}
.preview_articolo .info_articolo .info_variante input:after,
.articolo .info_principali .info_variante input:after {
    content:"\f291";    
}
.preview_articolo .info_articolo .descrizione_breve {
    margin-top: 1em;
    display: block;
    line-height: 1em;
}
.preview_articolo .info_articolo .descrizione_breve:hover {
    /*max-height: 10em;*/
}
.articolo + .articoli 
{
    margin-top:2em;
    padding-top:2em;
    border-top:1px solid gray;
}


/* -- BODY -- Dettaglio articolo -- */
.pannello.dettaglio_articolo  {
    display:inline-block;
    width:79%;
    text-align:center;
    vertical-align:top;
}
.articolo .info_principali,
.articolo .descrizione {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    text-align:center;
}
.articolo .descrizione {
    text-align:left;
}
.articolo .immagine_principale,
.articolo .immagine_thumbnail {
    width:400px;
    height: 400px;
    background-size: auto 100% !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    display:inline-block;
}
.articolo .immagine_principale {
    width:100%;
    height:20em;
}
.articolo .immagine_thumbnail {
    width:80px;
    height: 80px;
}


/* -- BODY -- Step ordine -- */
.form_shop .carrello .tabella_carrello {
    margin: 0 auto;
}
.form_shop .carrello .tabella_carrello tr:nth-child(2n) 
{
    background-color: rgba(90, 22, 81, 0.11);
}
.form_shop .carrello .tabella_carrello tr.totale 
{
    font-size:1.1em;
    font-weight:bold;
}
.form_shop .carrello .tabella_carrello td:first-child 
{
    background-color:#ffffff;
}
.form_shop .carrello .tabella_carrello td {
    padding: 0 0.5em;
}
.form_shop .carrello .inserimento_dati .dati_spedizione,
.form_shop .carrello .inserimento_dati .dati_fatturazione {
    text-align:center;
}
.form_shop .carrello .inserimento_dati .dati_spedizione >div,
.form_shop .carrello .inserimento_dati .dati_fatturazione >div {
    display:inline-block;
    text-align:left;
    width:22%;
    margin:1%;
    min-width:10em;
    vertical-align:top;
}
.form_shop .carrello .inserimento_dati .dati_spedizione >div.half,
.form_shop .carrello .inserimento_dati .dati_fatturazione >div.half
{
    width: 10%;
    min-width:4em;
}
.form_shop .carrello .inserimento_dati .dati_spedizione >div.large,
.form_shop .carrello .inserimento_dati .dati_fatturazione >div.large
{
    width: 95%;
    margin: 1% auto;
    display: block;
}
.form_shop .carrello .inserimento_dati .dati_spedizione >div span,
.form_shop .carrello .inserimento_dati .dati_fatturazione >div span
{
    display:block;
}
.form_shop .carrello .inserimento_dati .dati_spedizione >div input,
.form_shop .carrello .inserimento_dati .dati_spedizione >div select,
.form_shop .carrello .inserimento_dati .dati_spedizione >div textarea,
.form_shop .carrello .inserimento_dati .dati_fatturazione >div input,
.form_shop .carrello .inserimento_dati .dati_fatturazione >div select,
.form_shop .carrello .inserimento_dati .dati_fatturazione >div textarea
{
    width:100%;
}


/* -- BODY -- Pulsanti shop -- */
.btnAcquista, .btnAggiungi, .btnDiminuisci, .btnRimuovi, .btnContinua {
    /*background-image: url("carrello.png");
    background-position: center center;
    background-repeat: no-repeat;*/
    background:#5A1651;
    border: 1px solid #5a1651;
    color: #FFFFFF;
    /*cursor: pointer;
    font-weight: bold;
    height: 1em;
    padding: 4px;
    text-align: center;
    text-decoration: none;
    width: 2em;
    margin-left: 4px;*/
    
    /*font-size:0.9em;*/
    font-size:1rem;
    height:1.5em;    
    margin-left: 4px;
}
.btnAcquista:hover, .btnAggiungi:hover, .btnDiminuisci:hover, .btnRimuovi:hover, .btnContinua:hover {
    color: #5A1651;
    background: white;    
}
.btnAggiungi {
    /*background-image: url("/graphics/btnAggiungi.png");*/
}
.btnDiminuisci {
    /*background-image: url("/graphics/btnDiminuisci.png");*/
}
.btnRimuovi {
    /*background-image: url("/graphics/btnCestino.png");*/
}
.btnAcquista.nonDisponibile {
    /*background-image: url("/graphics/btnArticoloNonDisponibile.png");*/
    background:gray;
}
.btnContinua {
    /*background-image: url("/graphics/btn_red.png");
    border: medium none;
    font-size: 9pt;
    margin: 0 auto 10px;
    padding: 10px 15px;*/
    font-weight:bold;
}


/* -- FOOTER -- */
.layout_footer {
    background-color: #252426;
    color:#888888;
    text-align:center;
}
.layout_footer > div {
	padding: 0;
	display: inline-block;
}
.layout_footer > div td {
	vertical-align:top;
	text-align:left;
	padding:1em;
}
.layout_footer a {
    color:#BBBBBB;
    text-decoration:none;
}
.layout_footer b,
.layout_footer strong,
.layout_footer h2, 
.layout_footer h3,
.layout_footer h4 {
    color:white;
}
.layout_footer a:hover {
    color:#888888;
    background-color:transparent;
    text-decoration:underline;
}


/* -- RESPONSIVE -- */
@media screen and (max-width: 1024px)
{       
    .layout_header {
        text-align:right;     
        background: linear-gradient(to right, #5a1651 0%, #252426 50% ,#252426 100%);          
    }
    .layout_header.mini {
        font-size:0.8em; 
    }
    .layout_header > div {
        max-width:none;
    }
    .layout_header nav {
	    position: fixed;
	    left: 1em;
	    right:1em;
	    top: 2em;
	    height:0;
	    padding: 0;
	    background: rgba(0,0,0,0);
	    transition:all 0.25s ease 0s;
	    overflow:auto;
    }
    .layout_header #show-menu:checked ~ nav {
        background: rgba(0,0,0,1);
        width:auto;
        height:auto;
        top: 4em;
        bottom: 1em;
	    padding:1em;
    }
    .layout_header .logo {
	    position: fixed;
	    /*left: 0.5em;*/
    }
    .layout_header nav .menu0_container li {
        display:block;
        margin:1em;
    }
    .layout_header nav .menu0_container li a {
        display:block;
    }
    .layout_header nav .flags,
    .layout_header nav .flags > div {
        width:auto;
        display:block;
        text-align:center;
        position:relative;
    }
    .layout_header nav .flags .flag,
    .layout_header nav .flags:hover .flag,
    html .layout_header nav .flags .flag
    {
        height: 1.5em !important;
        line-height: 1em;
        margin: 1em;	
        display: inline-block;
    }
    .layout_header .toolbar {
        padding-right: 1.25em;
    }
    
    
    
    .layout_header nav > ul.menu0_container, .layout_header nav .flags { display:none; } 
    .layout_header #show-menu:checked ~ nav > ul.menu0_container, .layout_header #show-menu:checked ~ nav .flags { display: block; } 
    .show-menu { display:inline-block; }
}
@media screen and (max-width: 768px)
{
    .layout_header {
        font-size: 0.9em;
    }
    
    .articolo .info_principali, .articolo .descrizione {
        width: auto;
    }
}
@media screen and (max-width: 600px)
{
    .label-carrello {
        display:none;
    }
}
@media screen and (max-width: 480px)
{
    .layout_header .logo,
    .layout_header.mini .logo {
        height: 3em;
        left: 0;
        background-position: left top;
    }
    
    .form_shop .pannello.menu {
        width: auto;
        max-width: none;
    }
}


.active
{
    padding: 0 1em;
    background-color: #5A1651;
    color:White;
    font-weight:bold;
}
article a div {
	font-weight: normal;
}
.icona-regalo {
    font-size: 5em;
    margin-top: 0.5em;
    color:#5A1651;
}
.icona-regalo + span 
{
    margin-bottom:2em;
    display:block;
}

.pannello_minori
{
    position:fixed;
    z-index:9999;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,0.75);
    text-align:center;
}
.pannello_minori >div 
{
    position:absolute;
    
    left:50%;
    margin-left:-10em;
    width:20em;
    
    top:30%;
    padding-bottom:1em;
    
    background:black;
    color:White;    
}
table   /*aggiunta da normalize-min-min.css, serve per la tabella dell'elenco ordini nel carrello*/
{
    border-collapse: collapse;
    border-spacing: 0
}