/*///////////////////////////////////////////////////////////////////////////////////////
// Estilos CSS de la Web de Educación
///////////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////////
// Estilos principales de la plantilla
///////////////////////////////////////////////////////////////////////////////////////*/

.TablaPrincipal {
	margin: 10px auto 10px auto;
	padding: 0px;
	width: 760px;
	border: 1px solid #666666;
	background-color: #ffffff;
}
.TablaCabecera {
	margin: 0px;
	padding: 0px;
	width: 760px;
	height: 80px;
	background-color: #20416C;
	border-top: 1px none #FFFFFF;
	border-right: 1px none #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px none #FFFFFF;
	text-align: center;
}
/* H1 */
.TextoCabecera{
	font-family: Times, Helvetica, sans-serif;
	font-size: 50px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}
.TablaMenuCabecera {
	margin: 0px;
	padding: 0px;
	width: 760px;
	border: none;
	background-color: #6D6FA0;
	text-align: center;
	height: 20px;
	background-image: url(imagenes/FondoMenuSuperior.jpg);
	background-repeat:  repeat-x;
}
.TablaSubMenuCabecera {
	margin: 0px;
	padding: 0px;
	width: 760px;
	height: 1px;
	background-color: #ffffff;
	border: none;
}
.TablaIzquierda {
	margin: 0px;
	padding: 0px;
	width: 200px;
	border: none;
	background-color: #e0e0e0;
	vertical-align: top;
	background-image: url(imagenes/FondoTablaIzquierda.jpg);
	background-repeat:  repeat-y;
}

/* Logo del Parque de las Ciencias */
.TablaIzquierdaLogo {
	width: 200px;
	padding: 0px;
	border: none;
	background-color: #20416C;
	text-align: center;
}
.TextoCorporativo{
	font-family: times, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}

.IconoSeccionIzquierda{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #555;
	background-color: #fff;
	margin: 5px 0px 0px 5px;
	padding: 5px;
	width: 168px;
	text-align: left;
	border: 1px solid #999;
	text-align: center;
}

/* Título de la sección, en el menú izquierdo */
.TituloSeccionIzquierda{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;/*333333;*/
	background-color: #4D5083;
	width: 170px; /*130px;*/
	border-top: 1px solid #5d6093;
	border-bottom: 1px solid #2d3063;
	margin: 0px;
	padding: 2px 5px 2px 10px;
}
A.TituloSeccionIzquierda{
	color: #fff;
}
A.TituloSeccionIzquierda:Visited{
	color: #fff;
	text-decoration: none;
}
A.TituloSeccionIzquierda:Hover{
	color: #ff4;
	text-decoration: none;
}

/* Enlace del menú izquierdo (Subsección) */
.EnlaceMenuIzquierdo{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;/*333333;*/
	background-color: #5C7A98;
	width: 174px;
	border-top: 1px solid #6C8Aa8;
	border-bottom: 1px solid #2C4A68;
	border-left: 5px solid #9da0d3;
	border-right: 0px solid #5d6093;
	margin: 0px 0px 0px 0px;
	padding: 3px;
}
A.EnlaceMenuIzquierdo{
	color: #fff;
}
A.EnlaceMenuIzquierdo:Visited{
	color: #fff;
	text-decoration: none;
}
A.EnlaceMenuIzquierdo:Hover{
	color: #ff4;
	text-decoration: none;
}

div.TablaIzquierdaEnlaces {
	margin: 0px 15px 0px 5px;
	padding: 0px;
	width: 178px;
	border: 1px solid #8c8eb5;
	background-color: #f0f0ff;
	vertical-align: top;
}
div.EntradaMenuIzq {
	margin: 6px 0px 0px 0px;
	padding: 0px;
	border: 1px none #000;
	clear: both;
}

/* Enlace del menú izquierdo (Subsubsección) */
A.EnlaceMenuIzquierdo2 {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #343;
	width: 160px;
	margin: 2px 0px 2px 5px;
	padding: 0px 5px 0px 0px;
	border-bottom: 1px solid #acaed5;
}
A.EnlaceMenuIzquierdo2:Visited {
	color: #343;
}
A.EnlaceMenuIzquierdo2:Hover {
	color: #880000;
	text-decoration: none;
}

