/* NOTA: Validador de hojas de estilo de la w3c --> http://jigsaw.w3.org/css-validator/validator */

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* ************************************************************************************* */
/* ************************************************************************************* */
/*                                 MAQUETADO DEL SITIO WEB                               */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* ************************************************************************************* */
/*                                          CUERPO                                       */
/* ************************************************************************************* */

body {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#7F99BC url(Rec/Imagenes/Body-Background.gifX) !important;
	padding:0;
	margin:0;
	/* PARRAFO. */
	text-indent:0;
}

/* ************************************************************************************* */
/*                      CONTENEDOR AUX PARA SIMULAR ANCHO MINIMO EN IE                   */
/* ************************************************************************************* */

/* NO APLICA EN ESTE PORYECTO. */
#contenedorauxanchominimo {
	/* POSICION. */
    position:relative; /* IMPORTANTE: Necesario para solucionar el bug del ancho mínimo en el browser IE. */
    float:left; /* IMPORTANTE: Necesario para solucionar el bug del ancho mínimo en el browser IE. */
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	width:auto; /* IMPORTANTE: Necesario para solucionar el bug del ancho mínimo en el browser IE. */
	border-left:980px solid white; /* IMPORTANTE: Necesario para solucionar el bug del ancho mínimo en el browser IE. */
}

/* ************************************************************************************* */
/*                                         CONTENEDOR                                    */
/* ************************************************************************************* */

#contenedorprincipal {
	/* POSICION. */
    _position:relative; /* IMPORTANTE: Necesario para solucionar el bug del ancho mínimo en el browser IE. */
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#ffffff url(Rec/Imagenes/Contenedor-Principal-Fondo.jpg);
	min-width:980px; /* NOTA: No funciona con el browser IE. */
	width:980px; /* IMPORTANTE: También es posible definir un ancho fijo para el contenido de la página. */
	border:none;
    margin-left:auto; /* IMPORTANTE: Necesario para solucionar el bug del ancho mínimo en el browser IE. */
    margin-right:auto; /* IMPORTANTE: Necesario para solucionar el bug del ancho mínimo en el browser IE. */
}

/* ************************************************************************************* */
/*                              BLOQUE SUPERIOR Y BLOQUE INFERIOR                        */
/* ************************************************************************************* */

/* NOTA: Los colores e imagenes son especificados en la sección ASPECTO DEL SITIO WEB. */
#bloquesuperior, 
#bloqueinferior {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	width:100%;
}

#bloqueencabezado {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	width:100%;
	height:134px;
	/* ALINEACION */
	vertical-align:top; /* IMPORTANTE: "vertical-align:top;" se utiliza para quitar el espacio que el browser IE coloca sobre el bloque. */
}

#bloquepublicidadsuperior, 
#bloquepublicidadinferior {
	/* VISUALIZACION. */
    display:none;
	/* FONDO, TAMAÑO, BORDE, PADDING, MARGIN, ETC. */
	width:100%;
	height:100px;
}

#bloquenavegacionsuperior, 
#bloquenavegacioninferior {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	width:100%;
	height:35px; /* IMPORTANTE: No se utiliza auto !important por el bug del browser IE al minimizar la ventana.  */
	overflow:hidden; /* IMPORTANTE: Esto es lo que permite que el div se adapte al alto de su contenido. */
	z-index:1000 !important;
}

#bloquenavegacioninferior {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	padding:5px 0 0 0;
}

#bloquenavegacionaccesosdirectossuperior {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	width:100%;
	height:30px !important;
}

#bloquepiepagina {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	width:100%;
	height:auto !important;
	overflow:hidden; /* IMPORTANTE: Esto es lo que permite que el div se adapte al alto de su contenido. */
}

/* ************************************************************************************* */
/*                                        OUTER E INNER                                  */
/* ************************************************************************************* */

#contenedorexterior {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	width:auto;
	border-left-style:solid;
	border-left-width:160px;
	border-right-style:solid;
	border-right-width:160px;
	z-index:0 !important;
}

#contenedorinterior {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	width:100%;
	z-index:0 !important;
}

/* ************************************************************************************* */
/*                              BLOQUE IZQUIERDO Y BLOQUE DERECHO                        */
/* ************************************************************************************* */

#bloqueizquierdo, 
#bloquederecho {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	height:100%;
	overflow:hidden; /* IMPORTANTE: Esto es lo que permite que el div se adapte al alto de su contenido. */
	border:none;
	z-index:0 !important;
}

#bloqueizquierdo {
	/* POSICION. */
	position:relative; /* IMPORTANTE: No quitar esta línea de código porque afecta al maquetado. */
	float:left;
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	width:160px; 
	margin:0 0 0 -160px;
}

#bloquederecho {
	/* POSICION. */
	position:relative; /* IMPORTANTE: No quitar esta línea de código porque afecta al maquetado. */
	float:right;
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	width:160px;
	margin:0 -160px 0 0; /* IMPORTANTE: A margin-right se le suman 5px al ancho para funcione bien en el browser IE a una resolución de 800x600. */ 
}

/* ************************************************************************************* */
/*                                         CONTENIDO                                     */
/* ************************************************************************************* */

#bloquecontenido {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	width:auto;
	min-height:400px;
	height:auto !important;
	height:400px;
	border-style:none;
}




/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* ************************************************************************************* */
/* ************************************************************************************* */
/*                                  ASPECTO DEL SITIO WEB                                */
/* ------------------------------------------------------------------------------------- */
/* En esta sección se establece el color de fondo, el color de las fuentes, el tipo de   */
/* fuente y todos los demás atributos que no afecten al maquetado del sitio Web.         */
/* IMPORTANTE !!!: AQUI SOLO SE DEBEN DEFINIR ATRIBUTOS WIDTH, HEIGHT, BORDER, PADDING,  */
/* Y MARGIN QUE NO AFECTEN AL MAQUETADO DEL SITIO WEB !!!                                */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* ************************************************************************************* */
/* ************************************************************************************* */
/*                                          CUERPO                                       */
/* ************************************************************************************* */
/* ************************************************************************************* */

/* IMPORTANTE: Estas líneas de código se colocaron acá para que estos atributos sean heredados por todos los elementos <p>, <span>, <h1>, <h2>, <h3>, etc.  */
body {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#ffffff;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#303030;
	font-family:arial, verdana, sans-serif; 
	font-size:8pt;
	font-weight:normal; 
}


/* ************************************************************************************* */
/* ************************************************************************************* */
/*                                  ELEMENTOS GENERICOS                                  */
/* ************************************************************************************* */
/* ************************************************************************************* */

/* ===================================================================================== */
/*                                         TITULOS                                       */
/* ===================================================================================== */

h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
.titulolistadodatos {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	border:none;
	margin:5px 0 5px 0;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	font-weight:bold; 
}	

h1 {
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	font-size:14pt;
	/* PARRAFO. */
	text-align:left;
	font-weight:bold;
}

h2 {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	border:none;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	font-size:11pt; 
	font-weight:bold;
}

h3 {
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	font-size:10pt;
	font-weight:bold;
}

h4 {
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	font-size:9pt; 
	font-weight:bold;
}

h5 {
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	font-size:8pt; 
	font-weight:bold;
}

h6 {
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	font-size:8pt; 
	font-weight:bold;
}

/* ===================================================================================== */
/*                              PARRAFOS, LISTAS Y TEXTOS                                */
/* ===================================================================================== */

p, 
ul, 
ol, 
dl, 
.parrafoinfodesarrollo,
.listainfodesarrollo { 
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	border:none;
	margin:8px auto;
	/* PARRAFO. */
	text-align:justify;
}

p, 
.parrafoinfodesarrollo { 
	/* PARRAFO. */
	text-indent:0;
}

ul, 
ol, 
dl, 
.listainfodesarrollo { 
	/* LISTA: TIPO, IMAGEN, POSICION. */
	list-style-position:inside;
}

.parrafoinfodesarrollo, 
.listainfodesarrollo { 
	font-family:"courier new", sans-serif; 
}

.textoresumen {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#A6A6A6;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:inherit;
}

.textoresaltado {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:yellow;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:inherit;
}

.textomalredactado {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:lime;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:inherit;
}

.textoenrevision {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:aqua;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:inherit;
}

.textoerroneo {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:red;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:inherit;
}

/* ===================================================================================== */
/*                                          LINKS                                        */
/* ===================================================================================== */

a:link {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:inherit;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#003870;
}

a:visited {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:inherit;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#003870;
}

a:hover {
	/* NO APLICA. */
}

a:active {
	/* NO APLICA. */
}

/* ===================================================================================== */
/*                                       CONTROLES                                       */
/* ===================================================================================== */

