/***************************************************************************/
/* Fichero ............: aca.css                                           */
/* Autor ..............: Diego Vico Ramírez                                */
/* Creación ...........: 01/Febrero/2007                                   */
/* Última modificación : 22/Noviembre/2007                                 */
/* Objetivo ...........: Estilos CSS                                       */
/* Dependencias .......: Ninguna                                           */
/***************************************************************************/
/*
*****************************************************************************
** Reglas etiquetas HTML
*****************************************************************************
*/ 
body{
    margin: 0px;
    padding: 0px;
    background-color: #E0E0FF; /* Gris azulado */ 
}

/* Estilo de párrafo normal para toda la página */
p{ 
    margin: 12px 6px 6px 6px;
    text-indent: 24px;
    z-index: 0;
}

a {
    text-decoration: none;
}

/* Clase para que la flechita de las cabeceras de los submenús aparezca centrada verticalmente.*/
.CabSubmenu {
    margin: 4px 1px 0px 0px;
}

/* Clase para los párrafos del programa de salidas previsto.*/
.ProgramaSalidas {
    text-align: left ;
    margin: 0px 0px 0px 3px ;
    padding: 0px ;
    text-indent: 0px ;
    border: none;
}

/* Clase para los párrafos de los consejos para caminar.*/
.consejos {
    text-align: justify ;
    padding: 0px 0px 0px 45px ;
    margin: 0px 12px 0px 6px ;
    text-indent: -27px ;
    border: none;
}

/* Estilo de párrafo para indicar el título del número de recorrido y de la fecha */
.rutaAliDe, .rutaAliIz, .ProxSalida {
    color: #0000FF;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    text-indent: 0px;
    text-align: right;
    margin: 30px 0px 6px 10px;
    border: 1px #AA0000 solid;
    border-right: none;
}

/* Estilo de párrafo para indicar el valor del número de recorrido y de la
** fecha */
.rutaAliIz {
    text-align: left;
    margin: 30px 0px 6px 0px;
    border-left: none;
    border-right: 1px #AA0000 solid;
}

.ProxSalida {
    text-align: left;
    margin: 10px 0px 6px 10px;
    border-right: 1px #AA0000 solid;
    text-align:center;
}

/* Estilo de párrafo alienado a la derecha */
p.JDerecha { 
    text-align: right;
    text-indent: 0px;
    color: #777777;
}

/* Estilo de párrafo para el enlace a la programación prevista de salidas */
p.programa{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000080;
    font-style: normal;
    font-weight: bold;
}

/* Títulos H4 en el cuerpo principal de la página */
h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-align:center;
    margin: 24px 6px 3px 6px ;
    color: #000080;
    z-index: 0;
}
/***************************************************************************/

/*
*****************************************************************************
** Reglas para identificadores concretos (ID) que se usan para la 
** distribución de espacios dentro de la ventana o cuerpo de la página
*****************************************************************************
*/ 
/* Cuerpo de la página */
#C_pagina{ 
    position: relative;
    /*
    width: 800px;
    height: 600px;
    */
    width: 900px;
    height: 768px;
    top: 5px;
    background-color: #30E0E0 ; /* Azul claro -> color de la línea limite del área útil */
    z-index: 0;
}

/* Logo en el ángulo superior izquierdo de la página */
#logo { 
    position: absolute;
    top: 1px;
    left: 1px;
    width: 75px;
    height: 60px;
    background-color: #92A9D5;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 0;
}

/* Cabecera de la página */
/* 
** A este <div> y al del menú, se les asigna un valor más alto
** de z-index para que al desplegarse los menús no queden ocultos
** por los otros elementos del contenido. 
*/
#rotulo { 
    position: absolute;
    top: 1px;
    left: 76px;
    height: 60px;
    /*
    width: 723px;
    */
    width: 823px;
    background-image: url(../_img/RotuloCumbres6.jpg);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2; 
    background-color: #FFFFFF;
}

