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



/* Estilos body */
body {margin:0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #000;background:#FFF url("../img/fondo-cabecera-superior.jpg") left top repeat-x;}

/* Estilos para la barra superior*/
#cabecera-superior {margin:0; padding:0; display:block; position:absolute; top:0; left:0; background:#FFF url("../img/fondo-cabecera-superior.jpg") left top repeat-x; height:7.94em; width:100%; z-index:1;}

#cabecera-superior #supiqda {position:relative; top:0; left:0; height:7.94em; width:16.56em; display:block; background: url("../img/fondo-escudo.ministerio.jpg") left top no-repeat; z-index:2;}
#cabecera-superior #supiqda #escudo {position:relative; top:0; left:0; margin:0; padding:0; height:7.94em; width:16.56em; z-index:3;}
#cabecera-superior #supiqda #escudo img {width:404px; height:59px; border:0;}

#cabecera-superior #supdcha {position:absolute; top:0; left:16.57em; height:7.94em; width:75%; margin:0; text-align:right; z-index:4; background: url("../img/fondo-superior-dcha.jpg") left top no-repeat;}
#cabecera-superior #supdcha #superior {position:absolute; top:0; left:4.5em; height:7.93em; margin:0; padding:0; width:90%; z-index:5; background: url("../img/fondo-eslogan-superior-ie6.gif") center top no-repeat;}



/* Buscador */	
#cabecera-superior #supdcha #superior #buscador{margin:1.5em 0.5em 0 0; padding:0.5em; height:2em; float:right; width:auto;}
#cabecera-superior #supdcha #superior #buscador form {margin:0; padding:0; display:inline;}
#cabecera-superior #supdcha #superior #buscador form fieldset {border:none; padding:0; margin:0;}
#cabecera-superior #supdcha #superior #buscador form fieldset legend {display:none; visibility: hidden;}
#cabecera-superior #supdcha #superior #buscador form fieldset label {display:inline; float:left; width:auto;}
#cabecera-superior #supdcha #superior #buscador form fieldset label input {background:#fff url("../img/ico-search.gif") no-repeat center left; border:1px solid #526062; color:#000; font-size:.8em; margin:0em; padding:.1em 0 0 1.35em; width:10em; font-weight:normal;}
#cabecera-superior #supdcha #superior #buscador form fieldset input.bot {cursor:pointer; float:left; background: url("../img/fondo-input-boton.png") top left no-repeat; border:none; color:#000; font-size:.75em; font-weight:bold; margin:0 0 0 0.1em; line-height:1.1em; overflow:visible; padding:0.2em 0 0.3em 0; width:5em; text-align:center; } 
*+html #cabecera-superior #supdcha #superior #buscador form fieldset input.bot {cursor:pointer; float:left; background: url("../img/fondo-input-boton.png") top left no-repeat; border:none; color:#000; font-size:.75em; font-weight:bold; margin:0 0 0 0.1em; line-height:1.2em; overflow:visible; padding:0.3em 0 0.3em 0; width:5em; text-align:center; }

/* Idiomas */
#cabecera-superior #supdcha #superior #idiomas {margin:6em 0.5em 0 2em; padding:0.1em; background-color:transparent; height:2em; position:relative; display:block; width:auto;}
#cabecera-superior #supdcha #superior #idiomas ul {list-style-type: none; margin: 0; padding: 0.1em 0 0.1em 0;}
#cabecera-superior #supdcha #superior #idiomas ul li {display: inline; list-style-type:none; margin:0; padding:0;}
#cabecera-superior #supdcha #superior #idiomas a {margin:0em; padding:0 0.2em 0 0.7em; white-space:nowrap; text-decoration:none; font-size:0.7em; font-weight: bold; color:#FFF; background:transparent url("../img/ico-idiomas.gif") no-repeat top left}
#cabecera-superior #supdcha #superior #idiomas a:hover {text-decoration:none; color:#A3C0C4;}
#cabecera-superior #supdcha #superior #idiomas a.primero {background:none;}

/* Inicio contenedor */
#contenedor {margin:7.94em 0 0 0; padding:0; display:block; position:absolute; height:30em; min-height: 30em; height: auto !important; width:100%;}
#contenedor #iqda {width:16.56em; position:absolute; left:0; background:#F0F0F0 url("../img/fondo-menu.jpg") bottom right no-repeat;}

/* Menu */
#contenedor #iqda #menu {margin:0; padding:0;}
#contenedor #iqda #menu h2 {display:block; font-weight: lighter; color:#6A6F6E; font-size:1.1em; background:#C2C2C2 url("../img/fondo-titu-menu.gif") top left repeat-y; margin:0; padding:0.35em 0 0.35em 1em; margin:0; border:1px solid #ADADAD; clear:both;}
#contenedor #iqda #menu ul {margin: 0.5em 1em 1em 1.6em; padding:0; text-align:left; font-size: 0.82em; clear:both; height:auto;}
#contenedor #iqda #menu ul li {margin:0.6em 0 0 0; padding:0; list-style-image: url("../img/ico-listado.gif"); color:#0F5E87;}
#contenedor #iqda #menu ul li a {color:#0F5E87; text-decoration:none;}
#contenedor #iqda #menu ul li a:hover {color:#6A3A4A; text-decoration:none;}
#contenedor #iqda #menu .block {width:100%; height:100%; clear:both; margin:0 0 7em 0; padding:0; display:block;}

#contenedor #dcha {margin:0em 0 0 16.56em; min-height:43em;}

/* Contenido maquetacion del diseño de las páginas */
#contenedor #dcha #contenido {margin:0 0 0 3em; padding:0;}
#contenedor #dcha #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 #dcha #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 #dcha #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 #dcha #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 #dcha #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 #dcha #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 #dcha #contenido br {clear:both; line-height:1.3em; margin:0; padding:0;}
#contenedor #dcha #contenido img {border:0; margin:0; padding:0;}
#contenedor #dcha #contenido ul{margin:0.8em 2.3em 0.8em 2em; padding:0.2em; text-align: justify; display:block;}
#contenedor #dcha #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 #dcha #contenido ul li ul{margin:0.8em 0 0.8em 1.8em; padding:0; clear:both; display:block;}
#contenedor #dcha #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 #dcha #contenido ul li ul li ul{margin:0.8em 0 0.8em 1.8em; padding:0; clear:both; display:block;}
#contenedor #dcha #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 #dcha #contenido ol {margin:0.8em 2.3em 0.8em 2em; padding:0.2em; text-align: justify; display:block;}
#contenedor #dcha #contenido ol li {padding:0 0 0 0.7em;  margin:0; line-height:1.5em; font-size:0.8em;}
#contenedor #dcha #contenido ol li ol {margin:0.8em 0 0.8em 1.8em; padding:0; clear:both; display:block;}
#contenedor #dcha #contenido ol li ol li { padding:0 0 0 1.3em;  margin:0; font-size:100%; }
#contenedor #dcha #contenido ol li ol li ol {margin:0.8em 0 0.8em 1.8em; padding:0; clear:both; display:block;}
#contenedor #dcha #contenido ol li ol li ol li {margin:0; padding:0 0 0 1.2em;  font-size:100%; }

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

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

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

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

/* Listado de CCAA */
#contenedor #dcha #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 #dcha #contenido #listccaa ul {text-align:left; margin:1em 1em 1em 1em;}
#contenedor #dcha #contenido #listccaa ul li {background: transparent url("../img/fondo-listados-ccaa.gif") top left no-repeat;}
#contenedor #dcha #contenido #listccaa ul li a {border-bottom:0; color:#000;}
#contenedor #dcha #contenido #listccaa ul li a:hover {border-bottom:0; color:#355;}

#contenedor #dcha #contenido .article-content {clear:both; margin:1em 5em 1em 0; }
#contenedor #dcha #contenido .article-content ul {margin:0; padding:0; text-align:left; color:#000;}
#contenedor #dcha #contenido .article-content ul li {margin:0em 0em 0em 0em; padding:0; height:auto; min-height:1em; height: auto !important; list-style:none; background: 0.5em 3.5em no-repeat; }
#contenedor #dcha #contenido .article-content ul li h3 {color:#476D79; text-align:left; margin:0; padding:0.2em; font-weight:bold; font-size:115%;}
#contenedor #dcha #contenido .article-content ul li h4 {color:#485EAD; text-align:left; margin:0; padding:0.2em; font-weight:bold; font-size:105%;}
#contenedor #dcha #contenido .article-content ul li p {color:#000; text-align:justify; margin:0; padding:0.8em 0 0.8em 9em; font-size:100%;}
#contenedor #dcha #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 #dcha #contenido .article-content ul li ol  {margin:0; padding:0; clear:both; display:block;}
#contenedor #dcha #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 #dcha #contenido .article-content ul li a {color:#485EAD; text-decoration:underline; padding:0; margin:0; border:0; cursor:pointer;}
#contenedor #dcha #contenido .article-content ul li a:hover {color:#666;}

/* Migas */
#contenedor #dcha #migas {padding:0.3em; margin:0; color:#000; font-size: 0.75em; display:block; width:auto; }
#contenedor #dcha #migas p {margin:0 0 0 3em; padding:0 0 0 1em; float:left; background: url("../img/ico-inicio-migas.gif") top left no-repeat; width:auto; }
#contenedor #dcha #migas ol, #contenedor #dcha #migas ul,
#contenedor #dcha #migas ol li, #contenedor #dcha #migas ul li {display:inline; margin:0; padding:0 0.2em 0 0.2em; list-style:none}
#contenedor #dcha #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 #dcha #migas a:hover {text-decoration: none;}
#contenedor #dcha #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;}

/* 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:1px 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;}

/* Contenido interior portada */
#contenedor #contenido-portada {display:block; float:left; margin:0; padding:0; height:30em; min-height:30em; height: auto !important; width:auto; background: url("../img/fondo-contenido-cuadrados.jpg") left top no-repeat;}
#contenedor #contenido-portada #interior {display:block; width:auto; margin: 0 0 0 9.3em; }
#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; background: #81A7B4 url("../img/fondo-titular-portada.jpg") left top repeat-y; border-bottom:1px solid #FFF; 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; background: url("../img/fondo-interior-bienvenida.jpg") left top repeat-y; border-bottom:1px solid #FFF;}
#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; background: url("../img/fondo-linkmenu-portada.jpg") left top repeat-x;}
#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 noticias portada */
#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:2px 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;}

/* Tablas */
#contenedor #dcha #contenido .tabla table {margin:1em; width:auto; clear:both; padding:0; border:1px solid #B8BABB;}
#contenedor #dcha #contenido .tabla table caption {color:#22565A; text-align:left; margin:0; padding:0.1em 0.2em 0em 0.1em; font-weight:bold; font-size:95%;}
#contenedor #dcha #contenido .tabla table caption {color:#22565A; text-align:left; margin:0; padding:0.1em 0.2em 0.5em 0.1em; font-weight:bold; font-size:95%;}
#contenedor #dcha #contenido .tabla table thead th {padding:0.3em 0.2em 0.4em 0.2em; margin:0; border:1px solid #DDD; border-bottom:2px solid #2E7378; font-size:0.9em; font-weight: bold; background: transparent url("../img/fon-barra-table.jpg") left bottom repeat-x; text-align:left;}
#contenedor #dcha #contenido .tabla table thead th.center {text-align:center;}
#contenedor #dcha #contenido .tabla table tfoot th {padding:0.3em 0.4em 0.4em 0.4em; margin:0; border:1px solid #DDD; border-top:2px solid #2E7378; font-size:0.75em; font-weight: bold; background: transparent url("../img/fon-barra-table-foot.jpg") left top repeat-x; text-align:left;}

#contenedor #dcha #contenido .tabla table td {padding:0.1em; margin:0; font-size:0.8em; border:#F1F1F1 1px solid;}
#contenedor #dcha #contenido .tabla table td.center {text-align: center;}
#contenedor #dcha #contenido .tabla table td a {margin:0; padding:0;}
#contenedor #dcha #contenido .tabla table td p {margin:0; padding:0;font-size:100%;}
#contenedor #dcha #contenido .tabla table td img {border:0;}

#contenedor #dcha #contenido .tabla table td ul {text-align:left; margin:1em 1em 1em 1em;}
#contenedor #dcha #contenido .tabla table td ul li  {background: transparent url("../img/fondo-listados-c.gif") top left no-repeat; font-size:100%;}


/* Capa incrustar imagenes que salgan centradas */
#contenedor #dcha #contenido .image {width:300px; margin:1.5em 0 1.5em 0; padding:0; display:inline-block; border:3px double #DDD;}
#contenedor #dcha #contenido .image img {border:0; width:99%; height:99%; padding:0.1em;}
#contenedor #dcha #contenido .image span {clear:both; display:block;}
#contenedor #dcha #contenido .image a {font-size:80%; font-weight:normal; margin:0 0 1em 0;}


/* Capa botón con imagen */
#contenedor #dcha #contenido .boton {width:100%; margin:1em 0 2em 0; clear:both; text-align:center;}
#contenedor #dcha #contenido .boton input {font-family: Arial, Helvetica, sans-serif; cursor:pointer; width:auto; font-weight: bold; background: #fff url("../img/fondo-boton.png") bottom repeat-x; border-left:1px solid #4F4F4F; border-right:1px solid #4F4F4F; text-align:center; padding:0.25em 0.6em 0.25em 0.6em; letter-spacing:-0.06em}
#contenedor #dcha #contenido .boton a {color:#000; font-size:0.75em; cursor:pointer; width:auto; font-weight:bold; background: #fff url("../img/fondo-boton.png") bottom repeat-x; border:1px solid #4F4F4F; text-align:center; padding:0.3em 1em 0.4em 1em; margin:1em 0 1em 0; display:inline-block;}
#contenedor #dcha #contenido .boton a:hover {text-decoration:none;}


ul.no_visible {display: none !important;}