﻿


ul#icon-menu-mobile {
    position: absolute;
    width: 40px;
    height: auto;
    list-style-type: none;
    padding: 8px 5px 8px 5px;
    top: 7px;
    right: 0;
    margin-right: 20px;
    /*background-color:rgba(0,24,113,0.8);*/
    background-color: rgba(241,34,94,0);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; /* future proofing */
    -khtml-border-radius: 2px;
    cursor: pointer;
    z-index: 10;
    border: none 1px #bd0926;
}

    ul#icon-menu-mobile li {
        position: relative;
        float: left;
        clear: left;
        width: 100%;
        height: 2px;
        background-color: #000;
        margin-bottom: 6px;
    }

ul#icon-menu-mobile li:last-child
{
    margin-bottom:0px;
}





#wrapper-nav-menu-mobile {
    position: fixed;
    top: 0px;
    left: -5000px;
    width: 60%;
    height: auto;
    min-height: 300px;
    background-color: rgba(0,0,0,0.7);
    z-index: 9999999;
    overflow: scroll;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* IE 5-7 */
    filter: alpha(opacity=1);
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
}


    #wrapper-nav-menu-mobile .wrapper-header {
        position: relative;
        float: left;
        margin-left: 0px;
        width: 100%;
        /*background-color: #ffd204;*/
        border-bottom: solid 1px #002C77;
        /*background-color:rgba(0,0,0,0.6);*/
        padding-top: 0px;
        padding-bottom: 0px;
        /* IE10 */
        background-image: -ms-linear-gradient(top, #FFFFFF 0%, #999999 100%);
        /* Mozilla Firefox */
        background-image: -moz-linear-gradient(top, #FFFFFF 0%, #999999 100%);
        /* Opera */
        background-image: -o-linear-gradient(top, #FFFFFF 0%, #999999 100%);
        /* Webkit (Safari/Chrome 10) */
        background-image: -webkit-gradient(linear, top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #999999));
        /* Webkit (Chrome 11+) */
        background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #999999 100%);
        /* Regola standard */
        background-image: linear-gradient(to top, #FFFFFF 0%, #999999 100%);
    }

    #wrapper-nav-menu-mobile .wrapper-header .wrapper-logo {
        position: relative;
        float: left;
        margin-left: 15px;
        width: 100px;
        height: auto;
        padding-top: 5px;
        padding-bottom: 5px;
    }

#header.header-fixed #wrapper-nav-menu-mobile .wrapper-logo
{
    width:75px;
   
}

#wrapper-nav-menu-mobile .wrapper-header .wrapper-logo img
{
    width:100%;
    height:auto;
}

#wrapper-nav-menu-mobile .wrapper-header .wrapper-close-menu-mobile
{
    position:relative;
    float:right;
    margin-right:25px;
    margin-top:0px;
    width:auto;
    height:auto;
    padding-top:20px;
}

    #wrapper-nav-menu-mobile .wrapper-header .wrapper-close-menu-mobile a {
        font-size: 50px !important;
        color: #333 !important;
        text-decoration: none;
    }


#wrapper-nav-menu-mobile ul
{
    border-left-style:none!important;
    border-right-style:none!important;
    border-radius: 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

#wrapper-nav-menu-mobile ul.menu
{
    position:relative;
    float:left;
    width:100%;
    height:auto;
    list-style-type:none;
    padding-top:0px;
    padding-left:0px;
    margin:0;
}


#wrapper-nav-menu-mobile ul.menu>li
{
    position:relative;
    float:left;
    clear:left;
    width:100%;
    height:auto;
    line-height:50px;
    border-bottom:solid 1px rgba(182, 180, 180, 0.5);
    text-align:left;
    text-indent:0px;
    
}




#wrapper-nav-menu-mobile ul.menu a li, #wrapper-nav-menu ul.menu li a
{
    text-transform:uppercase;
    
}

    #wrapper-nav-menu-mobile ul.menu > li > a {
        padding-left: 10px;
        font-size: 20px;
        text-transform:uppercase;
    }

#wrapper-nav-menu-mobile a
{
    display:inline-block;
    width:100%;
   color:#fff;
    font-weight:bold;
    cursor:pointer;
   
}



#wrapper-nav-menu-mobile ul.menu li ul
{
    position:relative;
    float:left;
    width:100%;
    height:auto;
    list-style-type:none;
    padding:0px 0px 0px 0px;
    margin:0;
    background-color:#fff;
    
    
}

    #wrapper-nav-menu-mobile ul.menu li ul a {
        text-transform: none;
        font-size: 18px;
        font-weight: normal;
        padding-left: 0px;
        display: inline-block;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 20px;
        width: 100%;
    }

#wrapper-nav-menu-mobile ul.menu li>ul
{
    display:none;
}


#wrapper-nav-menu-mobile ul.menu li ul li {
    position: relative;
    float: left;
    clear: left;
    width: 100%;
    height: auto;
    line-height: 35px;
    border-bottom: solid 1px rgba(182, 180, 180, 0.5);
    text-align: left;
    text-indent: 0px;
}

#wrapper-nav-menu-mobile ul.menu li ul li:last-child
{
    border-bottom-style:none;
}


#wrapper-nav-menu-mobile ul.menu li ul li ul
{
    background-color:#f5f3f3;
}

#wrapper-nav-menu-mobile ul.menu li ul li ul li
{
    text-indent:5px;
}

#wrapper-nav-menu-mobile div.content-link
{
    position:relative;
    float:left;
    width:100%;
    height:auto;
    cursor:pointer;
}

#wrapper-nav-menu-mobile ul.menu li ul li ul li a
{
    color:#fff;
    
}

/*
#wrapper-nav-menu-mobile ul.menu li ul li a:hover
{
    background-color:#b4b4b5;
    color:#fff;
}
*/

/*Tablet landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) 
{
    ul#icon-menu-mobile {
        top: 5px;
    }

    #wrapper-nav-menu-mobile {
        left: -1000px;
        width: 75%;
    }
}
/*Fine Tablet landscape*/


/*Tablet portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) 
{
    #wrapper-nav-menu-mobile {
        left: -1000px;
        width: 75%;
    }
}
/*Fine Tablet portrait*/