/* Espacio vertical a la izquierda dedicado al menú */
/* 
** A este <div> y al del rótulo, se les asigna un valor más alto
** de z-index para que al desplegarse los menús no queden ocultos
** por los otros elementos del contenido. 
*/
#menu { 
    position: absolute;
    top: 61px;
    left: 1px;
    width: 139px;
    /*
    height: 513px;
    */
    height: 681px;
    background-color: #EFEFFF; /* Blanco azulado */ 
    z-index: 2;
}

/* Cuerpo principal de la ventana donde aparecerá el contenido */
#principalindex { 
    position: absolute;
    top: 128px;
    left: 140px;
    /*
    height: 446px;
    width: 659px;
    */
    height: 614px;
    width: 759px;
    display: block;
    background-color: #EFEFFF; /* Blanco azulado */ 
    overflow: auto;
    font-family: Arial, Helvetica, sans-serif;
    /*
    font-size: 12px;
    */
    font-size: 14px;
    color: #000080;
    font-style: normal;
    text-align: justify;
    text-decoration: none;
    vertical-align: top;
    white-space: normal;
    padding: 0px 0px 0px 0px;
    z-index: 0;
}

/* Cuerpo principal de la ventana para mostrar las fotos */
#principal { 
    position: absolute;
    top: 61px;
    left: 140px;
    /*
    height: 513px;
    width: 659px;
    */
    height: 681px;
    width: 759px;
    display: block;
    background-color: #EFEFFF; /* Blanco azulado */ 
    overflow: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000080;
    font-style: normal;
    text-align: justify;
    text-decoration: none;
    vertical-align: top;
    white-space: normal;
    padding: 0px 0px 0px 0px;
    z-index: 0;
}

/* Barra inferior de información de la página */
#pie { 
    position: absolute;
    height: 24px;
    /*
    width: 798px;
    */
    width: 898px;
    left: 1px;
    bottom: 1px;
    text-align: left;
    vertical-align: middle;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #575757;
    font-style: normal;
    background-color: #EFEFFF; /* Blanco azulado */ 
    z-index: 0;
}

/* Espacio dentro del pié de página donde aparece la fecha de la última modificación */
#ultimaMod { 
    position: absolute;
    height: 12px;
    width: 260px;
    top: 7px;
    left: 5px;
    z-index: 0;
    text-align: left;
    vertical-align: middle;
    background-color: #EFEFFF;
    color: #3399FF;
}

/* 
** Espacio dentro del pié de página donde aparece la imagen del correo 
** electrónico 
*/
#correo {
    position: absolute;
    height: 18px;
    width: 24px;
    top: 3px;
    right: 3px;
    z-index: 0;
}

/* Imagen de un sobre para el enlace del correo electrónico */
#correo img { 
    padding: 1px 1px 1px 1px ; 
}
/***************************************************************************/

/*
*****************************************************************************
** Reglas para la presentación de los datos de una ruta dentro del cuerpo
** principal de la página
*****************************************************************************
/* Definición de una clase para la presetación de las líneas rojas */
.linearoja {
    /*
    width: 620px;
    */
    width: 720px;
    background-image: url(../_img/linea.gif);
    background-repeat: repeat-x;
    float: left;
    margin: 0px 0px 0px 5px;
}

/* Estilo concreto de la primera linea roja */
#lr01 {
    height: 20px;
    background-position: 0% 50%;
}

/* Estilo concreto de la segunda linea roja */
#lr02 {
    height: 15px;
    background-position: 0% 0%;
}

/* Identificador del espacio donde apareceran el titulo "Recorrido Nº" y su
** valor, así como la fehcha */
#ruta {
    /*
    width: 245px;
    */
    width: 245px;
    height: 120px;
    float: left;
    margin: 0px 0px 0px 25px ;
    /*
    border: 1px solid red ;
    */

}

#RotProxSalida, #FechProxSalida, #ProgramaPrevisto {
    width: 230px;
    height: 40px;
    float: left;
}


/* Identificador del espacio para el titulo "Recorrido Nº :" */
#recorridoIz {
    width: 130px;
    height: 40px;
    float: left;
}

