html {
	font-family: cursive;
}

img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

p { margin-bottom: 10px; }

section {
	display: flex;
	flex-wrap: wrap;
	margin: 20px;
}

article {
	flex: 1 400px; 
	margin: 20px;
	text-align: justify;
}

hr {
	height: 3px;
	width: 90%;
	border-width: 0;
	background-color: cornflowerblue;
	margin: auto;
}

.tituloPagina {
	/*text-align: center;*/
	text-decoration-line: underline;
	text-decoration-style: double;
	font-family: initial;
	margin-left: 50px;
	color: steelblue;
}

.indice ul,ol {
	margin-left: 20px;	
}

.indice li {
	margin-bottom: 5px;	
	margin-top: 5px;
	text-align: left;
}

.indice h3 {
	margin-bottom: 10px;
	text-align: center;
}

.conColorFondo {
	background-color: gainsboro;
	border-radius: 10px;
	padding: 5px;
}

/*Fondos. Están preparados pero no usados todos*/
.fondo1 {
	background-image: url(../decoraciones/hombre1gris.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
}

.fondoAnimado1 {
	background-image: url(../decoraciones/menos-mas.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.fondoMultiple1 {
	background-image: url(../decoraciones/escalador1.png), url(../decoraciones/escalador3.png);
	background-repeat: no-repeat, no-repeat;
	background-position: top left, bottom right;
}

.fondoMultiple2 {
	background-image: url(../decoraciones/escalador2.png), url(../decoraciones/mujer1gris.png);
	background-repeat: no-repeat, no-repeat;
	background-position: center left, center bottom;
}

.fondoOcupadoCompleto {
	background-image: url(../decoraciones/fondo_completo1.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
}
	
@media screen and (max-width: 768px) {
	html {
		font-family: sans-serif;
	}

	img {
		display: block;
		margin: 0 auto;
		max-width: 100%;
	}

	section {
		display: flex;
		flex-wrap: wrap;
		margin: 10px;
	}

	article {
		flex: 1 400px; 
		margin-top: 10px;
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 10px;
		text-align: justify;
	}
	
	hr {
		height: 3px;
		width: 90%;
		border-width: 0;
		background-color: cornflowerblue;
		margin: auto;
	}
	
	.tituloPagina {
	/*text-align: center;*/
		text-decoration-line: underline;
		text-decoration-style: double;
		font-family: initial;
		margin-left: 50px;
		color: steelblue;
	}
	
	.indice ul,ol {
		margin-left: 20px;	
	}
	
	.indice li {
		margin-bottom: 5px;
		margin-top: 5px;
		text-align: left;
	}	
	
	.indice h3 {
		margin-bottom: 10px;
		text-align: center;
	}
}