@font-face {
    font-family: ArnoPro;
    src: url(fonts/ArnoPro.otf);
    font-weight: normal;
}

html, body {
    font-size: 12pt;
    background-color: #f2ead0;
}

#header {
    height: 20px;
    background: brown url(../img/border-horizontal.png) repeat-x;
}

#footer {
    clear: both;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: brown url(../img/border-horizontal.png) repeat-x;
    font-size:8pt;
}

#search {
    position:absolute;
    right:25px;
    top:10px;
    width:200px;
    height:32px;
    z-index:10;
}
#search input {
    background-color: transparent;
    border: solid 1px brown;
    width: 160px;
}
#searchicon {
    position: absolute;
    right: 0;
    top: 0;
}

.container {
    box-shadow: 0 0 10px 0 #000000;
    padding: 0 2px;
    background-color: #fcf8e3;
}

.list-group-item {
    /*background-color: #f7ecb5;*/
    background-color: #f2ead0;
    border-color: #c0a16b;
    padding: 10px 13px;
}
a.list-group-item:hover {
    /*background-color: #f7ecb5; f2ead0*/
    background-color: #f2ead0;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    font-family: ArnoPro;
    color: #f7ecb5;
    /*background-color: #0c5390;*/
    background-color: brown;
    border-color: brown;
    text-transform: uppercase;
    font-size: 12pt;
}

.sticky {
    position: sticky;
    top: 0;
    z-index: 1000;
}

.navbar {
    margin-bottom: 10px;
    text-transform: uppercase;
    /*background-color: #0c5390;*/
    background-color: brown;
    color: #fff;
    border: none;
}

.navbar .navbar-nav > li > a, .navbar li.dropdown > a {
    font-family: ArnoPro;
    color: #f7ecb5;
    font-size: 13pt;
}
.navbar .navbar-nav > li > a:hover {
    /*color: #ffffff;*/
    background-color: #f2ead0;
}
.dropdown-menu {
    font-family: ArnoPro;
    font-size: 13pt;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        font-family: ArnoPro;
        color: #f7ecb5;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #ffffff;
    }
    .dropdown-menu {
        font-family: ArnoPro;
        font-size: inherit;
    }
}

h2, h3 {
    margin-bottom: 20px;
}
h4 {
    margin-bottom: 10px;
}

p {
    text-align: justify;
}

a img {
    border:none;
}

th {
    border:0;
    border-bottom:2px solid #555;
    text-align: left;
    padding:4px;
}
th a {
    display: block;
    padding: 2px 4px;
    text-decoration: none;
}
th a.asc:after {
    content: ' ⇣';
}
th a.desc:after {
    content: ' ⇡';
}

form .required {
    font-weight: bold;
}
form .required label:after {
    color: #e32;
    content: '*';
    display:inline;
}

fieldset label {
    display: inline-block;
    margin:0 5px;
}

div.clear {
    clear:both;
}

div.message {
    clear: both;
    color: #fff;
    font-size: 140%;
    font-weight: bold;
    margin: 0 0 1em 0;
    background: #c73e14;
    padding: 5px;
}
div.error-message {
    clear: both;
    color: #fff;
    font-weight: bold;
    background: #c73e14;
}
.success {
    background: green;
    color: #fff;
}

.news-item {
    position: relative;
    border-bottom: solid 1px #a6a6a6;
    padding: 5px 5px 25px 5px;
    margin-bottom: 20px;
}
.news-top {
    border: solid 1px #a94442;
    background-color: #f2ead0;
    border-radius: 5px;
}

.newsblock {
    text-align: justify;
    min-height: 130px;
}
.newsblock img {
    float: left;
    padding: 2px;
    margin: 0 10px 10px 0;
    border: solid 1px #d3d3d3;
}
.newsblock img.news_2 {
    float:right;
    margin: 0 0 10px 10px;
}

.newsblock span {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}

.gallery {
    clear: both;
    margin-top: 20px;
}
.gallery img {
    border: solid 1px #d3d3d3;
    margin: 3px;
    padding: 1px;
}

.thumbnail {
    width:215px;
    text-align:center;
    padding:5px 5px 10px 5px;
    margin:2px 2px 10px 2px;
}
.thumbnail:hover {
    box-shadow: 1px 1px 1px 1px #a6a6a6;
    border-color: #a6a6a6;
}

.greyline {height: 1px; background-color: #a6a6a6;}
.title {color: #336699; font-size: 20px; font-family: "Georgia", serif; text-transform: uppercase; padding-top: 5px;}
.titlesmall {color: #761c19; font-size: 18px; font-family: "Georgia", serif; padding-top: 5px; padding-bottom: 5px}
.titlesmall a {color: #761c19;}

.doc {background: url(../img/docx.png) no-repeat left; padding-left: 20px}
.ppt {background: url(../img/pptx.png) no-repeat left; padding-left: 20px}
.pdf {background: url(../img/pdf.png) no-repeat left; padding-left: 20px}
.gall {background: url(../img/image.png) no-repeat left; padding-left: 20px}