/* UTILIZZATI DA TUTTI */
body {
    margin:0px;
    font-family: Verdana;
    font-size:13px;
    color: #666666;
    font-family: 'Titillium Web', sans-serif;
}
.container {
    width:80%;
    max-width:2000px;
    margin: 0px auto;
    position: relative;
    /* COMPATIBILITA' MOBILE, TABLET....*/
    /*border:solid 1px transparent;*/
}

/* HEADER */
.containerheader {
    height:115px;
}
.header {
    width: 100%;
    position: relative;
}

.contenitorelogo {
    margin-top: 20px;
    margin-bottom:20px;
    float: left;
    width:30%;
}
    .contenitorelogo img {
        width:100%;
        max-width:300px;
    }
.ProduttoriWrapper {
    float: right;
    position: relative;
    margin-top: 21px;
    text-align:center;
}
.ProduttoreItem {
    display:inline-block;
    margin:5px;
    margin-top:0px;
    vertical-align:top;
}
    .ProduttoreItem img {
        width:100%;
    }
.headerlingue {
    margin-top: 21px;
    float: right;
    font-size: 13px;
    background-color:#0071bc;
    padding:2px;
    padding-left:4px;
    padding-right:8px;
    box-sizing:border-box;
}
.headerlingue a {
    color:white;
    text-decoration: none;
}
.headerlingue a img {
    margin-right: 5px;
    padding-top:4px;
}
.headerlingue a.NavigaItaliano {
    margin-right: 20px;
}

a.LinguaSelected {
    font-weight:bold;
}

/* MENU */
.MenuPrincipale {
    display:none;
}
.MenuPrincipaleLeft {
    position:absolute;
    bottom:0px;
    right:0px;
    bottom: 0px;
    right: 0px;
    height: 55px;
}
        div.MenuPrincipaleLeft label {
            display:none;
        }
        div.MenuPrincipaleLeft input {
            display:none;
        }
        div.MenuMacchinariResponsivoLeft {
            display:none;
        }
        div.MenuMacchinariResponsivoLeft label {
            display:none;
        }
        div.MenuMacchinariResponsivoLeft input {
            display:none;
        }
.MenuPrincipaleLeft a.MenuItem {
    color: black;
    display: block;
    height: 39px;
    border-right: solid 1px #0071bc;
    padding-top: 17px;
    padding-left: 15px;
    padding-right: 30px;
    transition: background-color 0.8s;
    text-decoration: none;
    float: left;
    font-size: 14px;
}
        .MenuPrincipaleLeft a.MenuItem {
            color:black;
            display:block;
            height:38px;
            border-right:solid 1px #0071bc;
            padding-top:17px;
            padding-left:21px;
            padding-right:21px;
            transition:background-color 0.8s;
            text-decoration:none;
            float:left;
            font-size:14px;
        }
            .MenuPrincipaleLeft a.MenuItem:hover {
                color:white;
                background-color:#0071bc;
            }
        .MenuPrincipaleLeft a.MenuSelezionato {
            color:white;
            background-color:#0071bc;
        }
div.MenuMacchinariResponsivo {
    display:none;
}
/* MENU A SINISTRA */
.ContenutoMenuASinistra {
    float: left;
    width:21%;
}
div.MenuCategorieWrapper {
    width: 100%;
}
div.MenuCategorieWrapper > input {
    display: none;
}
div.MenuCategorieWrapper > input + div {
    height: auto;
}
div.MenuCategorieWrapper div.MenuCategorieItem {
    background-color: #0071bc;
    display: block;
    color: white;
    transition:background-color 500ms;
    position:relative;
}
   div.MenuCategorieWrapper div.MenuCategorieItem:hover div.ImmagineFreccettaSX {
        background-image:url('/immagini/freccetta-menu-categorie.png');
        background-position:6px 50%;
        background-repeat:no-repeat;
    }
div.ImmagineFreccettaSX {
    position:absolute;
    top:0px;
    left:0px;
    width:17px;
    height:100%;
}
div.MenuCategorieWrapper div.MenuCategorieItem a {
    text-decoration: none;
    color: white;
    display: block;
    height: inherit;
    padding: 9px 0px 9px 25px;
    box-sizing:border-box;
}
div.MenuCategorieWrapper div.MenuCategorieItem:hover {
    background-color: #29abe2;
}
div.MenuCategorieWrapper div.MenuCategorieItem:hover > img {
    visibility: visible;
}
div.MenuCategorieWrapper div.MenuCategorieItemSelected {
    background-color: #29abe2;
}
div.MenuCategorieWrapper div.MenuCategorieItemSelected > img {
    visibility: visible;
}



