/* -----------------------------------------------------
     Grupos de estilos propios de html que son recotocados
     ----------------------------------------------------- */



  /* Especificaciones generales sobre el cuerpo
     ------------------------------------------ */

body {
  background-color: #FFFFFF;
  color: #000000;
  font-size: 100%;
  font-family: "Trebuchet ms",Verdana,Tahoma,Arial,sans-serif;
  text-align: justify;
}



  /* Especificaciones sobre el color de los enlaces
     ---------------------------------------------- */

a:link {
  text-decoration: none;
  border-bottom: 1px dotted;
}
a:visited {
  text-decoration: none;
  border-bottom: 1px dotted;
}
a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}
a[hreflang]:after {
  content: "\0000a0[" attr(hreflang) "]";
}
.destaca {
  margin-bottom: -16px;
  padding: 16px;
  font-size: 120%;
  font-weight: bold;
  font-variant: small-caps;
  margin-top: 2.0em;
}



  /* Ajustar bordes a las imágenes y a las imágenes link
     --------------------------------------------------- */

img {
  border: 0px;
  vertical-align: top;
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em;
  margin-top: 0.5em;
}

a:link img {    border: 1px solid; }
a:visited img { border: 1px solid; }
a:hover img {   border: 1px solid; }
a:active img {  border: 1px solid; }



  /* Especificaciones sobre los títulos
     ---------------------------------- */

h1 {
  font-size: 150%;
  font-variant: small-caps;
  font-weight: bold;
  border-bottom: 1px dashed;
  border-top: 1px dashed;
  text-align: center;
  margin-top: 3em;
  margin-bottom: 1em;
}
.esquina {
  margin: -16px -16px;
  padding: 16px 16px;
}
.esquina-2 {
  margin: -8px -8px;
  padding: 8px 8px;
}
h2 {
  font-size: 120%;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px dashed;
  margin-top: 4.0em;
  margin-bottom: 0.5em;
}
h3 {
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px dotted;
  margin-top: 2.0em;
  margin-bottom: 0.5em;
}



  /* Especificaciones interlineados de párrafo
     ----------------------------------------- */

p {
  margin-top: 0.2em;
  margin-bottom: 0.8em;
}



  /* Ajustes para Quote (comillas)
     ----------------------------- */

q, blockquote {
 font-style: italic;
}



  /* Ajustes para cursivas
     --------------------- */

em {
 font-style: italic;
 border-bottom: 1px dashed;
}



  /* Ajustes para Abbr (Abreviatura)
     ------------------------------- */

abbr {
 font-style: italic;
 border-bottom: 1px dotted;
}



  /* Ajustes para Acronym (Acrónimo)
     ------------------------------- */

acronym {
 font-style: italic;
 border-bottom: 2px dotted;
}






  /* ---------------------------------------
     Grupos de estilos de fabricación propia
     --------------------------------------- */



  /* CABECERA
     -------- */

#cabecera {
  display: none;
}



  /* CUERPO
     ------ */

#cuerpo {
  position: relative;
  display:inline;
  float: right;
  width: 80%;
  overflow: visible;
  text-align: justify;
  padding-top: 0px;
  padding-left: 4px;
  padding-right: 20px;
}



/* Capa de 2 columnas fluídas */

        /* Contido da 1ª columna (principal) */

        #columna_primaria {
          position: relative;
          margin-right: 17em;
        }

        #contido_columna_primaria {
          position: relative;
          float: left;
          width: 100%;
          margin-right: -17em;
          padding-right: 2em;
        }

        /* Contido da 2ª columna (secundaria) */

        #columna_secundaria {
          float: right;
        }

        #contido_columna_secundaria {
          width: 13.0em;
          float: left;
          padding: 0em 0em 0.5em 2em;
          border-left: dotted 1px #E1E1E1;
        }



  /* LATERAL (Cuerpo lateral izdo.)
     ------------------------------ */

#lateral {
  position: relative;
  display: block;
  overflow: visible;
  font-size: 80%;
  float: left;
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: right;
  border-top: 1px dotted;
  border-bottom: 1px dotted;
  border-left: 1px dotted;
  border-right: 1px dotted;
}



  /* LATERAL (Cuerpo lateral izdo.) para LongDesc
     -------------------------------------------- */

#laterallongdesc {
  position: relative;
  display: block;
  overflow: visible;
  font-size: 80%;
  float: left;
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: right;
  border-top: 1px dotted;
  border-bottom: 1px dotted;
  border-left: 1px dotted;
  border-right: 1px dotted;
}



  /* Panel para encajar los menús laterales
     --------------------------------------

     Descripción de los gif:

     e11  e12  e13
      +---------+
      ¦         ¦
     e21       e23    Nota: e23-x -> x = Nº panel (1 a 4)
      ¦         ¦
      +---------+
     e31  e32  e33

     -------------------------------------- */

