@charset "utf-8";

@media (max-width:1280px) {

    .menusup .logo img {
        width: 440px;
    }

    .container {
        width: 100%;
        padding: 0px 20px;
    }

    .testo_news h3, .sx_home .testo_news h3, .dx .testo_news h3 {
        font-size: 14px;
    }
}

@media (max-width:1034px) {

    .bio_img {    
        width: 289px;     
    }
    .menusup .logo img {
        width: 215px;
        margin-top: 40px;
    }
}

@media (max-width:875px) {
    .bio_img {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .menu_header {
        display: none !important
    }

    .loghi img,
    .loghi p {
        padding: 20px;
        width: 100%;
    }

    dx .img_news {
        height: 250px;
    }


    .dx p.leggitutto_articolo {
        /* text-align: center; */
    }


    .camera_wrap .camera_pag .camera_pag_ul {
        display: none;
    }

    .menusup .logo {
        background: white;
        padding: 10px 0px 0px 10px;
        margin-bottom: 0px;
    }

    .menusup {
        background-color: white;
        /* position: absolute; */
        /* z-index: 999; */
        /* width: 100%; */
        -moz-box-sizing: border-box;
        /* -webkit-box-sizing: border-box; */
        /* box-sizing: border-box; */
        /* height: 170px; */
        -moz-box-sizing: border-box;
        /* -webkit-box-sizing: border-box; */
        /* box-sizing: border-box; */
    }

    .testo_news h3, .sx_home .testo_news h3, .dx .testo_news h3 {
        font-size: 22px;
    }

    .testo_news {
        /*position: relative;
clear: both;
margin-bottom: 2em;*/
        /* position: relative; */
        /* clear: both; */
        /* margin-bottom: 2em; */
        /* height: auto; */
        /* max-height: 28em; */
    }

    .dx .testo_news {
        max-height: 154px;
    }

    .tabelle_carrello tr th {
        font-size: 1.4em;
    }

    .table_nopadding .label_module, .dati_spedizione {
        display: none;
    }

    .tabelle_carrello .label_module, .tabelle_carrello fieldset .field_module, .tabelle_carrello .btn, .tabelle_carrello fieldset .field_module {
        width: 100% !important;
    }

    .tabelle_carrello .btn {
        width: 100% !important;
        padding: 1em;
        margin-top: 1em;
        margin-bottom: 1em;
    }


    .tabelle_carrello table tr td {
        padding: 0.5em;
    }

    .tabelle_carrello fieldset a #help {
        position: absolute;
        right: 10px;
        margin-top: -15em;
        width: 3em;
    }

    .tabelle_carrello fieldset img {
        border-left: none;
        position: relative;
        float: left;
        clear: both;
        margin-bottom: 2em;
    }

    .label_module, .select_module, .field_module, .field_note {
        width: 100%;
    }

    .field_module, .field_note {
        width: 100%;
        margin-top: 0.5em;
    }


    .dettaglioclear {
        height: 2em
    }


    .dx .clear {
        height: 0em;
    }

    .boxdettaglio {
        margin-top: 0em;
        margin-bottom: 5em;
    }

    .condividi {
        position: relative !important;
        top: 20px !important;
        right: 0px !important;
        z-index: 10 !important;
        width: 100%;
        text-align: right;
        margin-bottom: 2em;
        border-top: 1px solid #ccc;
        padding-top: 10px;
    }



    .dx h1 {
        text-transform: uppercase;
        font-size: 2.5em;
    }

    .carrello_select label, .carrello_select .select_module, .carrello_select .text_module {
        width: 49%;
        margin-bottom: 1em;
        margin-right: 0px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .carrello_select .btn {
        width: 98%;
        margin-bottom: 0em;
        padding-top: 1em;
        padding-bottom: 1em;
    }


    /*.camera_caption {
width:75% !important;
top:40%;
left:10%;

}
.camera_caption > div {
padding: 1em;

}

.camera_caption > div h1 {
font-family: 'Open Sans', sans-serif;
color: #13a89e;
text-transform:uppercase;
font-weight:normal;
}

.camera_caption > div h2 {
font-family: 'Open Sans', sans-serif;
color: white;
font-size:1.5em !important;
text-transform:uppercase;
font-weight:normal;
}*/

    .gray p {
        font-family: 'Raleway', sans-serif;
        color: rgba(255,255,255,0.8);
        font-size: 1.5em !important;
        text-align: center;
    }



    .credits .sx a {
    }



    .credits .dx img {
        /*width:100%;*/
        max-width: 379px;
    }

    .container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        height: auto;
    }

    .menusup .logo img {
        position: relative;
        float: left;
        margin-top: 0em;
        /* height: 100px; */
        width: 440px;
    }


    .menusup .logo span {
        /*width: auto;
        clear: inherit;*/
    }

    .container, .green .box, .sx_home, .dx_home, .sx, .dx {
        width: 100%;
        margin-bottom: 0em;
    }

    .dx_home {
        margin-top: 30px;
    }

    .footer .dx_home {
        width: 100%;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .footer .sx_home {
        width: 100%;
    }

    .footer .dx_home .box_dati {
        text-align: center;
    }

        .footer .dx_home .box_dati img {
            float: inherit;
            position: relative;
            margin-left: auto;
            margin-right: auto;
        }

    .footer .sx_home .box {
        width: 33%;
    }

    .footer .box {
        margin-top: 0em;
        margin-bottom: 0em;
    }

    ul.menu {
        display: none;
        visibility: hidden;
    }

    .menusup {
        /* height: 40px; */
        /* background-color: transparent; */
        height: auto;
    }

        .menusup ul.menuservizio {
            display: none;
            visibility: hidden;
        }

    .menu_responsive {
        display: inherit;
        visibility: visible;
    }

    .box_product {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        margin-right: 0em;
        margin-top: 5em;
        text-align: center;
    }

    .product_img {
        height: 345px;
        width: 300px;
        display: table;
        margin-bottom: 3em;
        margin-left: auto;
        margin-right: auto;
    }

    .box_product .overflow {
        margin-left: 20px;
        position: relative;
        float: left;
        width: 80%;
        text-align: left;
    }



    .btn {
        padding: 0.5em;
    }

    /*stili shop*/

    .grid {
        padding: 0px;
    }

        .grid li {
            display: inline-block !important;
            margin: 0px !important;
            padding: 0px !important;
            text-align: left !important;
            position: relative !important;
            padding-bottom: 2em !important;
        }

    .cs-style-4 figcaption {
        opacity: 1 !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
    }

    .dx .grid h1 {
        font-size: 1.5em !important;
    }

    .dx .grid h2 {
        font-size: 2em !important;
    }

    /*fine shop*/

    .testata {
        height: 150px;
    }

    .boxdettaglio iframe {
        width: 100% !important;
    }



    .boxdettaglio .list-members li {
        width: 100%;
    }

        .boxdettaglio .list-members li figure img {
            width: 100%;
        }

    .latest_news {
        border: 1px solid #ccc;
        padding: 2em;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .footer .box {
        margin-top: 3em;
        margin-bottom: 0em;
    }

    .grid figure img {
        border: none;
        width: 100%;
    }

    .grid li figure > div {
        width: 100%;
    }
}


@media (max-width:500px) {
    .img_left {
        position: relative;
        float: initial;
        margin-right: 20px;
        top: 0px;
        clear: both;
        margin: auto;
    }

    .dx .img_news {
        clear: inherit;
        margin-bottom: 20px;
        padding-right: 0em;
        width: 100%;
        margin-right: 0px;
    }

    #ctl00_cph_div_path {
        width: 100%
    }

    .trenta .news {
        max-height: 322px;
    }

    .dx_home .news {
        max-height: 358px;
    }

    .news .img {
        position: relative;
        float: left;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .footer .sx_home, .footer .dx_home {
        width: 100% !important;
    }


    .menusup .logo {
        /* width: 40%; */
        padding: 0px;
    }

    .slideshow_caption .btn {
        font-size: 1.5em;
        padding: 0.5em;
    }

    .slideshow_caption {
        height: 7em;
    }


    .credits .sx {
        width: 100%;
        margin-top: 0em;
        position: relative;
        float: left;
    }


    .credits .dx {
        position: relative;
        float: right;
        width: 100%;
        margin-top: 0em;
        margin-bottom: 0em;
        text-align: center;
    }

    .green .box h1 {
        text-transform: uppercase;
        margin-bottom: 0em;
        font-size: 2em;
    }

    .sx_home h1, .sx h1 {
        font-size: 2em;
    }

    h2 {
        font-size: 1.5em;
    }

    .footer .box {
        margin-top: 3em;
        margin-bottom: 0em;
        width: 33%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }


    .box_dati {
        text-align: center;
        font-size: 95%;
        max-width: 100%;
    }

        .box_dati img {
            display: block;
            position: relative;
            clear: both;
            margin-left: auto;
            margin-right: auto;
            height: auto;
            float: inherit;
            margin-bottom: 1em;
            padding-bottom: 1em;
            border-bottom: 1px solid #ccc;
            max-width: 100%;
        }

        .box_dati p {
            text-align: center;
        }

    .carrello_select label, .carrello_select .select_module, .carrello_select .text_module {
        width: 100% !important;
    }

    .carrello_select {
        padding: 1em;
        padding-top: 2em;
        padding-bottom: 2em;
    }

        .carrello_select .btn {
            font-size: 1.5em;
            padding: 0px;
            padding-left: 0.5em;
            padding-right: 0.5em;
            min-height: inherit;
        }


    /*.camera_caption {
width:65% !important;
top:40%;
left:10%;

}
.camera_caption > div {
background: #353535;
padding: 1em;

}

.camera_caption > div h1 {
font-family: 'Open Sans', sans-serif;
color: #13a89e;
font-size:1.2em !important;
text-transform:uppercase;
font-weight:normal;
}

.camera_caption > div h2 {
font-family: 'Open Sans', sans-serif;
color: white;
font-size:1em !important;
text-transform:uppercase;
font-weight:normal;
}
*/
    .gray p {
        font-family: 'Raleway', sans-serif;
        color: rgba(255,255,255,0.8);
        font-size: 1em !important;
        text-align: center;
    }

    .credits .sx {
        width: 40% !important;
        margin-top: 0em;
        position: relative;
        float: left;
    }

        .credits .sx a {
        }

    .credits .dx {
        width: 60% !important;
    }

        .credits .dx img {
            margin-top: 0em !important;
        }


    .container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        height: auto;
    }

    .menusup .logo img {
        position: relative;
        float: left;
        width: 100%;
        height: 30px;
        margin: 6px 0px;
        padding: 0px;
    }

    .camera_wrap .camera_pag .camera_pag_ul li > span {
        height: 10px !important;
        width: 25px !important;
    }

    camera_wrap .camera_pag .camera_pag_ul li, .camera_wrap .camera_pag .camera_pag_ul li {
        height: 10px !important;
        width: 25px !important;
    }

    .menusup ul {
        float: left;
    }


    .img_news {
        margin-bottom: 2em;
        width: 100%;
    }

    .testo_news {
        width: 100% !important;
    }

    .footer .box {
    }

    .overlay .overlay-close {
        width: 20px !important;
        height: 20px !important;
    }

    .camera_thumbs_cont ul {
        height: 40px;
    }

    li.TabbedPanelsTab.last {
        padding-right: 0.5em !important;
    }

    .corpo_news {
        width: 100%;
        float: right;
    }

    .bio_img {
        position: relative;
        float: left;
        width: 100%;
        margin: 0px 0px 20px 0px;
    }
}