/* 65 */
*{margin:0;padding:0}
body, html, p, a, span, h1, h2, h3, h4, h5, img, table, tr, td, div, nav, aside, ul, li {color:#555; font-size: 14px;text-decoration:none;} 
HTML {width: 100%;}
BODY {font-family: Arial,Helvetica,sans-serif; font-size: 14px; width: 100%; } 
span{color: inherit}
p img{display:block;width:100%!important;height:auto!important}
@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);}
@font-face {font-family: exo; src: url(fonts/Exo2RegularCondensed.otf);}
@font-face {font-family: exoB; src: url(fonts/Exo2BoldCondensed.otf);}
@font-face {font-family: exoLT; src: url(fonts/Exo2ThinCondensed.otf);}

.icons {
    font-family: icons;
}
h1, h2, h3, h4 {
    font-family: exoLT;
    font-weight: normal;
    text-transform: uppercase;
    color: #777;
}

.oblast_sadrzaja {padding:15px 0}

/*COLORS*/
.tPlava{background:#273357; color:#eee}
.alignMeLeft{text-align: left}

/* DISPLAY NONE */
.glavni_meni {display:none;}
.inner-wrapper.wrap1 {display:none;}
.page_search{display: none}
.index .page_search {display:block; width:80%; margin:auto; text-align: center;position: relative}
.page_search input {display: inline-block; width:70%;text-align: center; padding:6px; box-sizing: border-box; border:1px solid #669; border-radius: 3px;}
.page_search .searchDugme {display: inline-block; width:20%; font-size: 25px; color:#669}

.innerFastPreview {background: #fca; padding:10px;margin-top:10px; }
.innerFastPreview li{list-style: none; text-align: left; padding:10px 0; border-bottom:1px solid #fff}
.innerFastPreview .searchAntrafile{display: none}
.searchDate{display: none}
.searchCat{display: none}
.backButton {position: absolute; top:20px; right:-20px; z-index: 10;border:1px solid #666; padding:10px; border-radius: 12px; background:#fff}



.inner-wrapper.wrap2 .box5 {display:none;}
.box-container.box-c3 .box6.boxSlider{display:none;}
#mapContainerOuter {display:none;}
.box-container.box-c5 {display:none;}
#reklame {display:none;}
.footerImage {display:none;}
.jingleImage {display: none;}
.footerMeni {display:none;}

/* ZAGLAVLJE */
.oblast_zaglavlja {position:relative;}
.logo {width:50%;padding:30px 0 0 5px;}
.logo-right {width:70px;}
.logo a, .logo-right a{display:block;width:100%;height:100%;}
.logo a img,.logo-right a img {display:block;width:100%;height:auto;}
.logo-right {position:absolute;top:10px;right:10px;}

.oblast_zaglavlja:before {
  content: '';
  position: absolute;
  top: 51px;
  left: 225px;
  right: 90px;
  height: 1px;
  background: #9d9dc6;
}

.mob_main_menu {text-align:center;margin:10px 0;}
.mob_main_menu:after {
	content:"\f0c9";
	font-family: icons;
	font-size:20px;
	display:block;
	width:28px;
	margin:0 auto;
	border:1px solid #ccc;
	padding:2px;
	border-radius:7px;
}

/* MENI */
#fixedLink_form{display:none;}

.glavni_meni {padding-top:20px}
.glavni_meni ul {border-top:2px solid #273357;}
.glavni_meni li:first-child{border-top:1px solid #ccc;}
.glavni_meni li{list-style:none;display:block;border-bottom:1px solid #ccc;box-sizing:border-box;}
.glavni_meni li a{display:block;padding:6px 20px;}

.oblast_zaglavlja .meni_jezici {position:relative;height:40px;padding-top:10px;box-sizing:border-box;display:none;background: #25408e;margin-bottom:10px}
.oblast_zaglavlja .meni_jezici::before {
	content: "\f1ab";
	position: absolute;
	top: 4px;
	left: 15px;
	font-family: icons;
	font-size: 26px;
	color: #eee;
}
.oblast_zaglavlja .meni_jezici li:first-child {
	padding: 0px 22px 0px 70px;
}
.oblast_zaglavlja .meni_jezici li {
	display: inline;
	vertical-align: top;
	color: #eee;
	text-align: left;
	box-sizing: border-box;
}
.oblast_zaglavlja .meni_jezici li a span {
	font-size: 17px;
	color: #eee;
	
}
.oblast_zaglavlja .meni_jezici .markLng a span {
    border-bottom: 2px solid #eee;
}

/* BOCNI MENI */

#coll_left {display:none;border-bottom:2px solid #273357}
#coll_left .bocniMeniStrane li {
	list-style: none;
	border-bottom: 1px solid #ccc;
	position:relative;
}
#coll_left .bocniMeniStrane li a {display: block;padding: 6px 20px 6px 30px;}
#coll_left .bocniMeniStrane li ul li:last-child {
	border-bottom: 0px solid #ccc;
}
#coll_left h3{
	font-family: Arial,Helvetica,sans-serif;
	list-style: none;
	border-bottom: 1px solid #ccc;
}
#coll_left h3 a{padding: 6px 20px;display:block}
#coll_left .markerKategorije > a, #coll_left .markerPodStrane a {color:#273357;}
#coll_left .markerKategorije:before, #coll_left .markerPodStrane:before {
	content:"\f192";
	font-family:icons;
	position:absolute;top:7px;left:14px;
  font-size:13px;
  color:#273357;
}
#coll_left h3 a {color:#273357;}

/* HOMPAGE */
.horizontal-wrapper.row-1 {}

/* ROW 1 */
.index .box-c1 {height:580px;
background:#273357; color:#eee;
	background-image: url(../../cms_upload/pages/images/164_tasmajdan.jpg);
  background-repeat:no-repeat;
	background-blend-mode:luminosity

}
.index .box1 {
	height: 120px;
	background: -moz-linear-gradient(top, rgba(39,51,87,0.78) 0%, rgba(39,51,87,0.63) 34%, rgba(39,51,87,0) 100%);
	background: -webkit-linear-gradient(top, rgba(39,51,87,0.78) 0%,rgba(39,51,87,0.63) 34%,rgba(39,51,87,0) 100%);
	background: linear-gradient(to bottom, rgba(39,51,87,0.78) 0%,rgba(39,51,87,0.63) 34%,rgba(39,51,87,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7273357', endColorstr='#00273357',GradientType=0 );
}
.index .box1 h2{
	color: #fff;
	font-size: 26px;
	padding: 8px 20px;
	font-family: exo;
	text-shadow: 1px 1px 1px black;
	font-weight: normal;
	text-transform: uppercase;
}
.index .box-c1 .box .pages {counter-reset: section;}
.index .box-c1 .box .page-pID {
	list-style:none;
	position:relative;
	padding:0 10px 0 20px;
	background:#273357;
}
.index .box-c1 .box .page-pID:first-child{
background: -webkit-linear-gradient(top, rgba(39,51,87,0) 0%,rgba(39,51,87,1) 62%,rgba(39,51,87,1) 100%);
background: linear-gradient(to bottom, rgba(39,51,87,0) 0%,rgba(39,51,87,1) 62%,rgba(39,51,87,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00273357', endColorstr='#273357',GradientType=0 ); 
}
.index .box-c1 .box .page-pID:after {
	counter-increment: section;
  content: counter(section);
	position:absolute;
	top:calc(100% - 70%);right:0px;;
	padding:0 8px;
	font-size:25px;
	font-weight:bold;
	color:#ccc;
}
.index .box-c1 .box .page-pID:hover:after{
	color:#9bf;
}
.index .box-c1 .box .info {
	border-top:1px solid #e2e2e2;
	box-sizing:border-box;
}
.index .box-c1 .box .page-pID h2 a{
	font-family:exo;
	padding:0px 20px 0px 0px;
	font-size:17px;
	height:87px;
	display: flex;
  flex-direction: column;
  justify-content: center;
	color:#ccc
}
.index .box-c1 .box li:last-child .info{
	border-bottom:1px solid #e2e2e2;
	
}

/* ROW 2 */
.index .horizontal-wrapper.row-2 {/*! padding:10px 0; */}
.index #videoBox {text-align:center;_background:#fff;margin:10px 0 0 0;}
.index #videoBox iframe {margin:6px 0 2px 0;}

.index .box7, .index .box9, .index .box11, .index .box13 {font-size: 0;background: #fff;}
.index .box .mini-boxes {width:50%;display:inline-block;vertical-align:top;padding:10px;box-sizing:border-box;background:#fff;}
.index .mini-boxes a {display:block;width:100%;height:100%;background:#273357;position:relative;}
.index .mini-boxes img {display:block;width:100%;height:auto;}
.index .mini-boxes span {
	position: absolute;
	top: 5px;
	left: 10px;
	display: block;
	width: 100%;
	height: auto;
	width: 80%;
	line-height: 16px;
	color: #eee;
	font-weight: bold;
	font-size: 17px;
	letter-spacing: -.5px;
}
.index .box4 .page-pID {padding:20px;position:relative;}
.index .box4 .page-pID img{display:block;width:100%;height:auto;}
.index .box4 .page-pID a {display:block;width:100%;height:auto;}
.index .box4 .page-pID .info h2 a{color:#eee;font-size:26px;padding:10px 0px;
	text-align:center;
	
}
.index .box4 .page-pID .info h2 {
	position:absolute;top:20px;left:20px;right:20px;background: #236;opacity: 0.8;
}
.index .box4 .page-pID .info .antrafile {color:#eee;font-size:14px;padding:8px 0}
 
.index .box10.boxHeightElement, .index .box-c7 {padding:0 0 15px 0}
.index .box10 .info{border: 1px solid #fff}

.index .box-container.box-c4 h2, .index .box-c7 h3, .index .c7-list li{
	display:block;
	color: #fff;
	font-size: 22px;
	padding: 6px 20px;
	font-family: exo;
	text-shadow: 1px 1px 1px black;
}
.index .box-c7 h3 a {
	font-size: 22px;
	font-family: exo;
	color: #fff;
}
.index .box-container.box-c4 > h2, .index .box-c7 h3 {padding: 15px 30px;}
.index .box10 .pages li h2 a, .index .c7-list li a {
    padding: 0;
    margin: 0;
    color: inherit;
    font-size: 14px;
    font-family: exo;
}
.index .box10 .pages, .index .c7-list {
    margin: 0px 30px 0px 10px;
}
.index .box10 .pages .page-pID, .index .c7-list li {list-style:none;}

.index .box8 {
	width:100%;
	text-align: center;
	
}

.index .box8 h2{
	font-size:28px;
	font-weight:bold;
	color:#eee
}

.index .casopisNoviBroj{
	display: none;
}


/* STRANICE */
.palilula .oblast_sadrzaja {padding:0px 0px 30px 0px}
.palilula .pageTitle, .palilula .catTitle {
	display:block;
	text-transform: uppercase;
	color: #777;
	font-size: 36px;
  line-height: 30px;
	padding:10px 15px 30px 15px;
  text-align:center;
}

.palilula .PalilulaSlike, .palilulaSlike{padding:10px 0;}
.palilula .PalilulaSlike img, .palilulaSlike img{display:block;width:100%;height:auto;}
.palilula.catid_36 .palilulaSlike, .palilula.catid_37 .palilulaSlike, .palilula.catid_38 .palilulaSlike {width:50%;float:left;padding:10px 15px;}
.palilula.catid_39 .palilulaSlike {width:50%;float:left;padding:10px 15px;}

.pageBody p,.pageBody ul{padding:6px 20px}
.pageBody ul li{margin: 0 30px; padding: 10px 0;}

.palilula #pageBody p, .novosti p{padding:10px 15px 10px 15px;font-size:13px;}
.palilula #pageBody p a, .novosti p a {text-decoration: underline;color:#273357}
.palilula #pageBody ul, .palilula #pageBody ol, .novosti ul, .novosti ol {padding:0px 15px 10px 15px;}
.palilula #pageBody ul li, .palilula #pageBody ol li, .novosti ul li, .novosti ol li{font-size:13px;padding:0 0 5px 0;margin-left:15px;}
.palilula #pageBody ul li a, .palilula #pageBody ol li a, novosti ul li a, .novosti ol li a{font-size:13px;text-decoration:underline;color:#273357}
.palilula #pageBody .asideElement {padding:10px 15px;}
.palilula #pageBody .asideElement a {display:block;border:1px solid #ccc;padding:6px 10px;text-transform:uppercase;background:#273357;color:#eee;border-radius:10px;}
.palilula #pageBody .eupravaSlike {}
.palilula #pageBody .eupravaSlike p{padding:10px;}
.palilula #pageBody .eupravaSlike p img{display:block;max-width:100%;margin:0 auto;}

.palilula .page-pID {position:relative;padding:10px 0;}
.palilula .page-pID .img a{display:block;width:100%;height:100%;}
.palilula .page-pID .img a img{display:block;width:100%;height:auto;}
.palilula .page-pID h2 {
	position:absolute;top:10px;left:0;right:0;
  padding:10px 20px;
	background: #273357;
  opacity: .8;
}
.palilula .page-pID h2 a {color:#eee;font-size:18px;}
.palilula .page-pID .info {padding:10px 15px;}
.palilula .page-pID .antrafile {font-size:13px;}
.palilula .page-pID .moreinfo {position:absolute;bottom:5px;right:10px;}
.palilula .page-pID .moreinfo a {background:#273357;display:block;padding:4px 6px;border-radius:10px}
.palilula .page-pID .moreinfo a span {color:#eee;}

.palilula.catid_10 .page-cID {padding:10px 0;}
.palilula.catid_10 .page-pID h2, .palilula.catid_10 .page-cID h2 {opacity:1;position:unset;background: #273357;padding:10px 20px;}
.palilula.catid_10 .page-cID h2 a {color:#eee;font-size:18px;}
.palilula.catid_10 .page-pID .info, .palilula.catid_10 .page-cID .info {padding:10px 0;}
.palilula.catid_10 .page-pID .antrafile, .palilula.catid_10 .page-cID .antrafile {padding:10px 15px 0px 15px;font-size:13px;}

.palilula .alignMeLeft {margin:0px 5px;}
.palilula .alignMeLeft legend{margin:10px 15px 10px 15px;}
.palilula .alignMeLeft ul li{list-style:none}
.palilula .alignMeLeft ul li a{
	display:block;
	border: 1px solid #ccc;
  padding: 6px 10px;
  text-transform: uppercase;
  background: #273357;
  color: #eee;
  border-radius: 10px;
}




/* FORMULARI */

.palilula.catid_55 .img a img{
	background:#221144;
		display: block;
	width: 100%;	
}
.palilula.catid_55 .pages li{
	list-style: none;
	position: relative;
	display: inline-block;
	vertical-align:top;
	width:50%;
	padding:0px 7.5px 15px 15px;
	box-sizing:border-box;
}
.palilula.catid_55 .pages li:nth-child(2){	padding:0px 15px 15px 7.5px;}
.palilula.catid_55 .pages li .info {padding:0;}
.palilula.catid_55 .pages li .info h2{
	display:block;
	position: absolute;
	top:0px; left:15px;right:15px;
	padding:10px;
	text-align:center;
	opacity:1;
	background:none;
}
.palilula.catid_55 .pages li .info a{
	color:#fff;font-size: 17px;
	font-weight: bold;
	display: block;
	width: 100%;
	line-height: 22px;
}

/*FORME*/
form{
	margin:auto;
	width:80%;
}


form{
	margin:auto;
	width:100%;
}
fieldset{
	vertical-align: top;
	margin:20px 15px;
	padding:20px;
	border:1px solid #ccc;
	border-radius:6px;
	text-align: center;
	background:#eeeeee
}

fieldset input{
	text-align: center;
	padding:5px;
	margin:10px 10px 0 0;
	border:1px solid #ccc;
	border-radius:6px;
}

fieldset label{
	font-size:.9em;
	padding:30px;
	color:#888;
}

fieldset legend{
	text-align: center;
	padding:5px 20px;
	border:1px solid #ccc;
	border-radius:6px;
	font-size:.9em;
	background:#efefee;
}

input[type=submit]{
	display: block;
	text-align: center;
	padding:5px 20px;
	border:1px solid #ccc;
	border-radius:6px;
	font-size:.9em;
	background:#efefee;
	margin:0 auto;
	min-width:180px;
	font-size:14px;
}

fieldset div{
	border:1px solid #;
	border-radius:6px;
	box-shadow: inset 2px 2px 4px rgba(0,0,0,.2);
	padding:16px;
	box-sizing: border-box;
	text-align: left;
	width:80%;
	min-height:210px;
	background:lightyellow;
	margin:0 auto 10px auto;
}

#virtuelni_maticar fieldset div{
	border:none
	padding:16px;
	box-sizing: border-box;
	text-align: left;
	width:90%;
	min-height:initial;
	background:lightyellow;
	margin:0 auto 6px auto;
}
#virtuelni_maticar fieldset div{
	display: block;
}
#virtuelni_maticar fieldset div label{
	display: block;
	padding:10px;
}
#gradjanin_inspektor fieldset p {
	box-sizing: border-box;
	text-align: left;
	width: 90%;
	background: lightyellow;
	margin: 0 auto 6px auto;
	border-radius: 6px;
	box-shadow: inset 2px 2px 4px rgba(0,0,0,.2);
	padding: 16px;
}
.palilula .formSend{padding:0px 0px 15px 0px;}
.palilula .formSend p{
	color: #25408e;
  font-size: 20px;
  font-family: exo;
	padding:0px 10px;
	border:1px solid #25408e;
	text-align:center;
	padding:10px 0;
}


/* NOVOSTI */

.novosti .catTitle, .novosti #pageTitle {
	display:block;
	text-transform: uppercase;
	color: #777;
	font-size: 36px;
  line-height: 30px;
	padding:10px 15px 30px 15px;
  text-align:center;
}
.novosti .catShortDesc {padding:0px 15px;}
.novosti .page-pID {position:relative;padding:10px 0;list-style:none;}
.novosti .page-pID .img a{display:block;width:100%;height:100%;}
.novosti .page-pID .img a img{display:block;width:100%;height:auto;}
.novosti .page-pID h2 {
	position:absolute;top:10px;left:0;right:0;
  padding:10px 20px;
	background: #273357;
  opacity: .8;
}
.novosti .page-pID h2 a {color:#eee;font-size:18px;}
.novosti .page-pID .info {padding:10px 15px;}
.novosti .page-pID .antrafile {font-size:13px;}
.novosti .page-pID .moreinfo {position:absolute;bottom:5px;right:10px;}
.novosti .page-pID .moreinfo a {background:#273357;display:block;padding:4px 6px;border-radius:10px}
.novosti .page-pID .moreinfo a span {color:#eee;}
.novosti .page-pID .publish_date {
	text-align:center;
	padding:2px 0;
	background: #273357;
  opacity: .8;
	color:#eee;
}
.novosti .navigatorStrana {margin:0 auto;}
.novosti .navigatorStrana td{color:#273357;}

.novosti .vestiSlike p {padding:0px;}
.novosti .vestiSlike p img{display:block;width:100%;height:auto;}
.novosti .vestiSlike {padding:10px 0;}
.novosti .pages {padding:0;}
.novosti .pages li {margin:0;}

.novosti.catid_52 .page-pID h2, .novosti.catid_51 .page-pID h2 {position:unset;top:unset;left:unset;right:unset;text-align:center;}
.novosti.catid_52 .page-pID .info, .novosti.catid_51 .info {padding:10px 0;}
.novosti.catid_52 .page-pID .publish_date, .novosti.catid_51 .publish_date {background:#fff;color:#555;padding-top:5px;}
.novosti.catid_52 .page-pID .info .antrafile, .novosti.catid_51 .info .antrafile {padding:5px 15px 0px 15px;}

.novosti.catid_50 .page-pID h2{position:unset;top:unset;left:unset;right:unset;text-align:center;}
.novosti.catid_50 .page-pID .info {padding:0px}

/* LIST PALILULA */
.novosti .listPalilula span{display:block;padding:5px 15px;}

/*kartica*/
.kartica #coll_left{
	display: block;
}
.kartica .pageTitle{
	text-align: center;
	font-size: 22px;
	padding: 10px;
}
.kartica .box_kartica{
	padding: 20px;
	width: 80%;
	margin: auto;
	border-bottom: 1px solid black;
}
.kartica .logo_kartica{
	text-align: center;
}
.kartica img{
	width: auto;
	max-width: 100%;
	max-height: 200px;
}
.kartica .kartica_meni{
	background: #273357;
	height: 40px;
	text-align: center;
	/* line-height: 2.5; */
}
.kartica .kartica_meni:after{
	font-family: icons;
	content: "\f078";
	color: #fff;
	font-size: 36px;
}
/*kraj kartica*/

/* FOOTER */
.footerMobile {font-size:0;display:block!important;}
.footerLogo {width:200px;display:inline-block;vertical-align: middle;padding-left:10px;box-sizing:border-box;font-size:initial}
.footerLogo a {display:block;width:100%;height:100%;}
.footerLogo a img{display:block;width:100%;height:auto;}

.footerMeny {width:calc(100% - 200px);display:inline-block;vertical-align: middle;font-size:initial}
.footerMeny ul {font-size:0;text-align:center;}
.footerMeny li {list-style:none;display:inline-block;vertical-align:top;padding:0px 10px;}
.footerMeny li a {background:#273357;display:block;width:40px;padding:4px 0;}
.footerMeny li a span {font-size:28px;color:#eee;text-shadow: 1px 1px 1px black;}

.footerCopyrights {padding:15px 10px 6px 10px;text-align:center;font-size:initial}
.footerCopyrights p {font-size:12px;}

