@media screen and (max-width: 10px) {
    
    body {
        font-family: 'Roboto', sans-serif;  
        margin:0;
        padding:0;
    }

    
    
    .content {
        margin:0 auto; 
        /* width:800px; */ /* modified */
        min-height: 100px;
    }

    .footer {
        padding: 15px 0 15px 0;
        margin:0 auto; 
        /* width:1000px; */
        font-size: 11px;
        text-align: center;
        min-height:65px;
    }

    a {
        text-decoration: none;
        color:#777;
    }

    

    div.clear{
        clear:both;
    }


    hr.thin_gray{
        height: 0; 
        border-style: ridge; 
        border-width: 1px 0 0 0; 
        border-color:#DDDDDD; 
    }

    hr.thin_dark{
        height: 0; 
        border-style: ridge; 
        border-width: 1px 0 0 0; 
        border-color:#666; 
    }

    /* -------------------------------------------------------------------------- */
    /*      PAGINA HOME                                                           */
    /* -------------------------------------------------------------------------- */
    div.blocco_home {
        float:left; 
        width:100%;
        margin-top:30px;
    }

    div.blocco_programma {
        float:left; 
        width:100%;
        margin-top:30px;
    }

    .boximg {
        position: relative;
        overflow: hidden;

        -webkit-backface-visibility: hidden; /* prevent flickering in safari*/

        -webkit-transition: all .1s ease-out; 
        -moz-transition: all .1s ease-out; 
        -o-transition: all .1s ease-out; 
        transition: all .1s ease-out;

        -webkit-box-shadow: 0 0 5px #000;
        box-shadow: 0 0 5px #000;    

    }


    .boximg_big {
        width:666px;
        height:374px;
    }
    .boximg_med {
        width:314px; 
        height:177px;
    }
    .boximg_small {
        width:235px; 
        height:132px;
    }
    
    .boximg_small2 {
        width:192px; 
        min-height:130px;
    }
    
    .boxvideo_med_container {
       /* width: 1000px;*/
    }
    
    
    div.boximg:hover {

        -webkit-backface-visibility: hidden;
        -moz-transform: scale(1.15);
        -webkit-transform: scale(1.15);
        -o-transform: scale(1.15);
        transform: scale(1.15);
        -ms-transform: scale(1.15);
        cursor:pointer;

        -webkit-box-shadow: 0 0 20px #000;
        box-shadow: 0 0 20px #000;    

        z-index:100000;
    }


    div.boxtesto-big {
        position: absolute;
        bottom: 0px;
        left: 0px;
        max-width:660px;
        height:auto;
        padding: 95px 25px 25px 25px; 

        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.75+49,0.8+100 */
        background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 49%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 49%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 49%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */


    }

    div.boxtesto-med {
        position: absolute;
        bottom: 0px;
        left: 0px;
        height:auto;
        padding: 35px 8px 8px 8px; 
        width:300px;

        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.75+49,0.8+100 */
        background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 49%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 49%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 49%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */

    }

    div.boxtesto-small {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width:225px;
        height:auto;
        padding: 25px 5px 5px 5px; 

        background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 49%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 49%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 49%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */

    }

    div.boxtesto-xsmall {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width:200px;
        height:auto;
        padding: 15px 3px 3px 3px; 

        background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 49%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 49%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 49%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */

    }


    span.testo-titolo-big {

        padding: 0px;
        color: #FFFFFF;
        font-family: 'Roboto Condensed', sans-serif; 
        font-size: 28px;
        font-weight: 400;

    }


    span.testo-sottotitolo-big {

        padding: 0px;
        color: #FFFFFF;
        font-family: 'Roboto Condensed', sans-serif; 
        font-size: 16px;
        font-weight: 400;

    }




    span.testo-titolo-med {

        padding: 0px;
        color: #FFFFFF;
        font-family: 'Roboto Condensed', sans-serif; 
        font-size: 18px;
        line-height: 18px;
        font-weight: 400;

    }


    span.testo-sottotitolo-med {

        padding: 0px;
        color: #FFFFFF;
        font-family: 'Roboto Condensed', sans-serif; 
        font-size: 13px;
        font-weight: 400;

    }



    span.testo-titolo-small {

        padding: 0px;
        color: #FFFFFF;
        font-family: 'Roboto Condensed', sans-serif; 
        font-size: 15px;
        font-weight: 400;

    }


    span.testo-sottotitolo-small {

        padding: 0px;
        color: #FFFFFF;
        font-family: 'Roboto Condensed', sans-serif; 
        font-size: 11px;
        font-weight: 400;

    }

    span.testo-titolo-xsmall {

        padding: 0px;
        color: #FFFFFF;
        font-family: 'Roboto Condensed', sans-serif; 
        font-size: 13px;
        font-weight: 400;

    }


    span.testo-sottotitolo-xsmall {

        padding: 0px;
        color: #FFFFFF;
        font-family: 'Roboto Condensed', sans-serif; 
        font-size: 8px;
        font-weight: 400;

    }










    /* -------------------------------------------------------------------------- */
    /*      PAGINA GENERICA                                                       */
    /* -------------------------------------------------------------------------- */

    div.pre_content_area {
        left:0; 
        width:100%; 
        height:auto; 
        background:#000;
        margin-top:6px;
        text-align:center;
    }

    div.pre_content {
        /* width: 1000px;  */
        margin: 0 auto; 
        min-height:150px; 
        padding: 20px 0 10px 0;
    }


    div.pre_content_titolo {
        font-family: 'Roboto Condensed', sans-serif; 
        font-size:32px; 
        color:#FFFFFF;
        line-height:32px;
    }

    div.pre_content_sottotitolo {
        font-family: 'Roboto Condensed', sans-serif; 
        font-size:18px; 
        color:#FFFFFF;
        line-height:18px;
    }

    div.pre_content_descrizione {
        margin-top:10px;
        font-family: 'Roboto', sans-serif; 
        font-size:13px; 
        color:#FFFFFF;
        line-height:18px;

    }

    
    
    
    .gradient {  /* gradiente sfondo video homepage */
        background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    }


    .circle {
        width: 28px;
        height: 28px;
        font-size:12px;
        text-align:center;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    
    /* -------------------------------------------------------------------------- */
    /*      PAGINA LIVE                                                      */
    /* -------------------------------------------------------------------------- */
    

    div.evento_rowlist_thumb_img {
        overflow:hidden; 
        width:90px; 
        min-height:10px;
    }

    img.evento_rowlist_thumb_img {
        margin-top:-21px;
        width:90px;
        min-height:10px;
        border:1px solid #ddd;
    }


    /* -------------------------------------------------------------------------- */
    /*      PAGINA DASHBOARD                                                      */
    /* -------------------------------------------------------------------------- */

    div.dashboard_rowlist_sottotitolo {
        font-size:13px; 
        color:#777;
        float:left;
        width:440px;
    }

    div.dashboard_rowlist_titolo {
        font-size:16px; 
        color:#000;
        width:440px;
    }


    div.dashboard_rowlist_luogo_data {
        font-size:12px; 
        color:#555;
        width:440px;
        margin-top:4px;

    }

    div.dashboard_rowlist_descrizione {
        font-size:12px; 
        color:#555;
        line-height:16px;
        width:440px;
        margin-top:7px;
    }

    div.dashboard_rowlist {
        float:left; 
        width:700px; 
        margin-top:40px;
    }

    div.dashboard_rowlist_thumb {
        float:left; 
        width:150px; 
        min-height:120px;
        margin-left: 10px;
    }
    div.dashboard_rowlist_thumb_img {
        overflow:hidden; 
        width:150px; 
        height:99px;
    }

    img.dashboard_rowlist_thumb_img {
        margin-top:-21px;
        width:150px;
    }

    div.dashboard_rowlist_testo {
        float:left; 
        width:440px; 
        min-height:80px; 
        margin-left:15px;
    }





































    .menuH
    {
        /* You will get totally diffrent menu alignment and layout by setting following margin, width, and float with different values.
        For detailed instruction please visit www.menucool.com/horizontal/change-menu-alignment  */
        margin: 10px 0 0 0;  
        float:none;
        width: 400px;
        /*following "behavior" works for IE6, IE7, and IE8. Other browsers will ignore it.*/
        /*Note: Unlike image file, htc file path is relative to the page, not this CSS file.*/
        /* behavior: url("/horizontal/menuh/cssmenu.htc"); */
        height: 26px;
        /* background: #D4D4D4 url(bg.gif) repeat-x 0 0; */
        /* border: 1px solid #BBB; */
        position:relative;/*! for IE htc*/
        z-index:4;/*H2*/
        /* font-family: Arial, Helvetica, sans-serif; */
        list-style: none;
        padding: 0;
    }

    .menuH li
    {
        padding: 0;
        /*margin: 0;
        display: block; TODO: I am testing them if they can be removed. If can, remove them.*/
        float: left;
        height: 26px;
        position: relative;/*move it into .menuH if you want submenu to be positioned relative to the whole menu instead of this li element*/
    }
    .menuH li:hover, .menuH li.onhover
    {
        background: white url(bg.gif) repeat-x 0 -48px;
    }

    ul.menuH a
    {
        padding: 0 30px 0 0;
        /* padding: 0 30px; */
        line-height: 26px; /*Note: keep this value the same as the height of .menuH and .menuH li */
        font-size: 16x;
        /*font-weight: bold;*/
        font-family: 'Roboto', sans-serif;
        color: black;
        display: block;
        outline: 0;
        text-decoration: none!important;
    }
    .menuH a:hover
    {
        color: #145A96;
        cursor:pointer;
    }
    .menuH a.arrow
    {
        background: url(../images/static_m/arrow.gif) no-repeat right center;
    }
    .menuH ul a.arrow
    {
        background: url(right.gif) no-repeat 97% center;
    }


    /*Used to align a top-level item to the right*/        
    .menuH .menuRight
    {
        float: right;
        margin-right: 0px;
    }

    /*for the top-level separators*/
    .menuH li.separator
    {
        font-size:0;
        overflow:hidden;
        border-left:1px solid #F7F7F7;
        border-right:1px solid #BBBBBB;
    }


    /*######sub level###########*/

    ul.menuH ul
    {
        width:260px;
        position: absolute;
        left: -9999px;
        border: 1px solid #DDD;
        border-top: 0; 
        background: #FFF;    
        text-align: left;
        list-style: none; margin: 0;  
        /*Following 1px(padding-right) will determine how much it is overlapped by the sub-sub-menu */
        padding: 0px 0;
        box-sizing:content-box;
    }

    .menuH li li
    {
        float: none;
        white-space:nowrap;
        height: 26px;
    }
    .menuH li li:hover, .menuH li li.onhover
    {
        background:#f7f7f7;
    }
    .menuH ul a
    {
        padding: 0 20px;
        line-height: 30px;
        font-size: 0.9em;
        font-weight: normal;
        /* color: #0066CC; */
        text-align: left;
    }

    .menuH ul a:hover
    {
        color: #145A96;
    }

    .menuH li:hover ul, .menuH li.onhover ul
    {
        left: -1px;/*Use this property to change offset of the dropdown*/
        top: auto;
    }

    .menuH li:hover .dropToLeft, .menuH li.onhover .dropToLeft
    {
        left: auto;
        right: -1px;
        top: auto;
    }
    .menuH ul ul
    {
        border-top: 1px solid #DDD;
    }

    .menuH li:hover ul ul, .menuH li:hover ul ul ul, .menuH li:hover ul ul ul ul,
    .menuH li.onhover ul ul, .menuH li.onhover ul ul ul, .menuH li.onhover ul ul ul ul
    {
        left: -9999px;
        top:0;
    }

    .menuH li li:hover ul, .menuH li li li:hover ul, .menuH li li li li:hover ul,
    .menuH li li.onhover ul, .menuH li li li.onhover ul, .menuH li li li li.onhover ul
    {
        left: 260px;
    }

    /*####### special effects ##########*/

    .decor1 
    {
        -moz-border-radius: 3px; /* Firefox */
        -webkit-border-radius: 3px; /* Safari and Chrome */
        border-radius: 3px; /* Opera 10.5+, future browsers, and now also our behavior htc file */

        -moz-box-shadow: 0px 1px 4px #eee; /* Firefox */
        -webkit-box-shadow: 0px 1px 4px #eee; /* Safari and Chrome */
        box-shadow: 0px 1px 4px #eee; /* Opera 10.5+, future browsers and IE6+ using our behavior htc file */

    }
    .menuH ul 
    {
        -moz-border-radius: 0px 0px 4px 4px;
        -webkit-border-radius: 0px 0px 4px 4px;
        border-radius: 0px 0px 4px 4px;

        -moz-box-shadow: 0px 6px 6px #CCC;
        -webkit-box-shadow: 0px 6px 6px #CCC;
        box-shadow: 0px 6px 6px #CCC;  


        /* Gradient background */
        background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EEEEEE)); 
    }







    /* -------------------------------------------------------------------------- */
    /*      OBJECTS                                                           */
    /* -------------------------------------------------------------------------- */

    













    /* -------------------------------------------------------------------------- */
    /*      GALLERIA FOTOGRAFICA IN PAGINA VIDEO                                  */
    /* -------------------------------------------------------------------------- */

    .photo_gallery{
        /*width:990px;*/
        /* margin:10px; */
        float:left;
    }

    .photoheader{
        background:url('../images/icons/icon-up16.png') no-repeat; 
        background-position:right 0px;
        cursor:pointer;
        margin-top:10px;
    }

    .collapsed .photoheader{
        background-image:url('../images/icons/icon-down16.png'); 
    }

    .photo_gallery_content{
        height:auto;
        min-height:100px;
        overflow:hidden;
        transition:all 0.6s linear;
        -webkit-transition:all 0.6s linear;
        -moz-transition:all 0.6s linear;
        -ms-transition:all 0.6s linear;
        -o-transition:all 0.6s linear;
    }

    .collapsed .photo_gallery_content{
        min-height:100px;
        /*height:100px;*/
    }










    /* -------------------------------------------------------------------------- */
    /*      EVENTI IN PAGINA VIDEO                                                */
    /* -------------------------------------------------------------------------- */

    .event_gallery{
        /*width:990px;*/
        /* margin:10px; */
        float:left;
    }

    .eventheader{
        background:url('../images/icons/icon-up16.png') no-repeat; 
        background-position:right 0px;
        cursor:pointer;
        margin-top:10px;
    }

    .evcollapsed .eventheader{
        background-image:url('../images/icons/icon-down16.png'); 
    }

    .event_gallery_content{
        height:auto;
        min-height:100px;
        overflow:hidden;
        transition:all 0.6s linear;
        -webkit-transition:all 0.6s linear;
        -moz-transition:all 0.6s linear;
        -ms-transition:all 0.6s linear;
        -o-transition:all 0.6s linear;
    }

    .evcollapsed .event_gallery_content{
        min-height:130px;
        height:130px;
    }
    
}
















