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

@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);}
.icons, .index .searchDugme {font-family: icons;}
.zaglavlje_content {background:#46279d;position:relative; }

/* DISPLAY NONE */
.absoluteBoxLinks{display: none;}
.hoverOn{display: none;}
.map_container{display: none;}
.top_baner, 
.CatTrackNav{display:none;}

.catid_11 .oblast_sadrzaja {display: flex; flex-direction: column}
#pageTitle, .catTitle, .naslov_kategorije, .proizvodjac{text-align: center;background: #46279d;color: #fff;font-size: 36px;padding: 10px;margin: 40px 0 0 0;}

#coll_left{order: 2; }
#coll_left .bocniMeniStrane {}
#coll_left .bocniMeniStrane li a{_border-bottom: 1px solid #ccc; padding: 15px 10px ; box-sizing: border-box; display: block;;
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.19);}


/* HEADER */
.glavni_meni {display:none; width:90%; margin:auto; padding:0 0 20px 0;}
.glavni_meni li{background: #ddd; display: block; margin-bottom: 3px;}
.glavni_meni a{display: block;width:100%;padding: 14px;_border-bottom:1px solid #eee;box-sizing: border-box;font-size:16px;font-weight:bold;color:#668;  }


.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:#ddd;}
.search_site{position: absolute;
top:22px;right:72px;
	color:#eed;
	font-size:25px;
	padding: 0 0 0 10px;
	cursor: pointer
}

.zaglavlje_content{display: block; width:100%;}


.mreze-header{padding: 10px 0; display: none}
.mreze-header ul{display: flex; width: 150px;margin: auto}
.mreze-header ul li{list-style: none; margin:  auto; }

.logo{width:140px;padding:10px;box-sizing: border-box;}
.index .logoHome, .katalog .logoHome, .tdm .logoHome, .download .logoHome{display: none}
.meni_jezici{
	background: #ddf;
	display: flex;
	justify-content: flex-end
}
.meni_jezici li{
	list-style: none;
	padding: 4px 10px;
	border-left:1px solid #aaa
}

.sertifikat{display: flex; position: absolute; top: 25px; right: 18%;
display: none;
}
.sertifikat span{width: 30px; display: block; margin-right: 5px;
box-shadow:  4px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 1px 0 rgba(0, 0, 0, 0.19);}
.sertifikat span img{width: 100%; display: block}

/*SEARCHBOX*/
.index .catalog_search{float:none;}

.catalog_search{width: 100%;margin: 0 auto;background: #46279d;display:none}

#brzi_pretrazivac{text-align: center; padding:10px 0;}
.suggestionsBox, .suggestionList{display:none!important;;}
#brzi_pretrazivac input{width:60%;padding:6px;vertical-align: top;font-size:16px;border:none;}

 
#brzi_pretrazivac .searchDugme{
	display: inline-block;
	width: 50px;padding: 2px 2px;
	text-decoration: 
		none;text-align: 
			center;font-family: icons;color: 
				#eee;font-size: 30px;}



.flyOutMenu{background:#568;position: fixed;bottom:0;right:0;left:0;text-align: center;z-index: 100;}
.flyOutMenu span{display: block;padding:14px 0;font-family:sans-serif;color:#ddd;}

/*GLAVNA STRANA*/

.index .oblast_sadrzaja{width:100%;}

.wrapperContent{padding: 20px 0 0 0; }
.homebox-1{background: #472f91;}
.index .homebox-1:first-of-type{background:#444fab;}
.homebox-1 .text-holder{padding: 0 10px 20px 10px;}
.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;}

.homebox-1 p, .homebox-1 a{color: #fff;}
.homebox-1 #tdm-logo{display: none;}

.homebox-2, .homebox-3, .homebox-4{padding: 20px;}
.homebox-2{background: #f3f3fb;padding: 20px;}
.homebox-2 img{mix-blend-mode: multiply;}

.homebox-2 > div, .homebox-3 > div, .homebox-4 > div{display: inline-block;width: 49%;vertical-align: top;}
.homebox-1 > div:first-child,.homebox-2 > div:first-child, .homebox-3 > div:first-child{display: block;width: 80%;padding: 0 0 10px 0;}

.homebox-4{background: #472a9f;}
.homebox-4 > div{padding: 10px;width: 42%; margin: auto;}

.horizontal-wrapper.row-4{background:white;}

.index .row-4 .homebox{width:49%;display: inline-block;box-sizing: border-box;padding: 0px 20px;vertical-align: top;}
.index .horizontal-wrapper{}
.index .homebox .picture-holder a img{margin: 0px auto;}

.index .row-4 .textbox p {display: none;}
.index .row-4 .textbox p a{font-size: 14px;display: block;color: #4d94e0;text-align: center;}   
.index .textbox h2 a{font-weight: bold;  text-transform: uppercase;display: block;color: #5e6576;;text-align: center;padding: 10px; font-size: 12px;}

.horizontal-wrapper.row-5{background: #00204d;text-align: center;}

.index .row-5 .homebox{background: #002a61;width:100%;display: inline-block;padding:6px;box-sizing: border-box;text-align: center; 
    margin:2px 0;}

.index .row-5 .picture-holder{display: inline-block;width:20%;vertical-align: middle;}
.index .row-5 .textbox{display: inline-block;width:60%;  
    vertical-align: middle;}
.index .row-5 .picture-holder img{display: block; width:100%;}
.index .row-5 .textbox h2{font-size: 12px;font-weight: bold;text-transform: uppercase;display: block;color: #fff;}
.index .row-5 .homebox .opsirnije {display:none;}
.index .picture-holder .hoverOff img{display: block;margin: 0 auto;}
/*ROW 5*/
.index .row-3 .picture-holder {display: none;}
.index .row-3 .textbox{width:100%;padding:20px;box-sizing: border-box;}

.index .row-3 .textbox h2{padding-bottom: 10px;}

.index .row-1 .wrapperContent .picture-holder a img{width: 100%;height: auto;}
.index .picture-holder a img{display: block;width:70%;}
.index .row-3 .textbox p{color: #4d94e0;}
.index .row-3 .textbox .opsirnije a{font-size: 14px;color: #00409a;text-transform: lowercase;}

/* FUTER */
.oblast_futera{width: 100%;height: 100%;background: #1d1c33;padding-top: 10px;border-top: 1px solid #1d1c33;text-align: center;}

.oblast_futera h3 {padding-top: 20px;}
.oblast_futera h3 a{color: #9be;text-transform: uppercase;font-size: 17px;padding:10px;display: block; }
.footer_links li{color: #fff;font-size: 14px;list-style: none;padding: 3px 6px;   }
.footer_links li b, .footer_links li p{color: #fff;}
.footer_links li b, .footer_links li p a{display: inline-block;}
.footer_links li b, .footer_links li span{color: #fff;}
.footer_linksContainer li a{color: #eee;font-size: 14px;    
    padding:12px 0;display: block;   }
.footer_linksContainer li:last-child a{border-bottom: 1px solid #9be;}

.links_drustvene_mreze h3{color: #eee;text-transform: uppercase;font-size: 17px;    }
.links_drustvene_mreze span a{height: 100%;display: inline-block;padding: 20px 10%;font-size: 30px;color: #eee;}
.ikonice-mreze{padding: 10px 0}
.ikonice-mreze ul{display: flex; width: 200px;margin: auto}
.ikonice-mreze ul li{list-style: none; margin: auto; }
.footer_desc p{color: #005ca2;text-align: center;font-size: 12px;padding:20px 0 40px 0;}

/*OSTALE STRANICE*/

/* Proizvodjaci */
.proizvodjaci{padding: 20px;}
.proizvodjaci li{list-style-type: none;}
.proizvodjaci > div{display: inline-block;width: 46%;vertical-align: top;border-left: 1px solid gray;padding: 6px 0 30px 6px;}

/* O nama */
.catid_11 p {padding: 0 20px;}
.catid_11 p:first-child{padding:20px 20px 8px 20px;}
/******oglas_za_posao*******/
.oglas_za_posao{padding:20px;}
#coll_middle .oglas_za_posao p{padding:0;}
.prijavi_btn{
	width: 150px;
	display:block;
	margin:20px auto;
	border: 1px solid black;
	text-align: center;
	padding: 8px;
	background-color: #6c59a7;
	color: #fff;
	
}

.znacke-kvalitet{display: flex;}
.znacke-kvalitet span{width: 150px; display: block; margin-top: 30px}
.znacke-kvalitet span img{width: 100%; display: block;}
/* Reference */
#coll_middle p {padding: 4px 20px;line-height:1.8em}
#coll_middle p:last-child{margin: 0 0 10px 0;}

.pages li{background: #46279d;text-align: center;list-style-type: none;margin: 2px 0;}
.pages li:first-child{margin: 20px 0 0 0;}
.pages li a{color: #fff;display: block;padding: 16px;}

.stambeni, .poslovni, .industrijski-objekti, .sportski, .zdravstveni, .instalacije{ padding: 20px;}
.stambeni li, .poslovni li, .industrijski-objekti li, .sportski li, .zdravstveni li, .instalacije li{padding: 6px 0;list-style-type: none;}

.catid_12 p:first-child{padding: 20px 20px !important;;}
.tabelaPartneri{margin: 20px 0;}

/* referecne objekti */
.ref-container{padding: 20px;}
.ref-img{margin: 8px 0;}

/* download */
.catid_15 h2{padding: 20px 20px 10px 20px;}



/*IZDVAJAMO IZ PONUDE*/

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

.nasaPreporuka { width: 100%; margin:20px auto 60px;}
.nasaPreporuka p {font-size: 14px; margin-bottom: 10px;}
.nasaPreporuka .slika {width: 90%; margin: auto;}
.nasaPreporuka h2{text-align: center; margin-top: 5px}
.nasaPreporuka img{width: 300px; display: block;margin:auto;}
.nasaPreporuka span{font-size: 60px; display: block;margin: auto;width: fit-content;}
.nasaPreporuka .tekst ul li {font-size:14px; line-height: 1.7em; margin:10px 30px; }
.nasaPreporuka .primeri_instalacije li{list-style: none;}
.nasaPreporuka .img_info{font-size:var(--fn); display: block;padding: 10px}
.nasaPreporuka .tekst.reduced_width{
	width:90%;
	margin: auto
}
.nasaPreporuka .tekst h3{
	padding: 30px 0 10px 10px;
	line-height: 1.4em
}

.newRegent {width: 100%;}
.newRegent div:nth-child(1) p{margin-top:20px; line-height: 1.4em}
.newRegent .slika {width: 90%}
.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: 14px}

.baterijaKlip{width: 100%;}
.baterijaKlip .slika {width: 90%}
.baterijaKlip .slika img {width: 100%; display: block}
.baterijakupatiloKlip {margin-top: 50px; }
.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);}



.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 ul{padding-left: 20px; box-sizing: border-box }
.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 }

.slikeTau{width: 90%; margin: 10px auto 10px;}
.slikeTau >div{margin-top: 10px}

.nasaPreporuka a:hover {color: #582e70;}
.nasaPreporuka a {text-decoration: underline; color: #995cbc }
.publicSensorTap {width: 90%;}


.tauSlavina .slike {width: 90%; 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);}



.publicSensorTap .slika {width: 100%; }
.publicSensorTap .slika img {width: 100%; display: block}
.sensorTap {margin-top: 50px}
.sensorTap .slike {width: 90%; display: flex; margin: 30px 50px;}
.sensorTap .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);}
.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: 90%; margin: 10px auto 0;}
.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 {margin-bottom: 50px}








/* Kontakt */
.info-box1, .info-box2{padding: 20px;}
.info-box1 p, .info-box2 p{padding: 0 !important;}
.info-box1 #opis{padding: 10px 0 !important;}
.info-box1 ul{list-style-type: none;}
.info-box1 li{padding: 4px 0;}

.mapa-tdm{padding:0 20px;}
.mapa-tdm iframe{width: 100%;}


.oblast_sadrzaja{width:100%; overflow-x: hidden; overflow-y: auto;}

.kategorije ul {padding: 20px;}
.kategorije li{display: inline-block;width: 44%;height: auto !important;margin: 3px auto;vertical-align: top;}
.kategorije li .catName{height: 66px;width: 100%;text-align: center;display: block;background: #46279d !important;color: #fff;}

.kratak_opis_kategorije{padding: 20px;}

.katalog_prikaz{
	display: flex;
	flex-direction: column;
}
.opis_kategorije{
	width:100%;
	overflow-x:auto;
		order: 3;
	margin-bottom:30px;
	margin-top:30px;
	
	
}
.teaser{
	display: flex; 
	flex-wrap: nowrap;
	justify-content: center;
	gap:6px;

}
.teaser > a{
	width:100px;
	font-size:11px
	
}

.handle{display: none;}
.katalog #listaProizvoda{padding: 20px;}
.katalog #listaProizvoda li{display: inline-block;width: 48%;border: 1px solid #ccc;margin: 10px auto;text-align: center;vertical-align: top;}
.katalog #listaProizvoda .catalogueItemText{text-align: center;background: #46279d;color: #fff;height: 170px;width: 100%;padding: 8px;box-sizing: border-box;}

.katalog #listaProizvoda .catalogueItemText > *{padding: 8px 0;}
.katalog #listaProizvoda .catalogueTextLink{width: 100%;}
.katalog #listaProizvoda .catalogueItemText h3, .katalog #listaProizvoda .catalogueItemText p{color: #fff;}
.katalog #listaProizvoda .catalogueThumbLink{height:auto; width:100%; margin:auto;}

.katalog #listaProizvoda .catalogueThumbImage{display: block;width:100%;height: auto;}
.katalog .cat_item{border:1px solid #eee;padding:6px;min-height:60px;}
.katalog .kategorije .cat_item a{display: block;padding:8px 12px;box-sizing: border-box;font-weight:bold;background: #46279d;color:#fff;}

.katalog .kategorije .cat_item  .catImage{display:block;padding: 0;width:60px;width: 100%;}
.katalog .kategorije .cat_item .catName{display: block; background: none;}
.katalog .kategorije .cat_item li{padding: 0 0 0 20px; background: #eee;}
.katalog .kategorije .cat_item li a{background:#468;}
.katalog .kategorije .cat_item a img{display: inline-block;width:100%;vertical-align: middle;}
.katalog .kategorije .cat_item a span{display: inline-block;width:60%;vertical-align: middle;padding:10px;box-sizing: border-box;color:#eee;}

.proizvod .prodSlika{width: 300px; margin: auto; padding: 20px 0;}
.proizvod #slider1_container{position: relative;}
.proizvod .duziOpis{
    padding: 0 20px;
}
.proizvod li{
    list-style-position: inside;
}

.subcatsInCat{display: none;}

.katalog .katalog_navigacija{display: none}

.prodTable .proizvodjac{ position: relative;}

.proizvodjac #producerCountryName{display: none;}
.proizvodjac #producerCountryFlag{position: absolute;top:-20px; right:20px;display: block;width:40px;}
.proizvodjac #producerCountryFlag img{width:100%;}
.proizvodjac > img{position: absolute;top:-25px; left:6px;width:100px;background:rgba(255,255,255,.7);padding:10px;}

.prodOpis h1, .prodOpis h2{text-align: center;color: #fff;background: #46279d;padding: 0 10px;}

.prodDescription{padding: 20px;}
.prodDescription li{list-style-type: none;}

.prodTableLeft{margin-top:30px}

.prodInfo {border-bottom: 1px solid #ccc; margin-bottom: 30px;}

.tabelaArtikala{padding: 20px;}

.tabelaArtikala table{border-collapse: collapse;margin:auto;min-width: 96%;}
.tabelaArtikala tr{position: relative;_height: 100px;border:1px solid #888;display: block;margin:10px 0; padding: 0;width:100%;}
.tabelaArtikala tr > *{padding: 1px 6px}
.tabelaArtikala th{display: none;}
.tabelaArtikala td{width:100%;min-height:20px;display: block;}
.tabelaArtikala .CodeNum{font-size: 16px;}
.tabelaArtikala .CodeNum:nth-child(2){}
.tabelaArtikala .articalTitle{font-size: 14px;box-sizing: border-box;}
.tabelaArtikala .kolonaCena{font-size:26px;text-align: right;font-weight:bold;padding: 0 10px;box-sizing: border-box;_color:#45a;   }
.tabelaArtikala .article_properties{text-align: center;}
.tabelaArtikala .article_properties li{display: inline-block; width:30%;}
.tabelaArtikala .article_properties .PREPORUCENO{width:36px;}
.tabelaArtikala .article_properties .NOVO{width:66px; padding: 0 10px;}
.tabelaArtikala .kolonaRabat{position: absolute;top:0; right:0;display: block;width:20px;height:20px;font-weight:bold;font-size:20px;}

.tabelaArtikala .quantityField{display: none;}
.tabelaArtikala .addToCart{background: #45a;width:60%;margin:20px auto;padding:10px;border:1px solid #45a;color:#eee}
.tabelaArtikala .poruciArtikal span{color:#eee;background:green;display: block;width:200px;margin:0 auto 10px auto;padding:10px;}

.addToCart span{color:#eee;font-weight: bold;font-size: 18px;}

.prodDocsList{padding:20px 0;}
.prodDocsList li{display: block;margin:6px 0;position: relative;}
.prodDocsList li a{display: block;padding:10px 20px 10px 50px;border:1px solid #45a;
background: #45a; color:#eee; border-radius: 5px

}
.prodDocsList li:before{content:"\f019";position: absolute;top:10px;left:10px;color:#eee;width:20px;height:20px;font-size:26px;font-family:icons;   }

.prodDocsList h3{display: none;} 

.prodMoreDescription p{padding:10px 0;}
.prodMoreDescription table {border-collapse: collapse;}
.prodMoreDescription table td{padding:8px 4px;border-bottom: 1px solid #fff;background: #eee;text-align: left;}

.relatedProdsTitle{font-size:30px;}
.katalog .relatedProdsCnt #listaProizvoda li{display: block;width: 100%;vertical-align: top;}
.katalog .relatedProdsCnt #listaProizvoda .catalogueThumbLink{display: inline-block;width:20%;vertical-align: bottom;height:auto;text-align: left;}

.katalog .relatedProdsCnt #listaProizvoda .catalogueTextLink{display: inline-block; width:64%;}
.katalog .relatedProdsCnt #listaProizvoda div{text-align: right;margin-top: 10px}
.katalog .relatedProdsCnt #listaProizvoda .catalogueThumbLink img{display: block;width:100%;}

.dokumentacija{padding: 20px;}


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

.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:0;width:100%;display:table;}
.artOrder_table tr{border: none;}
.artOrder_table td{width:1%;border:1px solid #ddd;padding:8px 6px;box-sizing:border-box;color:inherit;display:table-cell;}
.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;}

.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:#fff;}
.artOrder_table.tableLayout-11 td{width:90px;}
.artOrder_table.tableLayout-11 span{color:#555; 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;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:35%;font-size:13px;}
.artOrder_table .ta-sifraArtikla{font-size:20px;}

/* PRETRAGA*/
.katalog_prikaz{
	font-size:14px;
	padding:0;
}
.katalog_prikaz h1{
	font-size:16px;
	padding: 10px 0;
	font-weight:lighter;
	border-bottom: 1px solid #aac
}







.contentArea, .menuArea{display: block;}
.contentArea .registratorTabela th{display:none;}
.contentArea .registratorTabela td{display: inline-block}
.contentArea .registratorTabela tr{display: block;border:1px solid #348;margin:6px 0;text-align: center;padding: 8px 0;}
.registratorTabela .coll_image{width:80px;}

.contentArea .registratorTabela tr td:nth-child(2){width:60px;}
.contentArea .registratorTabela tr td:nth-child(3){width:220px;font-size:13px;text-align: left;}
.contentArea .registratorTabela tr td button{padding:10px 12px;text-align: left;background: transparent;background: #eee;}
.contentArea .registratorTabela tr td input{padding:10px 12px; text-align: left;}





#formakorisnici {
	padding:20px;
	margin: auto;
}
#formakorisnici p{
	padding: 20px 0 10px 0;
		font-size:16px;
}
#formakorisnici ul{
	padding:10px 0 10px 40px;
		font-size:16px;
}

#formakorisnici fieldset{
	padding: 20px 10px 30px 10px;
	border:1px solid #999;
	margin:20px 0;
}
#formakorisnici h2{
	font-weight: normal;
	padding:20px 0 10px 0;
	line-height: 1.4em
}
#formakorisnici legend{
	padding:3px 20px 3px 10px;
	border:1px solid #999
}
#formakorisnici table{
	width:100%;
}
#formakorisnici table td{
	padding: 10px 0;
	text-align: center;
}
#formakorisnici input{
	display: inline-block;
	margin:2px 6px;
}
#komentar, #komentari{

	padding:8px;
	width:220px;
}

.podaci_korisnika span{
	display: block;
	padding: 10px 
}

#prosledi{
	padding: 10px 40px;
	font-size:18px;
	background: none;
	border:1px solid #999;
	color:#777;
}