/* CSS Document */
body {background-color: #005959;}
#container {width:100%;background-color:#E2F1F1;border:0.4em solid #E2F1F1;margin:auto;font-family: Georgia, "Times New Roman", Times, serif;font-size: 1.1em;}
* {box-sizing: border-box;}
.logo {width:97%;font-family: Arial, Helvetica, sans-serif;font-size:1.2em;text-align:left;line-height:normal;font-weight:normal;margin:auto;color:#005959;background-color:#E2F1F1;}
h1{width:100%;float:left;color:#fff;line-height:2em;text-align:left;text-indent:1em;margin:auto;background-color:#295454;border-bottom:medium solid #E2F1F1;font-size: 1.2em;}
.navi{width:99.6%;font-size:1em;text-align:center;line-height:2.5em;float:left;background-color:#295454;padding:0.3em;margin:auto;}
.navi a{font-size:1.1em;text-align:center;text-decoration:none;background-color:#f0f0f0;border-right:medium solid #295454;padding:0.2em 0.3em;margin:0.5em 0.1em;}
.pag{float:left;width:99%;text-align:center;line-height:2.4em;margin:auto;width: 99%;padding-bottom: 0.1em;padding-right: 0.05em;padding-left: 0.05em;padding-top: 0.1em;}
.pag a, ul#navi span{text-align:center;text-decoration:none;padding:0.2em 0.8em;background-color:#E2F1F1;border: thin solid #408080;}
.left{width:72%;float:left;line-height:1.6em;color:#1B2138;background-color:#E2F1F1;margin:auto;border-right:thin solid #408080;padding-top:0.2em;padding-bottom: 0.8em;}
.right{width:25%;float:left;color:#1B2138;text-align:left;line-height:1.6em;background-color:#E2F1F1;list-style-type:none;padding-left:2em;}
h3{width:100%;float:left;color:#fff;line-height:2.2em;text-align:left;text-indent:1em;margin:auto;background-color:#295454;}
.footer{width:100%;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;line-height:2em;color:#fff;text-align:center;background-color:#295454;clear:both;}
img{float:left;max-width:100%;margin-right:1em;}
.row:after {content: "";display: table;clear: both;}
a{color:#1B2138;}
a:link{	color:#1B2138;text-decoration: none;}
a:visited{text-decoration: none;color:#1B2138;}
a:hover{color:#FF00FF;}
a:active{color:#FF00FF;}
a.special:link{color:#fff;}
a.special:visited{color:#fff;}
a.special:hover{background-color:#fff;color:#FF00FF;}
a.special:active{color:#FF00FF;}
.t{width:95%;float:left;text-align:left;height:auto;border:thin dotted #2E5A5A;background-color:#fff;padding:1em;margin: 0.5em;}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="column"]{width:100%;}
}
