*{
     margin: 0px;
}

body {
    background-color: skyblue;
    text-align: center;  
}

h1 {
    border-bottom-style: solid;
    border-bottom-color: black;
    border-bottom-width: 5px;
    background-color: #00AAE4;
    background-size: 100%;
}

img {
    margin-top: 10px;
    border-color: red;
    border-width: medium;
    border-style: solid;
    margin-left: 500px;
}

ul {
}

li {
    display: inline; 
}

p {
}

#header {
}

#content{
}

#text {
    padding-top: 0px;
    margin-top: 10px;
    margin-left: 5%;
    margin-right: 5%;
    text-align: justify;
}

#text p {
    border-style: dashed;
    border-color: black;
    box-shadow: dashed;
    box-shadow: 3px 3px grey;
    background-color: #00AAE4;
    text-indent: 40px;
    padding:  10px;
}

#text p:first-child {
    margin-bottom: 2px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    background-image: url("../imagenes/fondoparrafo.png"); 
    background-repeat: repeat;
}

#text p:last-child {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    margin-top: 2px;
    margin-bottom: 5px;
}

#menu {
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: black;
    padding-bottom: 5px;
}

#menu a{
    border-left-style: solid; 
    border-left-width: 5px;
    border-left-color: black;
    margin-right: 0px;
    color: #00AAE4;
    padding-left: 5px;

}


#menu li{
}

#menu li a:hover{
    border-bottom-color: pink;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    color: #fffd8f;
}

#footer{
    background-color: #00AAE4;
    color: white;
}

#footer a{
    background-color: #00AAE4;
    color: white;
}

#footer a:hover{
    color: grey;
}

#image {
    text-align: center;
    margin-right: inherit;
}

@media all and (max-width: 500px) {
    img {
        border-color: red;
        border-style: solid; 
        border-width: thick;
        margin-right: auto;
        width: 90%; 
     }

}