@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');

html, body {
    color:#777;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding:0 0;
    margin:0 0;
    background-image:url('../images/bg.png');
    background-size: cover;
    background-attachment: fixed;
}

a { text-decoration: none; color:#aad63e; }
#clear { clear:both; }

h1, h2, h3, h3, h4, h5, h6 {
    font-weight: 300;
    padding:0 0;
    margin:0 0;
}

.all {
    width:1000px;
    padding:0 0 30px 0;
    margin:0 auto;
/*    background-image:url('../template_preview.png');*/
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.mContent {
    width:950px;
    margin:-30px auto 0 auto;
    border-bottom: 1px solid transparent;
}

header {
    text-align: left;
    padding:15px 0 0 0;
}
    header a.logo { 
        float: left;
    }
        header a.logo img {
            height:75px;
            height:120px;
            margin:25px 0 0 0;
        }

    header nav ul {
        list-style: none;
        display: block;
        float: left;
        padding:0 0;
        margin:60px 0 0 50px;
    }
        header nav ul li {
            display: inline-block;
            font-size: 1.3em;
            font-weight: bold;
            text-transform: uppercase;
            margin:0 3px;
        }
        header nav ul li a {
            font-style: normal;
            text-decoration: none;
            padding:7px 15px 7px 15px;
            text-shadow: -1px 1px 1px #aaa;
            border-bottom:2px solid transparent;
            transition-duration: 1s;
            border-top-left-radius:3px;
            border-top-right-radius:3px;
        }
            header nav ul li a:hover,
            header nav ul li.current a {
                text-decoration: none;
                border-bottom:2px solid;
                background-color:#fff;
                box-shadow:0 0 10px #888;
            }


            
        
header nav ul li:nth-child(1) a { color:#e21c38; }
header nav ul li:nth-child(2) a { color:#9151a1; }
header nav ul li:nth-child(3) a { color:#c44893; }
header nav ul li:nth-child(4) a { color:#f87d30; }
header nav ul li:nth-child(5) a { color:#fed228; }

    /* Eccezioni per la lingua */
.bg header nav ul li {
    font-size: 1.2em;
}


.mob_menu {
    width:30px;
    height:30px;
    float:right;
    z-index:20;
    margin:0 auto 20px auto;
    background-image:url('../images/menu_g.png');
    background-size:cover;
    background-position: top center;
    background-repeat: no-repeat;
    cursor: pointer;  
}

header .langSwitch {
    text-align: right;
    margin:-20px 0 10px 0;
    border:1px solid transparent;
}

.lang-inline {
    display: inline-block;
    padding:5px 7px;
}
    .lang-inline li img {
        opacity: 0.9;
        border-radius:2px;
        transition-duration: 1s;
    }
        .lang-active img {
            box-shadow:0 0 5px #888;
        }
        .lang-inline li:hover img {
            opacity: 1;
            box-shadow:0 0 15px #888;
        }


header .slider {
    width:99.9%;
    height:350px;
    margin:10px 0 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius:3px;
}

#djslider92 img, 
#djslider98 img {
    border-radius:3px;
}

#djslider-loader92,
#djslider-loader98 {
    max-height: 350px;
}


header .bottom_shadow {
    width:99.9%;
    height:30px;
    background-image: url('../images/bottom-shadow.png');
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
}

header .afterIframe {
    margin:-10px 0 0 0;
}

.main {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    margin:0px auto 0 auto;
}
.main .fjl { padding-right: 35px; }

.item-page {
    text-align: justify;
    padding:0 15px;
}

.page-header {
    padding:0 0 10px 8px;
    background-image:url('../images/page-header.png');
    background-size: 70% 2px;
    background-position: bottom left;
    background-repeat: no-repeat;
}
    .page-header h2 {
        color:#e21c38;
        font-size: 1.8em;
        text-transform: uppercase;
        letter-spacing: 0.1em;
    }


/* Sidebar */
.sidebar img {
    border-radius:3px;
}
.main .moduletable {
    padding:0 0 10px 8px;
    background-image:url('../images/page-header.png');
    background-size: 100% 2px;
/*    background-position: bottom left;*/
    background-position: 0 3em;
    background-repeat: no-repeat;
}
    .main .moduletable h3 {
        color:#e21c38;
        font-size: 1.8em;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        margin:0 0 30px 0;
    }

.noBg { background:none; }

.main .moduletable .custom {
    margin:0px 0 0 0;
}

.title {
    color:#e21c38;
    font-size: 1.8em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin:0 0 20px 0;
}


/* Breadcrumbs */
ul.breadcrumb {
    text-align: left;
    list-style: none;
    display: block;
}
    ul.breadcrumb li {
        display:inline-block;
        padding:0 5px;
    }

.breadcrumb .divider { display: none; }
.breadcrumb a { color:#777; }


/* Footer */
footer {
    color:#fff;
    font-size: 0.9em;
    text-align: left;
    background-color: #2d241c;
/*    background-image:url('../images/footer-background.png');*/
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
    footer::before {
        width:100%;
        height:10px;
        content: "";
        position: absolute;
        top:1;
        left: 0;
        
        background-image: url('../images/green-bar.svg');
        background-repeat: no-repeat;
        background-size: cover;
    }

footer a { color:#aad63e; }

footer .all {
    height:auto;
    display: flex;
    flex-wrap: wrap;
}

    footer .box {
        width: 30%;
        height:auto;
        padding:30px 1.5% 10px 1.5%;
    }

footer ul.menu li {
    list-style: circle !important;
}


.debug {
    width:200px;
    height:200px;
    position: fixed;
    top:0;
    left: 0;
}


/* Contatti */
.page_contatti .fjl,
.page_contatti .fjr {
    font-size: 0.9em;
}

.page_contatti .flex .fjl,
.page_contatti .flex .fjr {
    padding:0 0 0 10px;
}

.inputbox {
    width: 94%;
    color:#777;
    font-family: 'Roboto', sans-serif;
    font-size: 0.9em;
    letter-spacing: 1px;
    padding:10px 15px;
    margin:5px 0 10px 0;
    border:1px solid #ccc;
    border-radius:3px;
    transition-duration: 1.2s;
}
    .inputbox:hover {
        box-shadow: inset 0 0 10px #efefef;
    }

textarea.inputbox {
    height:150px;
        min-height:150px;
        max-height:150px;
}

.buttonbox {
    min-width:100px;
    color:#555; 
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding:10px 20px;
    border:1px solid #ccc;
    border-radius:5px;
    transition-duration: 1.2s;
}
    .buttonbox:hover {
        color:#fff;
        background-color: #e21c38;
        border:1px solid #e21c38;
    }

/* Gallery */
.fancyGallery {
    text-align: justify;
}

.fancyGallery > .thumbs { 
    width:100px;
    height:124px;
    text-align: center;
    flex:3;
}

.fancyGallery > .thumbs:hover img { 
    height:115px;
    margin-top:3px;
    opacity: 0.9;
    box-shadow: 0 0 3px #555;
}

.thumbs img {
    height:98px;
    height:120px;
    margin:0 3px;
    transition-duration: 0.2s;
}


/* Partner */
.partnerBox img {
    width:45%;
    height:auto;
    opacity: 0.9;
    margin:2px 5px;
    border:1px solid transparent;
    transition-duration: 0.2s;
}

.partnerBox img:hover {
    opacity: 1;
    border:1px solid #aad63e;
    box-shadow: 0 0 3px #aad63e;
}


/* Occhio alla frode */
.occhio_frode {
    height:150px;
    padding:10px 0;
    background:none; 
}

.occhio_frode img { width:auto !important; height:92px !important; opacity:0.9; transition-duration: 1s; }
.occhio_frode:hover img { height:96px !important; opacity:0.9; }


#redim-cookiehint {
    color:#fff;
    background-color:#2D241C;
}
    #redim-cookiehint::before {
            width:100%;
            height:10px;
            content: "";
            position: absolute;
            top:0;
            left: 0;

            background-image: url('../images/green-bar.svg');
            background-repeat: no-repeat;
            background-size: cover;
        }

    .cookiecontent {
        color:#777 !important;
    }
    .cookiebuttons .btn {
        color:#fff !important;
        border-radius:3px !important;
        background-color:#aaa !important;
    }



/* VERSIONE MOBILE */
@media (max-width: 800px) { 
    
    
    header .logo img {
        width:120px; height:auto !important;
        margin:-10px 0 0 0 !important;
    }
    header nav {
        margin-bottom:25px;
    }
    #main_menu {
        width:99.9%;
        position: fixed;
        top:10;
        left:0;
        z-index:1000;
        margin:15px 0 0 0;
    }
    #main_menu li {
        width:99.9%;
        text-align: center;
        padding:20px 0;
        background-color:#fff;
    }
        #main_menu li a {
            box-shadow: none !important;
        }
    
}