label,
input.button,
input.text,
textarea,
select,
option,
input.radio,
input.checkbox,
.etiquetamensajeerror, 
.etiquetamensajeinformacion, 
.etiquetamensajeayuda, 
.etiquetamensajeexclamacion, 
.etiquetamensajepregunta,
.etiquetamensajecomentario,
.etiquetamensajesugerencia,
.etiquetamensajeadvertencia,
.etiquetanombreatributo, 
.etiquetavaloratributo, 
.etiquetaresaltadanombreatributo, 
.etiquetaresaltadavaloratributo,
.botoncomandohabilitado,
.botoncomandodeshabilitado,
.cajatextohabilitada,
.cajatextodeshabilitada,
.listahabilitada, 
.listadesplegablehabilitada,
.listahabilitada, 
.listadesplegablehabilitada {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	margin:0 1px 4px 1px;
	vertical-align:top; 
}

/* ------------------------------------------------------------------------------------- */
/*                                       ETIQUETAS                                       */
/* ------------------------------------------------------------------------------------- */

label,
.etiquetamensajeerror, 
.etiquetamensajeinformacion, 
.etiquetamensajeayuda, 
.etiquetamensajeexclamacion, 
.etiquetamensajepregunta,
.etiquetamensajecomentario,
.etiquetamensajesugerencia,
.etiquetamensajeadvertencia,
.etiquetanombreatributo, 
.etiquetaresaltadanombreatributo, 
.etiquetavaloratributo, 
.etiquetaresaltadavaloratributo {
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	font-family:sans-serif; 
	font-size:9pt; 
	font-weight:bold;
}

.etiquetanombreatributo, 
.etiquetaresaltadavaloratributo {
	/* PARRAFO. */
	text-align:right; 
}

/* ------------------------------------------------------------------------------------- */
/*                                 OPCIONES DE NAVEGACION                                */
/* ------------------------------------------------------------------------------------- */

input.button,
.botoncomandohabilitado,
.botoncomandodeshabilitado {
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	font-family:tahoma, verdana, sans-serif; 
	font-size:9pt; 
	font-weight:bold;
	/* PARRAFO. */
	text-align:center; 
	/* OTROS */
	cursor:pointer;
}

input.button,
.botoncomandohabilitado {
	/* NO APLICA. */
}

.botoncomandodeshabilitado {
	/* NO APLICA. */
}

/* ------------------------------------------------------------------------------------- */
/*                            VISUALIZACION DE INGRESO DE DATOS                          */
/* ------------------------------------------------------------------------------------- */

.etiquetavaloratributo, 
.etiquetaresaltadavaloratributo,
.cajatextohabilitada,
.cajatextodeshabilitada,
.listahabilitada, 
.listadesplegablehabilitada,
.listahabilitada, 
.listadesplegablehabilitada {
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	font-family:arial;
	font-size:9pt; 
	font-weight:normal;
	/* PARRAFO. */
	text-align:left; 
}

.etiquetaresaltadavaloratributo {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:inherit;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#161C30;
}

input.text,
textarea,
select,
.cajatextohabilitada,
.listahabilitada, 
.listadesplegablehabilitada {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#ffffff;
	border:solid 1px #7F9DB9;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#000000;
}

.cajatextodeshabilitada,
.listadeshabilitada, 
.listadesplegabledeshabilitada {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:red;
	border:solid 1px gray;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:yellow;
}

/* ===================================================================================== */
/*                                          TABLAS                                       */
/* ===================================================================================== */

/* TABLAS DE DIVISION DE CONTENIDO: . */
/* TABLAS DE LISTADOS: . */
/* TABLAS DE LISTADOS ITEMS CATALOGO: . */
/* TABLAS DE LISTADOS ITEMS NOVEDADES: . */
/* TABLAS DE LISTADOS ITEMS OFERTAS: . */
/* TABLAS DE LISTADOS ITEMS PROMOCIONES: . */

/* Aplicar al atributo <table>. */
.tabladivisioncontenido,
.tablainfogeneral,
.tablalistado,
.tablalistadoitemscatalogo,
.tablalistadoitemsnovedades,
.tablalistadoitemsofertas,
.tablalistadoitemspromociones {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	width:99%;
    padding:0;
    margin:0 auto 0 auto;
	/* PARRAFO. */
	text-align:left;
	text-indent:0; 
	/* ALINEACION */
    vertical-align:middle;
	/* OTROS */
	table-layout:fixed;
}

/* TITULO */
/* Aplicar al atributo <caption>. */
.tabladivisioncontenido caption,
.tablainfogeneral caption,
.tablalistado caption,
.tablalistadoitemscatalogo caption,
.tablalistadoitemsnovedades caption,
.tablalistadoitemsofertas caption,
.tablalistadoitemspromociones caption {
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	font-weight:bold; 
}

/* CELDA DE ENCABEZADO. */
/* Aplicar a los atributos <th>. */
.tabladivisioncontenido thead tr th,
.tablainfogeneral thead tr th,
.tablalistado thead tr th,
.tablalistadoitemscatalogo thead tr th,
.tablalistadoitemsnovedades thead tr th,
.tablalistadoitemsofertas thead tr th,
.tablalistadoitemspromociones thead tr th {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#003875 url(Rec/Imagenes/Bloque-Contenido-Tabla-Encabezado.gif) !important; /* NOTA: No quitar la palabra !important. */
	border-bottom:solid 2px #313130 !important;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:inherit;
	font-weight:bold; 
	/* PARRAFO. */
	text-align:center;
}

/* CELDA DE CONTENIDO. */
/* Aplicar a los elementos <td>. */
.tabladivisioncontenido tbody tr td,
.tablainfogeneral tbody tr td,
.tablalistado tbody tr td,
.tablalistadoitemscatalogo tbody tr td,
.tablalistadoitemsnovedades tbody tr td,
.tablalistadoitemsofertas tbody tr td,
.tablalistadoitemspromociones tbody tr td {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
    padding:1px;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	font-weight:normal; 
	/* PARRAFO. */
	text-align:left;
	text-indent:0; 
	/* ALINEACION */
    vertical-align:baseline;
}

/* PIE TABLA */
.tabladivisioncontenido tfoot tr td,
.tablainfogeneral tfoot tr td,
.tablalistado tfoot tr td,
.tablalistadoitemscatalogo tfoot tr td,
.tablalistadoitemsnovedades tfoot tr td,
.tablalistadoitemsofertas tfoot tr td,
.tablalistadoitemspromociones tfoot tr td {
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	font-weight:bold; 
	/* PARRAFO. */
	text-align:center;
}

/* PERSONALIZACION DE LAS TABLAS DE DIVISION DE CONTENIDO. */
/* ------------------------------------------------------- */

.tabladivisioncontenido caption {
	/* VISUALIZACION. */
    display:none;
}

.tabladivisioncontenido thead {
	/* VISUALIZACION. */
    display:none;
}

.tabladivisioncontenido tfoot {
	/* VISUALIZACION. */
    display:none;
}

/* PERSONALIZACION DE LAS TABLAS DE INFORMACION GENERAL. */
/* ----------------------------------------------------- */

.tablainfogeneral tbody tr td,
.tablainfogeneral tbody tr td.opcionnavegacion {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
    background:#e6e6fa;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:inherit;
    text-decoration:none;
}

/* PERSONALIZACION DE LAS TABLAS DE LISTADOS. */
/* ------------------------------------------ */

.tablalistado caption {
	/* VISUALIZACION. */
    display:none;
}

.tablalistado thead tr th,
.tablalistado thead tr th.opcionnavegacion {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
    background:#330066;
    border-bottom:1px solid #DDD;
    padding:2px 0 2px 0;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#ffffff;
    text-decoration:none;
}

.tablalistado thead tr th a:link,
.tablalistado thead tr th a:visited,
.tablalistado thead tr th a:hover,
.tablalistado thead tr th a:active {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:inherit;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#ffffff;
    text-decoration:none;
}

.tablalistado thead tr th a:hover {
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
    text-decoration:underline;
}

.tablalistado tfoot {
	/* VISUALIZACION. */
    display:none;
}

.tablalistado tbody tr td,
.tablalistado tbody tr td.opcionnavegacion {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
    background:#F9F8F4;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:inherit;
    text-decoration:none;
}

.tablalistado tbody tr td.opcionnavegacion {
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#303030;
    font-weight:bold;
}

.tablalistado tbody tr td.opcionnavegacion a:link,
.tablalistado tbody tr td.opcionnavegacion a:visited,
.tablalistado tbody tr td.opcionnavegacion a:hover,
.tablalistado tbody tr td.opcionnavegacion a:active {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:inherit;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#303030;
    text-decoration:none;
    font-weight:bold;
}

