* {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4{
    padding: 1rem;
}
p {
    margin-top: 10px;
}
body{
    margin: 0;
    padding: 0;
    background-color: #ddd; 
    color: #ddd;
}

a:visited, a:link{
    color:#c49e1e;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

#contenedor {
    width: 80%;
	margin: 10px auto;
	max-width: 1024px;
	overflow:hidden;

    background-color: rgba(0, 100, 100, 0.8);
	padding: 20px;
	border-radius: 20px;    
}
header {
    text-align: center;
}
#descargas{
    margin: 25px 5%;
    padding-bottom: 10px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}
    #descargas .grid{
        display: grid;
        grid-template-columns: 50% 50%;
        align-items: center;
        justify-content: center;
    }
    #descargas .img-grid{
        /*width: 30%;*/
        text-align: center;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    #descargas img{
        width: 40%;
        min-width: 100px;
        max-width: 220px;
    }
    #descargas .ul-grid{
        /* padding-right: 30px;
        width: 70%;*/
        margin: 20px 30px;
        line-height: 20pt;
        text-align: left;
    }
.grid > div{
    /* border: 1px solid white;*/
}

#capturas p{
    text-align: center;
}
.container{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: auto;
    justify-content: center;
    
}
    .container > div{
        padding: 2%;
    }
        .container > div img{
            width: 120px;
            max-height: 150px;
            box-shadow: 3px 3px 10px #333;
            transition-duration: 1s;
        }
        .container > div img:hover{
            transform: translateY(-20px) scale(120%);
        }

#contenido {
    text-align: justify;
    font-family: verdana, sans-serif;
    font-size: 11pt;
}
    #contenido .interno {
        margin-left: 10%;
        line-height: 20pt;
    }

    #contenido section#inicial p {
        line-height: 16pt;
    }
    #contenido section#declaracion{
        font-size: 80%;
        width: 90%;
        margin: 30px auto;
        border: 1px solid white;
        border-radius: 15px;
        padding: 15px;
        line-height: 1.3em;
    }
        #contenido section#declaracion header{
            font-size: 11pt;
            text-align: left;
        }
#Historia{
    border: 1px solid white;
    border-radius: 15px;
    padding: 5px 5%;
    width: 80%;
    margin: 20px auto;
    text-align: center;
}
#Historia h2{
    font-family: "Segoe Print", cursive;
    color: #c49e1e; 
 }
#Historia img{
    width: 35%;
}

@media screen and (max-width: 600px), handheld
{
    .grid .img-grid {
        display: none;
    }
    .grid {
        grid: none;
    }
    .grid .ul-grid{
        width: 100%;
    }

    .container > div{
        padding: 10px;
    }
    .container > div img{
         width: 100px;
    }

}