body {background-color:#000000;}
.container {width:100%;font-family:Georgia, "Times New Roman", Times, serif;font-size:1.1em;line-height:1.6em;color:#ccc;background-color:#333;margin:auto;border: medium solid #CCC;}
* {box-sizing: border-box;}
.logo {width:100%;font-size:1.1em;text-align:right;line-height:3.5em;margin:auto;color:#fff;border-bottom:medium solid #ccc;}
h1{width:100%;float:left;font-weight:normal;font-size:1.1em;text-align:left;text-indent:1em;color:#000000;background-color:#ccc;margin:auto;padding-top:0.3em 0em;border-bottom:medium solid #333;}
.navi{width:98%;float:left;font-family:Helvetica;text-align:center;line-height:2.5em;margin:auto;padding:0.5em;}
.navi a {text-align:center;font-size:1.2em;text-decoration:none;background-color:#333;margin-top:0.5em;padding:0.2em 0.3em;margin:0.5em 0.1em;}
.left{width:72%;float:left;text-align:left;padding-left:0.5em;border-right:thin solid #ccc;}
.right{	width:22%;float:left;text-align:left;padding-left:2em;	color:#ccc;}
.pag{width:95%;float:left;font-family:Helvetica;text-align:center;line-height:2em;margin:auto;padding:0.5em;}
.pag a {text-align:center;font-size:1.2em;text-decoration:none;background-color:#333;margin-top:0.5em;margin-bottom:0.5em;padding:0.2em 0.5em 0.2em 0.5em;border-top:thin solid;border-right:thin solid;border-bottom:thin solid;border-left:thin solid;}
.row:after {content: "";display: table;clear:both;}
.footer{width:100%;line-height:2em;color:#fff;text-align:center;clear:both;border-top:medium solid #ccc;}
img {float:left;height:auto;width:max-width:100%;margin-right:1em;margin-bottom:1em;}
a{color:#ccc;}
a:link{	color:#ccc;text-decoration: none;}
a:visited{text-decoration: none;color:#ccc;}
a:hover{color:#FF00FF;}
a:active{color:#FF00FF;}
.t{width:95%;float:left;	text-align:left;height:auto;background-color:#fff;padding:1em;margin:0.5em;color:#333;}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="column"]
 {width: 100%;}
 }