/* CSS Document */
body {
	font: 100%  Arial, Helvetica, Verdana, sans-serif;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #333333;
	background-image: url(../imagenes/background.jpg);
	background-repeat: repeat-x;
	background-color: #8C8C8C;
    }
   * {
	margin:0;
	padding:0;
} /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
   

    .unaColumna #container {
	width: 56.25em;  /* este ancho creará un contenedor que cabrá en una ventana de navegador 1024px si el texto se deja con los tamaños de fuente predeterminados del navegador */
	background: #FFFFFF;
	margin: 10px auto 5px; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	border: 1px solid #000000;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	height: 100%;
	border-bottom: 0;
	border-top: 0;
	position: relative;
    }
    .unaColumna #encabezado {
	background: #fff;
	padding: 0;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #encabezado en lugar de texto, es posible que le interese quitar el relleno. */
	border-top: 6px solid #0066CC;
    } 
    .unaColumna #encabezado h1 {
    	margin: 0; /* el ajuste en cero del margen del último elemento del div de #encabezado evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
    	padding: 10px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
    }
    .unaColumna #contenido {
	background: #FFFFFF;
	border-bottom: 8px solid #0066CC;
	height: auto;
	z-index: 2;
	padding-top: 0;
	padding-right: 25px;
	padding-bottom: 5;
	padding-left: 25px;
    }
    .unaColumna #piePag {
	padding: 5px 0;
	width: 80.6em;
	font-size: 0.7em;
	color: #FFFFFF;
	height: 14px;
	margin-top: 10px;
	margin: 0 auto 15px;
	text-align: left;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    } 
    .unaColumna #piePag p {
    	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
    }
    

/* EL MENU HORIZONTAL EMPIEZA AQUÍ */
div#listmenu {
	width:100%; 	/* hace que el div ocupe todo el ancho */
	float:left;	/* borde superior */
	border-bottom:1px solid #000000;	 /* borde inferior */
	font-size:0.86em;	/* ajusta el tamaño del texto aquí mismo */
	background-color:#FFFFFF; /* aleja el menu del borde del navegador*/
	padding: 3px 0 5px;
	}
div#listmenu ul {
	margin:0 13.5% 0;/* aparta el ul del borde izq del div contenedor */
	}
div#listmenu li {
	float:left;	/* hace que la lista se ponga en horizontal */
	position:relative; /* contexto de posicionamiento para el menu desplegable posicionado de forma absoluta */
	list-style-type:none;	/* quitar viñetas */
	background-color:#FFFFFF; /*color de fondo de los elementos del menu */
	border-right:1px solid #000; /* crea linea de separación entre los elementos li */
	}
div#listmenu li:first-child {
	border-left:1px solid #FFF; /*la primera linea vertical del menu */
	}
div#listmenu li:hover {
	background-color:#3B56B1; /*color de fonde de los elementos del menu */
	}
div#listmenu a {
	display:block;
	padding:2px 15px; /*crea espacio a los lados de cada elemento del menu */
	text-decoration:none;	 /* quita el subrayado de los vinculos */
	color:#0066CC;
	font-weight:bold;	/* color del texto */
	}
div#listmenu a:hover{
	color:#FFFFFF;
	}

/* FINAL DEL MENU HORIZONTAL, BASADO EN LISTAS */

/* FORMATO PARA HOME PAGE */
h1, h2, h3{
	display:block;
	text-indent:-9000px
}

/*#contenido h1 span {
	display:none;}
#contenido h2 span {
	display:none;}*/

#contenido #foto_portada {
	margin: 8px auto 10px;
	text-align: center;
}
html>body #contenido #foto_portada {
	margin: 8px auto 10px;
}
#contenido #desempleados {
	float: left;
	width: 29.06em;
	background-color: #F2F2F2;
	height: 100px;
	background-image: url(../imagenes/h2_desempleados_fondo.gif);
	background-repeat: no-repeat;
	background-position: 8px 10px;
}

#contenido #prox_cursos {
	float: left;
	width: 28.9em;
	background-color: #F6F7FC;
	border: 1px solid #E2E6F5;
	}
