﻿
form[action*="/default.aspx"] #MasterMenuNuovo,
form[action*="/Default.aspx"] #MasterMenuNuovo {
    display: none;
}

form[action*="/default.aspx"] .spazio,
form[action*="/Default.aspx"] .spazio {
    height: 25px;
}


/* ******************* nuovo menu ******************* */
.DDLlingua {
    color:white;
}
#DDLlinguaOpzioni > div {
    padding:4px 6px;
    display:inline-block;
    cursor:pointer;
}

.spazio {
    height: 87px;
}

.header2 {
    background-color: #c1c1c1;
    position: fixed;
    z-index: 12;
    width: 100%;
}

#MasterMenuNuovo {
    /* border-bottom: solid 1px #545454; */
    position: fixed;
    z-index: 12;
    width: 100%;
    background-color: #383838;
    background-color: #c1c1c1;
    margin-top: 25px;
    height: 60px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
}
    #MasterMenuNuovo .bloccoSinistra {
        width: 365px;
        float: left;
    }
        #MasterMenuNuovo .bloccoSinistra .logo {
            /* width: 50%; */
    /* float: left; */
/*    margin-top: 18px;
*/    float: left;
      height:60px;
}



            #MasterMenuNuovo .bloccoSinistra .logo img {
                display: block;
                width: 100%;
                height: 100%;
                /*max-width:150px;
            max-height:150px;
            padding-left: 10px;*/
            }
        #MasterMenuNuovo .bloccoSinistra .freehtml {
            width:50%;
            float:left;
        }

    #MasterMenuNuovo .bloccoDestra {
        float: right;
        /* width: calc(100% - 300px); */
        margin-right: -10px;
    }
        .rigaSopra {
            float:right;
        }

            .rigaSopra > div {
                display: inline-block;
                padding: 2px 0px;
                color: black;
                font-weight: 300;
                font-size: 12px;
                text-transform: uppercase;
                font-size: 11px;
            }
        .rigaSopra .loginlogout-desktop { display:none; }
            .rigaSopra .loginlogout-mobile {
                display: inline-block;
                color: black
            }
        .rigaSopra .LinkButtonPaginaProfilo .LinkButtonPaginaProfilo-desktop { display:none; }
        .rigaSopra .LinkButtonPaginaProfilo .LinkButtonPaginaProfilo-mobile { display:inline-block; }
        /*#MasterMenuNuovo .bloccoDestra .rigaSopra .LinkButtonPaginaProfilo {
            vertical-align: top;
        }*/

.LinkButtonPaginaProfilo {
    color: black;
}






        .iconacarrello {
            position:relative;
            width:30px;
            margin-top:2px;
        }
        .senzaiconacarrello {
            /*position:relative;
            width:30px;*/
            margin-top:2px;
            margin-right:-4px;
        }
            #MasterMenuNuovo .MasterMenuCarrello .MasterMenuCarrelloQtaOrdinata {
                position:absolute;
                display:block;
                top:4px; left:3px;
                width:16px;
                height:16px;
                padding-top:2px;
                box-sizing:border-box;
                text-align:center;
                border-radius:50%;
                background-color:tan;
                color:white;
                font-size:10px;
            }
            #MasterMenuNuovo .MasterMenuCarrello .glyphicon-shopping-cart {
                position: absolute;
                top: 0;
                left: 11px;
                font-size: 28px;
                padding: 10px 0;
            }

           .contenitoreMenuAlto > .glyphicon-plus {
                position: absolute;
                top: 0;
                left: 10px;
                font-size: 30px;
                padding: 6px 0;
                
            }

            .glyphicon.glyphicon-plus:before {
                color: #c0c0c0 !important ;
            }



            /* aggiunti i seguenti media screen per ingrandire l'icona carrello (27/09/2017) */
            @media screen and (min-width:768px) {
                #MasterMenu_PanelIconaCarrello {
                    visibility:hidden;
                    width: 0px;
                    padding: 12px 3px;
                }
            }
            @media screen and (max-width:767px) {
                #MasterMenu_LinkButtonVaiACarrelloCopia {
                    display:none;
                }
            }

        #MasterMenuNuovo .bloccoDestra .rigaSotto {
            float:right;
            font-size: 14px;
            cursor:default;
        }
            #MasterMenuNuovo .bloccoDestra .rigaSotto > div {
                display:inline-block;
                padding:5px;
                border-left: solid 1px white;
            }
            #MasterMenuNuovo .bloccoDestra .rigaSotto > div:first-child  {
                border-left-width: 0px;
            }
            #MasterMenuNuovo .bloccoDestra .rigaSotto > div > a {
                display:inline-block;
                padding:5px 10px;
                cursor: pointer;
                font-weight: normal;
                text-transform: uppercase;
                transition: font-size 500ms;
            }



