@charset "utf-8";
/* CSS Document */


body {
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuracin predeterminada de los diversos navegadores */
	padding: 0; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineacin a la izquierda en el selector #container */
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	font-size: 100%;
	background-color: #FFFFFF;
}
    /* Sugerencias para diseos elsticos 
    1. Dado que el tamao global de los diseos elsticos se basa en el tamao de fuente predeterminado del usuario, resultan algo ms impredecibles. Si se utilizan correctamente, tambin son ms accesibles para aquellas personas que necesitan tamaos de fuentes ms grandes, dado que la longitud de lnea mantiene la proporcionalidad.
    2. La asignacin de tamao a los divs en este diseo se basa en el 100% del tamao de fuente en el elemento body. Si reduce el tamao global del texto empleando font-size: 80% en el elemento body o el #container, recuerde que todo el diseo reducir su tamao proporcionalmente. Es posible que le interese aumentar los anchos de los diversos divs para compensar este efecto.
    3. Si la asignacin de tamao de fuente se modifica de forma distinta en cada div en lugar de hacerse en el diseo global (es decir: a #sidebar1 se le asigna un 70% de tamao de fuente y a #mainContent se le asigna un 85% de tamao de fuente), ello har que se modifique proporcionalmente el tamao global de cada uno de los div. Si lo desea, puede realizar el ajuste basndose en la asignacin de tamao de fuente final.
    */
    .oneColElsCtrHdr #container {
	width: 940px;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #0066CC;
	float: left;
    }
    .oneColElsCtrHdr #header {
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	background-color: #FFFFFF;
    } 
    .oneColElsCtrHdr #header h1 {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
    }	
	.oneColElsCtrHdr #menu {
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	background-color: #DDDDDD;
    } 
    .oneColElsCtrHdr #menu h1 {
	margin: 0; /* el uso de relleno en lugar de margen le permitir mantener el elemento alejado de los bordes del div */
	padding-top: 10px;
	padding-bottom: 10px;
    }	
    .oneColElsCtrHdr #mainContent {
	background: #FFFFFF;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
    }
    .oneColElsCtrHdr #footer {
	padding: 0 10px;
	background-color: #0066cc;
    } 
    .oneColElsCtrHdr #footer p {
	margin: 0; /* el relleno de este elemento crear espacio, de la misma forma que lo hara el margen, sin el problema de la contraccin de mrgenes */
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
    }



    .twoColElsLtHdr #container {
	width: 940px;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #0066cc;
	float: left;
    } 
    .twoColElsLtHdr #header {
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	background-color: #FFFFFF;
    } 
    .twoColElsLtHdr #header h1 {
    	margin: 0;
    	padding: 10px 0;
    }
	.twoColElsLtHdr #menu {
	background-color: #DDDDDD;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
    } 
    .twoColElsLtHdr #menu h1 {
    	margin: 0;
    	padding: 10px 0;
    }
    
    /* Sugerencias para sidebar1:
    1. Tenga en cuenta que, si establece un valor de tamao de fuente en este div, el ancho global del div se ajustar en funcin de ste.
    2. Dado que est trabajando en ems, es conveniente no utilizar relleno en la barra lateral propiamente dicha. Se aadir al ancho en el caso de navegadores que cumplen los estndares, creando un ancho real desconocido. 
    3. El espacio entre el lado del div y los elementos que contiene puede crearse colocando un margen izquierdo y derecho en dichos elementos, como se observa en la regla ".twoColElsLtHdr #sidebar1 p".
    */
    .twoColElsLtHdr #sidebar1 {
	float: left;
	width: 10em; /* dado que este elemento es flotante, debe asignarse un ancho */
	background: #EBEBEB; /* el relleno superior e inferior crea un espacio visual dentro de este div */
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
    }
    .twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p {
    	margin-left: 10px; /* deben asignarse los mrgenes izquierdo y derecho de cada elemento que vaya a colocarse en las columnas laterales */
    	margin-right: 10px;
    }
    
    /* Sugerencias para mainContent:
    1. Si asigna a este div #mainContent un valor de tamao de fuente distinto del que tiene el div #sidebar1, los mrgenes del div #mainContent se basarn en su tamao de fuente y el ancho del div #sidebar1 se basar en su tamao de fuente. Puede que le interese ajustar los valores de estos divs.
    2. El espacio entre el mainContent y sidebar1 se crea con el margen izquierdo del div mainContent.  Con independencia de la cantidad de contenido que incluya el div sidebar1, permanecer el espacio de la columna. Puede quitar el margen izquierdo si desea que el texto del div #mainContent llene el espacio de #sidebar1 cuando termine el contenido de #sidebar1.
    3. Para evitar la cada de un elemento flotante, puede que tenga que realizar pruebas con el fin de determinar el tamao mximo aproximado de la imagen/el elemento, ya que este diseo se basa en el tamao de fuente del usuario combinado con los valores que usted establezca. Sin embargo, si el usuario tiene configurado un tamao de fuente inferior al normal, habr menos espacio disponible en el div #mainContent del que observar al realizar la prueba.
    4. En el siguiente comentario condicional de Internet Explorer, la propiedad zoom se utiliza para asignar a mainContent "hasLayout." Esto evita que se produzcan diversos problemas especficos de IE.
    */
    .twoColElsLtHdr #mainContent {
	background-color: #FFFFFF;
	margin-top: 0;
	margin-right: 0em;
	margin-bottom: 0;
	margin-left: 0em;
	padding-right: 20px;
	padding-left: 20px;
    } 
    .twoColElsLtHdr #footer {
	padding: 0 10px;
	background-color: #0066cc;
    } 
    .twoColElsLtHdr #footer p {
	margin: 0; /* el ajuste en cero de los mrgenes del primer elemento del pie evitar que puedan contraerse los mrgenes (un espacio entre divs) */
	padding: 10px 0;
    }
    .clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el ltimo elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }

