/* Css de Base3 */
	 /*AHORA VAMOS A PASAR A DEFINIR LOS VALORES
	 PARA ORDENAR LAS CAJAS QUE HEMOS CREADO EN XHTML,
	 RECORDAD QUE SI NO ESTÁN BIEN ESTRUCTURADAS DENTRO
	 DEL DOCUMENTO TENDRÉIS COMPLICACIONES AL QUERER SITUARLAS EN CSS*/
	 
	 /*PRIMERO HACEMOS UN CONTENEDOR PARA QUE ALBERGUE A 
	 LOS DEMÁS ELEMENTOS, ADEMÁS QUEREMOS QUE QUEDE CENTRADO,
	 POR LO QUE PONDREMOS ATENCIÓN A LOS VALORES DE MARGIN*/
	#CONTAINER	{
		background:url(../images/contentBack.gif) repeat-y;
		margin: 0 auto;
		width:990px;
		height:auto;
		overflow: hidden;
	}
	/*En la div "izquierda" vamos a ajustar los valores para
	que tenga una anchura de 100píxeles, una altura que 
	dependa del contenido que tenga dentro, y le vamos a dar 
	un margen de 5px a la izquierda, además de hacer que se sitúe a la izquierda
	mediante "float"*/
	.izquierda{
		width:194px;
		height:auto;
		float:left;
		padding-bottom: 30000px;
  		margin-bottom: -30000px;
		padding:3px 0 3px 3px;
		background:url(../images/izquierda-back.jpg) no-repeat top;
		margin:0;
	}
	/*El la div "derecha" vamos a ajustar los valores para
	que tenga una anchura de 150píxeles, una altura que también
	dependa del contenido que tenga dentro, y le vamos a dar 
	un margen de 5px, además de hacer que se sitúe a la derecha*/
	.derecha{
		width:175px;
		height:auto;
		border-color:#000000;
		float:right;
		background:url(../images/derecha-back.jpg) no-repeat top;
		padding-top:45px;
		padding-bottom: 30000px;
   		margin-bottom: -30000px;
	}
	/*Ahora le toca a la caja que contendrá la información 
	principal de nuestra página (la div "principal")
	en este caso queremos que se ajuste al espacio
	que sobra a lo ancho del contenedor, por que calculamos, 700px(anchura del mismo)-100px(anchura de la div "izquierda")-150px(anchura de la div "derecha")-20px(total de los margins)-34px(total de los paddings)-6px (total de los borders)=390px.
	Además de esto, también queremos que quede situado entre las cajas que la rodean,
	por lo que calcularemos el espacio que debería quedar a su izquierda y después poner el mismo valor en su "margin-left"
	(Hay que prestar especial atención a contar TODOS los valores que se utilizarán, incluidos, márgenes, padding, bordes...)*/
	.principal{
		width:615px;
		height:auto;
		margin:0 0 0 200px;
		background:url(../images/centro-back.jpg) no-repeat top;
		padding-top:30px;
	}
	#footer{
		clear:both;
		margin: 0 auto;
		width:924px;
		height:auto;
		background-color:#EFEFEF;
		padding:21px 33px 21px 33px;
	}
	#intFooter{
		clear:both;
		margin: 0 auto;
		width:924px;
		height:auto;
		background-color:#EFEFEF;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:10px;
		padding:10px 33px 10px 33px;
	}