body {margin:0;font:100% Arial,Verdana, Helvetica, sans-serif}
img {border:0}
.oculto {visibility: hidden;display:none}
#cabecera {width:100%;float:left;padding:0;margin:0;height:95px;background:#295B82} * html #cabecera {margin:-3px 0}
.logo_junta {float:left;background: #295B82;color:#fff;width:80%;padding:0;margin:0} 
.cab_eoi {float:right;background: #B3C3D0;width:20%;padding:0;margin:0} 
#img_eoi {float:left;background: url(http://www.juntadeandalucia.es/educacion/adistancia/eoi/img/imagen_jovenes.jpg) 0 0 no-repeat #fff;width:39%;padding:0;margin:0;height:228px}
#bienvenido {float:left;background: url(http://www.juntadeandalucia.es/educacion/adistancia/eoi/img/img_bienvenido.jpg) 100% 100% no-repeat;width:61%;padding:0;margin:0;height:228px}

#contenedor_franja {width:100%;float:left;padding:0;margin:0}
.btn_IraCursos {float:left;margin:0;padding:0;background:#95006A;width:39%;text-align:right}
.franja {float:left;width:61%;height:46px;background: url(http://www.juntadeandalucia.es/educacion/adistancia/eoi/img/franja_imagen.jpg) 100% 100% no-repeat #57646D}

.bgenlaces {float:left;width:100%;background:#f1f1f1}
#enlaces {
	float:left;
	width:39%;
	padding:0;
	margin:0;
	background-color: #E3E9EE;
	background-image: url(http://www.juntadeandalucia.es/educacion/adistancia/eoi/img/tit_informacion.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#enlaces ul  {float:left;padding:45px 0 20px 50px;margin:0}
#enlaces ul li {float:left;margin:0;width:100%;font:85% Arial,Verdana, Helvetica, sans-serif;padding:5px 0 5px 10px;list-style-type:none;background: url(http://www.juntadeandalucia.es/educacion/adistancia/eoi/img/bullet.gif) 0 50% no-repeat}
#enlaces ul li a:link {float:left;text-decoration:none;color:#444}
#enlaces ul li a:hover {text-decoration:underline;color:#444}
#enlaces ul li a:visited {text-decoration:none;color:#444}
#enlaces ul li a:visited:hover {text-decoration:underline;color:#444}
.destacado {float:left;width:100%;padding:0 0 23px 50px;margin:0;font:bold 80% Arial,Verdana, Helvetica, sans-serif}
.destacado a:link {float:left;text-decoration:none;color:#95006A;background:#E3E9EE}
.destacado a:hover {float:left;text-decoration:underline;color:#95006A;background:#E3E9EE}
.destacado a:visited {float:left;text-decoration:none;color:#95006A;background:#E3E9EE}
.destacado a:visited:hover {float:left;text-decoration:underline;color:#95006A;background:#E3E9EE}

#informacion {float:left;background: url(http://www.juntadeandalucia.es/educacion/adistancia/eoi/img/tit_accesoInformacion.gif) 0 0 no-repeat #F1F1F1;width:28%;padding:0;margin:0}html>body #informacion {width:30%}
#informacion h3 {color:#5C6D27;font:bold 110% Arial,Verdana, Helvetica, sans-serif;background: url(http://www.juntadeandalucia.es/educacion/adistancia/eoi/img/icono_enlaces.gif) 0 0 no-repeat;padding:11px 0 11px 50px;margin:0}
#informacion ul  {
	float:left;
	padding:45px 0 20px 50px;
	margin:0;
	
}
#informacion ul li {
	float:left;
	margin:0;
	width:100%;
	font:85% Arial,Verdana, Helvetica, sans-serif;
	padding:10px 0 5px 10px;
	background-repeat: no-repeat;
	background-position: 0 center;
	list-style-type: none;
	background-image: url(http://www.juntadeandalucia.es/educacion/adistancia/eoi/img/bullet.gif);
}
#informacion ul li a:link {
	float:left;
	text-decoration:none;
	color:#444;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#informacion ul li a:hover {text-decoration:underline;color:#444}
#informacion ul li a:visited {
	text-decoration:none;
	color:#444;
	margin: 0px;
}
#informacion ul li a:visited:hover {text-decoration:underline;color:#444}

#accesos {float:right;width:30%;background: url(http://www.juntadeandalucia.es/educacion/adistancia/eoi/img/tit_oferta.gif) 0 0 no-repeat #E9D8E6;padding:22px 0px 5px 0px;margin:0}html>body #accesos {width:31%;float:left}
#accesos ul {float:left;padding:20px 0 0 74px;margin:0}
#accesos ul li {float:left;width:100%;color:#C87A00;display:block;margin:10px 0 5px 0;font:bold 85% Arial,Verdana, Helvetica, sans-serif;padding:0 0 0 10px;list-style-type:none;background: url(http://www.juntadeandalucia.es/educacion/adistancia/eoi/img/bullet.gif) 0 50% no-repeat}
#accesos ul li a:link {display:block;float:left;text-decoration:none;color:#444}
#accesos ul li a:hover {float:left;text-decoration:underline;color:#444}
#accesos ul li a:visited {float:left;text-decoration:none;color:#444}
#accesos ul li a:visited:hover {float:left;text-decoration:underline;color:#444}

.destacado2 {
	float:left;
	background: url(http://www.juntadeandalucia.es/educacion/adistancia/eoi/img/flecha_destacado.gif) 60px 2px no-repeat;
	font:bold 100% Arial,Verdana, Helvetica, sans-serif;
	color:#548D44;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 80px;
}
.destacado2 a:link {text-decoration:none;color:#95006A}
.destacado2 a:hover {text-decoration:underline;color:#95006A}
.destacado2 a:visited {text-decoration:none;color:#95006A}
.destacado2 a:visited:hover {text-decoration:underline;color:#95006A}

/* INTERIORES */
#interiores {float:left;width:100%;background: url(http://www.juntadeandalucia.es/educacion/adistancia/eoi/img/img_interior.jpg) 0 100% no-repeat #E3E9EE;}
#interiores .txt {
	float:right;
	font:85% Arial,Verdana, Helvetica, sans-serif;
	color:#333;
	width:61%;
	margin-top: auto;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: auto;
}
#interiores .menu {float:left;font:85% Arial,Verdana, Helvetica, sans-serif;color:#333;width:39%;}
#interiores .menu h2 {width:100%;float:left;color:#505058;font:bold 125% Arial,Verdana, Helvetica, sans-serif;background: url(http://www.juntadeandalucia.es/educacion/adistancia/eoi/img/icn_eoi.gif) 0 0 no-repeat #E3E9EE;padding:3% 0 3% 14%;margin:0}

#interiores h3 {width:100%;float:left;color:#295B82;font:bold 125% Arial,Verdana, Helvetica, sans-serif;background: url(http://www.juntadeandalucia.es/educacion/adistancia/eoi/img/icn_info.gif) 0 0 no-repeat #F1F1F1;padding:2% 0 2% 9%;margin:0}html>body #interiores h3 {width:91.5%;padding:2% 0 2% 8.5%}
#interiores ul  {
	float:none;
	margin:0;
	width:100%;
	background:#F1F1F1;
	height: 330px;
	padding-top: 0%;
	padding-right: 1%;
	padding-bottom: 0%;
	padding-left: 9%;
} html>body #interiores ul  {float:left;padding:1% 1% 3% 7%;margin:0;width:92%}
#interiores ul li {float:left;margin:0;font: 95% Arial,Verdana, Helvetica, sans-serif;color:#555;padding:5px 0 5px 10px;list-style-type:none;background: url(http://www.juntadeandalucia.es/educacion/adistancia/eoi/img/bullet.gif) 0 10px no-repeat}
#interiores ul li a:link {float:left;text-decoration:none;color:#95006A;font-weight:bold}
#interiores ul li a:hover {text-decoration:underline;color:#95006A;font-weight:bold}
#interiores ul li a:visited {text-decoration:none;color:#95006A;font-weight:bold}
#interiores ul li a:visited:hover {text-decoration:underline;color:#95006A;font-weight:bold}

/* ESTILOS DEL PIE */
DIV#pie {clear:both;font:bold 90% Georgia, Arial,Verdana, Helvetica, sans-serif;color:#fff; margin:0; width:100%; padding:10px 0px; background: #709AB8}
DIV#pie a:link {text-decoration:none;color:#fff;background:#709AB8}
DIV#pie a:hover {text-decoration:underline;color:#fff;background:#709AB8}
DIV#pie a:visited {text-decoration:none;color:#fff;background:#709AB8}
DIV#pie a:visited:hover {text-decoration:underline;color:#fff;background:#709AB8}
DIV#pie-logo{width:40%; float:left;padding-left:20px}
DIV#pie-enlaces {color:#fff;width:100%; margin-left:40%;padding-left:0px}HTML>BODY DIV#pie-enlaces {width:auto}
DIV#pie-accesos {color:#fff;width:95%; padding-left:0px; font-size:90%; padding-top:5px; text-align:right; margin-right:5px} 
DIV#pie-accesos a:link {text-decoration:none;color:#fff}
DIV#pie-accesos a:hover {text-decoration:underline;color:#fff}
DIV#pie-accesos a:visited {text-decoration:none;color:#fff}
DIV#pie-accesos a:visited:hover {text-decoration:underline;color:#fff}
DIV#pie-accesos SPAN {color:#fff}
#accesos .menu {
	float:left;
	color:#57646D;
	width:95%;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 75%;
}
#interiores .txt li {
float:left;font:85% Arial,Verdana, Helvetica, sans-serif;color:#333;width:90%
}