body{
		font-family: 'Cabin Condensed', sans-serif;
		max-width:1200px;
		margin:auto;
	}
	header{
		display:flex;
		align-items:center;
		margin:auto;
		justify-content:center;
	}
	img{
		max-width:100%;
		vertical-align:top;
	}
	.interactividad{
		font-size:0.8em;
		padding-top:6px;
	}
	.rey_ervigio{
		width:250px;
		margin-top:8px;
	}
	.rey_ataulfo{
		width:170px;
		margin-top:8px;
	}
	.titulo{
		position:relative;
		font-size:2em;
		width:600px;
	}
	.actividad{
		font-size:0.75em;
		color:#f16428;
	}
	.tema{
		position:absolute;
		color:#e55c25;
		font-size:1.2em;
		font-weight:bold;
		left:81px;
		top:-4px;
	}
	.texto_titulo{
		position:absolute;
		color:#007cc2;
		font-size:1.3em;
		font-weight:bold;
		left:55px;
		top:25px;
		text-shadow:0 0 4px #007cc2;
	}
	#logojs{
		margin-top:-13px;
		width:62px;
	}
	section{
		margin-top:5px;
		border-top:1px dotted #e44c25;
		margin-bottom:33px;
	}
	.punto{
		display:flex;
		align-items:center;
		border-bottom:1px dotted #e44c25;
		cursor:pointer;
		overflow:hidden;
	}
	.numero{
		width:70px;
		font-size:3.2em;
		font-weight:bold;
		text-align:center;
		color:#e44c25;
		border-right:1px dotted #e44c25;
		align-self:stretch;
	}
	.enunciado{
		font-size:1.2em;
		flex:1;
		padding:9px 0 10px 17px;
	}
	.gris{
		color:gray;
	}
	.naranja{
		color:#e44c25;
	}
	.azul{
		color:#3144d0;
	}
	.rojo{
		color:red;
		font-weight:bold;
	}
	#aviso{
		width:77%;
		margin:30px auto 0;
		display:flex;
		border:1px dashed red;
		padding:13px;
	}
	#simbolo_aviso{
		width:61px;
		margin-right:25px;
		padding-left:10px;
	}
	nav{
		display:flex;
		margin-top:35px;
		margin-left:88px;
		margin-bottom:10px;
	}
	.enlace{
		font-size:0.9em;
		padding:3px 10px;
		background-color:#e44c25;
		color:white;
		border-radius:4px;
		margin-right:11px;
		cursor:pointer;
		border:1px solid #e44c25;
	}
	.enlace:hover{
		color:#e44c25;
		background-color:white;
		border:1px solid #e44c25;
	}