@media screen and (min-width: 10px) {

    body {
        font-family: 'Roboto', sans-serif;  
        margin:0;
        padding:0;
    }

    .content {
        margin:0 auto; 
        /* width:1000px; */
        min-height: 100px;
    }

    .footer {
        padding: 15px 0 15px 0;
        margin:0 auto; 
        /* width:1000px; */
        font-size: 11px;
        text-align: center;
        min-height:65px;
    }

    a {
        text-decoration: none!important;
        color:#777;
    }


    h1 {
        all: unset!important;
    }

    h2 {
        all: unset!important;
    }
    
    h3 {
        all: unset!important;
    }

    

    .pellicola_container {
        margin-bottom:30px;
    }
    .titolo_pellicola_black {
        width:100%; color:#efefef; font-size:20px; height:60px; padding-left:15px; line-height:60px; background-image: url('../images/pellicola_60_dark.png'); background-repeat: repeat-x;
    }
    .titolo_pellicola_gray {
        width:100%; color:#ffffff; font-size:20px; height:60px; padding-left:15px; line-height:60px; background-image: url('../images/pellicola_60.png'); background-repeat: repeat-x;
    }

    .pagina_container {
        margin-top:20px;
    }

    .colonna_sx {
        border-right:1px solid #ddd; margin-bottom:20px; min-height:500px;
    }
    
    .colonna_dx {
        padding-left:60px; line-height:22px;
    }
    
    div.fullwidth {
        width:100%;
    }
    
    div.clear{
        clear:both;
    }
    
    .colonna_sx_titolo {
        width:100%; line-height:24px; margin:0px 0px 15px 0px; background:#980000; border-radius:6px; padding:5px; font-size:18px; color:#FFFFFF;font-family: 'Roboto Condensed'; text-align:center;
    }
    .titolo_sezione {
        width:100%; font-family: 'Roboto Condensed'; line-height:32px;font-size:24px; color:#888; border-bottom:2px solid #980000;
    }
    
    .pellicola_margine {
        width:100%; min-height:30px; background-image: url(https://www.aracne.tv/images/logos/pellicola-base-mezzo.png);background-repeat: repeat-x;
    }
    
    
    .message_box_container {
        width:100%; margin-top:50px; text-align:center;
    }
    .message_box_error {
        margin: 0 auto;width:800px;height:100px; color:#980000;font-size:22px; border-radius:8px; border:2px solid #980000; text-align:center; line-height:100px;
    }
    .calendario_container {
        width:100%; line-height:24px;
    }
    .calendario_data_mese {
        width:68%;
    }
    .calendario_data_anno {
        width:30%;
    }
    .calendario_box {
        line-height:24px; width:100%;
    }
    .calendario_box_header_row {
        width:14%;text-align:center; border-bottom:1px solid #000000;
    }
    .calendario_box_subheader_row{
        line-height:8px;
    }
    .calendario_box_row{
        width:30px;text-align:center;
    }
    
    .calendario_box_day_base {
        padding:0; margin:0; font-weight:700;padding: 4px 5px 4px 5px;
    }
    .calendario_box_day{
        border: 0; color:#980000; background-color:transparent; 
    }
    .calendario_box_day_current{
        border:2px solid #980000; border-radius:12px;color:#ffffff; background:#980000;
    }
    
    .colonna_sx_button {
        width:100%; line-height:24px; margin-top:30px; background:#980000; border-radius:6px; padding:15px; font-size:18px; font-family: 'Roboto Condensed'; text-align:center; margin-bottom:40px;
    }
    .colonna_sx_button_text {
        color:#FFFFFF;
    }
    
    .adsense_container {
        margin-top:20px;
    }
    
    .adsense_container_item {
        height:100%; min-height:90px; text-align:center;
    }
    .adsense_item {
        display:inline-block; width:100%; height:90px;
    }
    
    .titolo_eventi {
        font-family: 'Roboto Condensed'; font-size:24px; color:#888;
    }
    
    .evento_list_item_container {
        margin-top:0px;  border-bottom:1px solid #980000; margin-bottom:15px; padding-bottom:30px;
    }
    .evento_list_item_locandina {
        width:90%;
    }
    .evento_list_item_locandina_container {
        height:100%; min-height: 100%; position: relative;
    }
    .evento_list_text_container {
        height:100%; min-height: 100%; position: relative;
    }
    .evento_list_data {
        border-bottom:1px solid #aaa; width:100%; line-height:14px; font-size:14px; font-family: 'Roboto'; color:#555; margin-bottom:15px;
    }
    .evento_list_tipologia {
        width:100%; line-height:13px; font-size:13px; font-family: 'Roboto Condensed'; color:#980000; margin-bottom:3px;
    }
    .evento_list_titolo {
        width:100%; line-height:18px; font-size:17px; font-family: 'Roboto Condensed'; color:#555;
    }
    .evento_list_luogo {
        width:100%; line-height:14px; font-size:12px; color:#555; margin-top:10px;
    }
    
    hr.thin_gray{
        height: 0; 
        border-style: ridge; 
        border-width: 1px 0 0 0; 
        border-color:#DDDDDD; 
    }

    hr.thin_dark{
        height: 0; 
        border-style: ridge; 
        border-width: 1px 0 0 0; 
        border-color:#666; 
    }

    /* -------------------------------------------------------------------------- */
    /*      PAGINA HOME                                                           */
    /* -------------------------------------------------------------------------- */
    div.blocco_home {
        float:left; 
        width:100%;
        margin-top:30px;
    }

    div.blocco_programma {
        float:left; 
        width:100%;
        margin-top:30px;
    }

    .boximg {
        position: relative;
        overflow: hidden;

        -webkit-backface-visibility: hidden; /* prevent flickering in safari*/

        -webkit-transition: all .1s ease-out; 
        -moz-transition: all .1s ease-out; 
        -o-transition: all .1s ease-out; 
        transition: all .1s ease-out;

        -webkit-box-shadow: 0 0 5px #000;
        box-shadow: 0 0 5px #000;    

    }

    
    
    .boximg_big {
        width:666px;
        height:374px;
    }
    .boximg_med {
        width:314px; 
        height:177px;
    }
    .boximg_small {
        width:235px; 
        height:132px;
    }
    
    
    .boximg_small2 {
        width:192px; 
        min-height:130px;
    }
    
    
    .boxvideo_med_container {
        width: 314px;
    }
    
    
    div.boximg:hover {

        -webkit-backface-visibility: hidden;
        -moz-transform: scale(1.15);
        -webkit-transform: scale(1.15);
        -o-transform: scale(1.15);
        transform: scale(1.15);
        -ms-transform: scale(1.15);
        cursor:pointer;

        -webkit-box-shadow: 0 0 20px #000;
        box-shadow: 0 0 20px #000;    

        z-index:100000;
    }


    div.boxtesto-big {
        position: absolute;
        bottom: 0px;
        left: 0px;
        max-width:660px;
        height:auto;
        padding: 95px 25px 25px 25px; 

        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.75+49,0.8+100 */
        background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 49%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 49%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 49%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */


    }

    div.boxtesto-med {
        position: absolute;
        bottom: 0px;
        left: 0px;
        height:auto;
        padding: 35px 8px 8px 8px; 
        width:300px;

        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.75+49,0.8+100 */
        background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 49%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 49%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 49%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */

    }

    div.boxtesto-small {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width:225px;
        height:auto;
        padding: 25px 5px 5px 5px; 

        background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 49%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 49%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 49%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */

    }

    div.boxtesto-xsmall {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width:200px;
        height:auto;
        padding: 15px 3px 3px 3px; 

        background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 49%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 49%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 49%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */

    }


    span.testo-titolo-big {

        padding: 0px;
        color: #FFFFFF;
        font-family: 'Roboto Condensed', sans-serif; 
        font-size: 28px;
        font-weight: 400;

    }


    span.testo-sottotitolo-big {

        padding: 0px;
        color: #FFFFFF;
        font-family: 'Roboto Condensed', sans-serif; 
        font-size: 16px;
        font-weight: 400;

    }




    span.testo-titolo-med {

        padding: 0px;
        color: #FFFFFF;
        font-family: 'Roboto Condensed', sans-serif; 
        font-size: 18px;
        line-height: 18px;
        font-weight: 400;

    }


    span.testo-sottotitolo-med {

        padding: 0px;
        color: #FFFFFF;
        font-family: 'Roboto Condensed', sans-serif; 
        font-size: 13px;
        font-weight: 400;

    }



    span.testo-titolo-small {

        padding: 0px;
        color: #FFFFFF;
        font-family: 'Roboto Condensed', sans-serif; 
        font-size: 15px;
        font-weight: 400;

    }


    span.testo-sottotitolo-small {

        padding: 0px;
        color: #FFFFFF;
        font-family: 'Roboto Condensed', sans-serif; 
        font-size: 11px;
        font-weight: 400;

    }

    span.testo-titolo-xsmall {

        padding: 0px;
        color: #FFFFFF;
        font-family: 'Roboto Condensed', sans-serif; 
        font-size: 13px;
        font-weight: 400;

    }


    span.testo-sottotitolo-xsmall {

        padding: 0px;
        color: #FFFFFF;
        font-family: 'Roboto Condensed', sans-serif; 
        font-size: 8px;
        font-weight: 400;

    }



    .pagination_element {
        height:100%; line-height:16px; padding: 10px 0 10px 0
    }
    
    .pagination_element_bottom {        
        height:100%; line-height:16px; padding: 10px 0 10px 0; border-top:1px solid #ccc;
    }
    select.pagination_item {
        background-color: white;border: 1px solid #aaa; -moz-border-radius: 20px; -webkit-border-radius:20px; border-radius: 20px; width:50px; height:28px;
    }
    
    .pagination_number_item_container_current {
        margin-right:10px; background: #145A97; display:table; float:left;
    }
    
    .pagination_number_item_container {
        margin-right:10px; background: #000; display:table;float:left;
    }
    
    .pagination_number_item {
        display:table-cell;vertical-align:middle;
    }
    
    .pagination_number_item_text {
        color:#fff;
    }
    
    
    .rubriche_video_list_container {
        margin-top:20px;
    }
    
    /* -------------------------------------------------------------------------- */
    /*      PAGINA GENERICA                                                       */
    /* -------------------------------------------------------------------------- */

    div.pre_content_area {
        left:0; 
        width:100%; 
        height:auto; 
        background:#000;
        margin-top:6px;
        text-align:center;
    }

    div.pre_content {
        /* width: 1000px; */
        margin: 0 auto; 
        min-height:150px; 
        padding: 20px 0 10px 0;
    }


    div.pre_content_titolo {
        font-family: 'Roboto Condensed', sans-serif; 
        font-size:32px; 
        line-height:32px;
        color:#FFFFFF;
    }

    div.pre_content_sottotitolo {
        font-family: 'Roboto Condensed', sans-serif; 
        font-size:18px; 
        line-height:18px;
        color:#FFFFFF;
    }

    div.pre_content_descrizione {
        margin-top:10px;
        font-family: 'Roboto', sans-serif; 
        font-size:13px; 
        color:#FFFFFF;
        line-height:20px;
    }


    .gradient {  /* gradiente sfondo video homepage */
        background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    }


    .circle {
        width: 28px;
        height: 28px;
        font-size:12px;
        text-align:center;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }


    

    /* -------------------------------------------------------------------------- */
    /*      PAGINA PERSONE                                                       */
    /* -------------------------------------------------------------------------- */

    .people_page_container {
        margin-top:20px;
    }

    .people_section_container {
        height:auto; margin-top:30px; margin-bottom:20px; line-height:22px; font-size:13px; 
    }
    
    .people_section_item {
        width:100%; border-bottom:1px solid #ccc; padding: 10px 0 10px 0; line-height:13px;
    }
    .people_evento_item_left {
        float:left; width:10%;
    }
    .people_evento_item_right{
        float:left; width:90%;
    }
    .people_evento_item_img {
        width:80%;
    }
    span.people_evento_item_ruolo {
        font-size:11px; color:#980000; line-height:16px;
    }
    span.people_evento_item_tipo{
        font-size:12px; color:#777;line-height:14px;
    }
    span.people_evento_item_titolo{
        font-size:17px; font-family:'Roboto Condensed'; color:#333; line-height:20px;
    }
    span.people_evento_item_luogo {
        font-size:12px; color:#999; line-height:16px;
    }
    
    
    
    .people_title_container {
        height:auto; margin-bottom:20px; line-height:20px;
    }
    
    .people_head_title {
        width:100%; line-height:22px; font-size:18px; font-family: 'Roboto Condensed'; padding: 5px 10px 5px 10px; color:#FFF; margin-bottom:10px; background:#CCC;
    }
    
    .peple_title_name {
        width:100%; line-height:36px; font-size:30px; font-family: 'Roboto Condensed'; color:#333;
    }
    
    .people_content_container {
        height:auto; margin: 30px 0 40px 0; width:100%; line-height:22px; font-size:13px;
    }
    
    .people_picture {
        float:right; padding: 0 10px 10px 10px; transform: rotate(5deg);
    }
    
    .picwall_container {
        margin-top:20px;
    }

    .picwall_box {
        height:auto; margin-bottom:20px; line-height:20px;
    }


    
    .peoplepic
    {
        margin-left:0%;
        width:100%;
    }
    
    .peoplepic:hover
    {
    -webkit-animation: spin1 2s infinite linear;
    -moz-animation: spin1 2s infinite linear;
    -o-animation: spin1 2s infinite linear;
    -ms-animation: spin1 2s infinite linear;
    animation: spin1 2s infinite linear;
    display: block;
    }
     
     
    @-webkit-keyframes spin1 {
    0% { -webkit-transform: rotate(0deg);}
    25% { -webkit-transform: rotate(10deg);}
    50% { -webkit-transform: rotate(0deg);}
    75% { -webkit-transform: rotate(-10deg);}
    100% { -webkit-transform: rotate(0deg);}
    }
    
    @-moz-keyframes spin1 {
    0% { -moz-transform: rotate(0deg);}
    25% { -moz-transform: rotate(10deg);}
    50% { -moz-transform: rotate(0deg);}
    75% { -moz-transform: rotate(-10deg);}
    100% { -moz-transform: rotate(0deg);}
    }
    @-o-keyframes spin1 {
    0% { -o-transform: rotate(0deg);}
    25% { -o-transform: rotate(10deg);}
    50% { -o-transform: rotate(0deg);}
    75% { -o-transform: rotate(-10deg);}
    100% { -o-transform: rotate(0deg);}
    }
    @-ms-keyframes spin1 {
    0% { -ms-transform: rotate(0deg);}
    25% { -ms-transform: rotate(10deg);}
    50% { -ms-transform: rotate(0deg);}
    75% { -o-transform: rotate(-10deg);}
    100% { -o-transform: rotate(0deg);}
    }
    @-keyframes spin1 {
    0% { transform: rotate(0deg);}
    25% { transform: rotate(10deg);}
    50% { transform: rotate(0deg);}
    75% { transform: rotate(-10deg);}
    100% { transform: rotate(0deg);}
    
    }




    /* -------------------------------------------------------------------------- */
    /*      PAGINA RUBRICHE                                                       */
    /* -------------------------------------------------------------------------- */

    div.header_rubrica_container {
        min-height:100px; background:#000; height:auto; padding: 15px 20px 0 20px;
    }
    
    div.header_rubrica_nome {
        width:100%; font-family:'Roboto Condensed'; color:#fff; font-size:30px; line-height:32px;
    }
    
    div.header_rubrica_descrizione {
        width:100%; color:#dfdfdf; font-size:12px; line-height:20px;
    }
    
    div.header_rubrica_ver {
        height:auto; line-height:16px; padding: 20px 0 30px 0; border-bottom:2px solid #777; margin-bottom:20px;
    }
    span.header_rubrica_ver_sostenitori {
        font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size:18px; color:#005F8A;
    }
    div.header_rubrica_ver_sostenitore_box {
        float:left; height:90px; padding:10px 20px 10px 0;
    }
    
    div.header_rubrica_ver_sostenitore_box_ext {
        float:left; height:90px; padding:10px 20px 10px 0; display:table-cell; vertical-align:middle; text-align:center;
    }
    
    
    
    div.header_rubrica_eif {
        height:auto; line-height:16px; padding: 10px 0 10px 0; font-family:'Roboto Condensed'; font-size:10px; text-transform:uppercase; border-bottom:1px solid #000; margin-bottom:20px;
    }
    
    div.rubriche_navigator_item {
        height:auto; line-height:16px; padding: 10px 0 10px 0;
    }
    
    
    
    div.rubrica_rowlist_sottotitolo {
        font-size:13px; 
        color:#777;
        
        /* width:790px; */
    }

    div.rubrica_rowlist_titolo {
        font-size:16px; 
        color:#000;
        /* width:790px; */
    }


    div.rubrica_rowlist_luogo_data {
        font-size:12px; 
        color:#555;
        /* width:790px; */
        margin-top:4px;

    }

    div.rubrica_rowlist_descrizione {
        font-size:12px; 
        color:#555;
        line-height:16px;
        /* width:790px; */
        margin-top:7px;
    }

    div.rubrica_rowlist {
        float:left; 
        /* width:1000px; */
        margin-top:40px;
    }

    div.rubrica_rowlist_thumb {
        float:left; 
        width:200px; 
        min-height:120px;
    }
    
    div.rubrica_rowlist_thumb_img {
        overflow:hidden; 
        width:200px; 
        height:109px;
    }

    img.rubrica_rowlist_thumb_img {
        margin-top:-21px;
        width:200px;
        height:150px;
        
    }

    div.rubrica_rowlist_testo {
        /* width:700px; */
        min-height:80px; 
        margin-left:15px;
    }


    div.rubrica_rowlist_occhiello_tralerighe {
        font-size:13px; 
        color:#bbb;
        float:left;
        width:790px;
        text-decoration: none;
    }
    

    div.rubrica_rowlist_autore_tralerighe {
        font-size:13px; 
        float:left;
        width:790px;
        margin-top:3px; 
        color:#E32423; 
    }
    
    div.rubrica_rowlist_testo_tralerighe {
        float:left; 
        width:779px; 
        min-height:80px; 
        margin-left:15px;
        color: #BBBBBB;
    }


    div.rubrica_editori_list {
        height:auto; line-height:16px; padding: 40px 0 10px 0; font-family:'Roboto Condensed'; font-size:10px; text-transform:uppercase; border-bottom:1px solid #000; margin-bottom:20px;
    }




    /* -------------------------------------------------------------------------- */
    /*      PAGINA LIVE                                                      */
    /* -------------------------------------------------------------------------- */
    

    div.evento_rowlist_thumb {
        float:left; 
        width:110px; 
        min-height:120px;
    }
    
    div.evento_rowlist_thumb_img {
        overflow:hidden; 
        width:90px; 
        min-height:10px;
    }

    img.evento_rowlist_thumb_img {
        margin-top:-21px;
        width:90px;
        min-height:10px;
        border:1px solid #ddd;
    }






    /* -------------------------------------------------------------------------- */
    /*      PAGINA DASHBOARD                                                      */
    /* -------------------------------------------------------------------------- */

    div.dashboard_rowlist_sottotitolo {
        font-size:13px; 
        color:#777;
        float:left;
        width:440px;
    }

    div.dashboard_rowlist_titolo {
        font-size:16px; 
        color:#000;
        width:440px;
    }


    div.dashboard_rowlist_luogo_data {
        font-size:12px; 
        color:#555;
        width:440px;
        margin-top:4px;

    }

    div.dashboard_rowlist_descrizione {
        font-size:12px; 
        color:#555;
        line-height:16px;
        width:440px;
        margin-top:7px;
    }

    div.dashboard_rowlist {
        float:left; 
        width:700px; 
        margin-top:40px;
    }

    div.dashboard_rowlist_thumb {
        float:left; 
        width:150px; 
        min-height:120px;
        margin-left: 10px;
    }
    div.dashboard_rowlist_thumb_img {
        overflow:hidden; 
        width:150px; 
        height:99px;
    }

    img.dashboard_rowlist_thumb_img {
        margin-top:-21px;
        width:150px;
    }

    div.dashboard_rowlist_testo {
        float:left; 
        width:440px; 
        min-height:80px; 
        margin-left:15px;
    }





































    .menuH
    {
        /* You will get totally diffrent menu alignment and layout by setting following margin, width, and float with different values.
        For detailed instruction please visit www.menucool.com/horizontal/change-menu-alignment  */
        margin: 10px 0 0 0;  
        float:none;
        width: 400px;
        /*following "behavior" works for IE6, IE7, and IE8. Other browsers will ignore it.*/
        /*Note: Unlike image file, htc file path is relative to the page, not this CSS file.*/
        /* behavior: url("/horizontal/menuh/cssmenu.htc"); */
        height: 26px;
        /* background: #D4D4D4 url(bg.gif) repeat-x 0 0; */
        /* border: 1px solid #BBB; */
        position:relative;/*! for IE htc*/
        z-index:4;/*H2*/
        /* font-family: Arial, Helvetica, sans-serif; */
        list-style: none;
        padding: 0;
    }

    .menuH li
    {
        padding: 0;
        /*margin: 0;
        display: block; TODO: I am testing them if they can be removed. If can, remove them.*/
        float: left;
        height: 26px;
        position: relative;/*move it into .menuH if you want submenu to be positioned relative to the whole menu instead of this li element*/
    }
    .menuH li:hover, .menuH li.onhover
    {
        background: white url(bg.gif) repeat-x 0 -48px;
    }

    ul.menuH a
    {
        padding: 0 30px 0 0;
        /* padding: 0 30px; */
        line-height: 26px; /*Note: keep this value the same as the height of .menuH and .menuH li */
        font-size: 16x;
        /*font-weight: bold;*/
        font-family: 'Roboto', sans-serif;
        color: black;
        display: block;
        outline: 0;
        text-decoration: none!important;
    }
    .menuH a:hover
    {
        color: #145A96;
        cursor:pointer;
    }
    .menuH a.arrow
    {
        background: url(../images/static_m/arrow.gif) no-repeat right center;
    }
    .menuH ul a.arrow
    {
        background: url(right.gif) no-repeat 97% center;
    }


    /*Used to align a top-level item to the right*/        
    .menuH .menuRight
    {
        float: right;
        margin-right: 0px;
    }

    /*for the top-level separators*/
    .menuH li.separator
    {
        font-size:0;
        overflow:hidden;
        border-left:1px solid #F7F7F7;
        border-right:1px solid #BBBBBB;
    }


    /*######sub level###########*/

    ul.menuH ul
    {
        width:260px;
        position: absolute;
        left: -9999px;
        border: 1px solid #DDD;
        border-top: 0; 
        background: #FFF;    
        text-align: left;
        list-style: none; margin: 0;  
        /*Following 1px(padding-right) will determine how much it is overlapped by the sub-sub-menu */
        padding: 0px 0;
        box-sizing:content-box;
    }

    .menuH li li
    {
        float: none;
        white-space:nowrap;
        height: 26px;
    }
    .menuH li li:hover, .menuH li li.onhover
    {
        background:#f7f7f7;
    }
    .menuH ul a
    {
        padding: 0 20px;
        line-height: 30px;
        font-size: 0.9em;
        font-weight: normal;
        /* color: #0066CC; */
        text-align: left;
    }

    .menuH ul a:hover
    {
        color: #145A96;
    }

    .menuH li:hover ul, .menuH li.onhover ul
    {
        left: -1px;/*Use this property to change offset of the dropdown*/
        top: auto;
    }

    .menuH li:hover .dropToLeft, .menuH li.onhover .dropToLeft
    {
        left: auto;
        right: -1px;
        top: auto;
    }
    .menuH ul ul
    {
        border-top: 1px solid #DDD;
    }

    .menuH li:hover ul ul, .menuH li:hover ul ul ul, .menuH li:hover ul ul ul ul,
    .menuH li.onhover ul ul, .menuH li.onhover ul ul ul, .menuH li.onhover ul ul ul ul
    {
        left: -9999px;
        top:0;
    }

    .menuH li li:hover ul, .menuH li li li:hover ul, .menuH li li li li:hover ul,
    .menuH li li.onhover ul, .menuH li li li.onhover ul, .menuH li li li li.onhover ul
    {
        left: 260px;
    }

    /*####### special effects ##########*/

    .decor1 
    {
        -moz-border-radius: 3px; /* Firefox */
        -webkit-border-radius: 3px; /* Safari and Chrome */
        border-radius: 3px; /* Opera 10.5+, future browsers, and now also our behavior htc file */

        -moz-box-shadow: 0px 1px 4px #eee; /* Firefox */
        -webkit-box-shadow: 0px 1px 4px #eee; /* Safari and Chrome */
        box-shadow: 0px 1px 4px #eee; /* Opera 10.5+, future browsers and IE6+ using our behavior htc file */

    }
    .menuH ul 
    {
        -moz-border-radius: 0px 0px 4px 4px;
        -webkit-border-radius: 0px 0px 4px 4px;
        border-radius: 0px 0px 4px 4px;

        -moz-box-shadow: 0px 6px 6px #CCC;
        -webkit-box-shadow: 0px 6px 6px #CCC;
        box-shadow: 0px 6px 6px #CCC;  


        /* Gradient background */
        background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EEEEEE)); 
    }

















    /* -------------------------------------------------------------------------- */
    /*      GALLERIA FOTOGRAFICA IN PAGINA VIDEO                                  */
    /* -------------------------------------------------------------------------- */

    .photo_gallery{
        /* width:990px; */
        /* margin:10px; */
        float:left;
    }

    .photoheader{
        background:url('../images/icons/icon-up16.png') no-repeat; 
        background-position:right 0px;
        cursor:pointer;
        margin-top:10px;
    }

    .photocollapsed .photoheader{
        background-image:url('../images/icons/icon-down16.png'); 
    }

    .photo_gallery_content{
        height:auto;
        min-height:100px;
        overflow:hidden;
        transition:all 0.6s linear;
        -webkit-transition:all 0.6s linear;
        -moz-transition:all 0.6s linear;
        -ms-transition:all 0.6s linear;
        -o-transition:all 0.6s linear;
    }

    .photocollapsed .photo_gallery_content{
        min-height:100px;
        height:100px;
    }










    /* -------------------------------------------------------------------------- */
    /*      EVENTI IN PAGINA VIDEO                                                */
    /* -------------------------------------------------------------------------- */

    .event_gallery{
        /* width:990px; */
        /* margin:10px; */
        float:left;
    }

    .eventheader{
        background:url('../images/icons/icon-up16.png') no-repeat; 
        background-position:right 0px;
        cursor:pointer;
        margin-top:10px;
    }

    .evcollapsed .eventheader{
        background-image:url('../images/icons/icon-down16.png'); 
    }

    .event_gallery_content{
        height:auto;
        min-height:100px;
        overflow:hidden;
        transition:all 0.6s linear;
        -webkit-transition:all 0.6s linear;
        -moz-transition:all 0.6s linear;
        -ms-transition:all 0.6s linear;
        -o-transition:all 0.6s linear;
    }

    .evcollapsed .event_gallery_content{
        min-height:130px;
        height:130px;
    }
    
    
    
    .zoom-text {
        padding: 0px;
        /* background-color: green;*/
        transition: transform .1s; /* Animation */
        /* width: 200px;*/
        /* height: 200px;*/
         margin: 0 auto;
        text-align:left;
        transform-origin: left;
    }

    .zoom-text:hover {
        transform: scale(1.3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
        /*box-shadow: 0px 0px 30px #000000;*/
        transform-origin: left;
    }

    .shadow-text:hover {
        text-shadow: 0px 0px 5px rgba(148, 148, 148, 1);
    }
    
    

    .boxshadow {
        -webkit-box-shadow: 0px 0px 5px 2px rgba(189,189,189,1);
        -moz-box-shadow: 0px 0px 5px 2px rgba(189,189,189,1);
        box-shadow: 0px 0px 5px 2px rgba(189,189,189,1);
    }


.zoom {
    padding: 0px;
    /* background-color: green;*/
    transition: transform .2s; /* Animation */
    /* width: 200px;*/
    /* height: 200px;*/
    margin: 0 auto;
}

.zoom:hover {
    transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    box-shadow: 0px 0px 30px #000000;
}









.genericpic
{
    margin-left:-50%;
    width:200%;
}
.genericpic:hover
{
-webkit-animation: spin1 2s infinite linear;
-moz-animation: spin1 2s infinite linear;
-o-animation: spin1 2s infinite linear;
-ms-animation: spin1 2s infinite linear;
animation: spin1 2s infinite linear;
display: block;
}
 
@-webkit-keyframes spin1 {
0% { -webkit-transform: rotate(0deg);}
25% { -webkit-transform: rotate(10deg);}
50% { -webkit-transform: rotate(0deg);}
75% { -webkit-transform: rotate(-10deg);}
100% { -webkit-transform: rotate(0deg);}
}
@-moz-keyframes spin1 {
0% { -moz-transform: rotate(0deg);}
25% { -moz-transform: rotate(10deg);}
50% { -moz-transform: rotate(0deg);}
75% { -moz-transform: rotate(-10deg);}
100% { -moz-transform: rotate(0deg);}
}
@-o-keyframes spin1 {
0% { -o-transform: rotate(0deg);}
25% { -o-transform: rotate(10deg);}
50% { -o-transform: rotate(0deg);}
75% { -o-transform: rotate(-10deg);}
100% { -o-transform: rotate(0deg);}
}
@-ms-keyframes spin1 {
0% { -ms-transform: rotate(0deg);}
25% { -ms-transform: rotate(10deg);}
50% { -ms-transform: rotate(0deg);}
75% { -o-transform: rotate(-10deg);}
100% { -o-transform: rotate(0deg);}
}
@-keyframes spin1 {
0% { transform: rotate(0deg);}
25% { transform: rotate(10deg);}
50% { transform: rotate(0deg);}
75% { transform: rotate(-10deg);}
100% { transform: rotate(0deg);}

}



}







