body {
    
padding:0;
    margin:0;
}
body{ 
background-image: url(Images1/Negra%20con%20piedritas-min.jpg)

}

/*this code is to change el espacio entre el background y el text**/
.box1{
    padding-left: 80px;
    padding-right: 80px;
    }


.boxed {
     padding-left: 18%;
     padding-right: 18%;
    }
.box2 img{
    
    height: %;
      width: 70%;
   margin-top: px;
  padding-left: 15%;
padding-right: 18%;
 }
.box3 img{
    height: 100%;
      width: 80%;
   margin-top: px;
  padding-left: 15%;
padding-right: 18%;
}
.
.caja img{
        height: 30%;
      width: 70%;
   margin-top: px;
  padding-left: 14%;
padding-right: 18%;
    }
.caja iframe{
     padding-left: 14%;
padding-right: 18%;
}

/*this code is to change position of title**/ 
.page-title {
    padding-left: 18%;
    padding-right: 18%;
}
/*This code is to change the color of h1 oh and letter of background**/
body {
    color: white;
}

h1 {
    color: antiquewhite;
}
h2{
    color: #FFB50D;
}
/*from here down is for drop down menu**/
nav{
    width:100%;
    padding-top: 20px;
    margin:auto;
    overflow:hidden;
    background-color: #35424a;
}
nav li {
    font-family: cursive;
    color:#222;
    font-size: 24px;
    line-height: 55px;
    float: left;
    padding: 0px 16px; 
    }
nav p {
     color:#fff;
    font-size: 30px;
    line-height: 25px;
    float: left;
    padding: 0px 6px;     
}
nav ul{
    float:right;
}
 nav ul li{
    float:left;
    display: inline;
    padding: 0px 10px 0px 10px;
          }

nav ul li a {
    display: block;
    font-family: cursive;
    color:#FFB50D;
    font-size: 18px;
    line-height: 25px;
    padding: 10px 20px;
    text-decoration: none;
}

 nav ul li ul {
    display: none;
    position: absolute;
     background-color:#fff;
     padding: 5px;
     border-radius: 5px 5px 5px 5px;
   
}

nav ul li:hover ul {
    display: block;
   
}

nav ul li ul li {
     width: 100px;
     border-radius: 10px;
     
}

 nav ul li ul a {
     padding: 18px 13px;
}

 nav ul li ul a:hover {
     background-color: crimson;
     }  

  
aside#siderbar{
    float: right;
    width: 40%;
    margin-top: 10px;
    } 

footer{
    padding:20px;
    margin-top: 20px;
    color:#ffffff;
    background-color: #0D9AE0;
    text-align: center;
}