/*****************************
 * Caracteristicas generales *
 *****************************/

@import url(form.css);         /* estilos de los formularios */
/*@import url(paginador);        /* estilos del paginador */
/*@import url(generic-menu.css); /* estilos del menu generico */
/*@import url(user-menu.css);    /* estilos del menu horizontal de usuario */
@import url(galeria.css);      /* estilos de la galeria de fotos */
@import url(noticia.css);      /* estilos de las noticias */
@import url(carrera.css);      /* estilos de las carreras */
/*@import url(cb.css);           /* Custom corners and borders */

body {
    font-family: Helvetica, sans-serif;
    color: #000; /* black */
    font-size: 10pt;
    background-color: white;
}

/* elementos que no tiene sentido que se vean en impresión */

#header,
#nav,
#seccontent,
#footer,
#extra,
.slide,
.locate,
.paginador,
.noprint
{
    display: none;
}


/*
  ---------------------------------------------
   caracteristicas dependiendo de la plantilla
  --------------------------------------------- 
*/

#maincontent {
    width: auto;
    padding: 0;
    margin: 0;
}

/*
 ----------------------
   opciones generales 
 ----------------------
*/

h1 {
    font-size:130%;
    color: #dc1d37;
    width: auto;
}

h2 {
    font-size:115%;
    color: #2c6fc7;
    width: auto;

}

h3 {
    font-size:105%;
    color: #2c6fc7;
    width: auto;

}

a,
a:visited {
    text-decoration: none;
    /*color: #ff6450; /* rojo chichoncillo */
}

tr.toplevel td.descrip, /* se indica que el item de menu es de primer nivel */
em { /* se resalta algo en negrilla y con color negro */
    color: black;
    font-weight: bold;
}


/* Listados mostrados en tablas */

table {
    border-collapse: collapse;
}

table caption {
    font-style: italic;    
}

table a,
table a:link,
table a:visited {
    text-decoration: none;
}

table .dcha { /* alinear a la derecha */
    text-align: right;
}

table .centered { /* centrar elementos de la tabla */
    text-align: center;
}


/* para el listado de foros */
table .publico { /* las filas publicas se muestran con color diferente */
    color: green;
}

th {    /* estilo para las cabeceras de la tabla */
    color: white;
    background: black;
    text-transform: capitalize;
    text-align: left;
    padding: 0 5px; /* ver si da problemas */
}

th a,
th a:visited {
    color: black;
}

td {    /* caracteristicas para todas las celdas */
    padding: 0 5px;
}

/*
  --------------------------------------------
   le pone un efecto drop shadow a una imagen
  --------------------------------------------
*/

div.drop-shadow {
    background: url(../images/shadow.gif) no-repeat bottom right;
}

div.drop-shadow img {
    width: 96%;
    border: 1px solid #a9a9a9;  /* le da un efectillo mu chulo */
    padding: 2%;
    background: #ccc;
    margin-left: -6px;
    margin-top: -6px;
}



/* para situar la foto que aparece en el la edicion del perfil dentro del formulario */
body.EditUser .foto {   
    width: 25%;
    max-width: 150px;
    float: right;
}

/* formatear un comentario de foto --- GENERICO ---  */

.foto p ,     /* ya venga como texto */
.foto p a {  /* o como enlace */
    font-style: italic;
    font-size: 90%;
    margin: 0;
}


/* pone un margen a la foto de ListTimeRaces.do?race= */
td .foto {
    margin: 3px 0 0 3px;
    width: 100%;
}

/*
  ----------------------------------------------------------
    especifico para el contenido de los topicos de un foro
  ----------------------------------------------------------
*/
table.topics {
    color: black; /* color del texto principal */
}


table.topics #autor {
    width: 10%;

}

table.topics #acciones {
    display: none;
}

table.topics .foto { /* foto que aparece en los ShowTopics */
    margin: 9px 0 0 3px;
    overflow: auto;
}

table.topics .remitente {
    color: blue;
}

table.topics .remitente span { /* el login del socio, lo pone en negrilla */
    font-weight: bold;
    color: blue;
}

table.topics .extracto {
    color: brown;
    font-style: italic;
}

/*
table.topics ul, /* evita que se muestre las palabras: borrar.... * /
table.topics li {
    display: none;
}
*/

/* NO BORRAR
table.topics td { /* por ahora no lo entienden los navegadores - NO BORRAR * /
    page-break-inside: avoid;
}
*/

table.topics td {
    border: 1px solid #afafaf;
}

/* se ajusta el margen del texto del foro */
table.topics td.texto {
    padding: 0 15px;
    vertical-align: top;
}


/* para formatear la pagina de info de usuario */

div.userinfo .foto  {
    width: 25%;
    float: left;
    margin: 0 15px 20px 0;
}

div.userinfo .foto p { /* especifico para el comentario de la foto */
    text-align: center;
    margin-bottom: 10px;
}

div.userinfo img.thumb {
    width: 28%;
    margin: 0;
    padding: 0;
    border: 1px solid black;
}

div.userinfo  p {
    margin: 0;
    padding: 0;
}

div.userinfo p.descripcion {
    clear: left;
    text-align: justify;
    padding: 20px;
}

/* fotos dispuestas para que se alineen automaticamente */
.generic {
    width: 20%;
    float: left;
    margin-left: 2em;
}

.generic p {
    font-size: 90%;
    margin: 0;
    padding: 5px 5px;
    text-align: center;
}

/* administracion de noticias */

.newsadmon .foto { 
    width: 150px;
    margin-bottom: 20px;
}

.newsadmon .foto .drop-shadow {
    margin-bottom: 10px;
}