@charset "utf-8";

/*
general.css
-------------------------------
Autor:    Ramón Corominas
Fecha:    06/04/2008
-------------------------------
Hoja de estilos maestra, define propiedades de estilo para:

- Estructura y posicionamiento de bloques en la página.
- Tipografías y tamaños.
- Bordes.
-------------------------------
*/

/* Ajustes previos */
body {
  font-size: 0.625em;  /* Cambio de asignación px/em */
  margin: 10px; /* Separación mínima de los contenidos con los bordes */
  padding: 0;
}


/* ===================================
   POSICIONAMIENTO BLOQUES PRINCIPALES
   =================================== */

#contenedor,
#cabecera,
#pages,
#menu, #contenido,
#pie {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}

#contenedor {
  width: 800px;
  height: 100%;
  margin: 0 auto;
}

#cabecera, #pie {
  width: 100%;
  clear: both;
}

#cabecera {
  height: 120px;
}

#pages {
  width: 100%;
  height: 100%;
  clear: both;
}

#menu {
  width: 21.0%;
  height: 100%;
  float: left;
  clear: left;
  left: 0;
}

#contenido {
  width: 77.9%;
  height: 100%;
  float: right;
  clear: right;
  right: 0;
  margin: 1.5em 0.5em 1.5em 0;
}

/* Reposiciona el bloque de contenido al eliminar el menú izquierdo. */
body.nomenu #contenido {
  width: 100%;
	height: 100%;
  margin: 0;
}


/* ================
   CONTENIDOS
   ================ */


/* Estilo genérico para ocultar elementos visualmente */
.hide { position: absolute; text-indent: -999em; }
.hideall { display: none; }

/* Estilos genéricos para alineación */
.iz { text-align: left; }
.dc { text-align: right; }
.ju { text-align: justify; }
.ct { text-align: center; }


/* Estilo genérico para eliminar bordes */
.sinborde { border-width: 0; }

/* Márgenes interiores para el bloque de contenidos */
#contenido #margenes {
  margin: 1.5em 50px 3.0em 50px;
}

#contenido #margenes #migas {
  margin: 0 0 1.0em -26px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  display: block;
}

#migas h2,
#migas ul,
#migas ul li {
  float: left;
  margin-left: 10px;
  list-style-type: none;
}

/* Estilo general de los encabezados */
h1, h2, h3, h4, h5, h6 {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  margin-top: 1.5em;
  text-align: left;
}

h1 { clear: left; }

/* Tamaños relativos de los encabezados */
h1 { font-size: 2.40em; }
h2 { font-size: 2.10em; }
h3 { font-size: 1.80em; }
h4 { font-size: 1.60em; }
h5 { font-size: 1.45em; }
h6 { font-size: 1.30em; }


/* Márgenes escalonados de los encabezados */
h1 { margin: 0; padding: 0.4em; } /* Cabecera */
h1 { margin-left: -36px; margin-top: 0; } /* Título principal contenidos */
h2 { margin-left: -28px; margin-top: 0; } /* Título principal contenidos */
h3 { margin-left: -22px; }
h4 { margin-left: -16px; }
h5 { margin-left: -10px; }
h6 { margin-left:  -4px; }

h2 small.gestion {
  font-size: 0.50em;
  font-weight: normal;
  margin-top: 0;
}


#logo, #tagline {
  display: block;
  position: absolute;
}
#logo {
  left: 15px;
  top: 12px;
  border-width: 0;
}

#tagline {
  left: 15px;
  top: 80px;
  width: 18em;
  font-size: 0.6em;
}

/* Fuentes y tamaños */
p, li, blockquote, address,
caption, thead th, tbody th, tbody td, tfoot td,
label, input, select, textarea {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 1.4em;
}

/* Corrección para que no se multiplique la ampliación en celdas */
th p, td p, th li, td li, ul li li, ol li li {
  font-size: 1.0em;
}

p, li {
  text-align: left;
}
#contenido ul {
  padding-left: 2.0em;
}

/* Pie de página */
#pie p {
  text-align: center;
  margin: 0;
  padding: 0.5em 1.0em;
}


/* Posicionamiento para divs flotantes */
div.floatiz,
div.floatdc {
  display: block;
  position: relative;
  margin-bottom: 0.5em;
}

div.floatiz {
  float: left;
  clear: left;
  margin-right: 1.5em;
}
div.floatdc {
  float: right;
  clear: right;
  margin-left: 1.5em;
}

/* Estilos para contenedores de fotos
   ¡OJO! Calculados para fotos de ancho fijo = 240px */
div.foto {
  width: 268px;
}
div.foto img {
  margin: 8px;
}
/* Pies de foto */
div.foto p {
  font-size: 1.2em;
  text-align: center;
  margin: 8px;
  margin-bottom: 0;
}


/* Tablas */
table {
  padding: 1.0em;
  border-width: 1px;
  border-style: solid;
  border-collapse: collapse;
}
caption {
  margin-top: 1.0em;
  margin-bottom: 1.0em;
}
th, td {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  padding: 0.2em 0.5em;
  border-width: 1px;
  border-style: solid;
}
th {
  text-align: center;
  font-weight: bold;
}
td.txt {
  text-align: left;
}
td.num {
  text-align: right;
}
tfoot td {
  padding: 0 2.0em;
}


