body{
	
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	background-color: #FFf;
	


	color: #444;
	font-size: 75%;
}
p{font-size: 10px;}
a{
	color: #eeeeee;
	text-decoration: none;
	
}
a:focus, a:hover, a:active {
	text-decoration: none;
}
p, li {
	line-height: 1.8em;

}
 h2 {
	
	margin: 0 0 10px 0;
	letter-spacing:-1px;
	

}
h2 {
	padding: 0;
	font-size: 30px;
	color: #7d7d7d;
	 
    text-align:center;
    font-family: verdana;
}
h2 {
	padding-top: 10px;
	
}
h5{
	color: #7d7d7d;
	text-align: center;
}
pre {
	font-size: 1.2em;
	line-height: 1.2em;
	overflow-x: auto;
}
div#page {
	padding-top: 5px;
	width: 900px;
	
	background-color: #ffffff;
	margin: 0 auto;
	text-align: left;
	
}
div#container {
	padding: 20px;
}
div#ads {
	clear: both;
	padding: 12px 0 12px 66px;
}
div#footer {
	clear: both;
	color: #777;
	margin: 0 auto;
	padding: 20px 0 40px;
	text-align: center;
}
@media screen and (max-width: 980px) {
    /* propiedades CSS a aplicar en ventanas de 980px o menos */
  .endo{
      border-radius: 2px;
      border: solid white 2px;

      width: 100%;
      height: 350px;
      background-color: RGBA(0, 93, 156, 1);
       border:solid 2px white;
   }
}
@media screen and (max-width: 650px) {
    /* propiedades CSS a aplicar en ventanas de 650px o menos */
   .endo{
     border-radius: 2px;
      border: solid white 2px;

      width: 100%;
      height: 350px;
      background-color: RGBA(0, 93, 156, 1);
       border:solid 2px white;
   }
}
@media screen and (max-width: 480px) {
    /* propiedades CSS a aplicar en ventanas de 480px o menos */
    .endo{
     border-radius: 2px;
      border: solid white 2px;

      width: 100%;
      height: 350px;
      background-color: RGBA(0, 93, 156, 1);
       border:solid 2px white;
   }
}