*{
    margin: 0px auto;
}

body {
    background-color: #F1F0FF;
  
}

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

}

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

ul {
    list-style: none;
      text-align: center;

}

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

}

p {
    border: dashed black 5px;
    box-shadow: 2px 2px 5px black;
    text-indent: 40px;
    padding: 10px;
    

}

#header {
  
}

#content{
  
}

#text {
        text-align: center;
        margin-left: 60px;
        margin-right: 60px;
      
          
}

#text p {
        width: 100%;
        background-color: #C3C3E5;
        
  
}

#text p:first-child {
    
                    -webkit-border-radius:30px 30px 0px 0px; /*safari*/
                    -moz-border-radius:30px 30px 0px 0px; /*firefox*/
                    border-radius:30px 30px 0px 0px; /*safari*/
                    background-image: url("../images/fondoParrafo.png");
                    background-repeat: repeat;

}

#text p:last-child {
                    -webkit-border-radius:0px 0px 30px 30px; /*safari*/
                    -moz-border-radius:0px 0px 30px 30px; /*firefox*/
                    border-radius:0px 0px 30px 30px; /*safari*/
  

}

#menu {

}

#menu a{
        text-decoration: none;
        color: #443266;

}


#menu li{
    

}

#menu li a:hover{
                    text-decoration: underline red;

}

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

}

#footer a{
            color: white;
            text-decoration: none;
    
            

}

#footer a:hover{
                

}
#image {
    text-align: right;

}

@media all and (max-width: 500px) {
    img{
        border: 5px solid red;
        width:90%;
        text-align: center;
    }
        
}