@charset "UTF-8";

/******************************* FONTS *******************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext);

/******************************* RESET *******************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
html {overflow-y: scroll;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {border-collapse:collapse; border-spacing:0;}
hr {display:block; height:0; background-color: #c7c7c7; border-top: 1px solid #c7c7c7; border-left:0; border-right:0; border-bottom: 1px solid #FFF; margin:1em 0; padding:0;}
*+html hr {height: 2px;}

/******************************* BASIC ELEMENTS *******************************/
* { margin: 0; padding: 0;}
img { border: 0; }

.fl { float: left; }
.fr { float: right; }
img.fl {margin-right: 20px;}
img.fr {margin-left: 20px;}

.cb { clear: both; }
.clearfix { width:100%; height: 0; clear: both }

header, nav, article, footer, address { display: block; }
header, footer { width: 100%; clear: both; padding: 0; margin: 0; }

/******************************* BODY *******************************/
body {font-family: 'Roboto', sans-serif; font-size: 16px; color: #555555;}

.wrapper {margin: 0 auto; width: 996px;}

*:focus {outline: 0;}

a {text-decoration: none;}

/******************************* HEADER *******************************/
header {width: 100%; height: 120px;}
.logo {float: left; margin-top: 20px;}
.header-right {float: right; width: 290px; margin-top: 20px;}
.lang {text-align: right;}
.lang img {margin-left: 5px;}
.search {display: inline-block; width: 286px; margin-top: 14px; border: 2px #058041 solid;}
.search input {float: left; width: 219px; height: 15px; border: 0; padding: 9px 15px 10px; color: #000;}
.search button {float: right; width: 37px; height: 34px; border: 0; background: #058041 url('../images/loop.png') no-repeat center center; cursor: pointer;}

.menu, .menu * {box-sizing:border-box;}
.menu, .menu .wrapper, .menu nav, .menu nav ul{height: 100%;}
.menu {width: 100%; height: 61px; background: url('../images/menu-bg.png') repeat-x;}
/*.menu nav ul {justify-content:space-between;display:flex;}*/
.menu nav{ height: 56px; overflow: hidden;}
.menu nav ul {display:table;width:100%;}
/*.menu nav ul li {float: left; list-style: none;}*/
/*.menu nav ul li {float: none; display: table-cell; list-style: none;}*/
/*.menu nav ul li a {float: left; padding: 18px 12px; height: 21px; color: #FFF;}*/
/*.menu nav ul li a {float: none; padding: 18px 12px; height: 70px; color: #FFF;}*/
/*.menu nav ul li a {float: none; padding-top:18px; color: #FFF;}*/
.menu nav ul li{
  /*width:100%;*/
  height: 100%;
  float: none;
  display: table-cell;
  list-style: none;
}
.menu nav ul li a{
  box-sizing:border-box;
  display: block;
  height: 100%;
  width:100%;
  text-align: center;
  float: none;
  padding-top:20px;
  padding-bottom: 18px;
  color: #FFF;
}

.menu nav ul li a:hover,
.menu nav ul li.active a {background: #03592d;}




/******************************* CONTENT *******************************/
.main {margin: 50px 0;}
.main h1 {font-size: 30px; text-transform: uppercase; color: #007236; font-weight: normal; margin-bottom: 30px;}
.main p {font-size: 18px; line-height: 28px; color: #555555; margin-bottom: 20px;}

.items {display: inline-block; width: 100%; margin: 30px 0 20px;}
.items li {float: left; width: 173px; margin-left: 32px; list-style: none; text-align: center;}
.items li:first-child {margin-left: 0;}
.items li img {float: left; width: 100%;}
.items li a {color: #FFF; text-decoration: none;}
/*.items li a span {display: inline-block; width: 100%; height: 29px; text-transform: uppercase; padding: 16px 0; background: url('../images/menu-bg.png') repeat-x; font-size: 18px;}*/
.items li a span {
    min-width: 173px;
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    width: 100%;
    height: 61px;
    text-transform: uppercase;
    background: url(../images/menu-bg.png) repeat-x;
    font-size: 15px;
}}
.items li a:hover span {text-decoration: underline;}

.actual {display: inline-block; width: 100%; margin-bottom: 50px;}
.actual .actual-header {display: inline-block; width: 100%; margin-bottom: 20px; border-bottom: 1px #000 solid;}
.actual .actual-header h2 {float: left; color: #000; font-size: 30px; font-weight: normal; text-transform: uppercase;}
.actual .actual-header a {float: right; font-size: 18px; padding-right: 10px; margin-top: 12px; background: url('../images/arrow_small.png') no-repeat right 10px; color: #000;}
.actual .actual-header a:hover {color: #007236;}
.actual ul li {float: left; width: 100%; list-style: none; background: none!important; padding-left: 0!important; margin-bottom: 10px;}
.actual ul li a {display: block; font-weight: bold; color: #000; font-size: 18px; background: #e5e5e5; padding: 15px 20px; list-style: none;}
.actual ul li a:hover {background: #007236; color: #FFF; text-decoration: none;}
.actual ul li a .date {float: left; color: #007236; font-weight: normal; margin-right: 20px;}
.actual ul li a:hover .date  {color: #FFF;}
/*.actual ul li a .t {display: inline-block; width: 580px;}*/
.actual ul li a .t {display: block; width: auto;}

.else h3 {font-size: 20px; color: #000; border-bottom: 1px #000 solid; padding-bottom: 3px; font-weight: normal; text-transform: uppercase; margin-bottom: 20px;}
.finances {float: left; width: 225px; font-size: 13px;}
.finances a {display: inline-block; width: 100%; color: #000; margin-bottom: 20px;}
.finances a:hover {color: #007236;}
.finances p{ font-size: 13px; line-height:15px;}

.donators {float: right; width: 735px;}
.donator {width: 360px; background: #e5e5e5; padding: 20px;min-height:170px; float:left;}

.fbbox {
  float: right;
}

.donator h5 {font-size: 13px; font-weight: normal; margin-bottom: 10px; text-transform: uppercase;}
.donator .separate {display: inline-block; width: 100%; margin: 40px 0 0 0;}

.owl-donator {padding: 0 20px;}
.owl-donator .item {margin: 0 10px;}
.owl-theme .owl-controls .owl-buttons div {background: none!important; border-radius: 0!important; padding: 0!important; filter: Alpha(Opacity=100)!important; opacity: 1!important;}
.owl-next {position: absolute; right: -20px; top: 20px;}
.owl-prev {position: absolute; left: -20px; top: 20px;}

/******************************* FOOTER *******************************/
footer {float: left; display: inline-block; width: 100%; padding: 30px 0 25px; background: #058041 url('../images/footer-top.png') repeat-x left top; font-size: 16px; color: #FFF;}
footer a {color: #FFF;}
footer a:hover {text-decoration: underline;}
footer h4 {font-size: 18px; text-transform: uppercase; margin-bottom: 20px;}
footer ul {float: left; width: 255px;}
footer ul li {padding-left: 20px; margin-bottom: 20px; background: url('../images/arrow_white.png') no-repeat left center;}
footer p {line-height: 26px;}
footer p a {text-decoration: underline;}
footer p a:hover {text-decoration: none;}
.f-left {float: left; width: 765px;}
.f-right {float: right; width: 231px;}

.copyright {float: left; display: inline-block; width: 100%; background: #005f2d; padding: 20px 0; color: #FFF; font-size: 13px;}
.copyright p {float: left;}
.izdelava {float: right; color: #FFF; padding-bottom: 17px; background: url('../images/novisplet.png') no-repeat right bottom;}
.izdelava:hover {text-decoration: underline;}

/******************************* PODSTRAN *******************************/
.content .breadcrumbs {font-size: 12px; color: #555555; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px #dcdcdc solid;}
.content .breadcrumbs a {color: #555555;}
.content .breadcrumbs a:hover {text-decoration: underline;}
.content .breadcrumbs span {margin: 0 7px;}

.no-border {border: 0!important; margin-top: 0!important; padding-top: 0!important;}

.sidebar {float: left; width: 238px; padding-bottom: 40px; border-right: 1px #aaaaaa solid; margin-right: -1px;}
.sidebar h3 {font-size: 18px; font-weight: normal; text-transform: uppercase; color: #007236; margin: 40px 0 20px;}
.sidebar > ul {border-top: 1px #aaaaaa solid;}
.sidebar > ul > li {float: left; list-style: none;}
.sidebar > ul > li > a {float: left; padding: 10px 0 10px 10px; width: 228px; color: #000; font-size: 15px; background: url('../images/al.png') no-repeat left 17px; border-bottom: 1px #aaaaaa solid;}
.sidebar > ul > li.active > a, .sidebar > ul > li a:hover {color: #007236; background: url('../images/alh.png') no-repeat left 17px;}
.sidebar > ul > li > ul  {float: left; margin: 10px 0;}
.sidebar > ul > li > ul > li > a {float: left; padding: 3px 0 3px 20px; width: 218px; color: #000; font-size: 14px; background: url('../images/bullets.png') no-repeat 10px 11px;}
.sidebar > ul > li > ul > li > a:hover, .sidebar > ul > li > ul > li.active > a {color: #007236; background: url('../images/bulleth.png') no-repeat 10px 11px;}

.content {float: right; width: 734px; padding: 15px 0 30px 23px; border-left: 1px #aaaaaa solid;}
.content p {margin-bottom: 10px; font-size: 16px; line-height: 24px;}
.content h1 {margin: 0 0 30px 0; font-size: 30px; color: #007236; font-weight: normal;}
.content h2 {font-size: 23px; color: #007236; margin-bottom: 30px; margin-top: 20px; font-weight: normal;}
.content h3 {font-size: 18px; color: #000; font-weight: bold; margin-bottom: 10px;}
.content a {color: #007236;}
.content a:hover {text-decoration: underline;}
.content ul {margin-bottom: 30px;}
.content ul li {padding-left: 10px; line-height: 24px; background: url('../images/bullet.png') no-repeat left 9px; margin-bottom: 6px;}

.full-screen {float: left; width: 100%; padding: 15px 0 30px 0; border-left: 0;}

.pagination {margin-top: 15px; padding-top: 18px;  border-top: 1px #b9b9b9 solid;}
.pagination li {float: left; list-style: none; padding: 0!important; background: none!important;}
.pagination li a {float: left; font-size: 16px; border: 1px #b9b9b9 solid; color: #000; background: none; padding: 3px 10px; margin-right: 5px;}
.pagination li.active a, .pagination li a:hover {background: #969696; text-decoration: none; font-weight: bold; color: #FFF;}

.articles .article {border-top: 1px #dcdcdc solid; padding: 40px 0;}
.articles .article:first-child {border-top: 0; padding-top: 0;}
.articles .article table tr td {vertical-align: top;}
.articles .article h3 a {color: #000;}
.articles .article p {margin-bottom: 10px;}

.title {display: inline-block; width: 100%; font-weight: normal!important; border-bottom: 1px #000 solid; padding-bottom: 5px; margin-bottom: 20px!important;}

.documents li {display: block; background: #e5e5e5!important; list-style: none; padding: 10px 20px!important; margin-bottom: 5px;}
.documents li a {padding-left: 20px; background: url('../images/download.png') no-repeat left 4px; padding-right: 10px;}
.documents li strong {padding-left: 10px; border-left: 1px #000 solid;}

.meta {display: block; margin: -10px 0 20px; font-size: 14px; color: #555555;}

.drustva li {float: left; width: 734px; color: #000; font-size: 18px; background: #e5e5e5!important; padding: 0!important;}
.tab-header {display: inline-block; padding: 14px 20px;}
.tab-header .t-place {float: left; width: 160px;}
.tab-header .t-name {float: left; width: 480px; font-weight: bold;}
.tab-header .t-more {float: left; width: 50px;}
.tab-header .t-more .more-closed {color: #007236; padding-right: 20px; background: url('../images/more.png') no-repeat right center; cursor: pointer;}
.tab-header .t-more .more-opened {display: none; cursor: pointer;}
.tab-header .t-more.more-open .more-closed {display: none;}
.tab-header .t-more.more-open .more-opened {display: block; color: #007236;}

.t-open {display: none; padding: 0 20px 20px 180px;}

.books li {float: left; padding: 0!important; background: none; width: 177px; margin: 0 0 40px 97px!important;}
.books li:nth-child(3n+1){clear:both;}
.books li:first-child, .books li:nth-child(3n+1) {margin-left: 0!important;}
.books img {border: 1px #bebebe solid;}
ul.gallery {
  font-size: 0;
}

.gallery li {padding: 0!important; background: none; width: 227px;     margin: 0 0 40px 22px!important;
    display: inline-block;
    font-size: 15px;
    vertical-align: top;}
.gallery li:first-child, .gallery li:nth-child(3n+1) {margin-left: 0!important;}
.gallery img {border: 1px #bebebe solid;}

.gallery-password {display: inline-block; width: 100%; margin-bottom: 30px;}
.gallery-password label {float: left; width: 225px; margin-top: 6px; color: #000;}
.pass {float: left; display: inline-block; width: 266px; border: 2px #058041 solid;}
.pass input {float: left; width: 199px; height: 34px; border: 0; padding: 8px 15px 9px; color: #000; font-style: italic; font-size: 15px; box-sizing:border-box;}
.pass button {float: right; width: 37px; height: 34px; border: 0; background: #058041 url('../images/go.png') no-repeat center center; cursor: pointer;}
.gallery-password .error {float: left; margin: 6px 0 0 20px; color: #ff0000;}

iframe {border: 0;}


table {
  width: 100%;
  max-width: 100%;
  /*margin-bottom: 20px;*/
  font-size: 14px;
  /*text-align: justify;*/
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
table table {
  /*background-color: #ffffff;*/
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
table {
  border: 1px solid #dddddd;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
  border: 1px solid #dddddd;
}
table > thead > tr > th,
table > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #F3F8F3;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
table > thead > tr > td.active,
table > tbody > tr > td.active,
table > tfoot > tr > td.active,
table > thead > tr > th.active,
table > tbody > tr > th.active,
table > tfoot > tr > th.active,
table > thead > tr.active > td,
table > tbody > tr.active > td,
table > tfoot > tr.active > td,
table > thead > tr.active > th,
table > tbody > tr.active > th,
table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
table > thead > tr > td.success,
table > tbody > tr > td.success,
table > tfoot > tr > td.success,
table > thead > tr > th.success,
table > tbody > tr > th.success,
table > tfoot > tr > th.success,
table > thead > tr.success > td,
table > tbody > tr.success > td,
table > tfoot > tr.success > td,
table > thead > tr.success > th,
table > tbody > tr.success > th,
table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
table > thead > tr > td.info,
table > tbody > tr > td.info,
table > tfoot > tr > td.info,
table > thead > tr > th.info,
table > tbody > tr > th.info,
table > tfoot > tr > th.info,
table > thead > tr.info > td,
table > tbody > tr.info > td,
table > tfoot > tr.info > td,
table > thead > tr.info > th,
table > tbody > tr.info > th,
table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
table > thead > tr > td.warning,
table > tbody > tr > td.warning,
table > tfoot > tr > td.warning,
table > thead > tr > th.warning,
table > tbody > tr > th.warning,
table > tfoot > tr > th.warning,
table > thead > tr.warning > td,
table > tbody > tr.warning > td,
table > tfoot > tr.warning > td,
table > thead > tr.warning > th,
table > tbody > tr.warning > th,
table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
table > thead > tr > td.danger,
table > tbody > tr > td.danger,
table > tfoot > tr > td.danger,
table > thead > tr > th.danger,
table > tbody > tr > th.danger,
table > tfoot > tr > th.danger,
table > thead > tr.danger > td,
table > tbody > tr.danger > td,
table > tfoot > tr.danger > td,
table > thead > tr.danger > th,
table > tbody > tr.danger > th,
table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
  }
  .table-responsive > table {
    margin-bottom: 0;
  }
  .table-responsive > table > thead > tr > th,
  .table-responsive > table > tbody > tr > th,
  .table-responsive > table > tfoot > tr > th,
  .table-responsive > table > thead > tr > td,
  .table-responsive > table > tbody > tr > td,
  .table-responsive > table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > table {
    border: 0;
  }
  .table-responsive > table > thead > tr > th:first-child,
  .table-responsive > table > tbody > tr > th:first-child,
  .table-responsive > table > tfoot > tr > th:first-child,
  .table-responsive > table > thead > tr > td:first-child,
  .table-responsive > table > tbody > tr > td:first-child,
  .table-responsive > table > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > table > thead > tr > th:last-child,
  .table-responsive > table > tbody > tr > th:last-child,
  .table-responsive > table > tfoot > tr > th:last-child,
  .table-responsive > table > thead > tr > td:last-child,
  .table-responsive > table > tbody > tr > td:last-child,
  .table-responsive > table > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > table > tbody > tr:last-child > th,
  .table-responsive > table > tfoot > tr:last-child > th,
  .table-responsive > table > tbody > tr:last-child > td,
  .table-responsive > table > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

.actual.half{
  /*width:50%;*/
  /*width:66.66666666666667%;*/
  width:50%;
  float: left;
  padding-right: 15px;
  box-sizing:border-box;
}

.calendar{
  /*width:50%;*/
  /*width:33.33333333333333%;*/
  width:50%;
  float: left;
  padding-left: 15px;
  box-sizing:border-box;
  margin-bottom: 30px;
}
.calendar .calendar-header {display: inline-block; width: 100%; margin-bottom: 20px; border-bottom: 1px #000 solid;}
.calendar .calendar-header h2 {float: left; color: #000; font-size: 30px; font-weight: normal; text-transform: uppercase;}
.calendar .calendar-header a {float: right; font-size: 18px; padding-right: 10px; margin-top: 12px; background: url('../images/arrow_small.png') no-repeat right 10px; color: #000;}
.calendar .calendar-header a:hover {color: #007236;}
.calendar .fc-left h2 {float: left; color: #000; font-size: 18px; font-weight: normal; text-transform: uppercase;}

.fc-day-grid-event > .fc-content {
    white-space: normal !important;
}
.fc-bg .fc-today {
    background: #E3FCEC !important;
}

.events *{box-sizing:border-box;}
.events .date_published{

}
.events .date_start{
  float:left;
  font-size: 18px;
  height:40px;
  padding:10px;
  background:#f7f7f7;
  margin:10px 0;
}
.events .date_end{
  float:right;
  font-size: 18px;
  height:40px;
  padding:10px;
  background:#f7f7f7;
  margin:10px 0;
}
.events .events-more{
  padding:10px;
}
.events .events-more .back{
  float:left;
}
.events .events-more .next{
  float:right;
}
.events .events-content{
  padding:10px;
}


.header-info{
  position: absolute;
  top:95px;
  margin:0 0 0 100px;
  /*margin:-25px 0 0 250px;*/
  font-size: 12px;
  font-weight: bold;
}


.fbico {
  position: relative;
}

.fbico img {
  margin-top: 10px;
}

.fbico span {
  position: absolute; top: -8px;left: 33px;
}

.owl-komentar .owl-theme .owl-controls {margin-top:0!important;}
.owl-komentar .owl-prev, .owl-komentar .owl-next {top:50px!important;}


.ns_events h2 {
  margin-bottom: 10px;
}



p.ns_label {
      font-size: 12px;
      background: #2d8cff;
      display: inline;
      padding: 0 2px;
      border-radius: 4px;
      color: #fff;
  }

  

  p.ns_label.ns_label_open {
      background: #058041;
      color: #fff;
  }

  p.ns_label.ns_label_not_yet {
      background: #c1a123;
      color: #fff;
  }

  p.ns_label.ns_label_is_full {
      background: #c12323;
      color: #fff;
  }


.ns-table-1 {
  border-collapse: collapse;
  border: none;
}

.ns-table-1 td {
  border:none;
  vertical-align: top;
  padding:0;
  padding-right: 20px;
}





.banner {
    display: flex;
    max-width: 480px;
    background-color: #007236;
    color: white;
    font-family: Arial, sans-serif;
    overflow: hidden;
    border: 2px solid #007236;
}
.text-section {
    padding: 20px;
    width: 320px;
    color: #fff !important;!i;!;!M;!Mi;!M;!;
}
.text-section h2 {
    margin: 0;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
}
.text-section p {
    margin: 20px 0 30px 0;
    font-size: 18px;
    font-weight: bold;
    color: #fff !important;!I;!;
}
.text-section a {
    color: #fff;
    text-decoration: underline;
    font-size: 14px;
}
.text-section a:hover {
    text-decoration: underline;
}
.image-section img {
    width: 211px;
    height: auto;
    display: block;
}