.tablalistado tbody tr td.opcionnavegacion a:hover {
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
    text-decoration:underline;
}

/* PERSONALIZACION DE LAS TABLAS DE LISTADOS. */
/* ------------------------------------------ */

.tablalistadoitemscatalogo caption,
.tablalistadoitemsnovedades caption,
.tablalistadoitemsofertas caption,
.tablalistadoitemspromociones caption {
	/* VISUALIZACION. */
    display:none;
}

.tablalistadoitemscatalogo thead tr th,
.tablalistadoitemscatalogo thead tr th.opcionnavegacion,
.tablalistadoitemsnovedades thead tr th,
.tablalistadoitemsnovedades thead tr th.opcionnavegacion,
.tablalistadoitemsofertas thead tr th,
.tablalistadoitemsofertas thead tr th.opcionnavegacion,
.tablalistadoitemspromociones thead tr th,
.tablalistadoitemspromociones thead tr th.opcionnavegacion {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
    background:#000066;
    border-bottom:1px solid #DDD;
    padding:2px 0 2px 0;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#ffffff;
    text-decoration:none;
}

.tablalistadoitemscatalogo thead tr th a:link,
.tablalistadoitemsnovedades thead tr th a:link,
.tablalistadoitemsofertas thead tr th a:link,
.tablalistadoitemspromociones thead tr th a:link,
.tablalistadoitemscatalogo thead tr th a:visited,
.tablalistadoitemsnovedades thead tr th a:visited,
.tablalistadoitemsofertas thead tr th a:visited,
.tablalistadoitemspromociones thead tr th a:visited,
.tablalistadoitemscatalogo thead tr th a:hover,
.tablalistadoitemsnovedades thead tr th a:hover,
.tablalistadoitemsofertas thead tr th a:hover,
.tablalistadoitemspromociones thead tr th a:hover,
.tablalistadoitemscatalogo thead tr th a:active,
.tablalistadoitemsnovedades thead tr th a:active,
.tablalistadoitemsofertas thead tr th a:active,
.tablalistadoitemspromociones thead tr th a:active {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:inherit;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#ffffff;
    text-decoration:none;
}

.tablalistadoitemscatalogo thead tr th a:hover,
.tablalistadoitemsnovedades thead tr th a:hover,
.tablalistadoitemsofertas thead tr th a:hover,
.tablalistadoitemspromociones thead tr th a:hover {
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
    text-decoration:underline;
}

.tablalistadoitemscatalogo tfoot,
.tablalistadoitemsnovedades tfoot,
.tablalistadoitemsofertas tfoot,
.tablalistadoitemspromociones tfoot {
	/* VISUALIZACION. */
    display:none;
}

.tablalistadoitemscatalogo tbody tr td,
.tablalistadoitemscatalogo tbody tr td.opcionnavegacion,
.tablalistadoitemscatalogo tbody tr td.nombreatributo,
.tablalistadoitemscatalogo tbody tr td.valoratributo,
.tablalistadoitemsnovedades tbody tr td,
.tablalistadoitemsnovedades tbody tr td.opcionnavegacion,
.tablalistadoitemsnovedades tbody tr td.nombreatributo,
.tablalistadoitemsnovedades tbody tr td.valoratributo,
.tablalistadoitemsofertas tbody tr td,
.tablalistadoitemsofertas tbody tr td.opcionnavegacion,
.tablalistadoitemsofertas tbody tr td.nombreatributo,
.tablalistadoitemsofertas tbody tr td.valoratributo,
.tablalistadoitemspromociones tbody tr td,
.tablalistadoitemspromociones tbody tr td.opcionnavegacion,
.tablalistadoitemspromociones tbody tr td.nombreatributo,
.tablalistadoitemspromociones tbody tr td.valoratributo {
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
    text-decoration:none;
}

.tablalistadoitemscatalogo tbody tr td.opcionnavegacion,
.tablalistadoitemscatalogo tbody tr td.nombreatributo,
.tablalistadoitemsnovedades tbody tr td.opcionnavegacion,
.tablalistadoitemsnovedades tbody tr td.nombreatributo,
.tablalistadoitemsofertas tbody tr td.opcionnavegacion,
.tablalistadoitemsofertas tbody tr td.nombreatributo,
.tablalistadoitemspromociones tbody tr td.opcionnavegacion,
.tablalistadoitemspromociones tbody tr td.nombreatributo {
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
    font-weight:bold;
}

.tablalistadoitemscatalogo tbody tr td.opcionnavegacion a:link,
.tablalistadoitemsnovedades tbody tr td.opcionnavegacion a:link,
.tablalistadoitemsofertas tbody tr td.opcionnavegacion a:link,
.tablalistadoitemspromociones tbody tr td.opcionnavegacion a:link,
.tablalistadoitemscatalogo tbody tr td.opcionnavegacion a:visited,
.tablalistadoitemsnovedades tbody tr td.opcionnavegacion a:visited,
.tablalistadoitemsofertas tbody tr td.opcionnavegacion a:visited,
.tablalistadoitemspromociones tbody tr td.opcionnavegacion a:visited,
.tablalistadoitemscatalogo tbody tr td.opcionnavegacion a:hover,
.tablalistadoitemsnovedades tbody tr td.opcionnavegacion a:hover,
.tablalistadoitemsofertas tbody tr td.opcionnavegacion a:hover,
.tablalistadoitemspromociones tbody tr td.opcionnavegacion a:hover,
.tablalistadoitemscatalogo tbody tr td.opcionnavegacion a:active,
.tablalistadoitemsnovedades tbody tr td.opcionnavegacion a:active,
.tablalistadoitemsofertas tbody tr td.opcionnavegacion a:active,
.tablalistadoitemspromociones tbody tr td.opcionnavegacion a:active {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:inherit;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:black;
    text-decoration:none;
    font-weight:bold;
}

.tablalistadoitemscatalogo tbody tr td.opcionnavegacion a:hover,
.tablalistadoitemsnovedades tbody tr td.opcionnavegacion a:hover,
.tablalistadoitemsofertas tbody tr td.opcionnavegacion a:hover,
.tablalistadoitemspromociones tbody tr td.opcionnavegacion a:hover {
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
    text-decoration:underline;
}

/* ===================================================================================== */
/*                                  DIVISORES DE CONTENIDO                               */
/* ===================================================================================== */

/* BOX DEL CONTENEDOR. */
.contenedormensajeinterfaz, 
.contenedormensajeinterfazerror, 
.contenedormensajeinterfazinformacion, 
.contenedormensajeinterfazayuda, 
.contenedormensajeinterfazexclamacion, 
.contenedormensajeinterfazpregunta,
.contenedormensajeinterfazcomentario,
.contenedormensajeinterfazdesarrollo,
.contenedoropcionesnavegacion, 
.contenedorinfoparametrizacion,
.contenedorformulariodatos,
.contenedorinfopaginacion,
.contenedorinfopaginacionanteriorlistado,
.contenedorinfopaginacionposteriorlistado,
.contenedorpublicidad,
.contenedorinfoformatoheredado,
.contenedorinfoformatopersonalizado,
.contenedorgaleriaimagenes,
.contenedorimagen,
.contenedorinfocomun, 
.contenedorinfodestacada, 
.contenedorinfoimportante,  
.contenedorcontenido, 
.contenedorcontenidoprincipal, 
.contenedorcontenidosecundario, 
.contenedorcontenidoterciario, 
.contenedorcontenidodestacado {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	width:99%; /* IMPORTANTE: Se utiliza 99% y no 100% por el bug del browser IE6 a una resolución de 800x600. */
	overflow:hidden; /* IMPORTANTE: Esto es lo que permite que el div se adapte al alto de su contenido. */
	border:none;
	padding:0; /* NOTA: El padding del contenido se debe establecer en el cuerpo del contenedor. */
	margin:4px auto 4px auto; /* NOTA: Esto determina el espacio entre contenedores. Los valores "auto" permiten el centrado del contenedor. */
}

/* TITULO DEL CONTENEDOR. */
.contenedormensajeinterfaz h1, 
.contenedormensajeinterfazerror h1, 
.contenedormensajeinterfazinformacion h1, 
.contenedormensajeinterfazayuda h1, 
.contenedormensajeinterfazexclamacion h1, 
.contenedormensajeinterfazpregunta h1,
.contenedormensajeinterfazcomentario h1,
.contenedormensajeinterfazdesarrollo h1,
.contenedoropcionesnavegacion h1, 
.contenedorinfoparametrizacion h1,
.contenedorformulariodatos h1,
.contenedorinfopaginacion h1,
.contenedorinfopaginacionanteriorlistado h1,
.contenedorinfopaginacionposteriorlistado h1,
.contenedorpublicidad h1,
.contenedorinfoformatoheredado h1,
.contenedorinfoformatopersonalizado h1,
.contenedorgaleriaimagenes h1,
.contenedorimagen h1,
.contenedorinfocomun h1, 
.contenedorinfodestacada h1, 
.contenedorinfoimportante h1,  
.contenedorcontenido h1, 
.contenedorcontenidoprincipal h1, 
.contenedorcontenidosecundario h1, 
.contenedorcontenidoterciario h1, 
.contenedorcontenidodestacado h1 {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#003875 !important;
	width:auto;
	border:none;
	padding:4px 4px !important;
	margin:0 !important;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#ffffff !important;
	font-family:arial;
	font-size:10pt;
	font-weight:bold !important;
	/* PARRAFO. */
	text-align:left;
	text-indent:0;
}