.letra1-home1 {
	color: #000099;
	font-style: italic;
	text-align: center;
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}
.letra2-home1 {
	color: #0000CC;
	font-style: italic;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
}
.letra3-home1 {
	color: #0000FF;
	font-style: italic;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
}
a {
	color: #003399;
	font-weight:bold;
	text-decoration:none;
	}
	
a:hover {
	color: #0099FF;
	}
	
#navigation a {
	color: #003399;
	text-decoration: none;
	letter-spacing:.1em;
	line-height:14px;
	display:block;
	padding: 0px 10px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #003399;
	}
	
#navigation a:hover {
	color:#FFFFFF;
	background-color: #0033CC;
	}

.navText {
	color: #26354A;
	letter-spacing:0.1em;
	line-height:14px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	text-align: center;
	}
.estilo-titulo1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	text-align: center;
	background-color: #CCCCCC;
}
.estilo-titulo2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	text-align: center;
}
.estilo-titulo3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0066CC;
	text-align: left;
	letter-spacing: normal;
	line-height: normal;
	font-style: italic;
}
.plantilla1-estilo1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #003399;
	text-decoration: underline;
	text-align: left;
	font-weight: bold;
}
.plantilla1-estilo2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	text-align: left;
}
.plantilla1-estilo3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #003399;
	text-align: justify;
}
.plantilla1-estilo4 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	text-align: center;
	color: #003399;
}
.plantilla1-estilo5 {
	color: #003399;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	text-align: justify;
}

.Estilo1 {
	font-size: 11px;
	text-align: left;
}