#contenido #trabajadores {
	float: right;
	width: 53.3em;
	margin: 0 0 1em 0;
	background-color: #F9F9F9;
	height: 100px;
	background-repeat: no-repeat;
	background-position: 8px 10px;
}
#contenido #serviciosA {
	float: right;
	width: 23.5em;
	background-color: #F6F7FC;
	border: 1px solid #E2E6F5;
	height: 11.7em;
}
#desempleados h2 {
	background: url(../imagenes/h2_desempleados.gif) no-repeat;
	height: 34px;
}
#trabajadores h2 {
	background: url(../imagenes/h2_trabajadores.gif) no-repeat;
	height: 34px;
}
#container #piePag li {
	float: left;
	list-style: none;
	padding-right: 2.4em;
}
#inem, #lanbide, #diputacion {
	float: left;
	width: 30%;
	margin-right: 6px;
	margin-left: 8px;
	text-align:center;
	height: 62px;
	padding-top: 8px;
}
#inem h3, #lanbide h3, #diputacion h3{
	height:1px;
	float: left;
}
#inem img, #lanbide img, #diputacion img{
	margin:0 auto;
	border: 0;
}

#hobetuz{
	float:left;
	width:45%;
	text-align:center;
}
#tripartita{
	float:right;
	width:45%;
	text-align:center;
	margin-right: 10px;
	height: 62px;
}
#hobetuz h3, #tripartita h3{
	height:1px;
	float: left;
}
#hobetuz img, #tripartita img{
	margin:6px auto 2px;
	border: 0;
}
#prox_cursos h2 {
	height: 16px;
	text-indent: 0px;
	font-size: 0.9em;
	padding: 2px 0 0 17px;
	color: #5B6FC8;
	margin-top: 4px;
	margin-bottom: 0px;
	background-image: url(../imagenes/vinheta_sombra.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
}
#servicios h2 {
	/*background: url(../imagenes/h2_servicios.gif) no-repeat;*/
	height: 22px;
}
#prox_cursos #privada_listado {
	background: #FFFFFF;
	width: 98%;
	border: 1px solid #E2E6F5;
	margin: 2px auto 4px;
	height: 9.8em;
}
#privada_listado ul {
	font-family: Arial, Helvetica, sans-serif;
	color: #4077BB;
	font-size: 0.8em;
	list-style-type: none;
	margin: 7px 10px 0 8px;
}
#privada_listado li{
	margin-bottom:0.7em;
	border-bottom:1px solid #E8ECF5;
	padding: 3px 0 3px 0;
	height: 16px;
}
#privada_listado a, #servicios_listado1 a, #servicios_listado2 a {
	color: #777700;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
}
#privada_listado a{
	display:block;
	}

#servicios_listado1, 
#servicios2 #servicios_listado2  {
	background: #FFFFFF;
	width: 97%;
	border: 1px solid #E2E6F5;
	margin: 3px auto 4px;
	height: 9.66em;
	/*text-align: center;*/

}

#servicios_listado1 p {
	font-size: .8em;
}
#piePag ul {
	margin: 0 0 0 22em;
	font-weight: bold;
}
#piePag a {
	color: #FFFFFF;
	text-decoration: none;
}

#subvencionados_texto p, #subvencionados_planes p {
	font: .7em Arial, Helvetica, sans-serif;
	padding: 14px 20px 0px;
	line-height: 1.1em;
}
#subvencionados_texto p:first-letter, #subvencionados_planes p:first-letter{
	font:1.5em;
	font-weight:bold;
	color: #0066FF;
}
#prox_cursos #privada_listado li {
	margin-bottom: 20px;
}
#desempleados h2:hover {
	background: url(../imagenes/h2_desempleados_hover.gif);
	cursor: pointer;
}
#trabajadores h2:hover {
	background: url(../imagenes/h2_trabajadores_hover.gif);
	cursor: pointer;
}
#piePag #links_abajo {
	float: right;
	width: 27%;
}
#piePag #campus_copyright {
	float: left;
	width: 60%;
	padding-left: 2%;
}

