@media all and (max-width: 600px){
	div{
		display: block !important;	/* Cuando el ancho sea inferior a 600px el elemento será un bloque */
		width: 100% !important;
		max-width: 100% !important;
		margin: auto !important;
		position: static !important;
		float: none !important;
	}
}
.superior{
	background: ;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 30px;
}
.cuerpo{	/* Este es el delimitador para que la página no sea excesivamente grande */
	max-width: 1000px;
	margin:auto;
}
.cabecera{
	background: ;
	margin-top: 30px;
	height: 100%;
	text-align:center;
}
.agenda{
	background: ;
	float: left;	/* flotamos el elemento a la izquierda */
	width: 50%;
	height: 100%;
	text-align:center;
}
.contenido{
	background: ;
	width: 50%;
	float: left;
	height: 100%;
	text-align:center;
}

.contenido1{
	background: #AAA;
	width: 33%;
	float: left;
	height: 600px;
}
margin-left: 67%;