* { margin:0; padding:0;}
body{ background-color:#225cab; cursor:default;}
a{ text-decoration:none; outline:none; color:#225cab;}
a:hover{ text-decoration:underline;}
li{ font-size:1.2em; list-style:none;}
span, p{ font-size:1.2em; line-height:1.5; color:#1f1f1f; }
img{ border:0;}

li.ultimo{ border:none !important;}
.clear{ clear:both;}


/**********************
*********header********
**********************/
#wrapper-header{ background:#225cab url(../img/bg-header.jpg) repeat-x bottom left; width:100%; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:62.5%; text-align:left; overflow:hidden;}
	#header{ width:90em; margin:0 auto; min-height:15.1em;}
	body:nth-of-type(1) #header{ min-height:14.9em;} /*chrome y safari*/
		#header img.logo{ float:left; width:20em; margin:1.2em 0 0 1.2em;}
		#header h1{ float:right; color:#89aad7; font-size:1.7em; padding:2.5em 0.6em 1.7em 0;}
		#header .menu{ float:right;}
			#header .menu ul{ float:left;}
			*+html #header .menu ul{ width:56.2em;}
			* html #header .menu ul{ width:56.2em;}
				#header .menu ul li{ float:left; width:auto; font-size:1.4em;}
					#header .menu ul li a{ color:#fefefe; text-decoration:none; display:block; padding:0.2em 0.7em 2.7em;}
					*+html #header .menu ul li a{ padding:0.2em 0.68em 2.7em;}
					* html #header .menu ul li a{ padding:0.2em 0.68em 2.7em;}
					#header .menu ul li a:hover{ background-color:#e9eff7; color:#225cab;}
				#header .menu ul li.activo{ display:block; padding:0.2em 0.7em 2.7em; background-color:#e9eff7; color:#225cab;}
				*+html #header .menu ul li.activo{ padding:0.2em 0.68em 2.7em;}

/**********************
*******contenido*******
**********************/
#wrapper-container{ font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:62.5%; text-align:left; overflow:hidden; padding-bottom:1.2em; background-color:#1c5096;}
	#container{ margin:0 auto; width:91em;}
		img.borde-contenedor{ width:91em; /*vertical-align:text-bottom;*/}
		*+html img.borde-contenedor{ vertical-align:text-bottom;}
		* html img.borde-contenedor{ vertical-align:text-bottom;}
		img.espacio{ margin-top:1.2em;}
		#contenido{ width:90.9em; background-color:#fefefe; margin-left:0.1em; float:left; display:inline; padding-bottom:1.5em;}
		
/**********************
**********home*********
**********************/
.superior{ margin:0; float:left; padding-bottom:3.5em; display:inline;}
	.img-home{ float:left; margin:4.7em 0 0 5em; display:inline; width:41.9em;}
	.intro{ width:36em; float:left; margin:0 0 0 4.4em; display:inline;}
		ul.idiomas{ float:right; margin:1em 1.2em 0 0; display:inline;}
			ul.idiomas li{ display:inline;}
			ul.idiomas li a{ display:inline; padding:0.1em 0.3em;}
			ul.idiomas li a:hover { text-decoration:underline;}
			ul.idiomas li.off{ display:inline; padding:0.1em 0.3em; font-weight:bold;}
		.intro .intro-txt{ float:left; margin-top:1.8em; width:36em;}
			.intro h2{ background:transparent url(../img/comillas.gif) no-repeat 0 0; font-weight:normal; padding:0.2em 0 0 1.3em; font-size:1.6em;}
.inferior{ margin:0 0 0 5em; float:left; padding-bottom:1em; display:inline;}
	.destacado-home{ width:18em; float:left; margin:0 3em 0 0; display:inline;}
		.destacado-home h3{ font-weight:normal; font-size:1.2em; background:transparent url(../img/comillas.gif) no-repeat 0 0; padding:0 0 0.2em 1.6em; line-height:2.2;}
		.destacado-home p{ padding-left:0.5em; width:14.8em;}
		.destacado-home .ver-mas { float:right; font-size:1.1em; font-weight:bold; padding:0.6em 1em 0 0; text-align:right;}
	.especial{ width:17em; float:left; margin:-0.7em 3em 0 0; display:inline;}
		.especial .img-azul{ width:17em;}
			.especial .linea-bt{ vertical-align:text-bottom;}
			.especial .linea-top{ vertical-align:text-top;}
		.contenido-especial{ background-color:#e9eff7; float:left; padding-bottom:0.5em; width:17em;}
/*		html>body .contenido-especial{ padding-bottom:0;}*/
		.contenido-especial h3{font-weight:normal; font-size:1.2em; background:none; padding:0 0 0.2em 2em; line-height:2.2;}
		.contenido-especial p{ padding-left:0.5em; display:block;}
		.contenido-especial ul{ padding:0 0 0.1em 0.8em;}
			.contenido-especial ul.lista-cursos li{ padding:0 0 0.8em 1.6em; background:transparent url(../img/huella.gif) no-repeat 0em 0.1em; font-size:1.1em; line-height:1.2; display:block;}
			.contenido-especial ul.lista-cursos li.listar{ padding-bottom:4em;} /*solo si hay 2 cursos*/
		.contenido-especial .ver-mas{ float:right; font-size:1.1em; font-weight:bold; padding:0.51em 1.4em 0 0; text-align:right;}
		
/**********************
*******menu-left*******
**********************/		
#menu-left{ float:left; width:17.5em; margin:1.4em 0 0 3em; display:inline;}
	.destacado{padding-bottom:2.5em; float:left; width:16em;}
		.cabecera_destacado{ position:relative; width:16em; height:2.8em;}
			.cabecera_destacado img{ width:16em; border-bottom:#e9eff7 0.2em solid; float:left;}
			.cabecera_destacado span{ position:absolute; top:0; left:0; font-weight:bold; color:#e9eff7; padding:0.5em 0; width:100%; text-align:center;}
		#menu-left ul{ padding:0em 0 1.1em; float:left; width:16em;background-color:#225cab;}
			#menu-left ul li{ padding:0.6em 0 0.6em 0.8em; }
			#menu-left ul li.first{ padding-top:1.1em !important;}
			#menu-left ul li.off{ color:#e9eff7; text-decoration:underline;}
				#menu-left ul li a{ text-decoration:none; color:#e9eff7;}
				#menu-left ul li a:hover{ text-decoration:underline;}
		#menu-left .grupo-left{ background-color:#e9eff7; width:16em; float:left;}
			#menu-left .grupo-left .destacado{ padding-bottom:2em;}
			#menu-left .grupo-left .final{ padding-bottom:0.8em;}
			#menu-left .grupo-left .contacto{ float:left; width:16em;}
				#menu-left .grupo-left .contacto ul{ background-color:#e9eff7; padding-bottom:0;}
					#menu-left .grupo-left .contacto ul li{ line-height:1.3; padding:0.6em 0 0.2em 0.8em;}
					#menu-left .grupo-left .contacto ul li a{ color:#225cab;}			
			#menu-left .grupo-left .contacto p.ver-historico{ float:left; font-weight:bold; font-size:1.1em; width:94%; text-align:right; padding-top:0.8em;}

/**********************
********content********
**********************/
.pad-abajo{ padding-bottom:0.6em;}
/*#content p, #content span, #content ul li{ font-family:Arial, Helvetica, sans-serif;}*/
#content{ float:left; width:66em; margin:1.4em 1em 0; }
ul.breadcrumb{ display:block; margin-left:1.6em; width:60em; padding:0.3em 0 2.2em;}
	ul.breadcrumb li{ display: inline; font-family:Tahoma, Arial, Helvetica, sans-serif !important;}
		ul.breadcrumb li a{}
p.primer-parrafo{ }
*+html p.primero{ padding-top:0.2em !important;}
* html p.primero{ padding-top:0em !important;}
p.siguientes{ padding:1.2em 1em 0 0;}
img.right{ float:right; margin:4em 2em 0; width:16em;}
img.right2{ float:right; margin:0.5em 2em 0.5em 2.5em; width:16em;}
img.vertical{ float:right; margin:0em 2em 0.5em 2.5em; width:13em;}
img.panoramica{ float:left; margin:2.7em 0 0; width:61.8em;}
img.ico-lecturas{float:right; margin:2em 4.5em 0 2.5em; width:16em;}
.general{ width:64em; margin-left:1.6em;}
	.subtitol{ width:62em; float:left; padding-bottom:1.5em;}
		.subtitol h2{ color:#026097; padding:0 0.4em 0.2em 1.4em; font-size:1.6em; font-weight:bold; float:left; background:transparent url(../img/comillas.gif) no-repeat 0 0;}
	.subtitol span{ float:left; width:36em; font-size:1.1em; color:#666666;}
	h3.seccion{ clear:both; margin:1.6em 0 0; color:#225cab; font-size:1.4em;}
	.general ul{ margin:1em 0 0.2em;}
		.general ul li{ display:block; line-height:1.6; background:transparent url(../img/huella.gif) no-repeat 1.5em 0.25em; padding:0 0 0.3em 3.2em;}
			.general ul li ul{ margin:0.4em 0 1em;}
				.general ul li ul li{ background:none; padding-left:0.2em;}
					.general ul li ul li span{ color:#225cab;}
	span.gris{ color:#707070; font-size:1em;}
	p.negrita{ font-weight:bold; line-height:1.7;}

/**********************
*******contactar*******
**********************/
img.ico-contactar{float:right; margin:0 6em 0 2.5em; width:16em;}
ul.forma-contacto{}
	ul.forma-contacto li{ padding-bottom:1.6em;}
		ul.forma-contacto li span.telefono{ padding:0 0 0 1em; font-weight:bold; color:#225cab;}
		ul.forma-contacto li span.mail{ padding:0 0 0 1.7em; font-size:1.1em;}
.formulario{ float:left; margin:0 0 0 4em; display:inline;}
	.formulario form{}
		.formulario form .col{ float:left; padding-bottom:1.6em;}
		.formulario form .fila{ float:left; width:24em;}
			.formulario form .fila label, .formulario form .fila-gran label{ font-size:1.1em; float:left; width:4.7em; color:#111111; padding:0.2em 1em 0 0; font-family:Tahoma, Arial, Helvetica, sans-serif; text-align:right;}
			.formulario form .fila label.no-requerido{ padding-top:0.4em;}
			.formulario form .fila input{ width:12em; min-height:1em; padding:0.1em 0; border:#333333 0.1em groove; font-size:1.2em; font-family:Arial, Helvetica, sans-serif; color:#111111;}
		.formulario form .fila-gran{ float:left; width:46em;}
			.formulario form .fila-gran textarea{ width:32em; height:12em; border:#333333 0.1em groove; font-size:1.2em; font-family:Arial, Helvetica, sans-serif; color: #111111;}
		.formulario form .centrar{ width:47em; float:left; text-align:center; margin-top:1.4em;}
			.formulario form .centrar input{ background-color:#225cab; border:0; font-size:1.1em; font-weight:bold; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#e5e5e5; padding:0.1em 0.2em 0.2em 0.3em; margin-left:4em; cursor:pointer;}

span.errorMessage{ font-size:1em; color:#cc0000; float:left; padding-left:6.3em; width:13em;}

.confirmacion{ margin:3em 0 0 8em; width:46em; float:left; display:inline;}
	.confirmacion p{ padding:2.5em 0 0 5em; line-height:2.2; }
		.confirmacion p a{ background:transparent url(../img/bg_link.gif) no-repeat 0 0.3em; padding-left:1.8em;}
.formulario span.obligatorio{ margin:0; font-size:1.1em; font-family:Tahoma,Arial, Helvetica, sans-serif; color:#cc0000; float:left; padding-left:0.8em;}
.formulario span.asterisco{ color:#cc0000; line-height:1;}

/**********************
*********cursos********
**********************/

.curso{ float:left; width:57em; padding-bottom:3em;}
.curso p.introduccion{ padding-top:0.5em;}
.feed{ float:left; margin:1.2em 0 0 0.4em; display:inline;}
	.feed a{ color:#225cab;}
	.feed a:hover{ text-decoration:none;}
		.feed a img{ float:left; width:3.6em;}
		.feed a span{ float:left; padding:0.9em 0 0 0.4em; color:#225CAB; cursor:pointer;}
		.feed a:hover span{ text-decoration:underline;}
/*img.rss{ width:3.1em; padding-left:4em;}*/
	.detalle-curso{}
		.detalle-curso p{ padding:0 2em 1.2em 0;}
			.detalle-curso p.info{ clear:both;}
		.detalle-curso img{ float:right; margin-left:2.8em; width:15em;}
		.detalle-curso ul{ float:left; margin:0; padding-bottom:1.2em;}
		.detalle-curso span { font-size:1.1em; padding-right:1em; text-align:right; float:right;}
		.detalle-curso span.volver { float:right;}
		
/**********************
*******lecturas********
**********************/

ul.lista-libros{ margin-top:1em;}
*+html ul.lista-libros{ margin-top:0;}
* html ul.lista-libros{ margin-top:0;}

/**********************
*******mapa web********
**********************/

.colA, .colB{ float:left; width:32em; margin-top:1em;}
	.mini-grupo{ float:left; width:28em; margin:0 0 2em 2em; display:inline;}
		.mini-grupo span{ display:inline; padding:0 1em 0 0;}
	.colB ul{ margin-top:0;}
		.colB ul li{ line-height:2.7; background:none;}
	
/**********************
******webs amigas******
**********************/

.listado-enlaces{ float:left; margin-top:0.5em;}
	.enlace{ width:19em; float:left; margin:0 1em 0 1em; padding-bottom:2.5em; display:inline;}
		.enlace a img{ width:14em;}
		.enlace a span{ display:block; padding:0.4em 1em 0 0.4em;}

/**********************
*******error 404*******
**********************/

span.error404{ font-size:1em; float:none; line-height:1.6; width:auto;}
	span.error404 a{ font-weight:normal;}
.margen-sup{ margin-top:2em;}

/**********************
*********footer********
**********************/
#wrapper-footer{ background:#225cab url(../img/bg-footer.jpg) repeat-x top left; width:100%; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:62.5%; text-align:left; overflow:hidden;}
	#footer{ width:91em; margin:0 auto; padding-bottom:4em; }
		#footer ul{ margin-top:5em; text-align:center;}
			#footer ul li{ display:inline; border-right:0.2em #fefefe dotted; color:#cccccc; padding:0 0.9em; }
			#footer ul li.off{ color:#fefefe; text-decoration:underline; }
				#footer ul li a{ text-decoration:none; color:#fefefe;}
				#footer ul li a:hover{ text-decoration:underline;}
			#footer ul li.design{font-size:1.1em;}
				#footer ul li.design a{ color:#cccccc;}