/*
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; 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:#2C7D81 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-login.jpg") left top no-repeat; height:7.94em; width:25%;}
#cabecera-superior #escudo img {width:16.56em; height:3.75em; border:0;}

/* Cabecera superior */
#cabecera-superior #superior {display:block; float:left; margin:0; padding:0; background: url("../img/fondo-superior-dcha-login.jpg") left top no-repeat; height:7.93em; width:75%; text-align:right;}

/* Buscador */	
#cabecera-superior #superior #entrada{margin:1em 0.5em 0 0; padding:0.5em; height:2em; float:right; width:auto;}
#cabecera-superior #superior #entrada p {display:inline; float:left; width:auto; color:#FFF; font-size:0.75em; background:transparent;}
#cabecera-superior #superior #entrada p a {margin:0; padding:0; white-space:nowrap; text-decoration:none; font-weight: bold; color:#FFF; background:transparent;}
#cabecera-superior #superior #entrada p a:hover {text-decoration:none; color:#A3C0C4;} 

/* Idiomas */
#cabecera-superior #superior #idiomas {margin:6em 0.5em 0 2em; padding:0.1em; background-color:transparent; height:2em; position:relative; display:block;}
#cabecera-superior #superior #idiomas ul {list-style-type: none; margin: 0; padding: 0.1em 0 0.1em 0;}
#cabecera-superior #superior #idiomas ul li {display: inline; list-style-type:none; margin:0; padding:0;}
#cabecera-superior #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 #superior #idiomas a:hover {text-decoration:none; color:#A3C0C4;}
#cabecera-superior #superior #idiomas a.primero {background:none;}


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

/* Migas */
#contenedor #migas {padding:0.3em; margin:0; color:#000; display:inline; float:left; width:auto; }
#contenedor #migas h2 {font-weight: bold; color:#215E61; font-size:0.8em; margin:0; padding:0 0 0 0.5em; float:left; width:auto; }
#contenedor #migas ol {margin:0; font-size:0.7em; padding:0 0 0 0.5em; float:left; width:auto;}
#contenedor #migas ol li{display:inline;margin:0;padding:0;list-style:none}
#contenedor #migas a {color: #000; text-decoration: underline; padding: 0 0.6em 0 0.7em; font-weight: normal; background: url("../img/ico-migas.gif") no-repeat left; }
#contenedor #migas li strong {color: #000; padding: 0 0.6em 0 0.7em; font-weight: bolder; background: url("../img/ico-migas.gif") no-repeat left; }
#contenedor #migas a:hover {text-decoration: none;}

/* Central */
#contenedor #centralogin {clear:both; display:block; margin:2em auto; padding:2.5em 2em 0em 2em; min-height:19em; height:auto !important; height:19em; background:url("../img/fondo-central-login.jpg") top left no-repeat; width:38em;}
#contenedor #centralogin h1 {color:#215E61; font-size:2em; font-weight:bold; margin:0.3em 1em 1.5em 1em; padding:0; text-align:right;}
#contenedor #centralogin h2 {color:#808080; font-size:0.9em; font-weight:bold; margin:0; padding:0.5em 0.5em 0.5em 0; }
#contenedor #centralogin p {color:#000; margin:1em 2em 1em 2em; padding:0; text-align:justify; font-size:0.8em; width:auto;}
#contenedor #centralogin form {margin:0; padding:0;}
#contenedor #centralogin form fieldset {border:0; margin:0; padding:0;}


/*Error */
#contenedor #centralogin form fieldset #error {padding:0.6em; margin:0 3em 0 0; width:auto; display:block;}
#contenedor #centralogin form fieldset #error ul {margin:0; padding:0; font-size:0.8em; text-align:left;}
#contenedor #centralogin form fieldset #error ul li {background: url("../img/ico-li-error.gif") top left no-repeat; margin:0; padding:0 0 0 1.4em; color:#CC0000; list-style:none;}
	

/* Login */
#contenedor #centralogin form fieldset #intro {width:20em; margin:0 0 0 10em; border:0; padding:0;}
*+html #contenedor #centralogin form fieldset #intro {width:20em; margin:0; border:0; padding:0;}
#contenedor #centralogin form fieldset #intro label {margin:0; padding:0; font-size:0.8em; color:#000; display: block; float:left; text-align:right; width:9em; clear:both;}
#contenedor #centralogin form fieldset #intro input {margin:0; padding:0; font-size:0.8em; color:#000; display:block; width:11em; }

#contenedor #centralogin form #bot {clear: both; text-align: center; margin: 1em 0em 1em 0em;}
#contenedor #centralogin form #bot input {cursor: pointer; width: auto; font-weight: bold; font-size: 0.75em; font-family: Arial, helvetica, sans-serif; color: #126985; background: #fff url("../img/boton.jpg") bottom repeat-x; border: 1px solid #ccc; margin: 0.4em; text-align: center; padding: 0.15em 1.1em 0.15em 1.1em;}

/* Mensaje de ayuda */
#contenedor #mensaje {clear:both; display:block; margin:0 auto; padding:0.5em; width:30em;}
#contenedor #mensaje p {color:#000; margin:1em 0.5em 1em 0em; padding:0; text-align:justify; font-size:0.8em; width:auto; float:left;}
#contenedor #mensaje form {margin:0 0 4em 0; padding:0;}
#contenedor #mensaje form fieldset {border:0; margin:0; padding:0;}
#contenedor #mensaje form fieldset input {cursor: pointer; width: auto; font-weight: bold; font-size: 0.75em; font-family: Arial, helvetica, sans-serif; color: #126985; background: #fff url("../img/boton.jpg") bottom repeat-x; border: 1px solid #ccc; margin: 0.4em; text-align: center; padding: 0.15em 1.1em 0.15em 1.1em;}


/* Pie de pagina */ 
#contenedor #pie{clear:both; width:100%; margin:0 auto; padding:.8em 0; text-align:center; display:block; }
#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;}


/* Comun */
img {border: 0;}