@charset "utf-8";

/* ====================
   COLORES DE LA PÁGINA
   ==================== */

/* Colores para bloques y elementos generales */
body {
  background-color: #acf;
  color: #000;
}

#contenedor {
  background-color: #fff;
  color: #000;
}

#cabecera, #pie {
  border-color: #48f;
}

#cabecera {
  background-color: #fff;
  color: #00f;
  background-image: url('../img/bkg_banda.jpg');
  background-repeat: no-repeat;
}

#pie {
  background-color: #00a;
  color: #fff;
  background-image: url('../img/bkg_pie.jpg');
  background-repeat: repeat-x;
}

#contenido {
  background-color: #fff;
  color: #000;
}


h1,
#cabecera a:link    { color: #00f; }
#cabecera a:visited { color: #04a; }
h2, h3, h4, h5, h6 {
  color: #05f;
}

a:link    { color: #00d; }
a:visited { color: #04a; }
a:hover,
a:active,
a:focus   { color: #005; }


/* Tablas */
table {
  border-color: #027;
}
caption {
  color: #007;
}
th, td {
  border-color: #05f;
}
th {
  background-color: #333;
  color: #fff;
}
td {
  background-color: #fff;
  color: #000;
}
tfoot td {
  background-color: #bbb;
  color: #000;
}


/* IMÁGENES */
.foto {
  background-color: #bbb;
  color: #000;
  border-color: #05f;
}

.foto img {
  border-color: #05f;
}

input, select, textarea {
  background-color: #ccc;
  color: #000;
  border-color: #444;
}

input:focus, select:focus, textarea:focus {
  background-color: #fff;
  color: #000;
  border-color: #000;
}

input.boton {
  background-color: #057;
  color: #fff;
  border-top-color:    #0cf;
  border-left-color:   #0cf;
  border-bottom-color: #007;
  border-right-color:  #007;
}

/* Enlaces en el pie de página */
#pie a:link    { color: #5df; }
#pie a:visited { color: #3cf; }
#pie a:hover,
#pie a:active,
#pie a:focus   { color: #fff; }


/* Colores menú utilidades */
#pages {
  background-color: #00a;
  background-image: url('../img/bkg_pages.jpg');
  background-repeat: repeat-x;
  border-color: #057;
}

/* Opción de menú actual */
div.hnav ul li a span.actual {
  background-color: #fff;
  color: #000;
  border-top-color: #999;
  border-left-color: #999;
  border-right-color: #555;
  border-bottom-color: #555;
}

/* Resto de botones */
div.hnav ul li a span {
  background-color: #bbb;
  color: #000;
  border-top-color: #ddd;
  border-left-color: #ddd;
  border-right-color: #555;
  border-bottom-color: #555;
}

div.hnav ul li a:hover span,
div.hnav ul li a:active span,
div.hnav ul li a:focus span {
  background-color: #000;
  color: #fff;
}


/* Colores menú */
div.vnav {
  background-color: #fff;
  border-color: #999;
}

div.vnav h2 {
  background-color: transparent;
  color: #000;
}

div.vnav ul,
div.vnav ul li {
  border-color: #777;
}

/* Opciones de menú desactivadas */
div.vnav ul li span {
  background-color: #bbb;
  color: #000;
}
div.vnav ul li a span {
  background-color: #ccc;
  color: #000;
}

div.vnav ul li a:hover span,
div.vnav ul li a:active span,
div.vnav ul li a:focus span {
  background-color: #000;
  color: #fff;
}

/* Menú secundario */

div.vnav ul li ul li span {
  background-color: #888;
  color: #000;
}


div.vnav ul li ul li a span {
  background-color: #999;
  color: #000;
}

div.vnav ul li ul li a:hover,
div.vnav ul li ul li a:active,
div.vnav ul li ul li a:focus {
  background-color: #000;
  color: #fff;
}

/* Marcador para el enlace actual */
div.vnav ul li span.actual {
  background-image: url('../img/flecha.gif');
  background-repeat: no-repeat;
  background-position: top right;
}


/* Botones de navegación */
a.nav, a.nav:visited,
a.boton, a.boton:visited {
  background-color: #05a;
  color: #000;
  border-color: #007;
}

a.nav:hover,
a.nav:active,
a.nav:focus,
a.boton:hover,
a.boton:active,
a.boton:focus {
  background-color: #0cf;
  color: #000;
  border-color: #067;
}

/* Bordes botones menú horizontal */
div.hnav ul li a span.actual {
  border-top-color: #999;
  border-left-color: #999;
  border-right-color: #555;
  border-bottom-color: #555;
}

/* Resto de botones */
div.hnav ul li a span {
  border-top-color: #999;
  border-left-color: #999;
  border-right-color: #555;
  border-bottom-color: #555;
}

div.hnav ul li a:hover span,
div.hnav ul li a:active span,
div.hnav ul li a:focus span {
  border-top-color: #aaa;
  border-left-color: #aaa;
  border-right-color: #555;
  border-bottom-color: #555;
}



/* Bordes (sombras) del contenedor principal */
#contenedor {
  border-top-color:    #337;
  border-left-color:   #337;
  border-right-color:  #027;
  border-bottom-color: #027;
}