@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	background:#fff;
	color: #333;
	font-family: 'Poppins', sans-serif;
	font-size:16px;
	
}

b {font-weight:600}

.pad20 {padding:20px;}

a {color:#003B89}
a:hover {color:#A81B48}

a:hover { text-decoration:none}

h1, h2, h3, h4, h5, h6 {margin:0;}

.container-fluid {margin:0; padding:0;}

.blue {color:#003B89}
.dblue-bg { background: #003B89;}

.blue-bg {background:#f1f1f1}
.red {color:#e1634a}
.red-bg {background:#e1634a; color:#fff !important}
.white {color:#fff;}
.yellow {color:#FFD200}
.pad020 {padding:20px 20px; }

.pad20 {padding:20px;}

a.page-link {color:#003B89 !important }
.page-item.active .page-link {color:#fff !important; background: #003B89  !important}



.redBg { background:#FFD200; float:left; width:100%; color:#333; margin-bottom:20px;}

#header-container {  background:#fff;   }
	#logo {position:relative;}
	#logo img { -webkit-border-bottom-right-radius: 250px;-webkit-border-bottom-left-radius: 250px;-moz-border-radius-bottomright: 250px;-moz-border-radius-bottomleft: 250px;border-bottom-right-radius: 250px;border-bottom-left-radius: 250px; margin:10px; width:60%; border:10px solid #fff;  background:#fff; float:left; position:absolute; margin-top:-5px;}
	#header-container  h1 {font-weight:600; line-height:40px; margin-top:5px;; display:block; float:left;}
	#header-container  h1 small {float:right; font-size:12px;}
	
#nav-container {height:80px; background:#003B89;}
	#nav-container ul {margin:0; padding:0;}
	#nav-container ul li  {margin:0; padding:0; display:inline; position:relative;}
	#nav-container ul li a  {margin:0; padding:15px 15px; margin:15px 0px 0px 0px; display:inline-block; color:#fff; font-size:16px; font-weight:600}
	#nav-container ul li a:hover, #nav-container ul li:hover a { background:#e1634a; color:#fff; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#nav-container ul li ul {display:none;}
#nav-container ul li:hover ul {display:block; background:#e1634a;position:absolute; left:0; z-index:100; width:200px; margin-top:-5px; }

#nav-container ul li:hover ul li {border-bottom:1px solid #7c1234; float:left; width:100%}

#nav-container ul li:hover ul li a { padding:10px 15px; margin:0px; font-size:14px; font-weight:normal }
#nav-container ul li:hover ul li a:hover {color:#333}

#indexFotorama {padding-bottom:10px; background:#003B89;}

#index-container {padding:40px 0px; background: #FFD200}

#breadcrumb-container {padding:10px 0px; background: #e4725c; color:#fff}
#breadcrumb-container .breadcrumb { background: none; margin:0; padding:0px 10px;}
#breadcrumb-container a {color:#fff !important}

#news-container {padding:20px 0px; border-top:5px solid #eaeaea; background: #fff;}
 
#news-container .well {font-size:16px;  background:#F7F7F7; border:1px solid #f1f1f1}


.postItem { }
.postItem img {float:left; margin-right:20px; border:1px solid #ddd; }
.postItem img.pull-right {float:right; margin-right:0; border:1px solid #ddd;padding:2px;}
.postItem h6 {font-weight:bold; color:#333; display:block; padding-top:5px;}
.postItem h4 {font-weight:bold; color:#333; display:block; padding-top:5px; line-height:normal; margin-bottom:5px;}
.postItem  a {color:#666}
.postItem:hover h6, .postItem:hover h4 {color:#e1634a}

#dogadanjaIndex { margin-top:-325px; border:1px solid #f1f1f1;  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; background:#f7f7f7 ; float:left; }
#dogadanjaPage { margin-top:0px; border:1px solid #f1f1f1;  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; background:#f7f7f7 ; float:left; }
.eventItem {float:left; width:100%; color:#333; margin:10px 0px; border-bottom:1px solid #eaeaea;}
.eventItem:hover { background:#0C4DA1}
.eventItem span {display:block; float:left; margin-right:20px; padding:10px; background:#003B89; text-align:center; }
.eventItem span h3 {line-height:25px; margin:0; font-weight:bold; color:#FFD200}
.eventItem span  small {color:#fff;}
.eventItem a {color:#333}
.eventItem:hover a {color:#fff;}
.eventItem cite {margin-top:10px; display:block; }

#footer-container { border-top:5px solid #eaeaea; background:#f7f7f7;  padding:20px 0px;}
#footer-container a {color:#444;}
#footer-container a:hover {color:#003B89;}

#copy-container {   background:#e1634a; color:#fff;}
#copy-container a {color:#fff;}

.responsive-calendar .controls {
  text-align: center;
}
.responsive-calendar .controls a {
  cursor: pointer;
}
.responsive-calendar .controls h4 {
  display: inline;
}
.responsive-calendar .day-headers,
.responsive-calendar .days {
  font-size: 0;
  
}
.responsive-calendar .day {
  display: inline-block;
  position: relative;
  font-size: 14px;
  width: 14.285714285714286%;
  text-align: center;
  font-weight:bold;
}
.responsive-calendar .day a {
  color: #000000;
  display: block;
  cursor: pointer;
  padding: 20% 0 20% 0;
}
.responsive-calendar .day a:hover {
  background-color: #eee;
  text-decoration: none;
}
.responsive-calendar .day.header {
  border-bottom: 1px gray solid;
}
.responsive-calendar .day.active a {
  background-color: #003B89;
  color: #FFD200;
}
.responsive-calendar .day.active a:hover {
  background-color:#FFD200;
  color: #003B89;
}
.responsive-calendar .day.active .not-current {
  background-color: #8fcaef;
  color: #ffffff;
}
.responsive-calendar .day.active .not-current:hover {
  background-color: #bcdff5;
}
.responsive-calendar .day.not-current a {
  color: #ddd;
}
.responsive-calendar .day .badge {
  position: absolute;
  top: -5px;
  right: -5px;
  z-index: 1;
}

.desktop-hidden {display:none;}


@media(max-width:1240px)  {
		#header-container  h1 {font-weight:600; line-height:40px; margin-top:5px;; display:block; float:left; font-size:24px;}
		#nav-container ul li a  {margin:0; padding:15px 10px; margin:15px 0px; display:inline-block; color:#fff; font-size:16px; font-weight:600}


}
@media(max-width:1024px)  {
		#nav-container ul li a  {margin:0; padding:15px 3px; margin:15px 0px; display:inline-block; color:#fff; font-size:16px; font-weight:600}
    .mobile-hidden {display:none !important}
    .desktop-hidden {display:block;}
    #mobile-nav-container {display:none;}
    #mobile-nav-container ul {margin:0; padding:0;}
    #mobile-nav-container ul li  {margin:0; padding:0; display:block; list-style: none !important;}
    #mobile-nav-container ul li a { display:block; padding:5px 10px;}
    #mobile-nav-container ul li ul {margin-left:20px;}
    .fotoramaIndex h1 {font-size:24px !important}
    #breadcrumb-container .breadcrumb {display:none;}
}