/* MOBILE CSS */
*{
	padding:0px;
	margin:0px;


}
HTML{	
	width:100%;
  overflow-y: scroll;
}
BODY {
	width:100%;
	font-size:14px;
    font-family: 'Open Sans', sans-serif;color:#505050;
}
img {
    display:block;
    width:100%;
}
a{text-decoration:none;outline:none;color: inherit}

@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);}
.icons, .index .searchDugme {font-family: icons;}
.zaglavlje_content {position:fixed; border-bottom:2px solid #eee; top:0;left: 0;right: 0;
z-index: 10; background:#fff}



/* DISPLAY NONE */
.absoluteBoxLinks{display: none;}
.hoverOn{display: none;}
.map_container{display: none;}
.top_baner, 
.CatTrackNav,
.nest_brojStrana,
.kontakt-header,
.catalog_search,
.navigatorStrana,
.ERRporuka{display: none}
.trakaHeader{display: none}
#mapa_regiona,.bannerEl-left,.bannerEl-right{display: none;}



.pageTitle, .catTitle, .naslov_kategorije, .proizvodjac{text-align: center;
   color: #999;font-size: 36px;padding: 0px 10px 20px;font-weight: lighter;}

.oblast_sadrzaja{padding: 10px 10px 40px; box-sizing: border-box; display:flex; flex-direction:column;
margin-top:110px}
#coll_middle{order: 1}
#coll_left{order: 2}
.pageTitle{color: #666; font-size: 28px}
.catid_90 .pageTitle{margin-top: 80px}


/* HEADER */
.wraperTraka {background: #003573;}
.wraperTraka ul:nth-child(2){display: flex; justify-content: space-around}
.wraperTraka ul:nth-child(2) li{list-style: none;}
.wraperTraka ul:nth-child(2) li a{color: #fff; padding: 10px 0;display: block;}


.glavni_meni {display:none;;
width:100%;
    margin:auto;
     position: absolute;z-index: 1; background: #fff; top:100%; left: 0;right: 0;
	
}
.glavni_meni li{
    display: block;
}

.glavni_meni a{
    display: block;
    width:100%;padding:15px 10px; box-sizing: border-box; font-size: 16px;border-bottom: 1px solid #ccc
}
.glavni_meni #id_cat-26 ul li:last-child a{border: none}

.glavni_meni #id_cat-26{position: relative; border-bottom: 1px solid #ddd; }
.glavni_meni #id_cat-26>a{ width: max-content;border: none;}
.glavni_meni .showSubmenu{display: inline-block; width: 30px; height: 30px;
position: absolute;right:20px ;top:7px; transform:rotate(45deg); transition:.3s; border:none;}

.glavni_meni .showSubmenu:after{content:""; border-right:2px solid #003573;
	border-bottom:2px solid #003573;display:inline-block; width:20px; height:20px}

.glavni_meni .hideSubmenu{transform: rotate(-135deg);top:10px; transition:.3s}

.glavni_meni #id_cat-26 ul{ display:none; padding-left: 15px; box-sizing: border-box;}

.mob_main_menu {
    position:absolute;
    top:20px;right:25px;
    padding:2px 4px;
    box-sizing:border-box;
	
}
.mob_main_menu:after {
    content:"\f0c9";
    font-family:icons;
    font-size:27px;
    color:#569;
}
.zaglavlje_content{
    display: block; 
    width:100%;
}

.logo{
    width: 60%;
    padding:10px;
    box-sizing: border-box;
}

.flex{display: flex; flex-flow: wrap; margin-bottom: 30px; }
.flex .box{width: 45%; position:relative; margin: 10px 0 10px 10px; border:1px solid #ddd}
.flex .box h2{font-size: 14px; padding: 3px; box-sizing: border-box; font-weight: lighter; 
text-align: center; border-top:1px solid #ddd;}
.flex .box h2 a{display: block;  width: 100%; height: 100%; padding:8px 5px 5px; box-sizing: border-box}
.flex .box p{display: none} 
.topics-prvi-red >h2, .topics-drugi-red>h2{margin-left: 10px; margin-top: 10px; font-weight:lighter; font-size: 25px}

.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: 426px solid #003573;
_border-bottom: 180px solid #ffffff;
height: 0px;
width:0px;
}
.dijagonala-dva{
border-left: 426px solid #ff7700;
/*! border-top: 180px solid #ffffff; */
height: 0px;
width: 0px;}

.home-page-drugi-blok .box{
    display: flex;
	flex-direction: column;
    padding: 20px 0;
    overflow: hidden;
}

.slika-drugi-box.tobacco, .slika-drugi-box.elasticity{width: 180px; display: block;margin:auto}
.slika-drugi-box.tobacco img, .slika-drugi-box.elasticity img, .slika-drugi-box.market img{width: 100%; display: block}
.slika-drugi-box.market{width: 240px; display: block; margin:auto}
.drugi-box.box-left a{color: #fff;}


.home-page-drugi-blok .box h2{color: #fff; padding:20px 0; font-size: 35px; font-weight: lighter;
text-align: center}
.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}

.home-page-treci-blok{margin: 30px 10px;}
.home-page-treci-blok >h2{font-size: 25px; font-weight: lighter;}
.home-page-treci-blok .page-pID{position: relative;display: block; border-bottom: 1px solid #ddd; margin-bottom: 20px; margin-top: 10px}
.home-page-treci-blok .page-pID h2{font-weight: lighter; margin-bottom: 20px; font-size: 18px}
.home-page-treci-blok .page-pID .antrafile {padding: 0 0 40px 0; line-height: 1.6em; font-size: 16px}
.home-page-treci-blok .page-pID .publish_date p{position: absolute; bottom: 0; font-size: 18px; left: 0; right:0;
background: #003573; color: #fff; padding: 5px 0; box-sizing: border-box; font-weight: lighter; text-align: center}


/*BOCNA NAVIGACIJA*/
.bocniMeniStrane{list-style: none; margin: 20px 0; border: 2px solid #ddd; border-bottom: 1px solid #ddd}
.bocniMeniStrane li{list-style: none}
.bocniMeniStrane li a{ display: block; padding: 15px 10px; box-sizing: border-box;
border-bottom: 1px solid #ddd; font-size: 16px}
.bocniMeniStrane .markerStrane>a,.bocniMeniStrane .markerKategorije>a{background: #ff7701; color: #fff}
.bocniMeniStrane .markerKategorije ul li{padding-left: 8px; box-sizing: border-box}

/*PAGES*/
/*nacionale studije*/
.national{display: flex; width: 100%; flex-wrap: wrap; align-content:  flex-start; margin: 0px auto 30px}
.national >li{ width: 200px; margin:10px auto; list-style: none}
.national > li .img{width: 150px; margin: auto;}
.national > li .info{text-align: center;}
.national > li .info h2{font-weight: normal; font-size: 18px; display: block; margin-top: 10px}
.national > li:last-child img{border-radius: 50%}

/*conferences-workshops-roundtables*/

.imageConferences {position:relative; height: max-content; width: max-content; display: block;
width: 100%} 
.imageConferences img {border-radius: 100px; padding: 20px; box-sizing: border-box; 
	z-index: 1; display: block}
.imageConferences:after {content: "Conferences"; font-size: 25px; position: absolute; top: 50px;
	left: 150px; z-index: 1; color: #4d4d4d;font-weight:lighter} 
.imageConferences:before {content: "Learn more about conferences taking place all over the region and stay updated with the latest news and events.";
	font-size: 16px; position: absolute; top: 90px; left: 70px; z-index: 1; color: #0f0f3e; width: 180px;
font-weight:lighter} 

.imageWorkshops {position:relative; height: max-content; width: max-content; display: block;
width: 100%} 
.imageWorkshops img {border-radius: 100px; padding: 20px; box-sizing: border-box;  z-index: 1; display: block}
.imageWorkshops:after {content: "Workshops"; font-size: 25px; position: absolute; top: 50px; 
	left: 150px; z-index: 1; color: #ffe6e6; font-weight:lighter} 
.imageWorkshops:before {content: "Learn more about workshops taking place all over the region and stay updated with the latest news and events."; 
	font-size: 17px; position: absolute; top: 90px; left: 70px; z-index: 1; color: #ffe6e6; width: 180px;
font-weight:lighter} 

.imageRoundtables {position:relative; height: max-content; width: max-content; display: block;
width: 100%} 
.imageRoundtables img {border-radius: 100px; padding: 20px; box-sizing: border-box;  z-index: 1; display: block}
.imageRoundtables:after {content: "Roundtables"; font-size: 25px; position: absolute; top: 50px; left: 150px; 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: 17px; position: absolute; top: 90px; left: 70px; z-index: 1; color: #e0ebeb; width: 180px} 


.catid_59 .slikaFlex p { display: flex; flex-wrap: wrap;}
.catid_59 .slikaFlex img { width:49%;}

.catid_56 .slikaFlex p { display: flex; flex-wrap: wrap;}
.catid_56 .slikaFlex img { width:49%;}

.catid_54 .slikaFlex p {display: flex; flex-wrap: wrap;}
.catid_54 .slikaFlex img {width: 49%}

.catid_35 .pageBody ul {
		list-style-position: inside;
}

/*about*/

.research .oblast_sadrzaja #coll_middle .pageBody .partners {font-size: 28px; font-weight: lighter;
width: 130px; margin: 15px auto; }

/*table*/
.nevidljiva {width: 100%; overflow: hidden; margin: 10px 0;display: flex; overflow-x: auto;
border-collapse:collapse; text-align:center;}
.nevidljiva tr:first-child{background: #ddd;}
.nevidljiva td{font-size: 16px; padding:8px 5px; box-sizing: border-box; border-bottom: 1px solid #ddd}

/*pdf-slika*/

.imagePdf img{width: 150px; margin: auto; display: block;; border: 1px solid #ddd}
.regionalStudyHome span{font-size: 16px; line-height: 1.6em;}
#pageBody p{font-size: 16px; line-height: 1.6em; margin-top: 10px}
#pageBody h3{margin-top: 20px; line-height: 1.6em; font-size: 20px;}


.embdgallery li{list-style: none;margin: 10px 0}
.catid_50 .embdgallery_image {width: 97%;}
.catid_50 .embdgallery { display: flex; flex-wrap: wrap; align-self: end;}

/*kontakt stranica*/
.kontaktStrana iframe{margin: 20px 0 40px; width: 100%; display: block}
.kontaktStrana .kontaktPodaci li{list-style: none; margin-top: 10px;}
.kontaktPodaci img{width: 30px; display: inline; padding-right: 10px; box-sizing: border-box}
#form{margin: 30px auto; width: 90%;}
#form li{list-style: none; margin-top: 10px}
#form input {display: block;  width: 90%;padding: 10px; box-sizing: border-box;
font-size: 14px;margin:10px auto; border:1px solid #ddd}
#form label{display: block; text-align: center;}
#form #submitForm{background: #003573; width: 200px; margin: auto; text-align: center; border: 1px solid #ddd;padding: 10px 0; color: #fff; margin-bottom: 20px}
#form #message{border:1px solid #ddd; margin: 10px auto 20px; width: 90%;padding: 10px; box-sizing: border-box;
resize: vertical; min-height:100px!important}

/*teme po zemljama*/
.temePoZemljama {_border: 1px solid #ddd; padding: 5px 10px; box-sizing: border-box;}
.temePoZemljama >b{color: #003573; text-transform: uppercase;}
.temePoZemljama a{position: relative}
.temePoZemljama a:after{content:"\f019"; font-family:icons;padding-left: 7px}

/*FUTER*/
.oblast_futera{box-shadow: 2px 2px 3px 3px #ccc;  position: relative; height:500px}
.footer_container{width:100%; text-align: center;position: absolute; z-index: 2; }
.footer_container li{border-bottom:1px solid #ddd; display: block; background:rgba(1,1,1,.4)}
.footer_contact li:nth-child(1), .footer_contact li:nth-child(2){padding: 12px 0; color: #fff;
font-size: 16px} 
.footer_container li a{display: block; padding: 12px 0; color: #fff;font-size: 18px}
.oblast_futera .divImg{overflow: hidden; width: 100%; height: 100%}
.oblast_futera .divImg img{display: block; height: 100%; width: auto}