*{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}
@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);}

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

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

h1{
   font-size:36px;
	line-height: 30px
}

h2{
   font-size:16px;
}
h3,h4{
   font-size:14px;
}

.catTitle{font-size:26px}
.pageTitle {box-sizing: border-box;}
.img, img, a img, a {border:none;}
.icons{font-family: icons}
.editToCMS{display:none}

.oblast_strane{
	background: url("../../cms_upload/pages/files/312_grafika_gore_levo.png") no-repeat;
	background-size:230px;
	background-position:0% -2px;
}

.oblast_sadrzaja{width:1000px; height:auto;margin:20px auto 0 auto; 
  padding:20px 0 50px 0;box-sizing: border-box;
  font-size: 0;
  position:relative;
  background:rgba(255,255,255,.95); 
}

#coll_middle, #coll_right {display:inline-block;vertical-align: top;}
#coll_middle {width:1000px;}
#coll_right {width:240px}

.index .oblast_sadrzaja{width:100%;background:none;padding:0px;margin:0 auto;}
.index #coll_middle {width:100%;}
.index li{list-style-type: none;}

.palilula .oblast_sadrzaja > div, .novosti .oblast_sadrzaja > div, .e .oblast_sadrzaja > div, .kartica .oblast_sadrzaja > div {display:inline-block;vertical-align: top;}
.palilula #coll_left, .novosti #coll_left, .e #coll_left, .kartica #coll_left{width:20%;padding:0 20px;box-sizing:border-box;}
.palilula #coll_middle, .novosti #coll_middle, .e #coll_middle, .kartica #coll_middle {width:80%;}

#coll_left h3 a{
	font-size:22px;
	color:#bbb;
	padding: 0 0 10px 0;
	display: block;
}

.catTitle{font-size:26px;padding-bottom:20px;}
.pageTitle {box-sizing: border-box;padding-bottom:20px;
}
.img, img, a img, a {border:none;}
.icons{font-family: icons}

.editToCMS, .mob_main_menu{display:none}

/* < ELEMENTI ZAGLAVLJA > */
.oblast_zaglavlja{
	margin:0 auto; padding:0; 
	width:1000px;height:160px;
	position:relative;
}
.oblast_zaglavlja:before{content:'';position:absolute;
	top:51px;left:270px;right:96px;height:1px;background:#9d9dc6;}
.logo{
	display:block;
	width:250px;
	position:absolute;
	top:26px;
}
.logo-right {
	display:block;
	position:absolute;
	top:10px;right:0px;
	width:76px;
}
.logo a, .logo-right a {width:100%;height:100%;display:block;}
.logo a img, .logo-right a img{
	width:100%;height:auto;display:block;overflow: hidden;
}

.page_search {
	display:block;
	position:absolute;top:39px;right:130px;
	width:260px;
	background:#fff;
}
#brzi_pretrazivac {width:100%;padding:0 10px;box-sizing:border-box;}
#inputString {padding:4px 5px;box-sizing:border-box;
	border:1px solid #9d9dc6;
	width:200px;
}
#inputString:focus{background:lightyellow}
#brzi_pretrazivac .searchDugme {
	display:inline-block;
	width:30px;
	font-size:20px;padding:0 0 0 6px;
	color:#273357;
	opacity: .7
}
.page_search .fastPreview{position:relative;}
.page_search .fastPreview ul {
	position:absolute;
	top:5px;right:-30px;
	z-index: 10;
	width:600px;
	background:rgba(255,255,255,.95);
	border:1px solid #ccc;
	padding:25px 5px 5px 5px;
	box-sizing:border-box;
}
.page_search .backButton {position:absolute;top:8px;right:-30px;
	font-size:16px;padding:0px 6px;cursor:pointer;z-index: 11;
  color:#ccc
}
.page_search .fastPreview ul li {
	list-style:none;
	position:relative;
	padding: 6px 0;
}
.page_search .fastPreview ul li .searchContentEl {
	width:400px;
	display:inline-block;
	vertical-align:top;
}
.page_search .searchCat {
	display:inline-block;
	width:90px;
	_background:#25408e;
	padding:2px 5px;/*! margin:8px 0; */
	
}
.page_search .fastPreview ul li:first-child .searchCat{margin:0px 0 8px 0}
.page_search .searchCat a{color:#888;
font-size:12px;
}
.page_search .searchDate {
	top:10px;right:5px;color:#888;
	font-size: 12px;
}
.page_search .searchTitle {padding:0px 10px 0px 20px;}