/* Identificador del espacio para el número de recorrido */
#recorridoDe {
    width: 100px;
    height: 40px;
    float: left;
}

/* Identificador del espacio para el titulo "Fecha :" */
#fechaIz {
    width: 130px;
    height: 40px;
    float: left;
}

/* Identificador del espacio para la fecha del recorrido */
#fechaDe {
    width: 100px;
    height: 40px;
    float: left;
}

/* Definición de los espacios para presentar las fotos y el mapa en miniatura */
#fotos, #plano {
    width: 190px;
    height: 140px;
    float: left;
    margin: 0px 0px 0px 25px ;
    padding: 0px 0px 0px 0px;
    /*
    border: 1px solid red ;
    */

}

/*
**  Clase para las etiquetas <a> que contendrán una foto de la ruta y se irán 
** mostrando de una en una
*/ 
.enlacefoto {
    position: absolute;
    top: 20px;
    left: 258px;
    width: 164px;
    height: 124px;
    margin: 0px 0px 0px 50px ;
    background-color: #DDDDDD;
    display: none;
}

/*
** Clase para las etiquetas <img>, de las fotos que estarán contenidas en los <a>
** Se fija solo el alto de la imagen, que es la parte más estrecha del rectángulo
** de 160 * 120 donde se mostrarán, de esta forma, el ancho de la imagen se 
** ajusta automáticamente para mantener la proporcionalidad con la altura.
*/ 
.fotope {
    height:120px;
}

/* Identificadores de los enlaces <a> para la foto y el mapa en miniatura
** Tanto la foto como el mapa se verán al tamaño de 160 * 120 */
#vermapa, #verfoto  {
    width: 160px;
    height: 120px;
}

.grafico {
    text-align: center;
    text-indent: 0px;
    margin: 0px 0px 0px 0px;
    vertical-align: middle;
}

#PieFoto, #PiePlano {
    position: absolute;
    top: 147px;
    width: 160px;
    text-align: center;
    text-indent: 0px;
    font-size: 9px;
    color: #0000FF;
    font-style: normal;
    font-weight: normal;
    margin: 0px 0px 0px 50px;
}

#PieFoto {
    left: 260px;
}

#PiePlano {
    left: 475px;
}
/***************************************************************************/
/*
*****************************************************************************
** Reglas para datos
*****************************************************************************
*/ 
#rotuloruta, #rotulodificultad, #rotulorecorrido, #rotulotipo {
    width: 90px;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 5px;
    float: left;
}

#rotuloruta {
    height: 30px;
    background-color: #993333;
    background-image: url(../_img/00_ruta.gif);
    border-top: 1px #AA0000 solid;
}

#rotulodificultad {
    height: 21px;
    background-color: #009966;
    background-image: url(../_img/00_dificultad.gif);
    border-top: 1px #AA0000 solid;
}

#rotulotipo {
    width: 89px;
    height: 21px;
    background-color: #009966;
    background-image: url(../_img/Tipo.gif);
    margin-left: 0px;
    border-top: 1px #AA0000 solid;
    border-right: 1px #AA0000 solid;
}

#rotulorecorrido {
    height: 21px;
    background-color: #333366;
    background-image: url(../_img/00_recorrido.gif);
    border-top: 1px #AA0000 solid;
    border-bottom: 1px #AA0000 solid;
}

#datoruta, #datorecorrido {
    /*
    width: 493px;
    */
    width: 593px;
    float: left;
}

#datoruta {
    height: 30px;
    border-top: 1px #AA0000 solid;
}

#datodificultad, #datotipo {
    /*
    width: 201px;
    */
    width: 251px;
    float: left;
    height: 21px;
    border-top: 1px #AA0000 solid;
    background-color: #D5CCBB;
}

#datodificultad {
    border-right: 1px #AA0000 solid;
}

#datorecorrido {
    height: 20px;
}

