/*******************************************************************************/
/** En esta hoja de estilos se especifica la maquetacion de las partes  
    principales de la vista publica del blog, o sea, division de la pantalla  **/
/*******************************************************************************/

/*	Colores utilizados:
	Azul:		#3333cc
	Naranja:	#ff3300
	Gris:		#999999
*/


body{
  margin: 0px;
  padding: 0px; 
  background: #ffffff;
  color: #000000;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
}	 

#pagina {
  margin: auto;
  margin: 20px 0px 20px 20px;
  width: 980px; 
/*  text-align: left;
  background-color: #fffaf4; */
}

#cabecera {
  /* Capa para la parte superior de la página */
  width: 170px;
  margin: 0px;
  height: 65px; 
  float: left;
}

#separaCabecera {
	float: right;
	width: 800px; 
	margin-top: 13px;
}

#contenido {
  	width: 100%;
	clear: both; 
/*	display: block; */
}

#centro {
  float: left;    
  width: 712px;	/*  para permitir imágenes de 700 + margen de 10 + borde (2)  */
}

#derecha{ 
  float: right; 
  width: 236px;
}

#pie {
  width: 100%;
  clear: both;
  height: 77px;
  text-align: center;
  padding-top: 25px;
  font-size: 10px;
  color: #999999;
}