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

/*///////////////////////////////////////////////////////////////////////////////////////
// Títulos, textos, párrafos, listas...
///////////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////////
// Títulos
///////////////////////////////////////////////////////////////////////////////////////*/

/* H1 */
.PretituloSeccion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #5588bb;
	margin: 20px 5px -25px 20px;
}

/* H1 */
.TituloSeccion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #5588bb;
	font-weight: bold;
	margin: 30px 10px 20px 20px;
}

/* H2 */
.SubtituloSeccion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #5588bb;
	margin: 20px 5px 5px 25px;
}

/* H3 */
.SubtituloSeccion2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #35689b;
	margin: 10px 5px 5px 25px;
	border-bottom: 1px solid #35689b;
}

/* Título de un apartado */
.TituloApartado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #555;
	margin: 5px 5px 5px 26px;
}


/*///////////////////////////////////////////////////////////////////////////////////////
// Bloques de contenido 
///////////////////////////////////////////////////////////////////////////////////////*/
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px 0px 0px 3px;
}
p.Contenido {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
	margin: 5px 10px 0px 30px;
	padding: 0px 0px 0px 0px;
	line-height: 175%;
}
p.ContenidoEnTabla { /* Tiene un margen distinto, porque el contenedor es más estrecho */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
	margin: 0px;
	padding: 0px;
	line-height: 175%;
}
ul.Listado {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: square;
	list-style-position: inside;
	padding: 0px;
	margin: 5px 5px 5px 30px;
	line-height: 175%;
}
ol.ListadoOrdenado {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-position: inside;
	padding: 0px;
	margin: 5px 5px 5px 30px;
	line-height: 175%;
}
li{
	margin: 5px 0px 0px 0px;
}
.Cita{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	list-style-position: inside;
	padding: 0px;
	margin: 10px 5px 5px 30px;
	line-height: 175%;
	color: #050;
}
.Destacado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	background-color:#d00;
	margin: 5px 20px 5px 30px;
	padding: 2px;
	text-align:center;
}

/* Enlace en ventana nueva PopUp */
.PopUp {
	background: url(/educacion/imagenes/iconoPopUp.gif) top right no-repeat;
	padding-right: 14px;
}


/*///////////////////////////////////////////////////////////////////////////////////////
// Noticias
///////////////////////////////////////////////////////////////////////////////////////*/
.TituloNoticias{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #58b;
	background-color: #fff;
	border: 1px solid #ccd;
	padding: 5px 5px 5px 15px;
	margin: 0px 0px 10px 0px;
}
.FilaNoticias{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	clear: both;
	background-color: #ffc;
	border: 1px solid #aaa;
}
.FilaNoticiasDestacada{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	clear: both;
	background-color: #ff9;
	border: 1px solid #aaa;
}
.NoticiaFecha {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	height: 15px;
	margin: 0px 0px 10px 0px;
	padding: 2px 0px 2px 10px;
	color: #3d5083;
	border-bottom: 1px solid #ddd;
	background: #fff url(/educacion/imagenes/FondoNoticia.jpg) top left repeat-x;
}

.NoticiaTexto{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 5px 2px 5px 10px;
	padding: 0px;
	color: #333;
}


/*///////////////////////////////////////////////////////////////////////////////////////
// Asómate a la Ciencia: Ciencia en el Aula
///////////////////////////////////////////////////////////////////////////////////////*/
.AC_NombreInstituto{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222;
	font-weight: bold;
	margin: 5px 5px 5px 10px;
}
.AC_TextoFecha {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #444;
}


/*///////////////////////////////////////////////////////////////////////////////////////
// Microexposiciones
///////////////////////////////////////////////////////////////////////////////////////*/
.Micro_NombreInstituto{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222;
	font-weight: bold;
	margin: 10px 5px 5px 10px;
}
.Micro_TextoFecha {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #444;
	margin: 5px 5px 10px 10px;
}


