/* CSS Document - Indice
- Reset
- Estructura
- Listas
- Textos y links
- Imágenes
- Tablas y cajas
*/
/* ----------- RESET MARGENES Y PADDINGS -----------------*/
h1, h2, h3, h4, h5, h6 {margin:1.5em 0;}
p {margin-bottom:1em;}
img {border:0; vertical-align:middle;}
table {border-collapse:collapse; border-spacing:0;}
.oculto {position: absolute; left: -999em;}
.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	}
.clearfix {display:inline-block;}
.clearfix {display:block;}
* html .clearfix {height:1px;}
.centrado { text-align:center;}
cite { font-style:normal;}
/*div {border:1px solid #FF0000;}*/
/*ol, ul{border:1px solid #0000FF; margin:1em 0em 1em 3em ; padding-left:1.5em;}*/
/*li{border:1px solid #00FF00; padding:0; margin:0;}*/

/* ----------- ESTRUCTURA DE LAS CAPAS ----------- */
/* las medidas de anchura especificadas en "em" son relativos a la fuente body:small y pagina:82% */
/* no cambiar - si se modifica el TAMAÑO DEL TEXTO, debe modificarse también los anchos y márgenes */
/* no cambiar - si se modifican los MARGENES Y RELLENOS LATERALES de un bloque deberá hacerse también en el resto de bloques */
/* deben especificarse color frontal y de fondo juntos para asegurar que siempre haya un buen contraste */
body {	
	margin:0; 
	padding:0;
	font:normal small Verdana, Arial, Helvetica, sans-serif;
	text-align:center;		
	}
#pagina {	
	margin:0px auto;
	width:70em;	
	font-size:82%;
	text-align:left;
	color:#1c3e83;
	background-color:#ffffff;
	}
#contenido {overflow:hidden;}
#migas {	
	margin:0 0 2em 17em;
	padding-top:1em;
	padding-bottom:0.3em;
	clear:both;
	border-bottom:0.1em solid #cadbee;
	font: bold 100% Geneva, Arial, Helvetica, sans-serif;
	color:#6d8bbf;
	background-color:#ffffff;	
	}
#derecha {
	float:right;
	width:10.5em;		
	text-align:center;
	background-color:#ffffff;
	}
#centro {
	margin:0;
	padding:0 1em; padding-bottom:1em;
	float:right;	
	text-align:left;
    height: auto!important;
    height: 450px; /* para IE5+ */
    min-height: 450px;
	background-color:#ffffff;
	overflow:visible;
}
.dos-columnas {width:40.5em;}
.una-columna {width:51em;}
* html .una-columna {width:49em;}
/* El resto de clases que afectan al bloque #centro son: .info, .tematica, .master, .c-sup, .c-esp, c-sem */
#tabla-cursos {width:46em; margin-right:-6em;}
* html #tabla-cursos {width:40em; margin-riht:0;}
* html div#tabla-cursos.fc {width:47em; margin-riht:0;}
#tabla-cursos.fc {width:47em; margin-right:2.5em; float:right; clear:right;}


#izquierda {
	padding:0.7em;
	padding-bottom:32768px;/* para igualar en altura */
    margin-bottom:-32768px;/* para igualar en altura */
	float:left;
	width:15em;
	text-align:right;
	color:#1c3e83;
	background-color:#eaeaea;
	}
#pie {background-color:#1c3e83; color:#FFFFFF; padding:0.5em;}

#contenido.pag-fc {background-color:#eaeaea;}
#contenido.pag-fc #izquierda{margin:0; padding-bottom:0;}
#contenido.pag-fc  {background-color:#eaeaea;}
.mr { margin-right:11em;}

.adwords #izquierda {width:10em; text-align:center;}
.adwords #derecha  {width:13.5em;}
.adwords #derecha li {text-align:center;}
.adwords #derecha li span { font-weight:normal; display:block;}


/* ----------- LISTAS ----------- */
/* utilzar sólo el atributo font-size con % para agrandar o hacer más pequeño el texto */
#migas ol {margin:0; padding:0; list-style:none;}
#migas li {
	margin:0;
	padding-right:0.9em;
	display:inline;
	background:#ffffff url(imagenes-web/ico-migas.gif) no-repeat center right;
	color:#1c3e83;
	}
#migas li a {background-color:#ffffff; color:#1c3e83;}
#migas li a:hover {background-color:#eeeedd;}
#migas li.none {padding:0; background:none; color:#6d8bbf;}

ul.accesos-directos, ul.logos, ul.google{list-style:none; margin:0; margin-bottom:2em; padding:0; width:100%; text-align:right;}
ul.accesos-directos li{
	font:bold 90% Verdana, Arial, Helvetica, sans-serif;
	background:#ffffff url(imagenes-web/linea.gif) no-repeat left bottom;
	padding:0.7em 0.3em 0.7em 1em;
	}
ul.google li{
	font:bold 90% Verdana, Arial, Helvetica, sans-serif;
	border-bottom:0.1em solid #9fafdf;
	padding:0.7em 0.3em 0.7em 1em;
	}


