html { 
  background: url(../newcover.jpg) no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  top: 0px;
}

/* first for IE 4–8 */
@font-face {
  font-family: EstandarRegular;
  src: url("Estandar-RegularWeb.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: EstandarRegular;
  src: url("Estandar-RegularWeb.woff") format("woff");
}


body { 
  font-family: EstandarRegular, sans-serif;
}

p, li { 
  font-family: EstandarRegular, sans-serif; line-height: 120%; margin: 0px; padding: 0px;
}
h1 {font-family: EstandarRegular, sans-serif; padding: 0px; margin:0px; line-height: 120%; }

#maincontainer {
font-family: EstandarRegular, sans-serif;
width: 25%;
/* margin-top: 50%;*/
position: absolute; bottom: 15px; left:15px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 15px;
opacity: 0.8;
background-color: #b8c5f9;
/* background-color: #939393; */
}

#footer {font-family: EstandarRegular, sans-serif; text-align: left; bottom: 1%; float: left; position:fixed; width: 33%; margin: 0 0 1.5% 0.8%;}

a:link	{ text-decoration: underline; color: #2d241f; }
a:visited	{ text-decoration: underline; color: #2d241f; }
a:hover	{ text-decoration: underline; color: #2d241f; }
a:active	{ text-decoration: underline; color: #2d241f; }


@media only screen and (max-device-width: 480px) {
  html { background-image: none; background: #c4c4c4; }
  #maincontainer {width: auto; margin: auto; float: none; position: relative;}
}