/*///////////////////////////////////////////////////////////////////////////////////////
// Hazlo tú
///////////////////////////////////////////////////////////////////////////////////////*/
.TituloHazloTu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	color: #555;
	margin: 25px 25px 25px 25px;
	padding: 10px 5px 10px 15px;
	border: 1px solid #555;
}
.SubtituloHazloTu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #555;
	margin: 20px 5px 5px 25px;
	border-bottom: 1px dashed #555;
}

/* Buenas Noches Bienvenidos. Con Ciencia Propia */
.TituloBienvenidos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	color: #555;
	margin: 25px 25px 25px 25px;
	padding: 10px 5px 10px 15px;
	border: 1px solid #555;
}

/* Consejo Infantil. Título del histórico (Año) */
p.TituloHistorico {
	display: block;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #006666;
	margin: 10px 10px 0px 20px;
	padding: 0px 0px 0px 10px;
	border-top: 1px solid #009966;
	border-left: 4px solid #393;
}


/*///////////////////////////////////////////////////////////////////////////////////////
// Formación
///////////////////////////////////////////////////////////////////////////////////////*/
/* Encabezado para indicar curso, jornada, seminario... */
.EncabezadoTipoActividad {
	display: block;
	width: 300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #416c20;
	margin: 10px 10px 0px 20px;
	padding: 0px 0px 0px 10px;
}

/* Línea para indicar la fecha de una actividad. Encaja justo bajo el encabezado */
.FechaActividad {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	height: 25px;
	margin: 0px 0px 0px 20px;
	padding: 4px 0px 0px 10px;
	background: url(/educacion/imagenes/fondoApartadoFecha.jpg) top left no-repeat;
	background-color: #58b;
}
.TituloActividad {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #20416C;
	margin: 0px 0px 0px 20px;
	padding: 10px 0px 10px 10px;
	background: url(/educacion/imagenes/fondoApartadoTitulo.jpg) top left no-repeat;
}


/* Martes de profesores. Calendario del curso */
p.CalendarioProfesores {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #006666;
	margin: 10px;
}

.CalendarioProfesoresMesMarcado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #990066;
	margin: 5px;
}
A.EnlaceCalendarioProfesores {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #006666;
	margin: 5px;
}
A.EnlaceCalendarioProfesores:Visited {
	color: #006666;
	text-decoration: none;
}
A.EnlaceCalendarioProfesores:Hover {
	color: #009966;
	text-decoration: none;
}


/*///////////////////////////////////////////////////////////////////////////////////////
// Recursos
///////////////////////////////////////////////////////////////////////////////////////*/
.ApartadoTecnopolis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	background-color: #339;
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 0px 5px;
}


/*///////////////////////////////////////////////////////////////////////////////////////
// Mapa del sitio
///////////////////////////////////////////////////////////////////////////////////////*/
.ListadoMapaWeb {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: square;
	list-style-position: inside;
	padding: 0px;
	margin: 5px 5px 5px 75px;
	line-height: 150%;
}

A.EnlaceMapaSitio {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #343;
	background-color: #d7d9f0;
	width: 460px;
	margin: 0px 0px 0px 25px;
	padding: 3px 3px 3px 10px;
	border-right: 1px solid #c7c9d0;
	border-bottom: 1px solid #c7c9d0;
}
A.EnlaceMapaSitio:Visited {
	color: #343;
}
A.EnlaceMapaSitio:Hover {
	color: #880000;
	text-decoration: none;
}

A.EnlaceMapaSitio2 {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #343;
	background-color: #e7e9f0;
	width: 360px;
	margin: 0px 0px 0px 45px;
	padding: 3px 3px 3px 10px;
	border-bottom: 1px solid #c7c9d0;
}
A.EnlaceMapaSitio2:Visited {
	color: #343;
}
A.EnlaceMapaSitio2:Hover {
	color: #880000;
	text-decoration: none;
}