body {
text-align: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

h1 { 
text-align: center;  
border-bottom: 5px solid black; background-color: #C3C3E5;
}


img { 
border: solid;
}

ul {

}

li {

}


#header {
  
}

#content{
  
}

#text {
margin-left: auto;
margin-right: auto;
width: 90%; 
}

#text p {
text-indent: 40px;
text-align: justify;
padding:10px;
border: dashed;
box-shadow: 10px 10px 50px black;
background-color: #C3C3E5;

/* margin-left:5%;
margin-right:5%; */
}

#text p:first-child {
background-image: url("../images/fondoParrafo.png");
border: dashed;
border-top-left-radius: 30px;
border-top-right-radius: 30px;  
}

#text p:last-child {
border: dashed;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}

#menu {border: solid black 5px;

}

#menu a{
    text-decoration: none;

}


#menu li{
  border-left: 5px solid red;
  display: inline;

}

#menu li a:hover{
  
  border-bottom: 5px solid red;
  

}

#footer{ 
color:white;
border-top: 5px solid black;
background-color: #443266;


}

#footer a{
color:white;

}

#footer a:hover{
}

#image {
text-align: right;
padding-right:60px;
}

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

#image {
margin-left: auto;
margin-right: auto;


}

}