/* TDM.RS MAIN STRUCTURE CSS */

*{
	padding:0px;
	margin:0px;
	color:#505050;
	font-family: sans-serif;
}

HTML{width:100%; overflow-y: scroll;}
BODY {
	width:100%;
	margin: 0px; 
	padding:0px;
	font-size:14px;
}
img {outline: none;}
a{text-decoration:none;outline:none;}

@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);}
.icons, .index .searchDugme {font-family: icons;}

/*COLOR*/
/*
	ljubicastaTDM:#429;
*/

:root{
	  --orange:#F15A22;
    --main: #429;
    --black:#212224;
    --main_gradient:linear-gradient(to right, #429 0%,#a9f 100%);
    --grey: #1B243A;
    --fl:26px;
    --fxl:36px;
    --fm:20px;
    --fn:17px;
    --fs:14px;
    --fxs:12px;
    --fxxs:9px;
}


/* DISPLAY NONE */
.mob_main_menu, .poruciTekst, .search_site, .mobile_baner {display:none;}
.oblast_strane{margin:auto;}
.index .oblast_strane {background:#fff}
.top_baner { margin:0 auto;}
.oblast_sadrzaja{width:100%;margin:0 auto;position:relative; padding: 2px 0px 0px 0px;}
.katalog .oblast_sadrzaja {margin:0px auto ;width:100%;min-height:540px;}
.registrator .oblast_sadrzaja {width:1200px;}
.prekidFloat{	clear:both;	float:none;}
.logoHomeActive{display: none}
.index .logoHome,.katalog .logoHome,.tdm .logoHome,.download .logoHome{display: none;}

/* ON */
.index .logoHomeActive,.katalog .logoHomeActive,.tdm .logoHomeActive,.download .logoHomeActive{display: block;
width:200px;
	padding: 0 0 0 50px;
	margin: 0;
	display: block;
	
}
_.logoHomeActive:before{
content:"";
		background:url("../../cms_upload/pages/files/105_logo.png") no-repeat;
	background-size: 320px 140px;
	width:240px; height:950px; 
	position: absolute;
	z-index: -1;
	left:20px; top:-10px;
	filter: brightness(.6) blur(15px) grayscale(1);
	pointer-events: none;
	
}

.index .logoHomeActive img,.katalog .logoHomeActive img,.tdm .logoHomeActive img,
.download .logoHomeActive img{
	display: block;
	width:100%;
}

/* < NAVIGACIJA > */



.sideCatNav{
  background: #8af;
	overflow-x: hidden;
	overflow-y: scroll;
	height: 380px;
}
.level-root{display: none}
.level-root:first-child{
	display: block;
}
.level-root > a{
	font-size:18px;
	border-bottom:1px solid #888;
	padding:10px 0;
	display:block;	
}

.sideCatNav ul li {
	list-style: none;
	padding:1px 8px;
}
.sideCatNav ul li a {
	display: block;
	color:#eee
}

.sideCatNav ul li a:hover{
	color:#ccc;
	position: relative;
}

.level-1 a:hover:after{
	content:"";
	width:4px;height:10px;
	background: red;
	position: absolute;
	top:3px; left:-2px;
}

.sideCatNav ul li ul {}
.sideCatNav .level-0 > a{
	font-size:14px;
	text-transform: uppercase;
	line-height: 100%;
	padding:10px 0 0 0;
}
.sideCatNav .level-0:last-child > a{
	padding:10px 0 20px 0
}
.sideCatNav .level-0 ul{
	border-left:1px dashed #ccc
}
.sideCatNav .level-0 ul a{
	font-size:13px;
	text-transform: uppercase;
	padding:0 6px;
}
.sideCatNav .level-4 {padding: 1px 4px}
.sideCatNav .markItem{
	color:#69b;
	font-weight:bold;
	color:#fff;
	border-bottom: 2px solid #579;
}
.sideCatNav .markItem:before {
	content:"";
	width:7px;
	height:10px;
	display:inline-block;
	background:#469;
	border-left:3px solid #579;
	border-right:3px solid #579;
	margin-right:6px;
}
/* < END NAVIGACIJA > */

/* < ELEMENTI ZAGLAVLJA > */
/* HOMPAGE */
.oblast_zaglavlja{border:none;box-shadow:unset;
	background:#429;position:relative;
	 }


.zaglavlje_content {width:100%;margin:0 auto;
	height:104px;}

.logoPages{display:none;}
.logoHome{display:block;}
.sign {display:none;}

.logo {padding:1% 0 0 5%;
	width:166px;z-index: 200;position:relative;}
 
.logo a img {display:block;width:138%;height:auto;}

.index .glavni_meni {
  top: 0px;
  right: 0px; 
}
.glavni_meni {
	background: linear-gradient(to right, #429 , #4F3FB0);
	list-style-type: none;
  width: 78%;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  border: none;
  box-shadow: unset;
	
	 }
 
 .glavni_meni:before{content: "";width:950px;height:62px;background:#429;position: absolute;top:64px;z-index: 100;transform: skewx(-47deg);left:-922px;
 
}
.glavni_meni ul {
	 display:flex;
	justify-content: flex-start;
	text-align:left;box-sizing:border-box;padding-left:62px;
	background-color:#1C0F44;
	font-size:0;border-bottom:4px solid #1C0F44;
	position:relative;width:100%;
	height:32px;
	margin: 74px 0 0 0;
	gap: 30px
	 }
.glavni_meni ul > li{display:flex;vertical-align: top;padding:2px 0 6px 3px;}
.glavni_meni ul > li > a{text-decoration: none;
    display: block;
    padding: 8px 0 6px 0px;
    color: #333;
    font-size: 14px;
	  letter-spacing: 1px;
    text-transform: none;
    color: #eee;
    position: relative;
	 font-weight:normal;

}
.glavni_meni > ul > li > a:after {content:"";position:absolute;bottom:-2px;left:0;right:0;width: 0;
  display: block;
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 4px;
  background-color:#029DFC;
  content: "";
  transition: width 0.2s;
}
.glavni_meni > ul > li > a:hover {   color: #fff;}
.glavni_meni > ul > li > a:hover:after {width: 100%;}


.meni_jezici{display; z-index: 100; width: 40px; position: absolute; top: 3px; right: 14px; display: block}
.meni_jezici li { list-style: none; border: 1px solid #aaa; padding: 5px 4px; box-sizing: border-box; margin-top: 7px; background: #6669}
.meni_jezici li span{color: #ccc; text-transform: uppercase; font-size:10px; display:block; text-align:center}
.meni_jezici li.markLng{background: none}
.meni_jezici li.markLng span{color: #ddd}
#jssor1_container{ margin-bottom:102px;}


.sertifikat{display: flex; position: absolute; z-index: 1000; top: 5px; right: 380px; 
	align-items: center; background:#fff; padding:0 40px}
.sertifikat span{height: auto; max-width:220px;margin-right: 10px; padding: 1px;display: flex;}
.sertifikat span img{display: block; width: 100%}
.sertifikat .abc{
	max-width:210px
}
.sertifikat .cde{
	max-width: 90px;
}
.sertifikat span.aaa{
	background: #fff;
	border-radius:50%;padding:5px;
	width:60px;height:60px;
	box-sizing:border-box;
}

/* PRETRAZIVAC */
.catalog_search {
	position:absolute;
	top:18px;
	right:80px;

}

#brzi_pretrazivac {
	width:100%;
	margin:auto;
	text-align: center;
 

}
#brzi_pretrazivac #inputString {
	height:32px; width:220px;
	background:rgba(255,255,255,0.2);
	border:2px solid rgba(255,255,255,0.1);
	border-radius: 2px;
	padding: 0px 0px 0px 12px;
	-webkit-text-fill-color: #00204D;
}

#brzi_pretrazivac #inputString:focus {
	background:rgba(255,255,255,0.9);
	border-bottom:2px solid rgba(186,215,235,0.5);
	color:#0061AD;
	-webkit-text-fill-color: #red;
}
#brzi_pretrazivac .searchDugme {
	display:inline-block;
	padding:2px 0;
	color:rgba(255,255,255,0.8);
	width:40px;
	text-decoration:none;
	text-align:center;
	font-family: icons;
	font-size:22px;
}
#brzi_pretrazivac .searchDugme:hover{opacity:0.7;}
.suggestionsBox {
	position: absolute;
	left:-140px; top:44px;
	margin:0;
	width: 450px;
	background-color: #fff;
	border: 2px solid #eee;
	z-index:1000;
	box-shadow: -2px 0px 6px 2px rgba(126, 126, 126, 0.2);
}
.close_suggestions{
	display:block;
	position: absolute;
	right:-8px;	top:-8px;
	width: 16px; height: 16px;
	background: url(../../site_images/icons/action_delete.gif) no-repeat 0px 0px;
	cursor: pointer;
}
.suggestionList{
	margin: 0px;
	padding:20px 0 0 0;
	height:500px;
	overflow: hidden;
	overflow-y:auto;
}
.suggestionList li {
	margin:0;	padding:0;
	cursor: pointer;
	list-style-type:none;
	height:61px;
	border-bottom: 1px solid #e9e9e9;;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	text-align: left;
}
.suggestionList li:hover:after {
  content:"";
	width:400px;height:100%;	
	position: absolute;
	right:0;top:0;
	opacity:.16;	
  background: -moz-linear-gradient(left, rgba(125,185,232,0) 0%, rgba(68,144,179,0) 59%, rgba(28,116,142,1) 100%);
  background: -webkit-linear-gradient(left, rgba(125,185,232,0) 0%,rgba(68,144,179,0) 59%,rgba(28,116,142,1) 100%); 
  background: linear-gradient(to right, rgba(125,185,232,0) 0%,rgba(68,144,179,0) 59%,rgba(28,116,142,1) 100%); 
}
.suggestionList li img {
	display: block;
	width: 60px;
	padding: 0px;	margin: 0px;
	float: left;
}
.suggestionList li div{
	width:370px;
	float: left;
}
.suggestionList li h3 {
	font-size: 14px;
	font-weight: bold;
  padding-left: 16px;
}
.suggestionList li p {padding-left: 16px;}

/* </ ELEMENTI ZAGLAVLJA > */
/* NAVIGACIJA */
#coll_left, #coll_right {margin:28px 0 0 0;}
#coll_left h3 a, #coll_right h3 a{color: #9a9a9a;}
 
.bocniMeniStrane li {list-style:none;background:#fff;border-bottom:1px solid #ededed;box-sizing:border-box;position: relative;}
.bocniMeniStrane .markerStrane a, .markerKategorije > a{ font-weight:bold;color: #6c59a7;}
.bocniMeniStrane li a {font-size:14px;color:#9a9a9a;padding:12px 26px 12px 20px;display:inline-block;}
.bocniMeniStrane li:hover { background-color: #6c59a7;  }
.bocniMeniStrane li a:hover{color:#fff;}
.bocniMeniStrane li ul li a {margin-left:6px;border-bottom:1px solid #fff;}
 
 
#coll_middle{ min-height:540px;}
/* < ELEMENTI POCETNE STRANICE > */

.radnoVreme{background: #429; height: 50px; margin-bottom: 8%; margin-top:-8%}
.radnoVreme p{color: #fff; font-size: 20px; text-align: center; padding-top: 10px}
 
.index .homebox-1 {display:block;position:relative;max-width:1000px;height:190px; margin:40px auto;background:linear-gradient(to right, #472f91 40%,  #5040b2 100%);padding:52px 42px 20px 42px;line-height:1.5 ; }
.index .homebox-1:first-of-type{margin-bottom:70px;background: linear-gradient(to right, #444fab 40%, #5040b2 100%);}
.index .homebox-1:after{content: "";width:48%;height:65px;background:#fff; position:absolute;left:-30px;top:202px; transform:skewx(47deg);}
.index .homebox-1 #o-nama img{display:block; width:341px;height:auto;margin-top:-105px;margin-left:-43px;padding-bottom: 28px;}
.wrapperContent.eng .homebox-1 #o-nama img{display:block; width:421px;height:auto;margin-top:-115px;margin-left:-43px;padding-bottom: 28px;}
	


.index .homebox-2 #proizvodi img{position: absolute;
	width:320px;height:auto;z-index:1000;left:22% ;margin-top:-72px;opacity:0.9
	}
.wrapperContent.eng .homebox-2 #proizvodi img{position: absolute;
	width:550px;height:auto;z-index:1000;left:11% ;margin-top:-82px;opacity:0.9
	}
 .index .homebox-3 #reference img{position: absolute;
	width:320px;height:auto;z-index:1000;left:22% ;margin-top:-92px;opacity:0.9
	}
.wrapperContent.eng .homebox-3 #reference img{position: absolute;
	width:550px;height:auto;z-index:1000;left:11% ;margin-top:-102px;opacity:0.9
	}

.index .homebox-1 #tdm-logo { display: inline-block;width:240px;height:auto;float: right;}
.index .homebox-1 #tdm-logo img{width:240px;margin-top: 22px;padding-right:32px;opacity:0.2;}
 .index .homebox-1 p,.index .homebox-1 p a{font-size:18px;color:#fff;letter-spacing: 0.3px}
.index .homebox-outer h2 a{display:inline-block;font-size:16px;color:#5e6576;letter-spacing: 0.4px ;width:214px;padding:8px 0px;}
.index .homebox-1 .btn{border:1px solid #fff;padding:8px 10px;margin:10px 0 0 0;border-radius:2px;opacity: .6;transition:all .3s;}
.index .homebox-1 .btn:hover{opacity:1;}
.index .homebox-outer h2 a:hover{opacity:0.7; }
.index .homebox-outer .textbox{display:block;margin-top:8px;vertical-align:bottom;}
.index .wrapperContent{display:block; width:100%;margin:0px auto;}
.index .horizontal-wrapper {_font-size:0;width:100%}
.index .homebox {display:inline-block;vertical-align:top;box-sizing:border-box;}
.index .homebox-outer{  background-color:#f3f3fb;text-align: center ;margin-top:100px;padding-bottom:62px; }
 .index .homebox-outer:before{content: "";width: calc(28% + 380px);;height:68px;background:#f3f3fb;position: absolute;left:-50px;margin-top:-66px;transform:skewx(47deg);}
.index .homebox-outer:after{content: "";width:calc(29% + 340px);;height:68px;background:#fff;margin-top:-6px; position:absolute;left:-30px; transform:skewx(47deg);}
.index .homebox-outer2{ text-align: center}
.index homebox-3 .textbox { display:inline-block; }
.index .homebox-2 h2,.index .homebox-3 h2{;margin-top:-14px}
.index .homebox-3  h2 a {text-decoration:none;font-size:18px;font-weight:bold ;color:#5e6576; }
.picture-holder{overflow:hidden;}
.index .picture-holder a{display:block;}
.index .homebox-2 .picture-holder a img{width:222px;height:auto;padding-top:2px;mix-blend-mode: multiply; }
.index .homebox-2 .picture-holder a:hover{  transition-duration: 0.7s;transform: scale(1.07);mix-blend-mode: multiply;}
.index .homebox-2 .box-1,.index .homebox-2 .box-2,.index .homebox-2 .box-3,.index .homebox-2 .box-4,.index .homebox-2 .box-5,.index .homebox-2 .box-6,.index .homebox-2 .box-7,.index .homebox-2 .box-8{
	 display:inline-block;width:240px;height:250px; margin:12px 2px 12px 2px;vertical-align:bottom;text-align: center;}
.index .homebox-2 {max-width:1000px;margin:0px auto;padding:2px 0px; border-top:22px solid #f3f3fb;border-bottom:22px solid #f3f3fb }
.index .homebox-3 {max-width:1000px;margin:0px auto;padding:48px 0px;}
.index .homebox-3 .box-1,.index .homebox-3 .box-2,.index .homebox-3 .box-3,.index .homebox-3 .box-4,.index .homebox-3 .box-5,.index .homebox-3 .box-6{
	 display:inline-block;width:300px;height:280px  ;vertical-align:bottom;text-align: center;margin:0px 12px;}
.index .homebox-3 .picture-holder a:hover{  transition-duration: 0.7s;transform: scale(1.05); }
.index .homebox-4{ display: block;width:100%;height:auto;text-align:center;margin:44px 0px 0px 0px;background: linear-gradient(to left, #429 , #4F3FB0);}
.homebox-4 .picture-holder {display: inline-block;width:180px;margin:0px auto;padding:0px 15px}
.index .homebox-4 a img{width:150px; mix-blend-mode: screen;}
.index .homebox-4 .picture-holder a img:hover{ opacity:0.7;transition-duration: 0.7s;transform: scale(1.03)}

/* </ ELEMENTI POCETNE STRANICE > */

/* < ELEMENTI STRANICA > */

/*******O NAMA******/
.catid_11 .oblast_sadrzaja{background:#f7f7f7;}
.catid_11 #coll_middle{display:inline-block;max-width:1000px; text-align: justify;
    text-justify: inter-word; padding:56px 4% 68px 12%;}
.catid_11 #coll_middle h1{color:#442299 ;margin-bottom:-8px; }
.catid_11 #coll_middle h1:after{content:url("../../cms_upload/pages/files/46_pozadina.svg");display: block; margin:-5px 0  0 -2px;padding-bottom:6px; }
.catid_11 #coll_middle h2{font-size:18px;}
.catid_11 #pageBody {padding:52px 72px 90px 42px;box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);background: #fff;border-bottom:44px solid #472f91;max-width:700px;text-align: left;list-style-position: inside}


.listaSajmova li{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap:10px;
	justify-content: space-evenly
}
.listaSajmova li p{
	width:40%;
}
.listaSajmova li img{
	 display: block; width:100%;
}
.listaSajmova li h3{
	width:100%;
	padding: 40px 0 20px 0;
	font-size:18px;
	font-weight: normal;
	
}


.znacke-kvalitet{display: flex;justify-content:center;align-items:center;}
.znacke-kvalitet span{width: 150px; display: block; margin-top: 30px}
.znacke-kvalitet .denetik{width:300px}
.znacke-kvalitet span img{width: 100%; display: block;}

#coll_right{box-sizing: border-box; padding:30px}



/*IZDVAJAMO IZ PONUDE*/

.catid_24 .pageTitle {text-align: center; margin: 30px 0; color: #582e70; font-size: 35px}

.nasaPreporuka { width: 1100px; margin:20px auto 60px;}
.nasaPreporuka p {font-size: 16px; margin-bottom: 10px; line-height:1.7em;}
.nasaPreporuka li {font-size: 16px; line-height: 1.7em;}
.nasaPreporuka ul{padding: 10px 40px;}
.nasaPreporuka .tekst{_min-height: 380px; padding:30px 10px 10px 10px}
.nasaPreporuka .slika_box {margin: 10px 0px 40px 0px; }
.nasaPreporuka .slika img {height: 330px; float: right; margin: 0px 0px 0px 30px;}
.nasaPreporuka .slika_box {display: flex;  align-items:  baseline; justify-content: space-around; }
.nasaPreporuka .slika_box img{width: 250px;}
.nasaPreporuka .slika_box .add{font-size: 80px; }
.nasaPreporuka .primeri_instalacije{display: flex; gap: 20px;}
.nasaPreporuka .primeri_instalacije li{list-style: none;}
.nasaPreporuka .primeri_instalacije img{display: block; height: 350px; width: auto;}
.nasaPreporuka .slika-row{display: flex; margin: auto; justify-content: flex-start;}
.nasaPreporuka .slika-row img{display: inline-block; height:320px; width: auto; padding: 10px}
.nasaPreporuka .slika-full img{display: block;width:100%}
.nasaPreporuka .tekst h3{
	color:var(--main);
	font-weight:normal;
	font-size:var(--fm);
	padding: 20px 0 7px 0
}

.nasaPreporuka .tekst.reduced_width{
	width: 75%
}
.nasaPreporuka .galerija_slika li{
	border:1px solid var(--main);
}
.nasaPreporuka .galerija_slika img{display: block; height: 280px; width: auto;}

.nasaPreporuka .galerija_slika.small_pictures img{
	height: 156px
}
.nasaPreporuka .img_info{
	padding: 20px 10px 5px;
	display: block;
}

.newRegent {display: flex; margin-top: 40px; justify-content: space-around; width: 80%; margin:}
.newRegent > div {width: 55%}
.newRegent div:nth-child(1) p{margin-top:20px; line-height: 1.4em}
.newRegent .slika {width: 30%}
.newRegent .slika img {width: 100%; display: block}
.newRegentKuhinja {margin-top: 50px; }
.newRegentKuhinja .slike{width: 80%; _margin: auto; display: flex; margin: 30px 50px;}
.newRegentKuhinja .slike img{width: 40%; display: inline-block; ;
	margin-right: 20px;
box-shadow: 1px 1px 20px -8px #582e70, 5px 5px 15px 5px rgba(0,0,0,0);}
.specifikacije {border: 1px solid; display: inline-block; padding: 10px; box-sizing: border-box; 
	background:#582e70; color: white; margin-top: 20px;}
.tekst ol {margin: 20px 30px; }
.tekst ol li {line-height: 1.5em; font-size: 16px}
.newRegentKupatilo {margin-top: 50px; }
.newRegentKupatilo .slike{width: 80%; _margin: auto; display: flex; margin: 30px 50px;}
.newRegentKupatilo .slike img{width: 40%; display: inline-block; ;
	margin-right: 20px;
box-shadow: 1px 1px 20px -8px #582e70, 5px 5px 15px 5px rgba(0,0,0,0);}
.katalozi li {margin: 20px 0 ; list-style-type: none; font-size: 16px;  }
.katalozi li a:hover {color: #582e70;}
.katalozi li a {text-decoration: underline; color: #995cbc }


.nasaPreporuka a:hover {color: #582e70;}
.nasaPreporuka a {text-decoration: underline; color: #995cbc }
.publicSensorTap {display: flex; margin-top: 40px; justify-content: space-around; width: 80%;}
.publicSensorTap > div {width: 55%}
.publicSensorTap div:nth-child(1) p{margin-top:20px; line-height: 1.4em}
.publicSensorTap .slika {width: 60%; margin-left: 40px}
.publicSensorTap .slika img {width: 100%; display: block}
.sensorTap {margin-top: 50px}
.sensorTap .slike {width: 80%; display: flex; margin: 30px 50px;}
.sensorTap .slike img {width: 40%; display: inline-block; ;
	margin-right: 20px;
box-shadow: 1px 1px 14px 0px #3332}
.sensorTap .tekst p {border: 1px solid; display: inline-block; padding: 10px; box-sizing: border-box; 
	background:#582e70; color: white; margin-top: 20px;}
.kontrolnaKutija h2 {margin: 50px 0;}
.kontrolnaKutija {margin-top: 50px}
.kontrolnaKutija .slike {width: 80%; _margin: auto; display: flex; margin: 30px 50px;}
.kontrolnaKutija .slike img {width: 40%; display: inline-block; margin-right: 20px;
	box-shadow: 1px 1px 20px -8px #582e70, 5px 5px 15px 5px rgba(0,0,0,0);}
.tabelaGrafika h2 {margin:50px 0;}
.tabelaGrafika .protokVode{text-align: center; width: 600px;}
.protokVode th{border:1px solid #a0a0a0; background: #ddc9e9; color: #333; padding: 5px; box-sizing: border-box;}
.protokVode td{border: 1px solid #ccc; padding: 3px; box-sizing: border-box;}
.tabelaGrafika {display: flex; margin-bottom: 50px}
.tabelaGrafika .slika {margin-left: 60px}


.koral {display: flex; margin: 40px 0; justify-content: space-around; width: 80%}
.koral >div {width:70%}
.koral img {width:100%; display: block;}
.koral .slika {width: 70%; margin-left: 15%}
.koral p {margin-top:20px; line-height: 1.4em}
.tekst ol {margin-bottom:40px;}
.tabelaGrafika {margin: 40px 0}


.kenjoWaterfall {display: flex; margin: 40px 0; justify-content: space-around; width: 80%}
.kenjoWaterfall >div {width:70%}
.kenjoWaterfall img {width:100%; display: block;}
.kenjoWaterfall .slika {width: 70%; margin-left: 15%}
.kenjoWaterfall p {line-height: 1.4em}


.jednorucnaBaterijaKenjo {display: flex; margin: 40px 0; justify-content: space-around;}
.jednorucnaBaterijaKenjo >div {width:70%;}
.jednorucnaBaterijaKenjo img {width:100%; display: block;}
.jednorucnaBaterijaKenjo .slika {width: 70%; margin-left: 15%}

.slavinaZaKuhinjuTau {margin-bottom: 30px}
.slavinaZaKuhinjuTau .slikeTau {display: flex; width: 80%; margin: 30px 30px }
.slavinaZaKuhinjuTau .slikeTau img {width: 100%}
.slavinaZaKuhinjuTau .slika2 {margin-left: 2%}
.tauSlavina .slike{width: 80%; _margin: auto; display: flex; margin: 30px 50px;}
.tauSlavina .slike img{width: 40%; display: inline-block; ;
	margin-right: 20px;
box-shadow: 1px 1px 20px -8px #582e70, 5px 5px 15px 5px rgba(0,0,0,0);}


.baterijaKlip {display: flex; margin: 40px 0; justify-content: space-around; width: 80%}
.baterijaKlip >div {width:70%}
.baterijaKlip img {width:100%; display: block;}
.baterijaKlip .slika {width: 70%; margin-left: 15%}
.baterijakupatiloKlip .slike{width: 80%; _margin: auto; display: flex; margin: 30px 50px;}
.baterijakupatiloKlip .slike img{width: 40%; display: inline-block; ;
	margin-right: 20px;
box-shadow: 1px 1px 20px -8px #582e70, 5px 5px 15px 5px rgba(0,0,0,0);}


.baterijaKelogic {display: flex; margin: 40px 0; justify-content: space-around; width: 80%}
.baterijaKelogic >div {width:70%}
.baterijaKelogic img {width:100%; display: block;}
.baterijaKelogic .slika {width: 70%; margin-left: 15%}
.baterijakupatiloKelogic .slike{width: 80%; _margin: auto; display: flex; margin: 30px 50px;}
.baterijakupatiloKelogic .slike img{width: 40%; display: inline-block; ;
	margin-right: 20px;
box-shadow: 1px 1px 20px -8px #582e70, 5px 5px 15px 5px rgba(0,0,0,0);}

.sensorKlinBlack {display: flex; margin: 40px 0; justify-content: space-around; width: 80%}
.sensorKlinBlack >div {width:70%}
.sensorKlinBlack img {width:100%; display: block;}
.sensorKlinBlack .slika {width: 70%; margin-left: 15%}



/*KONTAKTI*/
.kontakt #map-canvas {height:400px;}
.kontakt #coll_middle {font-size:initial; box-sizing:border-box; padding:30px}
.kontakt .page-pID{
	display: inline-block;
	width:44%;
	padding:15px;
	box-sizing: border-box;
	vertical-align: top;
	position: relative;
}

.kontakt .img {	width:380px; height: 260px;	overflow: hidden}
.kontakt .page-pID img{display: block; width:100%;height:100%;}
.kontakt .info h2{
	position: absolute;
	bottom:40px; left:0;
	background: rgba(255,255,255,.9);
	padding:2px 20px;
	font-size: 14px;
}

.kontakt .antrafile{display: none;}
.kontakt .page-pID:hover .antrafile{
	position:absolute;
	top:20px;right:20px;
	display: block;
	padding: 20px;
	box-sizing: border-box;
	background: rgba(255,255,255,.8);
	font-size:13px;
}

.kontakt .info h2{font-size:14px;}
.kontakt .box-kontakti:nth-child(2n){
	width:60%;
	padding: 50px 0 10px 0;
}
.kontakt .box-kontakti{
	width:38%;
	display:inline-block;
	vertical-align: top;
	padding: 50px 0;
	box-sizing: border-box;
}
.kontakt .box-kontakti img{
	display: block;
	width:100%;
}
/* O NAMA */
 
#coll_left {display:inline-block;vertical-align:top ;box-sizing:border-box;width:180px;margin-left:22px;box-shadow: 0 4px 23px 0 rgba(0,0,0,.09) }
.prijavi_btn{
	width: 150px;
	display:block;
	margin:20px auto;
	border: 1px solid black;
	text-align: center;
	padding: 8px;
	background-color: #6c59a7;
	color: #fff;
	
}
 

/*IZDVAJAMO IZ PONUDE*/

.catid_24 .pages{display: flex; flex-wrap: wrap;  _justify-content: space-evenly; margin: 40px auto; width: 80%; }
.catid_24 .page-pID{ display: block; border-left: 1px solid var(--main); width: 20%; margin-bottom: 40px; margin-right: 30px}
.catid_24 .page-pID:hover img{transform: scale(1.1); transition: all .3s}
.catid_24 .page-pID:hover h2 a{color: #555; transition: all .3s}
.catid_24 .page-pID .info{ background:linear-gradient(to top,#00f3 15%,#00f0 80%) ; display:flex; flex-grow:1; min-height:70px}
.catid_24 .page-pID .info h2{font-size:var(--fn); color:var(--main); line-height:1.3em;}
.catid_24 .page-pID .info a{padding:10px 10px 10px 20px; box-sizing:border-box; font-size:16px; color: inherit}
.catid_24 .page-pID .img{border-bottom: 1px solid #fff; overflow: hidden; width: 100%}
.catid_24 .page-pID a, .catid_24 .page-pID img{display: block; width:100%} 
.catid_24 .page-pID h2{font-weight: normal}
.catid_24 .page-pID img{
	width:224px;height:220px;
}

/* FORME */
#tehnicke_konsultacije fieldset {
	vertical-align: top;
	margin:20px 10px;
	padding:20px;
	border:1px solid #ccc;
	border-radius:6px;
	text-align: center;
	background:#eeeeee;
	font-size:14px;
}
#tehnicke_konsultacije fieldset .formDiv {
	min-height: auto;
}
#tehnicke_konsultacije fieldset div{
	border-radius:6px;
	box-shadow: inset 2px 2px 4px rgba(0,0,0,.2);
	padding:16px;
	box-sizing: border-box;
	text-align: left;
	width:40%;
	min-height:210px;
	background:lightyellow;
	margin:0 auto 10px auto;
	display:inline-block;vertical-align: top;
}
#tehnicke_konsultacije fieldset input{
	text-align: center;
	padding:5px;
	margin:0 10px 0 0;
	border:1px solid #ccc;
	border-radius:6px;
}
#tehnicke_konsultacije fieldset label{
	font-size:.9em;
	padding:10px;
	color:#888;
}
#tehnicke_konsultacije fieldset legend{
	text-align: center;
	padding:5px 20px;
	border:1px solid #ccc;
	border-radius:6px;
	font-size:.9em;
	background:#efefee;
}
#tehnicke_konsultacije input[type=submit]{
	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;
}
#tehnicke_konsultacije input#submit {
	display:block!important;
}
#tehnicke_konsultacije fieldset div.opisForme {
	width:80%!important;;
}
#tehnicke_konsultacije fieldset div.opisForme label {display:block;}
#tehnicke_konsultacije fieldset .formDiv div {
	background: #eeeeee;
	width:100%;
}

.formaPrijava {margin:60px 0px 0 0;display:block;padding:16px 0;background:#006cb7;text-align:center;color:#eee;}

/****PROIZVODJACI*****/
.catid_16 .oblast_strane{background-color: #F7F7F7;}
.catid_16 #coll_middle{display:block;max-width:1000px; margin:0 auto 90px auto;}
.catid_16 .proizvodjaci{display: flex;flex-wrap: wrap;justify-content: center;  max-width:1000px;background:#fff;box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1); padding:42px 22px 92px 0;border-bottom:44px solid #472f91;}
.catid_16 .box-1, .catid_16 .box-2, .catid_16 .box-3, .catid_16 .box-4, .catid_16 .box-5, .catid_16 .box-6, .catid_16 .box-7, .catid_16 .box-8, .catid_16 .box-9, .catid_16 .box-10, .catid_16 .box-11, .catid_16 .box-12{
	width:288px;padding:8px  2px 18px 2px;
}

.catid_16 #coll_middle h1 {display:inline-block;color:#429;text-align: left; margin:44px 0 0px 0}
.catid_16 #coll_middle h1:after{content:url("../../cms_upload/pages/files/46_pozadina.svg");display: block; margin:0px 0  0 -2px; }
.catid_16 #coll_middle h3{padding-bottom:4px;margin-bottom:18px;}
.catid_16 #coll_middle ul{border-left:1px solid #ccc;}
.catid_16 .proizvodjaci li{list-style: none;padding: 0 0 4px 8px;}
.catid_16 #coll_middle li a{color: #757575}
.catid_16 #coll_middle a:hover{color:#757575;font-weight:bold;}

/* NOVOSTI */

.novosti .pages {padding:20px 0}
.novosti .pages .page-pID {
	margin:0px 0 0 0;
	border-bottom:1px solid #ccc;
	padding:20px 0 100px 0;
	box-sizing:border-box;
	font-size:0;}
.novosti .page-pID .img, .novosti .page-pID .info {display:inline-block;vertical-align: top;}
.novosti .page-pID .img {width:300px;}
.novosti .page-pID .info {
	width:500px;font-size:16px;
	padding:0 10px;
	box-sizing:border-box;
	position:relative;
}

.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 .info h2{
 line-height:120%;
}
.novosti .page-pID .info h2 a{
	display:block;
	padding:0;
	font-weight:normal;
	font-size:30px
}
.novosti .page-pID .info .publish_date {
	position:absolute;
	top:190px;right:0;
	color:#ccc;

}
.novosti .page-pID .info .antrafile {
	font-size:16px;
	margin-top:20px;
}
.novosti.catid_26 #coll_middle h1{
	font-weight: normal;
	width:80%;
	line-height:100%;
	padding: 30px 0 40px 0;
}
.novosti.catid_26 #coll_middle h4{
	font-weight: normal;
	font-size:22px
}
.novosti.catid_26 #coll_middle p{
	color:#779;
	width:80%;
}
.novosti.catid_26 #coll_middle ul{
	margin:2em;
	padding: 0 0 30px 0;
}
.novosti.catid_26 .pageBody blockquote{position:relative;}
.novosti.catid_26 #coll_middle .pageBody blockquote p:nth-child(1){
	font-size:24px;
	color:#006cb7;
	padding:8px 0 0 0px;
	border-bottom: 2px solid #bad7eb;
}
.novosti.catid_26 #coll_middle .pageBody blockquote p:nth-child(3), .novosti.catid_26 #coll_middle .pageBody blockquote p:nth-child(4){
	position:absolute;
	top:80px;
	text-align:center;
	height:88px;
	width:220px;
	color:#eee;
	padding:20px 30px;
	box-sizing:border-box;
	font-weight: bold;
}
.novosti.catid_26 #coll_middle .pageBody blockquote p:nth-child(3){
	right:153px;

	background:#006cb7;
}

.novosti.catid_26 #coll_middle .pageBody blockquote p:nth-child(4){
	right:100px;top:137px;
	background:#87b5d7;
}


.novosti.catid_26 p a {
	background:#87b5d7;
	color:#eee;
	padding:6px 20px;
	text-align:center;
}
.novosti.catid_26 p {padding:8px 0 0 0}
.novosti.catid_26 #coll_middle ul {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin:4px 0 0 0;
	padding:10px 20px;
}
.novosti.catid_26 #coll_middle ul li{
	color:#779;
	list-style:none;
	font-size:14px;
}
.novosti.catid_26 #coll_middle ul li:before {
	content: "";
	width: 7px;
	height: 10px;
	display: inline-block;
	background: #469;
	border-left: 3px solid #579;
	border-right: 3px solid #579;
	margin-right: 6px;
}
.novosti.catid_26 #coll_middle table{
	border-collapse:collapse;
	border:1px solid #aaa;
	margin: 20px 0;
	width:60%
}
.novosti.catid_26 #coll_middle table td{
	padding:10px
}
/* </ ELEMENTI STRANICA > */


/* < ELEMENTI KATALOGA > */

.flyOutMenu{
  width:auto;
  position: absolute;
  right:0px; top:0;
	background-color:#469;
	z-index: 10;
	transition: all 1s;
}
.flyOutMenu a {display:block;cursor: pointer;
	_padding:10px 80px 10px 20px;
}
.flyOutMenu span {
	display: block;	
	color: #eee;font-size:12px;
  font-family:arial;
	text-align: center;
	line-height:16px;
	padding:3px 36px;
	
}
.flyOutMenu:hover{background: #147;}
.katalog .oblast_strane{background:#f6f6f6; } 
.katalog_prikaz{
	margin-top: 30px;
	width:100%;min-height:460px;
  text-align:center;
}
.catalogID_1 .katalog_prikaz{min-height:640px;}
.katalog_prikaz .naslov_kategorije {display:block;text-align:center;max-width:1000px;margin:0 auto;padding-bottom:12px;}
.katalog_prikaz .kratak_opis_kategorije{display:block;text-align:left;max-width:60%;margin:0 auto;padding-bottom:42px; line-height:1.8em;}
.catalogID_36 .kratak_opis_kategorije{text-align: center; margin-top: 10px; font-size: 16px}
.katalog_prikaz .proizvodi{  display: flex;flex-wrap: wrap;justify-content:start;max-width:1000px;margin:0 auto;}
.catalogID_71 .katalog_prikaz .proizvodi{   justify-content:center;}
.katalog_prikaz .kategorije{max-width:1000px;margin:0 auto;padding:14px 0;}
.katalog_prikaz .opis_kategorije{
 _width:260px;
	width: 50%;
	_float:right;
	margin: auto;
	_margin-right:100px;
	
}
.katalog_prikaz .kategorije{
	padding-bottom:400px;
}
.katalog_prikaz .opis_kategorije .teaser{
	border:1px solid #ccc;
	padding: 10px;
	display: flex; justify-content: space-around; width: 100%;position: absolute;

width:600px; top:460px
}

.teaser a{ display: block; width:100%; margin-bottom:30px; width: 30%; display: block;}
.teaser a span{padding:10px 10px; display: block; font-size:18px; }
.teaser a img{display: block;width:100%}
.catalogueItemText h3{color:#6c59a7;padding-bottom:4px;border-bottom:1px solid #e1e1e1; margin-bottom:10px;text-align:center;}
.catalogueItemText {text-align: start;}
 .proizvodi li{
	position: relative;
	width:220px;
	height:330px;
	list-style: none;
	background: #fff;
  border:1px solid #e9e9e9;
	margin:20px 10px;
	padding:10px;
	box-sizing: border-box;
}
.proizvodi li:hover{box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10); }
.katalog_navigacija{
	display: none;
	background:#579;
	width:360px;
	float: left;
	padding: 0 0 0 50px;
	box-sizing: border-box;
	position: fixed;
	top:150px;
	right:-310px;
	transition: .5s all;	
}

.katalog_navigacija:before{
	content:"KATALOG";
	position: absolute;
	top:200px;left:-20px;
	transform: rotate(90deg);
	color:#eee;
	font-size: 20px;
	border-top:1px solid #ccc;
	cursor: pointer;
}
.katalog_navigacija:hover{right: 0;}
.catalogueThumbLink{
	display: block;
	height:200px;
	overflow: hidden;
}
.catalogueItemText p{box-sizing: border-box;
	position: absolute;top:0;left:0;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background:#6c59a7;
	padding:2px 20px 2px 22px;
  border-right:none;
	margin-top:-20px;
	width:auto;
	height:20px;
	 
	
}

.catalogueItemText p:after{content: "";width:40px;height:20px;background:#6c59a7;position: absolute;top:0;right:-7px;transform: skewX(47deg);margin-right:-22px; }
/* Track Nav i PopUp */
.katalog .CatTrackNav { margin:32px 0px 0px 98px;border-bottom:1px solid #d9d9d9;width:80%;}
.CatTrackNav ul li{list-style-type: none;}
.CatTrackNav ul > li{
	display:inline-block;
	position: relative;
	box-sizing:border-box;
}
.CatTrackNav li a{
	padding:7px 10px;
	display: block;
	color:#6c59a7;
	font-size: 16px;
	text-transform: uppercase;
	font-weight:bold;
	letter-spacing: 0.6px
}
.CatTrackNav ul > li > a{
	text-decoration: none;
	box-sizing:border-box;
}
.CatTrackNav ul > li > ul{
	display:none;
	position: absolute;
	top: 31px;left:-8px;
	background:linear-gradient(to top, #472F91 , #6c59a7);
	width: 300px;
	z-index: 200;
	box-sizing:border-box;
	box-shadow:0 4px 12px 0 rgba(0,0,0,.2);
 }
.CatTrackNav ul > li > ul li{
	display:block;
	
}
.CatTrackNav ul > li > ul li a{	display:block;	padding: 10px 6px 10px 20px;}
.CatTrackNav ul > li > ul li:last-child{border: none}
.CatTrackNav ul > li > ul li a:hover{background:#1c0f44}
.TrackNavPopUp li a{color:#fff;font-size:14px;}

/* PRETRAZIVAC */
.pretrazivac .grupaPolja_1 LABEL{display:block;margin-left:10px;}
.dugmici{padding:4px;	}

/* STRELICE ZA SLEDECI I PRETHODNI PROD */
.nextProd, .prevProd{
	position:absolute;
	bottom:-55px;
	display:block;
	border:0px;
	width:100px;
	height:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#999;
	padding-top:8px;
}
.prevProd{
	left:-10px;
	padding-left:24px;
	background:url(images/item_prev.gif) no-repeat 0% 50%;
}
.nextProd{
	right:0px;
	padding-right:24px;
	text-align:right;
	background:url(images/item_next.gif) no-repeat 100% 50%;
}
.cat_item {
	display: inline-block; 
	width:214px; min-height: 200px;
	list-style:none;	
	background:black;
	margin:4px;
	vertical-align: top;
	position: relative;
	border:1px solid #e7e7e7;

}

.cat_item img{
	width: 100%;
	height: 100%;
	display: block;
}
 
 
.oblast_kataloga .kategorije .catName{display:inline-block;font-size:13px;font-weight:bold;margin-left:-1px;color:#fff;background:linear-gradient(to top, #472F91 , #6c59a7);width:216px;padding:8px 0px;text-align:center;}
.oblast_kataloga .kategorije .catName:hover{background:#2f1c70 }
.cat_item > a span{color:inherit;	font-size: inherit;}

.visible{display: none;}
 .cat_item .catImage{
	display:block; 
	width:214px;height:auto;
	padding: 0!important;
  margin:0 auto!important;
}
.cat_item .catImage img{
	display: block;
	width:100%;
	height:auto;
}
.cat_item .catImage img:hover{opacity:0.5;transition: opacity .7s;}

.oblast_kataloga .kategorije .subcatsInCat li{
	display: block;
	width:80%;
}
.oblast_kataloga .kategorije .subcatsInCat li a{
	display: block;
	padding:4px 6px;
	color: #888;
	margin:0 0 0 20px;
	border-left:1px solid #888;
	letter-spacing:.4px;
}
.proizvod{display: block;max-width:820px;margin:0 auto 64px auto;border: 1px solid #e1e1e1;background-color:#fff;padding:12px;}
.prodTableLeft{
  display: inline-block;
	width:380px;
	vertical-align: top;
	margin: 2px 0 0 0;
	min-height: 222px;
}
.prodTableLeft a{display: block;background:#fff;}
.prodTableLeft a img{display: block;width:100%;margin:12px 0; }
.prodTable .proizvodjac{
	width:120px;height:auto;
	color:#fff;
	background: #6c59a7;
	padding: 2px 14px 2px 2px;
	margin-left:-12px;
	margin-top:-34px;
 }
.prodTable .proizvodjac:after{content: "";width:50px;height:21px; background:#6c59a7;position:absolute;transform: skewX(47deg);margin-top:-2px;margin-left: 22px; }
.proizvodjac img{display: block;width:100%;height:auto;}
.proizvodjac #producerCountryFlag{
	width:60px;
	transform: rotate(-20deg);
	position: absolute;
	top:20px;right:-30px;
	opacity:.8;
	z-index: 1000;
}
.prodTableRight{text-align: left;}
.prodTableRight h1, .prodTableRight h2{color: #6c59a7;}
.proizvodjac #producerCountryName{display: none}
.prodInfo {
	display: inline-block;
	max-width:400px;
	border-left:2px solid #e1e1e1;
	padding:12px 16px;
	box-sizing: border-box;
}
.prodTableRight h2{padding-bottom:14px;border-bottom:2px solid #e1e1e1; margin-bottom:12px}
.prodDescription ul{margin:10px 0 0 28px;}
.articleTable{position:relative!important;width:90%;margin:0 auto 30px auto; background:none; border-collapse: collapse; border-bottom:1px solid  #e1e1e1;margin-top:12px;}
.articleTable tr:hover td {background:#def}
.articleTable th{font-size:12px;font-weight: normal; background: #6c59a7; color:#eee}
.articleTable td{font-size:12px;font-weight: normal}
.articleTable td, .articleTable th{ min-width:20px;padding:6px; text-align:left; }
.articleTable .kolonaCena {width:100px; text-align: right}
.articleTable .item_qty{border:1px solid #ace; display: block;text-align: center; padding: 4px; width:50px; background:#f3f9ff}
.articleTable .item_qty:focus{background:#ffffee}
.articleTable .json_prop_val {
	width:0!important;position: relative;
	padding:0;margin:0;
}
.articleTable tr{position: relative;}
.articleTable tr.rabat-6 {background:#eee}
.articleTable tr.rabat-6 td {color:#666}
.articleTable .json_prop_val ul {	
	height:100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	
}
.articleTable .json_prop_val li {	text-align: center;	list-style:none;}
.articleTable .json_prop_val ul .EKO{width:36px;}
.articleTable .json_prop_val ul .PREPORUCENO{width:30px;}
.articleTable .json_prop_val ul .NOVO{width:35px;}
.articleTable .json_prop_val img{display: block;width:100%;}
.cat_item img:before{display: none;}
.articleTable .coll_pricepdv{text-align: right}
.articleTable .coll_rabat,.articleTable .coll_add{text-align: center}
.articleTable .kolonaRabat {}
.articleTable .poruciArtikal .icons{
	font-size:20px;
	cursor:pointer;
}


.dokumentacija{padding: 10px ;}
.dokumentacija ul{padding:1em 50px}
.dokumentacija ul li a{text-decoration: underline;}
.docVrsta1, .docVrsta2, .docVrsta3 {
	margin: 10px 30px 0 0px;
	display:inline-block;
	position:relative;
}
.dokumentacija .docVrsta2 a, .dokumentacija .docVrsta1 a, .dokumentacija .docVrsta3 a{
	display: block;
	padding:20px 40px 20px 60px;
	border-radius: 4px; 
	text-decoration: none;
	background: linear-gradient(to top, #472F91 , #6c59a7);
	color:#eee;
	font-weight:bold;
	letter-spacing: 0.6px;
	font-size:16px;
	box-shadow: 0 1px 6px rgba(0,0,0,.42);
}
.dokumentacija .docVrsta2 a:hover, .dokumentacija .docVrsta1 a:hover, .docVrsta3 a:hover{background:linear-gradient(to top, #2e1c6f ,  #472F91); }
.docVrsta1:before,.docVrsta2:before{
	content:"\f1c1";
	position: absolute;
	top:5px;left:14px;
	font-family:icons;
	font-size:40px;
	color:#eee;
	pointer-events: none;
	
	
	
}

.duziOpis{padding:10px 40px;}
.tehnickaTabela{
	margin-top:30px;
	text-align: left;
	border:1px solid #ccc;
	border-collapse: collapse;
}
.tehnickaTabela th{background:#cdf}
.tehnickaTabela th, .tehnickaTabela td{
	border: 1px solid #ddd;
	padding: 12px 6px;
	box-sizing: border-box;
}
.prodMoreDescription{padding: 20px;text-align:left;}
.prodMoreDescription ul{margin: 1em 2em;}
.prodMoreDescription p{padding: 10px 0;}
.prodMoreDescription p a img{display: block;width:100%;}
.prodMoreDescription h4{padding:30px 0 0 0;}
.prodMoreDescription table{
	width:auto;
	margin:30px auto;
	 
}
.prodMoreDescription table tr{
	border:1px solid #888;
	background:#fcfcfe;
}

.prodMoreDescription table tr td{
	padding:10px
}





.symb{
	display: block;
	border: none;
	width:20px;height:20px;
	padding:1px;
	border-radius:50%;
	font-size:14px;
  font-weight:bold;
	text-align: center;
	line-height: 1.1rem;
	color:#dde;
	background: #479;
	margin:auto;
}

.relatedProdsCnt h4, .prodDocsList h3{
	margin:20px 14px;
	font-weight:normal;
	font-size:21px;
	color:#45a;
	border-bottom:1px solid #eee;
}



/* NARUCIVANJE ARTIKLA - CASE 1 */
.orderBox{
  display:none;
  position:fixed;
  top:48px;left:0;right:0;bottom:50px;
  z-index: 1000;
  width:500px;
  margin:0 auto;
  background:#fff;
  border:6px solid #999;
  box-shadow: 14px 14px 10px #888;
  overflow-y:auto;
  padding:20px;
  box-sizing: border-box;
}

.back_up {
  display:block;
  padding:5px 10px;
  text-align:center;
  background:#ddd;
  color:#666;
  position:absolute;
  top:0;right:0;
  cursor: pointer;
  font-size:10px
}

.artOrder_table {border-collapse: collapse;
  margin:10px 0;
  border:1px solid #ccc;
	width:100%;

}
.artOrder_table td{
  width:1%;
  border:1px solid #ddd;
  padding:8px 6px;
  box-sizing:border-box;
	color:inherit;
}
.artOrder_table td span{
	display: block;
	color:inherit;
}
.artOrder_table p{
  text-align: right;

}
.artOrder_tableHead td{}
.artOrder_table td ul{margin:10px}
.artOrder_table td li{
  font-size:12px;
  list-style: square;
  list-style-position: inside;

}

.artOrder_table td .skice{
  width:80%;
  margin: 20px auto 10px auto;
}
.modelPolje{
  background: #0757A5;
  color:#fff;
  font-weight: bold;
}

.cenaNarudzbenica{
  font-family: ubuntuB;
  font-size:36px;
  text-align: right;
  color:#222;
}

.pdvNarudzbenica{
  font-size:11px;
  text-align: right;
}

.artOrder_table td .modelOfProduct{
  font-size: 26px;
  padding:40px 20px;
  text-align: center;
	color:#eee

}

.kolicina{
  border:1px solid #ccc;
  background:#cde;
  padding: 4px;
  text-align: center;
  outline:2px solid #ccc;
	width:200px;
  
}


.orderMe > div{display:block;vertical-align: top;
width:180px;
}
.orderMe .back_down {
  position: absolute;
  top:0;left:0;
  display:block;
  padding:3px 3px 2px 3px;
  text-align:center;
  background:#ddd;
  color:#666;
  width:20px;height:20px;
  cursor: pointer;
}

.orderMe .poruciButton {
  border: 1px solid #ccc;
  padding: 8px 36px;
  font-size: 16px;
  border-radius: 4px;
  background: green;
  text-align: center;
  cursor:pointer;
  margin:20px auto 0 auto;
}
.orderMe .poruciButton span {color: #eee; font-weight:bold}

.artOrder_table.tableLayout-11{
	background:#557799;

}

.artOrder_table.tableLayout-11 td{
	width:100px;
}
.artOrder_table.tableLayout-11 span{
		color:#eee;
	font-weight:bold;
}

.ta-znak{
	text-align: center;
	font-size:30px;
	width:80px;
}
.tableLayout-12{
	
}
.tableLayout-12 td{
	width:50%;
	
}

.tableLayout-13{
	table-layout: fixed;
	font-size:11px;
}
.tableLayout-13 #td-kolicina{
	text-align: center;
}
#td-kolicina span{
	padding:0 0 8px 0;
}

.tableLayout-14{
	table-layout: fixed;
	font-size:11px
}
.tableLayout-14 .tr-ukupnopdv td{
	font-weight:bold;
	text-align: right;
	font-size:18px
	
}

.artOrder_table td.ta-nazivArtikla{
  text-align: center;
	width:60%;
	font-size:18px
}


.artOrder_table .ta-sifraArtikla{
	font-size:20px
}


/* --------- JSSOR SLIDESHOW --------- */
/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l                  (normal)
.jssora05r                  (normal)
.jssora05l:hover            (normal mouseover)
.jssora05r:hover            (normal mouseover)
.jssora05l.jssora05ldn      (mousedown)
.jssora05r.jssora05rdn      (mousedown)
*/
#slider1_container{	position: relative;top: 0; left: 0; background: #ffffff;}
#slider1_container .jssorslides{left: 40px;}
.jssora05l, .jssora05r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 40px;
	height: 40px;
	cursor: pointer;
	background: url('../js/jssor/img/a02.png') no-repeat;
	overflow: hidden;
}
.jssora05l {
	background-position: -10px -40px;
	left:8px;width:40px;height:40px;
}
.jssora05r {
	background-position: -70px -40px;
	right:8px;width:40px;height:40px;
}
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }

/* jssor slider thumbnail navigator skin 01 css */
/*
.jssort01 .p            (normal)
.jssort01 .p:hover      (normal mouseover)
.jssort01 .p.pav        (active)
.jssort01 .p.pdn        (mousedown)
*/
.jssort01{
	bottom:0;
	position:absolute;left:0;
	height:80px;
}
.jssort01 .p {
	position: absolute;
	top: 0;
	left: 0;
	width: 72px;
	height: 72px;
}
.jssort01 .t {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
.jssort01 .w {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.jssort01 .c {
	position: absolute;
	top: 0;
	left: 0;
	width: 68px;
	height: 68px;
	border: #6C59A7 2px solid;
	box-sizing: content-box;
	background: url('../js/jssor/img/t01.png') -800px -800px no-repeat;
	_background: none;
}
.jssort01 .pav .c {
	top: 2px;
	left: 2px;
	width: 68px;
	height: 68px;
	border: #000 0 solid;
	background-position: 50% 50%;
}
.jssort01 .p:hover .c {
	top: 0;
	left: 0;
	width: 70px;
	height: 70px;
	border: #fff 1px solid;
	background-position: 50% 50%;
}
.jssort01 .p.pdn .c {
	background-position: 50% 50%;
	width: 68px;
	height: 68px;
	border: #000 2px solid;
}
* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
	/* ie quirks mode adjust */
	width /**/: 72px;
	height /**/: 72px;
}





/* WISHLIST CATALOGUE TOOLBAR */

.wishListBar {
  position:fixed;bottom:-110px;left:0;right:0;background:#444;
    -webkit-transition: bottom 2s;
  transition: bottom 2s;
}
.wishListBar.active {
  bottom:0px;
  -webkit-transition: bottom 2s;
  transition: bottom 2s;
}
.toolbarInner {font-size:0;}
.toolbarInner .icons, .toolbarUl {display:inline-block;vertical-align: middle;}

.promo-pics-container {
  width:100%;
  height: 110px;
  overflow: hidden;
}
.promo-pics-container .promo-pics-container-inside.w4 {
  height: 110px;
  display: block;
  margin: 0;
  padding: 0;
  font-size:0;
}

.toolbarInner .icons {
  width:50px;
  text-align:center;
  font-size:24px;color:#ccc;
  padding:30px 0;
}
.wishListBar a {display:block;width:100%;height:100%;box-sizing:border-box;font-size:14px}
.wishListBar .hederBoksa {text-align:center;color:#eee;font-weight:bold;padding:5px 0;border-bottom:1px dashed #ccc;box-sizing:border-box;font-size:18px}
.wishListBar .hederStrelica {position:absolute;top:0;right:2%;width:34px;height:30px;text-align: center;cursor:pointer;transition: 1s ease-in-out;}
.wishListBar .hederStrelica .icons {font-size:26px;color:#ccc;font-family: icons;width:100%;padding:1px 0 0 0;}

.wishlistBox .textPraznogBoxa {
  height:100%;
  text-align: center;
  color: #eee;
  font-weight: bold;
  padding: 5px 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.wishListBar .hederStrelica.active {
  transform: rotate(180deg);
  transition: 1s ease-in-out;
}
.tollBarLi {
  display:inline-block;
  vertical-align: top;
  width:214px;
  background:beige;
  margin:0 5px 10px 5px;
}
.leftTollBarBox, .rightTollBarBox {display:inline-block;vertical-align: top;}
.leftTollBarBox{width:50%;position:relative;}
.rightTollBarBox {width:50%;position:relative;}


.toolBarProdName {display:none;}

.leftTollBarBox .toolBarImg {background:red;overflow: hidden;height:110px;display:block;}
.leftTollBarBox .toolBarImg img{display:block;width:100%;height:auto;}
.leftTollBarBox .toolBarQty {
  position:absolute;bottom:0;right:0;
  background: #0077BE;
  color: #fff;
  padding: 2px 6px;
	font-size:14px;
}

.rightTollBarBox .toolBarArtModel {background: #0077BE;padding: 4px 8px;display:inline-block;color:#fff}
.rightTollBarBox .removeItem {position:absolute;top:0;right:0;z-index:100;cursor:pointer;}
.rightTollBarBox .removeItem p{padding:4px 0 0 0;}
.rightTollBarBox .removeItem:hover p {color:#444}
.rightTollBarBox .toolBarArtCnt{display:block;padding:15px 8px}
.rightTollBarBox .toolBarBill{}
.rightTollBarBox .toolBarBill span {padding:0 8px 5px 8px;display:inline-block;}

#wishlist_buttons{
	border:1px solid #34a;
	border-top:10px solid #34a;
	margin-top:20px
}

#wishlist_buttons a{
	width:60px;height:60px;
	vertical-align: top;
	padding:10px;
	border:none;
	margin:10px;
	display: inline-block;
	background: #459;
	color:#e3e3e3;

}


/*DOWNLOAD*/
.catid_15 .oblast_strane{background-color: #fff;}
.catid_15 #coll_middle{display:block; max-width:1050px;margin:50px auto;}
 .download.catid_15 .pages li img{
	display:block;
	width:100%
}
.download .catTitle{display:block;
	font-size: 32px;
	font-weight:bold;
	color:#472f91;
}
 
.catid_15 .katalozi{display: inline-block;;width:400px;margin-bottom:42px;vertical-align:top; padding: 0 12px 12px 22px;border-left:2px solid #e9e8ef;}
.catid_15 .katalozi h1{color:#6c59a7;margin-bottom:px;}
.catid_15 .katalozi h2{font-size:18px;padding :28px 0 12px 8px;}
.catid_15 .katalozi h1:after{content:"\f1c1";font-family:icons;font-size:94px;font-weight:normal;color:#6c59a7;pointer-events: none;margin-right:2px ;margin-top:2px;float:right;opacity: 0.1}
.catid_15 .katalozi p {padding:0 0 4px 16px;letter-spacing: 0.2px;}
.catid_15 .katalozi p a{color:#429;font-weight:bold;opacity:0.7;}
.download .catTitle:after{content:url("../../cms_upload/pages/files/46_pozadina.svg");display: block; margin:-5px 0  0 -2px;  }
.catid_15 .katalozi p a:hover{opacity:1;}
 
 
 /* KONTAKTI */
.catid_13 .oblast_sadrzaja{background-color:#f6f6f6;padding-bottom:66px;}
 .catid_13 #coll_middle  {display:block;margin:50px auto; max-width:1050px;}
 .catid_13 h1{ display:inline-block;color:#429; }
 .catid_13 h1:after{content:url("../../cms_upload/pages/files/46_pozadina.svg");display: block; margin:-5px 0  0 -2px;  }
 .catid_13 h2 {visibility: hidden;}
.catid_13 #coll_middle h3{padding-bottom:4px;font-size: 20px; border-bottom:1px solid #505050; margin:0 34px 12px 0;}
 .catid_13 p {  padding :4px 0px 0px 0px; line-height:1.8em}
 .catid_13  #coll_middle ul {display:inline-block;margin-bottom: 22px;padding: 12px 50px 10px 0px;  }
 .catid_13 .oblast_sadrzaja li{  padding:10px 0px 8px 0px;list-style-type: none; }
 .catid_13 b  {display: inline-block; padding-bottom: 12px;}
.catid_13 .info-outer {max-width:900px;display: flex;flex-wrap:wrap;justify-content:center;min-height:600px;background-color:#fff;padding:22px 0;box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);border-bottom:44px solid #472f91;}
.catid_13 .info-outer a{color:#429;font-weight:bold;opacity:0.7;}
.catid_13 .info-outer a:hover{opacity:1;}
.catid_13 .info-box1, .catid_13 .info-box2, catid_13 .mapa-tdm { width:420px;}
.mapa-tdm iframe{display: inline-block;margin-top:24px;}
/*REFERENCE */
.catid_12 .oblast_strane {background-color:#f7f7f7;}
.catid_12 #coll_middle  {display:block;padding: 50px 20px 70px 20px;max-width: 1000px;min-height:450px;margin:0 auto;_text-align:justify;_text-justify: inter-word;}
.catid_12 #coll_middle h1{ display:inline-block;color:#429;margin-bottom:-10px; }
.catid_12 #coll_middle h1:after{content:url("../../cms_upload/pages/files/46_pozadina.svg");display: block; margin:0px 0  0 -2px;padding-bottom:6px; }
.catid_12 #coll_middle p{font-size: 16px; padding: 5px 0; box-sizing: border-box;}
.catid_12 .reference_pages{display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; margin: 30px auto 10px;}
.catid_12 .reference_pages li{width: 30%; list-style: none; margin-top: 20px; margin-bottom: 20px; border: 1px solid #ccc;}
.catid_12 .reference_pages li h2{font-size: 16px; text-align: center;
	padding:20px 5px; box-sizing: border-box; border-top: 1px solid #ccc; 
	background:  #e6e6e6; border-radius: 0px 0px 25px 25px}
.catid_12 .reference_pages li h2 a{color: #429;}
.catid_12 .reference_pages img{width: 100%; display: block; border-radius: 25px 25px 0px 0px }
.catid_12 .reference_pages .page-cID {border-radius: 25px;border: 2px solid  #b3b3b3}

/*
.catid_12 #coll_middle h2{ display:inline-block;padding:2px;color:#429;}
.catid_12 #coll_middle ul.pages{margin-top: 42px;}
.catid_12 #coll_middle li{list-style-type: none;line-height: 1.6;letter-spacing: .4px}
.catid_12 #coll_middle a{color:#429}
.catid_12 #coll_middle a:hover { color: #444;text-decoration: underline;}
*/
.catid_11 .tabelaPartneri{display:flex;flex-direction: row;flex-wrap: wrap;background:#fff;box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);max-width:1100px;padding: 15px;}
.catid_11 .tabelaPartneri > div{flex-basis: 30%; padding: 10px 0; border: 1px solid  #ddd; padding: 10px}
.catid_11 .tabelaPartneri > div p{padding: 10px 0;}

.catid_18 #coll_middle #pageTitle,
.catid_19 #coll_middle #pageTitle,
.catid_20 #coll_middle #pageTitle,
.catid_21 #coll_middle #pageTitle,
.catid_22 #coll_middle #pageTitle,
.catid_23 #coll_middle #pageTitle{position: relative;max-width: 600px; margin:40px auto 0; display: block;padding: 0px 150px 0px 4px; }

.catid_18 #coll_middle #pageTitle:after,
.catid_19 #coll_middle #pageTitle:after,
.catid_20 #coll_middle #pageTitle:after,
.catid_21 #coll_middle #pageTitle:after,
.catid_22 #coll_middle #pageTitle:after,
.catid_23 #coll_middle #pageTitle:after{content: url("../../cms_upload/pages/files/46_pozadina.svg"); position: absolute;  top: 25px; left: 0px 
}

.catid_20 #coll_middle #pageTitle{padding: 0px 150px 0px 100px; }
.catid_20 #coll_middle #pageTitle:after{left:100px}


.catid_20 .industrijski-objekti .industrijski{width: 600px; margin:40px auto 0}
.catid_19 .poslovni{display:flex;flex-direction: row;background:#fff;box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);max-width:1100px;}
.catid_19 .poslovni-objekti, .catid_20 .industrijski:first-of-type{padding:42px  0px 142px 52px;width:600px;border-bottom:44px solid #472f91;}
.catid_19 .poslovni-objekti, .catid_20 .industrijski:last-of-type{padding:42px  52px 142px 0px;width:600px;_border-bottom:44px solid #472f91;}
.catid_20 .industrijski:last-of-type li{list-style: inside; list-style-type:  disclosure-closed; padding-left: 52px}
.catid_18 .stambeni, .catid_21 .sportski, .catid_22 .zdravstveni, .catid_23 .instalacije, .catid_20 .industrijski, .catid_19 .poslovni
{background:#fff;box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);max-width:600px;
	padding:42px 102px 102px 52px;border-bottom:44px solid #472f91;margin: 40px auto 0; }
.catid_18 .stambeni li, .catid_21 .sportski li, .catid_22 .zdravstveni li,.catid_23 .instalacije li,
.catid_20 .industrijski li, .catid_19 .poslovni li{font-size: 16px;padding-top: 15px;list-style-type:  disclosure-closed;}
.catid_23 .instalacije {background:#fff;box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);max-width:600px;padding:22px 102px 182px 52px;border-bottom:44px solid #472f91;}

.catid_18 .stambeni:after{content: url("../../cms_upload/pages/files/46_stambeni-objekti.svg");position:absolute;bottom:52px;margin-left:456px;opacity:0.9;}
.catid_19 .poslovni-objekti:last-child:after{content: url("../../cms_upload/pages/files/46_poslovni-objekti.svg");position:absolute;bottom:210px;opacity:0.9; margin-left:400px;}
.catid_20 .industrijski:last-of-type:after{content: url("../../cms_upload/pages/files/46_industrijski-objekti.svg");position:absolute;bottom:46px;opacity:0.9;margin-left:382px;}
.catid_21 .sportski:after{content: url("../../cms_upload/pages/files/46_turisticki-objekti.svg");position:absolute;bottom:55px;margin-left:406px;;opacity:0.9;}
.catid_23 .instalacije:after{content: url("../../cms_upload/pages/files/46_ugradnja-termotehnicke-instalacije.svg");position:absolute;bottom:35px;margin-left:400px;;opacity:0.9;}
.catid_22 .zdravstveni:after{content: url("../../cms_upload/pages/files/46_zdravstveni-objekti.svg");position:absolute;bottom:68px;margin-left:450px;;opacity:0.9;}


.catid_17 .oblast_strane {background-color:#f7f7f7;}
.catid_17 #coll_middle  {display:block;padding: 50px 0px 70px 0;max-width: 1000px;min-height:450px;margin:0 auto;text-align:justify;text-justify: inter-word;}
.catid_17 #coll_middle h1{ display:inline-block;color:#429;margin-bottom:-10px; }
.catid_17 #coll_middle h1:after{content:url("../../cms_upload/pages/files/46_pozadina.svg");display: block; margin:0px 0  0 -2px;padding-bottom:6px; }
.catid_17 #coll_middle h2{ display:inline-block;padding:2px;color:#429;}
.catid_17 #coll_middle ul.pages{margin-top: 42px;}
.catid_17 #coll_middle li{list-style-type: none;line-height: 1.6;letter-spacing: .4px}
.catid_17 #coll_middle a{color:#429}
.catid_17 #coll_middle a:hover { color: #444;text-decoration: underline;}
.catid_17 .ref-container{display: flex;flex-wrap: wrap;flex-flow: row-wrap;justify-content: space-around;}
.catid_17 .ref-img{width: 320px;height: 250px;	}
.catid_17 .ref-img img{width: 100%;max-height: 220px;height: auto;}

 
 

/*ISTORIJAT*/

.catid_24 table{
	width:100%;
	padding:0; margin:0;
	border-collapse: collapse;
}

.catid_24 table td{
	width:33%;
	height:100%;	
	vertical-align: top;
}

.catid_24 table td p{
	height:100%;
	padding:10px 20px!important;
	box-sizing: border-box!important;
	color:inherit;
	font-size: 13px;
}
.catid_24 table td li{
	font-size:12px;
	margin-left:2.8em;
	color:#888
	
}

.catid_24 table td h1, .catid_24 table td h2, .catid_24 table td h3, .catid_24 table td h4{
	padding:20px!important;
}

.catid_24 table .images30 img{
	display: block;
	width:100%;
}

 

/* REGISTRATOR */
/* CSS Document */
/* Stylovi za stranice MyAccount */
/* PlumDesign, Milan Jovanovic Belgrade 20.10.2007 */

#myaccount_style .myAcc_container{
	width:70%;
	margin: auto;
}
#myaccount_style{
	width: 960px;
	padding: 10px;
	background: #fff;
}
#myaccount_style .contentTABLE{
	width:100%;
	border-collapse:collapse;
	border:0px solid red;
}
#myaccount_style .contentArea{
	vertical-align:top;
	padding:0px;
}
#myaccount_style input{
	display: block;
	text-align: center;
	margin:auto;
	padding:10px 10px;
	width: 60%;
}

.form_container{
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 3px;
    border-radius: 3px;
	border:1px solid #d4d4d4;
	margin:5px 5px 5px 5px;
	-webkit-box-shadow: 0px 0px 4px #e1e1e1;
	padding:10px 0px 10px 10px;
}

#ulogujte_se {
	float:left;
	width:270px;
	margin-right:30px;
	}
#ulogujte_se H3{
	font-size:14px;
	color:#696969;
	text-transform:uppercase;
	margin-bottom:10px;
	}
#ulogujte_se P{
	text-align:left;
	padding:5px 0px 0px 0px;
	color:#696969;
}
#ulogujte_se INPUT, #registrujte_se INPUT{
	border:1px solid #cfcfcf;
	font-size: 14px;
	padding: 4px;
	color:#444;
	background:#f5f5f5;
	}
	
#ulogujte_se #dugme_login, #registrujte_se #dugme_login{
	border:1px solid #fff;
	padding:8px;
	background:#999999;
	cursor:pointer;
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
	margin-top:10px;
	}
	
#registrujte_se {
	float:left;
	width: 340px;
	}
#registrujte_se P{
	text-align:left;
	padding:0px 0px 5px 0px;
	color:#ababab;
	}
#registrujte_se H3{
	font-size:14px;
	color:#696969;
	text-transform:uppercase;
	margin-bottom:10px;
	}


#registrujte_se P LABEL{
	margin-bottom:0px;
	display: block;
	}
.hederBoksa{
	font-size:20px;
	font-weight:normal;
	padding:10px 0;
}

.registratorTabela{
	border:1px solid #ddd;
	padding:10px;
	border-collapse: collapse;
}
.registratorTabela th{
	background:#45a;
	color:#eee;
	padding:8px;
}
.registratorTabela td{
	border:1px dashed #ddd;
	border-top:none;
	padding:0 7px;
}
.registratorTabela .coll_image{
	width:180px;
}

.registratorTabela img{
	display: block;
	width:130px;
}
#myaccount_style .menuArea {
	width:240px;
	vertical-align:top;
	}
.menuArea UL{
	border:0px solid red;
	margin-left:25px;
	margin-bottom:20px;
	}
.menuArea UL LI{
	list-style:none;
	margin-bottom:5px;
	background:url(../../site_images/sadrzaj/senka_lista_mojprojekat.gif) no-repeat 0% 100%;
	}
.menuArea UL LI A{
	text-decoration:none;
	color:#515151;
	padding-top:15px;
	display:block;
	margin-left:10px;
	}
.menuArea UL LI A:Hover{
	text-decoration:none;
	display:block;
	background:url(../../site_images/sadrzaj/senka_lista_mojprojekat_over.gif) no-repeat 0% 100%;

	}
.menuArea .markerStrane{
	background:url(../../site_images/sadrzaj/senka_lista_mojprojekat_over.gif) no-repeat 0% 100%;
}

/* ANKETA */
#formakorisnici{
	font-size:16px;
	
}
#formakorisnici p{
	padding:20px 0 10px 0;
}
#formakorisnici ul{
	padding:10px 30px;
}

#formakorisnici h2{
	padding: 10px 0 30px 0;
}

#formakorisnici fieldset{
	border:1px solid #999;
	padding:20px 20px 30px 20px;
	box-sizing: border-box;
	margin:0 0 30px 0;
	background:#eef
}
#formakorisnici legend{
	border:1px solid #999;
	padding:8px 40px 8px 20px;
	margin-left:20px;
	background:#eef;
}
#formakorisnici table{
	padding:20px;
	box-sizing: border-box;
	width:100%;
	text-align: center;
	padding:20px 0;
}
#formakorisnici .vaznost{
	display: block;
	text-align: left;
	_margin-left: 20px;
}
#formakorisnici .vaznost td{
	padding:14px 0 4px 60px;
}

#formakorisnici th{
	padding:35px 0 10px 50px;
	text-align: left;
}
#formakorisnici tr:first-child th{
	padding:10px 0 10px 50px;
}
#formakorisnici input{
	margin: 0 10px
}
#formakorisnici #komentar{
	padding:5px 10px;
	margin: 40px 0 0 0;
}
#formakorisnici #tekst{
	padding:6px 5px;
	margin: 0px 0 0 0;
}
#formakorisnici .podaci_korisnika span{
	display: block;
	margin: 20px  12px 5px 12px;
}
#formakorisnici #komentari{
	padding:5px 10px;
	margin: 40px 0 0 0;
}
#formakorisnici #firma {
		padding: 3px ;
	font-size: 15px	;
}
#formakorisnici #radnamesta{
		padding: 3px ;
	font-size: 15px	;
}
#formakorisnici #email{
	padding: 3px ;
	font-size: 15px	;
}


#formakorisnici #prosledi{
	padding:16px 80px;
	background: none;
	border:1px solid #999;
	font-size:20px;
	cursor: pointer;
}
#formakorisnici #prosledi:hover{
	background: #96a;
	color:#eee;
}
/* ELEMENTI FOOTERA */

.oblast_futera {width:100%;height:100%;background:#1d1c33;padding-top:50px; 

}

.footer_container{display:block;max-width:1200px;margin:0px auto;padding-bottom:84px;}
.footer_linksContainer{;padding:28px 0px 0px 54px;}
.footer_links{display: inline-block;vertical-align: top;border-left:1px solid #858cc5;padding-left:16px;}
.footer_links:first-child{width:370px;padding-right: 92px;}
.footer_links:nth-child(2){width:220px; }
.footer_links li,.footer_links a,.footer_links b, .footer_links p, .footer_links span{color:#858cc5;line-height: 1.8;list-style:none;letter-spacing: 0.5px; }
.footer_links b{font-size:16px;color:#fff}
.footer_links a:hover{color:#aeb8ff;}

.mreze-header  ul{display: flex; width: 130px; margin-left: auto; margin-top: 2px;position: absolute; top: 75px; right: 8px; z-index: 1}
.mreze-header ul li{margin-left: 5px; list-style: none;}
.mreze-header ul li img{width: 90%; display: block;filter:grayscale(.4)}
.mreze-header ul li img:hover{filter:grayscale(0)}

.ikonice-mreze ul li{list-style: none; margin-top: 60px}
.ikonice-mreze ul{display: flex;  width: 200px; margin-left: auto; }

/* MAPA */
.map_container {background:#2D343E;}
.map_container h2 {background:#222933;padding:3px 15px 5px 15px;}
.map_container h2 a{text-align: left; color: #fff;font-size: 20px;text-transform:uppercase;  }


/* GALERIJA*/
.embdgallery li{list-style:none;}
.embdgallery_image a{display:block;width:100%;height:100%;}
.embdgallery_image a img{display:block;width:100%;height:100%;}



/***media***/
@media(max-width:1200px){
	.logo {
	 padding:2% 0 0 3%;
	 width:156px;z-index: 200;position:relative;
	}
	.logo a img {display:block;width:118%;height:auto;
	}
}
@media(max-width: 900px){
	.glavni_meni ul > li > a{
		text-decoration: none;
    display: block;
    padding: 8px 4px 4px 0px;
    color: #333;
    font-size: 12px;
	  letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
	}
	.glavni_meni ul {padding-left: 7%;}
	 .glavni_meni ul > li{
		display:inline-block;
		vertical-align: top;
		padding:0px 1%;}

}

/* TDM.RS MAIN STRUCTURE CSS */