body {
	background-image: url(../imagenes/fondo-tecnologico-azul-abstracto_52683-12538.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-attachment: fixed;
    color: goldenrod;
    font-weight:bolder;
}

#encabezado {
	width: 85%;
	margin: 10px auto;
	height: 100px;
	background-image: url(../imagenes/fondo-abstracto-azul-tecnologia-hud_23-2148230325.jpg);
	border-radius: 20px;
	text-align: center;
	line-height: 100px;
	font-size: 2em;
	text-shadow: 19px 18px 57px rgba(29,26,26,1.00);
    

}

#encabezado h1 {animation: titulo 3s ease infinite;
                width:100%;}

@keyframes titulo{
    0% {transform: rotateX(0deg);}
    100% {transform: rotateX(360deg);}
}

#contenido{
    width:90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}

#izquierdo {width: 30%;
    height: 100%;
    background-color:rgba(240, 240, 240, 0.184); 
 border-radius: 10px;}

 #certificado{  text-align: center;
                display:inline-block;
                line-height: 60px;
            font-size: 2em;}

#certificado img{width:15px;}

#derecho{width: 60%;
    height: 100%;
    background-color: rgba(240, 240, 240, 0.184); 
    border-radius: 10px;}


.titulo{ width: 100%; 
     margin-bottom:30px;padding:0;
    color:coral;
    text-align: center;
    font-size: 130%; }

#alumnos{display: grid;
grid-template-columns: repeat(3, 1fr);
row-gap: 5px;
}  


.alumno{ width: 98%;
height: 130px;
border-radius: 40px;
border: 1px solid aliceblue;
/*background-color: aliceblue;*/
text-align: center;

}

.alumno a{text-decoration: none;color: goldenrod;}

.invisible{visibility: hidden;}

#modificado {text-align: center;}

#secciones{width: 100%;display: flex;
flex-direction: column;
justify-content: space-around;
height: 90%;}


.seccion{ width:100%;
    height: 80px;
    /*border-radius: 40px;*/
   
    display: flex;
    justify-content: space-around;}

.tituloseccion{ width:150px;
               height: 100%;
               line-height: 100px;
               font-size: 2em;
                color:rgb(8, 37, 68);
               text-align: center; }

.miniaturas{width:18%;
    height: 100% ;
    border:3px solid rgb(0, 0, 0)}
/*el fichero del cursos debe copiarse obligatoriamente en la carpeta donde este guadado el fichero css, se pueden definir sustituos separados por comas*/
.miniaturas:hover{cursor: url(vicente_icono.png),crosshair;}

iframe{
    margin-top: 10px;
    height: 600px;
    border-radius: 20px;}



@media screen and (max-width:800px){
	body{background-repeat: repeat-y;}
	#contenido{display: block;}
    #izquierdo, #derecho{width:100%;}

    #encabezado h1 {font-size:xx-large;}
}