@import "less/font-awesome.less";
.window-load-slideshow{
        opacity: 0;
}
.page-loaded .window-load-slideshow{
    opacity: 1;
}

#template-modello-2016{
    position: relative;
    z-index: 1;
    .vw-sub-menu-gray{
        padding:6px 20px 7px 20px;
        background: #eaeaea;
        color:#000;
        h2{
            display: inline-block;
            width: auto;
            padding: 0 10px 0 0;
            font-size: 14px;
            margin: 0;
            position: relative;
            top:1px
        }
        a{
            color:#000;
        }
        > ul{
            font-family: VWHeadlineOTBook, sans-serif;
            display: inline-block;
            margin: 0;
            padding: 0;
            li{
                display: inline-block;
                border-left: 1px solid #cfd7d9;
                padding:0 12px;
                a.selected, a.page-tab-toggle-active{
                    font-family: VWHeadlineOTBlack,sans-serif;
                    color:#2274af;
                }
            }
        }
    }
    
    .page-tab{
        display: none;
    }
    
    .page-tab-active{
        display: block;
    }
    
    #slideshow-model-thumbs{
        position: relative;
        background: #eaeaea;
        padding:10px 42px;
        margin: 15px 0 40px 0;
        .cycle-prev, .cycle-next{
            display: block;
            position: absolute;
            top:50%;
            bottom:0;
            width: 42px;
            color:#33434c;
            font-size:20px;
            text-align: center;
            vertical-align: middle;
            margin-top:-10px;
            &.disabled{
                opacity: .06;
            }
        }
        .cycle-prev{
            left:0;
        }
        .cycle-next{
            right:0;
        }
        .cycle-slide{
            cursor: pointer;
            overflow: hidden;
            > div{ background: #000; float: left; }
            img{
                display: block;
                opacity: .5;
            }
            
            vertical-align: top;
        }
        .cycle-slide-active{
           img{opacity: 1;}
        }
    }
    
    .modello-listini{
        *{
            box-sizing: border-box;
        }
        ul{
            padding: 0;
            margin:7px 0 74px 0;
            list-style-type: none;
            overflow:hidden;
            li{
                 width:50%;
                float:left;
                > a{
                    overflow:hidden;
                    margin-bottom:7px;
                    margin-right:3px;
                    padding:14px 18px;
                    background:#eaeaea;
                    display: block;
                    border: 1px solid #cfd7d9;
                    border-left:none;
                    color:#000;
                }
                &:nth-child(even){
                    > a{
                        border-left: 1px solid #cfd7d9;
                        border-right:none;
                        margin-right:0;
                        margin-left:4px;
                    }
                }  
                h3{
                    font-size:16px;
                    margin: 0;
                    padding: 0;
                    margin-top:30px;
                    margin-bottom:15px;
                }
                div{
                    font-family: VWHeadlineOTBook, sans-serif;
                    font-size:14px;
                }
                div.fa-icon{
                    float:left;
                    margin-right: 15px;
                }
                div.img-preview{
                    display: block;
                    float:left;
                    width: 146px;
                    height: 146px;
                    margin-right: 10px;
                        text-align:center;
                    img{
                        max-width: 100%;
                        
                    }
                }
            }
        }
    }
    
    .row_link{
            text-align: right;
            border-bottom:1px solid #8d97a3;
            padding-right: 0;
        a{
            color:#8d97a3;
            background: #fff;
            line-height: 3em;
            font-family: VWHeadlineOTBook, sans-serif;
            font-size:14px;
            display: block;
            text-decoration: none;
            text-transform: uppercase;
            &:after{
                padding-left: 8px;
                padding-right: 10px;
                color:#1f74ac;
                content: "\f054";
                font: normal normal normal 14px/1 FontAwesome;
                font-size: inherit;
                text-rendering: auto;
                -moz-osx-font-smoothing: grayscale;
            }
        }
    }
    .box_column_t2{
        background: transparent;
        margin-bottom:30px;
        width: auto;
        padding: 0;
        float:none;
    }

    .vw-header{
        background: #c9c9c9;
    }





    /* Accordion */
    
    .vw-accordion{
       > .vw-accordion-content, > .vw-accordion-content-active{
            padding:7px 33px;
            background: #f5f5f5;
            margin-bottom: 13px;
        }
        > .vw-accordion-head{
            padding:11px 33px;
            background:#c9c9c9;
            border:none;
            color:#33434c;
            &:hover{
                border-color:#0059ad;
            }
            &:before{
                background-image: url('data:image/svg+xml;utf8,<svg id="c713e90b-a9a5-4464-aa53-31e1d06c1fc0" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 10"><title>2-arrow-down</title><polyline points="2 1.57 8 8.43 14 1.57" style="fill:transparent;stroke:%2333434c;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7142857313156128px"/></svg>');
                width: 16px;
                height: 10px;
                background-size: 16px 10px;
            }
            &.vw-accordion-head-active{
                margin-bottom: 0;
                border:none; 
                &:before{
                    background-image: url('data:image/svg+xml;utf8,<svg id="407dc96e-a9d3-4f85-a17d-a092691d1d37" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 10"><title>1-arrow</title><polyline points="14 8.43 8 1.57 2 8.43" style="fill:transparent;stroke:%2333434c;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7142857313156128px"/></svg>');
                }
            }
        }
    }



    .model-table{
        background-color: transparent;
        border-top:none;
        border-bottom-color:#33434c;
        thead tr th,tbody tr td, tfoot tr td{
            background-color: transparent;
        }
    }
    
    .call-to-action-menu{
        display: block;
        position: relative;
        list-style: none;
        padding: 0;
        margin: 0;
        li{
            width: 100%;
            display: block;
            box-sizing: border-box;
            margin: 0px 0 1px;
            position: relative;
            text-align: right;
            a{
                display: block;
                text-decoration: none;
                color: #FFF;
                font-size: 1em;
                text-transform: uppercase;
                background: #8d97a3;
                padding: 21px 29px  20px 54px;
                line-height: 1.071em;
                font-family: VWHeadlineOTBook, sans-serif;
                font-size:14px;
                text-transform: uppercase;
                &:after{
                    content: '';
                    display: block;
                    width: 39px;
                    height: 54px;
                    position: absolute;
                    top: 0;
                    right: 0;
                    background: url(../img/sprite.png) -4px -369px no-repeat;
                }
                &.preventivo{
                    background: #2274af url(../img/sprite.png) -9px -422px no-repeat
                }
                &.td{
                    background: #2274af url(../img/sprite.png) -9px -89px no-repeat
                }
            }
            
        }
    }


}







