html { height: 80%; }
/* CUERPO DE LA PAGINA */
body {
	height: 80%;
	color:#303030;
	background-color: white;
	background-repeat: repeat-x;	
	width: 920px;
	font-family: Arial, Helvetica; 
	font-size: 13px;
	padding:0px; 
	text-align:center;
	margin: 0px auto;
}
/* TODO LO INCLUIDO EN EL BODY (Para centrarlo en pantalla) */
.contenedor {
	min-height: 80%;
	width:920px;
	margin: 0px auto;
	text-align:left;
}
*html .contenedor { height: 80%; }
/* todas las imágenes sin borde por defecto */
body img { border: 0px; }

/* CABECERA (incluye el Logotipo y el menú principal) */
.cabecera {
	width: 730px;
	margin-left: 95px;
	padding: 26px 0px 20px 0px; /* Firefox */
	.padding: 15px 0px 0px 0px; /* IE7 */	
}
*html .cabecera { padding: 20px 0px 15px 0px; } /* IE6 */
	/* LOGOTIPO */
	.logo {
		float: left;
		padding-right: 0px;
	}
	/* MENU (Menú principal) */
	.menu {
		font-size: 11px;
		padding: 0px;
	}
		.menu a {
			color: #0B3C86;
			text-decoration: none;
			text-align: center;
			border-width: 0px 0px 0px 1px;
			border-style: solid;
			border-color: #CBCBCB;
			padding: 0px 5px 0px 5px;
			outline:0;			
		}
		.menu a:hover {
			color: #0E9EFF;
		}
		.menu_activo {
			color: #0E9EFF;
			text-align: center;
			border-width: 0px 0px 0px 1px;
			border-style: solid;
			border-color: #CBCBCB;
			padding: 0px 5px 0px 5px;
		}
	
/* CABECERA INICIO (Cabecera del index, franja ancha color azul) */
.cabecera_inicio {
	width: 920px;
	height: 160px;
	padding: 20px 0px 10px 0px;
	margin-top: 21px; /* firefox */
	.margin-top: 8px; /* IE7 */
	//margin-top: 1px; /* IE7 */
}
*html .cabecera_inicio { margin: 0px auto; padding: 0px 0px 10px 0px; } /* IE6 */
	/* ESLOGAN */
	.eslogan {
		width: 510px;
		padding: 15px 0px 0px 0px;
		color: #E9EEF6;
		font-family: Arial, Helvetica; 
		font-size: 11px;
		float: left;
	}
		.eslogan h1 { 
			font-size: 24px;
			font-weight: normal;
			font-family: "Times New Roman", Times, serif;
			padding-bottom: 10px; 
			margin: 0px 0px 0px 95px; 
		}
		.eslogan span { 
			font-size: 14px;
			color: #B6D0F9;
			padding: 0px;
			margin: 0px 0px 0px 100px;
		}
		.eslogan p { 
			color: #A6C0E9;
			padding: 5px 0px 10px 0px; 
			margin: 0px 0px 0px 100px; 
		}	
	/* FOTO */
	.cabecera_inicio .foto {
		border-width: 0px 10px 0px 10px;
		border-style: solid;
		border-color: white;
	}
/* CABECERA INTERIOR (Cabecera de sección interior, franja estrecha color azul) */
.cabecera_interior {
	width: 920px;
	height: 80px;
	padding: 20px 0px 10px 0px;
	margin-top: 21px; /* firefox */
	.margin-top: 8px; /* IE7 */
	//margin-top: 1px; /* IE7 */
}
*html .cabecera_interior { margin: 0px auto; padding: 0px 0px 10px 0px; } /* IE6 */
	/* TITULO */
	.titulo {
		width: 460px;
		padding: 0px 0px 0px 0px;
		color: #E9EEF6;
		font-family: Arial, Helvetica; 
		font-size: 11px;
		float: left;
	}
		.titulo h1 { 
			font-size: 18px;
			font-weight: normal;
			padding: 10px 0px 0px 40px; 
			margin: 0px auto;
		}
		/* SUBTITULO */
		.titulo p { 
			color: #86A0C9;
			padding: 5px 0px 0px 40px; 
			margin: 0px auto;
		}	
	/* TITULO PARA IMPRIMIR */
	.titulo_print {
		width: 100%;
		padding: 0px 0px 0px 0px;
		color: #E9EEF6;
		font-family: Arial, Helvetica; 
		font-size: 11px;
	}
		.titulo_print h1 { 
			font-size: 18px;
			font-weight: normal;
			padding: 10px 0px 0px 0px; 
			margin: 0px auto;
		}
		/* SUBTITULO */
		.titulo_print p { 
			color: #86A0C9;
			padding: 5px 0px 0px 0px; 
			margin: 0px auto;
		}				

	/* FOTO */
	.cabecera_interior .foto {
		border-width: 0px 10px 0px 10px;
		border-style: solid;
		border-color: white;
		margin-left: 85px;
		float: left;
	}	