/* CONTENUTO A DESTRA */
.ContenutoCorpoADestra {
    float: right;
    width:76%;
}


/* FOOTER */
.footer {
    width: 100%;
    height:auto;
    padding-bottom:22px;
    background-color: #e6e6e6;
}
.footer .footercontainer {
    padding-top: 26px;
}
.footer .footercontainer img.logo {
    width: 200px;
    margin-left: 30px;
    display: block;
    float: left;
}
.footer .footercontainer div.footeritems {
    display: block;
    float: left;
    margin-left: 80px;
    padding-top:18px;
    color: black;
    font-size: 15px;
    width:70%;
    text-align:left;
}
    .footer .footercontainer div.footeritems div,
    .footer .footercontainer div.footeritems span {
        display:inline-block;
        font-size:14px;
    }

/* HOMEPAGE */
.headerslides {
    width: 100%;
}
.TestoHomePage {
    font-size: 14px;
    color: black;
    text-align: center;
    width:100%;
    margin-top:38px;
}
.TestoHomePage span.HomeLoStaffLegnomac {
    color: #0071bc;
    font-weight: bold;
}
a.LinkHomePage {
    width: 305px;
    height: 330px;
    position: relative;
    z-index: 1111;
    display: inline-block;
}
a.LinkHomePage img {
    width: 305px;
    position: relative;
    display: inline-block;
    z-index: 2222;
}
a.LinkHomePage div.Cover {
    position: absolute;
    z-index: 3333;
    top: 0px;
    left: 0px;
    width: 305px;
    height: 284px;
    background-color: #33789e;
    opacity: 0.8;
}

/* CONTATTI */
.ContattiIFRAME {
    float: left;
    width: 68%;
}
    .ContattiIFRAME > a {
        width:100%;
    }
    .ContattiIFRAME > a > img {
        width:100%;
    }
.PaginaContattiWrapper iframe#Map {
    width: 100%;
    height:450px;
}
.ContattiContatti {
    float: right;
    font-size: 14px;
    color: black;
    padding-top: 35px;
    width:28%;
    box-sizing:border-box;
    text-align:center;
}
    .ContattiContatti .ContattiInformazioni {
        background-color:#0071bc; 
        width:100%; 
        height:40px;
    }
        .ContattiContatti .ContattiInformazioni span {
            text-decoration:none; 
            color:white; 
            text-transform:uppercase; 
            display:block; 
            height:100%; 
            padding:9px; 
            box-sizing:border-box;
        }
div.RichiediciInformazioniWrapper {
    padding-top:30px;
    box-sizing:border-box;
}

    /* CATALOGO */

    div.CatalogoImage {
        height:auto;
        width:100%;
        height:110px;
        position:relative;
        background-image:url('/macchinari-per-il-legno/Catalogo/macchine-per-lavorare-il-legno-catalogo-prodotti.jpg');
        background-size:100% 100%;
        background-position:0px 0px;
    }
    div.CatalogoImage div.Claim {
        width:100%;
        padding-top:38px;
        position:absolute;
        top:0px;
        right:0px;
        text-align:right;
    }
        div.CatalogoImage div.Claim span {
            color:white;
            font-size:27px;
            font-weight:bold;
            /*border-left:solid 1px #0173B9;*/
            padding-left:8px;
            letter-spacing:1px;
        }

/* PAGINA ELENCO */
.PanelNoMacchine {
    text-align:center;
    font-size:14px;
}
    .PaginaElencoDesktop {
        display:block;
        text-align:center;
    }
    .PaginaElencoMobile {
        display:none;
    }
    .PosizioneSuPaginaElenco {
        display:block;
        position:absolute;
        top:0px;
        left:0px;
        width:0px;
        height:0px;
        overflow:hidden;
    }
