*{

}

body {
  background-color: #F1F0FF;
   
}

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

}

img {
    
  
  border:5px solid black;
    margin-right:60px;
    margin-bottom:5px;
}

ul {
 text-align:center;
   

}

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

p {
  display:inline-block;    
  border-style: dashed;
  border-width: thick;
    margin:3px;
}

#header {
  
}

#content{
  text-align:right;
}

#text {
  text-align: center;
}

#text p {
   background-color: #C3C3E5;
    margin-left: 60px;
    margin-right:60px;
    box-shadow: 3px 2px 3px black;
}

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

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

#menu {

}

#menu a{
margin-left: 3px;
text-decoration: none;
    color: #443266;
}


#menu li{

}

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

}

#footer{
text-align: center; 
border-top: 5px solid #23618B;
background-color: #443266;
    color: white;
    
}

#footer a{
 color: white;
}

#footer a:hover{
    background-color: white;
    color:blue;
}
#image {

}

@media all and (max-width: 500px) {
    img { border-color: red;}
    img{position:static;
        top: -50%;
        left: 50%;
        width: 80%;
        height: 80%;}
}