@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0}
a img { border:0px none}
body { background-color:#000; margin:0px; font-family:Arial, Helvetica, sans-serif}
#pagina { margin:15px auto 0 auto; width:960px; background-image:url('../img/sfondo_pagina.jpg'); background-repeat:repeat-x; background-color:#c1c1c1; min-height:630px; color:#444040; position:relative}
#pagina.popup { margin:0px auto; width:450px; background-image:url('../img/sfondo_pagina.jpg'); background-repeat:repeat-x; background-color:#c1c1c1; min-height:350px; color:#444040; position:relative}
.clear {clear:both; display:block}

/* logo */
h1.logo { width:100px; height:46px; background-image:url('../img/logo.png'); _background-image:url('../img/logo.gif'); background-position:0% 50%; display:block; margin-left:25px}
h1.logo a { display:block; height:100%; width:100%; overflow:hidden; text-indent:-800px;}

/* menu principale */

#menu_principale { position:absolute; top:8px; right:41px; height:61px; background-image:url('../img/menu_sx.png'); _background-image:url('../img/menu_sx.gif'); background-position:0% 0%; background-repeat:no-repeat; _width:540px}
#menu_principale .esterno { background-image:url('../img/menu_dx.png'); _background-image:url('../img/menu_dx.gif'); background-position:100% 0%; background-repeat:no-repeat;  margin:0px 0px 0px 24px; padding:0px; height:100%}
#menu_principale ul {list-style-type:none;  margin:0px 24px 0px 0px; padding:0px; background-image:url('../img/menu_flow.png'); _background-image:url('../img/menu_flow.gif'); background-repeat:repeat-x; background-position:0% 0%; height:100%}
#menu_principale li { float:left; height:29px; background-image:url('../img/menu_separatore.png'); _background-image:url('../img/menu_separatore.gif'); background-repeat:no-repeat; background-position:100% 0%; height:100%; _width:1%; display:inline; white-space:nowrap}
#menu_principale li a { display:block; height:29px; font-family:Impact; font-size:14px; color:#FFF; text-decoration:none; padding:0px 16px; line-height:27px}
#menu_principale li a:hover { color:#666; text-decoration:none; background-image:url('../img/menu_flow_attivo.png'); _background-image:url('../img/menu_flow_attivo.gif')}
#menu_principale li a.accesa { color:#666; text-decoration:none; background-image:url('../img/menu_flow_attivo.png'); _background-image:url('../img/menu_flow_attivo.gif')}

#menu_principale li.first a {}
#menu_principale li.last {background-image:url('../img/spacer.gif')}

#corpo_pagina { margin:24px 0 0px 0px}
.popup #corpo_pagina { margin:0px 0 0px 0px}
#colonna_sx, #colonna_dx { float:left; display:inline; position:relative}
#colonna_sx { width:370px; margin:0px 10px 0px 25px}
#colonna_dx { width:504px; margin:0px 41px 0px 10px}
#colonna_unica {margin:0px 41px 0px 25px}

#colonna_sx .box { margin-bottom:8px}
.box h2, .articolo h2 , #colonna_dx .box h3{ font-family:Impact; font-size:18px; color:#CCC; font-weight:normal; line-height:16px;}
.scuro {color:#666 !important}
#colonna_sx .box .sottobox { float:left; display:inline; width:183px; border:1px solid #666; position:relative}
#colonna_sx .box .largo { width:368px}
.box .sottobox .header { background-image:url('../img/sfondo_header_box.gif'); background-repeat:repeat-x; height:30px; background-position:0% 100%; background-color:#999}
.box .sottobox .header h3 { font-size:12px; color:#FFF; line-height:30px; margin:0px 10px}

.box .contenuto p { color:#FFF; font-size:12px}
.box .contenuto p a { color:#CCC; font-weight:bold}

.sottobox .contenuto { padding:5px 10px 44px 10px; background-color:#000; font-size:11px}

.box .sottobox .sx { padding-bottom:44px}
.box .sottobox .dx { padding-bottom:29px}

.bandiera { padding-left:30px; background-repeat:no-repeat; background-position:0 50%}
.box .sottobox .contenuto ol.ordine_arrivo { position:relative; padding-left:18px; #margin-left:5px}
.box .sottobox .contenuto ol.ordine_arrivo li { line-height:30px; background-image:url('../img/casco.gif'); background-repeat:no-repeat; background-position:0px 50%; color:#FFF}
ol.ordine_arrivo li a, ol.classifica li a {color:#FFF; text-decoration:none}
ol.ordine_arrivo li a:hover,  ol.classifica li a:hover {  color:#F60}

.box .sottobox .contenuto ol.ordine_arrivo li span{ padding-left:24px; font-weight:bold}

.box .sottobox .contenuto ol.classifica { list-style-type:none;}
.box .sottobox .contenuto ol.classifica li { line-height:21px; background-repeat:no-repeat; background-position:10px 50%; color:#FFF; font-weight:bold; position:relative; #margin-right:-20px }
.box .sottobox .contenuto ol.classifica li span{ position:absolute; top:0%; right:0%; #right:20px; #line-height:17px; display:block}

.box  .contenuto ol.elenco-puntate { list-style-type:none; font-size:14px}
.box  .contenuto ol.elenco-puntate li { line-height:30px; background-image:url('../img/bandierina.gif'); background-repeat:no-repeat; background-position:0px 50%; color:#FFF}
.box .sottobox .contenuto ol.elenco-puntate li a{ margin-left:30px; font-weight:normal; color:#666; text-decoration:none}
.box .sottobox .contenuto ol.elenco-puntate li a.accesa{ color:#FFF}

.box .sottobox .contenuto ol.elenco-puntate li a span { font-weight:bold;}



.box .sottobox .footer { position:absolute; bottom:0%; background-color:#4d4d4d; font-size:11px; color:#ccc; display:block; width:100%; }
.box .sottobox .footer ul { margin:5px 10px; #padding-bottom:10px}
.box .sottobox .footer li { float:left; list-style-type:none}
.box .sottobox .footer li strong { color:#FFF}

.banner { margin-bottom:18px}
.banner a {}
.banner a img { border:1px solid #CCC}

a.dettaglio { margin:5px 10px; display:block; text-align:right; color:#CCC; padding-right:25px; background-image:url('../img/freccino.gif'); background-repeat:no-repeat; background-position:100% 50%;}

.articolo {position:relative; margin-bottom:8px}
.articolo .foto { position:relative}
.articolo .foto h3 { position:absolute; right:0; bottom:0; background-image:url('../img/sfondo_nero_53.png' ); font-family:Impact; font-size:18px; color:#FFF; font-weight:normal; padding:6px 28px; #bottom:3px}

.articolo .testo { background-color:#CCC; padding:5px; font-size:11px; color:#000}

.articolo .footer, .sondaggio .footer, .news .footer { background-color:#4d4d4d; font-size:11px; color:#ccc; display:block; width:100%; border-top:1px solid #4d4d4d; border-bottom:1px solid #4d4d4d;}

#colonna_dx .box {float:left;}
#colonna_dx .l { width:234px; margin-right:10px}
#colonna_dx .r { width:260px;}
#colonna_dx .largo { width:504px;}

.sondaggio { /*margin-bottom:10px*/}
.sondaggio .header { background-color:#000; color:#FFF; font-size:12px; padding:6px}
.sondaggio .contenuto { background-color:#CCC; display:block; height:1%; padding:0px !important}
.sondaggio .contenuto p { font-size:12px ; color:#666; padding:10px}
.sondaggio .risultati { list-style-type:none; font-size:10px; line-height:20px; width:100%; float:left; margin:6px 0; display:inline}
.sondaggio .left{margin-right:1%; }
.sondaggio .right{margin-left:1%; }
.sondaggio .risultati li {; position:relative; margin: 0 10px;}
.sondaggio .risultati li .score { position:absolute; right:0; top:3px;}
.sondaggio .risultati li .score span { float:left; font-size:10px; line-height:12px}
.sondaggio .risultati li .score div { float:left; width:27px; height:7px; background-color:#4d4d4d; margin:3px 0px 0px 4px;}
.sondaggio .risultati li .score div div { float:none; width:auto; height:100%; background-color:transparent; margin:0px; background-image:url('../img/score_flow.gif');}
.sondaggio form { padding:5px}
.sondaggio form label { font-size:11px; margin:5px 0; height:15px; line-height:15px}
.sondaggio form label { display:block}
.sondaggio form label input { margin:0px 5px 0px 0px}
.sondaggio form input.bottone {margin:0px 2%; width:96%; display:block; text-align:right; color:#666; padding-right:25px; background-image:url('../img/freccino.gif'); background-repeat:no-repeat; background-position:100% 50%; border:0px none; background-color:transparent}

.news { margin-bottom:10px}
.news .header { background-color:#000; color:#FFF; font-size:12px; padding:6px}
.news .contenuto { background-color:#CCC}
.news .contenuto p { font-size:12px ; color:#666; padding:10px}
.news ul { list-style-type:none; font-size:12px;; width:100%; float:left;}
.news ul li {position:relative; padding: 8px 10px; border-bottom:1px solid #FFF}
.news ul li a { color:#666; text-decoration:none}
.news ul li a:hover { color:#000}


#video_ultima { height:378px; border:1px solid #000; background-color:#FFF}

.calendario {}
.calendario table { background-color:#000; border-collapse:collapse; border:1px solid #666; color:#FFF; font-family:arial; font-size:11px; width:100%}
.calendario td { border:1px solid #666; padding:3px 8px}
.calendario thead td { background-image:url('../img/sfondo_header_box.gif'); background-repeat:repeat-x;}
.calendario tbody td {}
.calendario td a {}


table.classifica { background-color:#000; border-collapse:collapse; border:1px solid #666; color:#FFF; font-family:arial; font-size:11px; width:100%}
table.classifica thead td { background-image:url('../img/sfondo_header_box.gif'); background-repeat:repeat-x;}
table.classifica td { padding:5px 3px; white-space:nowrap}
table.classifica td.punti { font-weight:bold}

table.classifica td span.pilota{ display:block; height:24px; padding-left:28px; background-repeat:no-repeat; background-position:0% 50%; line-height:24px}
table.classifica td span.costruttore{ display:block; height:24px; padding-left:40px; background-repeat:no-repeat; background-position:0% 50%; line-height:24px}

table.classifica tr.pari td { background-color:#333}
table.classifica tr.dispari td { background-color:#171717}

.scheda_pilota {}
.scheda_pilota h3 { color:#FFF; font-size:24px}
.scheda_pilota h2 { color:#FFF; font-size:16px}
.scheda_pilota .thumb { border:4px #FFF; float:left; margin:10px 10px 10px 0px}
.scheda_pilota .descrizione { color:#FFF !important; margin-top:10px; float:left}

table.statistiche-pilota { background-color:#000; border-collapse:collapse; border:1px solid #666; color:#FFF; font-family:arial; font-size:11px; width:100%}
table.statistiche-pilota thead th { background-image:url('../img/sfondo_header_box.gif'); background-repeat:repeat-x;}
thead th.anno { width:60px}
thead th.scuderia { width:100px}

table.statistiche-pilota td { padding:5px 3px; white-space:nowrap; text-align:center}
table.statistiche-pilota td.punti { font-weight:bold}

table.statistiche-pilota td span.pilota{ display:block; height:24px; padding-left:28px; background-repeat:no-repeat; background-position:0% 50%; line-height:24px}
table.statistiche-pilota td span.costruttore{ display:block; height:24px; padding-left:40px; background-repeat:no-repeat; background-position:0% 50%; line-height:24px}

table.statistiche-pilota tr.pari td { background-color:#333}
table.statistiche-pilota tr.dispari td { background-color:#171717}


table.statistiche-pilota a {color:#FFF; text-decoration:none}
table.statistiche-pilota a:hover {  color:#F60}

.centrato { text-align:center}

.countdown { padding:0 !important; height:139px}

#footer { font-size:10px; color:#444040; text-align:center; height:30px; line-height:30px; clear:both}
#footer a { color:#444040; font-weight:bold; text-decoration:none}