/* CUERPO DE LA PAGINA */
body {
	color:#303030;
	background-color: #EAEBEF;
	width: 1000px;
	font-family: Arial, Helvetica;
	font-size: 12px;
	margin: 0 auto;
	padding:0; 
	text-align: center;
}
/* PAGINA CENTRAL COMPLETA */
.pagina {
	margin: 5px 0px 0px 25px;
	width: 950px;
	text-align: left;
}
/* encabezados de bloques */
.pagina h1 {
	height: 24px;
	background-repeat: no-repeat;
	background-position: top;
	color: #FFFFFF;
	font-size: 12px;
	margin: 5px 0px 0px 0px;
	padding: 2px 5px 0px 5px;
}
/* cuerpo de los bloques */
.pagina .bloque {
	background-color: #FFFFFF;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	margin: 0;
	padding: 5px 0px 10px 8px;
}
/* enlaces por defecto */
a {
	text-decoration: none;
	color: #008EEA;
	outline: none;
}
a:hover { text-decoration: underline; }
/* listas sin numerar */
ul { list-style-image: url('bolo.gif'); }
/* texto negrita */
.negrita { font-weight: bold; color: #444444; margin: 0px; }
/* texto cursiva */
.cursiva { font-style:italic; color: #444444; margin: 0px; }

/* CABECERA */
.cabecera {
	width: 932px;
	height: 65px;
	background-image: url('cabecera.png');
	background-repeat: no-repeat;
	padding-bottom: 10px;
}
*html .cabecera { padding-bottom: 0px; }

/* MENU */
.menu {
	width: 790px;
	float: left;
	margin-top: 25px;
	margin-left: 164px;
}
*html .menu { margin-left: 82px; }
/* enlace de menu */
.menu a:hover { text-decoration: none; background-image: url('boton_activo.png'); background-repeat: no-repeat; background-position: top left; }
/* BOTONES DE MENU */
.boton, .boton_activo, .boton2 {
	float: left; 
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	width: 90px;
	height: 30px;
	text-align: center;
	margin-top: 11px;
	padding-top: 5px;
	margin-right: 0px;
	font-size: 13px;
	font-weight: bold;
}
.boton { background-image: url('boton.png'); background-repeat: no-repeat; }
.boton_activo {	background-image: url('boton_activo.png'); background-repeat: no-repeat; }
.boton2 { width: 112px !important; height: 30px; text-align: right !important; margin-top: 3px !important; margin-right: 0px !important; }
.boton2:hover { background-image: none !important; }
.boton2 img { border-width: 1px 1px 0px 1px; border-color: #CCCCCC; padding: 1px !important; }

/* BLOQUE MENU */
.bloque_menu {
	width: 225px;
	float: left;
	display: block;
	margin-top: 5px;
}
.bloque_menu h1 { background-image: url('menu.png'); font-size: 14px; padding-left: 10px; }
.bloque_menu .bloque { background-color: #FFFFFF; border-color: #8F8F8F; border-width: 0px 1px 1px 1px; }
.bloque_menu img { margin-left: 5px; margin-bottom: 5px; }
*html .bloque_menu img { margin-bottom: 2px; }
.bloque_menu span { width: 35px; background-color: #999999; margin-top: 8px; margin-left: 5px; padding: 3px; border: 1px solid #666666; }
.bloque_menu a { color: #FFFFFF; font-weight: bold; text-decoration: none; }
.bloque_menu ul { list-style-image: none; list-style: none; text-indent: 0px; margin: 0; padding: 0px 0px 0px 5px; }
*html .bloque_menu ul { padding: 3px; }
.bloque_menu ul li { margin-top: 10px; }
.bloque_menu ul a { color: #008EEA; font-weight: normal; text-decoration: none; }
.bloque_menu ul a:hover { text-decoration: underline; }
.bloque_menu ul .opcion_activa { width: 90%; margin:0; padding:0; color: #2f6aab; background-color: transparent; border: 0; font-weight: bold; }

/* MENU LATERAL CURSOS */
.cursos { width: 98%; }
.cursos a { font-size: 10px; display: block; margin: 3px 0px 0px 0px; border-width: 0px 1px 1px 1px; border-color: #E5E5E5; border-style: solid; background-color: #F9F9F9; text-align: justify; padding: 0px 5px 0px 5px; }
.cursos a:hover { text-decoration: none !important; color: red; }

/* BLOQUE GRANDE */
.bloque_grande {
	width: 932px;
	margin-left: 2px;
	margin-top: 5px;
}
.bloque_grande h1 { background-image: url('grisGG.png'); height: 24px; font-size: 16px; padding-left: 10px; }
.bloque_grande .bloque {
	background-color: #FFFFFF; 
	border-width: 1px; 
	border-style: solid; 
	border-color: #C7C7FC;

}
.bloque_grande img { border: 0px; }
.bloque_grande p { background-color: transparent; border: 0px; width: 90%; text-align: justify; margin-left: 5px; margin-top: 2px; padding-left: 5px; }

.tabla_portada { width: 900px; margin-left: 10px; padding: 0px; }
.tabla_portada .titulo { background-image: none; color: #236a9e }
.tabla_portada h1 { background-image: none; color: #236a9e }
.tabla_portada p { margin-top: 0px; font-size: 10px; }

/* CABECERA PORTADA PARA LOS BANNERS */
.cabecera_portada {
	width: 943px;
	margin-left: 0px;
	margin-top: 10px;
	padding: 0px;
}
.cabecera_portada td {
	width: 290px;
	background-color: transparent;
	vertical-align: bottom; 
	padding: 0px;
	margin: 0px;
}
.cabecera_portada .espacio { border: 0; background-color: transparent; width: 35px; }
.cabecera_portada th { color: #FFFFFF; text-align: center; background-image: url('azulG.png'); height: 16px; width: 290px }
/* BLOQUES BANNERS CABECERA PORTADA */
.cabecera_portada a {
	width: 280px;
	height: 50px;
	display: block;
	padding: 0px;
	border: 1px solid;
	border-color: #C7C7FC;
	margin: 0px;
	background-color: #FFFFFF;
	background-repeat: no-repeat; background-position: center center;
}

.cabecera_portada .banner1_portada { 	background-image: url('fasys.jpg');  }
.cabecera_portada .banner2_portada { 	background-image: url('fia.jpg');  }
.cabecera_portada .banner3_portada { 	background-image: url('cualificacion.jpg');  }
.cabecera_portada .servicios { background-color: #336699; color: #FFFFFF; font-size: 16px; font-weight: bold }
.cabecera_portada .servicios_act { background-color: #14933C; color: #FFFFFF; font-size: 16px; font-weight: bold }

/* PIE PORTADA */
.pie_portada {
	width: 935px;
	margin-left: 0px;
	margin-top: 10px;
	padding: 0px;
}
.pie_portada td {
	width: 290px;
	background-color: transparent;
	vertical-align: bottom; 
	padding: 0px;
	margin: 0px;
}
.pie_portada .espacio { border: 0; background-color: transparent; width: 12px; }
.pie_portada th { color: #FFFFFF; text-align: center; background-image: url('azulG.png'); height: 16px; width: 290px }
/* BLOQUES PEQUEÑOS PORTADA */
.actualidad_portada {
	width: 290px;
	height: 200px;

	border: 1px solid;
	border-color: #C7C7FC;
	margin: 0px;
	background-color: #FFFFFF !important;
	vertical-align: top !important;
}
/* ACTUALIDAD */
.actualidad_portada h1 { background-image: url('grisG.png'); font-size: 14px; color: #FFFFFF; padding-top: 5px; margin:0px; text-align: center; }
.actualidad_portada a { font-size: 11px; }
.actualidad_portada .noticia { width: 240px; padding: 5px; margin-left: 10px; }
.actualidad_portada .noticiapar { width: 240px; background-color: #F7F7FC; padding: 5px; margin-left: 10px; border-width:1px 0px 1px 0px; border-style: solid; border-color: #C7C7FC }
.actualidad_portada p { margin:0; font-size: 11px; text-align: justify; }
.actualidad_portada ul { padding: 0; margin: 0px 0px 0px 15px; list-style-image: url('bolo.gif'); text-indent: 0px; font-size: 10px; }
.actualidad_portada .noticias { height: 190px; overflow-y: auto; overflow-x: auto; scrollbar-base-color: #c1c7cb;  }

.aulas_portada {
	width: 290px;
	height: 200px;
	display: block;
	padding: 10px;
	border: 1px solid;
	border-color: #C7C7FC;
	margin: 0px;
	background-image: url('aulas.jpg'); background-repeat: no-repeat; background-position: center center;
	background-color: #FFFFFF;
}
.aulas_portada:hover { background-color: #5d85b8; }
.catalogo_portada {
	width: 290px;
	height: 200px;
	display: block;
	padding: 10px;
	border: 1px solid;
	border-color: #C7C7FC;
	margin: 0px;
	background-image: url('catalogo.jpg'); background-repeat: no-repeat; background-position: center center;
	background-color: #FFFFFF;
}
.catalogo_portada:hover { background-color: #aaaead; }

/* BLOQUE PEQUEÑO */
.bloque_interior {
	width: 700px;
	display: block;
	float: right;
	padding-right: 17px;
	margin-top: 5px;
}
.bloque_interior h1 { background-image: url('grisG.png'); background-repeat: no-repeat; background-position: top center; font-size: 16px; padding-left: 10px; }
.bloque_interior h2 { font-size: 15px; color: #0066CC; }
.bloque_interior h3 { font-size: 14px; color: #0099CC; font-weight: normal; }
.bloque_interior .bloque { background-color: #FFFFFF; border-color: #8F8F8F; border-width: 1px 1px 1px 1px; padding: 10px 20px 0px 20px; }
.bloque_interior .bloquepar { background-color: #EFEEEE; border-color: #666666; border-width: 0px 1px 1px 1px; }
.bloque_interior ul { list-style-image: url('bolo.gif'); line-height: 15px; }
.bloque_interior ul li { padding-bottom: 10px; }

/* FICHAS DE CURSOS */
/* tabla para el catalogo de cursos */
.fichacursotop_rlt {
	width: 650px;
	height: 17px;
	background-image: url('top_rlt.png');
	margin-top: 10px;
}
.fichacursotop_aapp {
	width: 650px;
	height: 17px;
	background-image: url('top_aapp.png');
	margin-top: 10px;
}
.fichacursotop_tcarr {
	width: 650px;
	height: 17px;
	background-image: url('top_tcarr.png');
	margin-top: 10px;
}
.fichacursotop_indus {
	width: 650px;
	height: 17px;
	background-image: url('top_indus.png');
	margin-top: 10px;
}
.fichacursotop_ffhh {
	width: 650px;
	height: 17px;
	background-image: url('top_ffhh.png');
	margin-top: 10px;
}

.fichacursomiddle {
	width: 650px;
	background-image: url('middle.png');
	background-repeat: repeat-y;
}
.fichacursobottom {
	width: 650px;
	height: 24px;
	background-image: url('bottom.png');
}
.tablacursos {
	margin-left: 5px;
	width: 635px;
	cell-padding: 0px;
	cell-spacing: 0px; 
}
.tablacursos td {
	padding: 0px 10px 0px 10px; 
}
.tablacursos img { border: 0px; }

/* ficha de modalidades */
.fichamodelo {
	text-align: left;
	width: 90%;
	font-size: 12px;
	border-collapse: collapse;
	align: center;
	padding: 0px;
	margin-left: 50px;
}
.fichamodelo th {
	color: #FFFFFF;
	background-color: #14933C;
	font-size: 20px;
	font-weight: bold;
	border: 1px;
	border-style: solid;
	border-color: #41A660;
	padding: 10px;	
}
.fichamodelo td {
	border: 1px;
	border-style: solid;
	border-color: #41A660;
/*	font-weight: bold;	*/
	padding: 10px;
}
.fichamodelo .verde {
	width: 30%;
	background-color: #E7F4EB;
	font-weight: bold;
	padding: 10px;
}
.fichamodelo .iconos {
	background-color: #FFFFFF; 
	border: 0px;
	text-align: center;
}
.fichamodelo .iconos img { padding-right: 10px; }
/*************** FORMULARIO SOLICITUD INFORMACION ************/
.formcurso {
	width: 750px;
	padding-bottom: 20px;
	margin-left: 100px;
}
.formcurso h1 {
	color: #FFFFFF;
	padding: 0px 0px 0px 10px;
	margin: 0;
}
.formcurso h2 {
	font-size: 80%;
	font-weight: normal;
	color: #000000;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #03586C; 
	padding: 10px 10px 10px 10px;
	margin: 0px;
}
.formcurso h3 {
	width: 90%;
	font-size: 80%;
	color: #02576B;
	padding: 0px 0px 5px 0px;
	margin-left: 10px;
	border-width: 0px 0px 0.1em 0px;
	border-style: dotted;
	border-color: #03586C; 
}
.formcurso input {
	width: 400px;
	border-width: 1px;
	border-style: solid;
	border-color: #03586C; 
}
.formcurso .peque {
	width: 80px;
	border-width: 1px;
	border-style: solid;
	border-color: #03586C; 
}
.formcurso .boton {
	float: right;
	width: 90px;
	height: 26px;
	color: #FFFFFF;
	border: 0px;
	margin-left: 12em;
	padding: 2px;
}
.formcurso textarea {
	width: 400px;
	height: 50px;
	scroll: auto;
	border-width: 1px;
	border-style: solid;
	border-color: #03586C; 
}
.formcurso .pieform {
	font-size: 80%;
	font-weight: normal;
	color: #303030;
	background-color: #E5EFF1;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #03586C; 
	text-align: justify;
	padding: 10px 15px 0px 15px;
	margin: 10px 0px 0px 0px;
}
.formcurso .pieform h1 {
	font-size: 110%;
	color: #FFFFFF;	
	background-color: #E5EFF1;
	padding: 0px 0px 0px 10px;
	margin: 0px;
}
.formcurso .pieform p {
	width: 100%;
	padding: 0px;
	margin: 5px 0px 5px 0px;
}
.error {
	color: #FF0000;
	font-size: 90%;
	padding: 0px 0px 0px 90px;	
}
.formcurso .check {
	width: 18px;
	border: 0px;
}

.campo {
	  margin-top: 0.5em;
	  margin-left: 0.5em;
}
.campo label{
    margin-top: 0.2em;
    padding-left: 0em;
	padding-right: 0.8em;
    display: block;
    width: 12em;
    float: left;
	text-align: right;
	font-size: 75%;
}
.campo div {
	margin-left: 13em;
    width: 400px;
	font-size: 75%;
	font-style: italic;
}
/* PIE */
.pie {
	display: block;
	float: left;
	margin: 10px 0px 0px 1px;
	padding: 8px 0px 0px 0px;
	width: 931px;
	height: 75px;
	background-image: url('pie.gif');
	background-repeat: repeat-x;
	background-position: top;
	border-color: #008EEA;
	border-width: 2px 0px 0px 0px;
	border-style: solid;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}