/* CUERPO DEL CONTENEDOR. */
.contenedormensajeinterfaz .cuerpocontenedor, 
.contenedormensajeinterfazerror .cuerpocontenedor, 
.contenedormensajeinterfazinformacion .cuerpocontenedor, 
.contenedormensajeinterfazayuda .cuerpocontenedor, 
.contenedormensajeinterfazexclamacion .cuerpocontenedor, 
.contenedormensajeinterfazpregunta .cuerpocontenedor,
.contenedormensajeinterfazcomentario .cuerpocontenedor,
.contenedormensajeinterfazdesarrollo .cuerpocontenedor,
.contenedoropcionesnavegacion .cuerpocontenedor, 
.contenedorinfoparametrizacion .cuerpocontenedor,
.contenedorformulariodatos .cuerpocontenedor,
.contenedorinfopaginacion .cuerpocontenedor,
.contenedorinfopaginacionanteriorlistado .cuerpocontenedor,
.contenedorinfopaginacionposteriorlistado .cuerpocontenedor,
.contenedorpublicidad .cuerpocontenedor,
.contenedorinfoformatoheredado .cuerpocontenedor,
.contenedorinfoformatopersonalizado .cuerpocontenedor,
.contenedorgaleriaimagenes .cuerpocontenedor,
.contenedorimagen .cuerpocontenedor,
.contenedorinfocomun .cuerpocontenedor, 
.contenedorinfodestacada .cuerpocontenedor, 
.contenedorinfoimportante .cuerpocontenedor,  
.contenedorcontenido .cuerpocontenedor, 
.contenedorcontenidoprincipal .cuerpocontenedor, 
.contenedorcontenidosecundario .cuerpocontenedor, 
.contenedorcontenidoterciario .cuerpocontenedor, 
.contenedorcontenidodestacado .cuerpocontenedor {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	border:none !important; /* NOTA: No quitar la palabra !important. */
	padding:1px 2px !important;
	margin:0 !important;
}

/* PERSONALIZACION DE LOS CONTENEDORES DE MENSAJES */
/* ----------------------------------------------- */

.contenedormensajeinterfaz, 
.contenedormensajeinterfazerror, 
.contenedormensajeinterfazinformacion, 
.contenedormensajeinterfazayuda, 
.contenedormensajeinterfazexclamacion, 
.contenedormensajeinterfazpregunta,
.contenedormensajeinterfazcomentario,
.contenedormensajeinterfazdesarrollo {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#F4F2F3 !important; /* NOTA: No quitar la palabra !important. */
	border:none !important; /* NOTA: No quitar la palabra !important. */
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:inherit;
}

.contenedormensajeinterfaz h1, 
.contenedormensajeinterfazerror h1, 
.contenedormensajeinterfazinformacion h1, 
.contenedormensajeinterfazayuda h1, 
.contenedormensajeinterfazexclamacion h1, 
.contenedormensajeinterfazpregunta h1,
.contenedormensajeinterfazcomentario h1,
.contenedormensajeinterfazdesarrollo h1 {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#003875 !important; /* NOTA: No quitar la palabra !important. */
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#ffffff;
}

.contenedormensajeinterfaz .cuerpocontenedor, 
.contenedormensajeinterfazerror .cuerpocontenedor, 
.contenedormensajeinterfazinformacion .cuerpocontenedor, 
.contenedormensajeinterfazayuda .cuerpocontenedor, 
.contenedormensajeinterfazexclamacion .cuerpocontenedor, 
.contenedormensajeinterfazpregunta .cuerpocontenedor,
.contenedormensajeinterfazcomentario .cuerpocontenedor,
.contenedormensajeinterfazdesarrollo .cuerpocontenedor {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:inherit;
	border:none !important; /* NOTA: No quitar la palabra !important. */
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:inherit;
}

.contenedormensajeinterfazerror h1 {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:red !important; /* NOTA: No quitar la palabra !important. */
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:white !important; /* NOTA: No quitar la palabra !important. */
}

.contenedormensajeinterfazdesarrollo {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:yellow !important; /* NOTA: No quitar la palabra !important. */
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:inherit;
}

/* PERSONALIZACION DE LOS CONTENEDORES DE OPCIONES NAVEGACION. */
/* ----------------------------------------------------------- */

.contenedoropcionesnavegacion {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	border:none !important;
}

.contenedoropcionesnavegacion h1 {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#003875 !important; /* NOTA: No quitar la palabra !important. */
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#ffffff !important; /* NOTA: No quitar la palabra !important. */
}

.contenedoropcionesnavegacion .cuerpocontenedor {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	padding:8px !important;
}

.contenedoropcionesnavegacion .cuerpocontenedor ul, 
.contenedoropcionesnavegacion .cuerpocontenedor ol, 
.contenedoropcionesnavegacion .cuerpocontenedor dl {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	padding:0 !important;
	margin:0 !important;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	font-family:tahoma, helvetica, sans-serif; 
	font-size:8pt;
	font-weight:normal;
	/* PARRAFO. */
	text-align:left;
	/* LISTA: TIPO, IMAGEN, POSICION. */
	list-style-position:inside;
	list-style-type:circle;
}

.contenedoropcionesnavegacion .cuerpocontenedor ul li a:link, 
.contenedoropcionesnavegacion .cuerpocontenedor ol li a:link, 
.contenedoropcionesnavegacion .cuerpocontenedor dl dd a:link, 
.contenedoropcionesnavegacion .cuerpocontenedor ul li a:visited, 
.contenedoropcionesnavegacion .cuerpocontenedor ol li a:visited, 
.contenedoropcionesnavegacion .cuerpocontenedor dl dd a:visited, 
.contenedoropcionesnavegacion .cuerpocontenedor ul li a:active,
.contenedoropcionesnavegacion .cuerpocontenedor ol li a:active,
.contenedoropcionesnavegacion .cuerpocontenedor dl dd a:active {
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	text-decoration:none;
}

.contenedoropcionesnavegacion .cuerpocontenedor ul li a:hover, 
.contenedoropcionesnavegacion .cuerpocontenedor ol li a:hover, 
.contenedoropcionesnavegacion .cuerpocontenedor dl dd a:hover {
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	text-decoration:underline;
}

/* PERSONALIZACION DE LOS CONTENEDORES DE INFORMACION DE PARAMETRIZACION. */
/* ---------------------------------------------------------------------- */

.contenedorinfoparametrizacion {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#F9F8F4;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#161C30 !important; /* NOTA: No quitar la palabra !important. */
}

.contenedorinfoparametrizacion h1 {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#000066 !important; /* NOTA: No quitar la palabra !important. */
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#ffffff !important; /* NOTA: No quitar la palabra !important. */
}

.contenedorinfoparametrizacion .cuerpocontenedor {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	padding:8px;
	margin:0;
}

.contenedorinfoparametrizacion .cuerpocontenedor form {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	padding:0;
	margin:0;
}

.contenedorinfoparametrizacion .cuerpocontenedor form fieldset {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	border:none;
	padding:8px;
	margin:0;
}

/* PERSONALIZACION DE LOS CONTENEDORES DE FORMULARIOS DE DATOS */
/* ----------------------------------------------------------- */

.contenedorformulariodatos {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#F9F8F4;
	border:none;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#161C30 !important; /* NOTA: No quitar la palabra !important. */
}

.contenedorformulariodatos .cuerpocontenedor {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	padding:15px 0 0 0 !important;
	margin:0;
}

.contenedorformulariodatos .cuerpocontenedor form {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	width:96%; /* IMPORTANTE: Se utiliza un ancho del 96% para que el form no tape el borde derecho del .cuerpocontenedor. */
	margin:0;
}

.contenedorformulariodatos .cuerpocontenedor form fieldset {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	border:none;
	padding:0;
}

.contenedorformulariodatos .cuerpocontenedor form fieldset legend {
	/* VISUALIZACION. */
    display:none;
}