.glavni_meni {
  position:absolute;
  right:0px;
  top:110px;
	list-style-type: none;
	padding: 10px 0 10px 0px;
}
.glavni_meni ul {text-align: right;}
.glavni_meni ul > li{
	display:inline-block;
	vertical-align: top;
	padding:0px 0px 10px 20px;
	box-sizing:border-box;
}
.glavni_meni li:nth-child(5) a{
	color: #743599;
	font-weight: bold;
}
.glavni_meni ul > li > a{
	text-decoration:none;
	display: block;
	color:#25408e;
	font-size:20px;
	font-family: exo;
	text-align: right;

}

.glavni_meni ul > li > a:hover{
	color:#ed2124;
}
.glavni_meni ul > li > a:active, 
.glavni_meni ul > li > a::focus { outline: 0;}/* skida glupi border na linku u FF-u */

.glavni_meni .glavnimeni_active a{
  font-weight:bold;
}

#fixedLink_form {
	position:fixed;
	top:148px;
	right:0;
}

.form_label {margin-bottom:4px;text-align:right;}
#fixedLink_form a{display:inline-block;width:62px;height:40px;background: #273357;color: #eee;text-align:left;padding-top:6px;transition: width 0.5s;box-sizing:border-box;}
#fixedLink_form a span{font-size:16px;color: #eee;vertical-align:middle;}
#fixedLink_form a .icons {font-size:26px;padding:0px 10px 0px 15px;box-sizing: border-box;}
#fixedLink_form a .text_forme {padding-left:25px;transition: padding 0.5s;}

#fixedLink_form .form_label a:hover {width:140px;transition: width 0.5s;background: #273357!important;}
#fixedLink_form a:hover .text_forme {padding-left:0px;transition: padding 0.5s;}

