@charset "UTF-8";
/* CSS Document */

*, html {
margin:0;
padding:0
}
body {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	font-size:12px;
	text-align: center;
}


h1 {
color: #102b6a;
line-height:120%
}
h2 {
color: #FFFFFF}
h4{
font-size:11px;
}
a:hover {
text-decoration: underline
}

.cuerpo {
position: absolute;
         left: 50%;
                top: 0px;
                width: 892px;
                height: AUTO;
                margin-top: 0px;
                margin-left:-445px;
 
                overflow: auto;
                border: 0px solid red;
}
.todo {
	float: left;
	width:932px;
	text-align:center;
	margin-left:1px;
	margin-top:1px;
	background-color: #000000;
}

.cabecerasup {
	font-weight: bold;
	float: left;
	width:930px;
	text-align:center;
	height:88px;
	line-height:23px;
	margin-left:1px;
	margin-top:1px;
	background:url(imagenescrono/logosup.jpg) no-repeat;
}

.tituloscrono {
	font-weight: bold;
	float: left;
	width:930px;
	text-align:center;
	height:22px;
	margin-left:1px;
	margin-top:0px;
	background:url(imagenescrono/tituloscrono.jpg) no-repeat;
}
.tituloscarrera {
	font-weight: bold;
	float: left;
	width:930px;
	text-align:center;
	height:22px;
	margin-left:1px;
	margin-top:0px;
	background:url(imagenescrono/tituloscarrera.jpg) no-repeat;
}


.lineatiempos {
	margin-top:0px;
	width:930px;
	margin-left:0px;
	float: left;
}
.barratiempos {
	margin-top:0px;
	width:902px;
	margin-left:5px;
	float: left;
	background:url(imagenescrono/barratiempos.jpg) no-repeat;
	height:19px;
	line-height:19px;
	
}
.barratiemposselect {
	margin-top:0px;
	width:902px;
	margin-left:5px;
	float: left;
	background:url(imagenescrono/barratiemposselect.jpg) no-repeat;
	height:19px;
	line-height:19px;
	
}
.barratiemposcoment {
	margin-top:0px;
	width:902px;
	margin-left:5px;
	float: left;
	background:url(imagenescrono/barratiemposcomentario.jpg) no-repeat;
	height:19px;
	line-height:19px;
	
}

.status{
	float: left;
	width:6px;
	text-align:center;
	height:18px;
	line-height:18px;
	margin-left:15px;
	margin-top:0px;
	background:url(imagenescrono/statusnegro.png) no-repeat;
}
.statusrojo{
	float: left;
	width:6px;
	text-align:center;
	height:18px;
	line-height:18px;
	margin-left:15px;
	margin-top:0px;
	background:url(imagenescrono/statusrojo.png) no-repeat;
}

.enpit{
	float: left;
	width:20px;
	text-align:center;
	height:20px;
	line-height:18px;
	margin-left:15px;
	margin-top:0px;
	background:url(imagenescrono/cuadrado20.png) no-repeat;
}

.sube{
	float: left;
	width:20px;
	text-align:center;
	height:20px;
	line-height:18px;
	margin-left:15px;
	margin-top:0px;
	background:url(imagenescrono/sube.png) no-repeat;
}
.baja{
	float: left;
	width:20px;
	text-align:center;
	height:20px;
	line-height:18px;
	margin-left:15px;
	margin-top:0px;
	background:url(imagenescrono/baja.png) no-repeat;
}
.igual{
	float: left;
	width:20px;
	text-align:center;
	height:20px;
	line-height:18px;
	margin-left:15px;
	margin-top:0px;
	background:url(imagenescrono/igual.png) no-repeat;
}
.primero{
	float: left;
	width:20px;
	text-align:center;
	height:20px;
	line-height:18px;
	margin-left:15px;
	margin-top:0px;
	background:url(imagenescrono/primero.png) no-repeat;
}
.cuadros{
	float: left;
	width:20px;
	text-align:center;
	height:20px;
	line-height:18px;
	margin-left:15px;
	margin-top:0px;
	background:url(imagenescrono/cuadros.png) no-repeat;
}



.statusfinish{

	float: left;
	width:6px;
	text-align:center;
	height:18px;
	line-height:18px;
	margin-left:15px;
	margin-top:0px;
	background:url(imagenescrono/statusfinish.png) no-repeat;
}


.textoinfo {
	margin-top:65px;
	width:40px;
	margin-left:650px;
	float: left;
	background-color: #D8D8D8;
	color: #000000;
	font-weight: bold;
	line-height:15px;
	text-decoration: none;
	clear: both;
}

.ayuda{
	margin-top:-15px;
	width:35px;
	margin-left:849px;
	float: left;
	background-color: #D8D8D8;
	color: #000000;
	font-weight: bold;
	line-height:15px;
	text-decoration: none;
	clear: both;
}

.ayuda a, a:visited, a:link{
	background-color: #D8D8D8;
	color: #000000;
	font-weight: bold;
	line-height:15px;
	text-decoration: none;
}


.textoinfo a, a:visited, a:link{
	background-color: #D8D8D8;
	color: #000000;
	font-weight: bold;
	line-height:15px;
	text-decoration: none;
}
.ayuda a:hover {
	background-color: #D8D8D8;
	color: #000099;
	font-weight: bold;
	line-height:15px;
	text-decoration: none;
	font-size: 14px;
}

.textoinfo a:hover {
	background-color: #D8D8D8;
	color: #000099;
	font-weight: bold;
	line-height:15px;
	text-decoration: none;
	font-size: 14px;
}



.posicion{
	float: left;
	width:22px;
	text-align:center;
	height:20px;
	line-height:20px;
	margin-left:8px;
	margin-top:0px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.piloto{
	float: left;
	width:218px;
	text-align:left;
	height:20px;
	line-height:20px;
	margin-left:0px;
	margin-top:0px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.pilotoselect{
	float: left;
	width:250px;
	text-align:left;
	height:20px;
	line-height:20px;
	margin-left:0px;
	margin-top:0px;
	font-weight: bold;
	color: #FFFF00;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	
}

.tiempo{
	float: left;
	width:75px;
	text-align:center;
	height:20px;
	line-height:20px;
	margin-left:0px;
	margin-top:0px;
	color: #000099;
	font-weight: bold;
}

.tiempomejor{
	float: left;
	width:75px;
	text-align:center;
	height:20px;
	line-height:20px;
	margin-left:0px;
	margin-top:0px;
	color: #000099;
	font-weight: bold;
	font-style: italic;
}
.diferencia{
	float: left;
	width:140px;
	text-align:center;
	height:20px;
	line-height:20px;
	margin-left:0px;
	margin-top:0px;
	color: #000000;
}
.difprimer{
	float: left;
	width:69px;
	text-align:center;
	height:20px;
	line-height:20px;
	margin-left:1px;
	margin-top:0px;
	color: #000000;
}
.difant{
	float: left;
	width:69px;
	text-align:right;
	height:20px;
	line-height:20px;
	margin-left:-8px;
	margin-top:0px;
	color: #000000;
}
.vueltas{
	float: left;
	width:20px;
	text-align:center;
	height:20px;
	line-height:20px;
	margin-left:5px;
	margin-top:0px;
	color: #000000;
}
.sectores{
	float: left;
	width:164px;
	text-align:center;
	height:20px;
	line-height:20px;
	margin-left:10px;
	margin-top:0px;
	color: #000000;
}
.sector{
	float: left;
	width:40px;
	text-align:center;
	height:20px;
	line-height:20px;
	margin-left:1px;
	margin-top:0px;
	color: #ffffff;
}
.split{
	float: left;
	width:60px;
	text-align:center;
	height:20px;
	line-height:20px;
	margin-left:0px;
	margin-top:0px;
	color: #000000;
}
.velocidad{
	float: left;
	width:44px;
	text-align:center;
	height:20px;
	line-height:20px;
	margin-left:-14px;
	margin-top:0px;
	color: #000000;
}
.lastlap{
	float: left;
	width:70px;
	text-align:center;
	height:20px;
	line-height:20px;
	margin-left:15px;
	margin-top:0px;
	color: #FFFF99;
}

.lastlapbest{
	float: left;
	width:70px;
	text-align:center;
	height:20px;
	line-height:20px;
	margin-left:15px;
	margin-top:0px;
	color: #ffffff;
	font-weight: bold;
	font-style: italic;
	
}

.flagrider{
	float: left;
	width:3px;
	text-align:center;
	height:16px;
	line-height:20px;
	margin-left:5px;
	margin-top:0px;
	color: #000000;
}

.nombrepiloto{
	float: left;
	width:150px;
	text-align:left;
	height:20px;
	line-height:20px;
	margin-left:30px;
	margin-top:0px;
	color: #ffffff;
}
.dorsal{
	float: left;
	width:30px;
	text-align:right;
	height:20px;
	line-height:20px;
	margin-left:1px;
	margin-top:0px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.dorsaltexto{
	color: #ffffff;
	margin-top:3px;
	background-color: #000000;
	height:auto;
}
.dorsaltexto a{
	color: #ffffff;
	background-color: #000000;
}


.comentariopil{
	float: left;
	width:200px;
	text-align:left;
	height:20px;
	line-height:20px;
	margin-left:20px;
	margin-top:0px;
	color: #FFFF00;
	font-weight: bold;
}
.carrera{
	float: left;
	width:611px;
	text-align:left;
	height:22px;
	line-height:20px;
	margin-left:0px;
	margin-top:0px;
	color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	visibility: visible;
	left: 12px;
	top: 65px;
	z-index: 999;
	overflow: visible;
	right: auto;
	bottom: auto;
	clip: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.barrainfgris{
	float: left;
	width:930px;
	text-align:center;
	height:20px;
	line-height:20px;
	margin-left:0px;
	margin-top:0px;
	background:url(imagenescrono/barrainfgris.jpg) no-repeat;
	color: #CC0033;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}

.barrainfizq{
	float: left;
	width:237px;
	text-align:center;
	height:20px;
	line-height:20px;
	margin-left:0px;
	margin-top:0px;
	background:url(imagenescrono/barrainfizq.jpg) no-repeat;
	color: #FFFFFF;
}
.barrainfcentro{
	float: left;
	width:456px;
	text-align:center;
	height:20px;
	line-height:20px;
	margin-left:0px;
	margin-top:0px;
	background:url(imagenescrono/barrainfroja.jpg) no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.barrainfder{
	float: left;
	width:237px;
	text-align:center;
	height:20px;
	line-height:20px;
	margin-left:0px;
	margin-top:0px;
	background:url(imagenescrono/barrainfizq.jpg) no-repeat;
	color: #FFFFFF;
}

.cabeceraayuda{
	float: left;
	width:362px;
	text-align:center;
	height:65px;
	margin-left:0px;
	margin-top:0px;
	background:url(imagenescrono/livetimehelp.jpg) no-repeat;
}

.cuerpoinfo{
	float: left;
	width:430px;
	text-align:left;
	height:500px;
	margin-left:0px;
	margin-top:0px;
	color: #FFFFFF;
}

.barrainfmt{
	float: left;
	width:930px;
	text-align:center;
	height:20px;
	line-height:20px;
	margin-left:0px;
	margin-top:2px;
	background:url(imagenescrono/barrainfgris.jpg) no-repeat;
	color: #CC0033;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	background-color: #FFFF99;
}