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

body{
      background-color: #b5b5b5;
       font-size: 12pt;
       padding: 3.2rem 10.2rem 7.2rem;
}

main{
  
 clear:both;
    width:100%;
    float: left;}



header { background-color: rgb(178, 20, 75);
	    height: 75px;
	margin-bottom: 13px;
 
}



header h1 {
    font-family: 'Oswald', sans-serif;
           color: #e8a50d;
    padding: 1rem;
	
	
}


    
aside { 
        background-color:rgb(178, 20, 75);
    
          width: 298px;
         float: right;
         }


aside ul {
    
    list-style: none;

        }


aside ul li a {

text-decoration: none;
          font-size: 1.3rem;
    font-family: 'Oswald', sans-serif;
                color: #e8a50d; 
                display: block; 
              background-color: rgb(51, 7, 67); 
                 margin-left: 0rem; 
                  padding left: 0rem; 
                  padding-right: 0rem;
           }


aside ul li a:hover {

      text-decoration: none;
       color: rgb(51, 7, 67);
       background-color:#e8a50d;}


article {
background-color: rgb(51, 7, 67);
padding-left: 1rem;
    padding-right: 3rem;
   font-family: 'Arimo', sans-serif;
    color: #e8a50d; 
    width: 527px;
	height: 316px;

}


article ul { padding: 0;
display: inline-block;}

li.imagen {

display: inline-block;
	background-image: url(imagen/3.jpg);
	width: 283px;
height: 283px;

} 

li.texto {

display: inline-block;
	width: 220px;
height: 283px;
	margin-left: 19px;

} 





footer { 
font-family: 'Arimo', sans-serif;
    chear: both;
    font-size: 0.7em;
margin-top: 440px;

}