<style type="text/css">
# default
{color: gray; font-family: Arial, Helvetica, sans-serif;}
# Base
@font-face {
font-family: FiraMono;
src: url(FiraMono-Regular.woff) format("woff"),
url(FiraMono-Regular.eot) format("embedded-opentype");
}
@import 'https://fonts.googleapis.com/css?family=Roboto';
html	 {
    background: url("images/watermark.jpg") no-repeat center fixed;
    background-size: cover;
	}
body	 {
  
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size:100%; 
  height: auto;
  width: auto;
  padding: 5;
  margin: 5;
#  background-color:#F1F1F1;
	}
header {
text-align: center;
float: center;
  padding: 1px;&nbsp;
  margin-right: 5px;
  margin-bottom: 1px;
  border: 1px solid #666;
}
nav{ clear: both;
  padding-top: 0.25rem;
  padding-bottom: 1rem; 
	}

section 	{
  text-align: center;
  float: center;
  padding: 1px;
  margin-right: 5px;
  margin-bottom: 1px;
	}

article {
  display: inline-block;
  float: left;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;   
  padding-right: 0.10rem;  
  padding-left: 0.5rem;
  margin-right: 0.5rem;
  margin-right: 0.5rem;
  margin-top: 0.5rem;text-align: center;
  margin-bottom: 0.5rem;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 1px solid #666;
   border-radius: 42px 42px 42px 42px;
  -moz-border-radius: 42px 42px 42px 42px;
  -webkit-border-radius: 42px 42px 42px 42px;
  -webkit-box-shadow: 10px 10px 8px 0px rgba(0,0,0,0.33);
  -moz-box-shadow: 10px 10px 8px 0px rgba(0,0,0,0.33);
  box-shadow: 10px 10px 8px 0px rgba(0,0,0,0.33);
  background: rgba(255,255,255,0.9);
  background: -moz-linear-gradient(-45deg, rgba(255,255,255,0.9) 20%, rgba(255,255,255,0.9) 21%, rgba(245,245,245,1) 61%, rgba(237,237,237,1) 96%); clear: both;
  background: -webkit-gradient(left top, right bottom, color-stop(20%, rgba(255,255,255,0.9)), color-stop(21%, rgba(255,255,255,0.9)), color-stop(61%, rgba(245,245,245,1)), color-stop(96%, rgba(237,237,237,1)));
  background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.9) 20%, rgba(255,255,255,0.9) 21%, rgba(245,245,245,1) 61%, rgba(237,237,237,1) 96%);
  background: -o-linear-gradient(-45deg, rgba(255,255,255,0.9) 20%, rgba(255,255,255,0.9) 21%, rgba(245,245,245,1) 61%, rgba(237,237,237,1) 96%);
 background: -ms-linear-gradient(-45deg, rgba(255,255,255,0.9) 20%, rgba(255,255,255,0.9) 21%, rgba(245,245,245,1) 61%, rgba(237,237,237,1) 96%);
 background: linear-gradient(135deg, rgba(255,255,255,0.9) 20%, rgba(255,255,255,0.9) 21%, rgba(245,245,245,1) 61%, rgba(237,237,237,1) 96%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
	}
footer {
  clear: both;
  float: center;
  border: 1px solid #666;
  text-align: center;
  padding: 1px;
  margin-right: 5px;
  margin-top: 1px;

	}
# fin definiciones de estructura

</style> 