.TablaCentral {
	margin: 0px;
	padding: 0px;
	width: 550px;
	border: none;
	vertical-align: top;
}

hr.Izquierda {
	color: #222;
	background-color: #222;
	height: 1px;
	text-decoration: none;
	width: 90%;
	border: none;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
.Instituciones {
	font-family: Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	margin: 2px 5px 2px 10px;
}
.TablaIzquierdaFinal {
	margin: 0px;
	padding: 0px;
	width: 200px;
	border: none;
	background-color: #9799c0;
	vertical-align: bottom;
	background-image: url(imagenes/FondoTablaIzquierda.jpg);
	background-repeat:  repeat-y;
}

/*///////////////////////////////////////////////////////////////////////////////////////
// Tablas de separadores
///////////////////////////////////////////////////////////////////////////////////////*/
.TablaSeparacionSuperiorIzquierda {
	margin: 0px;
	padding: 0px;
	width: 200px;
	height: 10px;
	border: none;
	background-color: #20416C;
}
.TablaSeparacionEsquina {
	margin: 0px;
	padding: 0px;
	width: 10px;
	height: 10px;
	border: none;
	background-color: #ffffff;
	background-image: url(imagenes/SombraEsquina.jpg);
	background-repeat:  no-repeat;
}
.TablaSeparacionSuperior {
	margin: 0px;
	padding: 0px;
	width: 550px;
	height: 10px;
	border: none;
	background-color: #ffffff;
	background-image: url(imagenes/SombraSuperior.jpg);
	background-repeat:  repeat-x;
}
.TablaSeparacionIzquierda {
	margin: 0px;
	padding: 0px;
	min-width: 10px;
	width: 10px;
	border: none;
	background-color: #ffffff;
	background-image: url(imagenes/SombraIzquierda.jpg);
	background-repeat:  repeat-y;
}

/*///////////////////////////////////////////////////////////////////////////////////////
// Menú horizontal superior
///////////////////////////////////////////////////////////////////////////////////////*/
div.EnlacesMenuSuperior{
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
A.EnlacesMenuSuperior{
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
A.EnlacesMenuSuperior:visited{
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
A.EnlacesMenuSuperior:hover{
	color: #FFAA16;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/* Cuadro Informativo emergente */
div.CuadroInformativo {
	position:absolute;
	width:150px;
	height:60px;
	z-index:1;
	left: 150px;
	top: 120px;
	background-color: #eeeeee;
	border: 1px solid #777777;
	visibility: hidden;
	position: absolute;
}
p.TextoCInformativo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #111;
	margin: 5px;
	padding: 0px;
	text-align: left;
}


/*///////////////////////////////////////////////////////////////////////////////////////
// Otros elementos 
///////////////////////////////////////////////////////////////////////////////////////*/

/* Imágenes */
img {
	border: none;
	margin: 0px;
	padding: 0px;
}

/* Enlaces por defecto */
A {
	color: #0000aa;
	text-decoration: none;
	font-weight: normal;
	margin: 0px;
}
A:visited {
	color: #0000aa;
}
A:hover {
	text-decoration: underline;
}

/* Líneas de separación */
hr {
	color: #CCCCCC;
	height: 1px;
	width: 90%;
}

/* Elemento centrado */
.Centrado {
	text-align: center;
}
/* Elemento justificado */
.Justificado {
	text-align: justify;
}
/* Elemento derecha */
.Derecha {
	text-align: right;
}
/* Elemento izquierda */
.Izquierda {
	text-align: left;
}

/*///////////////////////////////////////////////////////////////////////////////////////
// Cuerpo
///////////////////////////////////////////////////////////////////////////////////////*/
body {
	margin: 0px 0px 10px 0px;
	color: #000000;
	background-color: #eeeeee;
	background-image: url(imagenes/fondo.jpg);
	background-repeat:  repeat-x;
}