@charset "utf-8";
/* CSS Document */

/*tipo de fuentes asociadas*/ 

@font-face {
  font-family: 'Baloo Da';
  font-weight: 400;
  font-style: normal;    
  src: url('../Fuentes/Baloo-Da-regular.woff');    
  
}


body { /*  Estilo css a todo el contenido del body */
	color: #020488;
	font-family: 'Baloo Da',serif;	
	font-size:10px;
	text-align:center;
	background-color: #FFF6D4;	
}

p {	/*  Estilo css para todos los elementos <p> parrafo */
	color: red;
	font-size: 12px;
	text-align:center;
	background-color: #F7F38C;
	/*
	A: 0 -- sin estilo en linea
	B: 0 -- sin id 
	C: 0 -- sin clase 
	D: 1 -- una etiqueta html "p"
	*/
}

header p { /*  Estilo css para los parrafos dentro de cualquier header */
	color: black;
	font-size: 13px;
	text-align:justify;
	background-color: #FB7D7D;
	/*
	A: 0 -- sin estilo en linea
	B: 0 -- sin id 
	C: 0 -- sin clase 
	D: 2 -- una etiqueta html "p" y una etiqueta html "header"
	*/
}

.cabecera p { /*  Estilo css para los parrafos dentro de un header definido por una clase */
	color: yellow;
	font-size: 12px;
	text-align:center;
	background-color: #466CFF;
	/*
	A: 0 -- sin estilo en linea
	B: 0 -- sin id 
	C: 1 -- una clase header "cabecera" 
	D: 1 -- una etiqueta html "p" 
	*/
}

#caja header p { /*  Estilo css para los parrafos dentro de cualquier header dentro de una etiqueta definida por un id */
	color: blue;
	font-size: 12px;
	text-align: right;
	background-color: #8CFC87;
	/*
	A: 0 -- sin estilo en linea
	B: 1 -- un id "caja"
	C: 0 -- sin clase 
	D: 2 -- una etiqueta html "p" y una etiqueta html "header"
	*/
}

#caja .cabecera p { /*  Estilo css para los parrafos dentro de un header con una clase definida dentro de una etiqueta definida por un id */
	color: white;
	font-size: 14px;
	text-align:center;
	background-color: black;
	/*
	A: 0 -- sin estilo en linea
	B: 1 -- un id "caja"
	C: 1 -- una clase "cabecera" 
	D: 1 -- una etiqueta html "p"
	*/
}