div.NomeCategoriaWrapper {
    width:100%; 
    height:74px; 
    position:relative;
    margin-top:36px;
    padding-top:5px;
    box-sizing:border-box;
    text-transform:uppercase;
    text-align:center;
    font-size:18px;
    background-image:url('/macchinari-per-il-legno/Catalogo/header-briciole.png');
    background-repeat:repeat-x;
}
    .ElencoItem {
        display:inline-block;
        width:290px;
        height:298px;
        position:relative;
        margin:10px;
    }
    .LastElencoItem {
        margin-right:0px;
    }
        .ElencoItem > a div.DivElencoMargin {
            margin-top:-48px; 
            position:relative; 
            border-right:solid 1px silver;
            border-left:solid 1px silver;
            border-bottom:solid 1px silver;
        }
            .ElencoItem > a div.DivElencoMargin img {
                display:block;
            }
        .ElencoItem > a img.ImmagineProdotto {
            display:block;
            width:100%;
            transition:opacity 600ms;
        }
            .ElencoItem > a img.ImmagineProdotto:hover {
                opacity:0.68;
            }
        .ElencoItem > a div.DescrizioneSuPaginaElenco {
            position:absolute;
            bottom:0px;
            height:69px;
            padding:13px;
            padding-top:5px;
            width:90%;
            left:0px;
            font-weight:bold;
            text-transform:uppercase;
            font-size:12px;
            color:black;
            line-height:25px;
        }
            .ElencoItem > a div.DescrizioneSuPaginaElenco div.VediScheda {
                position:absolute;
                width:90%;
                bottom:10px;
                text-transform:capitalize;
                font-weight:normal;
                font-style:italic;
                line-height:13px;
            }
                .ElencoItem > a div.DescrizioneSuPaginaElenco div.VediScheda span {
                    color:red;
                }


    /* PAGINA DETTAGLIO */
    div.DettaglioProdotto {
        margin-top:36px;
    }
    div.NomeProdottoWrapper {
        width:100%; 
        height:95px;
        position:relative;
        margin-top:36px;
        padding-top:10px;
        box-sizing:border-box;
        text-transform:uppercase;
        text-align:center;
        font-size:18px;
        background-image:url('/macchinari-per-il-legno/Catalogo/header-briciole.png');
        background-repeat:repeat-x;
        line-height:18px;
    }
    .DettaglioSinistro {
        width:49%;
        float:left;
    }
    .DettaglioSinistro img.ImmaginePrincipale {
        display:block;
        margin:0px auto;
        width:100%;
    }
    .DettaglioDettaglio {
        width:49%;
        padding-left:15px;
        padding-right:15px;
        padding-bottom:15px;
        box-sizing:border-box;
        float:right;
        background-image:url('/macchinari-per-il-legno/Catalogo/dettaglio-dettaglio.png');
        background-size:100% auto;
        background-repeat:repeat-y;
        min-height:346px;
    }
        .DettaglioDettaglio div.DettaglioItem {
            border-bottom:solid 1px #999999;
            padding:10px;
            padding-left:0px;
            box-sizing:border-box;
        }
            .DettaglioDettaglio div.DettaglioItem span.Intestazione {
                display:block;
                color:#237bbf;
                font-weight:bold;
                float:left;
                width:170px;
            }
            .DettaglioDettaglio div.DettaglioItem span.Contenuto {
                float:left;
                color:black;
                font-weight:bold;
            }
        .DettaglioDettaglio div.DettaglioDescrizione {
            text-align:left;
            margin-bottom:15px;
            font-size:15px;
        }
        .DettaglioDettaglio div.DettaglioDescrizione span.Intestazione {
            display:block;
            color:#237bbf;
            font-weight:bold;
            padding-top:15px;
            padding-bottom:10px;
            font-size:13px;
        }
    .ImmaginiAllegateWrapper {
        position:relative;
        margin-top:20px;
        margin-left:-15px;
        margin-right:-15px;
        text-align:center;
    }
    div.ImmaginiAllegateWrapper span.ImmaginiAllegateIntestazione {
        color:#0071bc;
        font-weight:bold;
        display:block;
        padding:15px;
    }
    .immagineAllegataItem {
        display:inline-block;
        margin:1%;
        width:30%;
    }
        .immagineAllegataItem img{
            width:100%;
        }

    div.VideoAllegatiWrapper {
        position:relative;
        margin-top:20px;
        margin-bottom:20px;
        background-color:#f2f2f2;
    }
    div.VideoAllegatiWrapper span.VideoAllegatiIntestazione {
        color:#0071bc;
        font-weight:bold;
        display:block;
        padding:15px;
    }
    .LabelRichiediInformazioniIntestazione {
        color:#0071bc;
        display:block;
        width:100%;
        text-align:center;
        padding-top:40px;
        padding-bottom:40px;
        font-size:17px;
    }
.FormPaginaDettaglioWrapper {
    background-color:#f2f2f2;
    position:relative;
    padding-bottom:20px;
}

