html {
    height: 100%;
}

body {
    background: #b5bdc8;
    background: -moz-linear-gradient(-45deg, #b5bdc8 0%, #828c95 36%, #28343b 100%);
    background: -webkit-linear-gradient(-45deg, #b5bdc8 0%, #828c95 36%, #28343b 100%);
    background: linear-gradient(135deg, #b5bdc8 0%, #828c95 36%, #28343b 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b', GradientType=1);
    color: white;
    height: auto;
    padding-top: 26px;
}
.logo-bb{
    padding-top: 12px;
    margin: 0 auto;
}

.logo{
  max-width:150px;
}
.menu-links{
    font-weight: 500;
}

@media screen and (min-width:998px){
    h1{
        margin-top: 10px;
        font-size:20px;
        color: #f7cc4e;
        font-weight: lighter;
        text-shadow: 1px 1px 3px #3e3e3e;
        
    }
    .navbar-nav>li>.dropdown-menu {
        padding-bottom: 0px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#afafaf+0,777777+100 */
        background: rgb(175,175,175); /* Old browsers */
        background: -moz-linear-gradient(left,  rgba(175,175,175,1) 0%, rgba(119,119,119,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  rgba(175,175,175,1) 0%,rgba(119,119,119,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  rgba(175,175,175,1) 0%,rgba(119,119,119,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afafaf', endColorstr='#777777',GradientType=1 ); /* IE6-9 */

    }
    .navbar-nav>li>.dropdown-menu>li>a{
        border-bottom: 1px solid #606060;
    }
    .navbar-inverse{

        background: -moz-linear-gradient(top,  rgba(14,14,14,1) 0%, rgba(125,126,125,0) 100%);
        background: -webkit-linear-gradient(top,  rgba(14,14,14,1) 0%,rgba(125,126,125,0) 100%);
        background: linear-gradient(to bottom,  rgba(14,14,14,1) 0%,rgba(125,126,125,0) 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#007d7e7d',GradientType=0 ); 
        border:0px;
        min-height: 130px;

    }
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
        border-color:#c4c4c4;
        width: 167px;
        text-align: center;
        border-radius: 10px 10px 0px 0px;
        transition: 0.5s linear all;
        -webkit-transition: 0.5s linear all;
        -moz-transition: 0.5s linear all;
        
    }
    .dropdown-toggle{
        border:1px solid white;
        border-radius:10px;
        margin-top:22px;
        padding: 10px;
        color: black!important;
        background-color: #f7cc4e;
        font-weight: lighter;
        text-shadow: 1px 1px 3px #3e3e3e;
    }
    .dropdown-toggle:focus,.dropdown-toggle:hover, .dropdown-toggle:active, .open .dropdown-toggle {
        border:1px solid black;
        background-color: #ad0000!important;
        color: white!important;
    }
}
/* SFOGLIABILE */

#sfogliabile {
    opacity: 0;
}

#magazine {
    max-width: 483px;
    border: 1px solid #4a4a4a;
    box-shadow: 0px 3px 10px #000;
    margin: 0 auto;
    height: 422px;
    background-color: rgba(0, 0, 0, 0.6);
    /* opacity: 0;*/
}

#magazine a {
    cursor: zoom-in;
}

#previous {
    background: #7d7e7d;
    background: -moz-linear-gradient(left, #7d7e7d 0%, #0e0e0e 100%);
    background: -webkit-linear-gradient(left, #7d7e7d 0%, #0e0e0e 100%);
    background: linear-gradient(to right, #7d7e7d 0%, #0e0e0e 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=1);
    float: right;
    width: 100%;
    border-radius: 20px 5px 5px 20px;
}

#menu-cont {
    display: none;
}

#next {
    background: #0e0e0e;
    background: -moz-linear-gradient(left, #0e0e0e 0%, #7d7e7d 100%);
    background: -webkit-linear-gradient(left, #0e0e0e 0%, #7d7e7d 100%);
    background: linear-gradient(to right, #0e0e0e 0%, #7d7e7d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#7d7e7d', GradientType=1);
    border-radius: 5px 20px 20px 5px;
}

#previous,
#next {
    max-width: 30px;
    box-shadow: 0px 3px 5px #000;
    line-height: 29;
    padding-left: 10px;
}

#previous:hover,
#next:hover,
#previous:focus,
#next:focus {
    max-width: 30px;
    box-shadow: inset 0px 3px 10px #000;
}
/* FINE SFOGLIABILE */
/* MENU PAGINE */

div.menu {
    padding: 10px;
    font-size: 10px;
}

.menu-pagine {
    background: #7d7e7d;
    background: -moz-linear-gradient(-45deg, #7d7e7d 0%, #0e0e0e 100%);
    background: -webkit-linear-gradient(-45deg, #7d7e7d 0%, #0e0e0e 100%);
    background: linear-gradient(135deg, #7d7e7d 0%, #0e0e0e 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=1);
    padding: 5px 5px;
    box-shadow: 0px 0px 3px #1d1d1d;
}

ul.nav-stacked li a {
    padding: 6px;
    background: #7d7e7d;
    background: -moz-linear-gradient(-45deg, #7d7e7d 0%, #0e0e0e 100%);
    background: -webkit-linear-gradient(-45deg, #7d7e7d 0%, #0e0e0e 100%);
    background: linear-gradient(135deg, #7d7e7d 0%, #0e0e0e 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=1);
    margin: 3px 0px;
    color: white;
    text-shadow: 1px 1px 3px #000;
    border-radius: 0px;
    box-shadow: 0px 0px 3px #1d1d1d;
    font-size: 13px;
    line-height: 14px;
}

#menutop,
#menudown {
    text-align: center;
    padding: 5px;
    box-shadow: 0px 0px 3px #1d1d1d;
    background: #7d7e7d;
    background: -moz-linear-gradient(-45deg, #7d7e7d 0%, #0e0e0e 100%);
    background: -webkit-linear-gradient(-45deg, #7d7e7d 0%, #0e0e0e 100%);
    background: linear-gradient(135deg, #7d7e7d 0%, #0e0e0e 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=1);
}

#menutop:hover,
#menudown:hover,
#menutop:focus,
#menudown:focus,
ul.nav-stacked li a:hover,
ul.nav-stacked li a:focus {
    box-shadow: inset 2px 2px 6px #000;
    /* background: #7d7e7d;
    background: -moz-linear-gradient(-45deg,  #0e0e0e  0%,#7d7e7d 100%); 
    background: -webkit-linear-gradient(-45deg,  #0e0e0e 0%,#7d7e7d 100%);
    background: linear-gradient(135deg,  #0e0e0e 0%,#7d7e7d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#7d7e7d',GradientType=1 ); */
}

.menu-title a {
/*    font-size: 15px;
    padding-top: 11px!important;
    padding-bottom: 11px!important;*/
    text-align: center;
    background: #c50000 !important;
    background: -moz-linear-gradient(top, #c50000 0%, #7d1618 100%)!important;
    background: -webkit-linear-gradient(top, #c50000 0%, #7d1618 100%)!important;
    background: linear-gradient(to bottom, #c50000 0%, #7d1618 100%)!important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00a042', endColorstr='#006e2e', GradientType=0)!important;
}
/* FINE MENU PAGINE */
/* MENU MOBILE  */

.menu-mobile .btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
}
/* FINE MENU MOBILE */
/* MEDIA QUERY */

@media screen and (min-width:460px) and (max-width:768px) {
    .menu-pagine {
        display: none;
        position: fixed;
        width: 100%;
        top: 50px;
        z-index: 1000000;
    }
    .logo{
        width:90px;
    }
    .navbar-brand {
        padding: 4px 14px;
    }
}

@media screen and (max-width:460px) {
    #magazine {
        max-width: 240px;
    }
    .logo{
        width:90px;
    }
    .navbar-brand {
        padding: 4px 14px;
    }
    .menu-pagine {
        display: none;
        position: fixed;
        width: 100%;
        top: 50px;
        z-index: 1000000;
    }
    ul.nav-stacked li a {
        font-size: 15px;
    }
}