#Pagina {
	width: 57em;	
}
html
{
	height:auto;	/* para el correcto posicionamiento del pie de página*/
}
body {
	margin:5px;	/* margen externo */
	padding:0px;	/* margen interno */
	color: #000033;	/* color del texto */
	background-color: #CCCCCC;	/* color de fondo de escritorio */
	font-family: Arial, Helvetica, sans-serif;	/* fuente predeterminada */
	font-size: 0.80em;	/* tamano de letra predeterminado */
	text-align: center;  /* Necesario en IE para centra pagina */
	height:auto;  /* para el correcto posicionamiento del pie de página*/
}
p, blockquote, body, form, ul, li, ol, select, td, div, option, h1,h2,h3,h4,h5,h6 
{ 
	font-family: Arial, Helvetica, sans-serif; /* misma fuente en todas las etiquetas */ 
}
a { color: #036;}
a:hover { text-decoration: underline; color: #832121}
img { border:0px; margin:0px; padding:0px;}
P{line-height:1.5em;}
#TituloWEB {
	font-size: 0.9em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #000033;
}
#Indice {
	width:auto; display: block; clear: both;
	margin-left:1em; margin-right:1em;
	margin-bottom:1em;
	color:#666666 ;
	font-size:0.85em;
}
#Indice a{color:#666666 ;}
#Titulo {
	width:auto; display: block; clear: both;
	margin-left:1em; margin-right:1em;
}
#Pie
{
	width:auto; display: block; clear: both;
	margin: 1em;
	margin-top: 2em;
	font-size:0.85em; 
	color:#999999 ;
}
#Pie a{	color:#999999 ;}
#Fin{	clear:both ;}
#Texto {
	width:auto; display: block; clear: both;
	margin-left: 1em;
	margin-right: 1em;
}

#MenuVertical {
	text-align: left;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #000033;
/*	float:left;
	width:10em;*/
}
#MenuVertical ul{
	margin: 0px;
	padding: 0px;
}
#MenuVertical li{
	list-style:none;
	line-height:1.3em;
	font-weight:bold;
	display: block;
	margin-top: 0.2em;
	color: #000066;
}
#MenuVertical li a {
	text-decoration:none;
	border:1px solid #FBFBFB;
	font-weight: normal;
	padding-left: 0.5em;
	padding-right: 0.5em;
	display: block;
	margin-bottom: 2px;
	font-size: 0.9em;
}
#MenuVertical li a:hover {
	text-decoration:none;	border:1px solid #CCC;
	display: block;
	background-color: #EBEBEB;
	color: #000000;
}


#MenuVertical {
	width:0%;
	visibility:hidden;
}
#MenuHorizontal {
	width:auto; display: block; clear: both;
	margin-left:1em; margin-right:1em;
}

#MenuHorizontalIzquierda {
	float:left;
}
#MenuHorizontalDerecha {
	float:right;
}

#Encabezado {
	width:auto;	display: block; clear: both;
	margin:1em;
}
#EncabezadoIzq{
	float:left;
}

#EncabezadoDer{
	float:right;
	text-align: center;
	width:45%;
	font-size: 1.5em;
	font-weight:bold;
}

.izq {
	float:left;
	text-align:left;
}
.der {
	float:right;
	text-align:right;
}
.spacer { clear: both;}

#Pagina {
	text-align: left;
	margin-right: auto;  /* centrar pagina */
	margin-left: auto;  /* centrar pagina */
	height:100%;
	border: 1px solid #666666;
	background-color: #FFFFFF;
}

h1 {font-size: 1.7em;
	margin-top:0em ;
	/* para que no salga el margen superior en MZ */
}
h2 {font-size: 1.5em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1em;}
h6 {font-size: 0.8em;}

.Centrado { margin-left:auto;margin-right:auto; }

TABLE {
		border-collapse: collapse; /* quitar el esoacio de borde entre celdas */
}

caption {
    margin-left: auto;	/* centrar la tabla */
    margin-right: auto;
		text-align:center;
		border-collapse: collapse; /* quitar el esoacio de borde entre celdas */
}

TH { 
 }

TD { 
 }

.tabla1 TABLE {
    margin-left: auto;	/* centrar la tabla */
    margin-right: auto;
		border-collapse: collapse; /* quitar el esoacio de borde entre celdas */
}

.tabla1 caption {
    margin-left: auto;	/* centrar la tabla */
    margin-right: auto;
		text-align:center;
		border-collapse: collapse; /* quitar el esoacio de borde entre celdas */
}

.tabla1 TH { 
	border: 1px solid #CCC;
	padding: 0 0.5em;
	text-align: center;
	vertical-align:top;
 }

.tabla1 TD { 
	border: 1px solid #CCC;
	padding: 0em 0.5em;
	text-align: left;
	vertical-align:top;
 }

form { clear: both; display:block; width:auto; }
form fieldset {
	padding: 2em;
}
form fieldset legend{
	font-weight:bold
}
form input{ border: 1px solid #999; }
form select{ border: 1px solid #999;}
form textarea{ border: 1px solid #999; display:block;}
form label { color:#808080;}
form submit{ border: 1px solid #999; }
form br {	clear: left;}
form td {		padding: 0.2em 0.5em; border:0px;}

.subrayado {
	text-decoration: underline;
}

.pequeno {
	font-size: 0.9em;
}
.grande {
	font-size: 1.1em;
}
.grisclaro{ color:#999 }
.grisoscuro{ color:#666 }

.columna2 {
	width:auto;	display: block; clear: both;
}
.columna2Izq {
	float:left;
	text-align:left;
	width:48%;
}

.columna2Der {
	float:right;
	text-align: left;
	width:48%;
}

.Recuadro
{
	border: 1px solid #006;	
	padding:1em;
	width:auto ;
}

.tabla2 TABLE {
    margin-left: auto;	/* centrar la tabla */
    margin-right: auto;
		border-collapse: collapse; /* quitar el esoacio de borde entre celdas */
		width:100%;
}

.tabla2 caption {
    margin-left: auto;	/* centrar la tabla */
    margin-right: auto;
		text-align:center;
		border-collapse: collapse; /* quitar el esoacio de borde entre celdas */
}

.tabla2 TH { 
	padding: 0.5em;
	text-align: center;
	vertical-align:top;
 }

.tabla2 TD { 
	padding: 0.5em;
	text-align: center;
	vertical-align:top;
 }