/* Custom, iPhone Retina */ 
@media screen and (min-width : 320px) {
    .genericpic-container {
        float:left; width:25%; height: 0; padding-bottom: 25%; overflow:hidden;background:#000;
    }
}

/* Extra Small Devices, Phones */ 
@media screen and (min-width : 480px) {
    .genericpic-container {
        float:left; width:25%; height: 0; padding-bottom: 25%; overflow:hidden;background:#000;
    }
}

/* Small Devices, Tablets */
@media screen and (min-width : 768px) {
    .genericpic-container {
        float:left; width:20%; height: 0; padding-bottom: 20%; overflow:hidden;background:#000;
    }
}

/* Medium Devices, Desktops */
@media screen and (min-width : 992px) {
    .genericpic-container {
        float:left; width:16.6%; height: 0; padding-bottom: 16.6%; overflow:hidden;background:#000;
    }
}

/* Large Devices, Wide Screens */
@media screen and (min-width : 1200px) {
    .genericpic-container {
        float:left; width:14.25%; height: 0; padding-bottom: 14.25%; overflow:hidden;background:#000;
    }
}





/* Custom, iPhone Retina */ 
@media screen and (min-width : 320px) {
    .peoplepic-container {
        float:left; width: 25%; height: 0; padding-bottom: 25%; overflow:hidden;background:#000;
    }
}

