@charset "UTF-8";
body {
	margin:0;
	padding:0;
	overflow:auto;
	background:#002A42;
	font-family:Arial, Helvetica, sans-serif;
	color:#465055;
	font-size:14px;
	line-height:1.8em;
	padding-top:25px;
}
img { 
	border:none;
}
a:link, a:visited {
	outline:none;
	color:#00406E;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
.wrapper {
	width:940px;
	margin:0 auto;
}
.container {
	min-width:920px;
	min-height:230px;
	float:left;
	position:relative;
	background:#fff;
	padding:10px 10px 40px 10px;
	margin-top:10px;
	box-shadow: 0px 0px 5px #2F5164;
	-webkit-box-shadow: 0px 0px 5px #2F5164;
	/*-moz-box-shadow: 0px 0px 5px #2F5164;*/
	/*filter:alpha(opacity=90);*/
	opacity:0.9;
	border-bottom:4px solid #00406E;
}
.random-image{
	float:left;
	position:relative;
	margin-bottom:30px;
}
.logo {
	float: left;
	position:relative;
	width:282px;
	height:67px;
	background:url(../images/logo.png) top left no-repeat;
	margin:0 0 0 10px;
}
#topmenu {
	margin:60px 0 0 0;
	padding:0;
	float:right;
	position:relative;
	font-size:110%;
	line-height:normal;
}
#topmenu li {
	display:inline;
}
#topmenu a:link, #topmenu a:visited {
	color:#00406E;
	float:left;
	text-decoration:none;
	padding:0 0 0 20px;
	margin:0 30px 0 20px;	
	background:url(../images/menu_icon.png) 0 -21px no-repeat;
	display:block;
	height:21px;
}
#topmenu a:hover, #topmenu li.active a {
	color:#ECECEC;
	height:21px;	
	background:url(../images/menu_icon.png) 0 0 no-repeat;
}
#submenu {
	float:left;
	position:relative;
	width:205px;
	margin:150px 0 0 10px;
	padding:0;
	font-size:100%;
}
#submenu li {
	list-style:none;
	height:25px;
	padding:5px;
	border-bottom:1px solid #CCCFD2;
}
#submenu ul {
    padding:0;
    margin:0;
    position: relative;
}
#submenu li li:before {
    content:"\00BB";
    display: block;
    float: left;
    width: 1.2em;
    color:#003F6C;
    position:relative;
}
#submenu a:link, #submenu a:visited {
	text-decoration:none;
	display:block;	
	color:#899093;
}
#submenu a:hover, #submenu li.active a {
	color:#003F6C;
}
.item-page, .blog {
	float:right;
	position:relative;
	width:665px;
	padding:0 10px 0 10px;
}
.item-separator {
	margin:10px 0 30px 0;
	border-bottom:1px solid #CCCFD2;
}
h2, h1 {
	font-weight:normal;
	margin:0 0 20px 0;
	padding:10px 0 0 0;
	color:#00406E;
	font-size:185%;
}
.bottom {
	color:#ECECEC;
	float:left;
	width:100%;
	font-size:80%;
	margin-top:2px;
	text-align:left;
}
.footer {
	color:#ECECEC;
	float:left;
	width:100%;
	font-size:80%;
	margin-top:2px;
	text-align:left;
}
#footer a:link, #footer a:visited {
	color:#ECECEC;
	text-decoration:none;
}
#footer a:hover, #footer li.active a {
	color:#fff;
}
#footer {
	margin:0;
	padding:0;
	/*float:right;*/
	position:relative;
}
#footer li {
  margin:0 30px 0 0;
	display:inline;
}
.plg_system_eprivacy_message {
  	color:#000000;
  	padding:10px 10px 40px 10px;
	background-color:#ffffff;
  	opacity:0.9;
}

/* =======================================================================
   Joomla 5 + JB Cookies: minimal modal CSS + sane layering
   (Needed because this legacy template does not load Bootstrap CSS.
   Bootstrap JS is present, but modal markup needs styling to be visible.)
   ======================================================================= */

/* Cookie banner: readable and always on top */
#jbcookies, .jbcookies, .jb-cookie, .jb-cookies, .jbCookies {
  position: fixed !important;
  left: 0; right: 0; bottom: 0;
  z-index: 99999 !important;
  background: rgba(0,0,0,0.75) !important;
  color: #fff !important;
}
#jbcookies a, .jbcookies a { color: #a8d8ff !important; }

/* Minimal Bootstrap-like modal styling (so “Settings” actually shows) */
.modal {
  position: fixed;
  inset: 0;
  z-index: 100000 !important;
  display: none;              /* shown when .show is added */
  overflow: auto;
  background: rgba(0,0,0,0.55);
}
.modal.show { display: block; }

.modal-dialog {
  position: relative;
  width: min(700px, calc(100% - 2rem));
  margin: 10vh auto 2rem;
  z-index: 100001;
}
.modal-content {
  background: #fff;
  color: #111;
  border-radius: 8px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.35);
  padding: 1rem;
}
.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  border-bottom: 1px solid rgba(0,0,0,0.12);
  padding-bottom: .5rem;
  margin-bottom: .75rem;
}
.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .5rem;
  border-top: 1px solid rgba(0,0,0,0.12);
  padding-top: .75rem;
  margin-top: .75rem;
}
.btn-close, .close {
  cursor: pointer;
  border: 0;
  background: transparent;
  font-size: 1.25rem;
  line-height: 1;
}