#colorruta, #colordificultad, #colorrecorrido {
    width: 30px;
    background-repeat: no-repeat;
    background-position: center;
    border-top: 1px #AA0000 solid;
    border-right: 1px #AA0000 solid;
    border-left: 1px #AA0000 solid;
    float: left;
}

#colorruta {
    height: 30px;
    background-image: url(../_img/PuntoRojo.gif);
    border-bottom: none;
}

#colordificultad {
    height: 21px;
    background-image: url(../_img/PuntoVerde.gif);
    border-bottom: none;
}

#colorrecorrido {
    height: 21px;
    background-image: url(../_img/PuntoAzul.gif);
    border-bottom: 1px #AA0000 solid;
}

#rotulolongitud, #datolongitud, #rotuloduracion, #datoduracion, #rotulodesnivel, #datodesnivel {
    float: left;
    height: 21px;
    border-top: 1px #AA0000 solid;
    border-bottom: 1px #AA0000 solid;
}

#rotulolongitud {
    /*
    width: 80px;
    */
    width: 114px;
}

#rotuloduracion, #rotulodesnivel {
    /*
    width: 80px;
    */
    width: 113px;
}

#datolongitud, #datoduracion, #datodesnivel {
    width: 72px;
    background-color: #D5CCBB;
    border-right: 1px #AA0000 solid;
}

#datodesnivel {
    /*width: 77px;*/
    width: 107px;
    border-right: none;
}

.rotulodatos, .datos {
    color: #800000;
    margin: 3px;
    text-align: right;
    text-indent: 0px;
}

.datos {
    text-align: left;
}

#nombreruta, #dificultadruta, #tiporuta {
    padding: 0px 0px 0px 3px;
    text-indent: 0px;
}

#nombreruta {
    font-weight: bold;
    margin: 6px 0px 0px 6px;
}

/*
*****************************************************************************
** Fin de reglas para datos
*****************************************************************************
*/ 

/*
*****************************************************************************
** Reglas para descripción
*****************************************************************************
*/ 
.lineagris {
    /*
    width: 620px;
    */
    width: 720px;
    height: 6px;
    background-image: url(../_img/linea153.gif);
    background-repeat: repeat-x;
    background-position: 0% 60%;
    padding-bottom: 20px ;
    float: left;
    margin: 0px 0px 0px 5px;
}

#rotulopuntosalida, #rotulocomollegar, #rotulodescripcion, #rotulopuntoencuentro {
    /*
    width: 620px;
    */
    width: 720px;
    height: 14px;
    background-position: 0% 50%;
    background-repeat: no-repeat;
    float: left;
    margin: 0px 0px 0px 5px;
}

#rotulopuntoencuentro {
    background-image: url(../_img/PEncuentro.gif);
}

#rotulopuntosalida {
    background-image: url(../_img/Salida.gif);
}

#rotulocomollegar {
    background-image: url(../_img/ComoLlegar.gif);
}

#rotulodescripcion {
    background-image: url(../_img/Recorrido.gif);
}

.descripcion {
    margin: 6px 0px 0px 0px ;
}

.aviso {
    margin: 6px 0px 0px 0px;
    color: #990000;
}

#puntosalida, #comollegar, #descripcion, #puntoencuentro {
    /*
    width: 620px;
    */
    width: 720px;
    float: left;
    margin: 0px 0px 0px 5px;
}

#fondo {
    float: left;
    height: 40px;
    /*
    width: 620px ;
    */
    width: 720px ;
    margin: 0px 0px 0px 5px;
}

#copy {
    width: 300px;
    float: right;
    height: 16px;
    margin: 0px 0px 0px 5px;
}

#derechos{
    text-align: right;
    font-size: 10px;
    line-height: .5em;
}

/* 
// Estilos para los enlaces a los blog de Jaime en el panel de menús
*/
#blog, #blogconcu, #blogeduamb, #blogmontpi {
    display: block ;
    position: absolute ;
    top: 592px;
    left: 3px ;
    width: 132px;
    height: 46px;
    margin: 0px ;
    border-top: #CCFF99 1px solid ;
    border-right: #333333 1px solid ;
    border-bottom: #333333 1px solid ;
    border-left: #CCFF99 1px solid ;
    background-color: #CCCC33 ;
}