/* SNIPPET BREADCRUMBS */
div.SnippetBreadCrumbs {
    border-top:solid 1px #837D7D;
    position:relative;
    float:right;
    bottom:0px;
    left:0px;
    width:auto;
    margin-top:-40px;
}
    div.SnippetBreadCrumbs ol {
        list-style:none;
        margin:0px;
        padding:0px;
        display:inline-block;
    }
        div.SnippetBreadCrumbs ol li {
            display:inline-block;
            padding-right:5px;
            padding-left:5px;
        }
    div.SnippetBreadCrumbs a {
        text-decoration:none;
        color:black;
        font-size:12px;
    }
/* FINE SNIPPET BREADCRUMBS */

/* VENDITA, REVISIONE MACCHINARI ED ASSISTENZA */
.RevisioneMacchinariedAssistenza {
    position:relative;
    font-size:16px;
    text-align:justify;
    padding:20px 0px;
}
.ImmagineRevisioneEdAssistenzaMacchinariLegnoWrapper {
    text-align:center;
    margin-bottom:20px;
}
.AssistenzamacchinariLogoItem {
    width:80%;
    max-width:305px;
    padding:0px 10px;
    box-sizing:border-box;
    border:solid 1px silver;
    position:relative;
    display:inline-block;
}
img.ImmagineRevisioneEdAssistenzaMacchinariLegno {
    display:block;
    width:70%;
    margin:0px auto;
}
/* FINE REVISIONE ED ASSISTENZA MACCHINARI LEGNO */