#panel-1, #panel-2, #panel-3, #panel-4, #panel-p {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  margin-bottom: 0em;
  padding: 0;
  float: left;
}

#contido_panel-1, #contido_panel-2, #contido_panel-3, #contido_panel-4, #contido_panel-p {
  padding: 1.0em;
}

#e11-1, #e11-2, #e11-3, #e11-4, #e11-p,
#e13-1, #e13-2, #e13-3, #e13-4, #e13-p,
#e31-1, #e31-2, #e31-3, #e31-4, #e31-p,
#e33-1, #e33-2, #e33-3, #e33-4, #e33-p {
}

#e11-1, #e11-2, #e11-3, #e11-4, #e11-p {
}

#e13-1, #e13-2, #e13-3, #e13-4, #e13-p {
}

#e31-1, #e31-2, #e31-3, #e31-4, #e31-p {
}

#e33-1, #e33-2, #e33-3, #e33-4, #e33-p {
}

#e12-1, #e12-2, #e12-3, #e12-4, #e12-p,
#e32-1, #e32-2, #e32-3, #e32-4, #e32-p {
}

#e12-1, #e12-2, #e12-3, #e12-4, #e12-p {
}

#e32-1, #e32-2, #e32-3, #e32-4, #e32-p {
}

#e23-1, #e23-2, #e23-3, #e23-4, #e23-p {
}

#e21-1, #e21-2, #e21-3, #e21-4, #e21-p {
}



  /* FINAL DEL PANEL AHORA VIENEN LOS MENÚS CONTENIDOS EN LOS PANELES
     ---------------------------------------------------------------- */



  /* TITULARMENU(1-4) Título de los menús laterales
     ---------------------------------------------- */

#titularmenu1, #titularmenu2, #titularmenu3, #titularmenu4 {
  font-size: 100%;
  font-variant: small-caps;
  font-weight: bold;
  border-bottom: 1px solid;
}



  /* PL(1-4) Opciones de los menús laterales
     --------------------------------------- */

#pl1, #pl2, #pl3, #pl4 {
}



  /* REGRESALONGDESC (Aviso de regreso de una LongDesc)
     -------------------------------------------------- */

.regresalongdesc {
  font-size: 80%;
  border-bottom: 1px dashed;
  margin-top: 1.0em;
  margin-bottom: 1.0em;
  margin-right: -4px;
  padding-right: 4px;
}



  /* Especificaciones para el pie de página
     -------------------------------------- */

#pie {
  overflow: hidden;
  position: relative;
  font-size: 80%;
  clear: both;
  text-align: justify;
  padding-top: 12px;
  margin-bottom: 12px;
  margin-right: 12px;
  margin-left: 12px;
  border-top: 2px solid;
}



  /* Cuerpo de texto para LongDesc
     ----------------------------- */

.cuerpodesc {
  position: relative;
  display:inline;
  float: right;
  width: 66%;
  overflow: visible;
  text-align: justify;
  margin: 12px 12px 12px 12px;
  padding: 12px 12px 12px 12px;
}



  /* Encerrar los iconos en una caja para que no pierdan alineación
     -------------------------------------------------------------- */

#caja1 {
  float: left;
  overflow: hidden;
  position: relative;
  clear: both;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 6px;
}



  /* Encerrar los iconos en otra caja pero a la derecha
     -------------------------------------------------- */

#caja2 {
  float: left;
  overflow: hidden;
  position: relative;
  clear: both;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 6px;
}



  /* Estilo simple de negrita
     ------------------------ */

.negrita {
  font-weight: bold;
}



  /* Dirección postal
     ---------------- */

p.direccionPostal {
  position: relative;
  overflow: hidden;
  float: right;
  font-style: italic;
  text-align: right;
  font-size: 90%;
  border: 1px dotted;
  margin: 4px 4px 4px 4px;
  padding: 4px 4px 4px 4px;
}



  /* Pensado para Braille
     -------------------- */

p.braille {
  display: none;
  position: relative;
  overflow: hidden;
  float: right;
  font-family: "Trebuchet ms",Verdana,Tahoma,Arial,sans-serif;
  font-style: italic;
  text-align: left;
  font-size: 90%;
  border: 1px dotted;
  margin: 4px 4px 4px 4px;
  padding: 4px 4px 4px 4px;
}



  /* Recuadrar un párrafo interesante
     -------------------------------- */

#destacado {
  float: left;
  font-size: 110%;
  border: 2px dashed;
  padding: 1em 1em 1em 1em;
  margin: 2em 0em 0em 0em;
}



  /* Especificaciones sobre las tablas tipo base
     ------------------------------------------- */

table.base {
  font-size: 90%;
}
table.base tr.col_uno {
}
table.base tr {
}
table.base td {
   padding: 1px;
   text-align: left;
   vertical-align: baseline;
}