#blogconcu {
    top: 543px;
}

#blogeduamb {
    top: 494px;
}

#blogmontpi {
    top: 445px;
}

#jaime, #fotoconcu, #bellota {
    position: absolute;
    top: 3px ;
    left: 87px ;
}

#pblog, #pblogconcu, #pblogeduamb, #pblogmontpi {
    position: absolute ;
    top: 3px;
    left: 3px;
    width: 87px;
    text-indent: 0px;
    font-size: 9px;
    text-align: left;
    color: #0000FF;
    margin: 0px ;
}

/* 
// Estilos para el enlace al evento especial que aparecerá en el panel del menú
// cuando en el fichero "code.php" se incluya el código necesario.
// De momento este enlace solo se activa de forma manual, no hay control para
// activarlo y quitarlo desde un cuestionario.
// 
// Mientras está desactivado, se elimina la definición de los selectores #aviso y
// #imgaviso
*/
/*
#aviso {
    display: block ;
    position: absolute ;
    top: 345px;
    left: 3px ;
    width: 132px;
    height: 46px;
    margin: 0px ;
    border-top: #CCFF99 1px solid ;
    border-right: #333333 1px solid ;
    border-bottom: #333333 1px solid ;
    border-left: #CCFF99 1px solid ;
    background-color: #CCCC33 ;
}

#imgaviso {
    position: absolute;
    top: 2px ;
    left: 2px ;
}
*/

#w3c {
    position: absolute ;
    width: 90px;
    height: 33px;
    /*
    top: 477px ;
    */
    top: 645px ;
    left: 25px ;
    padding: 0px ;
}
/***************************************************************************/
/* Estilo de párrafo para poner los iconos de validación con W3C           */
/***************************************************************************/
.w3c {
    text-align: center;
    padding: 0px ;
    margin: 0px ;
    text-indent: 0px ;
}

/***************************************************************************/
/* Estilos para el formulario de selección de ruta                         */
/***************************************************************************/
/* Identificador del fondo para el formulario de seleccion de rutas */
#FondoFormulario { 
    position: absolute;
    top: 61px;
    left: 140px;
    height: 65px;
    /*
    width: 657px;
    */
    width: 757px;
    display: block;
    background-color: #EFEFFF; /* Blanco azulado */ 
    border-top: 1px solid #EFEFFF;
    border-left: 1px solid #EFEFFF;
    border-bottom: 1px solid #EFEFFF;
    border-right: 1px solid #EFEFFF;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #575757;
    font-style: normal;
    text-align: justify;
    text-decoration: none;
    vertical-align: top;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    z-index: 0;
}

/* Identificador del formulario para la seleccion de rutas */
#FrmRutasId {
    position:relative ;  
    top:0px ; 
    left:0px ; 
    height:55px ;
    /*
    width:630px;
    */
    width: 730px ;
    margin: 3px ;
    border: 1px #CCCCFF solid ;
}

/* Etiquetas y selectores del formulario */
label, select, option {
    border: 0px;
    margin: 0px 0px 0px 3px ;
    padding: 0px;
    font-size: 14px;
    font-style: normal;
    background-color: #EFEFFF; /* Blanco azulado */ 
}

select {
    border: 1px inset #808080; 
}

#NombRutaId{
    /*
    float: left;
    width: 600px ;
    color: #BBBBBB;
    margin: 0px 0px 0px 15px;
    max-height: 150px;
    */
    position:relative;
    top: -10px ;
    left: 15px ;
    /*
    width: 600px ;
    */
    width: 700px ;
    color: #BBBBBB;
}

/* Identificador la lista de selección del tipo de ruta */
/*
#TipoRutaId{
    float: left;
    width: 175px ;
    margin: 6px 0px 0px 40px;
}
*/