/* MAIN MENU */


#MainMenu a, #service-flotte .title{
    font-family: 'VWHeadlineOTBook';
}

/* --- inizio MENU PRINCIPALE ------------------------------------*/

#MainMenu{
    width:              960px;
    padding:            0px;
    margin:             0px;
    background-color:   #fff;
    clear: both;
}


#MainMenu > ul {
    list-style-type:    none;
    width:              auto;
    margin:             0px;
    margin-left:        1.5em;
    padding:            0px;
    color:              #33434c;
    font-size:          12px;
    font-weight:        normal;
    text-decoration:    none;
}


#MainMenu > ul > li {
    /*height:           30px;*/
    display: inline-block;
    margin-bottom:      0px;
    color:              #33434c;
    background-image:   url(../images/bg_menu.jpg) ;
    background-position:center left;
    position: relative;
}


#MainMenu > ul > li > a.menu{
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 6px;
    display: block;
    z-index:600;
    position:relative;
    text-decoration:    none;
    color:              #33434c;
    white-space: nowrap;
    padding-bottom: 4px;
}

#MainMenu > ul > li:hover a,
#MainMenu > ul > li > a.menu:hover{
    color:              #2274ac;
    text-decoration:    none;
    background: #fff;
}


#MainMenu > ul > li > a.menu:active{
    color:              #2274ac;
    text-decoration:    none;
}


#MainMenu > ul > li > a{
    color:              #2274ac;
    text-decoration:    none;
}


#MainMenu > ul > li > a:hover{
    color:              #2274ac;
    text-decoration:    none;
}


#MainMenu > ul > li:active{
    color:              #2274ac;
    text-decoration:    none;
}


#MainMenu > ul > li.selected a {
    color:              #2274ac;
    text-decoration:    none;
}
#MainMenu h1{
    display: inline-block;
    padding-right:10px;
}