.meni_jezici {position:fixed;top:324px;right:0;width:62px;height:40px;background: #273357;padding-top:10px;box-sizing: border-box;transition: width 0.5s;}
.meni_jezici:before{content:"\f1ab";position:absolute;top:5px;left:15px;font-family:icons;font-size:26px;color:#eee;}

.meni_jezici li{display:inline;vertical-align:top;color: #eee;text-align:left;box-sizing:border-box;}
.meni_jezici li:first-child{padding:0px 10px 0px 70px;transition: padding 0.5s;}
.meni_jezici li a span{font-size:17px;color: #eee;}
.meni_jezici:hover {width:140px;transition: width 0.5s;background: #273357!important;}
.meni_jezici:hover li:first-child {padding:0px 10px 0 46px;transition: padding 0.5s;}
.meni_jezici .markLng a span {border-bottom:2px solid #eee;}


/* </ ELEMENTI ZAGLAVLJA > */

.prekidFloat{
	clear:both;
	float:none;
}

/* POCETNA STRANICA */


.baner_slide_title{
position:absolute;
right:0;top:40px;
background:rgba(255,255,255,.8);
font-size:21px;
padding:10px 50px 10px 30px;
font-family:exo;
}
.baner_slide_description{
position:absolute;
max-width:300px;
right:0;bottom:30px;
background:rgba(0,0,0,.5);
font-size:16px;
padding:10px 50px 10px 30px;
font-family:exo;
    color:#ccc;
	text-shadow: 1px 1px 1px black

}


.index .horizontal-wrapper{ width: 1000px;margin:0 auto;font-size:0;}
.index .horizontal-wrapper.row-1{position:relative;}
.index .horizontal-wrapper.full-width{ width: 100%;}
.index .horizontal-wrapper.reduced-width{ width: 1000px;}

.index .box-container {display:inline-block;vertical-align: top;font-size:0;}
.index .box {display:inline-block;vertical-align: top;width:320px;height:320px;margin:0px 0 20px 0;font-size:0;}
.index .box img {display:block;width:100%;height:auto;}

.index .boxSlider {width:320px;height:320px;overflow:hidden;position:relative;}
.index .boxSlider ul {position:absolute;left:0;right:0;}
.index .boxSlider ul li {list-style:none;overflow:hidden;height:320px;}
.index .boxSlider ul li .img {display:block;width:auto;height:100%;background:red;}
.index .boxSlider ul li .img img {display:block;height:100%;width:auto;}
.index .boxSlider ul li .info {position:relative;}
.index .boxSlider ul li .info h2, .index .boxSlider ul li .info .antrafile{position:absolute;left:0;right:0;z-index: 100;display:block;box-sizing:border-box;}
.index .boxSlider ul li .info h2 {
	bottom:calc(100% + 280px);
	height:40px;background:#273357;
	opacity:.8;
 
}
.index .boxSlider ul li .info h2 a {display:block;width:100%;
	height:100%;padding:10px 10px 0 10px;
	 color:#eee;
	font-size:19px;
	padding:8px 20px

}
.index .boxSlider ul li .info .antrafile {
	bottom:100%;
	background:#273357;
	opacity:.8;padding:10px;
	color:#eee;
	padding:20px
}

/*REKLAME*/
.reklameKontejner{
	background: #eee;
	padding:40px;
	box-sizing:border-box;
	text-align: center;
	
}
.reklameKontejner h3{
	display: inline-block;
	vertical-align: top;
	margin:5px;
	border:1px solid #ccc;
	box-sizing: border-box;
}
.reklameKontejner h3 a{
	display: block;
	padding:10px 10px;
	width:180px;
	box-sizing: border-box;
}
.reklameKontejner h3 a img{
	display: block;
	width: 100%;
	opacity:.9;
	  -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
	
}

.reklameKontejner h3 a img:hover{
	display: block;
	width: 100%;
	opacity:1;
	-webkit-filter: grayscale(0%); 
   filter: grayscale(0%);
}

/* container 1 */

.index .box1{
	height:120px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#273357+0,273357+100&0.78+0,0.63+34,0+100 */
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%); /* FF3.6-15 */
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%); /* Chrome10-25,Safari5.1-6 */
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%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7273357', endColorstr='#00273357',GradientType=0 ); /* IE6-9 */
	
	
	
}


.index .box1 h2, .index .box-c7 h3, .index .box-c4 > h2, .index .box-c3 .contentNews h2{
	color:#fff;
	font-size:26px;
	padding:8px 20px;
	font-family: exo;
	text-shadow:1px 1px 1px black;

}

.index .box-c7 h3 a{
	font-size:inherit;
	color:inherit;
}
.index .box-c1 {margin:0 20px 20px 0 ;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 .box-c2 {width:660px;}

.index .box2.box {height:auto;}
.index .box-c1 .box {}
.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:last-child {
	border-bottom:none;
	box-sizing:border-box;}
.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:30px;
	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 {}
.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;
	
}


.index .box-c2 .inner-wrapper {font-size:0;}
.index .box-c2 .inner-wrapper.wrap1 {width:100%;margin-bottom:20px;height:240px;}
.index .box-c2 .wrap2 .box5 {margin-left:20px;position:relative;}


.index .box {}

.index .box4{
	width: 100%;
}
.index .box5{
	display: none;
}


.index .contentNews {position:relative;}
.index .contentNews ul {width:100%;height:100%;overflow:hidden;}
.index .contentNews li {list-style:none;display:block;width:100%;height:100%;}
.index .contentNews a {display:block;}
.index .contentNews a img {display:block;}
.index .contentNews h2 {position:absolute;top:0;left:0;right:0;background: #236;opacity: 0.8;}
.index .contentNews h2 a {_height:35px;display:block;padding:10px;box-sizing:border-box;color:#ddd; font-weight:bold}
.index .contentNews .info .antrafile {position:absolute;bottom:0;left:0;right:0;background:#000;opacity:.7;padding:10px;color:#ccc;}

/* container 2 */
.index .box-container.box-c3 {width:660px;}
.index .box-c3 .box:nth-child(2n-1){margin-right:20px;overflow:hidden;}
.index .box8{position: relative;}
.index .box8 h2{z-index: 10; background: #273457;}
.index .box8 h5{
	position: absolute;
	z-index: 10;
	top: 30px;
	padding: 20px;
	font-family: exo;
  font-weight: normal;
	letter-spacing: 0.7px;
	line-height: 18px;
  text-transform: uppercase;
  color:#ccc;
}
.index .box7, .index .box11{font-size:0;background:#fff;}
.index .box .mini-boxes {width:150px;height:150px;display:inline-block;vertical-align: top;}

.index .box .mini-boxes a{position: relative;display: block;width:100%; height:100%;color:inherit;}
.index .box .mini-boxes a span{position: absolute;top:5px;left:10px;display: block;width:100%; height:auto;width:80%;line-height:16px;color:inherit;font-weight:bold;font-size:17px;letter-spacing: -.5px;}
.index .box .mini-boxes:nth-child(-n+2){margin-bottom:20px;}
.index .box .mini-boxes:nth-child(2n+1){margin-right:20px;}

.index .box-c3 .contentNews a{position: relative;display: block;width:100%; height:100%;color:inherit;}
.index .box-c3 .contentNews a span{position: absolute;top:5px;left:10px;display: block;width:100%; height:auto;width:80%;line-height:16px;color:inherit;font-weight:bold;font-size:17px;letter-spacing: -.5px;}
.index .box-c3 .contentNews a img{}

.index .box-c3 .mini-6 .kalendarPalilula {
	font-size:90px;
	position:absolute;
	top:80px;
	left:30px;
}

.index .box-c6 .box11 .mini-8{}
.index .box-c6 .box11 .mini-8 span{width: 89%;}
.index .box-c6 .box11 .mini-8 img{}

.index .box-c7 ul {

	padding:10px 20px;
}
.index .box-c7 ul li{

}

.index .box-c7 ul li a{
	display: block;
	padding:6px 0;
	color:#eee;
}
.index .boxHeight {width:320px;height:660px;margin:0 0 20px 20px;position: relative;}
.index .box10 {}
.index .box10 .pages {margin:0px 30px 0 10px}
.index .box10 .pages:first-child{
	margin:30px 30px 0 10px;
}

.index .box10 .pages li{
	padding:20px 30px 0 10px ;margin:0;
	position: relative;
	
}
.index .box10 .pages li h2{
	color:#bbb;
}
.index .box10 .pages li h2 a{
	padding:0;margin:0;
	color:inherit;
	font-size:16px;
	font-family: exo;
}
.index .box10 .pages li:after{
	opacity: 0;
	transition: opacity 1s;
}

.index .box10 .pages li:hover:after{
	font-family: icons;
	content:"\f061";
	color:#bbb;
	font-size:30px;
	position: absolute;
	right:-6px;top:20px;
	opacity: .7;
	
}
.index .box14{
	height:660px;
}
.index .box14 a{
	height:100%;
	display: block;

}
.index .box14 a img{
	height:100%;
	display: block;
}
.index .boxHeight p{
	position:absolute;
	bottom:0;
	background: rgba(0,0,0,.6);
	padding:20px;
	color:#ccc;
	transition: all 1s;
		
}
.index .boxHeight p:before{
	position: absolute;
	 bottom: 100%;left:0;
	content:"";
	width:100%;
	height:2px;
	background:#000;
	display: block;
	
}
.index .boxHeight p:hover{
	background: rgba(0,0,0,.8);
	padding:50px 20px;
}

.index .boxHeight ul li{list-style:none;}

.index #videoBox{
	padding-top:40px;
	box-sizing: border-box;
}

/* container 3 */
.index .horizontal-wrapper.row-3 {margin-bottom:20px;background:#eee;}
.index .horizontal-wrapper.row-3 .mapHead{
	height:40px;margin:0 0 6px 0;}
.index .horizontal-wrapper.row-3 .mapHead.reducedWidth{
	width:1000px;margin:auto;
}
.index .horizontal-wrapper.row-3 .mapHead.reducedWidth h2{
	display: inline-block;
	 box-sizing: border-box;
}
.index .horizontal-wrapper.row-3 .mapHead.reducedWidth h2 a{
	display: block;
	padding:10px 40px 10px 20px; box-sizing: border-box;
	border-right:1px solid #fff;

}
.index .horizontal-wrapper.row-3 .mapHead.reducedWidth h2:first-child a{
	border-left:1px solid #fff;
}
.index .horizontal-wrapper.row-3 .mapContainer {height:400px;background:#00aeef;}
.index .gm-style h3 {display:block;padding-bottom:5px;}
.index .gm-style p, .index .gm-style .map_desc{display:inline-block;vertical-align:top;}

.index .gm-style p + .map_desc {width:calc(100% - 200px);padding-left:5px;box-sizing:border-box;}
.index .gm-style p img{display:block}


/* container 4 */
.index .horizontal-wrapper .box-container.box-c5{width:320px;}


/*LIST PALILULA*/
.casopisNoviBroj .antrafile{
	display: none;
}
.novosti .pageBody {font-size:0;}
.novosti .listPalilula {width:50%;display:inline-block;vertical-align: top;margin-bottom:12px;}
.novosti .listPalilula .listPalilulaSlika{display:block;width:100%;height:auto;padding:0;}
.novosti .listPalilula .listPalilulaSlika a {display:block;width:100%;height:100%;padding:10px 18px 20px 18px;box-sizing:border-box;}
.novosti .listPalilula img {display:block;width:100%;height:auto;float:none;clear:both;margin:0px}
.novosti .listPalilula .textSlike {padding:3px;box-sizing:border-box;text-align:center;}
.novosti .listPalilula p:nth-child(2) a{font-size:16px;}
.novosti .listPalilula p:nth-child(3){font-size:12px;}

.index .casopisNoviBroj h2{
	position:absolute;top:860px;left:initial;
  background: #fff;
	opacity: 1;
	color:#888;
	
	width:220px
}
.index .casopisNoviBroj h2 a{
	color:inherit;
	font-size:22px;
	font-family: exo
}
/* NAVIGACIJA */
.bocniMeniStrane {
	
}
.bocniMeniStrane li{
	list-style:none;
	text-decoration:none;
}
.bocniMeniStrane li a{
	text-decoration:none;
	font-size:11px;
	line-height:12px;
	display:block;
	_border-bottom:1px solid #eee;
	padding: 10px 0 10px 10px;
	color:#888;
	box-sizing:border-box;
}
.bocniMeniStrane > li > a{
	text-decoration:none;
	font-size:12px;
	display:block;
	border-bottom:1px solid #eee;
	padding: 10px;
	box-sizing:border-box;
}
.bocniMeniStrane LI:last-child a{border-bottom:0px }
.bocniMeniStrane .markerStrane a{
	color: #25408e;
}

.bocniMeniStrane .markerStrane{
	position:relative;
}

.bocniMeniStrane .markerKategorije  > a, .bocniMeniStrane .markerPodStrane > a{
	color:#25408e;
}
.bocniMeniStrane ul li {padding-left:10px;}
.bocniMeniStrane ul li:nth-child(n+8){display:none;}
.ERRporuka{
	margin:20px;
	padding:20px;
	background:#FFC;
	border:1px solid #963;
	text-align:center;
	font-size:16px;
}

.PageTrackNav{
	padding:4px;
	border-bottom:1px solid #ddd;
	position:relative;

}
.PageTrackNav ul li{
	list-style-type: none;
	display: inline-block;
	border:0px solid red;
	padding: 2px 15px 2px 5px;
	padding-bottom: 2px;
	background: url('../images/track_nav_strelica.png') no-repeat  100% 50%;
}
.PageTrackNav ul li a{
	display:block;
	color:#888;
	text-decoration: none;
	
	border:0px solid red;
}

.PageTrackNav li a:hover{
	text-decoration: underline;
}
.PageTrackNav a.tracknav_home{/* link za kucicu */
	width: 20px;	
	background: url('../images/home_siva.png') no-repeat ;
	padding: 0px;
	border-right:0px solid red;	
}
.PageTrackNav a.tracknav_home:hover{/* hover za kucicu */
	text-decoration: none;
}
/* END NAVIGACIJA */


/*FORME*/
form{
	margin:auto;
	width:80%;
}
#virtuelni_maticar  {width:100%;font-size:0;}
#virtuelni_maticar fieldset {width:49%;display:inline-block;vertical-align: top;margin:15px 1% 10px 0;font-size:14px;box-sizing:border-box;}


fieldset{
	vertical-align: top;
	margin:20px 10px;
	padding:20px;
	border:1px solid #ccc;
	border-radius:6px;
	text-align: center;
	background:#eeeeee
}

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

fieldset label{
	font-size:.9em;
	padding:10px;
	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],
button.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;
}
#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;
}

/*NAVIGATOR STRANA*/

.navigatorStrana{
	margin-left:160px;
}


.navigatorStrana a,.NScurLink{
	display: inline-block;
	padding:10px;
	border:1px solid #ccc;
	margin:2px
}
.NScurLink {
	background:#aad;
	color:#fff
}

/* NOVOSTI */
.catShortDesc{padding:8px 0 20px 0;
font-size:16px}

.novosti .oblast_sadrzaja:before, .palilula .oblast_sadrzaja:before, .kalendar .oblast_sadrzaja:before, .pretraga .oblast_sadrzaja:before{
	content:"";
	width:100%;
	height:1px;
	background: #ccc;
	position: absolute;
	top:-10px
}
.novosti .pages{
	position: relative;
}
.novosti .pages:after{
	content:"";
	width:6px;
	height:100%; 
	right:150px;top:0;
	background:#25408e;
	position: absolute;
	z-index: -1;
}

.novosti .pages .page-pID {list-style:none;display:block;width:100%;height:auto;position:relative;font-size:0;margin:0 0 10px 0}
.novosti .pages .page-pID div {display:inline-block;vertical-align: top;}
.novosti .page-pID .img {width:150px;height:150px; overflow:hidden}
.novosti .page-pID .img a {
	display:block;
	width:100%;
	height:auto;
}
.novosti .page-pID .img a img{
	display:block;
	width:auto;
	height:150px;

}

.novosti .page-pID .info {width:470px;
position:relative;
}

.novosti.catid_52 .page-pID .info,.novosti.catid_51 .page-pID .info,.novosti.catid_50 .page-pID .info  {
	width:600px;
	min-height:70px

}

.novosti .page-pID .info h2{
	
}
.novosti .page-pID .info h2 a{
	display:block;
	padding:0 10px 0px 10px;
	font-size:20px;
}

.novosti .page-pID .info .publish_date{
	padding:0px 10px 10px 10px;
  position: absolute;
	left:100%;top:0;
	background: #25408e;
	color:#eee;
	font-weight:bold;
	text-align: center;
}
.novosti.catid_52 .page-pID .info .publish_date{
	left:620px;top:0;
}


.novosti .page-pID .info .antrafile{padding:0px 10px 10px 10px;}


.novosti .pageTitle{
	padding-bottom:30px;
	width:30%;display: inline-block;
	vertical-align: top;
	
}
.novosti .pageBody{
	width:60%;
	display: inline-block;
	box-sizing:border-box;
	padding-left:20px;
}
.novosti .pageBody p{
	padding-bottom:20px;
}

.novosti .pageBody a {
	text-decoration: underline;
    color: #25408e;
}

/*nove novosti*/
.vestiSlikaGlavna{
	position:relative;
}
.novosti .vestiSlikaGlavna img{
	display: block;
	width:100%;
	height:auto;
	float: none;
}
 .imageAntrafile {
	position: absolute;
	bottom:40px; left:-40px;
	 width:230px;
	 background: rgba(255,255,255,1);
	 font-size:22px;
	 padding:20px
	
}
.imageAntrafile:before{
	font-family: icons;
	content:"\f10e";
	position: absolute;
	top:0; right:100%;
	font-size:60px;
	color:#eee
}


.novosti .highlightLeft, .novosti .highlightRight{
	width:260px;
	
	position: relative;
	
}
.novosti .highlightLeft{
		float:left;
	margin:10px 20px 10px 0;
}
.novosti .highlightRight{
		float:right;
	margin:10px 0 10px 20px;
}
.novosti .highlightLeft p, .novosti .highlightRight p{
	font-size:23px;
	
	
}
.novosti .highlightLeft p{
	border-right:4px solid #ccc;
	padding:0 6px 0 0;
}
.novosti .highlightRight p{
	border-left:4px solid #ccc;
	padding:0 0 0 6px;
}
.novosti .highlightLeft:before{
	font-family: icons;
	content:"\f10e";
	position: absolute;
	top:0; right:104%;
	font-size:60px;
	color:#eee
}
.novosti .highlightRight:before{
	font-family: icons;
	content:"\f10e";
	position: absolute;
	top:0; left:104%;
	font-size:60px;
	color:#eee
}

.novosti .pageBody blockquote {background:red;position:relative;}
.novosti .pageBody blockquote p{padding:0;}
.novosti .pageBody blockquote p img {float:none;display:block;width:100%;height:auto;margin:0px;}
.novosti .pageBody blockquote p:first-child {
	position: absolute;
	bottom:40px; left:-40px;
	 width:230px;
	 background: rgba(255,255,255,1);
	 font-size:22px;
	 padding:20px
	
}
.novosti .pageBody blockquote p:first-child:before{
	font-family: icons;
	content:"\f10e";
	position: absolute;
	top:0; right:100%;
	font-size:60px;
	color:#eee
}

/*sve stare novosti*/
.novosti img{
	float: right;
	margin-left:20px
}
.novosti  p img{
	padding-left:20px!important;
	box-sizing: border-box;
	height:auto!important;
	margin-left:0!important;
}
/* END VESTI */



/*PALILULA*/

.palilula p{padding:8px 20px 8px 0; width:78%; line-height:1.4em; color:#888}
.palilula .palilulaSlike img{display:block;}
.palilula .pageBody ul, .palilula .pageBody ol{display: block; width:90%; margin:auto; padding:8px 0 8px 0}
.palilula .pageBody ol li {padding:2px 0;}
.palilula .pageBody ul li{list-style: square;padding: 2px 0;}
.palilula .pageBody ul li a{
	display: inline-block;
	
	text-decoration: underline dashed #ccc;
	transition: all .2s;
}
.palilula .pageBody p a {text-decoration:underline;color:#25408e;}

.palilula .pageBody ul li a:hover{
	color:#3333aa;
	font-size:1.3em
}

.palilula .asideElement{
	float:right;

	height:auto;
	background:#447;
	border-radius:6px;
	box-sizing: border-box;
	color:#fff;

}
.palilula .asideElement:hover{
	background: #668
}
.palilula .asideElement a{
	width:120px;
	padding:30px 40px 10px 40px;
	display: block;
	text-align: center;
	font-size:20px;
	font-family:exo;
	color:#fff;
	line-height:19px;
}
.palilula .asideElement p{
	padding:0 0 20px 0;
	width:100px;
	font-size:12px;
	text-align: center;
	margin:auto;
	color:#eee
}

/*ZNAMENITOSTI*/
.catid_17 .pages li{
	position: relative;
}
.catid_17 .pages h2{
	position: absolute;
	top:0;left:0;
	background: rgba(255,255,255,.7);
	padding:4px 10px;
}
.catid_17 .pages h2 a{
	font-size:20px;
}
.catid_17 .pages li {
	display: inline-block;
	vertical-align: top;
	width:38%;
	margin:14px 14px 14px 14px;

}
.catid_17 .pages li:nth-child(2n+1){
	margin-left:0px
}
.catid_17 .pages li a{
	display: block;
	width:100%;
}
.catid_17 .pages li a img{
	display: block;
	width:100%;
		height:140px;
}

.catid_17 .pages li .antrafile{
	font-size:13px;
	letter-spacing: -.2px;

	padding:10px 4px;
}

.floatingImageRight{
	float:right;
	margin: 15px 180px 0 15px;
	position:relative;
}
.floatingImageRight:before, .floatingImageRight:after{
	content: "";position: absolute;	
}

.floatingImageRight:before{
	width:60px;	height:60px;
	background: rgba(250,80,80,.7);
	top:-15px;left:-15px;
}

.floatingImageRight:after{
	width:30px;	height:30px;
	background: rgba(80,80,259,.7);
	top:-30px;left:-30px;
}


/*E UPRAVA*/
.e .pageBody p{
	width:70%;
	padding:0 10px 20px 10px;
}

.e .pageBody .eupravaSlike{
	float:right;
	max-width: 250px;
}
.e .pageBody ul{
	padding-bottom: 20px;
}

.e .pageBody ul li{
	margin: 3px 2.5em;
	width:60%;
}


.catid_10 .pages li:first-child{
	display: block;width:100%;height:auto;
	padding:0 20px;
}
.catid_10 .pages li{
	list-style: none;
	display: inline-block;
	width:33%;height:190px;
	vertical-align: top;
	box-sizing: border-box;
	padding:20px;
	overflow: hidden;
	
	
}

.catid_10 .pages li .antrafile{
	font-size:12px;
	padding:0 10px 0 0;
}
.catid_10 .pages li h2 a{
	font-size:19px;
	text-decoration: underline;
	padding:0px 0 10px 0;
	display: block;
}

/*FORMULARI*/
.catid_55 .img a img{
	background:#221144;
		display: block;
	width: 100%;	
}
.catid_55 .pages li{
	list-style: none;
	position: relative;
	display: inline-block;
	width:220px;
	margin:10px;
	
}

.catid_55 .pages li .info{
	position: absolute;
	top:0; left:0;
	padding:10px;
}
.catid_55 .pages li .info a{
	color:#fff;font-size: 24px;
	font-weight: bold;
	display: block;
	width: 100%;
	line-height: 22px;
}


/* KALENDAR */

.kalendar .page-pID {list-style:none;}
.kalendar .pages{
	text-align: center;
}
.kalendar .pages li{
	position: relative;
	display:block;
	width:300px;
	margin: auto;
	height:60px;
}
.kalendar .pages li:nth-child(2n) .info{
	text-align: center;
	width:300px;
	position: absolute;
	left:-150px;
	border-right:2px solid #273357;
	border-top:2px solid #273357;
	box-sizing:border-box;
	z-index: 100;

}
.kalendar .pages li:nth-child(2n+1) .info{
	text-align: center;
	width:300px;
	position: absolute;
	right:-150px;
	border-left:2px solid #273357;
	border-top:2px solid #273357;
	height:100%;
	z-index: 100;

}
.kalendar .pages li:nth-child(2n+1) h2{text-align:right;}
.kalendar .pages li:nth-child(2n) h2{text-align:left;}
.kalendar .pages li h2 {padding:2px 6px;background:#273357;}
.kalendar .pages li h2 a{color:#eee;}
.kalendar .pages .publish_date {padding:10px 0px 5px 0px;}
.kalendar .pages .moreinfo a{padding:2px 4px;}


/* END KALENDAR */

/* REZULTATI PRETRAGE */
.rezultatInfo h2, .rezultatInfo span {display:inline;}
.rezultatInfo h2 {font-size: 26px;padding:0px 10px 10px 0px;}
.rezultatInfo .pretragaRec {display:inline-block;vertical-align:top;font-size:20px;padding-top:5px;color: #25408e;}
.pretragaBrojRez {padding:10px 0}

.rezultatiContent ul li {list-style:none;padding:5px 20px 5px 0px;position:relative;border-bottom:1px solid #ccc;box-sizing:border-box;}

.rezultatiContent{font-size:0;}
.rezultatiContent li > div{display:inline-block;vertical-align: top;}
.rezultatiContent .searchCat {text-align:center;width:150px;}
.rezultatiContent .searchCat a{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:10px 0;background:#273357;font-size:18px;color:#fff;}
.searchContentEl{width:810px;}

.rezultatiContent .searchCount {font-size:20px;padding:0 20px 0 0;}
.searchTitle {display:block;padding:0 120px 0 20px;box-sizing:border-box;}
.searchTitle a{
	color: #25408e;font-size:16px;
	padding:0 0 10px 0;
	text-decoration:underline

}
.searchAntrafile {display:block;padding:2px 20px;font-size:13px;}
.searchDate {position:absolute;top:10px;right:0;}


/*KONTAKTI*/

.kontaktiElement{
	width:49%;
	display: inline-block;
	vertical-align: top
}

.kontaktiElement p{
	padding:2px;
}

.kontaktiElement h3{
	padding: 10px 0
}
.kontaktiElement h2{
	padding: 20px 0 0 0;
	font-size: 20px
}
.kontaktiElementBlokovni {font-size:0;}
.kontaktiElementBlokovni .kontaktiBox {width:50%;display:inline-block;vertical-align: top;padding:15px 10px 15px 0;box-sizing:border-box}
.kontaktiElementBlokovni h2 {font-size:19px;padding:0 0 5px 0;border-bottom: 1px dashed #ccc;border-top: 1px dashed #ccc;}
.kontaktiElementBlokovni h3 {padding-bottom:2px;font-size:16px;}
.kontaktiElementBlokovni p {padding:3px 10px 3px 0;}
.kontaktiElementBlokovni .kontaktiBox3x {width:33.33%;display:inline-block;vertical-align: top;padding:0px 10px 10px 0;box-sizing:border-box}

/* FOOTER */
.oblast_futera {width:100%;margin:20px auto 80px auto;
position:relative;
}
.oblast_futera > div {display:inline-block;vertical-align: top;}

.footerImage {width:160px;}
.footerImage img{display:block;width:100%;height:auto;}
.footerMeni {;padding:63px 0 0 0;width:80%;margin:0 auto;}

.footerMeni ul {font-size:0;}
.footerMeni .footerLinks {
	padding:2px 0;
	width:20%;
	display:inline-block;
	vertical-align: top;
}
.footerMeni ul h2 {

}
.footerMeni ul h2 a{
	display: block;
	padding:0 0 20px 0;
	font-size:18px;
}
.footerMeni ul li{
	width:80%;
	list-style: none;
	font-size:13px;
	padding:2px 2px 3px 8px;
	border-left:1px solid #eee
	
}
.footerMeni ul > li > a{
	text-decoration:none;
	display: block;
	font-size:15px;
	padding-right:15px;
}
.footerLinks a {color:#25408e;}
.footerMeni ul a:hover{color:#ed2124;}

.jingleImage {position:absolute;bottom:10px;right:120px;
	width:200px;height:200px;}
.jingleImage .jingleImBox{margin:0 auto;border-radius:100%;transform:rotate(38deg)}
.jingleImage .jingleImBox img{
	display: block;
	width:100%;
}


/* Kartica */
.kartica #pageBody{
	background: url("/site_images/media/images/fullres/kartica-pozadina.jpg") repeat;
	background-size: 100%;
	background-position: center;
	min-height: 680px;
}

.kartica .pageBody p, .kartica .pageBody h3{
	padding: 0 16px;
}
.kartica .kartica_kontakt{
	text-align: right;
	padding: 20px 16px 20px 0px;;
	background: rgba(255, 255, 255, 0.5);
}
.kartica .kartica_adrese{
	text-align: center;
	padding: 20px 0;
	background: rgba(255, 255, 255, 0.5);
}
.kartica .kartica_adrese p{
	padding: 2px 0;
}

.kartica .box_kartica{
	width: 90%;
	margin: 20px auto;
	border-bottom: 1px solid black;
	font-size: 0;
	background: rgba(255, 255, 255, 0.5);
}
.kartica .box_kartica .kartica_tekst{
	display: inline-block;
	width: 80%;
	font-size: initial;
}

.kartica .box_kartica .kartica_tekst p, .kartica .box_kartica .kartica_tekst a, .kartica .box_kartica .kartica_tekst h3{
	color: #000;
	font-size: 1em;
	line-height: 1.3;
}

.kartica .box_kartica .logo_kartica{
  width: 20%;
	height: auto;
	display: inline-block;
}

.kartica .box_kartica .logo_kartica a{}

.kartica .logo_kartica img{
	width: 60%;
	height: auto;
}

.kartica h3{
	font-weight: bold;
	color: #000;
	letter-spacing: 1px;
}