#VerRutaId, #VerFotosId, #VerMapaId {
    position:relative;
    top: -5px ;
    left: 10px ;
    /*float: left;*/
    width: 110px;
    height: 22px;
    font-size: 14px;
    color: #BBBBBB;
    margin: 0px 63px 0px 63px;
    background-color: #EFEFFF; /* Blanco azulado */ 
}

.opclara, .opnormal {
    padding: 1px 0px 1px 0px;
    background-color: #D7D7FF;  
}

.opclara {
    background-color: #EFEFFF;  
}

/* Última hora */
.pdecorado, .puh, .puhr {
    /*
    width: 475px;
    */
    width: 575px;
    text-decoration: none;
    text-transform: none;
    color: #0000C0;
    display: block;
    float: left;
    background-color: #E0E090 ;
    margin: 0px ;
    padding: 3px ;
    text-align: justify ;
    text-indent: 0px ;
    border-top: 1px solid #D6F5BF;
    border-left: 1px solid #688040;
    border-bottom: 1px solid #688040;
    border-right: 1px solid #D6F5BF;
}

.puh {
    width: 125px;
    background-color: #C0C070 ;
    padding: 3px ;
    margin: 0px 0px 0px 6px ;
    text-align: right ;
    text-indent: 0px ;
    border-top: 1px solid #D6F5BF;
    border-left: 1px solid #688040;
    border-bottom: 1px solid #688040;
    border-right: 1px solid #D6F5BF;
}

.puhr {
    /*
    width: 450px;
    */
    width: 600px;
    padding: 3px;
    margin: 12px 0px 0px 0px;
    /*
    left: 115px;
    */
    left: 55px;
    text-align: center;
    text-indent: 0px;
    border-top: 1px solid #D6F5BF;
    border-left: 1px solid #688040;
    border-bottom: 1px solid #688040;
    border-right: 1px solid #D6F5BF;
    /*float: left;*/
    position: relative;
}

/* Definición de clases para la página de los estatutos */
ol {
   list-style:lower-alpha ;
}

.parrafo {
   text-indent: 0px ;
   margin: 12px 12px 0px 12px ;
}

.elelist {
   text-indent: 0px ;
   margin: 6px 12px 0px 20px ;
}

.capitulo {
   text-indent: 0px ;
   font-weight: bold ;
   margin: 36px 12px 0px 12px ;
}

.apartado {
   text-indent: 0px ;
   text-decoration: underline ;
   margin: 12px 12px 0px 12px ;
}


/* Estilos para la página de viaje a Galicia 2006 */
#cuerpo {
    position: absolute;
    top: 0px;
    left: 3px;
    /*
    width: 635px;
    */
    width: 735px;
    height: 3000px;
    font-size: 14px ;
    visibility: visible;
    /*border: 1px solid #AAFF00;*/
}

#cabecera {
    position:relative;
    float:left;
    width: 732px;
    height: 155px;
    visibility: visible;
}

#cabecera1 {
    position: relative;
    left: 3px;
    width: 400px;
    height: 140px;
    visibility: visible;
    border: 4px groove #0033FF;
    padding: 0px 10px 0px 10px;
    z-index: 0;
}

#cabecera1 p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: italic;
    font-weight: bolder;
    color: #0033CC;
    margin: 10px 0px 0px 0px;
}

#cuerpo p {
    margin: 5px 0px 0px 0px;
    text-indent: 0px;
}

#cabecera1 p.subtitulo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: italic;
    color: #907000;
    margin: 10px 0px 0px 0px;
    font-weight: normal;
}

.PieDeFoto {
    font-style: normal;
    font-weight: normal;
    text-align: center;
    font-size: 9px;
    color: #990000;
}

/* Esta clase se usa para ver las fotos en los enlaces de las páginas de viajes */
.enlace {
    display: block;
    position: relative;
    left: 10px ;
    width: 450px;
    height: 14px;
    text-decoration: none;
    text-transform: none;
    float: left;
    background-color: #DDDDEE ;
    margin: 0px ;
    padding: 2px 0px 2px 24px ;
    text-align: justify ;
    text-indent: 0px ;
    border-top: 1px solid #D6F5BF;
    border-left: 1px solid #688040;
    border-bottom: 1px solid #688040;
    border-right: 1px solid #D6F5BF;
}

