﻿@charset "utf-8";


@import url(responsive2.css);

/* STILI TELEFONINO */


@media (max-width:778px) {


    .fotogallery .news {
        width: 49%;
    }

    .leggi {
        margin-top: 30px;
    }

    .content .btn {
        margin: 20px 0px 0px 0px;
    }

    .cerca {
        margin-right: 40px;
    }

    .boxes .banner {
        width: 31%;
    }

        .boxes .banner.areariservata_box {
            width: 100%;
        }

    .content .sx.intro,
    .content .dx.numeri {
        width: 100%;
        padding: 20px 0px 0px 0px;
    }

    div.content {
        padding-bottom: 347px;
    }

    div.footer {
        position: absolute;
        height: 347px;
    }

    .scrollup {
        display: none !important;
    }

    .articolo .articolo_img {
        height: auto;
    }

    h1.h1_titolo {
    }

    .content .corpo .sx, .content .corpo .dx {
        padding: 0px 0px;
        width: 100%;
    }

    .footer h2 {
        height: auto;
    }

    .footer .box {
        width: 100%;
        height: auto;
        padding: 0px 20px;
        margin: 0px;
    }

        .footer .box ul {
            margin: 0px;
        }
}

@media (max-width:600px) {


    .filtraper .field_module {
        width: 100%;
        margin: 10px 0px 20px 0px;
    }

    .fotogallery .news {
        width: 100%;
        margin: 0px 0px 20px 0px;
    }

    .share .clear {
        height: 10px;
    }

    .corpo .pathway {
        padding: 0px 20px;
        margin: 0px;
    }

    .news_home {
        margin-top: 0px;
    }


    .boxes .banner {
        width: 100%;
        margin-bottom: 20px;
    }

    div.content {
        padding-bottom: 0px;
    }

    div.footer {
        position: relative;
        height: auto;
    }

    .video_meta {
        width: 100%;
        margin-bottom: 20px;
    }

    h1.h1_titolo {
        font-size: 20px;
        padding: 10px;
    }

    div .footer .dx, div.footer .sx {
        width: 100%;
    }

    .video_home iframe {
        height: 250px;
    }


    .ascolta_banner, .chebonta_banner {
        width: 100%;
        margin: 0px 0px 20px 0px;
    }

    .share {
        width: 100%;
        text-align: center;
        float: inherit;
    }

        .share li {
            float: inherit;
            display: inline-block;
            text-align: center;
            position: inherit;
        }

    .cifre {
        zoom: 0.7;
    }

    .icona_stampa {
        display: none;
    }

    .ladisaascolta img {
        position: relative;
        float: left;
        width: 100%;
        margin-right: 0px;
    }

    .content .ladisaascolta h1 {
        position: relative;
        float: left;
        width: 100%;
        margin-right: 0px;
        text-align: center;
    }

    .certificazioni, .formazione, .analisi, .customer {
        font-size: 14px;
    }

    .campo_form {
        width: 100%;
    }

    .content .sx .areariservata_box .btn.big {
        display: block;
    }

    .news {
        max-height: inherit !important;
        padding: 0px;
        height: auto;
    }

        .news .testo {
            height: 114px;
            overflow: hidden;
            width: 100%;
            margin-bottom: 20px;
                padding: 0px 20px;
        }

        .news .box_img {
            height: auto;
            width: 100%;
            margin-right: 0px;
            margin-left: 0px;
        }

            .news .box_img div img {
                max-height: inherit;
                max-width: 100%;
                height: auto;
            }

    .ladisaascolta .btn {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }

    .dati, .newsletter_box, .newsletter {
        width: 100%;
    }

    .video_home {
        padding: 0px;
    }

    .credits {
        font-size: 13px;
        color: black;
        text-align: left;
        border-top: 1px solid #ccc;
        padding: 15px;
        width: 100%;
        clear: both;
    }

        .credits .container {
            position: relative;
            margin-left: 0px;
        }

    .areariservata_box .field_module, .areariservata_box .label_module {
        width: 95% !important;
        width: -webkit-calc(100% - 30px) !important;
        width: -moz-calc(100% - 30px) !important;
        width: calc(100% - 30px) !important;
        margin: 15px;
        border-radius: none;
        margin-bottom: 0px;
    }

    .areariservata_box .label_module {
        display: none;
    }

    .content .dx .btn.big {
        width: 95% !important;
        width: -webkit-calc(100% - 30px) !important;
        width: -moz-calc(100% - 30px) !important;
        width: calc(100% - 30px) !important;
    }

    .areariservata {
        position: relative;
        float: left;
    }

    .logo {
        position: relative;
        float: inherit;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .cerca {
        width: 100%;
        position: relative;
        clear: both;
        margin-bottom: 0px;
    }

    .logo img {
        margin-bottom: 0px;
    }

    .slideshow_home {
        position: relative;
        clear: both;
        width: 100%;
        height: auto;
        margin-top: 20px;
    }


    .sx, .dx, .content .sx, .content .dx, .content .corpo .sx, .content .corpo .dx, .corpo {
        width: 100%;
        clear: both;
        position: relative;
    }


    .topmenu .dx.cinquanta, .topmenu .sx.cinquanta {
        clear: inherit;
    }

    .topmenu .dx.cinquanta {
        margin-left: 0px;
        float: right;
    }

    .content .sx.cinquanta,
    .content .dx.cinquanta {
        clear: inherit;
        padding: 0px 20px;
        width: 100%;
    }


    .content .dx, .content .sx img {
        margin-top: 0px;
    }




        .content .sx .btn, .content .dx .btn {
            display: block;
            width: 100%;
        }



    .topmenu .dx {
        float: left;
    }




    .label_module, .field_module {
        width: 100% !important;
    }

    .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;
    }

        .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;
        width: 40%;
    }

    .dati {
        margin-right: 0px;
        text-align: center;
    }

    .menusup ul {
        float: left;
    }


    .footer .sx, .footer .dx {
        margin: 0px 0px;
        width: 100%;
    }

    .footer .dx {
        padding-top: 20px;
    }

    .img_news {
        margin-bottom: 2em;
    }

    div.footer .sx {
        border-top: 1px solid #ccc;
        padding-top: 20px;
        margin-top: 20px;
    }



    .footer .sx .clear {
        display: none;
    }

    .overlay .overlay-close {
        width: 20px !important;
        height: 20px !important;
    }
}


@media screen and (max-width:500px) and (orientation:landscape) {


    /*.dx 	.img_news {
height: auto;
width: 100% !important;
display: table;
position: relative;
float: left;
margin-right: 0em !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: rgba(0,0,0,0.03);
margin-bottom: 2em;
padding: 0.5em;
}
	
	
		.dx .img_news div img {
width:100%;
height: auto;
border: none;
border: 1px solid #ddd;
margin-bottom: 0em;
margin-right: 0em;
}


nav.secondario ul li {
font-size: 14px !important;
margin-bottom:0.1em !important;
min-height: inherit !important;
}


.testo_news {
width: 100% !important;
max-height: 150px;
}


.testo_news {
width: 65% !important;
margin-bottom: 1em !important;
overflow: hidden;
max-height: 155px;
}

.dx .news {
padding-bottom: 1em !important;
}

.testo_news {
width: 100% !important;
}*/


}


@media screen and (max-width:500px) and (orientation:portrait) {
}
