/*esta hoja contiene los estilos del reino.html*/
h2{
    font-family: 'Times New Roman', Times, serif;
    font-size: 22px;
    color: #1E90FF;
    text-align: center;
    font-weight: 800;
    }

    ul{
        list-style-type: none;
    }

    a{
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 18px;
        font-style: italic;
        text-decoration: none;
        font-weight: 600;
        color: #FF4500;
    }

    p2{
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        font-size: 19px;
        color: #1d6a03;
        text-align: justify;
        font-weight: 600;
        background-color: #eaf5d0;
        padding: 6px;
        text-align: right;
        border-radius: 8px;
    }

    img{
        margin-bottom: 30px;
    }

    p{
        font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-size: 22px;
        color: #FF00FF;
        font-weight: 600;
        text-align: center;
        background-color: #fae89b;
        padding: 6px;
        border-radius: 6px;
    }

    p1{
        font-family: 'Times New Roman', Times, serif;
        font-size: 22px;
        color: #B22222;
        font-weight: 700;
        text-transform: none;
        font-style: normal;
        text-align: justify;
        background-color: #daf5f3;
        border-radius: 7px;
        text-align: center;
    }

    .reino {
  background-color: #DAA520;
  width: 160px;
  height: 100px;
  font-size: 20px;
  font-family: Georgia;
  font-style: oblique;
  font-weight: 900;
  margin: 10px;
  padding: 5px;
  border: 5px;
  border-radius: 25%;
  border-color: #DAA520;
  text-align: center;
  color: #0000FF;
  cursor: pointer;
  }

  .reino:hover {
    background-color: #c8ee8b;
  }

  .inicio{
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 18;
  margin: 5px;
  color: #990033;
  background-color: #FFCC00;
  border-radius: 4px;
  border-color: #FFCC00;
  width: 50px;
  height: 30px;
  padding: 3px;
  text-align: center;
  font-weight: bold;
  font-style: italic;
  cursor: pointer;
}

.libros{
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 18;
  margin: 5px;
  color: #2904ac;
  background-color: #FFFFE0;
  border-radius: 4px;
  border-color: #FFFFE0;
  width: 55px;
  height: 30px;
  padding: 3px;
  text-align: center;
  font-weight: bold;
  font-style: italic;
  cursor: pointer;
}

.entremeses{
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 20;
  margin: 5px;
  color: #0c5002;
  background-color: #FFE4B5;
  border-radius: 4px;
  border-color: #FFE4B5;
  width: 90px;
  height: 30px;
  padding: 3px;
  text-align: center;
  font-weight: bold;
  font-style: italic;
  cursor: pointer;
}

.contacto{
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 20;
  margin: 5px;
  color: #7c0404;
  background-color: #00FF7F;
  border-radius: 4px;
  border-color: #00FF7F;
  width: 90px;
  height: 30px;
  padding: 3px;
  text-align: center;
  font-weight: bold;
  font-style: italic;
  cursor: pointer;
}

p3{
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  font-size: 17px;
  color: #006600;
  font-weight: 300;
}

.tapa{
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 1);
}