/* codice per menu che cambia in responsivo */
.MenuPrincipale, .MenuSecondario {
    display:none;
}
.LabelMenuPrincipale, .LabelMenuSecondario {
    display:none;
}
.menuElementi { overflow-y:visible; }
.menuElementi > input { display:none; }


#MasterMenuNuovo a {
    text-decoration:none;
        color: #c0c0c0;
}
#MasterMenuNuovo .glyphicon:hover {
    background-color: transparent;
}

.campimenu {
    float:right;
    /*margin-top: 2px;*/
}


    .campimenu a {
        text-decoration: none;
        display: block;
        float: left;
        /*margin: 0px 10px;*/
        text-align: center;
        font-size: 14px;
        /* line-height: 3.14286; */
        font-weight: 300;
        letter-spacing: -0.5px;
        padding: 0px 5px;
        color: #fff;
        position: relative;
        z-index: 1;
        /* padding: 8px 20px; */
        height: 71px;
        opacity: 1;
        background: no-repeat;
        text-decoration: none;
        white-space: nowrap;
        -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
        -webkit-tap-highlight-color: transparent;
        /* outline-offset: -7px; */
        /* background-color: red; */
        transition: background 2s;
        border-radius: 16px;
    }

        .campimenu a:hover {
            background-color: #51514d;
        }
            .campimenu a:hover span {
                color: silver;
            }

.iconeMenuElementi.cartellaselezionata {
    background-color: #51514d;
}

    .iconeMenuElementi.cartellaselezionata span {
        color: silver;
    }


/*.iconeMenuElementi:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #8f6d51;
    height: 7px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}*/

.iconeMenuElementi.cartellaselezionata > .sottolineato {
    background: #8f6d51;
    height: 5px;
    position: absolute;
    bottom: 0;
    height: 7px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    box-sizing: border-box;
    left: 0;
    display: block;
}


.cartellaselezionata > .sottolineatomateriale {
    background: #8f6d51;
 
    position: absolute;
    height: 7px;
    position: absolute;
    bottom: -6px;
    width: 100%;
    box-sizing: border-box;
    left: 0;
    display: block;
}

.sottolineatomateriale {
    display: none;
}


.sottolineato {
    display: none;
}
.iconeMenuElementi:hover:before, .iconeMenuElementi:focus:before, .iconeMenuElementi:active:before {
    right: 0;
}

.iconeMenuElementi img {
    /* display: inline-block; */
    width: 40px;
    height: 40px;
    /* position: absolute; */
    margin-top: 7px;
    }

.iconeMenuElementi span {
    font-size: 10px;
    color: silver;
    padding: 0px 0 0 0;
    /* width: 42px; */
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
    max-width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    margin-top: -11px;
    font-weight: 300;
    font-size: 12px;
    text-transform: uppercase;
    font-size: 11px;
    margin-top: 0px;
    font-weight: 300;
    font-size: 12px;
    /* text-transform: uppercase; */
    font-size: 11px;
    color: #1e293b;
}

    .iconeMenuElementi > a {
    text-decoration: none;
    color: #c0c0c0;
}


/* per le pagine esclusa la home, margin top di 80px da inizio pagina */
#supportoAlMasterMenu {
    height:80px;
    width:100%;
}


