@charset "utf-8";
body{color:#000000;font-family:'Times New Roman';font-size:18px;}
.contenedor{
    width:100%; /*Ancho de la pagina*/
    max-width: 1400px; /*Ancho máximo de la página*/
    margin:auto; /*Página centrada*/
}
.header{background:#0f0757;color:#ffffff;font-family:'Times New Roman', serif;font-size:1.5em;padding:1em;}
.header h1{margin:0;}
.header a{color:#ffffff;text-decoration:none;}
.header a:hover{color:#ffff00;}
.inicio{justify-content:center;display:flex;flex-wrap:wrap;margin:auto;padding:20px;width:90%;}
.inicio>div{margin:10px;padding:25px;}
.inicio>div:hover{background:#E3DFDF;border-radius:50%;}
.inicio>div img{max-width:130px;height:auto;}
.footer{background:#3a3a3a;color:white;font-size:1.5em;padding:1em;text-align:center;}
.nav{background-color:#3a3a3a;display:flex;flex-wrap:wrap;justify-content:center;margin:auto;}
.nav>div{margin:10px;padding:10px;background-color:white;border-radius:50%;}
.nav>div:hover{background-color:yellowgreen;}
.nav>div img{max-width:50px;height:auto;}
.main{padding:1em 0 3em;width:100%;}
.main h1,.main h2,.main h3{padding-left:1em;}
@media (min-width: 800px){.main{width:90%;margin:auto;}}
.cabezal{text-align:center;}
.cabezal img{max-height:100px;width:auto;}
.cabezal img:hover{background-color:#f7ed69;border-radius:50%;}
.lisTuto{width:90%;display:flex;flex-wrap:wrap;margin:auto;}
.lisTuto>div{width:33.3333%;outline:1px solid gray;}