/*******************************************************************************/
/** 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:
	Gris oscuro:	#464646
	Rojo titulos:	#A20000
	Rojo enlaces:  #AE0001
*/


body{
  margin: 0px;
  padding: 0px; 
  background: #ffffff;
  color: #464646;
  font-size: 14px;
  font-family: "Times New Roman", Times, serif;
  text-align: center;
}	 

#pagina {
  width: 1004px;
  text-align: left;
}

#cabecera {
	/* Capa para la parte superior de la página */
	width: 1004px;
	margin: 0px;
	height: 207px; 
	float: left;
	background-image: url(../imagenes/cabecera/degradadoCabecera.jpg);
	background-repeat: repeat-x;
}

#separaCabecera {
	float: right;
	width: 770px; 
	height: 160px;
	margin-top: -207px;
	background-image: url(../imagenes/cabecera/edificios.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

#contenido {
  	width: 100%;
	clear: both; 
}

#centro {
  float: left;    
}

#derecha{ 
	background-color: #F5F5F5;
	margin: 0px 10px 0px 0px;
	float: right; 
	width: 376px;
}

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