/* MAIN STRUCTURE CSS ****/
*{padding:0px; margin:0px; }
@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);}
HTML{width:100%;}
BODY {width:100%; color:#446;font-size:14px; font-family:sans-serif; }
img {border:0}
a{color:inherit;font-size:inherit;}
.oblast_strane{width:100%; margin:auto; }
.oblast_zaglavlja{border-bottom: 1px solid #ddd;box-shadow:unset;background:#fff;position:fixed; left: 0; right: 0; top: 0;  }
.oblast_zaglavlja_inner{width:960px;margin: auto;height:124px; position:relative; }
.oblast_sadrzaja{width:100%; min-height:600px;	margin:auto ; position: relative}
.top_baner, .mainTopBannerInner{width:100%!important;margin:120px auto 0!important; overflow: hidden; position: relative }
.top_baner img{_filter:grayscale(0.3);transition: all 1s; display: block;width: 100%; height: auto}
.top_baner img:hover{_filter:grayscale(0);_transform:scale(1.02); transition: .3s}
.bannerEl-left{width:13%;position: absolute; z-index:10; left: 7%; top:190px}
.bannerEl-left img{display: block;width: 100%; height: auto}
.bannerEl-left img:hover{transform:scale(1.03); transition: .3s}
.bannerEl-right{width:28%; position: absolute; right:4%; top:285px; display: none}
.bannerEl-right img{display: block;width: 100%}
.bannerEl-right img:hover{transform:scale(1.03); transition: .3s}

.icons {font-family: icons;text-decoration:none;}
.index .oblast_sadrzaja  {}
.research .oblast_sadrzaja{display: flex; width: 100%; margin: 140px auto 10px;}
.research .oblast_sadrzaja #coll_middle{width: calc(100% - 300px); margin: 0 auto 0;}
.research .oblast_sadrzaja #coll_left{margin-left: 5px; border-right:1px solid #ddd; width: 250px}
.research #coll_left .bocniMeniStrane{border-top: 1px solid #ddd; border-left: 1px solid #ddd; background: #ddd}
.research #coll_left .bocniMeniStrane > li a{display: block;padding:15px 10px; list-style: none; border-bottom: 1px solid #fff;box-sizing: border-box; text-decoration:none}
.bocniMeniStrane .markerKategorije li{list-style: none}
.bocniMeniStrane .markerKategorije  > a{background: #ccc; padding-bottom: 10px; border-bottom: 1px solid #fff}
#coll_left .bocniMeniStrane .markerKategorije li a{display: block; border-bottom: 1px solid #fff;padding:10px 10px 10px 20px}
.bocniMeniStrane .markerKategorije li:last-child{border-bottom: none}
.bocniMeniStrane .markerKategorije li a:first-letter {text-transform: uppercase}

.bocniMeniStrane .markerStrane a, .bocniMeniStrane .markerKategorije>a{background: #f79138; color: #fff}

.bocniMeniStrane .markerPodStrane a{position: relative}
.bocniMeniStrane .markerPodStrane a:after{content: ""; position: absolute; height: 0; width: 0; left: 0px;top:40%;
border-left: 10px solid #0350a8;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;}
.research .oblast_sadrzaja #coll_middle p{font-size: 16px; line-height: 1.5em; margin: 10px 0}
.research .oblast_sadrzaja #coll_middle h1{font-weight: normal;}
.research .oblast_sadrzaja #coll_middle { font-size: 20px; }
.research .oblast_sadrzaja #coll_middle .countryPictures{display: flex; width: 100%; }
.research .oblast_sadrzaja #coll_middle .countryPictures span{padding: 6px; box-sizing: border-box;}
.research .oblast_sadrzaja #coll_middle .countryPictures img{width: 100%; display: block;}
#coll_middle .pageBody p .pdfLink{float: right; margin-left: 20px; position: relative;}
.pageTitle{width: 100%; border-bottom: 5px solid #ff7700; font-size: 30px; padding-bottom: 10px; font-weight: lighter!important;}
.research #coll_middle .pageBody{ padding: 10px 20px 30px;  box-sizing: border-box}

/*podgorica 2022*/

.tobaccoTaxPoliciesToReduceTheTobaccoUseInSee .slike img {width: 100%; display: block;}
.tobaccoTaxPoliciesToReduceTheTobaccoUseInSee .slike {display: flex; flex-wrap: wrap; justify-content: space-between}
.tobaccoTaxPoliciesToReduceTheTobaccoUseInSee .slike span {width: 33%; margin-bottom: 5px}

/* DISPLAY NONE */
.navigatorStrana{display: none}
.mob_main_menu, .poruciTekst,.nest_brojStrana,.ERRporuka,.showSubmenu {display:none;}
.nevidljiva{}
.hidden{display:none}
/*HEADER*/
.wraperTraka{position: fixed; top: 0; left: 0; right: 0; height: 30px;display: flex;justify-content: space-between; background: #003573; width: 100%; 
	border-bottom: 1px solid #fff;}
.wraperTraka ul{display: flex; color: #fff; }
.wraperTraka ul:nth-child(2){margin-right: 20px}
.wraperTraka .kontakt-header{display: flex;color: #fff; margin-left: 30px}
.wraperTraka .kontakt-header >li{margin: 0 30px 0 10px}
.wraperTraka .phone{position: relative}
.wraperTraka .phone:before{content: "\f095"; position: absolute; top: 7px; left: -20px; font-family: icons}
.wraperTraka .email{position: relative}
.wraperTraka .email:before{content: "\f003"; position: absolute; top: 5px; left: -27px; font-family: icons}

.wraperTraka ul li{margin-left: 20px; list-style: none; padding-top: 7px;}
.wraperTraka li a{text-decoration: none; }
.zaglavlje_content {position: relative}

.trakaHeader {display: block; width: 100%; }
.trakaHeader img{width: 100%; display: block}


.glavni_meni {background:none; list-style-type: none;  position: absolute; top: 40px; right: 0; z-index: 100; }
.glavni_meni>ul{text-align: center;display:flex;flex-direction:row;}
.glavni_meni ul > li{ display: flex;width:160px; border-left:2px solid #ddd; list-style: none; height: 70px; position:relative}
.glavni_meni ul > li > a{text-decoration: none; display: flex; padding: 0px 40px; color: #444; text-transform: uppercase; width: 100%; height: 100%; box-sizing: border-box;
	justify-content: center; align-items:center}
.glavni_meni>ul > li > a:hover{color:#888;}
.glavni_meni>ul > li:hover >a{color: #f9aa2b; }
.glavnimeni_active, .glavnisubmeni_active{color:#888; background:#eee;}

.glavni_meni>ul li ul{background: #fff;display: flex; flex-direction:column; position:absolute; top:100%;width:160px; left:-2px; border:2px solid #ddd;
border-bottom:1px solid #ddd; display:none}
.glavni_meni>ul li ul li{border:none;border-bottom: 1px solid #ddd;height: 50px; }
.glavni_meni>ul li ul li a{text-transform:none; font-size: 16px}
.glavni_meni>ul li ul li a:hover{background: #f9aa2b; color:#fff}

.logoHome a{display: block; width:360px; _margin: auto; }
.logo a img{display: block; width: 100%; padding:30px 10px 10px 10px; box-sizing: border-box; }
.catalog_search{
	display:none!important;
	position: absolute;top:14px;right:14px; z-index: 10; }
.baner_slide_title{position: absolute; top:50px;left:0;z-index: 200; color:#eee;  padding:8px 20px 8px 140px; text-align: right; font-size:40px }
.baner_slide_description{position: absolute; top:0;left:0;right:0;z-index: 200; color:#ddf;  padding:0; text-align: right; font-size:30px; border-left:1px solid #eee}



.catid_29 #mapa_regiona,.catid_29 .bannerEl-left{display: none}
/* INTERAKTIVNA MAPA*/
#mapa_regiona{
	position: absolute;
	top:130px; left:calc(50% - 250px);
	z-index: 200;
	height: 500px; width:600px;
}

.stateName{position: absolute;z-index: 1000;display: inline-block; font-size: 16px; width: max-content; text-align: center; color:#eee; pointer-events: none;
letter-spacing: 1px;
	padding:4px 16px; 
	bottom:20px;right:0;
}
.stateName:before{content:"\f041"; font-family: icons; padding-right: 5px; font-size: 23px}


/*BANNER ANIMATION*/

.bannerAnimateContainer{
	_background: red;
	width:100%;
	height:100%;
	position: relative;
	
}
.baner_slide_description .bannerAnimateElement img{
	display: block;
	width: 100%;
}
.baner_slide_description .bannerAnimateElement img:hover{
	transform: scale(1.1)
}

.bannerAnimateElement{
	position: absolute;
}
.elementAnimated-1{
	top:120px; left:260px;
	z-index: 1000;
}
.elementAnimated-1 a{
	display: block;
	width:500px;
	height:auto;
}

.elementAnimated-2{
	top:160px; right:210px;
	z-index: 1000;
}
.elementAnimated-2 a{
	display: block;
	width:220px;
	height:auto;
}

.elementAnimated-3{
	top:120px; right:680px;
	z-index: 1000;
}
.elementAnimated-3 a{
	display: block;
	width:270px;
	height:auto;
}


/*HOME CSS*/
.home-page-prvi-blok{}
.topics {}
.topics .topics-prvi-red>h2, .topics .topics-drugi-red>h2{margin: 30px 30px 50px 30px; font-size: 30px; font-weight: lighter; width: 50%}


.topics .topics-prvi-red{border-bottom: 1px solid #dd}

/*.topics .flex{display: flex; flex-flow: wrap; justify-content: space-between; width: 1320px}*/
.topics .flex >div {border:1px solid #ddd; height:300px}



.topics .topics-prvi-red .flex{display: flex; justify-content: space-around; flex-wrap: wrap; width: 80%; margin: auto}
.topics .topics-prvi-red .flex >div{width: 30%; margin-bottom: 30px }

.topics .topics-drugi-red .flex{display: flex;flex-wrap: wrap; justify-content:  center ;width: 80%; margin: auto}
.topics .topics-drugi-red .flex >div{width: 30%; margin-bottom: 30px; margin-right: 30px }

.topics .box span{width: 30%}
.topics .box a{display: block; width: 100%;height:100%;text-decoration:none}
.topics span img{width: 100%; display: block;height:auto;position: absolute; bottom:0 }
.topics .box{position: relative; }
.topics .box p{position: absolute; bottom: 0; left:0; right:0; z-index: 10; display: none;}
.topics .box h2{position: absolute; top: 0px; left: 0; text-align: center; width: 100%; margin: auto;padding:10px 5px;box-sizing: border-box; color: #fff;
	background: rgb(0, 0, 0 ,.6); height:50px; font-weight: lighter; font-size: 15px}
.topics .box:after{content:"";position: absolute; height: 211px; width: 100%; background: rgb(0, 53, 115, .7);  top: 0; left:0; right:0; pointer-events: none;
	display: none; height: 100% }
.topics .box:hover::after{display: block;color: black;}
.topics .box:hover p{display: block; position: absolute; top: 0px; left: 10px; z-index: 20; margin-top:30px;padding: 25px 5px; color: #fff;; 
	font-size: 17px; line-height: 1.6em;height: 100%; transition:.3s }
.topics .box:hover h2{z-index: 10; background: transparent; font-size: 16px; transition: .3s}

.home-page-drugi-blok a{text-decoration: none}
.home-page-drugi-blok{display: flex; flex-direction: row; justify-content: space-between; border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin-top: 20px;}
.home-page-drugi-blok .box{
	   align-items: flex-start;
    display: flex;
    flex: 1 1 50%;
    flex-direction: column;
    height: 450px;
    overflow: hidden;
    padding: 0 2rem;
	
    ;
}
.home-page-drugi-blok .box:nth-child(1){background: #003573;}
.home-page-drugi-blok .box:nth-child(3){background: #ffffff}
.home-page-drugi-blok .box:nth-child(5){background: #ff7700}
.dijagonala{
border-left: 200px solid #003573;
border-top: 450px solid #ffffff;
height: 0px;
width:0px;
}
.dijagonala-dva{
border-right: 200px solid #ff7700;
border-top: 450px solid #ffffff;
height: 0px;
width: 0px;}

.home-page-drugi-blok .box h2{color: #fff; padding-top: 30px; font-size: 35px; font-weight: lighter;}
.home-page-drugi-blok .box:nth-child(3) h2{color: #003573}
.home-page-drugi-blok .box p{color: #fff; padding-top: 10px; font-size: 20px; font-weight: lighter;}
.home-page-drugi-blok .box:nth-child(3) p{color: #003573}

.slika-drugi-box img{width: 100%; display: block;}
.slika-drugi-box.market{width: 300px; padding-top: 150px; display: block}
.slika-drugi-box.tobacco{width: 200px; display: block; padding-top: 100px}
.slika-drugi-box.elasticity {width: 200px; display: block;padding-top: 80px}
.home-page-drugi-blok .box-center{margin: auto}


.slika-drugi-box img:hover{
	transform: scale(1.1);
	transition: all 1s
}



.home-page-treci-blok{height: 430px;margin: 30px auto 50px;}
.home-page-treci-blok .pages{
	display: block;
}
.home-page-treci-blok .pages .page-pID{
	width:40%;
	list-style: none;
	margin: 0;padding: 0;
	box-sizing: border-box;
	height:calc( (60vw) / 2.77);
	position: relative;
	overflow: hidden;
	font-size: 10px;

	
}

.home-page-treci-blok .pages .page-pID:first-child{
	background: #5a5;
	float:right;
	width:60%;
	height:calc( (100vw - 40%) / 1.5 );
	 border-left:20px solid #fff;
}
.home-page-treci-blok .pages .page-pID div{
	float: initial!important; clear: initial!important;

	
}
.home-page-treci-blok .pages .page-pID .info{
	position: absolute;
	top:0;left:0;
	padding: 10px;
	box-sizing: border-box;
	background: #fffa;
	font-size: 11px
}


.home-page-treci-blok .pages .page-pID .info a{
		font-weight:normal;
	text-decoration: none;
	line-height:1.4em

}

.home-page-treci-blok .pages .page-pID:first-child .info{
	font-size:14px;
}

.home-page-treci-blok .publish_date{
	padding: 10px 0 0 0;
}
.home-page-treci-blok .img{}
.home-page-treci-blok img{display: block; width:100%; height:auto;}

/*PAGES*/

.catid_31 .oblast_sadrzaja{margin-top: 20px}
.catid_31 .oblast_sadrzaja canvas{width: 700px!important; height:auto!important; margin:20px auto}
.catid_31 .oblast_sadrzaja .pageBody h3{margin: 20px 0 10px}
.catid_31 .oblast_sadrzaja table{margin:20px auto; border-collapse: collapse; width: 90%; table-layout: fixed}
.catid_31 .oblast_sadrzaja table tr:first-child{background: #ccc}
.catid_31 .oblast_sadrzaja table tr:first-child td{}
.catid_31 .oblast_sadrzaja table tr:first-child td span:after{display: none}
.catid_31 .oblast_sadrzaja table td{border-bottom: 1px solid #ccc; padding: 10px 0; box-sizing: border-box; text-align: center}

.catid_32 .oblast_sadrzaja{margin-top: 20px}
.catid_32 .oblast_sadrzaja table{ width: 90%; margin: 20px auto; table-layout: fixed; border-collapse: collapse; text-align: center;}
.catid_32 .oblast_sadrzaja table tr:first-child{background: #ccc}
.catid_32 .oblast_sadrzaja table th{padding: 10px 0;text-align: center;}
.catid_32 .oblast_sadrzaja table td{border-bottom: 1px solid #ccc; padding: 10px 0;}
.catid_32 .oblast_sadrzaja table td span:after{display: none}
.catid_32 .oblast_sadrzaja canvas{width: 700px!important; height: auto!important; margin: 10px auto}
.catid_32 .oblast_sadrzaja h3{margin: 30px 0}

.catid_33 .oblast_sadrzaja{margin-top: 20px}
.catid_33 .oblast_sadrzaja table{ width: 90%; margin: 20px auto; table-layout: fixed; border-collapse: collapse; text-align: center;}
.catid_33 .oblast_sadrzaja table tr:first-child{background: #ccc}
.catid_33 .oblast_sadrzaja table th{padding: 10px 0;text-align: center;}
.catid_33 .oblast_sadrzaja table td{border-bottom: 1px solid #ccc; padding: 10px 0;}
.catid_33 .oblast_sadrzaja h3{margin: 30px 0 10px}


.research .pages{
	margin: auto;
	min-height:600px

}

.research  .pages li{
	width:33%;
	display:inline-block;
	vertical-align: top;
	margin:8px
}
.research  .pages li a,.research .pages li a img{
	width:100%;
	display:block;
}

.research  .pages .info a{
	display: block;
	padding:30px 10px;
	font-size: 22px;
	text-decoration: none;
	color:#569;
}
.imageConferences {position:relative;} 
.imageConferences img {border-radius: 100px; padding: 50px; box-sizing: border-box; margin-left: 200px; z-index: 1; display: block; width: 800px}
.imageConferences:after {content: "Conferences"; font-size: 50px; position: absolute; top: 100px; left: 450px; z-index: 1; color: #4d4d4d} 
.imageConferences:before {content: "Learn more about conferences taking place all over the region and stay updated with the latest news and events."; font-size: 20px; position: absolute; top: 180px; left: 300px; z-index: 1; color: #0f0f3e; width: 110px} 

.imageWorkshops {position:relative;} 
.imageWorkshops img {border-radius: 100px; padding: 50px; box-sizing: border-box; margin-left: 200px; z-index: 1; display: block; width: 800px}
.imageWorkshops:after {content: "Workshops"; font-size: 50px; position: absolute; top: 100px; left: 450px; z-index: 1; color: #1a0000} 
.imageWorkshops:before {content: "Learn more about workshops taking place all over the region and stay updated with the latest news and events."; font-size: 20px; position: absolute; top: 180px; left: 300px; z-index: 1; color: #ffe6e6; width: 110px} 

.imageRoundtables {position:relative;} 
.imageRoundtables img {border-radius: 100px; padding: 50px; box-sizing: border-box; margin-left: 200px; z-index: 1; display: block; width: 800px}
.imageRoundtables:after {content: "Roundtables"; font-size: 50px; position: absolute; top: 100px; left: 450px; z-index: 1; color: #e0ebeb} 
.imageRoundtables:before {content: "Learn more about roundtables taking place all over the region and stay updated with the latest news and events."; font-size: 20px; position: absolute; top: 180px; left: 300px; z-index: 1; color: #e0ebeb; width: 110px} 

.national {display: flex; flex-flow: wrap; margin: 20px 0 0}
.national .page-cID{width: 24%; list-style: none; margin: 20px 0 20px 8px;}
.national .page-cID a{text-decoration: none; display: block; width: 100%}
.national .page-cID h2{text-align: center; margin-top: 10px; font-weight: normal; font-size: 20px}
.national .page-cID .img{text-align: center; width:160px;  margin:auto; }
.national .page-cID img{display: block; width:100%;}


.pdfLink:before{
		content:"pdf";
}
.pptLink:before{
		content:"ppt";
}
.pdfLink,.pptLink{
border:1px solid #cee;
	border-radius:6px;
	background: rgba(100,100,100,.8);
	color:#fff;
	padding:20px 16px 100px 16px;
	display: block;
	width:150px;height:auto;
	cursor: pointer;
	text-decoration: none;
	transition: all 1s;	
}


.pdfLink.imagePdf{
 padding: 10px;
}
.pdfLink.imagePdf img{
	display: block;
	width:100%;
}
.pdfLink.imagePdf{position: relative;}
.pdfLink.imagePdf span{
	display: block;
	width:100%;
	line-height: 1.2em;
	padding: 0 0 10px 0
}

.pdfLink.imagePdf:after,.pptLink.imagePdf:after{
	
	
	width:40px;
	height:30px;
	z-index: 5;
	font-size:36px;
}

.pdfLink.imagePdf:before,.pptLink.imagePdf:before{
	
	right: -7px; 
	bottom: 10px;
	z-index: 300;
	
	background: none;
	color:#444;
	padding:0px;
	font-size: 13px;
 

	
	}

.pageBody .regionalStudyHome a{
	float:right;
	position: relative;
	left:initial;right: initial;
	padding: 10px;
	box-sizing: border-box;
	margin:0 0 0 20px;
	width:200px;
}



.pdfLink:hover,.pptLink:hover{
		background: rgba(30,30,120,.8);
}
.pdfLink:before,.pptLink:before{
	/*! width:10px; */
	height:18px;
	position: absolute;
	bottom:30px;right:14px;
	background: none;
	color:#003573;
	padding:1px 15px;
	border-radius:4px;
	pointer-events: none;
	z-index: 3;
	font-weight:bold;
}
.pdfLink:after,.pptLink:after{
	content:"\f15c";
	font-family: "icons";
	width:80px;
	height:60px;
	position: absolute;
	bottom:0px;right:-24px;
	
	color:#ccc;
	font-size:60px;
	_padding:2px 16px;
	border-radius:4px;
	pointer-events: none;
	z-index: 1;
	font-weight:bold;
}

.regionalStudyHome .pdfLink:after{
	color:darkorange; 
	top:100px;
		
}
.regionalStudyHome .pdfLink:before{
	color:white; 
	top:130px;
	background:darkorange;
	padding:0 6px 2px 6px;
	right:12px
		
}

/*CONFERENCES*/

.catid_35 .oblast_sadrzaja #coll_middle h2{padding: 30px 0 10px}
.catid_35 .oblast_sadrzaja #coll_middle ul li,.catid_35 .oblast_sadrzaja #coll_middle ol li{font-size: 16px; list-style-position: inside; line-height: 1.5rem; padding: 5px 0}
.catid_35 .oblast_sadrzaja #coll_middle ul ul li{padding-left: 15px; box-sizing: border-box;list-style:none}
.catid_35 .oblast_sadrzaja #coll_middle ul ul li:before{content:"- "}

.catid_34 .oblast_sadrzaja #coll_middle h2{padding: 30px 0 10px}
.catid_34 .oblast_sadrzaja #coll_middle ul li,.catid_35 .oblast_sadrzaja #coll_middle ol li{font-size: 16px; list-style-position: inside; line-height: 1.5rem; padding: 5px 0}

.catid_36 .oblast_sadrzaja #coll_middle h2{padding: 30px 0 10px}
.catid_36 .oblast_sadrzaja #coll_middle ul li,.catid_35 .oblast_sadrzaja #coll_middle ol li{font-size: 16px; list-style-position: inside; line-height: 1.5rem; padding: 5px 0}

/*ROUNDTABLES*/

.research #coll_middle li,.research #coll_middle ol{list-style-position: inside; font-size: 16px; line-height: 1.5rem;; }
[pid="222"] ul li {list-style: circle; margin-left: 50px}
[pid="222"] ul{margin-top: 10px}

/*NATIONAL STUDIES*/

.catid_92 .oblast_sadrzaja #coll_middle a{position: relative; text-decoration: none}
.catid_92 .oblast_sadrzaja #coll_middle a:hover{text-decoration: underline;}
.catid_92 .oblast_sadrzaja #coll_middle a:after{content:"\f019"; font-family:icons; padding-left:5px; }

/*NEWS*/

.catid_25 .page-pID{
  margin:40px 10px;
	width:660px;
	text-align: left;
	padding: 20px;
	position: relative;
	border-left:1px solid #ccc;
	list-style: none;
  
}

.catid_25 .page-pID a{
	font-weight: lighter;
	line-height: 1.6em;
}
.catid_25 .publish_date{
	position: absolute;
	top:0;left:20px;
}

 .The8thEuropeanConference {display: flex; margin-top: 30px}
.tekst {padding: 30px; box-sizing: border-box}

/*ABOUT*/
.catid_23 .categoryPicture{
	position: absolute;
	top:0;left:0;right: 0;
	margin:0;
}
.catid_23 .categoryPicture img{
	display: block;
	width:100%;
	
}
.catid_23 .oblast_sadrzaja #coll_middle{
	position: unset;
	margin: auto;
		width: 90%;
}

.catid_23 .oblast_sadrzaja #coll_middle .pageBody {width: 100%}

.catid_23 #coll_middle h1{
margin: 20px 0;
}

.catid_23 .partnerImage {
	display: block;
	float:left;
	margin:0 40px 20px;
}

.catid_23 #coll_middle .pageBody > div{
	
	border-bottom:1px dashed #ccc;
	padding: 0px 0 50px 0;
}

.catid_23 #coll_left {display: none}

.partnersTobacco {margin-top: 30px}
.research .oblast_sadrzaja #coll_middle .pageBody .partners {font-size: 30px; border-bottom: 5px solid #ff7700; 
	font-weight: lighter; margin: 30px 0 40px -20px }


/* NAVIGACIJA PAGES*/


/*CATALOG CSS*/

.katalog .oblast_sadrzaja {margin:0px auto ;width:100%;min-height:540px;}

/* NAVIGACIJA CATALOG*/


/*REGISTRATOR CSS*/

.registrator .oblast_sadrzaja {width:1200px;}

/*KONTAKT */
.kontaktStrana{display: flex; justify-content: space-around; margin: 30px 0;  padding-bottom: 30px}
.kontaktStrana>div{ width: 360px; padding: 10px; box-sizing: border-box}
.kontaktStrana .kontaktPodaci li{list-style: none; margin-top: 5px; font-size: 17px}
.kontaktStrana .kontaktPodaci li .telefon{cursor: pointer}
.telefon-kontakt, .email-kontakt, .fax, .adresa{width: 10px;display: inline; display: inline-block; margin-right: 20px;}
.telefon-kontakt img, .email-kontakt img, .fax img, .adresa img{width: 20px; margin-top: 2px}

#form{
	font-size: 1em;
  line-height: 1.5;
	font-family: arial;
	padding-top: 20px;
}
#form .button{
	margin: 20px auto;
}
#message{border: 1px solid #ccc; width: 360px;min-height: 100px!important; padding: 10px; box-sizing: border-box;
resize: vertical;
overflow: hidden;}
.elementiForme {width: 100%; margin-top: 15px}
.elementiForme li{list-style: none; margin: 5px 0}
.elementiForme input{display: block; width: 220px; padding: 5px; box-sizing: border-box; margin: auto}
.elementiForme input{outline: none; box-shadow: none; }
.elementiForme label{text-align: center; margin: auto; display: block; font-size: 17px;}
.requiredField input,.requiredField div{border: 1px solid  #ff1a1a!important; position: relative}
.requiredField:after{content:"This field is required!"; font-size: 12px; color: #ff1a1a; text-align: center;  display: block;padding-top:5px }
.button{
	background:#555566;
	padding: 5px;
	box-sizing: border-box;
	text-align: center;
	width: 220px;
	margin: auto;
	color: #eee;
 cursor: pointer;
	
}
.formConfirmation{
	padding:50px 30px;
	box-sizing: border-box;
	border:1px solid #eee
}
.formConfirmation h2{
	font-size: 40px;
line-height:2;
	font-family: 'vaillant-light', sans-serif;
	font-weight:normal
}
.formConfirmation h4{
	font-size: 26px;
  line-height:1.333;
	font-family: 'vaillant-light', sans-serif;
	font-weight:normal;
	
}

/*news*/
.catid_25 .pageTitle{

	width: 90%;
	margin: 180px auto 0px;
}
.catid_25 .pageBody {
	margin: 40px  50px 0px 50px;
	width: 90%;
	margin: 50px auto;
	font-size: 16px;
  line-height: 1.5em;

}

.catid_25 .pageBody p{
	
	padding-bottom: 10px;
}
.catid_25 .embdgallery{
	width: 90%;
	margin: 0px auto 30px;
}

/*FLAGS*/
.fg{
	position: relative;
}
.pageBody .fg:after{
	content:"";
	background-size: 40px;
	width:40px;
	height:40px;
	display: inline-block;
	margin:0 0 0 10px;
	vertical-align: middle;
	padding:0 10px 0 20px; display: none
	
	
}
/*
.al:after{
	background:url('../../cms_upload/uploads/albania.png') 10% 0 no-repeat ;
}
.bh:after{
	background:url('../../cms_upload/uploads/bih.png') 10% 0 no-repeat ;
}
.hr:after{
	background:url('../../cms_upload/uploads/croatia.png') 10% 0 no-repeat ;
}

.ks:after{
	background:url('../../cms_upload/uploads/kosovo.png') 10% 0 no-repeat ;
}

.mk:after{
	background:url('../../cms_upload/uploads/macedonia.png') 10% 0 no-repeat ;
}
.mn:after{
	background:url('../../cms_upload/uploads/montenegro.png') 10% 0 no-repeat ;
}

.rs:after{
	background:url('../../cms_upload/uploads/serbia.png') 10% 0 no-repeat ;
}
*/


.catid_20 .fg:after{
	position: absolute;
	left:880px;top:0;
	width:60px;height:60px;
	background-size: 60px;
}
.catid_18 .fg:after{
	position: absolute;
	left:880px;top:-64px;
	width:60px;height:60px;
	background-size: 60px;
}
.catid_26 .fg:after{
	position: absolute;
	left:820px;top:-80px;
	width:60px;height:60px;
	background-size: 60px;
}

.embdgallery {display: flex;  flex-flow: wrap;}
.embdgallery li{list-style: none; width: 250px; margin-left: 20px }
.embdgallery li .embdgallery_image{width: 250px;margin-top: 20px}
.embdgallery li .embdgallery_image img{width: 100%; display: block}


/*FOOTER*/

.oblast_futera{box-shadow: 2px 2px 3px 3px #ccc; position: relative; width: 100%}
.oblast_futera div span{width: 100%; height: 100%; }
.footer_links li a{display: block; padding:8px 2px;}
.footer_container{z-index: 14; position: absolute; top: 100px; left: 25%; bottom: 80px; width: 50% }
.footer_container .footer_linksContainer{display: flex; margin: auto;justify-content: space-between; background: rgb(0, 0 ,0 ,.3 ); box-shadow: 10px 20px 20px 4px #ccc;
	padding: 20px; box-sizing: border-box; border-radius: 20px;}
.oblast_futera ul li{list-style: none; color: #fff; }
.oblast_futera ul li a:hover{color: #003573}
.oblast_futera li a{text-decoration: none; font-size: 17px}
.prekidFloat{	clear:both;	float:none;}
.oblast_futera div span img{width: 100%; display: block; z-index: 10}