@charset "utf-8";
/* CSS Document */
a { text-decoration:none;}
body { margin:0 auto; padding:0 auto;font-family: 'Open Sans', sans-serif; background-image:url(../images/bg_sito.png); background-repeat:repeat;}
.clear { clear:both;}
.no_margin { margin:0;}
.no_padding { padding:0;}
#gravity { width:100%; height:350px;}
button { margin:0; padding:0; background-color:transparent; border:none;}
.txt_right { text-align:right;}
.fa-arrow-circle-right { margin-top:-11px!important ;}

#banner_adv{ width: 99%; max-width: 1400px; margin: 0 auto;}
#banner_adv .banner{ width: 40%; margin: 2% 4.5%; display: inline-block; position: relative; text-align: center; vertical-align: middle;}
#banner_adv .banner img{ width: auto; }

.table-100{
    width: 100% !important;
}

/*DEDICATO*/
/*section a {
    display: inline-block;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    text-decoration:none;
}*/

/* ============================================================
  PULSE
============================================================ */
.cmn-t-pulse {
    width:30px;
    height:30px;
    margin:0 auto;
    color: #fff;
    border-radius:100%;
    background-color: #F00;
    border:solid 3px #fff;; 
    -webkit-animation: pulse 1s ease infinite;
    -moz-animation: pulse 1s ease infinite;
    -ms-animation: pulse 1s ease infinite;
    -o-animation: pulse 1s ease infinite;
    animation: pulse 1s ease infinite;
}
.cmn-t-pulse:hover {
    color: #fff;
}

.cmn-t-pulse2 {
    width:15px;
    height:15px;
    margin:0 auto;
    color: #fff;
    border-radius:100%;
    background-color: #F00;
    border:solid 3px #fff;; 
    -webkit-animation: pulse 1s ease infinite;
    -moz-animation: pulse 1s ease infinite;
    -ms-animation: pulse 1s ease infinite;
    -o-animation: pulse 1s ease infinite;
    animation: pulse 1s ease infinite;
}
.cmn-t-pulse2:hover {
    color: #fff;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.9);
    }

    50% {
        -webkit-transform: scale(1.3);
    }

    100% {
        -webkit-transform: scale(0.9);
    }
}

