/*Agregando estilo al cuerpo */
body {
  background: rgb(87, 173, 228);
  margin:0;
  font-size: 13px;
  font-family: 'Helvetica', Arial, sans-serif;
}
/*Definiendola posicion del contenedor*/
#container{
    width: 900px;
    margin: 0 auto;
}
/*Definiendo el tamaño del encabezado*/
#encabezado {
    height: 50px;
    background: #b7d84b;
    text-decoration: none;
}
/*Agregando estilos al contenido*/
#contenido{
    position: relative;
    padding-top: 20px;
    padding-right: 250px;
    padding-bottom: 60px;
    padding-left: 20px;
    background: #fff;
}
/*Posicionando las cajas en el encabezado*/
.cajas {
    display: block;
    float: left;
    color: #fff;
    padding:0 20px;
    line-height: 50px;
    border-right: 1px solid #91ab3b;
    text-decoration: none;
}
/*Posicionando la caja de la derecha*/
#cajaderecha {
  position: absolute;
    top: 100px;
    bottom: 100px;
    right: -80px;
    width: 210px;
    padding: 0 20px;
    border-top: 5px solid #f95b34;
    background: #fa8366;
    color:white;
}
/*Definiendo tamaño y estilos del pie de página*/
#footer{
  position: fixed;
    bottom: 0;
    width: 860px;
    padding: 0 20px;
    background: #f36283;
}