@import 'desing.css';

/*
 * Top
 ************************************************/
#top {
	height: 30px;
	margin-bottom: 7px;
}
	#idiomas {
		width: 790px;
		padding: 0 20px 0 20px;
		margin: 0 auto;
	}
		#idiomas ul li { 
			padding: 7px 10px 0 10px;
		}

/*
 * Global
 ************************************************/
#global {
	width: 806px;
	padding: 0 0 20px 0;
	margin: 0 auto;
}

/*
 * Cabecera
 ************************************************/
#cabecera {
	width: 806px;
	height: 140px;
}
	#home {
		width: 240px;
		height: 50px;
		padding: 20px 0px 0px 20px;
	}
		#home a {
			margin: 0;
			padding: 0;
			width: 240px;
			height: 50px;
			display: block;
		}


/*
 * Menu
 ************************************************/
#menu {
	float: left;
	width: 100%;
	padding: 15px 0px 0px 25px;
}
	#menu ul li a {
		display: block;
		width: 70px; _width: 70px;
		height: 40px; _height: 40px;
		padding: 5px 10px 0 10px;
		margin-right: 5px;
	}

/*
 * Ilustracion
 ************************************************/
#ilustracion {
	padding: 0;
	margin: 0 0 0 48px;
	width: 710px;
	height: 150px;
}

/*
 * Contenido
 ************************************************/
#contenedor {
	width: 806px;
}
	#contenedor #contenido {
		width: 806px;
	}
		#contenido .bloque {
			padding: 15px 0px 15px 28px;
			margin: 0;
		}
			#contenido .bloque .titulo, #contenido .bloque .titulo-expandido {
				width: 740px;
				height: 35px;
				overflow: hidden;
			}
			#contenido .bloque .titulo-nulo {
				width: 740px;
				height: 8px;
				overflow: hidden;
			}
				#contenido .bloque .titulo h1, #contenido .bloque .titulo-expandido h1, #contenido .bloque .titulo-nulo h1 {
					padding: 9px 0px 0px 12px;
				}
			#contenido .bloque .contenido {
				padding: 10px 55px 10px 15px;
				margin: 0;
			}
				#contenido .bloque .contenido ul {
					padding: 10px 15px 10px 30px;
					margin: 0;
				}
				#contenido .bloque .contenido p,
				#contenido .bloque .contenido h1,
				#contenido .bloque .contenido h2 {
					padding: 5px 0 5px 0;
				}
			#contenido .bloque .pie {
				width: 740px;
				height: 20px;
			}

/*
 * Bienvenida
 ************************************************/
#bienvenida {
	width: 540px;
	height: 270px;
	float: left;
	margin-top: 15px; /* REVISAR */
}
	#bienvenida div {
		padding: 10px 15px 10px 10px;
	}
		#bienvenida div h1 { padding-left: 10px; }
		#bienvenida div p {
			padding: 5px 0px 5px 0px;
		}

/*
 * Proximas actuaciones
 ************************************************/
#proximas-actuaciones{
	width: 255px;
	height: 270px;
	margin-left: 11px;
	float: left;
	margin-top: 15px; /* REVISAR */
}
	#proximas-actuaciones div {
		padding: 10px 20px 0 10px;
	}
		#proximas-actuaciones div ul {
			padding-top: 5px;
		}
			#proximas-actuaciones div ul li {
				padding: 5px 0 5px 5px;
			}

/*
 * 4 Bloques
 ************************************************/
#bloques {
	width: 200px;
	margin-right: 15px;
	float: left;
}
	#bloques #bloque-radio,
	#bloques #bloque-destacado,
	#bloques #bloque-preparando {
		width: 200px;
		height: 200px;
		float: left;
		overflow: hidden;
		margin: 0px 0px 15px 0px;
	}
		#bloques #bloque-radio .bloque-titulo,
		#bloques #bloque-destacado .bloque-titulo,
		#bloques #bloque-preparando .bloque-titulo {
			/*width: 170px;
			height: 25px;
			overflow: hidden;*/
		}
			#bloques #bloque-radio .bloque-titulo div,
			#bloques #bloque-destacado .bloque-titulo div,
			#bloques #bloque-preparando .bloque-titulo div {
				padding: 12px 0 0 10px;
			}
		#bloques #bloque-radio .bloque-contenido,
		#bloques #bloque-destacado .bloque-contenido,
		#bloques #bloque-preparando .bloque-contenido {
			padding: 20px 10px 10px 10px;
		}

/*
 * Novedades
 ************************************************/
#novedades {
	width: 535px;
	float: left;
}
	#novedades .novedades-titulo {
		height: 35px;
		width: 535px;
		overflow: hidden;
	}
		#novedades .novedades-titulo div {
			padding: 8px 0 0 10px;
		}
	#novedades .novedades-contenido {
		padding: 5px 10px 5px 10px;
	}
		#novedades .novedades-contenido ul {
			padding: 5px 10px 5px 25px;
		}
		#novedades .novedades-contenido p, #novedades .novedades-contenido h2 {
			padding: 5px;
			margin: 0;
		}
	#novedades .novedades-pie {
		width: 535px;
		height: 20px;
	}

/*
 * Pie
 ************************************************/
#pie {
	width: 806px;
	height: 67px;
	position:relative;
}
	#menu-pie {
		width: 760px;
		padding: 15px 23px 0 23px;
	}
	#menu-pie ul li {
		float: left;
		padding: 0 10px 0 10px;
	}
	#copyright {
		position: absolute;
		top: 40px;
		right: 60px;
	}
	#subir {
		position: absolute;
		top: 0px;
		right: 50px;
		margin: 0;
		width: 46px;
		height: 25px;
	}
		#subir p {
			margin: 0;
			padding: 0;
			position: relative;
			width: 46px;
			height: 25px;
			overflow: hidden;
			font-size: 100%;
			z-index: 1;
		}
		#subir p span {
			display: block;
			margin: 0;
			padding: 0;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 1;
			width: 46px;
			height: 25px;
		}