/* ESTILOS EN DOCUMENTO EXTERNO, DEL EJEMPLO 4 versión 3 */

/* Selector universal */
* {
	font-family: Arial;
	margin: 10px;
	text-align: center;
}

h1.c1 {color:blue;}
h2 {
	color:green;
	font-weight:blod;
	font-style: italic;
	}
p#parrafo1 {
	color:grey;
	font-style: italic;
	font-size:1.5;
	background-color: pink;
}
/* Primer planteamineto, con el selector de varios elementos y atributo class */
h3.rojo, h4.rojo, p.rojo {color:red;}

/* Segundo planteamineto, con el selector de varios elementos y atributo class */
h3.rojo {color: red;}
h4.rojo {color: red;}
p.rojo {color: red;}
h1.verde {color: green;}
p.verde {color: green;}


/* Tercer planteamineto, con el selector de varios elementos y atributo class */
.rojo {color: red;}


/* Selector de id, sin especificar ninguna etiqueta, es equivalente a *#estiloPropio */
h3#estiloPropio{
		color: #97307E ;
		font-weight: bold;
		font-style: italic;
		font-size: 30px;
		font-family: "Comic Sans MS";
}
		
h3#estiloPropio2{
		color: #6EE4E6 ;
		font-weight: bold;
		font-style: italic;
		font-size: 30px;
		font-family: "Comic Sans MS";
}
		
/* Selector descendente, en este caso se aplican los estilos a los párrafos que están dentro de un div*/		
div p {text-decoration: overline;}