/* PERSONALIZACION DE LOS CONTENEDORES DE INFORMACION DE PAGINACION. */
/* ----------------------------------------------------------------- */

.contenedorinfopaginacion,
.contenedorinfopaginacionanteriorlistado,
.contenedorinfopaginacionposteriorlistado {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	border:none;
	margin:15px auto 15px auto;
}

.contenedorinfopaginacionanteriorlistado {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	border-bottom:solid 1px #cccccc;
}

.contenedorinfopaginacionposteriorlistado {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	border-top:solid 1px #cccccc;
}

.contenedorinfopaginacion .cuerpocontenedor,
.contenedorinfopaginacionanteriorlistado .cuerpocontenedor,
.contenedorinfopaginacionposteriorlistado .cuerpocontenedor {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	padding:0;
}

.contenedorinfopaginacion .cuerpocontenedor p,
.contenedorinfopaginacionanteriorlistado .cuerpocontenedor p,
.contenedorinfopaginacionposteriorlistado .cuerpocontenedor p {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	margin:10px 0 10px 0;
	/* PARRAFO. */
	text-indent:0;
}

/* PERSONALIZACION DE LOS CONTENEDORES DE PUBLICIDAD. */
/* -------------------------------------------------- */

.contenedorpublicidad {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#E9F2F7 !important; /* NOTA: No quitar la palabra !important. */
	border:none;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#ffffff;
}

.contenedorpublicidad h1 {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#000066 !important; /* NOTA: No quitar la palabra !important. */
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#ffffff !important; /* NOTA: No quitar la palabra !important. */
}

.contenedorpublicidad .cuerpocontenedor {
	/* PARRAFO. */
	text-align:center;
}

/* PERSONALIZACION DE LOS CONTENEDORES DE INFORMACION CON FORMATO HEredADO. */
/* ------------------------------------------------------------------------ */

.contenedorinfoformatoheredado {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:inherit; 
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:inherit;
}

.contenedorinfoformatoheredado h1 {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#000066 !important; /* NOTA: No quitar la palabra !important. */
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#ffffff !important; /* NOTA: No quitar la palabra !important. */
}

/* PERSONALIZACION DE LOS CONTENEDORES DE INFORMACION CON FORMATO PERSONALIZADO. */
/* ----------------------------------------------------------------------------- */

.contenedorinfoformatopersonalizado h1 {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#000066 !important; /* NOTA: No quitar la palabra !important. */
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#ffffff !important; /* NOTA: No quitar la palabra !important. */
}

/* PERSONALIZACION DE LOS CONTENEDORES DE GALERIAS DE IMAGENES. */
/* ------------------------------------------------------------ */

.contenedorgaleriaimagenes {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#ffffff;
	border:none; 
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:inherit;
}

.contenedorgaleriaimagenes h1 {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#330066 !important; /* NOTA: No quitar la palabra !important. */
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#ffffff !important; /* NOTA: No quitar la palabra !important. */
}

.contenedorgaleriaimagenes .cuerpocontenedor {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	padding:8px 5px 8px 5px; 
}

/* PERSONALIZACION DE LOS CONTENEDORES DE IMAGEN. */
/* ---------------------------------------------- */

.contenedorimagen {
	/* POSICION. */
	float:left;
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#F9F8F4;
	width:180px;
	height:190px;
	border-top:none;
	border-right:#a5a7aa solid 1px; 
	border-bottom:#a5a7aa solid 1px; 
	border-left:none;
	margin:10px; 
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:inherit;
}

.contenedorimagen .cuerpocontenedor {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	padding:8px 1px 8px 1px; 
}

.contenedorimagen .cuerpocontenedor p {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	margin:0; 
	/* PARRAFO. */
	text-indent:0;
	text-align:center;
}

.contenedorimagen .cuerpocontenedor .imagen {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	width:160px; /* auto; */
	height:140px; 
	border:none;
	margin:0;
}

.contenedorimagen .cuerpocontenedor .datosimagen {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:inherit;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#515151; 
	font-family:"trebuchet ms", sans-serif;
	font-size:9pt; 
}

/* PERSONALIZACION DE LOS CONTENEDORES DE COMUN, DESTACADA E IMPORTANTE */
/* -------------------------------------------------------------------- */

.contenedorinfocomun,
.contenedorinfodestacada,
.contenedorinfoimportante {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#F9F8F4;
	border:none;
}

.contenedorinfocomun h1 {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#003875 url(Rec/Imagenes/Bloque-Contenido-ContenedorInfo-Comun.gif) !important; /* NOTA: No quitar la palabra !important. */
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#ffffff !important; /* NOTA: No quitar la palabra !important. */
}

.contenedorinfodestacada h1 {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#003875 url(Rec/Imagenes/Bloque-Contenido-ContenedorInfo-Comun.gif) !important; /* NOTA: No quitar la palabra !important. */
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#ffffff !important; /* NOTA: No quitar la palabra !important. */
}

.contenedorinfoimportante h1 {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#003875 url(Rec/Imagenes/Bloque-Contenido-ContenedorInfo-Comun.gif) !important; /* NOTA: No quitar la palabra !important. */
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#ffffff !important; /* NOTA: No quitar la palabra !important. */
}

.contenedorinfocomun h1 a:link, 
.contenedorinfocomun h1 a:visited, 
.contenedorinfocomun h1 a:hover, 
.contenedorinfocomun h1 a:active {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:transparent !important; /* NOTA: No quitar la palabra !important. */
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#003875 !important; /* NOTA: No quitar la palabra !important. */
	text-decoration:none;
}

.contenedorinfocomun .cuerpocontenedor {
	/* NO APLICA. */
}

/* PERSONALIZACION DE LOS CONTENEDORES DE CONTENIDOS */
/* ------------------------------------------------- */

.contenedorcontenido, 
.contenedorcontenidoprincipal, 
.contenedorcontenidosecundario, 
.contenedorcontenidoterciario, 
.contenedorcontenidodestacado {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	border-top:solid 1px #E8E8E8;
	border-right:none;
	border-bottom:none;
	border-left:none;
	padding-top:8px;
	text-align:left;
}

.contenedorcontenido a:link, 
.contenedorcontenido a:visited, 
.contenedorcontenido a:hover, 
.contenedorcontenido a:active {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:transparent !important; /* NOTA: No quitar la palabra !important. */
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#234A85 !important; /* NOTA: No quitar la palabra !important. */
	text-decoration:none;
}

.contenedorcontenido a:hover {
	text-decoration:underline;
}

.contenedorcontenido h1, 
.contenedorcontenidoprincipal h1, 
.contenedorcontenidosecundario h1, 
.contenedorcontenidoterciario h1, 
.contenedorcontenidodestacado h1 {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:transparent !important; /* NOTA: No quitar la palabra !important. */
	padding:0 !important;
	margin:2px 0 2px 0;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#033363 !important; /* NOTA: No quitar la palabra !important. */
	font-family:arial; 
	font-size:12pt;
	font-weight:bolder;
}

.contenedorcontenido h1 a:link, 
.contenedorcontenido h1 a:visited, 
.contenedorcontenido h1 a:hover, 
.contenedorcontenido h1 a:active {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:transparent !important; /* NOTA: No quitar la palabra !important. */
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#033363 !important; /* NOTA: No quitar la palabra !important. */
	text-decoration:none;
}

.contenedorcontenido h1 a:hover {
	text-decoration:underline;
}

.contenedorcontenido .parrafopretitulocontenido {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:transparent !important; /* NOTA: No quitar la palabra !important. */
	width:auto !important;
	border:none;
	padding:0 2px 0 2px !important;
	margin:0 !important;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#033363 !important; /* NOTA: No quitar la palabra !important. */
	font-size:8pt;
	font-weight:normal;
	/* PARRAFO. */
	text-align:left;
}

.contenedorcontenido .cuerpocontenedor {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	padding:2px !important;
}

.contenedorcontenido .cuerpocontenedor .parraforesennacontenido {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	margin:8px 0 8px 0;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#303030;
	font-family:arial;
	font-weight:normal;
	font-size:8pt;
	/* PARRAFO. */
	text-indent:0;
}

.contenedorcontenido .cuerpocontenedor .parrafocontenidocontenido {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	margin:8px 0 8px 0;
}

.contenedorcontenido .cuerpocontenedor .parrafodatosimagencontenido {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:inherit;
	margin:8px;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#888888; 
	font-family:"trebuchet ms", tahoma, sans-serif;
	font-size:9pt; 
}


/* ************************************************************************************* */
/* ************************************************************************************* */
/*                            BLOQUE SUPERIOR Y BLOQUE INFERIOR                          */
/* ************************************************************************************* */
/* ************************************************************************************* */

/* ===================================================================================== */
/*                                   BLOQUES PRINCIPALES                                 */
/* ===================================================================================== */

