* {
	margin:0;
	padding:0;
}
html {
	height:100%;
	overflow-y:scroll;
}
body {
	background-color:#3a6a81;
	color:#006;
	background-image:url('/images/back/back_01.jpg');
	background-attachment:fixed;
	background-position:center;
	height:100%;
	font-family:arial;
	font-size:18px;
}
h1 {
}
h1#title {
	margin-top:0;
	margin-bottom:5px;
	color:#013196;
	font-size:calc(20px + 1vw);
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
}
h2 {
}
h2#subtitle {
	margin-top:0;
	margin-bottom:10px;
	color:#013196;
	font-size:calc(15px + 0.5vw);
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
}
a {
	outline:none;
	-moz-outline-style:none;
}
a:link {
	color:#006;
	font-weight:bold;
	text-decoration:underline;
}
a:active {
	color:#006;
	font-weight:bold;
	text-decoration:underline;
}
a:visited {
	color:#006;
	font-weight:bold;
	text-decoration:underline;
}
a:hover {
	color:#006;
	font-weight:bold;
	text-decoration:underline;
}
img {
	display:inline-block;
	max-width:100%;
	height:auto;
	vertical-align:bottom;
	border:0;
}
blockquote {
	padding:0!important;
	margin:1em 40px!important;
	border-left:0!important;
}
p { margin:16px 0; }
ol { padding-left:20px; }
#content ul { padding-left:30px!important; }
video {
	display:block;
	margin:0 auto;
	max-width:100%;
}
input[type=button], input[type=submit] {
	/*** NO "display:block;". ***/
	border:1px solid #999;
	padding:5px 10px;
	margin-top:5px;
}
input[type=text], input[type=password] {
	border:1px solid #999;
	padding:5px;
	margin-bottom:10px;
}
textarea {
	border:1px solid #999;
}
.div-main {
/*** background-color:rgba(255,255,255,0.8); ***/
	background-color:#fff;
	padding:0;
	border-left:1px solid #999;
	border-right:1px solid #999;
	min-height:calc(100% - 200px);
}
#footer {
	background-color:#ddd;
	padding:6px;
	font-size:14px;
	border-left:1px solid #999;
	border-right:1px solid #999;
}
#footer-copy {
	text-transform:uppercase;
	color:#444;
}
.colorbar {
	display:block;
	margin:0 auto;
	max-width:100%;
}
#author {
	display:block;
	text-align:center;
}
#co-author {
	display:block;
	text-align:center;
}
#pubdate {
	display:block;
	text-align:center;
}
#upddate {
	display:block;
	text-align:center;
}

/*****************************************************************************/
/* SEARCH                                                                    */
/*****************************************************************************/
#search-div {
	width:100%;
	margin:10px 0;
	padding:10px;
	background-color:#ccc;
	background-image:linear-gradient(to right, #fff, #ccc, #fff);
	border-top:1px solid #013196;
	border-bottom:1px solid #013196;
}
#search-span {
	display:block;
	margin:0 auto;
	max-width:600px;
}
#search-input {
	padding:5px;
	border:1px solid #999;
	width:100%;
}
#search-button {
	width:100%;
}

/*****************************************************************************/
/* NAVBAR                                                                    */
/*****************************************************************************/
.navbar {
	padding:0;
	box-shadow:0 0 10px rgba(65,77,197,0.4);
	z-index:999;
}
.navbar a {
	text-decoration:none;
}
/***/
.nav-link {
	padding:15px!important;
	font-size:20px!important;
	color:#008140!important;
}
.nav-item .active {
	background-color:#013196!important;
	color:#fff!important;
}
.nav-link:hover {
	background-color:#e7e7e7!important;
	color:#555!important;
}
/***/
.dropdown-item {
	padding:2px 10px!important;
	font-weight:bold!important;
	color:#333!important;
	font-size:14px!important;
}
.dropdown-item.active {
	background-color:#013196!important;
	color:#fff!important;
}
.dropdown-item:hover, .dropdown-item:focus {
	background-color:#e7e7e7!important;
	color:#555!important;
}

/*****************************************************************************/
/* HEADER IMAGE                                                              */
/*****************************************************************************/
.header-desktop, .header-mobile {
	border-left:1px solid #999;
	border-right:1px solid #999;
}
.header-desktop { display:block; }
.header-mobile { display:none; }
@media (max-width:767.98px) {
	.header-desktop { display:none; }
	.header-mobile { display:block; }
}

/*****************************************************************************/
/* CAROUSEL                                                                  */
/*****************************************************************************/
#carousel {
	border-bottom:1px solid #999;
}
.carousel-caption {
	right:0;
	bottom:0;
	text-align:right;
	background-color:rgba(1,1,1,40%);
	left:auto;
	padding:10px;
	font-size:calc(1vw + 5px);
	line-height:1;
}
.carousel-indicators {
	top:10px;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
	background-image:none;
}
.carousel-indicators button {
	border:1px solid #555!important;
}

/*****************************************************************************/
/* SINCE 1978                                                                */
/*****************************************************************************/
@media screen and (max-width:991px) {
	.seal {
		display:none;
	}
}
.seal {
	z-index:1000;
	width:200px;
	height:auto;
	position:absolute;
	top:80px;
	right:30px;
}
.container {
	position:relative;
}