.estilo3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	color: #000066;
	text-align: justify;
}
.estilo4 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #000066;
	text-decoration: underline;
	text-align: left;
}
.estilo5 {
	font-size: 14px;
	font-style: normal;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #000066;
	text-align: left;
}
.estilo6 {
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	font-style: normal;
	color: #000066;
	text-align: center;
}
.estilo7 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	color: #000066;
	text-align: left;
	font-weight: normal;
}
.estilo8 {
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: normal;
	color: #FBFBFB;
	text-align: center;
	font-weight: bold;
}
.estilo9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #FBFBFB;
	text-align: center;
	font-weight: normal;
}
.estilo10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-style: normal;
	color: #FBFBFB;
	text-align: center;
	font-weight: normal;
}
.estilo99 {
	font-family: "Times New Roman", Times, serif;
	font-size: 6px;
	font-style: normal;
	color: #000066;
	text-align: center;
}
.pie {
	font-style: italic;
	color: #000066;
	font-size: 12px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: left;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: #FFFFFF;
	color: #CC0000;
}
blockquote {
	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;
	background-color: #0033CC;
	margin: 10px;
	padding: 0;
	background-image: url(test/imagenes/imagenes%20-%20generales/logos/arriba.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#cita_atrib {
	font-size: 70%;
	background-image: url(test/imagenes/imagenes%20-%20generales/logos/abajo.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align: right;
	text-indent: 0px;
	margin-top: 0px;
	padding-bottom: 30px;
}


#menuLinea2 {
	FLOAT: left;
	WIDTH: 860px;
	BACKGROUND-REPEAT: no-repeat;
	WHITE-SPACE: nowrap;
	HEIGHT: 35px;
	TEXT-DECORATION: none;
	padding-right: 12px;
	padding-left: 12px;
	background-image: url(imagenes/imagenes%20-%20generales/logos/ima-menu-fondo.gif);
}


#menuLinea {
	FLOAT: left;
	WIDTH: 860px;
	BACKGROUND-REPEAT: no-repeat;
	WHITE-SPACE: nowrap;
	HEIGHT: 35px;
	TEXT-DECORATION: none;
	padding-right: 12px;
	padding-left: 12px;
	background-image: url(imagenes/imagenes%20-%20generales/logos/ima-menu-fondo.gif);
}
#menuLinea UL {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
}
#navega LI LI A {
	PADDING-RIGHT: 10px;
	DISPLAY: block;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: normal;
	BACKGROUND: #e5e5e5;
	PADDING-BOTTOM: 0.2em;
	COLOR: #666666;
	PADDING-TOP: 0.2em;
	HEIGHT: 20px
}
#navega LI LI A:hover {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BORDER-LEFT-WIDTH: 5px; BACKGROUND: #cccccc; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0.2em; COLOR: #666666; PADDING-TOP: 0.2em; HEIGHT: 20px; BORDER-RIGHT-WIDTH: 5px
}
#navega LI {
	BORDER-TOP-WIDTH: 1px;
	BORDER-LEFT-WIDTH: 0px;
	FLOAT: left;
	CURSOR: default;
	BORDER-BOTTOM: #ffffff 1px solid;
	POSITION: relative;
	BACKGROUND-COLOR: transparent;
	TEXT-ALIGN: left;
	BORDER-RIGHT-WIDTH: 0px;
	height: 0;
}

LI UL {
	BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ffffff 1px solid; DISPLAY: none; PADDING-LEFT: 0px; FONT-WEIGHT: normal; LEFT: 0px; PADDING-BOTTOM: 1em; BORDER-LEFT: #ffffff 1px solid; WIDTH: 15em; PADDING-TOP: 0.5em; BORDER-BOTTOM: #ffffff 1px solid; POSITION: absolute; TOP: 100%; BACKGROUND-COLOR: #e5e5e5
}
LI:hover UL {
	DISPLAY: block
}
LI.over UL {
	DISPLAY: block
}
A.centro {
	PADDING-RIGHT: 13px;
	DISPLAY: block;
	PADDING-LEFT: 13px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #000066;
	PADDING-TOP: 10px;
	BACKGROUND-REPEAT: no-repeat;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	HEIGHT: 30px;
	TEXT-ALIGN: center
}
A.centro:link {
	PADDING-RIGHT: 13px;
	DISPLAY: block;
	PADDING-LEFT: 13px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #000066;
	PADDING-TOP: 10px;
	BACKGROUND-REPEAT: no-repeat;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	HEIGHT: 30px;
	TEXT-ALIGN: center
}
A.centro:active {
	PADDING-RIGHT: 13px;
	DISPLAY: block;
	PADDING-LEFT: 13px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #000066;
	PADDING-TOP: 10px;
	BACKGROUND-REPEAT: no-repeat;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	HEIGHT: 30px;
	TEXT-ALIGN: center
}
A.centro:visited {
	PADDING-RIGHT: 13px;
	DISPLAY: block;
	PADDING-LEFT: 13px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #000066;
	PADDING-TOP: 10px;
	BACKGROUND-REPEAT: no-repeat;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	HEIGHT: 30px;
	TEXT-ALIGN: center
}
A.centro:hover {
	PADDING-RIGHT: 13px;
	BACKGROUND-POSITION: 0px -30px;
	DISPLAY: block;
	PADDING-LEFT: 13px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	BACKGROUND-IMAGE: url("imagenes/imagenes - generales/logos/ima-menu-centro.gif");
	COLOR: #000066;
	PADDING-TOP: 10px;
	BACKGROUND-REPEAT: no-repeat;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	HEIGHT: 30px
}
#linea {
	BACKGROUND-IMAGE: url("imagenes/imagenes - generales/logos/ima-menu-centro.gif");
	WIDTH: auto;
	HEIGHT: 30px;
}
A:link {
	FONT-SIZE: 11px; COLOR: #666; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A:visited {
	FONT-SIZE: 11px; COLOR: #666; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A:active {
	FONT-SIZE: 11px; COLOR: #666; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}