#bloquesuperior, 
#bloqueinferior {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:inherit;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#E9F2F7;
}

#bloquesuperior {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#7F99BC url(Rec/Imagenes/Bloque-Superior.jpgx) no-repeat;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#ffffff;
}

#bloqueinferior {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#7F99BC;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#ffffff;
}

/* ===================================================================================== */
/*                                      BLOQUE ENCABEZADO                                */
/* ===================================================================================== */

#bloqueencabezado {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:transparent;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#04091C;
}

#bloqueencabezado p {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:inherit;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#04091C;
}

/* PERSONALIZACION DE LOS CONTENEDORES DE OPCIONES NAVEGACION */
/* ---------------------------------------------------------- */

#bloqueencabezado .contenedoropcionesnavegacion {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	border:none;
}

#bloqueencabezado .contenedoropcionesnavegacion .cuerpocontenedor {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	padding:0;
}

#bloqueencabezado .contenedoropcionesnavegacion .cuerpocontenedor ul li , 
#bloqueencabezado .contenedoropcionesnavegacion .cuerpocontenedor ol li , 
#bloqueencabezado .contenedoropcionesnavegacion .cuerpocontenedor dl li {
	/* VISUALIZACION. */
	display:inline;
}

#bloqueencabezado .contenedoropcionesnavegacion .cuerpocontenedor ul li a:link, 
#bloqueencabezado .contenedoropcionesnavegacion .cuerpocontenedor ol li a:link, 
#bloqueencabezado .contenedoropcionesnavegacion .cuerpocontenedor dl dd a:link, 
#bloqueencabezado .contenedoropcionesnavegacion .cuerpocontenedor ul li a:visited, 
#bloqueencabezado .contenedoropcionesnavegacion .cuerpocontenedor ol li a:visited, 
#bloqueencabezado .contenedoropcionesnavegacion .cuerpocontenedor dl dd a:visited, 
#bloqueencabezado .contenedoropcionesnavegacion .cuerpocontenedor ul li a:hover, 
#bloqueencabezado .contenedoropcionesnavegacion .cuerpocontenedor ol li a:hover, 
#bloqueencabezado .contenedoropcionesnavegacion .cuerpocontenedor dl dd a:hover, 
#bloqueencabezado .contenedoropcionesnavegacion .cuerpocontenedor ul li a:active,
#bloqueencabezado .contenedoropcionesnavegacion .cuerpocontenedor ol li a:active,
#bloqueencabezado .contenedoropcionesnavegacion .cuerpocontenedor dl dd a:active {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:inherit;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#ffffff;
}

/* ===================================================================================== */
/*                             BLOQUE DE PUBLICIDAD SUPERIOR                             */
/*                                          Y                                            */
/*                             BLOQUE DE PUBLICIDAD INFERIOR                             */
/* ===================================================================================== */

#bloquepublicidadsuperior, 
#bloquepublicidadinferior {
	/* FONDO, TAMAÑO, BORDE, PADDING, MARGIN, ETC. */
	background:#000000;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:inherit;
	/* PARRAFO. */
	text-align:center; 
}

/* ===================================================================================== */
/*                             BLOQUE DE NAVEGACION SUPERIOR                             */
/*                                          Y                                            */
/*                             BLOQUE DE NAVEGACION INFERIOR                             */
/* ===================================================================================== */

#bloquenavegacionsuperior {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:transparent;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:inherit;
}

#bloquenavegacioninferior {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:transparent;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:inherit;
}

/* PERSONALIZACION DE LOS CONTENEDORES DE OPCIONES NAVEGACION */
/* ---------------------------------------------------------- */

#bloquenavegacionsuperior .contenedoropcionesnavegacion,
#bloquenavegacioninferior .contenedoropcionesnavegacion {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	border:none;
}

#bloquenavegacionsuperior .contenedoropcionesnavegacion .cuerpocontenedor,
#bloquenavegacioninferior .contenedoropcionesnavegacion .cuerpocontenedor {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	padding:1px 0 1px 0;
}

#bloquenavegacionsuperior .contenedoropcionesnavegacion .cuerpocontenedor ul li , 
#bloquenavegacionsuperior .contenedoropcionesnavegacion .cuerpocontenedor ol li , 
#bloquenavegacionsuperior .contenedoropcionesnavegacion .cuerpocontenedor dl li,
#bloquenavegacioninferior .contenedoropcionesnavegacion .cuerpocontenedor ul li , 
#bloquenavegacioninferior .contenedoropcionesnavegacion .cuerpocontenedor ol li , 
#bloquenavegacioninferior .contenedoropcionesnavegacion .cuerpocontenedor dl li {
	/* VISUALIZACION. */
	display:inline;
	/* PARRAFO. */
	line-height:20px; 
}

#bloquenavegacionsuperior .contenedoropcionesnavegacion .cuerpocontenedor ul li a:link, 
#bloquenavegacionsuperior .contenedoropcionesnavegacion .cuerpocontenedor ol li a:link, 
#bloquenavegacionsuperior .contenedoropcionesnavegacion .cuerpocontenedor dl dd a:link, 
#bloquenavegacionsuperior .contenedoropcionesnavegacion .cuerpocontenedor ul li a:visited, 
#bloquenavegacionsuperior .contenedoropcionesnavegacion .cuerpocontenedor ol li a:visited, 
#bloquenavegacionsuperior .contenedoropcionesnavegacion .cuerpocontenedor dl dd a:visited, 
#bloquenavegacionsuperior .contenedoropcionesnavegacion .cuerpocontenedor ul li a:hover, 
#bloquenavegacionsuperior .contenedoropcionesnavegacion .cuerpocontenedor ol li a:hover, 
#bloquenavegacionsuperior .contenedoropcionesnavegacion .cuerpocontenedor dl dd a:hover, 
#bloquenavegacionsuperior .contenedoropcionesnavegacion .cuerpocontenedor ul li a:active,
#bloquenavegacionsuperior .contenedoropcionesnavegacion .cuerpocontenedor ol li a:active,
#bloquenavegacionsuperior .contenedoropcionesnavegacion .cuerpocontenedor dl dd a:active,
#bloquenavegacioninferior .contenedoropcionesnavegacion .cuerpocontenedor ul li a:link, 
#bloquenavegacioninferior .contenedoropcionesnavegacion .cuerpocontenedor ol li a:link, 
#bloquenavegacioninferior .contenedoropcionesnavegacion .cuerpocontenedor dl dd a:link, 
#bloquenavegacioninferior .contenedoropcionesnavegacion .cuerpocontenedor ul li a:visited, 
#bloquenavegacioninferior .contenedoropcionesnavegacion .cuerpocontenedor ol li a:visited, 
#bloquenavegacioninferior .contenedoropcionesnavegacion .cuerpocontenedor dl dd a:visited, 
#bloquenavegacioninferior .contenedoropcionesnavegacion .cuerpocontenedor ul li a:hover, 
#bloquenavegacioninferior .contenedoropcionesnavegacion .cuerpocontenedor ol li a:hover, 
#bloquenavegacioninferior .contenedoropcionesnavegacion .cuerpocontenedor dl dd a:hover, 
#bloquenavegacioninferior .contenedoropcionesnavegacion .cuerpocontenedor ul li a:active,
#bloquenavegacioninferior .contenedoropcionesnavegacion .cuerpocontenedor ol li a:active,
#bloquenavegacioninferior .contenedoropcionesnavegacion .cuerpocontenedor dl dd a:active {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:inherit;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#04091C;
	font-weight:bold;
}

/* ===================================================================================== */
/*                    BLOQUE DE NAVEGACION DE ACCESOS DIRECTOS SUPERIOR                  */
/*                                          Y                                            */
/*                    BLOQUE DE NAVEGACION DE ACCESOS DIRECTOS INFERIOR                  */
/* ===================================================================================== */

#bloquenavegacionaccesosdirectossuperior {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:white;
	padding:0;
	margin:0;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:inherit;
}

#bloquenavegacionaccesosdirectossuperior .cuerpocontenedor {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:inherit;
	border:none;
	padding:0;
	margin:0;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:black;
}

#bloquenavegacionaccesosdirectossuperior .cuerpocontenedor .etiquetanombreatributo {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:inherit;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:black;
	font-size:8pt;
}

/* ===================================================================================== */
/*                                   BLOQUE PIE DE PAGINA                                */
/* ===================================================================================== */

#bloquepiepagina {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#273A75;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#ffffff;
	/* PARRAFO. */
	text-align:center;
}

#bloquepiepagina p {
	/* PARRAFO. */
	text-align:center;
}