#MainMenu > ul ul{
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    visibility: hidden;
    opacity:0;
    position: absolute;
}

#MainMenu > ul > li:hover{
    &.modelli-sbmn{
        -webkit-box-shadow: 0 0 4px rgba(0%, 0%, 0%, 0.4);
        -moz-box-shadow: 0 0 4px rgba(0%, 0%, 0%, 0.4);
        -ms-box-shadow: 0 0 4px rgba(0%, 0%, 0%, 0.4);
        box-shadow: 0 0 4px rgba(0%, 0%, 0%, 0.4);
        z-index: 3;
    }
    ul{
        opacity:1;
        visibility: visible;
        top: 25px;
        left:-27px;
        list-style-type: none;
        padding: 0;
        margin: 0;
        background: #fff;
        width: 200px;
        z-index: 1;
        padding: 11px 0;
        -webkit-box-shadow: 0 0 4px rgba(0%, 0%, 0%, 0.4);
        -moz-box-shadow: 0 0 4px rgba(0%, 0%, 0%, 0.4);
        -ms-box-shadow: 0 0 4px rgba(0%, 0%, 0%, 0.4);
        box-shadow: 0 0 4px rgba(0%, 0%, 0%, 0.4);
        > li{
            margin: 0;
            padding: 0 10px 0 10px;
            a{
                display: block;
                padding: 5px 10px 3px 10px;
                border-bottom: 1px solid #cfd7d9;
                color: #33434c;
                &:hover{ background-color: #cfd7d9; }
            }
            &:last-child{
                a{
                    border-bottom: none;
                }
            }
        }
    }
}

/*--- versione con immagini in rollover ---*/
/*

#MainMenu div#main_menu{

    padding-top:        6px;
    float:left;
}


#MainMenu a#btn_home {
    display: block;
    width:              70px;
    height:             14px;
    background-image:   url(../images/btn_home.jpg);
    margin:             0px;
    margin-left:        0px;
    float:              left;
}


#MainMenu a#btn_home:hover {
    background-image:   url(../images/btn_home_in.jpg);
}


#MainMenu a#btn_home.active {
    background-image:   url(../images/btn_home_in.jpg);
}


#MainMenu a#btn_azienda {
    display: block;
    width:              64px;
    height:             14px;
    background-image:   url(../images/btn_azienda.jpg);
    margin:             0px;
    margin-left:        0px;
    float:              left;
}


#MainMenu a#btn_azienda:hover {
    background-image:   url(../images/btn_azienda_in.jpg);
}


#MainMenu a#btn_azienda.active {
    background-image:   url(../images/btn_azienda_in.jpg);
}


#MainMenu a#btn_servizi {
    display: block;
    width:              92px;
    height:             14px;
    background-image:   url(../images/btn_servizi.jpg);
    margin:             0px;
    margin-left:        0px;
    float:              left;
}


#MainMenu a#btn_servizi:hover {
    background-image:   url(../images/btn_servizi_in.jpg);
}


#MainMenu a#btn_servizi.active {
    background-image:   url(../images/btn_servizi_in.jpg);
}


#MainMenu a#btn_promozioni {
    display: block;
    width:              80px;
    height:             14px;
    background-image:   url(../images/btn_promozioni.jpg);
    margin:             0px;
    margin-left:        0px;
    float:              left;
}


#MainMenu a#btn_promozioni:hover {
    background-image:   url(../images/btn_promozioni_in.jpg);
}


#MainMenu a#btn_promozioni.active {
    background-image:   url(../images/btn_promozioni_in.jpg);
}


#MainMenu a#btn_eventi {
    display: block;
    width:              88px;
    height:             14px;
    background-image:   url(../images/btn_eventi.jpg);
    margin:             0px;
    margin-left:        0px;
    float:              left;
}


#MainMenu a#btn_eventi:hover {
    background-image:   url(../images/btn_eventi_in.jpg);
}


#MainMenu a#btn_eventi.active {
    background-image:   url(../images/btn_eventi_in.jpg);
}


#MainMenu a .alt { display: none; }

*/


/* --- fine MENU PRINCIPALE ------------------------------------*/