@import url(http://fonts.googleapis.com/css?family=Oswald|Open+Sans:400,700&subset=latin-ext,latin);
body {
background-color: #e0e0e0;
margin: 0;
padding: 0;
color: #000;
font-family: 'Open Sans', sans-serif;
font-size: 12pt;
}
a {
text-decoration: none;
color: #6CA335;
}
table a {
color: #fff;
}
a:hover {
color: #E65C00;
}
p {
text-align: justify;
text-indent: 0;
}
h1,h2,h3,h4,h5,h6 {
font-family: Oswald, sans-serif;
padding: 0;
margin: 0;
color: rgb(0,136,170);
letter-spacing: 0.5pt;
}
#overall {
background-color: #fff;
width: 90%;
min-height: calc(100vh - 80pt);
max-width: 1000px;
margin: 0 auto;
border-left: 1px solid #c9c9c9;
border-right: 1px solid #c9c9c9;
position:relative;
padding-bottom: 80pt;
}
#overall, header {
overflow-x: auto; 
}
header {
margin-top: 30px;
background-color: #efefef;
box-shadow: 0px -2.5px 5px 0px #ddd;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
#logo, #logo-outer {
background-color: #efefef;
background-repeat: no-repeat;
background-position: center center;
background-size: / 100%;
}
#logo {
display: block;
width: 100%;
height: 165px;
background-image: url('img/logo/logo1.png');
outline: none;
}
#logo-outer {
position: relative;
}
#logo h1 {
display: none;
}
header nav {
width: 100%;
}
header nav a {
display: block;
float: left;
background-color: #86AD49;
color: #fff;
margin: 0;
padding: 0.75em 0;
font-variant: small-caps;
text-align: center;
transition: all 1s;
border: 1px solid rgb(124,160,68);
border-bottom-width: 6px;
}

header nav a:hover {
background-color: #E8EA56;
border-color: #FFD119;
}

header nav a:first-child:nth-last-child(1) { width: calc(100% - 2px); }
header nav a:first-child:nth-last-child(2),header nav a:first-child:nth-last-child(2) ~ a { width: calc(50% - 2px); }
header nav a:first-child:nth-last-child(3),header nav a:first-child:nth-last-child(3) ~ a { width: calc(100% / 3 - 2px); }
header nav a:first-child:nth-last-child(4),header nav a:first-child:nth-last-child(4) ~ a { width: calc(25% - 2px);}
header nav a:first-child:nth-last-child(5),header nav a:first-child:nth-last-child(5) ~ a { width: calc(20% - 2px);}
header nav a:first-child:nth-last-child(6),header nav a:first-child:nth-last-child(6) ~ a { width: calc(100% / 6 - 2px);}
header nav a:first-child:nth-last-child(7),header nav a:first-child:nth-last-child(7) ~ a { width: calc(100% / 7 - 2px);}
header nav a:first-child:nth-last-child(8),header nav a:first-child:nth-last-child(8) ~ a { width: calc(12.5% - 2px);}

section#main {
padding: 1em;
}
footer {
background-color: #00193D;
border-top: 1px solid #ddd;
padding: 1em 20px;
color: #8C8CA4;
font-variant: small-caps;
font-size: 10pt;
width: calc(100% - 40px);
position: absolute;
bottom: 0;
box-shadow: 0 0 7px 0px #00193D;
}
figure {
margin: 1em;
text-align: center;
}
figcaption {
font-size: 10pt;
font-style: italic;
}
figure img
{
margin: 0;
box-shadow: 0px 0px 3px 0px rgb(36, 93, 160);
}
#back-to-top {
position: absolute;
bottom: 25px;
right: 15px;
display: block;
min-width: 40px;
min-height: 40px;
border-radius: 12px;
background: #dfdfdf url('img/toparrow.png') no-repeat center center;
}
#back-to-top span {
display: none;
}

@media print {
footer,nav { display: none; }
#logo {height:auto; }
#logo h1 {display: block; }
#overall {border: 0; }
header {box-shadow: none; border: 0; }
}
table {margin: 0.5em auto 0 auto; box-shadow: 0 0 2px #334764; color: #fff}
tr:nth-child(2n) {background-color: rgb(116,165,1);}
tr:nth-child(2n+1) {background-color: rgb(0,136,170);}
th {background-color: #334764;}
th,td {padding: 0.5em;}
#logo-balls {
position: absolute;
bottom: 5px;
right: 5px;
margin: 0;
padding: 0;
list-style-type: none;
}
#logo-balls li {
float: left;
}
#logo-balls a {
display: inline-block;
width: 10px;
height: 10px;
opacity: 0.3;
border: 1px solid #999;
border-radius: 10px;
background-color: #bbb;
margin-right: 5px;
outline: none;
transition: all 0.75s;
}
#logo-balls a.logo-ball-active,#logo-balls a:hover {
opacity: 0.7;
}

.admin-notice-red,.admin-notice-blue {
width: calc(100% - 11px - 2em);
padding: 1em;
border-width: 1px;
border-style: solid;
margin: 0 auto 0.5em auto;
border-left-width: 10px;
}
.admin-notice-red {
background-color: #FFB2B2;
border-color: #800000;
}
.admin-notice-blue {
background-color: #99B2FF;
border-color: #000066;
}