/* Extra Small Devices, Phones */ 
@media screen and (min-width : 480px) {
    .peoplepic-container {
        float:left; width: 20%; height: 0; padding-bottom: 20%; overflow:hidden;background:#000;
    }
}

/* Small Devices, Tablets */
@media screen and (min-width : 768px) {
    .peoplepic-container {
        float:left; width: 16.6%; height: 0; padding-bottom: 16.6%; overflow:hidden;background:#000;
    }
}

/* Medium Devices, Desktops */
@media screen and (min-width : 992px) {
    .peoplepic-container {
        float:left; width: 11.11%; height: 0; padding-bottom: 11.11%; overflow:hidden;background:#000;
    }
}

/* Large Devices, Wide Screens */
@media screen and (min-width : 1200px) {
    .peoplepic-container {
        float:left; width: 10%; height: 0; padding-bottom: 10%; overflow:hidden;background:#000;
    }
}



/* Custom, iPhone Retina */ 
@media screen and (min-width : 320px) {
    .col-dx {
        padding-left:0px; 
    }
}

/* Extra Small Devices, Phones */ 
@media screen and (min-width : 480px) {
    .col-dx {
        padding-left:0px; 
    }
}

/* Small Devices, Tablets */
@media screen and (min-width : 768px) {
    .col-dx {
        padding-left:60px; 
    }
}

/* Medium Devices, Desktops */
@media screen and (min-width : 992px) {
    .col-dx {
        padding-left:60px; 
    }
}

/* Large Devices, Wide Screens */
@media screen and (min-width : 1200px) {
    .col-dx {
        padding-left:60px; 
    }
}

/*
10%    = 10 fotografie per riga
11.11% = 9  fotografie per riga
12.50% = 8  fotografie per riga
14.25% = 7  fotografie per riga
16.6%  = 6  fotografie per riga
20%    = 5  fotografie per riga
25%    = 4  fotografie per riga
*/