/* CSS Document */

body.azul
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	background-color: #336799;
	color: #ffffff;
}


body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	background-color: #ffffff;
	color: #336699;
}

font.blanco
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px; 
	font-weight:bold; 
	background-color: #336799;
	color:#ffffff;
	text-align:left
}


font.blancopequena
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; 
	font-weight:bold; 
	background-color: #336799;
	color:#ffffff;
	text-align:left
}

font.blancononegrita
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; 
	background-color: #336799;
	color:#ffffff;
	text-align:left
}

font.rojo
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	font-weight:bold; 
	background-color: #ffffff;
	color: #eb3533;	
	text-align:left
}

font.amarillo
{
	font-size:12px; 
	font-weight:bold; 
	background-color: #336799;
	color:#f3e572;
	text-align:left
}


font.azul
{
	font-size:14px; 
	font-weight:bold; 
	background-color: #ffffff;
	color: #336699;
	text-align:left
}

font.gris
{
	font-size:14px; 
	font-weight:bold; 
	background-color: #ffffff;
	color: #172d43;
	text-align:left
}

h1 
{
	font-size:16px; 
	font-weight:bold; 
	background-color: #ffffff;
	color:#274781;
	text-align:center
}

h1.azul 
{
	font-size:16px; 
	font-weight:bold; 
	background-color: #ffffff;
	color:#1e3f71;
	text-align:center
}

h1.azuloscuro
{
	font-size:16px; 
	font-weight:bold; 
	background-color: #669acc;
	color:#ffffff;
	text-align:center
}

h2 
{
	font-size:16px; 
	font-weight:bold; 
	background-color: #ffffff;
	color:#274781;
	text-align:left
}

h2.azul 
{
	font-size:14px; 
	font-weight:bold; 
	background-color: #ffffff;
	color:#274781;
	text-align:left
}

h3 
{
	font-size:14px; 
	font-weight:bold; 
	background-color: #ffffff;
	color:#274781;
	text-align:left
}

h3.blanco 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	font-weight:bold; 
	background-color: #336799;
	color:#ffffff;
	text-align:left
}

h3.azul 
{
	font-size:12px; 
	font-weight:bold; 
	background-color: #ffffff;
	color:#274781;
	text-align:left
}

/* ------------------------------------ Estilos de los enlaces  ------------------------------------ */


a
{
	text-decoration: none;
	background-color: #669acc;
	color: #ffffff;	
	font-weight : bold;
}


a:hover 
{
	text-decoration: underline;
	background-color: #669acc;
	color: #ffffff;
}




a.old 
{
	text-decoration: none;
	background-color: #ffffff;
	color: #274781;	
	font-weight : bold;
}



a.blanco
{
    text-decoration: none;
	font-size:12px; 
	font-weight: bold;
	background-color: #336799;
	color: #ffffff;	
}


a.blanco:hover 
{
	text-decoration: none;
	font-size:12px; 
	font-weight: bold;
	background-color: #6699cc;
	color: #ffffff;
}

a.azul
{
    text-decoration: none;
	font-size:12px; 
	font-weight: bold;
	background-color: #ffffff;
	color: #336699;	
}


a.azul:hover 
{
	text-decoration: none;
	font-size:12px; 
	font-weight: bold;
	background-color: #ffffff;
	color: #336699;
}


a.fondoazul
{
    text-decoration: none;
	font-size:12px; 
	font-weight: bold;
	background-color: #eff3f7;
	color: #336699;	
}


a.fondoazul:hover 
{
	text-decoration: none;
	font-size:12px; 
	font-weight: bold;
	background-color: #eff3f7;
	color: #336699;
}



a:oldhover 
{
	text-decoration: underline;
	background-color: #ffffff;
	color: #668ccc;
}

a.fondoClarito 
{
	text-decoration: none;
	background-color: #F1EFE6;
	color: #274781;	
	font-weight : bold;
}

a.fondoClarito:hover 
{
	text-decoration: underline;
	background-color: #F1EFE6;
	color: #668ccc;
}