/* Estilos para la página de viaje a Picos de Europa 2008 */
.enlacea {
    display: block;
    position: relative;
    float: left ;
    /*
    left: 10px ;
    */
    width: 145px;
    height: 14px;
    text-decoration: none;
    text-transform: none;
    background-color: #DDDDEE ;
    margin: 0px 0px 0px 50px ;
    padding: 2px 0px 2px 12px ;
    text-align: justify ;
    text-indent: 0px ;
    text-decoration: none ;
    border-top: 1px solid #D6F5BF;
    border-left: 1px solid #688040;
    border-bottom: 1px solid #688040;
    border-right: 1px solid #D6F5BF;
}

.enlaceb {
    display: block;
    position: relative;
    float: left ;
    width: 125px;
    /* width: 242px; */
    /* width: 414px; */
    height: 14px;
    text-decoration: none;
    text-transform: none;
    background-color: #DDDDEE ;
    margin: 0px 0px 0px 6px ;
    padding: 2px 0px 2px 12px ;
    text-align: justify ;
    text-indent: 0px ;
    text-decoration: none ;
    border-top: 1px solid #D6F5BF;
    border-left: 1px solid #688040;
    border-bottom: 1px solid #688040;
    border-right: 1px solid #D6F5BF;
}


.enlacec {
    display: block;
    position: relative;
    float: left ;
    width: 365px;
    height: 20px;
}

.peconjunto {
   position:relative; 
   width:740px;
   margin: 12px 0px 0px 0px; 
   float:left; 
   /*
   border: 1px solid red ;
   */
}

.peparrafo {
   margin: 0px 0px 0px 0px; 
}

.peimagenizquierda {
   position: relative ;
   float: left ;  
   width: 184px ; 
   text-align: center ;
   margin: 0px 0px 0px 0px ;
   /*
   border: 1px solid red ;
   */
}

.peimagenderecha {
   position:relative;
   float: right;  
   width: 184px; 
   text-align: center ;
   margin: 0px 0px 0px 0px ;
   /*
   border: 1px solid red ;
   */
}

.peimagencentroizquierda {
   position: relative ;
   float: left ;  
   width: 184px ; 
   text-align: center ;
   margin: 0px 0px 0px 1px ;
   /*
   border: 1px solid red ;
   */
}

.peimagencentroderecha {
   position: relative ;
   float: left ;  
   width: 184px ; 
   text-align: center ;
   margin: 0px 0px 0px 2px ;
   /*
   border: 1px solid red ;
   */
}

.petextoizquierda {
   position: relative ;
   float: left ;  
   width: 556px ; 
   text-align: justify ;
   /*
   border: 1px solid red ;
   */
}

.petextoderecha {
   position: relative ;
   float: right ;  
   width: 556px ; 
   text-align: justify ;
   /*
   border: 1px solid red ;
   */
}

.petextocentro {
   position: relative ;
   float: left ;  
   width: 370px ; 
   text-align: justify ;
   /*
   border: 1px solid red ;
   */
}

.peimg {
   width: 170px ;
   border: 0px ;
}

.pepiedefoto {
   font-style: normal ;
   font-weight: normal ;
   text-indent: 0px ;
   margin: 0px 10px 0px 10px ;
   font-size: 9px ;
   color: #009900 ;
   /*
   border: 1px solid red ;
   */
}

.firma {
   position: relative ;
   float: right ;
   margin: 0px 100px 0px 0px ;
   text-align: center ;
   /*
   border: 1px solid red ;
   */
}

/***************************************************************************/
/* Estilos para el texto enfatizado                                        */
/***************************************************************************/
.enfatizado { 
    /*background-color: #EFEFFF; *//* Blanco azulado */ 
    color: #990000;
    font-style: italic ;
	font-weight:bold ;
    /*text-decoration: underline; */
}