* { margin:0;
     padding:0;}

@import url(http://fonts.googleapis.com/css?family=Lobster);

.cajas {
    width: 1000px;
    display: inline-block;
    margin: auto 10% auto 10%;
    background-color: black;
    height: 341px;
}

#caja1 {
    display: inline-block;
    height: 341px;
    width: 466px;
    vertical-align: top;
    font-family: "Open Sans Condensed", "Arial";
    text-decoration: none;
    color: #ff8900;
    font-size: 40px;
    padding: 5px;
    padding-left: 15px;
    font-weight: bold;
}
#caja1 {
    background: url('imagenes/a/banner-byn_01.jpg') no-repeat;
    color: #ff8900;
}
#caja1:hover {
    background: url('imagenes/hover/banner_01.jpg') no-repeat;
    color: white;
}
#caja1 p {
    display: inline-block;
    height: 341px;
    width: 466px;
    vertical-align: top;
    font-family: "Lobster", "Arial";
    text-decoration: none;
    color: #ff8900;
    font-size: 30px;
    padding: 5px;
    padding-left: 15px;
    font-weight: bold;
}

#caja1 p:hover {
    color: white;
}

#caja2 {
    display: inline-block;
    height: 170px;
    width: 310px;
    vertical-align: top;
    position: relative;
    margin: auto;
    margin-left: 466px;
    margin-top: -340px;
    font-family: Lobster, Arial;
}
#caja2 {
    background: url('imagenes/a/banner-byn_02.jpg') no-repeat;
    text-decoration-color: #ff8900;
}
#caja2:hover {
    background: url('imagenes/hover/banner_02.jpg') no-repeat;
    text-decoration-color: white;
}


#caja3 {
    display: inline-block;
    height: 170px;
    width: 310px;
    vertical-align: top;
    position: relative;
    margin: auto;
    margin-left: 466px;
    margin-top: -189px;
    font-family: Lobster, Arial;
}
#caja3 {
    background: url('imagenes/a/banner-byn_03.jpg') no-repeat;
    text-decoration-color: #ff8900;
}
#caja3:hover {
    background: url('imagenes/hover/banner_03.jpg') no-repeat;
    text-decoration-color: white;
    
}

#caja4 {
    float: right;
    height: 341px;
    width: 248px;
    position: relative;
    margin: auto;
    margin-left: 87%;
    margin-top: -379px;
    font-family: Lobster, Arial;
}
#caja4 {
    background: url('imagenes/a/banner-byn_04.jpg') no-repeat;
    text-decoration-color: #ff8900;
}
#caja4:hover {
    background: url('imagenes/hover/banner_04.jpg') no-repeat;
    text-decoration-color: white;
}



body { 
    background: url(imagenes/background2-1024x640.jpg) no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

article {
    float:left;
    border: 2px solid red;
    margin-top: 60px;
    height: 400px;
    width: 59%;
    }

aside { 
    background: #f3f4f4; /* Para Internet Explorer */
    background: rgba(37, 188, 255, 0.7);  /* Para los navegadores que soportan RGBA */
    float: left; 
    width: 20%;
    margin-left: 10%;
    padding: 20px;
    margin: 5px;
    margin-left: 10%;
    margin-top: 60px;
}


footer {
  padding-bottom: 3em;
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em;
  margin-right: 1em;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
   background: #f3f4f4; /* Para Internet Explorer */
   background: rgba(209, 209, 209, 0.7);  /* Para los navegadores que soportan RGBA */
    background-position: bottom;
    float: bottom; 
    width: 80%;
    height: 20%;
    align-content: left;
    margin-left: 10%;
  clear:both;
    font-size: 7;
}