/* 
    Document   : defaultcss
    Created on : 10-ago-2009, 9:43:00
    Author     : churrus
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body
{
    background-color:black;
}

a
{
    color:green;
}

hr
{
   /* width:94%;
    color:#000000;
    margin-left:3%;*/
 width:90%;
 height:0px;/*solo queremos <a title="borde" href="http://www.cssblog.es/borde-en-las-imagenes-con-css/">borde</a>*/
 /*text-align:center;*/
 border-top:0px;/*quita el grosor extra de Opera y FFox*/
 border-bottom:#000000 solid 2px;
}

#principal
{
    width:950px;
    height:auto;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    background-color:white;
    color:black;
    font-family:verdana,arial,sans-serif;
}

#principal h2
{
    height:110px;
    color:white;
    padding:42px 0px 0px 40px;
    background-image:url("./images/fondo-h2.gif");
    background-repeat:no-repeat;
}

#principal h3
{
    color:white;
    background-color:gray;
    margin-left:30px;
    margin-right:30px;
    padding:10px;
    padding-left:25px;
    background-image:url("./images/pie.jpg");
}
#principal h4
{
    color:white;
    background-color:gray;
    margin-left:30px;
    margin-right:600px;
    padding:10px;
    background-image:url("./images/pie.jpg");
}

#principal p
{
    color:black;
    padding:15px;
    text-indent:10px;
}
#cabecera
{
    background-color:#ffffff;
}

#navegador
{
    width:950px;
    height:40px;
   /* background-color:#FF9E66;
    background-image:url("./images/nav-fon.png");
    background-repeat:repeat-x;*/
}

#pie
{
    width:950px;
    background-image:url("./images/pie.jpg");
    background-repeat:repeat-x;
}

#mapa-recorrido
{
    width:90%;
    background-color:#ffffff;
    clear:both;
    height:625px;
    margin:auto;
    overflow:auto;
    border-style:solid;
    border-color:#000000;
    border-width:2px;
}
span.cursiva
{
    color:blue;
    font-style:italic;
}

span.enlace
{
	color: white;
}

#texto-pie
{
    text-align:right;
    color:white;
    font-size:11px;
}

p.detalle-foto
{
    text-align:center;
    font-size:small;
    color:gray;
}

ul.lpremios, li.premios
{
    margin-left:50px;
    font-style:italic;
}

ul.lcarreras, li.carreras
{
    margin-left:30px;
    color:green;
    list-style:decimal;
}

div.centrado{
text-align: center;
}
div.centrado table,tr {
margin: 0 auto;
text-align: left;
border-style:solid;
border-width:1px;
border-color:#000000;
}
#distancias
{
    width:500px;
}

#avituallamientos
{
    width:450px;
}

#controles
{
    width:200px;
}

th
{
    background-image: url(./images/nav-fon.png);
    color:white;
    text-align:center;
    border-right: 5px;
    border-spacing:10px;
}

tr.par
{
    background-color: antiquewhite;
}
tr.nopar
{
    background-color: lightgrey;
}

td.izquierda
{
    text-align:left;
}
td.izquierda-n
{
    text-align:left;
    font-weight:bold;
}

td.derecha
{
    text-align:right;
}

td.derecha-n
{
    text-align:right;
    font-weight:bold;
}

td.centro
{
    text-align:center;
}

td.centro-n
{
    text-align:center;
    font-weight:bold;
}

div.imagen-texto
{
    margin-left:5%;
}

a.texto-imagen
{
    margin-top:-10px;
}

#general
{
border-style:none;
border-width:1px;
border-color:green;
background-color:white;
}
/*th
{
border-style:none;
background-color:black;
font-weight:bold;
color:white;
colspan:2;
background-image:url("./images/nav-fon.png");
}*/
td.datos
{
color:white;
background-color:black;
background-image:url("./images/nav-fon-act.png");
}

td.respuesta
{
color:white;
background-color:green;
background-image:url("./images/verde.png");
text-align:right;
}

#clas-challenge-ant
{
    width:600px;
}
#clasificacion-ant
{
    width:800px;
}
#clasificacion
{
    width:800px;
    font-size:12px;
}