ul.logos li {margin:0; padding:0.5em 0; text-align:center;}
ul.logos a:hover {background-color:#ffffff;}
ul.logos span {display:block; padding-top:0.3em; font-size:81%; color:#999999;}

.info ul.logos {text-align:center;}
.info ul.logos li {display:inline; padding:20px 10px;}

ul.prensa li {margin-bottom:1em;}


.datos-curso {margin:0; padding:0; list-style:none;}
.master ul.datos-curso li, .c-sup ul.datos-curso li{width:48%; float:left;}
.c-esp ul.datos-curso li, .c-sem ul.datos-curso li{margin:0 0.7em; float:left;}
#caja-datos-curso li.datos-logo {width:100%; margin-top:0.5em; padding-top:0.5em; border-top:0.1em solid #CCCCCC;}
li.datos-logo span {display:block; float:left; width:1em;
	font-size:75%; color:#006699; text-align:center;}

#pie ul {margin:0 auto; padding:0; list-style:none;}
#pie li {margin:0.5em; float:right;}
#pie a{color:#FFFFFF; font:bold 85% Geneva, Arial, Helvetica, sans-serif;}
#pie a:hover {text-decoration:underline; color:#1c3e83; background-color:#FFFFFF;}

.pag-todos ul{list-style:none;}
.pag-todos li {background:url(imagenes-web/flecha-pag-todos.gif) no-repeat bottom left; padding-left:35px; padding-top:30px; padding-bottom:0.2em; font: bold 100% Geneva, Arial, Helvetica, sans-serif; margin-bottom:0.5em; border-bottom:0.1em dashed #CCCCCC; width:75%}

.adwords #izquierda ul {margin:0; padding:0; list-style:none;}
.adwords #izquierda li {margin:1em 0; padding:0; font-weight:bold;}
.adwords #derecha li {font-size:100%;}
/* ----------- LINKS Y TEXTOS ----------- */
/* utilzar sólo el atributo font-size con % para agrandar o hacer más pequeño el texto */

a:link {text-decoration:none; color:#990033;}
a:visited {text-decoration:none; color:#990033;}
a:hover {text-decoration:none; background-color:#eeeedd; color:#990033;}
a:active {text-decoration:none; color:#990033;}
a:focus {background-color:#eeeedd; color:#990033;}
a.azul{color:#1c3e83; font:bold 100% Arial, Helvetica, sans-serif; background-color:#FFFFFF;}
a.boton {	
	margin:0;
	padding:0.3em;
	border: 1px solid #CCCCCC;
	background: url(imagenes-web/boton.gif) repeat-x center;
	font-weight:bold;
	}

#derecha p.txt-titulo {color:#000000;}

#centro.info {text-align:justify;}
#centro.mapa {margin-right:-1em;}
#centro h1 {margin-top:0; font:bold 115% Verdana, Arial, Helvetica, sans-serif; color:#990033;}
.info h2 {font:bold 105% Verdana, Arial, Helvetica, sans-serif;}
.info h3 {font:bold 100% Verdana, Arial, Helvetica, sans-serif; color:#c5050c;}
.tematica h2 {
	font:bold 105% Verdana, Arial, Helvetica, sans-serif;
	background: url(imagenes-web/ico-tittle.gif) no-repeat center left;
	padding-left:18px;
	}
.tematica h2 span {font:normal 81% Verdana, Arial, Helvetica, sans-serif; color:#000000;}
.master h2, .c-sup h2, .c-esp h2, .c-sem h2, #tabla-cursos h2 {font:bold 105% Verdana, Arial, Helvetica, sans-serif;}
.master h3, .c-sup h3, .c-esp h3, .c-sem h3, #tabla-cursos h3 {
	background: url(imagenes-web/ico-h3-cursos.gif) no-repeat center left; 
	font:bold 105% Verdana, Arial, Helvetica, sans-serif; color:#990033;
	padding-left:1.7em;
	}

#izquierda blockquote {margin:1em 0em; text-align:left;}
#izquierda cite {display:block; font-style:normal;}
#izquierda.iniec p{text-align:left;}
#izquierda.iniec img {display:block; margin:1em auto 2em auto;}
#izquierda.iniec hr {margin-bottom:0.5em; height:0.2em; color:#cccccc; background-color: #cccccc;}


/* ----------- IMÁGENES ----------- */
.img-mundo, .img01, .img02, .img03, .img04, .img05, .img06, .img-alumnos, .img-empleo, .img-libre{display:block; height:160px;}
.img-mundo{background: url(imagenes-web/img-mundo.jpg) no-repeat center;}
.img01{background: url(imagenes-web/img01.jpg) no-repeat center;}
.img02{background: url(imagenes-web/img02.jpg) no-repeat center;}
.img03{background: url(imagenes-web/img03.jpg) no-repeat center;}
.img04{background: url(imagenes-web/img04.jpg) no-repeat center;}
.img05{background: url(imagenes-web/img05.jpg) no-repeat center;}
.img06{background: url(imagenes-web/img06.jpg) no-repeat center;}
.img-alumnos{background: url(imagenes-web/fotos_alumnos.jpg) no-repeat center;}
.img-empleo{background: url(imagenes-web/foto_empleo.jpg) no-repeat center;}
.img-libre {background: url(imagenes-web/foto_tlibre.jpg) no-repeat center;}

.ico-doc {vertical-align:middle;}


/*----------- TABLAS Y CAJAS 
/* utilzar sólo el atributo font-size con % para agrandar o hacer más pequeño el texto */

#caja-datos-curso {margin:0 auto; padding:0.3em; width:85%; background-color:#eaeaea; border:0.1em solid #cccccc;}
#caja-datos-curso + p {margin:0.3em 8% 2em 8%;}

.tematica table.cursos-relacionados {width:85%;}
table.cursos-relacionados {width:95%; border:0.1em solid #cccccc; text-align:center;}
table.cursos-relacionados th {text-align:left; padding:3px 5px; white-space:nowrap;}
table.cursos-relacionados td {padding:3px 2px;}
.celda-color {background-color:#eaeaea;}
table.cursos-relacionados td.ico-curso-01, table.cursos-relacionados td.ico-curso-02 {
	padding-left:14px; width:100%; text-align:left;}
table.cursos-relacionados td.ico-curso-01, .ico-curso-01 {background:#eaeaea url(imagenes-web/IconoListas.gif) no-repeat 0 0.35em;}
table.cursos-relacionados td.ico-curso-02, ico-curso-02{background:#ffffff url(imagenes-web/IconoListas.gif) no-repeat 0 0.35em;}
table.cursos-relacionados + p {margin-top:0.3em;}
div.fc table.cursos-relacionados {margin-bottom:2em; margin-right:-5em;}
div.fc table.cursos-relacionados td {white-space:nowrap; font-size:90%;}
div.fc table.cursos-relacionados td.ico-curso-01, div.fc table.cursos-relacionados td.ico-curso-02 { white-space:normal;}
div.fc table.cursos-relacionados td.ico-curso-01 + td, div.fc table.cursos-relacionados td.ico-curso-02 + td{text-align:left;}
th span.ancho-tipo { width:11.5em; display:block;}

/* TODAS LAS LISTAS DEL PAPA WEB */
#centro.mapa-web {padding-bottom:2em;}
#centro.mapa-web a {color:#1c3e83;}
.mapa-web ul {list-style:none; margin:0; padding:0;}
ul.n1 {font:normal 82% Verdana, Arial, Helvetica, sans-serif;}
.mapa-web h2 {font-size:115%; margin:1em 0;}
.mapa-web h3 {font-size:100%; font-weight:normal; margin:0; padding:0.5em 0; border:0.1em solid #cccccc; border-bottom-width:0.3em;}

li.n1-par, .doble li.n2-par {width:45%; float:left; text-indent:14px;margin:1em 1.5em;}
.mapa-web li.doble {clear:both; width:100%;}
.doble h2 {text-indent:14px; margin:1em 1.5em;}
.no-separar { white-space:nowrap;}

/* LISTAS DEL SEGUNDO NIVEL */
.mapa-web .n2-par {background:#ffffff url(imagenes-web/icono_home.gif) no-repeat 0.35em ;}
.mapa-web .n2-impar {background:#eaeaea url(imagenes-web/icono_home.gif) no-repeat 0.35em 0.2em;}
.mapa-web .n2-par, .n2-impar {padding:0.3em 0;}
.mapa-web .doble li.n2-par {background:#ffffff url(imagenes-web/icono_home.gif) no-repeat 0.5em 0.8em;}
ul.n2 li, ul.n3 li {border-left:0.1em solid #cccccc;}

/* LISTAS DEL TERCER NIVEL */
ul.n2, ul.n3 {border:0.1em solid #cccccc; border-left:0;}
#centro.mapa-web li.doble li.n3-par {background:#ffffff url(imagenes-web/IconoListas.gif) no-repeat 0 0.2em; }
#centro.mapa-web li.doble li.n3-impar {background:#eaeaea url(imagenes-web/IconoListas.gif) no-repeat 0 0.2em;}
#centro.mapa-web li.doble li.n3-par, #centro.mapa-web li.doble li.n3-impar {padding:0.2em 0.5em 0.2em 14px; margin:0; text-indent:0;}

.subir { text-align:right; margin-right:3em;}
/* FORMULARIO */
table#contacto {width:100%;}
table#contacto td, table#medios td {padding:0.3em; vertical-align:top; font:normal 1em Verdana, Arial, Helvetica, sans-serif;}
table#contacto input {width:95%;}
table#contacto label, table#medios label {display:block; text-align:right; font-weight:bold; margin-top:0.5em; width:12em;}
.txt-center {text-align:center;}
/*table#contacto input {border:0.1em solid #38459E; background-color:#F4FBFF; color:#336699;}*/
.ko {color:#C40000;}