/***********************
    MENU MOBILE
***********************/

.AreaLoginMobile{
    display:none;
}

#GrdCarrelloMobile{
    display:none;
}

.AreaCarrelloMobile{
    display:none;
}

.MenuClassicoMobile {
    display:none;
}

.MenuMobile {
    display:none;
}

.HeaderAssistenzaMobile {
    display:none;
}

.FiltroGruppo {
    display:none;
}

.FiltroFamiglia {
    display:none;
}

/***********************
    MENU MOBILE
***********************/

.BoxMenuMaster {
    width:100%;
    padding:15px;
    margin:0 0 5px 0;
    float:left;
    text-align:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color:#0f468b;
    background-color:#d9dde0;
}

.BoxMenuMaster:hover {
    color:#0f468b;
    background-color:#c2c6c8;
}

.Container{
    width:970px;
    margin:0 auto;
    padding:0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


h1{
    margin:0;
    padding:0;
    font-weight:600;
    line-height:normal;
}

h2{
    margin:0;
    padding:0;
    line-height:normal;
}

.Lighter {
    font-weight:lighter;
}

.Uppercase {
    text-transform:uppercase;
}

.Semibold {
    font-weight:600;
}
.Testo12 {
    font-size:12px;
}

.Testo13 {
    font-size:13px;
}

.Testo14 {
    font-size:13px;
}

.Testo15 {
    font-size:14px;
}


.Testo16 {
    font-size:15px;
}

.Testo18 {
    font-size:16px;
}

.Testo20 {
    font-size:18px;
}

.Testo23 {
    font-size:22px;
}

.Testo25 {
    font-size:23px;
}

.Testo30 {
    font-size:28px;
}

.Testo35 {
    font-size:30px;
}

.Testo40 {
    font-size:38px;
}

.Testo48 {
    font-size:45px;
}


/***********************
    HEADER LOGIN
***********************/

.HeaderTop{
    width:100%;
    float:left;
    padding:0;
    text-align:center;
    background-color:#ececec;
}

.HeaderAssistenza{
    width:30%;
    padding:10px 0;
    margin:0;
    float:left;
    text-align:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.HeaderLogin{
    width:40%;
    padding:10px 0;
    margin:0;
    float:left;
    text-align:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

        .Login {
            width:100%;
            padding:0;
            float:left;
            text-align:right;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

.HeaderCarrello{
    width:30%;
    padding:10px 0;
    margin:0;
    float:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

        .Carrello {
            width:100%;
            padding:0;
            float:left;
            text-align:right;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }


.HeaderBottom{
    width:100%;
    float:left;
    padding:10px 0;
    text-align:center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.Logo{
    width:30%;
    float:left;
    text-align:left;
    padding:15px 20px 10px 10px;
    margin:0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.AreaRicerca{
    width:40%;
    float:left;
    text-align:center;
    margin:0;
    padding:5px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.HeaderSocial{
    width:30%;
    float:left;
    text-align:right;
    padding:30px 5px 10px 5px;
    margin:0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.TipoRicerca{
    width:35%;
    float:left;
    text-align:center;
    margin:0;
    padding:25px 10px 10px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.RicercaHeader{
    width:65%;
    float:left;
    text-align:center;
    margin:15px 0 0 0;
    padding:5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border:1px solid #bab9b9;
}


    .RicercaTextBox{
        width:90%;
        float:left;
        text-align:right;
        padding:3px 0 0 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color:#ffffff;
    }

    .RicercaImageButton{
        width:10%;
        float:left;
        text-align:center;
        padding:0px 5px 0 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .TxtCerca{
            font-family:'Open Sans', 'sans-serif';
            border:0;
            width:100%;
            padding:5px;
            margin:0;
            border:0px;
            float:left;
            background-color:#ffffff;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .TxtCerca:focus { 
            outline: none; 
            border: 0px; 
        }

        .ImgCerca {
            border:0;
            width:100%;
            max-width:30px;
            border:0px;
            padding:0;
            margin:0;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }



.BannerPrincipale {
    width:100%;
    float:left;
    text-align:center;
    padding:0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }

.CerchioCategoria {
    width:300px;
    height:300px;
    float:left;
    text-align:center;
    padding:50px 0 0 0;
    margin:10px;
/*    border-radius:50%;
*/    color:#ffffff;
    font-size:15px;
    text-transform:uppercase;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .CerchioCategoria:nth-child(2) {
        background-color:#80b834;
    }

    .CerchioCategoria:nth-child(2):hover {
        background-color:#69982a;
    }

    .CerchioCategoria:nth-child(3) {
        background-color:#25a665;
    }
    .CerchioCategoria:nth-child(3):hover {
        background-color:#238d57;
    }


    .CerchioCategoria:nth-child(4) {
        background-color:#c7b622;
    }
    .CerchioCategoria:nth-child(4):hover {
        background-color:#ac9d1f;
    }

    .CerchioCategoria:nth-child(5) {
        background-color:#868fc5;
    }
    .CerchioCategoria:nth-child(5):hover {
        background-color:#727bac;
    }

    .CerchioCategoria:nth-child(6) {
        background-color:#62aea9;
    }
    .CerchioCategoria:nth-child(6):hover {
        background-color:#579793;
    }

    .CerchioCategoria:nth-child(7) {
        background-color:#128685;
    }
    .CerchioCategoria:nth-child(7):hover {
        background-color:#106565;
    }

    .CerchioCategoria:nth-child(8) {
        background-color:#6e987b;
    }
    .CerchioCategoria:nth-child(8):hover {
        background-color:#5c7d66;
    }

    .CerchioCategoria:nth-child(9) {
        background-color:#f1051b;
    }
    .CerchioCategoria:nth-child(9):hover {
        background-color:#940a18;
    }

/***********************
    MENU TOP
***********************/
/***********************
MENU UNIFICATO A COLONNE
***********************/
/***********************
MENU
***********************/

.Menu {
    width: 100%;
    float: left;
    padding: 0;
    margin: 20px 0 0 0;
    box-sizing: border-box;
    position: relative;
}

    .Menu ul {
        list-style: none;
        margin: 0 auto;
        padding: 0;
        z-index: 100000;
        color: #ffffff;
    }

        .Menu ul li {
            width: 20%;
            height: 100px;
            float: left;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: #ffffff;
            font-size: 16px;
            font-weight: 600;
            padding: 0 10px;
            box-sizing: border-box;
        }

            /* Colori originali */
            /* Menu principale - colori aggiornati */
            .Menu ul li:nth-child(1) {
                background-color: #80b834;
            }

            .Menu ul li:nth-child(2) {
                background-color: #25a665;
            }

            .Menu ul li:nth-child(3) {
                background-color: #c7b622;
            }

            .Menu ul li:nth-child(4) {
                background-color: #868fc5;
            }

            .Menu ul li:nth-child(5) {
                background-color: #62aea9;
            }

            .Menu ul li:nth-child(6) {
                background-color: #128685;
            }

            .Menu ul li:nth-child(7) {
                background-color: #6e987b;
                margin: 0;
            }

            .Menu ul li:nth-child(8) {
                background-color: #f1051b;
            }


            .Menu ul li a {
                color: #ffffff;
                text-decoration: none;
                display: block;
            }

            .Menu ul li:hover a {
                color: #ffffff;
                text-decoration: none;
            }

            /* Hover: stesso colore per evitare flicker */
            .Menu ul li:hover {
                color: #ffffff;
            }

            .Menu ul li:nth-child(1):hover {
                background-color: #80b834;
            }

            .Menu ul li:nth-child(2):hover {
                background-color: #25a665;
            }

            .Menu ul li:nth-child(3):hover {
                background-color: #c7b622;
            }

            .Menu ul li:nth-child(4):hover {
                background-color: #868fc5;
            }

            .Menu ul li:nth-child(5):hover {
                background-color: #62aea9;
            }

            .Menu ul li:nth-child(6):hover {
                background-color: #128685;
            }

            .Menu ul li:nth-child(7):hover {
                background-color: #6e987b;
            }

            .Menu ul li:nth-child(8):hover {
                background-color: #f1051b;
            }


            /* DROP invisibile di default */
            .Menu ul li ul {
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                padding: 20px 40px;
                background-color: inherit;
                visibility: hidden;
                z-index: 700;
                box-sizing: border-box;
            }

            /* DROP visibile al hover */
            .Menu ul li:hover ul li {
                visibility: visible;
                position: absolute;
                z-index: 700;
                width: 100%;
                height: auto;
                padding: 10px;
                left: 0;
                margin-top: -20px;
                box-sizing: border-box;
            }

            /* Colore background coerente anche nel dropdown */
            .Menu ul li:nth-child(1):hover ul li {
                background-color: #80b834;
            }

            .Menu ul li:nth-child(2):hover ul li {
                background-color: #25a665;
            }

            .Menu ul li:nth-child(3):hover ul li {
                background-color: #c7b622;
            }

            .Menu ul li:nth-child(4):hover ul li {
                background-color: #868fc5;
            }

            .Menu ul li:nth-child(5):hover ul li {
                background-color: #62aea9;
            }

            .Menu ul li:nth-child(6):hover ul li {
                background-color: #128685;
            }

            .Menu ul li:nth-child(7):hover ul li {
                background-color: #6e987b;
            }

            .Menu ul li:nth-child(8):hover ul li {
                background-color: #f1051b;
            }


/* BOX colonne sottomenu */
.BoxSottoMenu {
    width: 30%;
    float: left;
    margin: 0 1.5% 20px 0;
    padding: 0 10px;
    box-sizing: border-box;
}

.LinkTitoloSottoMenu:link,
.LinkTitoloSottoMenu:visited {
    color: #19456d !important;
    font-weight: bold !important;
    font-size: 14px !important;
    text-decoration: none !important;
}

.LinkTitoloSottoMenu:hover {
    text-decoration: underline !important;
}

.ElencoSottoMenu {
    width: 100%;
    text-align: left;
    float: left;
    box-sizing: border-box;
}

.LinkElencoSottoMenu:link,
.LinkElencoSottoMenu:visited {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    line-height: 1.6;
}

.LinkElencoSottoMenu:hover {
    text-decoration: underline !important;
}

/*****************************
SFONDI
*****************************/
.SfGrigio {
    background-color:#dedede;
}

.SfVerde {
    background-color:#089077;
}

.SfVerdeChiaro {
    background-color:#0ca488;
}

.SfBlu {
    background-color:#154c9d;
}

.SfRosso {
    background-color:#e4082c;
}

/***********************
    CORPO SITO
***********************/
.squareOther {
    float:left;
    position: relative;
    width: 100%;
    padding-bottom : 70%; /* = width for a 1:1 aspect ratio */
    margin:0;
    background-color:#1E1E1E;
    overflow:hidden;
}

.square {
    float:left;
    position: relative;
    width: 18%;
    padding-bottom : 18%; /* = width for a 1:1 aspect ratio */
    margin:1%;
    background-color:#1E1E1E;
    overflow:hidden;
}

.content {
    position:absolute;
    height:90%; /* = 100% - 2*5% padding */
    width:100%; /* = 100% - 2*5% padding */
    padding:5%;
    margin: 85% 0 0 0;
    text-align:center;
    background-color:#154c9d;
    opacity:0.9;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/*  For responsive images as background */

.bg{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover; /* you change this to "contain" if you don't want the images to be cropped */
    color:#fff;
}

.CorpoSx{
    width:15%;
    float:left;
    padding:10px 10px 10px 5px;
    margin:0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.CorpoDx{
    width:85%;
    float:left;
    padding:0px;
    margin:0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.CorpoCatalogo25 {
    width:25%;
    float:left;
    padding:0px;
    margin:0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.CorpoCatalogo75 {
    width:75%;
    float:left;
    padding:0px;
    margin:0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.Corpo25{
    width:25%;
    float:left;
    padding:0px;
    margin:0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.Corpo50{
    width:50%;
    float:left;
    padding:0px;
    margin:0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.Corpo75{
    width:75%;
    float:left;
    padding:0px;
    margin:0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.Corpo100{
    width:100%;
    float:left;
    padding:0px;
    margin:0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.CorpoArticoloSx{
    width:30%;
    float:left;
    padding:0px;
    margin:0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.CorpoArticoloCc{
    width:70%;
    float:left;
    padding:0px;
    margin:0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.CorpoArticoloDx{
    width:100%;
    float:left;
    padding:0px;
    margin:0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.Corpo99{
    width:99%;
    float:left;
    padding:0px;
    margin:0px 0.5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.CorpoA5{
    width:18%;
    float:left;
    text-align:center;
    padding:2px;
    margin:5px 1%;
    border:1px solid #ffffff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.CorpoA8{
    width:12%;
    float:left;
    text-align:center;
    padding:10px;
    margin:20px 0.25% 0 0.25%;
    border:1px solid #ffffff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.CorpoA8:hover {
    border:1px solid #dedede;
}


.Paginazione {
    width:100%;
    float:left;
    padding:10px;
    margin:0px;
    text-align:center; 
    font-size:12px;
    color:#343434;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.Mappa {
    width:100%;
    float:left;
    padding:10px;
    margin:0px;
    text-align:left; 
    background-color:#0c6298;
    color:#ffffff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.Corpo {
    width:100%;
    float:left;
    padding:30px 5px;
    margin:0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.CorpoCentrato {
    width:100%;
    float:left;
    padding:10px;
    margin:0px;
    text-align:center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.MezzoCorpo {
    width:50%;
    padding:0px;
    margin:0px;
    float:left;
    text-align:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.UnTerozCorpo {
    width:32%;
    padding:0px 2px;
    margin:20px 0.65%;
    float:left;
    text-align:center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.UnTerozCorpo:hover  {
    padding:0px;
    margin:18px 0.65%;
    border:2px solid #bdbdbd;
}

.CorpoBanner {
    width:67.5%;
    padding:0px 20px 0 0;
    margin:0;
    float:left;
    text-align:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.CorpoMiniBanner {
    width:32.5%;
    padding:20px 0 0 0;
    margin:0px;
    float:left;
    height:380px;
    overflow:hidden;
    text-align:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.CorpoMiniBanner2 {
    width:32.5%;
    padding:40px 0 0 0;
    margin:0px;
    float:left;
    height:430px;
    overflow:hidden;
    text-align:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.Padding10NeiLati{
    padding:0 10px;
}

.Padding10Ovunque{
    padding:10px;
}

.Padding15Ovunque{
    padding:15px;
}

.Padding20Ovunque{
    padding:20px;
}

/***********************
    NEWS
***********************/

.NewsHome{
    width:98%;
    float:left;
    padding:10px;
    margin:10px 1%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.NewsHomeFoto{
    width:100%;
    height:300px;
    float:left;
    padding:0px;
    margin:0 0 10px 0;
    text-align:center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.NewsHomeTesto{
    width:100%;
    text-align:justify;
    float:left;
    line-height:25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.BoxNews{
    background-color:#d9dde0;
    width:100%;
    float:left;
    padding:10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin:10px 0;
}

.BoxNewsSx{
    width:30%;
    float:left;
    text-align:center;
}


.BoxNewsDx{
    width:68%;
    float:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding:0 15px 0 15px;
}

/***********************
  FILTRO
***********************/

.Filtri{
    width:100%;
    float:left;
    z-index:1000;
    color:#ffffff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.Filtri ul
{
    list-style:none;
    margin:0;
    margin-left:-40px;
    color:#0c6298;

    }

.Filtri ul li
{
    width:24%;
    display:block;
    height:60px;
    padding:20px 10px;
    float:left;
    margin:0 0.5%;
    text-align:center;
    text-transform:uppercase;
    background-color:#0c6298;
    color:#ffffff;
    font-size:13px;
     -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position:relative;
   }


.Filtri ul li.BoxMenu:hover {
    background-color:#ffffff;
    border:1px solid #0c6298;
    padding:20px 10px;
    color:#0c6298;
}

.Filtri ul li.BoxMenu:hover a{
    color:#0c6298;
}

.Filtri ul li:hover ul li

{
    visibility:visible;
    position:absolute;
    z-index:700;
    width:100%;
    height:auto !important;
    text-align:left;
    margin-top:0px;
    margin-left:0;
    left:0;
    top:58px;
    padding:20px 10px;
    font-weight:400;
    text-transform:none;
     -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*box-shadow: 0 0 11px #333333;
    -moz-box-shadow: 0px 0px 11px #333333; 
    -webkit-box-shadow: 0px 0px 11px #333333;*/ 

    }

   
.Filtri ul li ul
{
    visibility:hidden;
    overflow:hidden;
    }


.DDLFiltroMedio{
    width:130px;
    height:30px;
    border:solid 1px #0c6298;
    font-size:14px;
    font-weight:bold;
}

.BtnArancione{
    font-family: 'Open Sans', sans-serif;
    width:100%;
    background-color:#eb8c04;
    border:0;
    cursor:pointer;
    padding:10px;
    margin:5px 0;
     -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.BtnArancione:hover{
    background-color:#bb7004;
}



.BtnBlu{
    font-family: 'Open Sans', sans-serif;
    width:100%;
    background-color:#0f468b;
    border:0;
    cursor:pointer;
    padding:10px;
    margin:5px 0;
     -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.BtnBlu:hover{
    background-color:#0c366b;
}

.BtnVerde{
    font-family: 'Open Sans', sans-serif;
    width:100%;
    background-color:#0faf94;
    border:0;
    cursor:pointer;
    padding:10px;
    margin:5px 0;
     -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.BtnVerde:hover{
    background-color:#0e927b;
}


/***********************
   INC_ARTICOLO
***********************/

.ArticoloA5{
    width:24%;
    margin:5px 0.5%;
    float:left;
    padding:0px;
    height:620px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.ArticoloA4{
    width:48%;
    margin:5px 1%;
    float:left;
    padding:0px;
    height:650px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.Articolo{
    width:100%;
    margin:0;
    float:left;
    padding:0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border:1px solid #c0c0c2;
}

.Articolo:hover{
    border:1px solid #8e8e8e;
}

.ArticoloHome {
    width:95%;
    margin:5px 2.5%;
    float:left;
    padding:0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border:1px solid #c0c0c2;
}
.ArticoloHome:hover{
    border:1px solid #8e8e8e;
}

.ArticoloCorrelato{
    width:24%;
    float:left;
    padding:0px;
    margin:5px 0.5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border:1px solid #8e8e8e;
}

.ArticoloCorrelato:hover{
    border:3px solid #c0c0c2;
}

.ArticoloCodice{
    width:50%;
    float:left;
    padding:5px 10px;
    margin:0px;
    text-align:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ArticoloPromo{
    width:50%;
    float:left;
    padding:5px 10px;
    margin:0px;
    text-align:center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ArticoloNome{
    width:100%;
    float:left;
    height:70px;
    padding:10px;
    text-align:center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ArticoloFoto{
    width:100%;
    height:250px;
    float:left;
    padding:10px;
    overflow:hidden;
    text-align:center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ArticoloSpeciali{
    width:95%;
    float:left;
    padding:10px;
    height:70px;
    margin:0 2.5%;
    text-align:center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ArticoloPrezzo{
    width:100%;
    float:left;
    padding:10px;
    text-align:center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ArticoloStampa{
    width:100%;
    float:left;
    height:30px;
    text-align:center;
    padding:5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ArticoloDisponibilita{
    width:100%;
    float:left;
    padding:5px;
    text-align:center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ArticoloPulsante{
    width:100%;
    float:left;
    padding:10px 0;
    margin:0px;
    text-align:center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/***********************
   SCHEDA ARTICOLO
***********************/
.SchedaArticolo{
    width:100%;
    float:left;
    padding:30px 0;
    margin:0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.SchedaArticoloSx{
    width:60%;
    float:left;
    padding:0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .SchedaArticoloFotoGrande{
        width:90%;
        float:left;
        padding:0 20px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .SchedaArticoloFotoPiccola{
        width:10%;
        margin:0px; 
        padding:0px;
        float:left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .BoxArticoloFotoPiccola{
            width:100%;
            margin:0px; 
            padding:0 0 10px 0;
            float:left;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

.SchedaArticoloDx{
    width:40%;
    float:left;
    padding:0px 0 10px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .SchedaArticoloCarrello {
        width:100%;
        margin:10px 0;
        padding:0 0 0 0;
        float:left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .SchedaArticoloQuantita {
            width:30%;
            float:left;
            text-align:center;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .SchedaArticoloPlusMinus {
            width:10%;
            float:left;
            text-align:center;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .SchedaArticoloBtnCarrello{
            width:60%;
            float:left;
            text-align:center;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

.DdlSchedaArticolo { 
    font-family: 'Open Sans', sans-serif;
    border:1px solid #c4c4c4; 
    width:100%; 
    margin:10px 0;
    color:#333333;
    padding:10px; 
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
} 
 
.DdlSchedaArticolo:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
}


.TxtSchedaArticolo { 
    font-family: 'Open Sans', sans-serif;
    border:1px solid #bfbbb6; 
    width:100%; 
    margin:0;
    color:#333333;
    padding:10px; 
    text-align:center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
} 
 
.TxtSchedaArticolo:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
}

.SchedaArticoliCorrelati {
    font-size:22px;
    margin:0;
    font-weight:200;
    width:100%;
    float:left;
    text-align:center;
    margin:20px 0 0 0;
    padding:20px 0;
    border-top:1px solid #ccc;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/***********************
   ACQUISTO - TUTTI GLI STEP
***********************/

.FasciaGrigia{
    width:100%;
    height:auto !important;
    float:left;
    background-color:#ffffff;
    border-top:solid 2px #cccccc;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.StepAcquistoMobile, .StepAcquistoSezioneMobile {
    display:none;
}

.StepAcquistoSezioneOK {
    background-color:#4fca89;
    color:#ffffff;
    width:100%;
    margin:0;
    float:left;
    text-align:center;
    padding:10px;
    font-size:20px;
    text-transform:uppercase;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.StepAcquistoSezioneKO {
    background-color:#d94848;
    color:#ffffff;
    width:100%;
    margin:0;
    float:left;
    text-align:center;
    padding:10px;
    font-size:20px;
    text-transform:uppercase;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.StepAcquistoOk{
    width:100%;
    float:left;
    text-align:center;
    padding:10px;
    font-size:25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.StepAcquisto{
    width:33%;
    float:left;
    text-align:center;
    padding:10px;
    font-size:25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.StepAcquistoSezioneOn{
    background-color:#0c6298;
    color:#ffffff;
    width:32%;
    margin:0;
    float:left;
    text-align:center;
    padding:10px;
    font-size:20px;
    text-transform:uppercase;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.StepAcquistoSezioneOff{
    background-color:#dfdfdf;
    color:#333333;
    width:32%;
    margin:0;
    float:left;
    text-align:center;
    padding:10px;
    font-size:20px;
    text-transform:uppercase;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.StepAcquistoSezioneOnCc{
    background-color:#0c6298;
    color:#ffffff;
    width:32%;
    margin:0 2%;
    float:left;
    text-align:center;
    padding:10px;
    font-size:20px;
    text-transform:uppercase;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.StepAcquistoSezioneOffCc{
    background-color:#dfdfdf;
    color:#333333;
    width:32%;
    margin:0 2%;
    float:left;
    text-align:center;
    padding:10px;
    font-size:20px;
    text-transform:uppercase;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/***********************
   FORM
***********************/
.PulsanteForm {
    width:100%;
    padding:20px 10px 10px 10px;
    margin:0px;
    float:left;
    text-align:right;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.CorpoForm {
    width:100%;
    padding:5px 10px;
    margin:0px;
    float:left;
    text-align:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.MezzoCorpoForm {
    width:50%;
    padding:5px;
    margin:0px;
    float:left;
    text-align:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.DdlRespo { 
    font-family: 'Open Sans', sans-serif;
    border:1px solid #c4c4c4; 
    width:100%; 
    margin:0;
    color:#333333;
    padding:9px 10px; 
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
} 
 
.DdlRespo:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
}



.TxtRespo { 
    font-family: 'Open Sans', sans-serif;
    border:1px solid #bfbbb6; 
    width:100%; 
    margin:0;
    color:#333333;
    padding:10px; 
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
} 
 
.TxtRespo:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
}

/***********************
   ASSISTENZA
***********************/

.CorpoAssistenzaSx {
    width:20%;
    padding:0px;
    margin:0px;
    float:left;
    text-align:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.CorpoAssistenzaDx {
    width:80%;
    padding:0px;
    margin:0px;
    float:left;
    text-align:justify;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.BoxMenuAssistenza {
    width:100%;
    padding:10px;
    margin:5px 0;
    float:left;
    text-align:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color:#0f468b;
    background-color:#d9dde0;
}

.BoxMenuAssistenza:hover {
    color:#0f468b;
    background-color:#c2c6c8;
}

/***********************
   FOOTER
***********************/

.SfNewsletter {
    width:100%;
    float:left;
    margin:0;
    padding:0;
    background:url(/images/newsletter.jpg);
    background-repeat:no-repeat;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.Newsletter {
    width:100%;
    margin:0 auto;
    padding:0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.NewsletterFoto {
    width:40%;
    padding:0px;
    margin:0px;
    float:left;
    text-align:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    bottom:0;
}

.NewsletterTesto {
    width:60%;
    padding:0px 0 0 0px;
    margin:0px;
    float:left;
    text-align:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.TxtNewsletter { 
    font-family: 'Open Sans', sans-serif;
    width:90%; 
    margin:10px 10% 10px 0;
    padding:10px; 
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float:left;
} 
 
.TxtNewsletter:focus { 
    outline: none; 
    border: 1px solid #0ca488; 
    box-shadow: 0px 0px 8px #0ca488; 
    -moz-box-shadow: 0px 0px 8px #0ca488; 
    -webkit-box-shadow: 0px 0px 8px #0ca488; 
}

.BtnNewsletter{
    font-family:'Open Sans';
    width:90%;
    background-color:#0ca488;
    border:0;
    margin:0 10% 20px 0;
    float:left;
    cursor:pointer;
    padding:10px;
    text-align:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.Footer{
    width:100%;
    float:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin:50px 0 0 0;
    padding:30px 0;
}

.FooterTop{
    width:100%;
    margin:0 auto;
    padding:0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.FooterBottom{
    width:100%;
    padding:30px 0;
    text-align:center;
    margin:0 auto;
    float:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.Footer1{
    width:50%;
    float:left;
    padding:0px;
    margin:0px;
    text-align:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.Footer2{
    width:25%;
    float:left;
    padding:0;
    margin:0px;
    text-align:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.Footer3{
    width:25%;
    float:left;
    padding:0;
    margin:0px;
    text-align:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.Footer4{
    width:100%;
    float:left;
    padding:20px 0 0 0px;
    margin:0px;
    text-align:center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/********************
 AREA RISERVATA
********************/

.MenuAreaRiservata {
    width:100%;
    padding:10px 0;
    cursor:pointer;
    margin:0;
    float:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.BoxMenuAreaRiservata {
    width:21%;
    background-color:#0faf94;
    padding:10px 0;
    cursor:pointer;
    margin:0px 2%;
    float:left;
    text-align:center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.BoxMenuAreaRiservata:hover {
   background-color:#0e927b;
}


/******************************************
RISPOSTA SOPRA
*******************************************/


.PopupSfondo
{
    background-image:url(/images/spacer.png);
    background-repeat:repeat;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding:10px;
    z-index:1000;
    overflow:auto;
    }

.PopupContainer
{
    width:50%;
    margin:0 25%;
    background-color:#ffffff;
    z-index:201;
    position:absolute;
    padding:0px;
    top:50px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }

.PopupContainerSenzaSfondo
{
    width:50%;
    margin:0 25%;
    z-index:201;
    position:absolute;
    padding:0px;
    top:50px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }

.PopupHeader
{
    background-color:#13ad91;
    width:100%;
    margin:0 0 20px 0;
    padding:10px;
    float:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
   } 

.PopupCorpo100Centrato
{
    width:100%;
    float:left;
    margin:10px 0;
    padding:20px;
    text-align:center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }

.PopupCorpo100
{
    width:100%;
    float:left;
    margin:10px 0;
    padding:20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }
 
.PopupCorpo30
{
    width:30%;
    float:left;
    padding:10px;
    margin:0px;
    text-align:center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }

.PopupCorpo70
{
    width:70%;
    float:left;
    padding:10px;
    margin:0px;
    text-align:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }


.PopupCorpo50
{
    width:50%;
    float:left;
    padding:20px;
    margin:0px;
    text-align:center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }

.PopupFooter
{
    background-color:#13ad91;
    width:100%;
    float:left;
    margin:20px 0 0 0;
    padding:10px;
    text-align:right;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }



#BarraCookie{
    position:fixed;
    bottom:0;
    z-index:100000000;
    width:100%;
    background-image:url(/images/spacer_scuro.png);
    background-repeat:repeat;
    padding:10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/*********************************
GRIGLIA
********************************/

.GridStyle { 
    width: 100%; 
    background-color: #ffffff; 
    border-collapse:collapse; 
    font-family:'Open Sans';
}


.GridStyle td { 
    text-align:left;
    padding:20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color:#333333;
}

.GridStyle th  
{
    background: #ffffff; 
    padding:20px;
    font-size:14px; 
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color:#333333;
}
.GridStyle th a
{
    color:#333333;
    font-size:14px;
    text-align:left;
    }

.GridStyle .Row  
{
    background: #dfdfdf;
    text-align:left;
    padding:20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
      }    

.GridStyle .RowAlta 
{
    height:110px;
    text-align:left;
      }    

.GridStyle .Row a { color:#333333;  }    
.GridStyle .Row a:hover { color:#333333; }   
 
.GridStyle .Alt  
{
    text-align:left;
    padding:20px;
 }
 
 .GridStyle .AltAlta
{
    background: #fcfcfc;
    text-align:left;
 }

.GridStyle .Alt a { color:#333333; }    
.GridStyle .Alt a:hover { color:#333333; }   

.GridStyle .Edit { background-color:#f7ffb3; text-align:left; }
.GridStyle .Edit a { color:#333333; }    
.GridStyle .Edit a:hover { color:#333333; }   

.GridStyle .Sel
{
        background-color:#faffb2;
        }

.GridStyle .SelAlta
{
        background-color:#faffb2;
        }

.GridStyle .Pgr { background: #ebebeb; }
.GridStyle .Pgr table  
{
    border-left: solid 1px #666666; 
    }
    
.GridStyle .Pgr td { 
    color: #333333; 
 }   
.GridStyle .Pgr a { color: #333333; text-decoration: none; }
.GridStyle .Pgr a:hover { color: #333333; text-decoration: none; }

 .ColonneInvisibili th:nth-child(1),.ColonneInvisibili  th:nth-child(5)  {
     display:none;
    }

 .ColonneInvisibili td:nth-child(1),  .ColonneInvisibili td:nth-child(5) {
     display:none;
    }

 .ColonneInvisibiliOrdini th:nth-child(2) {
     display:none;
    }

.ColonneInvisibiliOrdini td:nth-child(2) {
     display:none;
    }