.piePagina
 {
	color: #274781;	
	background-color: #ffffff;	
	font-weight : bold;
	border-top: 2px solid #274781;
	width: 100%;
	clear: both;
}

/* ------------------------------------ Fin estilos de los enlaces  ------------------------------------ */

/* Elemento centrar texto*/
.centrado
{
	text-align:center;
}

/* Elemento alinea texto izquierda */
.izquierda
{
	text-align:left;
}

/* Elemento en negrita */
.negrita
{
    font-weight: bold;
}

/* Elemento en negrita y azul */
.azulnegrita
{
    font-weight: bold;
	color: #0f426d;	
}


/* Elemento en azul claro */
.azulclaro
{
    color: #0f426d;	
}





/* ------------------------------------ Estilos de las simulaciones de tablas  ------------------------------------ */

/* Elemento que simula un tr de una tabla ... */
div.azuloscuro
 {
    padding: 3px 3px 3px 3px; 
	width: 100%;
    clear : both;
	background-color: #336799;
}


/* Elemento que simula un tr de una tabla ... */
div.azulclaro
 {
    padding: 3px 3px 3px 3px; 
	width: 100%;
    clear : both;
	background-color: #669acc;
}



/* Elemento que simula un tr de una tabla con fondo azul oscuro ... */
div
 {
    padding: 3px 3px 3px 3px; 
	width: 100%;
    clear : both;
}


/* Elemento que simula un td del 10% alineado a la izquierda... */
span.seemTd10AlignIzq
{
    width : 10%; 
    float : left;
}

/* Elemento que simula un td del 10% alineado a la izquierda con fondo azul claro... */
span.seemTd10AlignIzqAzul
{
    width : 10%; 
    float : left;
	background-color: #eff3f7;
}

/* Elemento que simula un td del 10% alineado a la izquierda con fondo azul oscuro... */
span.seemTd10AlignIzqOscuro
{
    width : 10%; 
    float : left;
	background-color: #336799;
}


/* Elemento que simula un td del 50% alineado a la izquierda... */
span.seemTd50AlignIzq
 {
    width: 50%; 
    float: left;
}

/* Elemento que simula un td del 50% alineado a la derecha... */
span.seemTd50AlignDch
 {
    width: 50%; 
    float: right;
}


/* Elemento que simula un td del 90% alineado a la izquierda... */
span.seemTd90AlignIzq
 {
    width: 90%; 
    float: left;
}

/* Elemento que simula un td del 90% alineado a la izquierda con fondo azul claro... */
span.seemTd90AlignIzqAzul
 {
    width: 90%; 
    float: left;
	background-color: #eff3f7;
}

/* Elemento que simula un td del 90% alineado a la izquierda con fondo azul medio... */
span.seemTd90AlignIzqAzulMedio
 {
    width: 90%; 
    float: left;
	background-color: #669acc;
}




/* Elemento que simula un td del 90% alineado a la izquierda con fondo azul oscuro... */
span.seemTd90AlignIzqOscuro
{
    width : 90%; 
    float : left;
	background-color: #336799;
}




/* Elemento que simula un td del 100% alineado a la izquierda... */
span.seemTd100AlignIzq
 {
    width: 100%; 
    float: left;
}





span.fondoClarito
 {
    width : 90%; 
    float : left;
	background-color: #F1EFE6;
	color: #000000;
}


span.fondoAzulMedio
 {
    width : 100%; 
    float : left;
	background-color: #669acc;
	color: #ffffff;
}

span.fondoAzul
 {
    width : 90%; 
    float : left;
	background-color: #c8e0f4;
	color: #000000;
}

span.fondoAzulClarito
 {
    width : 90%; 
    float : left;
	background-color: #eff3f7;
	color: #000000;
}

/* ------------------------------------ Fin estilos de las simulaciones de tablas  ------------------------------------ */

/* ------------------------------------ Estilos para las imagenes ------------------------------------ */

img
{
	vertical-align: middle; 
	border: 0px solid; 
}

img.imgBorde3 
{
	border: 3px solid #F1EFE6; 
	vertical-align: middle; 
}

/* ------------------------------------ Fin estilos para las imagenes ------------------------------------ */