/* Cabecera general */
header.f1 { margin: 0 0 15px 0; padding:0; width:985px; height:200px; background: url(https://s.libertaddigital.com/images/deportes/f12016/cabecera.jpg) no-repeat; position: relative; }
header.f1 h1 { position: absolute; margin: 0; padding: 0; top: 0; left: 0; }
header.f1 h1 a { display: block; width: 985px; height: 170px; overflow: hidden; text-indent: 200%; white-space: nowrap; }
header.f1 .menu { position:absolute; top: 173px; right: 0; }
header.f1 .menu ul { margin:0; padding:0; }
header.f1 .menu ul li { border-right: 1px solid #000; margin: 0; padding: 0; list-style-type: none; display: inline; color:#fff; }
header.f1 .menu ul li:last-child { border: 0; }
header.f1 .menu ul li a { font: bold 1.6em/1.5em Arial, Helvetica, sans-serif; padding: 4px 6px; color:#fff; }
header.f1 .menu ul li a:hover { text-decoration:none; color:#fff; background:#fe0000; }

/* T�tulo y migas */
header.titulos { margin-bottom: 15px; padding: 0; width: 985px; float: left; border-bottom:1px dotted #ccc; position: relative; }
header.titulos h1 { margin: 0; padding:0; font-size: 1.9em; color:#6d6e71; font-family:verdana; }
header.titulos h1 span { color:#002C4C; font-size: 0.75em; }
header.titulos h2 { margin: 0; padding: 5px 0; font-size: 1em; font-family:verdana; color:#b7b7b7; }
header.titulos h2 a { color:#b7b7b7; }
header.titulos ul.social { margin: 0; padding:0; position: absolute; right: 0; top: 20px; }
header.titulos ul.social li { width: 100px; margin: 0 0 0 10px; padding: 0; display: inline; float: left; }
header.titulos ul.social li.masuno { width: 70px; }

/* Cabecera de temporada anterior */
nav.temporada { margin: 0 0 20px 0; padding: 0; background: #fe0000; height: 27px; font-size: 1em; float: left; width: 100%; /*para Firefox*/-moz-border-radius: 0px 12px 0px 12px;-webkit-border-radius: 0px 12px 0px 12px;border-radius: 0px 12px 0px 12px; }
nav.temporada h2 { margin: 0; padding: 0 0 0 5px; float: left; color: #fff; font-size: 2em; font-family: Arial !important; }
nav.temporada h2 a{ color:#fff; }
nav.temporada ul { margin: 5px 0 0 10px; padding: 0; float: right; }
nav.temporada ul li { border-left: 1px solid #fff; padding: 0 5px; list-style: none; float: left; height: 18px; }
nav.temporada ul li:first-child { border-left: 0; }
nav.temporada ul li a { line-height: 1em; font-size: 1.65em; font-weight: bold; color:#fff; }

/* Listados */
.cajaletras { width: 640px; }
.cajaletras h1 { font: normal 2em Arial,Helvetica,sans-serif; clear: both; text-transform: none; padding: 0; margin: 20px 0 10px 0; }
.wf-active .cajaletras h1 { font-family: Lato; }
.cajaletras .listados div ul, .cajaletras a { color: #3D6089; }
.cajaletras .tabset { list-style: none; margin: 0; height: 26px; width: 640px; background: #F3F3F3; }
.cajaletras .tabset li { float: left; background: #F3F3F3; color: #000; border-right: 1px solid white; height: 26px; font: normal 1.2em Arial, Helvetica, sans-serif; }
.cajaletras .tabset li.last { border: 0; }
.cajaletras .tabset a.tab, .cajaletras .tabset span { display: block; padding: 4px 6px; }
.cajaletras .tabset a.active, .cajaletras .tabset a.tab:hover { background: #3D6089; color: #F3F3F3; }
.cajaletras .tabset a.hidden { width: 0; height: 0; }
.cajaletras .listados div { display: none; border: 1px solid #f3f3f3; border-top: 0; padding: 5px 10px; line-height: 1.3em;  -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-rule: 1px solid #F3F3F3; -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-rule: 1px solid #F3F3F3; column-count: 3; column-gap: 10px; column-rule: 1px solid #F3F3F3; font-size: 1.2em; }
.wf-active .cajaletras .listados div { font-family: Open Sans; }
.cajaletras .listados div ul { margin: 0 0 0 1.5em; }

/* Pilotos */
.casco { background: #f3f3f3; float: left; height: 225px; width: 134px; margin: 0 35px 18px 0; text-align: left; border:1px solid #ccc; position: relative; }
.casco img { display: block; margin-bottom: 2px; }
.casco img.bandera { top: 5px; right: 5px; position: absolute; }
div.pagina div.casco p { padding: 1px 0 0 1px; font-size: 1.1em; }
div.pagina div.casco p strong { display: block; }
.piloto-interior h1 { font-size: 2em; margin: 0px 0px 10px 0px; }
.piloto-interior .en-activo { border: 1px solid #ccc; padding:4px; margin: 0 0 10px 0; height: 85px; }
.piloto-interior .en-activo .bandera { border: 1px solid black; float: left; height: 83px; width: 125px; }
.piloto-interior .en-activo > .datos-escuderia { float: left; font: 18px Verdana,sans-serif; padding: 0 10px; margin: 0; }
.piloto-interior .en-activo > .datos-escuderia .escuderia-piloto a { font: bold 22px Arial,Verdana,sans-serif; margin: 0; color:#1590C3; }
.piloto-interior .datos { background: #F2F2F2; line-height: 1.4em; margin-bottom: 0; padding: 10px 0 10px 10px; font-size:12px; position: relative; }
.piloto-interior .sube, .piloto-interior .baja { color: #DC0000; padding-left: 15px; position: relative; }
.piloto-interior .sube { color: #197D19; }
.piloto-interior .datos .foto { float:left; margin: 0 0 0 210px; }
.piloto-interior .datos .datos-piloto { float:left; }
.piloto-interior .sube div, .piloto-interior .baja div { background: url(https://s.libertaddigital.com/images/deportes/f12013/flecha.gif) no-repeat; height: 6px; left: 0; position: absolute; top: 5px; width: 11px; }
.piloto-interior span.baja div { background-position: 0 -6px; }
.piloto-interior .datos img { border: 4px solid #FFFFFF; position: absolute; top: 10px; right: 10px; }
.piloto-interior .coche { background: #F2F2F2; margin: 20px 0 0; padding: 0; height: 120px; }
.piloto-interior .coche > img, .escuderia > img { float: left; }
.piloto-interior .coche > img.logo, .escuderia > img.logo { margin: 20px 0 0 110px; padding: 0; }

/* Escuder�as */
.escuderia { border: 1px solid #CCCCCC; display: block; height: 120px; margin: 0 2px 25px 0; background: #ececec; }
.equipo-interior{width:650px;margin-right:25px;float:left;}
.equipo-interior .coche-piloto {margin:10px 0px 0px 0px;clear:both;}
.equipo-interior .datos { background: #f3f3f3; color: #494949; float: left; line-height: 1.4em; padding: 6px 0 6px 10px; margin: 0 0 10px 0; width: 100%; font-size: 1.3em; border:1px solid #ccc; }
.equipo-interior .coche-piloto + .datos { margin: 39px 8px 10px 0; width: 350px; }
.equipo-interior .datos img { display: inline; }
.equipo-interior div.last {margin: -80px 0 0;}
.equipo-interior .piloto {float: left;margin: -80px 15px 0 0;text-align: center;width: 132px;}
.equipo-interior .piloto p{font-size:13px;background-color:#000;color:#fff;}

/* Tablas de resultados y clasificaciones */
.puntuaciones { margin-bottom: 2em; font-size: 1.2em; }
.puntuaciones caption { background: #fff; border-bottom: 2px dotted #000000; font: bold 1.8em Arial, Helvetica, sans-serif; margin: 0 0 10px; padding: 3px 4px 3px 0; }
.wf-active .puntuaciones caption { font-family: Lato; }
.puntuaciones td, .puntuaciones th { border-bottom: 1px solid black; padding: 4px 5px 4px 2px; }
.puntuaciones th {color: #494949;text-align: left;vertical-align: bottom;}
.puntuaciones .total { background: #CCCCCC; font-weight: bold; }
.puntuaciones .puntos { text-align: right; line-height: 1.2em; }
.puntuaciones th.puntos img { float: right; }
.puntuaciones .ganador { background: #FF0000; }
.puntuaciones .esp, .puntuaciones .esp .total { background: #2D2A2A; color: #FFFFFF; }
.puntuaciones .posicion, .puntuaciones .tiempo {text-align: left;}
.puntuaciones td.coche-escuderia {min-width: 100px;padding: 0;}
.puntuaciones td.coche-escuderia img {float: left;}
.puntuaciones td.coche-escuderia span {float: left;line-height: 1.9em;margin-left: 2px;}
.puntuaciones th.retirados {text-align: left;}

/* Tablas resumen de temporada */
table.temp { border-collapse: 0; width: 100%; margin: 0; padding: 0; }
table.temp caption { background: #000; color: white; font-family: Arial; font-size: 18px; margin: 0; padding: 10px 0; text-align: center; }
table.temp tr { background: #F4F4F4; margin: 0; padding: 0; }
table.temp tr.cabecera { color: #FFFFFF; font-size: 12px; height: 25px; margin: 0; padding: 0; }
table.temp tr th { background-color: #494949; border: 0; margin: 0; padding: 5px; vertical-align: middle; text-align: left; }
table.temp tr td {font-family: arial,helvetica;font-size: 12px;margin-top: 4px !important;padding-top: 9px !important;white-space: nowrap;}
table.temp tr td a img { display:inline !important; }
.gran-premio-tabla { float: left; width: 985px; margin: 0 0 15px 0; }
.pilotos-tabla, .constructores-tabla { float: left; margin: 0 26px 10px 0; padding: 0; width: 312px; }
.pilotos-tabla table.temp caption, .constructores-tabla table.temp caption { background: #117097; }
.constructores-tabla { margin-right: 0; }

/* Circuitos */
.pagina > .circuito { font-size: 1.2em; line-height: 1.4em; }
.pagina > .circuito h2 { background: #f2f2f2; font: normal 1.4em Arial,Helvetica,sans-serif; margin: 15px 0 5px; padding: 2px; }
.pagina > .circuito > .trazado { margin: 0; padding: 0; float: right; background: #f3f3f3; border: 1px solid #ccc; /*para Firefox*/-moz-border-radius: 5px 5px 5px 5px;/*para Safari y Chrome*/-webkit-border-radius: 5px 5px 5px 5px;/* para Opera */ border-radius: 5px 5px 5px 5px; }

/* Grandes premios */
.gp { background: #DBDBDB; float: left; height: 215px; margin: 0px 17px 15px 0; padding: 10px 0 50px; position: relative; width: 194px; border:2px solid #ccc; box-shadow: 4px 4px 4px #CCCCCC; }
.gp > a { display: block; height: 200px; }
.gp .datos { background: #434343; height: 58px; margin: 0; padding: 0; position: relative; }
.gp .datos div { margin: 0 0 0 27px; padding: 4px 0 0 0; color:#fff; }
.gp .datos h2 { font: normal 1.4em Arial,Verdana,sans-serif; margin: 0 0 0 27px; padding: 5px 4px 0 0; color:#fff; }
.gp .datos > img { position: absolute; top: 7px; left: 4px; }
.gp > a > img { margin: 2px auto 0 auto; max-height: 140px; }
.gp ul { margin: 0; padding: 0; }
.gp ul li { background: #F2F2F2; list-style-type: none; margin: 3px 0 0; padding: 0; text-align: center; }
.gran-premio > h1 { color: #1590C3; }
.gran-premio .bandera {border: 1px solid black;float: left;height: 83px;width: 125px;}
.gran-premio .datos-circuito {float: left;font: 15px Verdana,sans-serif;padding: 0 10px;}
.gran-premio .datos-circuito h2 {color:#1590C3;font: bold 22px Arial,Verdana,sans-serif;margin: 0;}
.gran-premio .mapa {float: right;width: 236px;}
.gran-premio .mapa p {line-height: 1.4em;margin-bottom: 0.3em;font-size: 12px;}
.gran-premio .resultados {background: none repeat scroll 0 0 #CCCCCC;margin: 0;width: 650px;}
.gran-premio .resultados ul.asociadas {margin: 0 15px;}
.gran-premio .resultados ul.asociadas a {color: black;font-size: 12px;line-height: 1.4em;}
.gran-premio .contenido {background: none repeat scroll 0 0 #CCCCCC;float: none;margin: 0;padding: 5px;width: 640px;}
.gran-premio .contenido .fecha {float: left;padding: 0 0 0 3px;width: 263px;}
.gran-premio .enlaces {font-size: 12px;margin-top: 5px;}
.gran-premio .datos-superior {border: 1px solid #CCCCCC;padding: 4px;margin:0px 0px 10px 0px;}
.gran-premio .puntuaciones tr td a img { display: inline; vertical-align: -20%; margin-right: 3px;}
.gran-premio .circuito { text-align:center; }
.gran-premio .circuito img{ padding: 20px 0 0 0; }
.gran-premio .informacion { border:1px solid #ccc; background: #f3f3f3; margin: 0 0 15px 0; min-height: 97px; padding: 0;clear: both; width: 213px; float: left; }
.gran-premio .informacion.sin-podio {width: 650px;}
.gran-premio p { margin: 0.5em; font-size: 1.1em; }
.gran-premio .informacion img.fotocircuito { border: 2px solid white; }
.gran-premio .informacion.sin-podio img.fotocircuito { float: right; }
.gran-premio .podio { width:430px; float:left; }
.gran-premio .podio h1 { margin: 0 0 10px 0; font-size: 7em; color: #1590C3; }
.gran-premio .podio .pilotos { background: url(https://s.libertaddigital.com/images/deportes/f12013/podio.jpg) no-repeat; margin: 0 0 0 5px; padding: 2px; width: 426px; height:133px; }
.gran-premio .podio .piloto { height: 43px; position: relative; }
.gran-premio .podio .piloto img.bandera { height: 11px; position: absolute; width: 16px; left: 51px; top: 3px; z-index:99999; }
.gran-premio .podio .piloto img.piloto { height: 38px; position: absolute; width: 60px; left: 50px; top: 2px; }
.gran-premio .podio .piloto div {color: #000;font: 18px Arial,Helvetica,sans-serif;position: absolute; left: 120px; top: 10px; }
.gran-premio .resultados, .gran-premio .fechas { background: #CCCCCC; margin: 0 0 15px 0; width: 650px; float: left; padding-bottom:3px; }
.gran-premio .resultados ul.asociadas { margin: 5px 0 0 5px; float: left; }
.gran-premio .resultados ul.asociadas a { color: black; }
.gran-premio .resultados h1, .gran-premio .fechas h1 { background: #000000; color: white; margin: 0; padding: 5px; width: 640px; font-size: 1.8em; float: left; }
.gran-premio .fechas .fecha { float: left; padding: 5px 0 5px 3px; width: 263px; margin: 0; font-size: 1.2em; }

/* Listado de temporadas por d�cadas */
.temporada-anterior { border-bottom: 1px dotted #2B2A2A; margin: 0 0 15px 5px; padding: 0; width: 650px; float: left; }
.temporada-anterior h1 { background: #2B2A2A; color: #FFFFFF; font: bold 18px arial; letter-spacing: 3px; margin: 0;padding: 3px 0; text-align: center; }
.temporada-anterior ul { background: #F3F3F3; margin: 5px 0; padding: 6px 0; }
.temporada-anterior ul li { display: inline; font-size: 1.5em; list-style-type: none; margin: 0; padding: 0 13px; }

/* Fotos */
figure.fotos { position: relative; border: 1px solid #CCCCCC; float: left; margin: 0px 15px 15px 0px; padding: 0px; width: 315px; }
figure.fotos.last { margin-right: 0; }
figure.fotos h4 {color: #1590C3;font: bold 18px Verdana,Arial,Helvetica,sans-serif;margin: 0;padding: 0 0px 0px 3px;border-bottom:1px dotted #ccc;}
figure.fotos h4 a:hover {text-decoration: none;}
figure.fotos img {border: 2px solid #fff;display: block;float: left;margin: 0 10px 0 0;width: 311px;padding:0px;}
figure.fotos footer { position: absolute; color: #fff; font: 10px Verdana,Arial,Helvetica,sans-serif; padding: 0px 6px 5px 5px; background:#000; bottom: 5px; right: 2px; }
.varios figure.fotos { margin-right: 0; width: 310px; }
.varios figure.fotos img { width: 306px; }

/* Bloque de clasificaciones a la derecha */
.clasificaciones { background: #F3F3F3; border: 1px solid #ccc; }
.clasificaciones h4 { background: #FFFFFF; border-bottom: 2px dotted #000000; font-size: 1.5em; margin: 0 0 5px;padding: 3px 4px 3px 3px; position: relative; }
.clasificaciones h4 a { color: #494949; position: absolute; top: 4px; right: 2px; padding: 3px; font-size: 0.7em; font-family: Open Sans, Verdana; }
.clasificaciones table { margin: 0 0 10px 5px; }
.clasificaciones table+h4 { border-top: 1px solid #ccc; }
.clasificaciones table td.posicion { font: 1.2em Verdana,sans-serif; margin: 1px 30px 0 0; width: 10px; }
.clasificaciones table td.nombre { font: 1.2em Verdana,sans-serif; width: 130px; }
.clasificaciones table td.puntos { font: 1.2em Verdana,sans-serif; width: 30px; }
.clasificaciones tr td.pais { padding: 3px 0 0 3px; margin: 0; width: 15px; }
.clasificaciones tr td.puntos { font-weight: bold;}