/*
Estilos para el portal de Formacion Profesional a distancia
Ministerio de Educacion
© Copyright 2009 
Todos los derechos reservados.
*/


/* Estilos body */
body {margin: 0; padding: 0; background-color:#FFF; font-family: Arial, Helvetica, sans-serif; color: #000;}

/* Estilos para la barra superior*/
#cabecera-superior {margin:0; padding:0; display:block; position:absolute; background:#4B737F url("../img/fondo-cabecera-superior.jpg") left top repeat-x; height:7.94em; width:100%;}
#cabecera-superior #escudo {display:block; float:left; margin:0; padding:0; background: url("../img/fondo-escudo.ministerio.jpg") left top no-repeat; height:7.94em; width:auto;}
#cabecera-superior #escudo img {width:auto; height:3.75em; border:0;}

/* Cabecera superior */
#cabecera-superior #superior {display:none;}

/* Buscador */	
#cabecera-superior #superior #buscador{display:none;}

/* Idiomas no se muestra */
#cabecera-superior #superior #idiomas {display:none;}

/* Inicio contenedor */
#contenedor {width:100%; margin:7.94em 0 0 0; padding:0; position:absolute; height: 30em; min-height: 30em; height: auto !important;}

/* Menu no se muestra */
#contenedor #menu {display:none;}

/* Contenido interior portada */
#contenedor #contenido-portada {display:block; float:left; margin:0; padding:0; height:auto !important; width:auto;}
#contenedor #contenido-portada #interior {display:block; width:auto; margin: 0 0 0 0.5em; }
#contenedor #contenido-portada #interior h1 {font-size:1.2em; text-align:left; margin:0; line-height:1.3em; display:block; padding:0.5em 3em 0.7em 1.4em; font-weight:bold; }
#contenedor #contenido-portada #interior p {font-size: 0.8em; text-align: justify; margin:0; line-height:1.5em; display:block; padding:0.8em 3em 0.9em 2em;}
#contenedor #contenido-portada #interior ul {margin:0; padding:0.9em 0 0 0; text-align:left; font-size:1.2em; display:block; height:6.5em;}
#contenedor #contenido-portada #interior ul li {margin:0.8em 1.5em 0.8em 7.5em; padding:0; color:#0F5E87; line-height:1.4em; list-style:none;}
#contenedor #contenido-portada #interior ul li a {background: url("../img/bullet-arrow-listado.gif") top left no-repeat; color:#59828E; text-decoration:none; padding:0.15em 0 0.1em 2em;}
#contenedor #contenido-portada #interior ul li a:hover {background: url("../img/bullet-arrow-listado-f2.gif") top left no-repeat; color:#6A6F6E; text-decoration:none;}

/* Contenido maquetacion del diseño de las páginas */
#contenedor #contenido {display:block; margin:0 1em 0 1em; padding:0; height: auto !important; width:auto;}
#contenedor #contenido h1 {color:#38565F; font-size:1.20em; text-align:left; margin:0; line-height:1.3em; display:block; padding:0.5em 3em 0.2em 0; font-weight:bold;}
#contenedor #contenido h2 {color:#0F5E87; font-size:1.05em; text-align:left; margin:0; line-height:1.3em; display:block; padding:0.1em 3em 0.2em 0; font-weight:bold;}
#contenedor #contenido h3 {color:#5D6D6F; font-size:0.90em; text-align:left; margin:0; line-height:1.3em; display:block; padding:0.1em 3em 0.2em 0; font-weight:bold;}
#contenedor #contenido h4 {color:#364682; font-size:0.80em; text-align:left; margin:0; line-height:1.3em; display:block; padding:0.1em 3em 0.1em 0; font-weight:bold;}

#contenedor #contenido p {font-size:0.8em; text-align: justify; margin:0; line-height:1.5em; display:block; padding:0.8em 3em 0.9em 1.5em;}
#contenedor #contenido span {font-size:0.8em; text-align: justify; margin:0; line-height:1.5em; display:block; padding:0.8em 3em 0.9em 1.5em;}
#contenedor #contenido br {clear:both; line-height:1.3em; margin:0; padding:0;}
#contenedor #contenido img {border:0; margin:0; padding:0;}
#contenedor #contenido ul{margin:0.8em 2.3em 0.8em 2em; padding:0.2em; text-align: justify; display:block;}
#contenedor #contenido ul li {padding:0 0 0 1.3em; list-style:none; margin:0; line-height:1.5em; font-size:0.8em; background: #fff url("../img/fondo-listados-a.gif") top left no-repeat;}
#contenedor #contenido ul li ul{margin:0.8em 0 0.8em 1.8em; padding:0; clear:both; display:block;}
#contenedor #contenido ul li ul li{ padding:0 0 0 1.3em; list-style:none; margin:0; font-size:100%; background: #fff url("../img/fondo-listados-b.gif") top left no-repeat;}
#contenedor #contenido ul li ul li ul{margin:0.8em 0 0.8em 1.8em; padding:0; clear:both; display:block;}
#contenedor #contenido ul li ul li ul li{margin:0; padding:0 0 0 1.5em; list-style:none; font-size:100%; background: #fff url("../img/fondo-listados-c.gif") top left no-repeat;}
#contenedor #contenido ol {margin:0.8em 2.3em 0.8em 2em; padding:0.2em; text-align: justify; display:block;}
#contenedor #contenido ol li {padding:0 0 0 0.7em;  margin:0; line-height:1.5em; font-size:0.8em;}
#contenedor #contenido ol li ol {margin:0.8em 0 0.8em 1.8em; padding:0; clear:both; display:block;}
#contenedor #contenido ol li ol li { padding:0 0 0 1.3em;  margin:0; font-size:100%; }
#contenedor #contenido ol li ol li ol {margin:0.8em 0 0.8em 1.8em; padding:0; clear:both; display:block;}
#contenedor #contenido ol li ol li ol li {margin:0; padding:0 0 0 1.2em;  font-size:100%; }

#contenedor #contenido a {color:#38565F; text-decoration:none; padding:0; margin:0; border-bottom:0.06em dotted #38565F; cursor:pointer;}
#contenedor #contenido a:hover {color:#000;}
#contenedor #contenido form { margin:0; padding:0;}

/* Botones */
#contenedor #contenido #botones {display:block; width:100%; margin:0; padding:0; text-align:center; font-size:0.75em; clear:both;}
#contenedor #contenido #botones a {cursor: pointer; width:auto; font-weight:bold; color:#126985; background: #fff url("../img/fondo-titu-menu.gif") top left repeat-x; border:0.06em solid #89B4C2; margin:0 0.3em 0 0.3em; text-align:center; padding:0.4em 0.9em 0.36em 0.9em; float:left;}
#contenedor #contenido #botones a:hover {text-decoration:none;}
#contenedor #contenido #botones input {cursor:pointer; font-weight:bold; color:#126985; background: #fff url("../img/fondo-titu-menu.gif") top left repeat-x; border:0.06em solid #89B4C2; margin:0 0.3em 0 0.3em; text-align:center; padding:0.3em 0em 0.3em 0em; float:left;}

/* Migas */
#contenedor #migas {padding:0.3em; margin:0; color:#000; font-size: 0.75em; display:block; width:auto; }
#contenedor #migas p {margin:0; padding:0 0 0 1em; float:left; background: url("../img/ico-inicio-migas.gif") top left no-repeat; width:auto; }
#contenedor #migas ol, #contenedor #migas ul,
#contenedor #migas ol li, #contenedor #migas ul li {display:inline; margin:0; padding:0 0.2em 0 0.2em; list-style:none}
#contenedor #migas a {color:#000; text-decoration: underline; border:0; padding:0 0.3em 0 0.8em; font-weight: normal; background: url("../img/ico-migas.gif")  top left no-repeat;}
#contenedor #migas a:hover {text-decoration: none;}
#contenedor #migas li strong {color: #000; padding: 0 0.3em 0 0.8em; font-weight: bolder; background: url("../img/ico-migas.gif")  top left no-repeat;}


/* Contenido noticias */
#contenedor #contenido-portada #noticias {display:block; width:auto; margin:0 2em 1em 2em;}
#contenedor #contenido-portada #noticias h2 {margin:1em 0 0 0; padding:0.15em 0 1em 1.7em; font-size:1.5em; background: url("../img/fondo-arrow-noticias.gif") top left no-repeat; color:#005F6F;}
#contenedor #contenido-portada #noticias ul {margin:-1.5em 0 0 2.7em; padding:0; text-align:left; border-top:0.2em double #005F6F; font-size:0.8em; color:#000;}
#contenedor #contenido-portada #noticias ul li {margin:1.5em 2em 2em 5em; padding:0 0 0 2em; list-style:none; background: url("../img/icon-listado-news.gif") left 0.2em no-repeat;}
*+html #contenedor #contenido-portada #noticias ul li {margin:1.5em 2em 2em 5em; padding:0 0 0 2em; list-style:none; background: url("../img/icon-listado-news.gif") 0.1em 0.4em no-repeat;}
#contenedor #contenido-portada #noticias ul li small {font-size:0.85em; color:#005F6F; display:block; margin:0; padding:0;}
#contenedor #contenido-portada #noticias ul li a {clear:both;  color:#000; text-decoration:none; padding:0.15em 0 0.1em 0em; display:block; text-align: justify;}
#contenedor #contenido-portada #noticias ul li a:hover {color:#6A6F6E; text-decoration:none;}

/* Pie de pagina */ 
#contenedor #pie{clear:both; width:100%; margin:1em 0 0 0; padding:.8em 0; text-align:right; display:block; background-color:#F0F0F0;}
#contenedor #pie p {font-size:0.7em;}
#contenedor #pie ul {font-size:0.7em; margin:0; padding:0;}
#contenedor #pie li {padding:0 1em 0 1em; list-style-type:none; display: inline; border-right:0.06em solid #ccc;}
#contenedor #pie li img {border:0; margin:0; padding:0;}
#contenedor #pie li a {color:#000; text-decoration:none; margin:0; padding:0;}
#contenedor #pie li a:hover {color:#6A6F6E; text-decoration:none;}


/* Mapa de España mapeado */
#contenedor #contenido #mapa {width:37em; margin:0; padding:0.5em; display:block; border:1px solid #ADAFAF; height:24em; float:left;}
#contenedor #contenido #mapa span {font-size:0.75em; color:#828383; text-align:left; padding:0; margin:0; display:inherit; position:absolute;}
#contenedor #contenido #mapa img {border:0; margin:0; padding:0;}
#contenedor #contenido #mapa map {border:0; margin:0; padding:0;}

/* Listado de CCAA */
#contenedor #contenido #listccaa {margin:0 0 0 0.5em; float:left; display:block; width:auto; height:auto; border:1px solid #ADAFAF; background:#FFFFFF url("../img/fondo-listado-espain.jpg") bottom right repeat-x;}
#contenedor #contenido #listccaa ul {text-align:left; margin:1em 1em 1em 1em;}
#contenedor #contenido #listccaa ul li {background: transparent url("../img/fondo-listados-ccaa.gif") top left no-repeat;}
#contenedor #contenido #listccaa ul li a {border-bottom:0; color:#000;}
#contenedor #contenido #listccaa ul li a:hover {border-bottom:0; color:#355;}

#contenedor #contenido .article-content {clear:both; margin:1em 5em 1em 0; }
#contenedor #contenido .article-content ul {margin:0; padding:0; text-align:left; color:#000;}
#contenedor #contenido .article-content ul li {margin:0.2em 4em 0em 1em; padding:0; list-style:none; background: url("../img/fondo-listar-cursos.jpg") 0.5em 3.5em no-repeat; }
#contenedor #contenido .article-content ul li h3 {color:#476D79; text-align:left; margin:0; padding:0.2em; font-weight:bold; font-size:115%;}
#contenedor #contenido .article-content ul li h4 {color:#485EAD; text-align:left; margin:0; padding:0.2em; font-weight:bold; font-size:105%;}
#contenedor #contenido .article-content ul li p {color:#000; text-align:justify; margin:0; padding:0.8em 0 0.8em 9em; font-size:100%;}
#contenedor #contenido .article-content ul li small {color:#476D79; text-align:left; margin:-2em 0 0 0; padding:0; font-weight:bold; clear:both; display:block; float:right; width:auto; font-size:0.85em;}
#contenedor #contenido .article-content ul li ol  {margin:0; padding:0; clear:both; display:block;}
#contenedor #contenido .article-content ul li ol li {padding:0 0 0 1.3em; margin:0 0 0 12em; font-size:100%; height:auto; min-height:1em; height: auto !important; background: transparent url("../img/fondo-listados-cursos.gif") top left no-repeat;}
#contenedor #contenido .article-content ul li a {color:#485EAD; text-decoration:underline; padding:0; margin:0; border:0; cursor:pointer;}
#contenedor #contenido .article-content ul li a:hover {color:#666;}