/* ************************************************************************************* */
/* ************************************************************************************* */
/*                                    OUTER E INNER                                      */
/* ************************************************************************************* */
/* ************************************************************************************* */

#contenedorexterior {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	border-left-color:#7F99BC;
	border-right-color:#7F99BC;
}

#contenedorinterior {
	/* NO APLICA. */
}


/* ************************************************************************************* */
/* ************************************************************************************* */
/*                           BLOQUE IZQUIERDO Y BLOQUE DERECHO                           */
/* ************************************************************************************* */
/* ************************************************************************************* */

/* ===================================================================================== */
/*                                   BLOQUES PRINCIPALES                                 */
/* ===================================================================================== */

#bloqueizquierdo {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#7F99BC;
	padding:0 0 0 0;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#303030;
	/* PARRAFO. */
	text-align:center;
}

#bloquederecho {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#7F99BC;
	padding:0 0 0 0;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#303030;
	/* PARRAFO. */
	text-align:center;
}

/* ===================================================================================== */
/*                                 DIVISORES DE CONTENIDO                                */
/* ===================================================================================== */

/* PERSONALIZACION DIVISORES DE CONTENIDO */
/* -------------------------------------- */

/* BOX DEL CONTENEDOR */
#bloqueizquierdo .contenedorinfocomun, 
#bloquederecho .contenedorinfocomun { 
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#FEFEFE;
	width:99%;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:inherit;
}

/* PERSONALIZACION REDONDEO DE LOS DIVISORES DE CONTENIDO EN GENERAL */
/* ----------------------------------------------------------------- */

#bloqueizquierdo b.rtop, #bloqueizquierdo b.rbottom{display:block;background:#D5D2C9;}
#bloqueizquierdo b.rtop b{display:block;height:1px;overflow:hidden;background:#003875;}
#bloqueizquierdo b.rbottom b{display:block;height:1px;overflow:hidden;background:#FEFEFE;}
#bloqueizquierdo b.r1{margin:0 5px;}
#bloqueizquierdo b.r2{margin:0 3px;}
#bloqueizquierdo b.r3{margin:0 2px;}
#bloqueizquierdo b.rtop b.r4, #bloqueizquierdo b.rbottom b.r4{margin:0 1px;height:2px;}

#bloquederecho b.rtop, #bloquederecho b.rbottom{display:block;background:#D5D2C9;}
#bloquederecho b.rtop b{display:block;height:1px;overflow:hidden;background:#003875;}
#bloquederecho b.rbottom b{display:block;height:1px;overflow:hidden;background:#FEFEFE;}
#bloquederecho b.r1{margin:0 5px;}
#bloquederecho b.r2{margin:0 3px;}
#bloquederecho b.r3{margin:0 2px;}
#bloquederecho b.rtop b.r4, #bloquederecho b.rbottom b.r4{margin:0 1px;height:2px;}

/* ===================================================================================== */
/*                                       NAVEGACION                                      */
/* ===================================================================================== */

#bloqueizquierdo .contenedoropcionesnavegacion,
#bloquederecho .contenedoropcionesnavegacion {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	width:90%;
	margin:8px 5px 5px 5px; /* NOTA: En esta línea de código, margin-left y margin-right permiten centrar horizontalmente al div en su contenedor, salvo en el browser IE6. Para solucionar lo del browser IE6 se debe colocar text-align:center en el div contenedor. */
	border:none;
	/* PARRAFO. */
	text-align:center; /* Esta línea de código permite centrar horizontalmente al div ".cuerpocontenedor". */
}

#bloqueizquierdo .contenedoropcionesnavegacion h1,
#bloquederecho .contenedoropcionesnavegacion h1 {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#003875;
	border:none;
	padding:3px;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#ffffff;
	font-size:9pt;
}

#bloqueizquierdo .contenedoropcionesnavegacion h1 a:link, 
#bloqueizquierdo .contenedoropcionesnavegacion h1 a:visited, 
#bloqueizquierdo .contenedoropcionesnavegacion h1 a:hover, 
#bloqueizquierdo .contenedoropcionesnavegacion h1 a:active,
#bloquederecho .contenedoropcionesnavegacion h1 a:link, 
#bloquederecho .contenedoropcionesnavegacion h1 a:visited, 
#bloquederecho .contenedoropcionesnavegacion h1 a:hover, 
#bloquederecho .contenedoropcionesnavegacion h1 a:active {
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	text-decoration:none;
}

#bloqueizquierdo .contenedoropcionesnavegacion .cuerpocontenedor,
#bloquederecho .contenedoropcionesnavegacion .cuerpocontenedor {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#FEFEFE;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:inherit;
}

#bloqueizquierdo .contenedoropcionesnavegacion .cuerpocontenedor ul, 
#bloqueizquierdo .contenedoropcionesnavegacion .cuerpocontenedor ol, 
#bloqueizquierdo .contenedoropcionesnavegacion .cuerpocontenedor dl,
#bloquederecho .contenedoropcionesnavegacion .cuerpocontenedor ul, 
#bloquederecho .contenedoropcionesnavegacion .cuerpocontenedor ol, 
#bloquederecho .contenedoropcionesnavegacion .cuerpocontenedor dl {
	/* LISTA: TIPO, IMAGEN, POSICION. */
	list-style-type:none;
	list-style-position:outside; /* NOTA: Esta línea de código permite quitar el espacio correspondiente a los bullets que deja el browser IE6. */ 
}

#bloqueizquierdo .contenedoropcionesnavegacion .cuerpocontenedor ul li, 
#bloqueizquierdo .contenedoropcionesnavegacion .cuerpocontenedor ol li, 
#bloqueizquierdo .contenedoropcionesnavegacion .cuerpocontenedor dl li,
#bloquederecho .contenedoropcionesnavegacion .cuerpocontenedor ul li, 
#bloquederecho .contenedoropcionesnavegacion .cuerpocontenedor ol li, 
#bloquederecho .contenedoropcionesnavegacion .cuerpocontenedor dl li {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	padding:1px 0 1px 0;
	border-bottom:1px #a0a0a2 solid;
}

#bloqueizquierdo .contenedoropcionesnavegacion .cuerpocontenedor ul li a:link, 
#bloqueizquierdo .contenedoropcionesnavegacion .cuerpocontenedor ol li a:link, 
#bloqueizquierdo .contenedoropcionesnavegacion .cuerpocontenedor dl dd a:link, 
#bloqueizquierdo .contenedoropcionesnavegacion .cuerpocontenedor ul li a:visited, 
#bloqueizquierdo .contenedoropcionesnavegacion .cuerpocontenedor ol li a:visited, 
#bloqueizquierdo .contenedoropcionesnavegacion .cuerpocontenedor dl dd a:visited, 
#bloqueizquierdo .contenedoropcionesnavegacion .cuerpocontenedor ul li a:hover, 
#bloqueizquierdo .contenedoropcionesnavegacion .cuerpocontenedor ol li a:hover, 
#bloqueizquierdo .contenedoropcionesnavegacion .cuerpocontenedor dl dd a:hover, 
#bloqueizquierdo .contenedoropcionesnavegacion .cuerpocontenedor ul li a:active,
#bloqueizquierdo .contenedoropcionesnavegacion .cuerpocontenedor ol li a:active,
#bloqueizquierdo .contenedoropcionesnavegacion .cuerpocontenedor dl dd a:active,
#bloquederecho .contenedoropcionesnavegacion .cuerpocontenedor ul li a:link, 
#bloquederecho .contenedoropcionesnavegacion .cuerpocontenedor ol li a:link, 
#bloquederecho .contenedoropcionesnavegacion .cuerpocontenedor dl dd a:link, 
#bloquederecho .contenedoropcionesnavegacion .cuerpocontenedor ul li a:visited, 
#bloquederecho .contenedoropcionesnavegacion .cuerpocontenedor ol li a:visited, 
#bloquederecho .contenedoropcionesnavegacion .cuerpocontenedor dl dd a:visited, 
#bloquederecho .contenedoropcionesnavegacion .cuerpocontenedor ul li a:hover, 
#bloquederecho .contenedoropcionesnavegacion .cuerpocontenedor ol li a:hover, 
#bloquederecho .contenedoropcionesnavegacion .cuerpocontenedor dl dd a:hover, 
#bloquederecho .contenedoropcionesnavegacion .cuerpocontenedor ul li a:active,
#bloquederecho .contenedoropcionesnavegacion .cuerpocontenedor ol li a:active,
#bloquederecho .contenedoropcionesnavegacion .cuerpocontenedor dl dd a:active {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:inherit;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#303030;
	font-weight:normal;
	font-size:8pt;
}

