/**************** redefiniciones ****************/
@media screen {
body,html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330000;
	height:100%;
	background-color: #CCCCCC;
	overflow:hidden;
}
}

@media print {
body,html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330000;
	height:100%;
	background-color: #FFFFFF;
	overflow:hidden;
}
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

img {
	border:0px;
}

a:link{
	text-decoration:none;
	color:#666600;
}
a:visited{
	text-decoration:none;
	color:#666600;
}
a:hover{
	text-decoration:underline;
	color:#999966;
}
a:active{
	text-decoration:none;
	color:#999966;
}

/**************** elementos ****************/
@media screen {
#logo {
	background-color:#FFFFFF;
	position:absolute;
	z-index:10;
	top: 8px;
	left: 29px;
	height:105px;
	width:84px;
	vertical-align: bottom;
	text-align: right;
	border:1px solid #666666;
	padding:0px;
	margin:0px;
	voice-family: "\"}\"";
	voice-family: inherit;
}
}
@media print {
#logo {
	background-color:#FFFFFF;
	position:absolute;
	z-index:10;
	top: 5px;
	right: 5px;
	float:right;
	clear:left;
	height:105px;
	width:84px;
	vertical-align: bottom;
	text-align: right;
	border:1px solid #666666;
	padding:0px;
	margin:0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:70px;
}
}
@media screen {
#menu{
	position:absolute;
	z-index:5;
	background:#EEEEEE;
	top: 6px;
	position:relative;
	height:32px;
	width:300px;
	overflow:auto;
	border:1px solid #0064AC;
	text-align:justify;
	text-indent:1em;
	voice-family:"\"}\"";
	voice-family:inherit;
	margin-left:108px;
	margin-right:5px;
	padding:0px 8px 0px 8px;
}

#opciones {
	position: absolute;
	z-index:3;
	left:13px;
	top:110px;
	width:100px;
	background:#1C3F99;
	color:#FFFFFF;
	border:1px solid #FFFFEE;
	padding:12px 4px 12px 4px;
}

#auxiliar {
	position: absolute;
	z-index:4;
	left:30px;
	bottom:69px;
	width:120px;
	background:#EEF0FF;
	border:1px solid #000099;
	padding:6px 4px 6px 4px;
}
}
@media print {
#menu {
        display:none;
}
#opciones {
        display:none;
}
#auxiliar {
        display:none;
}
}
@media screen {
#principal {
	z-index:2;
	background:#EEF5FF url(../images/fondo_optimist.png) no-repeat fixed center center;
	top:-8px;
	position:relative;
	height:90%;
	overflow:auto;
	border:1px solid #333399;
	text-align:justify;
	padding:30px 20px 10px 40px;
	voice-family:"\"}\"";
	voice-family:inherit;
	margin-left:100px;
	margin-right:5px;
	left: -18px;
	}
html>body #principal {
height:82%;
}
}

@media print {
#principal {
	z-index:2;
	background:#FFFFFF;
	top:-60px;
	width:90%;
	position:relative;
	border:0px;
	text-align:justify;
	padding:13px 20px 10px 20px;
	}
}


@media screen {
#powered {
	position: absolute;
	left:6px;
	bottom:6px;
	width:69px;
	text-align:center;
}


}

@media print {
#powered {
	display:none;
}

}

#centrado
{
width:100%;
text-align:center;
}

/**************** clases ****************/
.pagina {
	color: #393C67;
	background-color: #7B94B0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin:10px 10px 0px 10px;
	padding:0px;
}

.inicial {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#993333;
}

.destacado {
	font-weight:bold;
	color:#660000;
}

.centrado_destacado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-align:center;
	color:#660000;
}


.centrado {
	text-align:center;
}

.centrado-vertical {
	vertical-align:center;
}


.listaindice {
margin:10px 2px 10px 4px;
font-weight:bold;
}
@media screen{
h2.titulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #1C3F99;
	font-variant: small-caps;
	font-weight: bold;
}
}

@media print{
h2.titulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #1C3F99;
	font-variant: small-caps;
	font-weight: bold;
	width:80%;
}
}


.menu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#003366;
}

a.menu:link{
	text-decoration:none;
	color:#000066;
}
a.menu:visited{
	text-decoration:none;
	color:#000066;
}
a.menu:hover{
	text-decoration:underline;
	color:#FFFFFF;
}
a.menu:active{
	text-decoration:none;
	color:#FFFFFF;
}

.opciones{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

p.opciones{
	color:#66FFFF;
	margin-top:8px;
	margin-bottom:8px;
}

a.opciones:link{
	text-decoration:none;
	color:#FFFFFF;
}
a.opciones:visited{
	text-decoration:none;
	color:#FFFFFF;
}
a.opciones:hover{
	text-decoration:underline;
	color:#EEF5FF;
}
a.opciones:active{
	text-decoration:none;
	color:#EEF5FF;
}
hr.opciones{
	color:#CCCC99;
	background-color:#CCCC99;
	border: 1px ridge #CCCC99;
	width:100px;
	height: 2px;
	margin-bottom:0px;
	margin-top:0px;
}
hr.separador{
	color:#0064AC;
	background-color:#0064AC;
	border: 1px ridge #0064AC;
	width:240px;
	height: 3px;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:auto;
	text-align:left;
}
@media screen {
.seccion{
	color:#1C3F99;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
}
@media print {
.seccion{
	color:#1C3F99;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	width:80%;
}
}
.seccion_contenido {
	position:relative;
	border-bottom:1px solid #0064AC;
	border-top:1px solid #0064AC;
	border:1px solid #0064AC;
	width:100%;
	text-align:center;
	voice-family:"\"}\"";
	voice-family:inherit;
	padding:13px 20px 10px 20px;
}
div>div.seccion_contenido{
	width:92%;
}

.subseccion {
	text-align:left;
	color:#666666;
	font-size:11px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
input.botonfijo {
	width:8em;
}

.texto_sangrado {
	text-indent: 2em;
	text-align: justify;
}

td {
	vertical-align:middle;
}