/* SEZIONE RESPONSIVA PER DISPOSITIVI MOBILI */
@media screen and (max-width:767px) {
    /* HEADER */
    .container {
        border:solid 0px;
        width:100%;
    }
    .header {
        height:auto;
    }
    .containerheader {
        height:auto;
    }
    .contenitorelogo {
        position: relative;
        width:100%;
        padding-left: 10px;
        margin-top:auto;
        padding-top: 35px;
        float:none;
        box-sizing:border-box;
        margin-bottom:10px;
    }
    .contenitorelogo img {
        width:180px;
    }
    .ProduttoriWrapper {
        display:none;
    }
    .ProduttoreItem {
        margin: 5px;
        display: inline-block;
        float:none;
    }
    .headerlingue {
        margin-top:0px;
        position: relative;
        float:none;
        text-align:right;
        padding-right:10px;
        background-color:white;
    }
    .headerlingue a {
        color: inherit;
        text-decoration: none;
        display: inline-block;
        width:30px;
        position: relative;
        margin-bottom: 10px;
        padding-left: 5px;
    }
        .headerlingue a img {
            margin:0px;
        }
        .headerlingue a.NavigaItaliano {
            margin:0px;
        }
        .headerlingue a span {
            display:none;
        }


    /* MENU PRINCIPALE */
    div.MenuPrincipale {
        display:block;
        position: absolute;
        top:0px;
        right:0px;
        float:none;
        background-color:#0070BC;
        padding:10px;
        box-sizing:border-box;
        color:white;
        width:120px;
        height:40px;
        font-size:13px;
        z-index:10;
    }
        div.MenuPrincipale > label {
            display:block;
        }
    div.MenuPrincipaleLeft {
        position:absolute;
        width:100%;
        min-height:200px;
        height:auto;
        top:0px;
        left:0px;
    }
        div.MenuPrincipaleLeft > input + div { 
            position:absolute; 
            width:60%; 
            left:-62%; 
            z-index:15; 
            transition:left 500ms;
            background-color:#0071bc;
        }
        div.MenuPrincipaleLeft > input:checked + div {
            left:0px;
        }
    div.MenuPrincipaleLeft a.MenuItem {
        color: black;
        display: block;
        padding: 8px 13px;
        height:auto;
        text-decoration: none;
        font-size: 12px;
        position: relative;
        float:none;
        box-sizing:border-box;
        color:white;
        border-bottom:solid 1px #AAAAAA;
    }

    /* MENU MACCHINARI RESPONSIVO */
    div.MenuMacchinariResponsivo {
        display:block;
        position: absolute;
        top:44px;
        right:0px;
        float:none;
        background-color:#0070BC;
        padding:10px;
        box-sizing:border-box;
        color:white;
        width:120px;
        height:40px;
        font-size:13px;
        z-index:10;
    }
    div.MenuMacchinariResponsivoLeft {
        display:block;
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        height:300px;
    }

    .MenuMacchinariResponsivoLeft > input + div {
        position:absolute;
        width:60%;
        z-index:9;
        height:auto;
        left:-62%;
        transition:left 500ms;
    }
    .MenuMacchinariResponsivoLeft > input:checked + div {
        left:0px;
    }
    .MenuMacchinariResponsivoLeft > input + div div.MenuCategorieItem {
        border-bottom:solid 1px #AAAAAA;
        width:100%;
        height:auto;
    }
        .MenuMacchinariResponsivoLeft > input + div div.MenuCategorieItem a {
            font-size:12px;
        }
    /* CONTENUTO MENU SINISTRO */
    .ContenutoMenuASinistra {
        display:none;
    }

    /* CONTENUTO A DESTRA */
    .ContenutoCorpoADestra {
        float: none;
        width:100%;
        position:relative;
    }

    /* FOOTER */
    .footer .footercontainer img.logo {
        float:none;
        margin:0px auto;
        padding:0px;
        margin:0px auto;
        margin-bottom:20px;
        width:50%;
        max-width:303px;
    }
    .footer .footercontainer div.footeritems {
        float:none;
        margin:0px auto;
        padding:0px;
        width:80%;
        text-align:center;
    }

    /* HOMEPAGE */
    .TestoHomePage {
        width:100%;
        padding-left:4px;
        padding-right:4px;
        box-sizing:border-box;
    }

    /* CONTATTI */
    .ContattiIFRAME {
        float:none;
        width: 100%;
    }
        .ContattiIFRAME > a {
            width:80%;
            display:block;
            margin:0px auto;
        }
        .ContattiIFRAME > a > img {
            width:100%;
        }
    .ContattiContatti {
        position:relative;
        float:none;
        width:100%;
        margin-bottom:30px;
    }

      
    /* PAGINA ELENCO */
    .PaginaElencoDesktop {
        display:none;
    }
    .PaginaElencoMobile {
        display:block;
    }

    a.ElencoItem {
        display:block;
        position:relative; 
        width:100%;
        height:120px;
        border-bottom:solid 1px #0071bc;
        margin:0px;
        padding:10px;
        box-sizing:border-box;
    }
        a.ElencoItem img.ImmagineProdotto {
            display:block;
            position:absolute;
            bottom:0px;
            left:0px;
            width:90px;
            max-height:110px;    
        }
        a.ElencoItem div.DescrizioneSuPaginaElenco {
            position:absolute;
            width:50%;
            top:40px;
            left:120px;
            color:black;
            font-size:14px;
            font-weight:bold;
            line-height:13px;
        }
            a.ElencoItem  div.VediScheda {
                text-transform:capitalize;
                font-weight:normal;
                font-style:italic;
                font-size:13px;
                position:absolute;
                color:black;
                width:200px;
                bottom:10px;
                left:120px;
            }
                a.ElencoItem  div.VediScheda span {
                    color:red;
                }
    .PanelNoMacchine {
        margin:20px 0px;
    }

    /* PAGINA DETTAGLIO */
    .DettaglioSinistro {
        float:none;
        position:relative;
        width:100%;
    }
        .DettaglioSinistro a img {
            display:block;
            max-width:125px;
            width:auto;
            position:relative;
            margin:0px auto;
        }
            .DettaglioSinistro a img.ImmaginePrincipale {
                width:100%;
                max-width:400px;
                display:block;
                padding:7px;
                box-sizing:border-box;
            }
    .DettaglioDettaglio {
        float:none;
        position:relative;
        width:100%;
    }
    div.ImmaginiAllegateWrapper {
        width:100%;
    }
    div.VideoAllegatiWrapper {
        width:100%;
    }

    .ImmaginiAllegateWrapper {
        margin:0px auto;
        padding:0px 10px;
        box-sizing:border-box;
    }
    .immagineAllegataItem {
        width:70%;
        max-width:240px;
        display:block;
        margin:10px auto;
    }
        .DettaglioSinistro a img,
        .immagineAllegataItem img{
            width:100%;
            max-width:240px;
        }

    /* SNIPPET BREADCRUMBS */
    div.SnippetBreadCrumbs {
        display:none;
    }

    /* VENDITA, REVISIONE MACCHINARI ED ASSISTENZA */
    .RevisioneMacchinariedAssistenza {
        padding:8px;
        box-sizing:border-box;
    }
    /* FINE VENDITA, REVISIONE MACCHINARI ED ASSISTENZA */
}