*{
	 font-size:100%;
	}

@font-face{
	 font-family: RobotoRegular;
	 src: url(../../../materiales/fuentes/Roboto-Regular.ttf);
	}
	
body{
 font-size: clamp(1rem, 0.867rem + 0.278vw, 1.2rem);
 font-family: RobotoRegular;
 background: black;
 margin: auto;
 width: 65%;
 display: block;
 padding-top: 20px;
 padding-bottom: 15px;
 background-color: white;
 color: black; 
 }

a {
    color: #5C633F;
}

a:hover {
    color: #016ca2;
}

a.seccion {
    color: #5B5485;
    font-size: 20px;
}

a.seccion:hover {
    color: #016ca2;
}

.titulotematico{
 text-decoration:none; 
 color:black;
 font-style: italic;
}

.titulotematico:hover{
 text-decoration: underline;
}


.titulo{
 text-align: center; 
}

.titulo p{
 text-align: center; 
}

.portada{
 grid-column: 1/13;
}

.foto{
 width: clamp(34.375rem, 31.6964rem + 5.7143vw, 40.625rem);
 margin: auto;
 display: block;
 max-width: 100%;
 padding: 10px;
}

.letraspequeñas{
 text-align: center; 
 margin: 0px; 
 padding: 0px; 
 font-size: 12px;
}

.letrastitulo{
 text-align: end; 
 margin: 0px; 
 padding: 0px; 
 font-size: 14px;
}

p{
  text-align: justify;
}

h2{
 font-size: clamp(1.3rem, 1.1rem + 0.417vw, 1.6rem);
}

.volver{
	 width: clamp(1.4rem, 1.133rem + 0.556vw, 1.8rem);
	 float: left;
	 position: relative;
	 vertical-align: middle;
	 bottom: 0.2rem;
	}

.volvera{
	 text-decoration: none;
	 color: #6f68b4;
	 font-size: clamp(1rem, 0.867rem + 0.278vw, 1.2rem);
	}

.volvera:hover{
	color: red;
	}
@media only screen and (max-width: 767px){
  
	 body{
	  width:90%; 
	 }
	}