/* faccio sparire telefono e email un po' prima */
@media screen and (min-width:768px) and (max-width:840px) {
    #MasterMenuNuovo .bloccoDestra .rigaSopra > .telefonoazienda,
    #MasterMenuNuovo .bloccoDestra .rigaSopra > .emailazienda {
        display:none;
    }
}

/* questo 767 è specifico per progetto al momento: il codice del media screen va ricopiato sul css specifico cambiando max-width */
@media screen and (max-width:767px) {

    #MasterMenuNuovo > .container {
        width:100%;
    }

    #MasterMenuNuovo .bloccoSinistra {
        width:150px;
    }
    #MasterMenuNuovo .bloccoSinistra .logo {
        width:100%;
    }
    #MasterMenuNuovo .bloccoSinistra .freehtml {
        display: none;
    }

    #MasterMenuNuovo .bloccoDestra {
        width:calc(100% - 150px);
    }
    #MasterMenuNuovo .bloccoDestra .rigaSopra .telefonoazienda,
    #MasterMenuNuovo .bloccoDestra .rigaSopra .emailazienda {
        display:none;
    }
    #MasterMenuNuovo .bloccoDestra .rigaSopra .loginlogout-desktop { display: none; }
    #MasterMenuNuovo .bloccoDestra .rigaSopra .loginlogout-desktop { display: none; }
    #MasterMenuNuovo .bloccoDestra .rigaSopra .loginlogout-mobile { display: block; }
    #MasterMenuNuovo .bloccoDestra .rigaSopra .LinkButtonPaginaProfilo .LinkButtonPaginaProfilo-desktop { display: none; }
    #MasterMenuNuovo .bloccoDestra .rigaSopra .LinkButtonPaginaProfilo .LinkButtonPaginaProfilo-mobile { display: block; }


    /* sposto il carrello un po' per allinearlo con le altre icone */
    .iconacarrello { top: -2px; left: -2px; }

    /* codice per menu che cambia in responsivo */
    .MenuPrincipale, .MenuSecondario {
        display: block;
        position: absolute;
        right: 0px;
        float: none;
        /*background-color: lightgray;*/
        box-sizing: border-box;
        width: 120px;
        height: 40px;
        font-size: 13px;
        z-index: 10;
    }
    .MenuPrincipale {
        top:47px;
    }



        .MenuPrincipale1, .MenuSecondario {
        display: block;
        position: absolute;
        right: 0px;
        float: none;
        /*background-color: lightgray;*/
        box-sizing: border-box;
        width: 120px;
        height: 40px;
        font-size: 13px;
        z-index: 10;
    }

    .MenuPrincipale1 {
        top: 10px;
        right: 42px;
    }


        .LabelMenuPrincipale1 {
        /*position: absolute;*/
        display: block;
        padding: 10px;
    }


    .bottonemenu {
            height: 2px;
    background-color: white;
    width: 35px;
    margin-bottom: 5px;
    }


    .MenuSecondario {
        top:86px;
    }

    .LabelMenuPrincipale, .LabelMenuSecondario {
        /*position: absolute;*/
        display: block;
        padding: 10px;
    }

    .menuElementi > input + div {
    position: absolute;
    top: 53px;
    left: -101%;
    width: 100%;
    z-index: 2000;
    background-color: #7b7b7b;
    transition: left 500ms;
    min-height: 105px;
    }

    .iconeMenuElementi img {
    margin-top: -10px;
}

    .campimenu a {
    width: 100%;
    float: none;
    padding: 5px 5px;
    height: auto;
    box-sizing: border-box;
}

    .iconeMenuElementi span {
   max-width: none; 
}

    .iconeMenuElementi.cartellaselezionata > .sottolineato {
        display:none;
    }

    .campimenu {
    float: none;
    /* margin-top: 2px; */
}
    .menuElementi > input:checked + div {
        left: -1px;
    }
    #MasterMenuNuovo .bloccoDestra .rigaSotto > div {
        display:block;
    }
    #MasterMenuNuovo .bloccoDestra .rigaSotto > div > a {
        display:block;
    }
}