#links_supertop {
	position:absolute;
	top:11px;
	width:155px;
	height:21px;
	z-index:1;
	font-size: 0.7em;
	right: 7px;
}

#links_supertop a {
	text-decoration: none;
	color: #0033CC;
	font-weight: normal;
		}

#links_supertop a:hover {
	color: #2CB517;
}


#privada_listado a:hover {
	color: #0066FF;
}
#homologaciones {
	width: 98%;
	float: left;
	font-size: 0.7em;
	height: 400px;
	overflow: auto;
	border: 1px dashed #333;
	background-color: #FBFBFB;
	margin-left: 1.6em;
}
#homologaciones ul {
	margin-left: 3em;
	list-style: url(../imagenes/7x7.gif);
}
#homologaciones strong {
	color: #A8373F;
}
#homologaciones em {
	font-style: normal;
	color: #3C73B7;
}
#homologaciones h4 {
	font-size: 1.6em;
	color: #587E93;
	padding: .4em 1em 1em;
}
#homologaciones ul li ul {
	list-style: square url(none);
}
#homologaciones li {
	margin-bottom: 6px;
}
#homologaciones ul li ul li {
	margin-bottom: 1px;
}
#contenido #form1 {
	font-size: 0.8em;
	border: 1px dashed #A8373F;
	width: 80%;
	margin: 5px auto 30px;
	padding-top: 10px;
}
#formulario #form1 input.Text4 {
	margin: 0.5em 0;
}
.unaColumna #container #migas {
	font-size: 0.6em;
	color: #0066CC;
	padding:3.5em 0 0 2em;
	height:.01em;
}

.areasi {
	font-size: 0.8em;
	padding: 1em;
	width: 35%;
	border: 1px solid #666;
	clear:both;
	float:left;
	margin:0 10px 12px 30px;
	
}
.areasd {
	font-size: 0.8em;
	padding: 1em;
	width: 35%;
	border: 1px solid #666;
	float:right;
	clear:right;
	margin:0 30px 12px 10px;
	
}

.areasd h4, .areasi h4{
	color:#990000;}
.areasd ul, .areasi ul{
	list-style-image:url(../imagenes/vinheta_sombra.gif);
	margin-left:1.6em}
#piePag #links_abajo a:hover {
	color: #FFCC33;
}
#elearning {
	height: 5em;
	width: 15em;
	float: right;
	margin-top: 0.8em;
	border: 1px solid #D0D09D;
}
#gracias {
	border: 2px dashed #A8373F;
	padding: 1em;
	text-align: center;
	color: #0066CC;
	background: #F5F5F5;
}
#logos_gpo_campus{
	text-align:center;
	height: 160px;
}
#logos_gpo_campus img {
	margin-right: 2em;
	border: 1px dashed #CCCCCC;
}

.anuncios_txiki{
		float: right;
	background-color: #EEF0E8;
	border: 1px solid #D0D09D;
	margin-top: 0.8em;
	height: 11.86em;
	background-image: url(../imagenes/background_paneles.jpg);
	width:15em;
	}
.int_anuncios_txki{
	background: #FFFFFF;
	width: 97%;
	border: 1px solid #D0D09D;
	margin: 3px auto 4px;
	height: 9.66em;
	}
#volver a {
	font-size: 0.8em;
	color: #358197;
	text-decoration: none;
	font-weight: bold;
	display: block;
	text-align: left;
	background-color: #F1F8FA;
}
#volver a:hover {
	color:#0066CC;
	}
.gris_text {
	font-size: .8em;
	color: #999999;
}
.azul {
	color: #0066CC;
}
#trabajadores strong {
	color: #0066CC;
}
#elearningdeusto {
	height: 5em;
	width: 15em;
	float: right;
	margin-top: 0.3em;


   //margin-top:-1em;
	border: 1px solid #D0D09D;
}
.unaColumna #container #contenido #fotocarreras {
	float: left;
	margin-top: 0.3em;
}