/* Formularios */
form {
  margin-top: 2.5em;
  padding-bottom: 1.0em;
}
input, select, textarea {
  width: 15em;
  padding: 0.1em 0.2em;
  border-width: 1px;
  border-style: solid;
}
input.boton {
  width: 6em; /* ¡Ojo! Ancho fijo (para sobreescribir el ancho anterior) */
  font-weight: bold;
  padding: 0.1em 0.5em 0.2em 0.5em;
}

/* Colocación de los campos a la derecha de las etiquetas */
form {
  line-height: 1.15em;
}

label, input, select, textarea {
  display: block;
}

label {
  width: 12em;
}

input, select, textarea {
  margin-left: 12.01em; /* Aprox. coincidente con width de <label> */
  margin-top: -1.15em; /* Coincidente con line-height de <form> */
}

input.boton {
  margin: 0;
}

p.aviso {
  display: block;
  clear: both;
  font-size: 1.25em;
  font-style: italic;
  line-height: 1.1em;
}

/* =====================
   BARRA DE HERRAMIENTAS
   ===================== */

div.hnav {
  margin-left: 21%;
  padding: 0;
}

div.hnav ul {
  position: relative;
  margin: 0;
  padding: 2px 0;
  text-indent: 0;
  list-style-type: none;
  height: 2.2em;
}

div.hnav ul li {
  position: relative;
  display: block;
  float: left;
  text-align: center;
  width: 7.5em;
  margin: 0 0.08em;
  padding: 0;
}

div.hnav ul li a {
  position: relative;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

div.hnav ul li span {
  position: relative;
  display: block;
  height: 100%;
  font-size: 0.9em;
  font-weight: bold;
  margin: 0;
  padding: 0.2em 1.0em;
}

/* ==================
   MENU DE CONTENIDOS
   ================== */

div.vnav {
  width: 75%;
  margin: 2.0em auto;
  padding: 6px;
}

div.vnav h2 {
  position: relative;
  width: 6.5em; /* Ajustado, para títulos cortos */
  text-align: center;
  font-size: 1.3em;
  margin: 0em auto 1.2em auto; /* Coloca el título sobre el borde */
  padding: 0.1em;
}

div.vnav ul,
div.vnav ul ul {
  position: relative;
  margin: 0;
  margin-top: -1.0em;
  padding: 0;
  text-indent: 0;
  list-style-type: none;
}

div.vnav ul li {
  position: relative;
  display: block;
  text-align: left;
  margin: 0;
  padding: 0;
}

div.vnav ul li a {
  position: relative;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

div.vnav ul li span {
  position: relative;
  display: block;
  height: 100%;
  font-size: 0.8em;
  font-weight: bold;
  margin: 0;
  padding: 0.2em 0.5em;
}

/* Menú secundario */
div.vnav ul li ul {
  margin: 0;
  border: 0;
}
div.vnav ul li ul li span {
  padding-left: 1.5em;
}


/* Botones de navegación de anterior y siguiente */
div#navegacion {
  margin: 2.0em auto;
  text-align: center;
}

a.nav {
  margin: 0 0.2em;
  padding: 0.2em 1.0em 0.4em 1.0em;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  text-decoration: none;
  border-width: 1px;
  border-style: solid;
}

a.boton {
  margin: 0 auto;
  padding: 0.1em 0.5em 0.2em 0.5em;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  text-decoration: none;
  border-width: 1px;
  border-style: solid;
}

a#lnk_gestion {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  border-width: 0;
  text-decoration: none;
}

ul.mapa {
  line-height: 2.0em;
}

#sellos {
  text-align: center;
}
#sellos a {
  margin: 0 0.25em;
}
#sellos a img {
  margin: 0;
  border-width: 0;
}

/* ================
   BORDES DE ADORNO
   ================ */

/* Borde de adorno (sombra) del contenedor principal */
#contenedor {
  border-style: solid;
  border-top-width:    0.2em;
  border-left-width:   0.2em;
  border-right-width:  0.4em;
  border-bottom-width: 0.4em;
}

/* Bordes de adorno de la cabecera y del pie */
#cabecera, #pie {
  border-width: 0;
  border-style: solid;
}
#cabecera {
  border-bottom-width: 6px;
}
#pie {
  border-top-width: 6px;
}

#pages {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

/* Bordes para contenedores de imágenes */
div.foto,
div.foto img {
  border-width: 1px;
  border-style: solid;
}

/* Bordes del menú */
div.hnav ul li a span {
  border-width: 0.07em;
  border-style: solid;
}

div.vnav {
  border-width: 1px;
  border-style: solid;
}

div.vnav ul {
  border-width: 1px;
  border-style: solid;
  border-top-width: 0;
}


div.vnav ul li {
  border-width: 0;
  border-top-width: 1px;
  border-top-style: solid;
}

/* Bordes redondeados (botones, menú de contenidos...)
   ¡OJO! Sólo visibles en Firefox */
input.boton { -moz-border-radius: 0.5em; }
a.nav       { -moz-border-radius: 0.5em; }
a.boton     { -moz-border-radius: 0.5em; }