/* CONTENIDO (Contenido de la página, entre cabecera y pie) */
.contenido {
	min-height: 100%;
	background-color: #E8E8E8;
	width: 715px;
	margin-left: 95px;
	padding: 0px 0px 0px 0px;
}
*html .contenido { width: 718px; height: 80%;}

	/* CONTENIDO INICIO (Contenido del index) */
	.inicio {
		min-height: 100%;
		width: 425px;
		background-color: white;
		padding: 0px 0px 5% 0px;
		margin: 0px 50px 0px 0px;

	}
	*html .inicio { width: 428px; height: 100%; }

		/* BANNER INICIO (Banners de enlace a secciones) */
		.banner {
			width: 415px;
			display: block;
			font-size: 12px;
			padding: 35px 0px 0px 0px;
		}
			/* IMAGEN */
			.banner img {
				float: left;
				padding-right: 25px;
				padding-bottom: 15px;
			}
			.banner h1 {
				color: #4F81D3;
				font-size: 18px;
				font-weight: normal;
				padding: 0px 0px 5px 0px;
				margin: 0px auto;
			}
			.banner h2 {
				color: #4F81D3;
				font-size: 14px;
				font-weight: normal;
				padding: 0px 0px 5px 0px;
				margin: 0px auto;
			}
			/* PÁRRAFO DE BANNER */
			.banner p {
				padding-bottom: 5px;
				text-align: justify;
				display: block;
				margin: 0px 5px 0px 0px;
			}
		
	/* NOTICIAS (Sección de noticias, a la derecha) */
	.noticias {
		min-height: 100%;
		width: 290px;
		background-color: #E8E8E8;
		padding: 35px 0px 0px 0px;
		font-size: 11px;
		float: right;
	}
	*html .noticias { width: 287px; height: 90%; }
		/* NOTICIAS INTERNAS DE ESM */
		.noticias_esm h1 {
			font-size: 18px;
			font-weight: normal;
			padding: 0px 0px 0px 12px;
			margin: 0px auto;
			color: #C92E29;	
		}

		/* NOTICIAS EXTERNAS */
		.noticias_externas h1 {
			font-size: 18px;
			font-weight: normal;
			padding: 20px 0px 0px 12px;
			margin: 0px auto;
			color: #0D4293;	
		}

		/* BLOQUE PARA CADA NOTICIA INDIVIDUAL */
		.noticia {
			width: 260px;
			padding: 10px 0px 10px 0px; 
			margin: 0px auto;		
		}
			.noticia img {
				width: 50px;
				float: right;
			}
			.noticia p {
				padding: 5px 0px 0px 0px;
				margin: 0px auto;
			}
			.noticias_esm .noticia a {
				color: #C92E29;
				outline:0;
				text-decoration: none;
			}
			.noticias_externas .noticia a {
				color: #164387;
				outline:0;
				text-decoration: none;
			}			
			.noticia a:hover {
				text-decoration: underline;
			}			
		/* ENLACE DE MÁS INFORMACIÓN */
			.noticia .masinfo {
				color: #0C4192;
				font-size: 11px;
				text-decoration: none;
				padding: 0px 0px 0px 0px;
				float: right;
			}
			.noticia .masinfo a { outline:0; }
			.noticia .masinfo img { 
				float: left;
				width: 12px; 
				padding: 0px 5px 0px 0px;
			}
		/* BLOQUE PARA CADA OFERTA DE EMPLEO INDIVIDUAL */
		.empleo {
			width: 260px;
			padding: 5px 0px 5px 0px; 
			border-width: 0px 0px 1px 0px;
			border-color: #DDD;
			border-style: solid;
			margin: 0px auto;		
		}
			.empleo p {
				padding: 0px;
				margin: 0px auto;
			}
			.empleo a {
				color: #164387;
				outline:0;
				text-decoration: none;
			}			
			.empleo a:hover {
				text-decoration: underline;
			}	
			.empleo .fecha {
				padding-left: 5px;	
			}	
	/* MENU INTERIOR (Menú de sección interior, a la izquierda) */
	.menu_interior {
		min-height: 100%;
		width: 190px;
		background-color: #E8E8E8;
		padding: 30px 10px 20px 10px;
		margin-right: 0px;
		font-size: 12px;
		float: left;
	}
	*html .menu_interior { width: 187px; height: 100%; }
		.opcion {
			background-color: #DEDEDE;
			padding: 5px 5px 5px 5px;
			margin-bottom: 10px;
			display: block;
		}
		.opcion a {
			width: 95%;
			display: block;			
			color: #737372;
			text-decoration: none;
			text-align: left;
			outline:0;
		}
		.opcion a:hover {
			color: #0E9EFF;
		}
		.menu_interior img {
			float: right;			
		}
		.opcion_activa {
			color: #333333;
			background-color: #C5C5C5;
			font-weight: bold;
			padding: 5px 12px 5px 5px;
			margin-bottom: 10px;
			display: block;
		}
		.subopcion {
			padding: 0px 5px 5px 10px;
			display: block;
		}
		.subopcion a {
			color: #333333;
			text-decoration: none;
			text-align: left;
			display: block;
			outline:0;
		}
		.subopcion a:hover {
			color: #0E9EFF;
		}
		.subopcion_activa {
			padding: 0px 5px 5px 10px;
			display: block;
			font-weight: bold;
		}
	/* CONTENIDO INTERIOR (Contenido de la sección interior) */
	.inicio_interior {
		min-height: 100%;
		width: 464px;
		background-color: #FFFFFF;
		padding: 30px 2px 10px 43px;
		margin: 0px 0px 0px 210px;
		.padding: 30px 1px 10px 40px;
	}
	*html .inicio_interior { margin: 0px 0px 0px 200px; padding: 30px 1px 10px 43px; height: 105%; }

	/* CONTENIDO FICHA PARA IMPRIMIR */
	.inicio_print {
		min-height: 100%;
		width: 464px;
		background-color: #FFFFFF;
		.padding: 30px 1px 10px 0px;
	}
	
		.ficha {
			min-height: 100%;
		}
		*html .ficha { height: 105%; }
		.ficha h1 {
			font-size: 18px;
			font-weight: normal;
			color: #114193;
			padding: 0px;
			margin: 0px auto;			
		}
		.ficha h2 {
			font-size: 12px;
			font-weight: normal;
			color: #4E80D2;
			padding: 5px 0px 0px 0px;
			margin: 0px auto;
		}
		.ficha .campo {
			color: #497BCD;
			padding: 0px 0px 15px 0px;
			margin: 0px auto;
		}
		.ficha p {
			color: #000000;
			padding: 0px 0px 15px 0px;
			margin: 0px auto;

		}
		.ficha ul {
			padding: 0px 0px 10px 0px;
			margin: 0px 0px 0px 30px; 
			list-style-image: url(bolo.gif);		
		}
		.ficha li {
			font-size: 90%;
			text-indent: 0px;
			padding: 0px 0px 2px 0px;
			margin: 5px 0px 0px 0px;
		}
		.ficha img {
			margin: 20px 10px 0px 0px;
		}
		.ficha .slidefotos {
			text-align: left;
		}
		.ficha .slidefotos img {
			margin: 20px 10px 0px 0px;
			border-width: 1px;
			border-style: solid;
			border-color: #999999;
		}
		.ficha .cuadro_texto {
			width: 93%;
			background-color: #E5EDF9;
			color: #0D4293;
			border-width: 1px;
			border-style: solid;
			border-color: #C9D9F2;	
			padding: 15px 15px 15px 15px;
		}
		.ficha .cuadro_texto_rojo {
			background-color: #FFEEEE;
			color: #FF0000;
			border-width: 1px;
			border-style: solid;
			border-color: #FF0000;	
			padding: 15px 15px 15px 15px;
			float: right;
		}
		.ficha .cuadro_texto_2col {
			width: 43%;
			background-color: #E5EDF9;
			color: #0D4293;
			border-width: 1px;
			border-style: solid;
			border-color: #C9D9F2;	
			padding: 15px 15px 15px 15px;
		}
		.ficha .tabla {
			border-spacing:inherit;
			border-width: 0px;
			border-style: solid;
			border-color: #E1E1E2;
		}
		.ficha .tabla td {
			border-width: 0px;
			border-style: solid;
			border-color: #E1E1E2;
		}
		.ficha .tabla img {
			width: 90px;
			height: 74px;
			border-width: 1px;
			border-style: solid;
			border-color: #E1E1E2;				
		}		
		.ficha .tabla a {
			font-size: 11px;
			text-decoration: none;
		}
		/* NOTICIA EN DETALLE */
		.ficha .noticia_detalle {
			min-height: 100%;
		}
		.noticia_detalle h1 {
			color: #333333;
			font-size: 14px;
			font-weight: bold;
			padding: 5px 0px 10px 0px;
		}
		.noticia_detalle h2 {
			color: #666666;
			font-size: 12px;
			font-weight: bold;
			padding: 5px 0px 10px 0px;
		}
		.noticia_detalle p {
			font-size: 12px;
			text-align: justify;
			padding: 0px 0px 20px 0px;
		}
		.noticia_detalle .noticia_foto {
			float: right; 
			padding: 10px 10px 10px 10px;
			margin: 0px 0px 0px 20px;
			border-width: 1px;
			border-style: solid;
			border-color: #E1E1E2;
		}
		.noticia_detalle a {
			color: #0D4293;
			text-decoration: underline;
			font-weight: bold;
			font-size: 12px;
		}
		/* FOTO EN DETALLE */
		.ficha .foto_detalle {
			min-height: 100%;
		}
		.foto_detalle img {
			width: 440px;
		}		
		.foto_detalle a {
			color: #0D4293;
			text-decoration: underline;
			font-weight: bold;
			font-size: 12px;
		}		
		.ficha .fila_foro {
			width: 100%;
			font-size: 11px;
			padding: 0px 0px 25px 0px;
			margin: 0px auto;
			position: relative;
			top: -80px;
			.top: 0px;
			clear: both;
		}
		.ficha .fila {
			width: 100%;
			font-size: 11px;
			padding: 0px 0px 25px 0px;
			margin: 0px auto;
		}
		*html .ficha .fila_foro { margin: 0px auto; top: 0px; }
		.fila_foro .columna_foro {
			width: 140px;
			padding: 0px 12px 0px 0px;
			float: left;
		}
		.fila .columna {
			width: 102px;
			padding: 0px 12px 0px 0px;
			float: left;
		}
		.columna_foro p {
			padding: 5px 0px 0px 0px;
		}
		.columna img {
			width: 90px;
			height: 74px;
			border-width: 1px;
			border-style: solid;
			border-color: #E1E1E2;				
		}		
		.logo_foro {
			height: 90px;
			border-width: 1px;
			border-style: solid;
			border-color: #E1E1E2;
		}
		.logo_foro img {
			padding: 10px 0px 10px 10px;	
		}

		/* Tablas de cursos ferroviario */
		
		.fichacursos { border: 1px solid; width: 100%; border-collapse: collapse;  font-size: 11px; margin-bottom: 20px; }
		.fichacursos td { padding: 0px; margin: 0px; }
		.fichacursos img { margin: 0px; }
		.fichacursos .header { padding: 10px !important; font-size: 16px; color: #FFF; }
		.fichacursos .modalidad { background-color: #999; text-align: center; }
		.fichacursos .titulocurso { padding: 5px; }
		.fichacursos a { font-size: 10px; text-decoration: none }
		.fichacursos .espacio { margin-left: 23px; }
		.fichacursos .duracion { vertical-align: bottom; width:120px; background-image: url('../Paginas/Formacion/Imagenes/duracion.png'); background-repeat: no-repeat; background-position: bottom; padding-left: 20px; padding-top: 10px }
		.fichacursos .borde { background-color: #999; v-align: bottom; background-image: url('../Paginas/Formacion/Imagenes/borde.png'); background-repeat: no-repeat; background-position: top-left; height: 2px;}

		/* FORMULARIO DE SOLICITUD DE INFORMACIÓN */
		.form_info {
			
		}
		.form_info h2 {
			padding-right: 15px;
		}
		.form_info h3 {
			font-size: 12px;
			color: #0D4293;
			padding: 0px;
			border-width: 0px 0px 2px 0px;
			border-style: solid;
			border-color: #E3E9F2; 
		}
		.form_info input {
			width: 300px;
			border-width: 2px;
			border-style: solid;
			border-color: #D9D9D9;
		}
		.form_info .botonera {
			width: 390px;
			margin-left: 130px;
			padding: 0px;
		}
		*html .form_info .botonera { margin-left: 67px; }
		.form_info .boton {
			width: 75px;
			color: #FFFFFF;
			background-color: #7FA4E1;
			font-weight: bold;
			font-size: 11px;
			border-width: 1px;
			border-style: solid;
			border-color: #D9D9D9;
			margin-left: 10px;
			padding: 5px;
		}
		.form_info textarea {
			width: 300px;
			height: 50px;
			border-width: 2px;
			border-style: solid;
			border-color: #D9D9D9;
		}
		.form_info .pie_form {
			font-size: 10px;
			text-align: justify;
			padding: 10px 5px 0px 0px;
			margin: 0px;
		}
		.form_info .pie_form h1 {
			font-size: 10px;
			color: #666666;	
		}
		.form_info .pie_form p {
			color: #919191;
			padding: 0px;
			margin: 5px 0px 5px 0px;
		}
		.error {
			color: #FF0000;
			font-size: 90%;
			padding: 0px 0px 0px 90px;	
		}
		
		.campo_form {
			  margin-top: 0.5em;
			  margin-left: 0em;
		}
		.campo_form label{
			margin-top: 0.2em;
			padding-right: 0.8em;
			display: block;
			width: 130px;
			float: left;
			font-size: 12px;			
			text-align: left;
		}
		
		
/* PIE */
.pie {
	width: 696px;
	background-color: #909090;
	color: #EEEEEE;
	font-size: 11px;
	margin-top: 10px;
	margin-left: 95px;
	padding: 10px 10px 10px 10px;
	float: left;
}
*html .pie { margin-left: 48px; }
	.pie p {
		padding: 0px;
		margin: 0px auto;
		text-align: center;
	}
	.pie img {
		float: right;
	}
/************** GLOBALES (TODO EL SITIO) ************************/
/* Texto en negrita */
.negrita {
	font-weight: bold;
}
/* Texto en cursiva */
.cursiva {
	font-style: italic;
}
/* Texto en negrita y cursiva */
.negritacursiva {
	font-weight: bold;
	font-style: italic;
}
/* Texto en rojo */
.textorojo {
	color: #FF0000;
}
/* Fechas */
.fecha {
	color: #656565;
}
/* Enlace genérico */
a { color: #4E80D2; outline:0; }
a:hover { color: #0E9EFF; }

/* ENLACE DE MÁS INFORMACIÓN */
.masinfo {
	color: #0C4192;
	font-size: 11px;
	text-decoration: none;
	padding: 10px 0px 0px 5px;
}
.masinfo img { 
	float: left;
	padding: 0px;
}
/* ENLACE DE IMPRIMIR */
.print {
	color: #0C4192;
	font-size: 11px;
	text-decoration: none;
	padding: 0px;
	float: right;
}
.print img { 
	float: left;
	padding: 0px 5px 0px 5px;
}
