@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,400italic,500,500italic,300italic,300,100italic,100,700italic,900,900italic);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,600,500,900,700,800);

img {background: #fff; margin-left: 25px}

MAIN {float: none; margin-left: 10PX; padding: 15PX;}
HEADER {background-color:rgba(16, 76, 87, 0.5); font-size: 12px; color: #fff; padding: 15px; border-radius: 15px; font-family: raleway, sans-serif;  margin-bottom: 2rem;}

ARTICLE {padding: 15PX; float: left; background-color: rgba(64, 164, 142, 0.76); COLOR: #FFF; margin-top: 25px; border-radius: 15px; font-family: roboto, sans-serif; font-weight: 300}

P#destacado {font-weight: bold; font-family: roboto, sans-serif;}
ul {float: right; list-style: none; padding-right: 40px;}
ul li {margin: 15px; padding: 5px; font-family: raleway, sans-serif;}
ul li a {background-color: rgba(252, 249, 211, 0.79); padding:10px; margin: 10px;text-decoration: none; color: #171d33; border-radius: 15px;}
#face {padding-right: 98px}
li a:hover {background-color: #00abcb; color: #fff}

#materias p {font-size: 15px; margin: 0.4rem; margin-left: 3rem}

article img {border-radius: 15px; height: 12rem; margin: 0;}

html {padding: 80px;
    background: url(fondoindex.JPG) no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}