#main .time_of_the_day { color:#FFF500; font-weight: 800;}

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

    .rotate {-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;
             transition-duration: 0.8s; -webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform; -o-transition-property: -o-transform;transition-property: transform;overflow: hidden;}

    .rotate:hover {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);}
    .right { float:right;}
    .left { float:left;}
    .parallax-window {
        min-height: 400px;
        background: transparent;
        padding:15px 0;
    }
    .txt_center { text-align:center;}
    #main h1 { padding:10px 0; letter-spacing:-1px;}
    #main h3 { padding:0; margin:0 0 5px 0; letter-spacing:-1px; font-weight:400;}
    .white { color:#fff;}
    i { padding-top:0;}
    i .fa-arrow-right { padding-top:0!important;}
    table {margin:0; display:block; width:60%;}
    input[type="ricerca"] { margin:15px auto; height:25px; padding:10px 2%; border:none; border-radius:10px; width:66%; color:#333;}
    .a_color_white { color:#fff;}

    .immagine_wide { width:100%; height:auto; margin:0 auto;}
    .immagine_wide  img { width:100%; max-height:350px; margin:0 auto;}
    .parallax-window { min-height: 250px; background: transparent;}
    #content h1 { font-size:48px; font-weight:800; color:#000; text-align:center; margin-top:0; width:98%; padding:0 1%; letter-spacing:-3px;}
    #content h2 { font-size:22px; font-weight:300; font-style:italic; color:#999; width:98%; padding:0 1%; text-align:center;}
    #content h3 { color:#000;}
    #content h4 { font-size:42px; font-weight:300;margin:0 auto;padding:0; text-align:center; font-weight:800; color:#fff; padding:15px 10px 9px 10px;}
    #content p { width:auto; margin:10px 0.5%; color:#666;}
    #header { width:100%; height:auto;height:auto}
    #header .content { width:99.8%; padding:0 0.1%; max-width:1400px; height:auto; margin:0 auto; }

    #header .logo { width:100%; margin:0 auto; max-width:270px; padding:25px 0;}
    #header .logo img { width:auto; width:100%; margin:0 auto;}
    #header ul { list-style:none; width:100%; margin:0; text-align:center; padding:0;}
    #header li { display:inline-block; margin:0; width:auto; height:auto;transition:all 0.2s; float:left;}
    #header a { color:#fff; border-bottom:#d5711c;}
    #header .voce_menu {margin:30px 2% 0 2%;}
    #header .button_organizza { width:auto; padding:20px 5% 12px 5%;border:solid 4px #ffdd11; margin:10px 0 0 0;}
    #header .button_organizza:hover { width:auto; padding:20px 5% 12px 5%;border:solid 4px #ffdd11; background-color:#ffdd11; color:#000;}
    #main .round { border-radius:100%; background-color:#F00; margin:15px auto 0 auto; padding:0; color:#F00; width:25px;border:solid 4px #fff;}
    #header .container { display:none;}

    main { width:100%; margin:0 auto; padding:0; height:auto;}
    #main .content_menu {font-size:16px; font-weight:400; text-align:center;width:100%;}
    #main .nav { width:100%; margin-top:15px; background-color:#6189ad;}
    #main { width:100%; margin:0 auto; padding:0; height:auto;}
    #main .titolo { width:auto; font-weight:300; margin: 10px 0; padding:0;}
    #main .sottotitolo_info { width: 100%; font-size: 18px; font-weight: bold; margin-bottom: 15px; clear: both; }
    #main .nome_pista { width: 76%; font-size: 18px; font-weight: bold; padding: 10px 2% 10px 2% ; float: left;}
    #main .spanna { width: auto; margin: 5px 2.5%;}
    #main .colonna_legenda_generale { font-size:14px; margin: 10px auto 0 auto; width: 100%; clear: both;}
    #main .colonna_dati_legenda { width:76%; float: left; padding: 10px 0;}
    #main .cl_10_togo { width:24%; float: left; font-size:22px; text-align:center; padding:25px 0 5px 0; background-color:transparent; border-radius:25px 25px 0 0;}
    #main .content { width:99%; max-width:1400px;margin:0 auto;}
    #main .cl_50 { width:50%; height:auto;}
    #main .cl_33 { width:30%; margin: 10px 1.6%; height:auto; min-height: 450px;}
    #main .img_bg { width:48%; margin:15px 1% 0 1%; background-repeat:no-repeat;transition:all 1s; position:relative; opacity:0.2; }
    #main .img_bg:hover { width:48%; margin:15px 1% 0 1%; background-repeat:no-repeat; opacity:1; position:relative;}
    #main .img_home { width:100%;}
    #main .titolo_slide { font-size:32px; font-weight:400; text-align:center; margin:10% 0 5% 0;}
    #main .button_slide { width:420px; padding:10px 5% 10px 5%; height:auto; border:solid 2px #e6e6e6; margin:10px auto; text-align:center; font-size:38px; font-weight:300; letter-spacing:-1px; transition:all 1s;  cursor: pointer; cursor: hand; }
    #main .button_slide:hover{ width:450px; padding:10px 5% 10px 5%; height:auto;  background-color:#e6e6e6; color:#1a100f; text-align:center;}
    #main .button_toogle { width:100%; text-align:left; padding:25px 5%; font-size:26px; font-weight:400; border:none; background:#cb323d; color:#fff; margin:1px auto;}
    #img_button_toogle5,#img_button_toogle4,#img_button_toogle3,#img_button_toogle2,#img_button_toogle1 { display:none; font-size:14px; font-weight:400; padding:10px 5%; width:90%; margin:0;}
    #img_button_toogle1 { display:block;}
    #main .cl_10 { width:8%; padding:5px 1%;}
    #main .cl_20 { width:18%; padding:5px 1%;}
    #main .cl_30 { width:28%; padding:5px 1%;}
    #main .track { width:90%; margin:25px 5%;}
    #main .pannello_dati { width:48%; float:right; border-radius:15px; margin:25px auto; padding:0 0 15px 0; position:relative; height:auto;}
    #main .pannello_login { width:100%; max-width:400px; border-radius:15px; margin:25px auto; padding:0 0 15px 0; position:relative; background-color:#fff; height:auto;}
    #main .pannello_login_deco { position:absolute; top:-32px; left:-130px; height:100%; z-index:1;}
    #main .form { position:relative; z-index:2; padding-top:100px; text-align:center; color:#0CF;}
    #main .form_dati { position:relative; z-index:2; padding-top:20px; text-align:center; color:#fff;}
    #main .titolo_registrazione { margin:15px auto; font-weight:800; font-size:24px;}
    #main .label { width:20%; padding:12px 0 0 5%; float:left; text-align:right; font-size:14px;}
    #main .gara_lista { width:90%; text-align:left; padding:23px 5% 40px 5%; font-size:26px; font-weight:400; border:none; /*background:#cb323d;*/ color:#fff; margin:1px auto;}
    #main .quando_lista { width:20%; height:auto; float:left; overflow:hidden; text-align:left; font-size:14px;}
    #main .dove_lista { width:60%; height:auto; float:left; overflow:hidden; text-align:left; font-size:14px;}
    #main .posizionamento {  width:10%; height:auto; float:left; overflow:hidden; text-align:right; font-size:14px;}
    #main .posizionamento i {padding:2px 0 0 0 !important; height:auto; float:right; text-align:center; font-size:14px; margin:1px 0 0 2px;}
    #main .button_go { width:10%; padding:0 !important; height:auto; float:right; text-align:center; font-size:14px;}
    #main .txt_form { border:1px solid #CCC; border-radius:5px; padding:10px 2%; width:56%; margin:5px 4.4%; float:left; }
    #main .trasponder { border:1px solid #CCC; border-radius:5px; padding:10px 2%; width:50.4%; margin:5px 0 0 4.4%; float:left;}
    #main .fa-plus-square { padding-top:2px !important; font-size:40px; float:left; margin:1px 0.4%;}
    #main .fa-minus-square { padding-top:2px !important; font-size:40px; float:left; margin:1px 0.4%;}
    #main .button_send { background-color:#0CC; border-radius:5px; padding:10px 2%; width:61%; margin:5px 10% 0 0;color:#fff; float:right;}
    #main .tramite_facebook { text-align:center; padding-top:15px; color:#000;}
    #main .pwd_scordata { font-size:13px; padding:5px 0; margin-right:10%; width:61%; float:right;}
    #main .corse_home_cl_50 { width: 50%; float: left; height: auto;}
    #main .corse_home_live { width: 50%; float: left; height: auto;}
    #main .contenitore_live_home {width:100%; float: left; text-align:left; font-size:26px; font-weight:400; border:none; background:#cb323d; color:#fff; margin:1px auto;}
    #main .button_slide_live { float: right; width:10%; padding:7px 5% 4px 5%; height:auto; text-align:center; font-size:14px; font-weight:300; letter-spacing:-1px; transition:all 1s;  cursor: pointer; cursor: hand;background-color:#e6e6e6; color:#1a100f;  }
    #main .button_slide_live:hover{ width:10%; padding:7px 5% 4px 5%; height:auto;  background-color:#e6e6e6; color:#1a100f; text-align:center;}


    .nome_utente { font-size:22px; margin-top:10px; padding:0;}
    .impostazioni { font-size:19px; margin:0; padding:0; color: #fff !important;}
    .impostazioni a{ font-size:19px; margin:0; padding:0; color: #fff !important;}
    .impostazioni i{ padding:0;}
    #footer { width:100%; margin:60px auto; padding:25px 0; height:auto; background-color:#6189ad;}
    #footer .content { width:99%; max-width:1400px;margin:0 auto;}
    #footer .content img { max-width:150px; margin: 25px 0 0 0; }

    /*COLONNE GARA */
    #main .numero_posizione { position:absolute; text-align: left; right: 0; left: 0; padding: 3px 0; color: #000;}
    
    #main .numero_legenda { position:absolute; text-align: left; right: 0; left: 0; padding: 3px 0; color: #fff;}

    #main .cl_additional_legenda { width:20%; float:left; font-size:14px; text-overflow: hidden;height: 25px; padding-top: 5px;}

    #main .cl_10_legenda { width:9.0%; float:left; font-size:14px;}
    #main .cl_7_legenda { width:7.0%; float:left; font-size:14px;}
    #main .cl_15_legenda { width:15.0%; float:left; font-size:14px;}
    #main .cl_29_legenda { width:29.0%; float:left; font-size:14px;}
    #main .cl_50_legenda { width:45%; margin:0 2.5%; float: left; font-size: 18px;}
    #main .cl_tempi { width:8%; float:left; font-size:14px;}
    #main .cl_4_legenda { width:4%; float:left; font-size:14px;}
    #main .cl_20_legenda { width:auto; float:left; font-size:14px; margin: 0 2%;}
    #main .cl_10_togo { width:24%; float: left; font-size:22px; text-align:center; padding:25px 0 5px 0; background-color:transparent; border-radius:25px 25px 0 0;}
    #main .logo_cronometrista { background-color:#ffffff; width:90%; padding: 15px 2.5%; margin: 10px auto; text-align: center!important; border-radius:10px;}
    #main .logo_cronometrista img{ background-color:#fff;width: 100%; height: auto;}
    #main .icon { width:3%; height: auto;float:left; margin: 0 auto; text-align: center; background-color:#fff; height: 25px; padding: 3px 0;}
    #main .icon img{max-width: 20px;  width: 100%; padding-top: 2px;}
    #main .icon_flag { width:100px; height: 100px; margin: 15px auto;}
    
    /*.button_show_circuiti { width:56%; border-radius: 10px; background-color: #cb323d; margin: 15px 22%; padding: 15px 0; color:#fff; text-align: center;}*/
    .index_p { margin: 0 0 10px 0; min-height: 30px;}
    #main .logo_pista_lista {position: absolute; bottom: 15px; left: 30px; max-width: 150px;}
    #main .lista_piste { width: 100%; height: auto; position: relative;}


    /*DETTAGLIO PILOTA LIVE*/    
    #main .legenda_gara_dettpilota {width:100%; font-size:26px; font-weight:800; border:none; background:#7b7b7b; color:#fff; margin:1px auto; height: auto; clear: both; }
    #main .lista_atleti_dettpilota {width:100%; padding:0; font-size:26px; font-weight:400; border:none; background:#1f1f1f; color:#fff; clear: both;height:31px; }

    #main .numero_posizione_dettpilota { position:absolute; text-align: center; right: 0; left: 0; padding: 3px 0; color: #000;}
    #main .cl_position_legenda_dettpilota {float:left; font-size:14px; text-overflow: hidden; background-image: url("../../assets/images/bg_position.svg"); background-size: cover; width: 4%; position: relative; height:25px; padding: 3px 0; color: #000;padding: 3px 0 3px 2%;}
    #main .cl_numero_legenda_dettpilota {float:left; font-size:14px; text-overflow: hidden; width: 4%; position: relative; height:25px; padding: 3px 0; text-align: left}
    #main .numero_legenda_dettpilota { position:absolute; text-align: left; right: 0; left: 0; padding: 3px 0; color: #fff;}


    #main .cl_trasponder_dettpilota { width:4%; float:left; font-size:14px; text-overflow: hidden; text-align: center;height: 25px; padding-top: 5px;}
    #main .cl_additional_legenda_dettpilota { width:7%; float:left; font-size:14px; text-overflow: hidden;height: 25px; padding-top: 5px; text-align: center}
    #main .cl_driver_legenda_dettpilota { width:48%; float:left; font-size:14px; text-overflow: hidden;height: 25px; padding-top: 5px;white-space: nowrap; 
                                          overflow: hidden;
                                          text-overflow:ellipsis;}
    #main .cl_class_legenda_dettpilota { width:7%; float:left; font-size:14px; text-overflow: hidden;height: 25px; padding-top: 5px; text-align: center;white-space: nowrap; 
                                         overflow: hidden;
                                         text-overflow:ellipsis;}
    #main .cl_laps_legenda_dettpilota { width:4%; float:left; font-size:14px; text-overflow: hidden; text-align: center;height: 25px; padding-top: 5px;}
    #main .cl_last_lp_legenda_dettpilota { width:10.0%; float:left; font-size:14px; text-overflow: hidden; text-align: center;height: 25px; padding-top: 5px;}
    #main .cl_best_lap_legenda_dettpilota{ width:10.0%; float:left; font-size:14px; text-overflow: hidden; text-align: center;height: 25px; padding-top: 5px;}
    #main .cl_second_legenda_dettpilota{ width:10.0%; float:left; font-size:14px; text-overflow: hidden; text-align: center;height: 25px; padding-top: 5px;}
    #main .cl_last_bl_legenda_dettpilota{ width:7.0%; float:left; font-size:14px; text-overflow: hidden; text-align: center;height: 25px; padding-top: 5px;}
    #main .cl_diff_legenda_dettpilota{ width:10.0%; float:left; font-size:14px; text-overflow: hidden; text-align: center;height: 25px; padding-top: 5px;}
    #main .cl_dettaglio_pilota_legenda_dettpilota { width:9.0%; float:left; font-size:14px; text-overflow: hidden; text-align: center;height: 25px; padding-top: 5px;}
    #main .cl_dettaglio_pilota_legenda_dettpilota p, #main .cl_dettaglio_pilota_legenda_dettpilota i {float: left;}
    #main .cl_dettaglio_pilota_legenda_dettpilota p {margin: 0 3px 0 0;}
    #main .cl_dettaglio_pilota_legenda_dettpilota i {margin: 2px 0 0;}

    #main .cl_10_legenda_dettpilota { width:9.0%; float:left; font-size:14px;}
    #main .cl_7_legenda_dettpilota { width:7.0%; float:left; font-size:14px;}
    #main .cl_15_legenda_dettpilota { width:15.0%; float:left; font-size:14px;}
    #main .cl_29_legenda_dettpilota { width:29.0%; float:left; font-size:14px;}
    #main .cl_50_legenda_dettpilota { width:45%; margin:0 2.5%; float: left; font-size: 18px;}
    #main .cl_tempi { width:8%; float:left; font-size:14px;}
    #main .cl_4_legenda_dettpilota { width:4%; float:left; font-size:14px;}
    #main .cl_20_legenda_dettpilota { width:auto; float:left; font-size:14px; margin: 0 2%;}

    #main .logo_cronometrista { background-color:#ffffff; width:90%; padding: 15px 2.5%; margin: 10px auto; text-align: center!important; border-radius:10px;}
    #main .logo_cronometrista img{ background-color:#fff;width: 100%; height: auto;}
    #main .icon { width:3%; height: auto;float:left; margin: 0 auto; text-align: center; background-color:#fff; height: 25px; padding: 3px 0;}
    #main .icon img{max-width: 20px;  width: 100%; padding-top: 2px;}
    #main .icon_flag { width:100px; height: 100px; margin: 15px auto;}
    /*.button_show_circuiti { width:56%; border-radius: 10px; background-color: #cb323d; margin: 15px 22%; padding: 15px 0; color:#fff; text-align: center;}*/
    .index_p { margin: 0 0 10px 0; min-height: 30px;}
    #main .logo_pista_lista {position: absolute; bottom: 15px; left: 30px; max-width: 150px;}
    #main .lista_piste { width: 100%; height: auto; position: relative;}

}

@media screen and (min-width: 581px) and (max-width: 1023px) {
    .rotate {-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;
             transition-duration: 0.8s; -webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform; -o-transition-property: -o-transform;transition-property: transform;overflow: hidden;}

    .rotate:hover {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);}
    .right { float:right;}
    .left { float:left;}
    .parallax-window {
        min-height: 400px;
        background: transparent;
        padding:15px 0;
    }
    .txt_center { text-align:center;}
    #main h1 { padding:10px 0; letter-spacing:-1px;}
    #main h3 { padding:0; margin:0 0 5px 0; letter-spacing:-1px; font-weight:400;}
    .white { color:#fff;}
    i { padding-top:0px;}
    i .fa-arrow-right { padding-top:0!important;}
    table {margin:0; display:block; width:60%;}
    input[type="ricerca"] { margin:15px auto; height:25px; padding:10px 2%; border:none; border-radius:10px; width:66%; color:#333;}
    .a_color_white { color:#fff;}

    .immagine_wide { width:100%; height:auto; margin:0 auto;}
    .immagine_wide  img { width:100%; max-height:350px; margin:0 auto;}
    .parallax-window { min-height: 250px; background: transparent;}
    #content h1 { font-size:48px; font-weight:800; color:#000; text-align:center; margin-top:0; width:98%; padding:0 1%; letter-spacing:-3px;}
    #content h2 { font-size:22px; font-weight:300; font-style:italic; color:#999; width:98%; padding:0 1%; text-align:center;}
    #content h3 { color:#000;}
    #content h4 { font-size:42px; font-weight:300;margin:0 auto;padding:0; text-align:center; font-weight:800; color:#fff; padding:15px 10px 9px 10px;}
    #content p { width:auto; margin:10px 0.5%; color:#666;}
    #header { width:100%; height:auto;height:auto}
    #header .content { width:99.8%; padding:0 0.1%; max-width:1400px; height:auto; margin:0 auto; }

    #header .logo { width:100%; margin:0 auto; max-width:270px; padding:25px 0;}
    #header .logo img { width:auto; width:100%; margin:0 auto;}
    #header ul { list-style:none; width:100%; margin:0; text-align:center; padding:0;}
    #header li { display:inline-block; margin:0; width:auto; height:auto;transition:all 0.2s; float:left;}
    #header a { color:#fff; border-bottom:#d5711c;}
    #header .voce_menu {margin:30px 2% 0 2%;}
    #header .button_organizza { width:auto; padding:20px 5% 12px 5%;border:solid 4px #ffdd11; margin:10px 0 0 0;}
    #header .button_organizza:hover { width:auto; padding:20px 5% 12px 5%;border:solid 4px #ffdd11; background-color:#ffdd11; color:#000;}
    #main .round { border-radius:100%; background-color:#F00; margin:15px auto 0 auto; padding:0; color:#F00; width:25px;border:solid 4px #fff;}
    #header .container { display:none;}

    main { width:100%; margin:0 auto; padding:0; height:auto;}
    #main .content_menu {font-size:16px; font-weight:400; text-align:center;width:100%;}
    #main .nav { width:100%; margin-top:15px; background-color:#6189ad;}
    #main { width:100%; margin:0 auto; padding:0; height:auto;}
    #main .titolo { width:95%; font-weight:800; margin: 10px 0; padding:10px 2.5%; text-align: left;}
    #main .sottotitolo_info { width: 100%; font-size: 18px; font-weight: bold; margin-bottom: 15px; clear: both; }
    #main .nome_pista { width: 76%; font-size: 18px; font-weight: bold; padding: 20px 2% 10px 2% ; float: left;}
    #main .spanna { width: 95%; margin: 5px 2.5%;}
    #main .colonna_legenda_generale { font-size:14px; margin: 10px auto 0 auto; width: 100%; clear: both;}
    #main .colonna_dati_legenda { width:50%; padding: 10px 0; text-align: left!important; clear: both; float: left;}
    #main .content { width:99%; max-width:1400px;margin:0 auto;}
    #main .cl_50 { width:100%; height:auto;}
    #main .cl_33 { width:49%; margin: 10px 0.5%; height:auto; min-height: 450px;}
    #main .img_bg { width:48%; margin:15px 1% 0 1%; background-repeat:no-repeat;transition:all 1s; position:relative; opacity:0.2; }
    #main .img_bg:hover { width:48%; margin:15px 1% 0 1%; background-repeat:no-repeat; opacity:1; position:relative;}
    #main .img_home { width:100%;}
    #main .titolo_slide { font-size:32px; font-weight:400; text-align:center; margin:10% 0 5% 0; text-align: center;}
    #main .button_slide { width:420px; padding:10px 5% 10px 5%; height:auto; border:solid 2px #e6e6e6; margin:10px auto; text-align:center; font-size:38px; font-weight:300; letter-spacing:-1px; transition:all 1s;  cursor: pointer; cursor: hand; }
    #main .button_slide:hover{ width:450px; padding:10px 5% 10px 5%; height:auto;  background-color:#e6e6e6; color:#1a100f; text-align:center;}
    #main .button_toogle { width:100%; text-align:left; padding:25px 5%; font-size:26px; font-weight:400; border:none; background:#cb323d; color:#fff; margin:1px auto;}
    #img_button_toogle5,#img_button_toogle4,#img_button_toogle3,#img_button_toogle2,#img_button_toogle1 { display:none; font-size:14px; font-weight:400; padding:10px 5%; width:90%; margin:0;}
    #img_button_toogle1 { display:block;}
    #main .cl_10 { width:8%; padding:5px 1%;}
    #main .cl_20 { width:18%; padding:5px 1%;}
    #main .cl_30 { width:28%; padding:5px 1%;}
    #main .track { width:90%; margin:25px 5%;}
    #main .pannello_dati { width:48%; float:right; border-radius:15px; margin:25px auto; padding:0 0 15px 0; position:relative; height:auto;}
    #main .pannello_login { width:100%; max-width:400px; border-radius:15px; margin:25px auto; padding:0 0 15px 0; position:relative; background-color:#fff; height:auto;}
    #main .pannello_login_deco { position:absolute; top:-32px; left:-130px; height:100%; z-index:1;}
    #main .form { position:relative; z-index:2; padding-top:100px; text-align:center; color:#0CF;}
    #main .form_dati { position:relative; z-index:2; padding-top:20px; text-align:center; color:#fff;}
    #main .titolo_registrazione { margin:15px auto; font-weight:800; font-size:24px;}
    #main .label { width:20%; padding:12px 0 0 5%; float:left; text-align:right; font-size:14px;}
    #main .gara_lista { width:90%; text-align:left; padding:23px 5% 40px 5%; font-size:26px; font-weight:400; border:none; background:#cb323d; color:#fff; margin:1px auto;}
    #main .quando_lista { width:20%; height:auto; float:left; overflow:hidden; text-align:left; font-size:14px;}
    #main .dove_lista { width:60%; height:auto; float:left; overflow:hidden; text-align:left; font-size:14px;}
    #main .posizionamento {  width:10%; height:auto; float:left; overflow:hidden; text-align:right; font-size:14px;}
    #main .posizionamento i {padding:2px 0 0 0 !important; height:auto; float:right; text-align:center; font-size:14px; margin:1px 0 0 2px;}
    #main .button_go { width:10%; padding:0 !important; height:auto; float:right; text-align:center; font-size:14px;}
    #main .txt_form { border:1px solid #CCC; border-radius:5px; padding:10px 2%; width:56%; margin:5px 4.4%; float:left; }
    #main .trasponder { border:1px solid #CCC; border-radius:5px; padding:10px 2%; width:50.4%; margin:5px 0 0 4.4%; float:left;}
    #main .fa-plus-square { padding-top:2px !important; font-size:40px; float:left; margin:1px 0.4%;}
    #main .fa-minus-square { padding-top:2px !important; font-size:40px; float:left; margin:1px 0.4%;}
    #main .button_send { background-color:#0CC; border-radius:5px; padding:10px 2%; width:61%; margin:5px 10% 0 0;color:#fff; float:right;}
    #main .tramite_facebook { text-align:center; padding-top:15px; color:#000;}
    #main .pwd_scordata { font-size:13px; padding:5px 0; margin-right:10%; width:61%; float:right;}
    #main .corse_home_cl_50 { width: 50%; float: left; height: auto;}
    #main .corse_home_live { width: 99%; margin: 0 0.5%; float: left; height: auto;}
    #main .contenitore_live_home {width:100%; float: left; text-align:left; font-size:26px; font-weight:400; border:none; background:#cb323d; color:#fff; margin:1px auto;}
    #main .button_slide_live { float: right; width:10%; padding:10px 5% 10px 5%; height:auto; text-align:center; font-size:14px; font-weight:300; letter-spacing:-1px; transition:all 1s;  cursor: pointer; cursor: hand;background-color:#e6e6e6; color:#1a100f;  }
    #main .button_slide_live:hover{ width:10%; padding:10px 5% 10px 5%; height:auto;  background-color:#e6e6e6; color:#1a100f; text-align:center;}


    .nome_utente { font-size:22px; margin-top:10px; padding:0;text-align: center;}
    .impostazioni { font-size:19px; margin:0; padding:5px 0; color: #fff !important; text-align: center;}
    .impostazioni a{ font-size:19px; margin:0; padding:0; color: #fff !important;}
    .impostazioni i{ padding:0;}
    #footer { width:100%; margin:60px auto; padding:25px 0; height:auto; background-color:#6189ad;}
    #footer .content { width:99%; max-width:1400px;margin:0 auto;}
    #footer .content img { max-width:150px; margin: 25px 0 0 0; }
    #footer .cl_50 { width:95%; margin:0 2.5%; font-size: 13px; text-align: center}

    /*COLONNE GARA */
    #main .numero_posizione { position:absolute; text-align: left; right: 0; left: 0; padding: 3px 0; color: #000;}
    
    #main .numero_legenda { position:absolute; text-align: left; right: 0; left: 0; padding: 3px 0; color: #fff;}

    #main .cl_additional_legenda { width:20%; float:left; font-size:11px; text-overflow: hidden;height: 25px; padding-top: 5px;}
        
    #main .cl_10_legenda { width:9.0%; float:left; font-size:11px;}
    #main .cl_7_legenda { width:7.0%; float:left; font-size:11px;}
    #main .cl_15_legenda { width:15.0%; float:left; font-size:11px;}
    #main .cl_29_legenda { width:29.0%; float:left; font-size:11px;}
    #main .cl_50_legenda { width:95%; margin:0 2.5%; float: left; font-size: 13px;}
    #main .cl_tempi { width:8%; float:left; font-size:11px;}
    #main .cl_4_legenda { width:4%; float:left; font-size:11px;}
    #main .cl_20_legenda { width:auto;font-size:11px; margin: 0 auto; text-align: center!important;}
    #main .cl_10_togo { width:50%;font-size:22px; text-align:center; padding:25px 0 5px 0; background-color:transparent; border-radius:25px 25px 0 0; float: right;}
    #main .logo_cronometrista { background-color:#ffffff; width:90%; padding: 15px 2.5%; max-width: 150px; margin: 2px auto; text-align: center!important; border-radius:10px;}
    #main .logo_cronometrista img{ background-color:#fff;width: 100%; height: auto;}
    #main .icon { width:3%; height: auto;float:left; margin: 0 auto; text-align: center; background-color:#fff; height: 25px; padding: 3px 0;}
    #main .icon img{max-width: 20px;  width: 60%; margin: 0 20%; padding-top: 2px;}
    #main .icon_flag { width:100px; height: 100px; margin: 15px auto;}
    /*.button_show_circuiti { width:96%; border-radius: 10px; background-color: #cb323d; padding: 15px 2%; margin: 15px auto; color:#fff; text-align: center;}*/
    .index_p { margin: 0 0 10px 0; min-height: 30px;}
    #main .logo_pista_lista {position: absolute; bottom: 15px; left: 30px; max-width: 150px;}
    #main .lista_piste { width: 100%; height: auto; position: relative;}


    /*DETTAGLIO PILOTA LIVE*/
    
    #main .legenda_gara_dettpilota {width:100%; font-size:26px; font-weight:800; border:none; background:#7b7b7b; color:#fff; margin:1px auto; height: auto; clear: both; }
    #main .lista_atleti_dettpilota {height:30px;width:100%; padding:0; font-size:26px; font-weight:400; border:none; background:#1f1f1f; color:#fff; clear: both; }

    #main .numero_posizione_dettpilota { position:absolute; text-align: center; right: 0; left: 0; padding: 3px 0; color: #000;}
    #main .cl_position_legenda_dettpilota {float:left; font-size:11px; text-overflow: hidden; width: 6%; position: relative; height:25px; color: #000;padding: 3px 0 3px 2%;}
    #main .cl_numero_legenda_dettpilota {float:left; font-size:11px; text-overflow: hidden; width: 6%; position: relative; height:25px; padding: 3px 0; text-align: left}
    #main .numero_legenda_dettpilota { position:absolute; text-align: left; right: 0; left: 0; padding: 3px 0; color: #fff;}


    #main .cl_trasponder_dettpilota { width:7%; float:left; font-size:11px; text-overflow: hidden; text-align: center;height: 25px; padding-top: 5px;}
    #main .cl_additional_legenda_dettpilota { width:7%; float:left; font-size:11px; text-overflow: hidden;height: 25px; padding-top: 5px; text-align: center}
    #main .cl_driver_legenda_dettpilota { width:31%; float:left; font-size:11px; text-overflow: hidden;height: 25px; padding-top: 5px;white-space: nowrap; 
                                          overflow: hidden;
                                          text-overflow:ellipsis;}
    #main .cl_class_legenda_dettpilota { width:7%; float:left; font-size:11px; text-overflow: hidden;height: 25px; padding-top: 5px; text-align: center;;white-space: nowrap; 
                                         overflow: hidden;
                                         text-overflow:ellipsis;}
    #main .cl_laps_legenda_dettpilota { width:6%; float:left; font-size:11px; text-overflow: hidden; text-align: center;height: 25px; padding-top: 5px;}
    #main .cl_last_lp_legenda_dettpilota { width:10.0%; float:left; font-size:11px; text-overflow: hidden; text-align: center;height: 25px; padding-top: 5px;}
    #main .cl_best_lap_legenda_dettpilota{ width:10.0%; float:left; font-size:11px; text-overflow: hidden; text-align: center;height: 25px; padding-top: 5px;}
    #main .cl_second_legenda_dettpilota{ width:10.0%; float:left; font-size:11px; text-overflow: hidden; text-align: center;height: 25px; padding-top: 5px;}
    #main .cl_last_bl_legenda_dettpilota{ width:7.0%; float:left; font-size:11px; text-overflow: hidden; text-align: center;height: 25px; padding-top: 5px;}
    #main .cl_diff_legenda_dettpilota{ width:12.0%; float:left; font-size:11px; text-overflow: hidden; text-align: center;height: 25px; padding-top: 5px;}
    #main .cl_dettaglio_pilota_legenda_dettpilota { width:9.0%; float:left; font-size:11px; text-overflow: hidden; text-align: center;height: 25px; padding-top: 5px;}
    #main .cl_dettaglio_pilota_legenda_dettpilota p, #main .cl_dettaglio_pilota_legenda_dettpilota i {float: left;}
    #main .cl_dettaglio_pilota_legenda_dettpilota p {margin: 0 3px 0 0;}
    #main .cl_dettaglio_pilota_legenda_dettpilota i {margin: 2px 0 0;}

    #main .cl_10_legenda_dettpilota { width:9.0%; float:left; font-size:11px;}
    #main .cl_7_legenda_dettpilota { width:7.0%; float:left; font-size:11px;}
    #main .cl_15_legenda_dettpilota { width:15.0%; float:left; font-size:11px;}
    #main .cl_29_legenda_dettpilota { width:29.0%; float:left; font-size:11px;}
    #main .cl_50_legenda_dettpilota { width:45%; margin:0 2.5%; float: left; font-size: 18px;}
    #main .cl_tempi { width:8%; float:left; font-size:11px;}
    #main .cl_4_legenda_dettpilota { width:4%; float:left; font-size:11px;}
    #main .cl_20_legenda_dettpilota { width:auto; float:left; font-size:11px; margin: 0 2%;}
}

@media screen and (max-width: 580px) {
    .rotate {-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;
             transition-duration: 0.8s; -webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform; -o-transition-property: -o-transform;transition-property: transform;overflow: hidden;}

    .rotate:hover {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);}
    .right { float:right;}
    .left { float:left;}
    .parallax-window {
        min-height: 400px;
        background: transparent;
        padding:15px 0;
    }
    .txt_center { text-align:center;}
    #main h1 { padding:10px 0; letter-spacing:-1px;}
    #main h3 { padding:0; margin:0 0 5px 0; letter-spacing:-1px; font-weight:400;}
    .white { color:#fff;}
    i { padding-top:0px;}

    i .fa-arrow-right { padding-top:0!important;}
    table {margin:0; display:block; width:60%;}
    input[type="ricerca"] { margin:15px auto; height:25px; padding:10px 2%; border:none; border-radius:10px; width:66%; color:#333;}
    .a_color_white { color:#fff;}

    .immagine_wide { width:100%; height:auto; margin:0 auto;}
    .immagine_wide  img { width:100%; max-height:350px; margin:0 auto;}
    .parallax-window { min-height: 250px; background: transparent;}
    #content h1 { font-size:48px; font-weight:800; color:#000; text-align:center; margin-top:0; width:98%; padding:0 1%; letter-spacing:-3px;}
    #content h2 { font-size:22px; font-weight:300; font-style:italic; color:#999; width:98%; padding:0 1%; text-align:center;}
    #content h3 { color:#000;}
    #content h4 { font-size:42px; font-weight:300;margin:0 auto;padding:0; text-align:center; font-weight:800; color:#fff; padding:15px 10px 9px 10px;}
    #content p { width:auto; margin:10px 0.5%; color:#666;}
    #header { width:100%; height:auto;height:auto}
    #header .content { width:99.8%; padding:0 0.1%; max-width:1400px; height:auto; margin:0 auto; }

    #header .logo { width:100%; margin:0 auto; max-width:270px; padding:25px 0;}
    #header .logo img { width:auto; width:100%; margin:0 auto;}
    #header ul { list-style:none; width:100%; margin:0; text-align:center; padding:0;}
    #header li { display:inline-block; margin:0; width:auto; height:auto;transition:all 0.2s; float:left;}
    #header a { color:#fff; border-bottom:#d5711c;}
    #header .voce_menu {margin:30px 2% 0 2%;}
    #header .button_organizza { width:auto; padding:20px 5% 12px 5%;border:solid 4px #ffdd11; margin:10px 0 0 0;}
    #header .button_organizza:hover { width:auto; padding:20px 5% 12px 5%;border:solid 4px #ffdd11; background-color:#ffdd11; color:#000;}
    #main .round { border-radius:100%; background-color:#F00; margin:15px auto 0 auto; padding:0; color:#F00; width:25px;border:solid 4px #fff;}
    #header .container { display:none;}

    main { width:100%; margin:0 auto; padding:0; height:auto;}
    #main .content_menu {font-size:16px; font-weight:400; text-align:center;width:100%;}
    #main .nav { width:100%; margin-top:15px; background-color:#6189ad;}
    #main { width:100%; margin:0 auto; padding:0; height:auto;}
    #main .titolo { width:auto; font-weight:300; margin: 10px 0; padding:0; text-align: center; font-size: 26px;}
    #main .sottotitolo_info { width: 100%; font-size: 18px; font-weight: bold; margin-bottom: 15px; clear: both; }
    #main .nome_pista { width: 76%; font-size: 18px; font-weight: bold; padding: 20px 2% 10px 2% ; float: left;}
    #main .spanna { width: 95%; margin: 5px 2.5%;}
    #main .colonna_legenda_generale { font-size:14px; margin: 10px auto 0 auto; width: 100%; clear: both;}
    #main .colonna_dati_legenda { width:100%; padding: 10px 0; text-align: center!important; clear: both;}
    #main .content { width:99%; max-width:1400px;margin:0 auto;}
    #main .cl_50 { width:100%; height:auto;}
    #main .cl_33 { width:99%; margin: 10px 0.5%; height:auto;}
    #main .img_bg { width:48%; margin:15px 1% 0 1%; background-repeat:no-repeat;transition:all 1s; position:relative; opacity:0.2; }
    #main .img_bg:hover { width:48%; margin:15px 1% 0 1%; background-repeat:no-repeat; opacity:1; position:relative;}
    #main .img_home { width:100%;}
    #main .titolo_slide { font-size:32px; font-weight:400; text-align:center; margin:10% 0 5% 0; text-align: center;}
    #main .button_slide { width:310px; padding:10px 5% 10px 5%; height:auto; border:solid 2px #e6e6e6; margin:10px auto; text-align:center; font-size:38px; font-weight:300; letter-spacing:-1px; transition:all 1s;  cursor: pointer; cursor: hand; }
    #main .button_slide:hover{ width:310px; padding:10px 5% 10px 5%; height:auto;  background-color:#e6e6e6; color:#1a100f; text-align:center;}
    #main .button_toogle { width:100%; text-align:left; padding:25px 5%; font-size:26px; font-weight:400; border:none; background:#cb323d; color:#fff; margin:1px auto;}
    #img_button_toogle5,#img_button_toogle4,#img_button_toogle3,#img_button_toogle2,#img_button_toogle1 { display:none; font-size:14px; font-weight:400; padding:10px 5%; width:90%; margin:0;}
    #img_button_toogle1 { display:block;}
    #main .cl_10 { width:8%; padding:5px 1%;}
    #main .cl_20 { width:18%; padding:5px 1%;}
    #main .cl_30 { width:28%; padding:5px 1%;}
    #main .track { width:90%; margin:25px 5%;}
    #main .pannello_dati { width:48%; float:right; border-radius:15px; margin:25px auto; padding:0 0 15px 0; position:relative; height:auto;}
    #main .pannello_login { width:100%; max-width:400px; border-radius:15px; margin:25px auto; padding:0 0 15px 0; position:relative; background-color:#fff; height:auto;}
    #main .pannello_login_deco { position:absolute; top:-32px; left:-130px; height:100%; z-index:1;}
    #main .form { position:relative; z-index:2; padding-top:100px; text-align:center; color:#0CF;}
    #main .form_dati { position:relative; z-index:2; padding-top:20px; text-align:center; color:#fff;}
    #main .titolo_registrazione { margin:15px auto; font-weight:800; font-size:24px;}
    #main .label { width:20%; padding:12px 0 0 5%; float:left; text-align:right; font-size:14px;}
    #main .gara_lista { width:90%; text-align:left; padding:23px 5% 40px 5%; font-size:26px; font-weight:400; border:none; background:#cb323d; color:#fff; margin:1px auto;}
    #main .quando_lista { width:20%; height:auto; float:left; overflow:hidden; text-align:left; font-size:14px;}
    #main .dove_lista { width:60%; height:auto; float:left; overflow:hidden; text-align:left; font-size:14px;}
    #main .posizionamento {  width:10%; height:auto; float:left; overflow:hidden; text-align:right; font-size:14px;}
    #main .posizionamento i {padding:2px 0 0 0 !important; height:auto; float:right; text-align:center; font-size:14px; margin:1px 0 0 2px;}
    #main .button_go { width:10%; padding:0 !important; height:auto; float:right; text-align:center; font-size:14px;}
    #main .txt_form { border:1px solid #CCC; border-radius:5px; padding:10px 2%; width:56%; margin:5px 4.4%; float:left; }
    #main .trasponder { border:1px solid #CCC; border-radius:5px; padding:10px 2%; width:50.4%; margin:5px 0 0 4.4%; float:left;}
    #main .fa-plus-square { padding-top:2px !important; font-size:40px; float:left; margin:1px 0.4%;}
    #main .fa-minus-square { padding-top:2px !important; font-size:40px; float:left; margin:1px 0.4%;}
    #main .button_send { background-color:#0CC; border-radius:5px; padding:10px 2%; width:61%; margin:5px 10% 0 0;color:#fff; float:right;}
    #main .tramite_facebook { text-align:center; padding-top:15px; color:#000;}
    #main .pwd_scordata { font-size:13px; padding:5px 0; margin-right:10%; width:61%; float:right;}
    #main .corse_home_cl_50 { width: 50%; float: left; height: auto;}
    #main .corse_home_live { width: 99%; margin: 0 0.5%; float: left; height: auto;}
    #main .ricerca_elenco { width: 99%; margin: 0 0.5%; float: left; height: auto;}
    #main .contenitore_live_home {width:100%; float: left; text-align:left; font-size:26px; font-weight:400; border:none; background:#cb323d; color:#fff; margin:1px auto;}
    #main .button_slide_live { float: right; width:10%; padding:10px 5% 10px 5%; height:auto; text-align:center; font-size:14px; font-weight:300; letter-spacing:-1px; transition:all 1s;  cursor: pointer; cursor: hand;background-color:#e6e6e6; color:#1a100f;  }
    #main .button_slide_live:hover{ width:10%; padding:10px 5% 10px 5%; height:auto;  background-color:#e6e6e6; color:#1a100f; text-align:center;}


    .nome_utente { font-size:22px; margin-top:10px; padding:0;text-align: center;}
    .impostazioni { font-size:19px; margin:0; padding:5px 0; color: #fff !important; text-align: center;}
    .impostazioni a{ font-size:19px; margin:0; padding:0; color: #fff !important;}
    .impostazioni i{ padding:0;}
    #footer { width:100%; margin:60px auto; padding:25px 0; height:auto; background-color:#6189ad;}
    #footer .content { width:99%; max-width:1400px;margin:0 auto;}
    #footer .content img { max-width:150px; margin: 25px 0 0 0; }
    #footer .cl_50 { width:95%; margin:0 2.5%; font-size: 13px; text-align: center}

    /*COLONNE GARA */
    #main .numero_posizione { position:absolute; text-align: left; right: 0; left: 0; padding: 3px 0; color: #000;}
    
    #main .numero_legenda { position:relative; text-align: center; right: 0; left: 0; padding: 3px 0; color: #fff;}

    #main .cl_additional_legenda {display: none;}  

    #main .cl_10_legenda { width:9.0%; float:left; font-size:11px;}
    #main .cl_7_legenda { width:7.0%; float:left; font-size:11px;}
    #main .cl_15_legenda { width:15.0%; float:left; font-size:11px;}
    #main .cl_29_legenda { width:29.0%; float:left; font-size:11px;}
    #main .cl_50_legenda { width:95%; margin:0 2.5%; float: left; font-size: 13px;}
    #main .cl_tempi { width:8%; float:left; font-size:11px;}
    #main .cl_4_legenda { width:4%; float:left; font-size:11px;}
    #main .cl_20_legenda { width:auto;font-size:11px; margin: 0 auto; text-align: center!important;}
    #main .cl_10_togo { width:100%;font-size:22px; text-align:center; padding:25px 0 5px 0; background-color:transparent; border-radius:25px 25px 0 0;}
    #main .logo_cronometrista { background-color:#ffffff; width:90%; padding: 15px 2.5%; max-width: 150px; margin: 2px auto; text-align: center!important; border-radius:10px;}
    #main .logo_cronometrista img{ background-color:#fff;width: 100%; height: auto;}
    #main .icon { width:3%; margin: 0 0.5%; padding:9px 1% 0 1%; height: auto;float:left; margin: 0 auto; text-align: center; background-color:#fff; height: 22px; }
    #main .icon img{max-width: 20px;  width: 90%; margin: 0 auto; padding-top: 2px;}
    #main .icon_flag { width:100px; height: 100px; margin: 15px auto;}
    /*.button_show_circuiti { width:96%; border-radius: 10px; background-color: #cb323d; padding: 15px 2%; margin: 15px auto; color:#fff; text-align: center;}*/
    .index_p { margin: 0 0 10px 0; min-height: 30px;}
    #main .logo_pista_lista {position: absolute; bottom: 15px; left: 30px; max-width: 150px;}
    #main .lista_piste { width: 100%; height: auto; position: relative;}
    
    #main .legenda_gara_dettpilota {width:100%; font-size:26px; font-weight:800; border:none; background:#7b7b7b; color:#fff; margin:1px auto; height: auto; clear: both; }
    #main .lista_atleti_dettpilota {width:100%; padding:0; font-size:26px; font-weight:400; border:none; background:#1f1f1f; color:#fff; clear: both;height:30px; }

    #main .numero_posizione_dettpilota { position:absolute; text-align: center; right: 0; left: 0; padding: 3px 0; color: #000;}
    #main .cl_position_legenda_dettpilota {display: none;}
    #main .cl_numero_legenda_dettpilota {display: none;}
    #main .numero_legenda_dettpilota { position:absolute; text-align: left; right: 0; left: 0; padding: 3px 0; color: #fff;}


    #main .cl_trasponder_dettpilota { display: none;}
    #main .cl_additional_legenda_dettpilota {display: none;}
    #main .cl_driver_legenda_dettpilota { width:45%; float:left; font-size:12px; text-overflow: hidden;height: 25px; padding-top: 5px;white-space: nowrap; 

                                          overflow: hidden;
                                          text-overflow:ellipsis;}
    #main .cl_class_legenda_dettpilota {display: none;}
    #main .cl_laps_legenda_dettpilota { width:20%; float:left; font-size:12px; text-overflow: hidden; text-align: center;height: 25px; padding-top: 5px;}
    #main .cl_last_lp_legenda_dettpilota { width:30.0%; float:left; font-size:12px; text-overflow: hidden; text-align: center;height: 25px; padding-top: 5px;}
    #main .cl_best_lap_legenda_dettpilota{ width:10.0%; float:left; font-size:12px; text-overflow: hidden; text-align: center;height: 25px; padding-top: 5px;}
    #main .cl_second_legenda_dettpilota{ width:10.0%; float:left; font-size:12px; text-overflow: hidden; text-align: center;height: 25px; padding-top: 5px;}
    #main .cl_last_bl_legenda_dettpilota{ width:7.0%; float:left; font-size:12px; text-overflow: hidden; text-align: center;height: 25px; padding-top: 5px;}
    #main .cl_diff_legenda_dettpilota{display: none;}
    #main .cl_dettaglio_pilota_legenda_dettpilota { width:9.0%; float:left; font-size:12px; text-overflow: hidden; text-align: center;height: 25px; padding-top: 5px;}
    #main .cl_dettaglio_pilota_legenda_dettpilota p, #main .cl_dettaglio_pilota_legenda_dettpilota i {float: left;}
    #main .cl_dettaglio_pilota_legenda_dettpilota p {margin: 0 3px 0 0;}
    #main .cl_dettaglio_pilota_legenda_dettpilota i {margin: 2px 0 0;}

    #main .cl_10_legenda_dettpilota { width:9.0%; float:left; font-size:12px;}
    #main .cl_7_legenda_dettpilota { width:7.0%; float:left; font-size:12px;}
    #main .cl_15_legenda_dettpilota { width:15.0%; float:left; font-size:12px;}
    #main .cl_29_legenda_dettpilota { width:29.0%; float:left; font-size:12px;}
    #main .cl_50_legenda_dettpilota { width:45%; margin:0 2.5%; float: left; font-size: 18px;}
    #main .cl_tempi { width:8%; float:left; font-size:12px;}
    #main .cl_4_legenda_dettpilota { width:4%; float:left; font-size:12px;}
    #main .cl_20_legenda_dettpilota { width:auto; float:left; font-size:12px; margin: 0 2%;}	
}