#bloqueizquierdo .contenedoropcionesnavegacion .cuerpocontenedor ul li a:hover, 
#bloqueizquierdo .contenedoropcionesnavegacion .cuerpocontenedor ol li a:hover, 
#bloqueizquierdo .contenedoropcionesnavegacion .cuerpocontenedor dl dd a:hover, 
#bloquederecho .contenedoropcionesnavegacion .cuerpocontenedor ul li a:hover, 
#bloquederecho .contenedoropcionesnavegacion .cuerpocontenedor ol li a:hover, 
#bloquederecho .contenedoropcionesnavegacion .cuerpocontenedor dl dd a:hover {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:inherit;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#303030;
	font-weight:bold;
	font-size:8pt;
	text-decoration:none;
}


/* ************************************************************************************* */
/* ************************************************************************************* */
/*                                  BLOQUE DE CONTENIDO                                  */
/* ************************************************************************************* */
/* ************************************************************************************* */

/* ===================================================================================== */
/*                                    BLOQUE PRINCIPAL                                   */
/* ===================================================================================== */

#bloquecontenido {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#E5E5E5 !important; /*url(Rec/Imagenes/Bloque-Contenido-Fondo.gif) repeat-x*/ 
	border-color:#D5D2C9; 
	padding:15px 18px 20px 20px;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#303030;
}

/* ===================================================================================== */
/*                                         TITULOS                                       */
/* ===================================================================================== */

#bloquecontenido h1 {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:inherit;
	margin:0 0 30px 0;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#033363;
	font-weight:normal; 
}	

#bloquecontenido h2 {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:inherit;
	margin:20px 0 20px 0;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#003870;
}	

#bloquecontenido h3 {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	margin:20px 0 20px 0;
}	

/* ===================================================================================== */
/*                                         VIÑETAS                                       */
/* ===================================================================================== */

#bloquecontenido li 
{
	list-style-type:square;
}	

/* ===================================================================================== */
/*                                 DIVISORES DE CONTENIDO                                */
/* ===================================================================================== */

#bloquecontenido .contenedormensajeinterfazinformacion, 
#bloquecontenido .contenedormensajeinterfazayuda, 
#bloquecontenido .contenedormensajeinterfazexclamacion, 
#bloquecontenido .contenedormensajeinterfazpregunta,
#bloquecontenido .contenedormensajeinterfazcomentario {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#F9F8F4;
	border:solid 1px black !important; 
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:inherit;
}

/* PERSONALIZACION REDONDEO DE LOS DIVISORES DE CONTENIDO EN GENERAL */
/* ----------------------------------------------------------------- */

#bloquecontenido b.rtop, #bloquecontenido b.rbottom{display:block;background:#E5E5E5;}
#bloquecontenido b.rtop b{display:block;height:1px;overflow:hidden;background:#003875;}
#bloquecontenido b.rbottom b{display:block;height:1px;overflow:hidden;background:#F9F8F4;}
#bloquecontenido b.r1{margin: 0 5px;}
#bloquecontenido b.r2{margin: 0 3px;}
#bloquecontenido b.r3{margin: 0 2px;}
#bloquecontenido b.rtop b.r4, #bloquecontenido b.rbottom b.r4{margin:0 1px;height:2px;}

/* PERSONALIZACION REDONDEO DE LOS DIVISORES DE CONTENIDO EN PARTICULAR */
/* -------------------------------------------------------------------- */

#bloquecontenido .contenedormensajeinterfazerror b.rtop, #bloquecontenido .contenedormensajeinterfazerror b.rbottom{display:block;background:#E5E5E5;}
#bloquecontenido .contenedormensajeinterfazerror b.rtop b{display:block;height:1px;overflow:hidden;background:#FF0000;}
#bloquecontenido .contenedormensajeinterfazerror b.rbottom b{display:block;height:1px;overflow:hidden;background:#FEFEFE;}
#bloquecontenido .contenedormensajeinterfazerror b.r1{margin:0 5px;}
#bloquecontenido .contenedormensajeinterfazerror b.r2{margin:0 3px;}
#bloquecontenido .contenedormensajeinterfazerror b.r3{margin:0 2px;}
#bloquecontenido .contenedormensajeinterfazerror b.rtop b.r4, #bloquecontenido .contenedormensajeinterfazerror b.rbottom b.r4{margin:0 1px;height:2px;}

/* PERSONALIZACION DE LOS CONTENEDORES DE OPCIONES NAVEGACION */
/* ---------------------------------------------------------- */

#bloquecontenido .contenedoropcionesnavegacion {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#F9F8F4;
	border:solid 1px #3F3F3F; 
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:inherit;
}

#bloquecontenido .contenedoropcionesnavegacion h1 {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:#000066;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#ffffff;
}

#bloquecontenido .contenedoropcionesnavegacion .cuerpocontenedor {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	padding:8px;
}

#bloquecontenido .contenedoropcionesnavegacion .cuerpocontenedor ul li, 
#bloquecontenido .contenedoropcionesnavegacion .cuerpocontenedor ol li, 
#bloquecontenido .contenedoropcionesnavegacion .cuerpocontenedor dl li {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:inherit;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#253045;
}

#bloquecontenido .contenedoropcionesnavegacion .cuerpocontenedor ul li a:link, 
#bloquecontenido .contenedoropcionesnavegacion .cuerpocontenedor ol li a:link, 
#bloquecontenido .contenedoropcionesnavegacion .cuerpocontenedor dl dd a:link, 
#bloquecontenido .contenedoropcionesnavegacion .cuerpocontenedor ul li a:visited, 
#bloquecontenido .contenedoropcionesnavegacion .cuerpocontenedor ol li a:visited, 
#bloquecontenido .contenedoropcionesnavegacion .cuerpocontenedor dl dd a:visited, 
#bloquecontenido .contenedoropcionesnavegacion .cuerpocontenedor ul li a:hover, 
#bloquecontenido .contenedoropcionesnavegacion .cuerpocontenedor ol li a:hover, 
#bloquecontenido .contenedoropcionesnavegacion .cuerpocontenedor dl dd a:hover, 
#bloquecontenido .contenedoropcionesnavegacion .cuerpocontenedor ul li a:active,
#bloquecontenido .contenedoropcionesnavegacion .cuerpocontenedor ol li a:active,
#bloquecontenido .contenedoropcionesnavegacion .cuerpocontenedor dl dd a:active {
	/* FONDO: COLOR, TAMAÑO, BORDES, "PADDING", MARGENES, ETC. */
	background:inherit;
	/* FUENTE: COLOR, TIPO, TAMAÑO, ESTILO, ETC. */
	color:#253045;
}



/* ************************************************************************************* */
/* ************************************************************************************* */
/*                                      IMPRESION                                        */
/* ************************************************************************************* */
/* ************************************************************************************* */

#bloquecontenido .saltopagina { 
	page-break-after:always;
}



/* ************************************************************************************* */
/* ************************************************************************************* */

/* PERSONALIZACIONES */
/* ================= */

/* Sección reservada para la personalización de cada sitio Web. */

/* CONTENEDOR MENU PRINCIPAL. */
#wrap {
    background:transparent;
    width:100%;
    border:none;
    }

/* MENU PRINCIPAL. */
#menu {
    background:transparent;
    border:none;
    padding:4px 0;
    width:100%;
    }
#menu a {
    padding:5px 10px;
    text-decoration:none;
    font-size:11pt;
    font-weight:bold;
    color:#E9F2F7;
    }
#menu a.hover {
    background:none;
    color:#FFCC33;
    }
#menu span {
    display:none;
    }

#subnav {
    font-size:9pt;
    margin-bottom:2em;
    }
#subnav a {
    color:white;
    margin-right:1em;
    }
#subnav span {
    color:silver;
    margin-right:1em;
    }

/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
	z-index:1000 !important;
	}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position:absolute;
	z-index:1000 !important;
	}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position:relative;
	left:0px; 
	top:0px;
	z-index:1002 !important; /* Antes 2. --> 1:1001, 2:1002, 3:1003 */
	}

.transMenu.top .items {
	border-top:none;
	}

/* each TR.item is one menu item */
.transMenu .item {
    color:#ffffff;
    font-size:9pt;
    font-family:sans-serif;
    text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none;
	cursor:pointer;
	cursor:hand;
	}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
	position:absolute;
	left:0px; top:0px;
	z-index:1001 !important; /* Antes 1. --> 1:1001, 2:1002, 3:1003 */
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
	position:absolute;
	z-index:1003 !important; /* Antes 3. --> 1:1001, 2:1002, 3:1003 */
	top:3px; 
	width:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
	position:absolute;
	z-index:1001 !important; /* Antes 1. --> 1:1001, 2:1002, 3:1003 */
	left:3px; 
	height:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
	background:none; /* background:#fdfdfd; */
	color:#FFCC33;
	}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left:10px;
	}
