@charset "utf-8";
html {width:100%; height:100%;background:#f4f4f4;}
body {margin:auto;width:100%; font-family:sans-serif,Ubuntu,Tahoma,Arial;font-size:18px;}
.upload {float:right; width:40px; height:40px; background:url(upload.png) center center no-repeat}
.counter {position:fixed;top:5%; right:2%; font-weight:bold; width:15%; padding:2px 5px; height:auto;}
.closesa {float:left; width:20px; height:20px; background:url(close.png) center center no-repeat; margin-right:5px}
.populater {width:20%; height:auto; padding:2%;}
.bfont {color:#F00; font-size:30px}
h1, h2, h3 {font-family: "Open Sans Condense", sans-serif,Ubuntu,Tahoma,Arial}
a {outline:none; cursor:pointer; text-decoration:none;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;color:#333333;font-family: "Open Sans Condensed", sans-serif,Ubuntu,Tahoma,Arial;}
.header {width:98%; float:left; background:#fff; box-shadow:0px 0px 2px 0px #333; text-align:center; padding:1%;position:fixed}
.maxheader {max-width:1200px; margin:auto;}
.maxheader h2 {margin:0px; width:100%; text-align:center; font-size:18px; font-weight:normal}
.top-headerlo {width:13%; float:left; background:none; box-shadow:none; text-align:left; padding:0%; font-size:14px; color:#000;}
.top-header {width:65%; float:left; background:none; box-shadow:none; text-align:left; padding:1%; font-size:14px; color:#000;}
.top-header img {width:4%;}
.tlks {color:#ff6404; width:auto;height:auto; font-weight:800; font-size:20px; background:none; border-radius:0; display:inline-block; padding:0; margin-right:15px; margin-top:8px}
.tlks:hover {color:#999}
.texttopheader {width:60%; float:left; margin-top:0%;}
.texttopheader img {width:94%; float:left;}
.top-headerhold {width:40%; float:right; height:auto;}
.footer {width:96%; float:left; background:#fff; box-shadow:0px 0px 2px 0px #333; text-align:left; min-height:150px;padding:2%}
.maxfooter {max-width:1200px; margin:auto; color:#333}
.akcijado {max-width:1200px; margin:auto; color:#333; margin-top:100px}
.akcijagraf {max-width:1200px; margin:auto; color:#333;}
.g100 {width:5%; height:100px; background-color:#003300; float:left;margin-top:0px;}
.g90 {width:5%; height:90px; background-color:#006600; float:left;margin-top:10px}
.g80 {width:5%; height:80px; background-color:#009900; float:left;margin-top:20px}
.g70 {width:5%; height:70px; background-color:#00CC00; float:left;margin-top:30px}
.g60 {width:5%; height:60px; background-color:#00FF00; float:left;margin-top:40px}
.g50 {width:5%; height:50px; background-color:#FFCC00;  float:left; margin-top:50px}
.g40 {width:5%; height:40px; background-color:#FF9900; float:left;margin-top:60px}
.g30 {width:5%; height:30px; background-color:#FF6600; float:left;margin-top:70px}
.g20 {width:5%; height:20px; background-color:#FF3300; float:left;margin-top:80px}
.g10 {width:5%; height:10px; background-color:#FF0000; float:left;margin-top:90px}
.maxfooter a:hover {color:#ccc}
.logo {max-width:98%; float:left}
.logof {max-width:60%}
.meni {width:100%; float:left; background:#fff; border-top:solid thin #f4f4f4; text-align:center; padding:0%; min-height:30px;}
.maxmeni {max-width:1200px; margin:auto;}
.meni a {color:#ff6404; width:auto;height:auto; padding:7px; padding-top:10px; display:inline-block; font-weight:bold; text-transform:none;}.meni a:hover {text-shadow:0px 0px 0px #000;background:#fff; color:#fff;}
.meni .meniactive {text-shadow:0px 0px 0px #000;background:#ff6404; color:#999}
.dropdown {position: relative;display: inline-block;}
.dropdown-content {position: absolute; left:-9999em;background: #fff; color:#FF6600;;min-width: 200px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index:2000;}
.insidemega {position: absolute; left:-9999em;background:#fff; color:#ff6404;width: 250px;z-index:1999}
.insidemega a {color:#999; background:#FFFFFF;min-height:110px}
.insidemega img{width:90%; float:right; margin:5%}
.dropdown-content a {color:#ff6404;padding: 8px 8px;text-decoration: none;display: block;}
.dropdown-content a:hover {background-color: #f4f4f4;text-shadow:none; background-image:none;}
.dropdown:hover .dropdown-content {display: block;left:-0em;}
.dropdown:hover .insidemega {display: block;left:-250px;}
.dropdown:hover .dropbtn {background:#fff; color:#999999;}
.dropdown-contenta, .dropdown-contentaa, .dropdown-contentaaa {position: absolute; left:-9999em;background: #fff; color:#FF6600;;min-width: 200px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index:2000;}
.kik:hover .dropdown-contenta {display: block;left:160px;margin-top:-20px}
.kikk:hover .dropdown-contentaa {display: block;left:160px;margin-top:-20px}
.kikkk:hover .dropdown-contentaaa {display: block;left:160px;margin-top:-20px}
.beltdark,.beltwhite,.belttransparent {width:96%; float:left; padding-left:2%; padding-right:2%; padding-top:30px;padding-bottom:30px;text-align:center}
.belttransparent {background:none;}
.beltwhite {background:none;}
.beltdark {background:#f26722;color:#F4F4F4; font-weight:bold}
.maxbelt {max-width:1200px; margin:auto;}
.beltdark h1,.beltwhite h1,.belttransparent h1 {color:#FFFFFF; text-align:center; width:100%; font-size:50px; font-weight:normal;margin-top:0px}.beltdark h2,.beltwhite h2,.belttransparent h2,.beltfull h2 {color:#FFFFFF; text-align:center; width:100%; font-size:20px; font-weight:normal;margin-top:0px}
.beltfull {width:100%; float:left; background:#fff; padding-top:0%}
.beltfulldark {width:100%; float:left; background:#fff; padding-top:0%; border-bottom:thin solid #ff6404}
.beltwhite h2,.beltwhite h1,.beltfull h2 {color:#333333}
.belttransparentleft {float:left; background:none; width:70%;}
.article, .articlem, .articleind, .articleindvecka {float:left; background:#fff; width:12%; margin-right:3%; margin-bottom:3%; padding:2%}
.articleind {width:43%;margin-right:2%; margin-bottom:2%; padding:2%; border:thin solid #F60; font-size:35px; }
.articleindvecka {width:43%;margin-right:2%; margin-bottom:2%; padding:2%; border:thin solid #F60; font-size:15px; min-height:200px;max-height:200px; overflow:scroll}
.articleindtotal {width:94%;margin-right:2%; margin-bottom:2%; padding:2%;  font-size:35px; background:#F30; color:#FFF}
.arttextfullh a {font-weight:bold; color:#0b6864}
.articleimgh {height:140px; overflow:hidden;}
.articlem {width:21.3%;}
.article img, .articlem img {width: 100%;position: relative; top: 50%; }
.articlefull {float:left; background:#fff; width:100%; box-shadow:0px 0px 2px #ccc; margin-bottom:15px}
.articlefull img {width:100%; margin-bottom:3%}
.arttextfull {float:left; width:90%; margin:5%; text-align:left; margin-top:3%; margin-bottom:2%}
.arttextfullh {float:left; width:90%; margin:5%; text-align:left; margin-top:0%;}
.arttextfulllog { position:absolute; width:80%; margin:5%; text-align:left; margin-top:0%; background:#FFFFFF; left:0%; padding:5%; height:85%;min-height:300px}
.arttextfulla {float:left; width:90%; margin:5%; text-align:left; margin-top:-1%}
.article h3, .articlem h3 {color:#333333; float:left; width:89%; margin:3%;margin-left:0%;font-size:17px; height:44px; overflow:hidden; text-align:left; font-weight:lighter}
.arttext {float:left; width:98%; margin-left:0%; text-align:left; margin-bottom:10px; height:70px; overflow:hidden; font-size:19px}
.articleb {float:left; width:100%; margin-bottom:3%;}
.articleb img {width:40%;float:left; margin-right:2%}
.arttextb {float:right; width:56%; margin-left:0%; text-align:left; margin-bottom:10px; height:auto;font-size:13px}
.articleb h3, .articleb h4 {width:100%;color:#333333; float:left; margin:0%; margin-bottom:2%;font-size:22px; text-align:left; font-weight:lighter}
.articleb h4 {font-size:17px; font-weight:bold}
.arttextcup {float:left; background:url(fadeeff.png) repeat-x; width:100%; height:35px; margin-top:-35px}
.beltdarkright {float:left; background:#fff; width:98%; padding:1%; color:#333333;}
.beltdarkright img {width:94%; float:left; margin:3%;}
.beltdarkright h2 {color:#333; font-size:15px}
.beltdarkright .infield {width:96%}
.beltdarkright .dugme20{float:right;width:97%; max-width:97%;overflow:hidden; text-align:center;padding:1%;font-size:18px;margin-top:10px}
.belttransparentright {float:right; background:#fff; width:24%; padding:2%;box-shadow:0px 0px 2px 0px #ccc}
.belttransparentright img {width:94%; float:left; margin:3%;}
input, textarea, select{float:left;border:4px solid #f0f1f2;border-radius:4px;padding:1%;font-size:14px;font-weight:400;color:#232323}input:focus, textarea:focus, select:focus{border-color:#ccc;outline: none;}
select {width:100%; font-size:20px; text-align:center; margin-bottom:15px; margin-top:15px; cursor:pointer}
.infield {width:60%; padding:5px; margin-right:2%}
.srchhold {width:46%; float:left; margin-left:0%;margin-top:0%}
.srch {float:left;border:none;border-radius:4px;padding:1.2%;font-size:20px;font-weight:400;color:#232323; width:84%; padding-top:2%;}
.getsrch {float:left; width:12%; height:42px; background:url(search.png) center center no-repeat; padding:0%; margin:0%}
.getsrchr {float:right; width:10%; height:42px; background:url(searchr.png) center center no-repeat; padding:0%; margin:0%}
.infield100 {width:92%;padding:2%;}
.dugme20,.dugme100{float:left;width:20%; max-width:20%;overflow:hidden; text-align:center;padding:1%;font-size:18px;font-weight:700;background-color:#999999;letter-spacing:-.4px;color:#fff;border-radius:3px; border:#333333 solid thin}
.dugme100{float:left;width:96%; max-width:96%; margin-top:20px; padding:2%;}
.dugme20:hover,.dugme100:hover{ color:#333333;background-color:#FFFFFF;border:#ccc solid thin}
.left25 {float:left; width:24%;height:auto; margin-left:1%;text-align:center}
.left20 {float:left; width:20%;height:auto; text-align:left; overflow:hidden;}
.left20b {float:left; width:20%;height:90px; text-align:center; overflow:hidden;}
.left20b img {width:90%;position: relative; top: 50%;transform: translateY(-50%); }
.left20 h3 {position:absolute; font-size:20px; color:#fff; margin:0px; width:auto; margin-left:0%; text-align:center; margin-top:5%; text-shadow:#333 2px 2px 1px; width:18%}
.left20 img {width:100%}
.left33 {float:left; width:32%;height:auto; margin-left:1%;text-align:center;}
.left50 {float:left; width:47%;height:auto}
.right50 {float:right; width:47%;height:auto}
.clear {clear:both; width:100%; height:0px}
.clear-line {clear:both; width:100%; height:1px; border-bottom:#CCCCCC solid thin; margin-top:5px; margin-bottom:5px}
.clear-line-big {clear:both; width:100%; height:1px; border-bottom:#CCCCCC solid thin; margin-top:20px; margin-bottom:30px}
.clear10 {clear:both; width:100%; height:10px}
.clear20 {clear:both; width:100%; height:20px}
#googleMap {height:398px; width:100%; float:left;background:url(loader.gif) center center no-repeat;}
#naslovnap { font-size:20px; color:#666666}
/* Admin AND site class */
.admthmright {width:30%; float:right; height:auto; margin-left:10px; margin-bottom:10px;}
.admimgright {width:50%; float:right; height:auto; margin-left:10px; margin-bottom:10px;}
.admimgleft {width:50%; float:left; height:auto; margin-right:10px; margin-bottom:10px;}
.admimgsto {width:100%; float:left; height:auto; margin-bottom:0px;margin-top:20px;}
.admthmright img,.admimgsto img,.admimgleft img,.admimgright img {width:100%}
.popup {width:48%; height:auto; position:fixed;top:15%; left:25%; background:url(bck.png); z-index:10000;text-align: center;vertical-align: middle;line-height: 18px;color:#fff; display: none; align-items: center;justify-content: center;font-size:18px;border:#CCCCCC solid thin;border-radius:8px; padding:1%}
.popup2 {width:48%; height:auto; position:fixed;top:15%; left:25%; background:url(bck.png); z-index:10000;text-align: center;vertical-align: middle;line-height: 18px;color:#fff; display: none; align-items: center;justify-content: center;font-size:18px;border:#CCCCCC solid thin;border-radius:8px; padding:1%}
.close {width:40px; height:40px; background:url(close.png) center center no-repeat;position:absolute;right:-10px; top:-10px}
.closefull {width:40px; height:40px; background:url(close.png) center center no-repeat;position:absolute;right:5px; top:50px}
.langgerstoc {float: right; width:35px; height:25px; margin:10px;}
.langgerstoc {float: right; width:35px; height:25px; margin:10px;}
.lann {position:absolute; top:50%; right:0px; background:#FFFFFF; padding:5px; border:#ccc solid thin; z-index:1000; border-right:none}
.lanne {position:fixed; top:5%; right:2%; background:#FFFFFF; padding:10px; border:#ccc solid thin; z-index:1000;}
.showmenu {display:none}
.scrolls {position:fixed; bottom:0px; right:0px; width:50px; height:100px; display:none; z-index:5000}
.scrolup {-ms-transform: rotate(270deg);-webkit-transform: rotate(270deg);transform: rotate(270deg);background:url(sliddes.png) center center no-repeat; width:50px; height:50px;float:left}
.scroldown {-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);background:url(sliddes.png) center center no-repeat; width:50px; height:50px; float:left}
.buttonre{display:inline-block;padding:8px 18px;font-size:15px;font-weight:700;background-color:rgba(0,0,0,.10);letter-spacing:-.4px;color:#333;border-radius:3px; border:#ccc solid thin}
.buttonregrr{display:inline-block;padding:8px 18px;font-size:15px;font-weight:700;background-color:#090;letter-spacing:-.4px;color:#333;border-radius:3px; border:#ccc solid thin; color:#FFFFFF}
.buttonrem{display:inline-block;padding:5px;font-size:20px;font-weight:700;background-color:rgba(0,0,0,.10);letter-spacing:-.4px;color:#333;border-radius:3px; border:#ccc solid thin;}
.buttonrema{display:inline-block;padding:5px 15px;font-size:20px;font-weight:700;background-color:#F30;letter-spacing:-.4px;color:#FFF;border-radius:3px; border:#ccc solid thin;}
.buttonrec{padding:8px 18px;font-size:20px;font-weight:700;background-color:#F60;letter-spacing:-.4px;color:#333;border-radius:3px; border:#ccc solid thin; color:#FFFFFF; float:left;margin-right:3%}
.curent {display:inline-block;padding:12px 22px;font-size:15px;font-weight:700;background-color:#333;letter-spacing:-.4px;color:#fff;border-radius:3px;}
.curentz {display:inline-block;padding:2px;font-size:15px;font-weight:700;background-color:#090;letter-spacing:-.4px;color:#fff;border-radius:3px;}
.curentc {display:inline-block;padding:2px;font-size:15px;font-weight:700;background-color:#F30;letter-spacing:-.4px;color:#fff;border-radius:3px;}
.buttonre:hover, .buttonrem:hover, .buttonrema:hover, .buttonregrr:hover{background-color:#333; color:#fff;border:#fff solid thin}
.slogan {width:98%; text-align:center; font-size:11px; float:left;}
.left25fl {float:left; width:15%;height:auto; margin-left:2%;}
.left25fl a {color:#999; font-weight:bold; width:100%; float:left}
.left25f {float:left; width:23%;height:auto; margin-left:2%;}
.left25f a {color:#999; font-weight:bold; width:auto; float:none;}
.socialmediah {float:left;width:100%;height:auto;text-align:left; margin-top:10px;margin-bottom:10px}
.socialmedia { width:auto; height:auto;margin-right:5px; display:inline-block}
.socialmedia img {width:30px}
.belttransparentleft h1, .belttransparentleftmeni h1 {color:#333; text-align:left; margin-bottom:0px; font-size:40px}
.belttransparentleft h2, .belttransparentleftmeni h2 {color:#333; text-align:left; font-size:15px;margin-bottom:18px}
.arttextfull h1 {width:100%; font-size:35px; text-align:left; color:#333333; margin-top:0px; margin-bottom:15px}
.arttextfull h2 {width:100%; font-size:20px; text-align:left; color:#333333; font-style:italic; margin-bottom:0px}
/* SLIDER */
.slider, .slidercat,.sliderfullpage {float:left; width:100%; height:540px; background:#fff url(loader.gif) no-repeat center center; overflow:hidden; box-shadow:0 2px 5px #ccc}

.slider span, .slidercat span {color:#fff; font-size:25px; background:#7bc147; padding:1%;}
.slider h3, .slidercat h3, .slidsolotxt h3 {color:#fff; font-size:35px; padding:0%; width:auto;text-shadow:5px 5px 10px #333;font-family:"Open Sans Condensed",Ubuntu,Tahoma,Arial; margin-bottom:1%}
.rotating-itema,.rotating-itemacat,.slidsoloimg {position:absolute;width:100%; height:540px; overflow:hidden; text-align:center;}
.rotating-itemaa,.rotating-itemaacat,.slidsolotxt {position:absolute; width:80%;height:auto; overflow:hidden; text-align:left; left:10%;margin-top:1%; padding-bottom:1%}
.rotating-itema img,.rotating-itemacat img,.slidsoloimg img {width:100%;}
.rotating-itemaa img,.rotating-itemaacat img,.slidsolotxt img {width:100%;}
.rotating-itemaa a,.rotating-itemaacat a {color:#fff; text-decoration:none; font-size:18px; font-weight:bold; text-transform:none}
.slidercat,.rotating-itemacat,.rotating-itemaacat,.slidsoloimg {height:300px}
.sliderfullpage {height:450px; margin-bottom:20px;background:#fff}
.sliderfullpager {height:450px; width:100%;}
.sliderfullpager img {width:100%; height:auto;}
.sliderfullpagethms {height:auto;float:left; width:96%;padding:2%; margin-top:-3%;}
.sliderfullpagethms img {width:9%; max-height:40px; margin:0.5%; display:inline-block; cursor:pointer}
.rotating-itemaacat,.slidsolotxt {margin-top:1%;}
.sliderfullpagethmsfull {height:auto;float:left; width:98%;padding:1%; margin-top:0%; position:absolute; bottom:-1%; left:1%}
.sliderfullpagethmsfull img {width:3%; margin:0.1%; display:inline-block; cursor:pointer; border:none}
.fullscreen { position:fixed;width:100%; height:100%; text-align:center; background:url(bck.png),url(loader.gif) no-repeat center center; display:none; z-index:5000}
.fullscreen img {height:100%;}
.blogger {float:left; width:100%}
.blogger .velika {float:left; width:100%;}
.blogger .profile {float:left; width:12%; margin-top:-9%; margin-left:2%; border:#ccc solid 5px}
.blogger .title {float:left; width:auto; margin-top:-6%; margin-left:2%; border:#ccc solid 5px; background:#333; padding:5px; font-size:20px; color:#fff}
.blogger .text {float:left; width:55%; margin-top:2%; margin-left:18%; margin-top:-2%; font-size:14px; color:#000}
.blogger .text h3 {float:left; width:100%; margin:0%; font-size:35px; margin-bottom:2%}

.blogger .desno {float:right; width:25%; margin-top:2%; margin-left:1%; margin-top:-2%; font-size:14px; color:#000;}
.blogger .desno span {font-weight:bold}
.facebooklk {display:inline-block; background:#006699; padding:1%; width:20%}
.login {width:20%; margin:auto;margin-top:10%; background:#000000; padding:2%; color:#FFFFFF; margin-bottom:10%;}
.loginlk {display:inline-block; background:#f39200; padding:1%;width:auto; text-align:center; margin-top:2%	}
.loginlk:hover, .facebooklk:hover {background:#CCCCCC}
/* Korpa stilovi i sve sto vezuje kupovinu */
.slidprice {display:inline-block; background:#ff6404; padding:1%; width:auto; font-size:40px; margin-bottom:2%;}
.basketshopin, .basketshopins, .basketshopinns, .basketshopinnsiz, .basketshopinnsizdva {color:#fff; float:left; width:90%; height:auto; background:url(schw.png) right center no-repeat #ff6404; padding:5%;font-size:30px; margin-top:15px; margin-bottom:15px}
.basketshopin:hover, .basketshopins:hover, .basketshopinns:hover, .basketshopinnsiz:hover, .basketshopinnsizdva:hover{color:#fff; background:url(schw.png) left center no-repeat #333; text-align:right}
.basketshopins, .basketshopinns, .basketshopinnsiz, .basketshopinnsizdva {width:25.5%;padding:2%;font-size:20px; text-align:left; margin-left:2%}
.basketshopinnsiz, .basketshopinnsizdva {background-color:#FF0000;margin-right:2%;margin-left:4%}
.basketshopinnsizdva {float:right; width:18%; padding:1%; margin:0px}
.basketholder {position:absolute; top:16px;right:0%; width:100%;height:1px;}
.basketshoper {width:98%;max-width:1200px;margin-left:1%;margin:auto; color:#333;}
.basketshop, .basketshopfull {color:#ff6404; float:right; width:50px; height:50px; background:url(sch.png) center center no-repeat;font-size:15px;text-align:left; color:#FFFFFF; margin-top:3px}
.basketshop span, .basketshopfull span {width:auto; height:auto; background:#FF0000; border-radius:200px; min-width:18px; float:left; text-align:center; font-weight:bold; padding:2px}
.basketshop:hover, .basketshopfull:hover{color:#fff;background:url(schw.png) center center no-repeat #ccc; text-align:right; border-radius:200px;padding:5px}
.basketshopfull {background:url(schf.png) center center no-repeat;}
.komadaukorpi {width:20px;}
#magic {width:100%; height:auto; text-align:left}
.price {font-size:40px; width:100%; text-align:center;color:#ff6404}
.sifra {font-size:20px; width:100%; text-align:center;color:#ff6404}
.velicina {font-size:20px; width:100%; text-align:center;color:#ff6404}
.popust {font-size:20px; width:100%; text-align:center;color:#ff6404; margin-top:15px}
.velicina span, .price span, .sifra span, .komada span, .popust span {font-size:15px; color:#333}
.komada {text-align:center;}
.qty {width: 40px;height: 40px;text-align: center; border:#ff6404 2px solid; border-radius:0px; color:#333; font-size:20px; display:inline-block; float:none}
.qtyplus, .qtyminus { width:40px; height:40px; background:#ff6404; border:#ff6404 2px solid; border-radius:0px; color:#FFFFFF; font-size:20px;display:inline-block; float:none; cursor:pointer}
.slikapro {width:30%; float:left; margin-right:5%;}
.descpro {width:51%; float:right; padding:5%}
.clear-pro {width:100%; clear:both; height:1px; margin-bottom:15px; background:#ff6404}
.slikaproact {background:#ff6404; color:#fff; width:26%; height:auto;float:left; padding:3%;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.korpaart {width:92%; float:left; border:#CCCCCC solid thin; padding:2%; margin:2%; background:#fff; color:#333}
.korpaartlft {width:15%; float:left; margin-right:2%}
.korpaartlft img {width:100%}
.korpaartlrt {width:80%; float:right;text-align:left }
.korpaartlrt h2 {margin-top:1%; font-size:25px; font-weight:normal; line-height:25px}
.korpaartlrtb {width:55%; float:left;text-align:left }
.orderkorakjedan {display:none; position:absolute; top:90px; left:0px; width:96%; height:auto;background:#fff; padding:2%; z-index:1000}
/* coa add */
.belttransparentleftmeni {float:right; background:#fff; width:74%;box-shadow:0px 0px 2px 0px #ccc; padding:2%}
.belttransparentrightmeni {float:left; background:#fff; width:16%;box-shadow:0px 0px 2px 0px #ccc; padding:2%; text-align:
left}
.belttransparentrightmeni a {width:100%; float:left; font-weight:bold; margin-bottom:5px}
.belttransparentrightmeni .sub{width:95%; float:left; font-weight:normal;margin-left:5%;}
.belttransparentrightmeni .psub{width:90%; float:left; font-weight:normal;margin-left:10%}
.belttransparentrightmeni .ppsub{width:85%; float:left; font-weight:normal;margin-left:15%}
.belttransparentrightmeni img {width:94%; float:left; margin:3%;}
.belttransparentrightmeni h3 {margin-top:0%}
.cena {color:#fff; font-size:20px; font-weight:bold; background:url(pt.png) center left no-repeat; padding:5px; padding-left:25px; float:right; margin-left:4%; }
.cenaa {color:#fff; font-size:20px; font-weight:bold; background:url(ptr.png) center left no-repeat; padding:4px; padding-left:25px; float:right; margin-left:4%; line-height:15px; padding-top:2px}
.cenaa .spaner {color:#fff; font-size:14px; font-weight:bold; float:right; color:#ccc; text-decoration:line-through}
.akcija {background:#FF0000; width:80px; height:47px; position:absolute; border-radius:50%; text-align:center; color:#FFFFFF; margin-top:-10px; margin-left:-10px; padding-top:33px; font-weight:bold;z-index:2}
.akcijaslid {background:#FF0000; width:80px; height:47px; position:absolute; border-radius:50%; text-align:center; color:#FFFFFF; margin-top:0px; margin-left:0px; padding-top:33px; font-weight:bold;}
.filteri {width:100%; float:left; text-align:left; font-size:20px; font-weight:normal; margin-bottom:15px}
.filteri span {font-weight:bold; font-size:15px}
.izbacifil {width:auto; padding:0.3%; border:#ccc solid thin;color:#FF0000; margin-left:5px}
.orderkorakjedana {display:none; position:absolute; top:140px; left:0px; width:96%; height:auto;background:#fff; padding:2%; z-index:1000; border-bottom:thick solid #ccc}
.drugaboja {width:92%; float:left; padding:4%; background:#f4f4f4; font-size:15px;font-weight:bold;}
.drugabojaw {width:92%; float:left; padding:4%; background:#fff; font-size:15px;font-weight:bold;}
.drugabojaww {width:96%; float:left; padding:2%; background:#fff; font-size:14px;}
.drugaboja span,.drugabojaw span {float:left; width:30%;}
.ajmolevi {float:right; width:65%}
.recenzije {width:92%; float:left; padding:4%; background:#fff; font-size:13px; margin-bottom:20px;text-align:center}
.recenzije h3 {color:#ff6404}
.fotorec {width:25%; float:left;}
.fotorec img {width:100%; float:left; border-radius:200px;}
.fotobl {width:100%; float:left; margin-bottom:3%; font-size:15px; font-weight:bold;}
.fotoblt {width:auto; float:left; margin-top:4%}
.fotobl img {width:10%; float:left; border-radius:200px; border:#CCCCCC solid 4px;}
.comentrec {width:70%; float:right; margin-bottom:8px; margin-top:8px; text-align:left}
.comentrec h4 {font-size:15px; font-weight:bold; margin:0px; font-style:italic; margin-bottom:5px}
.comentrec .starbelt {float:left; width:100%; margin-bottom:5px}
.comentrec .star {background:url(star.png) center center no-repeat; float:left; width:20px; height:20px}
.stars {background:url(star.png) center center no-repeat; display:inline-block; width:20px; height:20px; margin-top:5px}
.dater {width:auto; float:right; font-style:italic; margin-left:5px; color:#ff6404}
.nalog, .nalogno, .nalogact {color:#fe260a; float:right; width:40px; height:40px; background:url(user.jpg) center center no-repeat; border-radius:200px; margin-top:2px; border:#ccc solid 4px}
.nalog:hover, .nalogno:hover, .nalogact:hover {border:#f4f4f4 solid 4px;}
.nalogact {border:#00CC33 solid 4px}
.nalogact img {border-radius:200px; width:100%}
#target {float:left; left:0%;padding:0%; width:100%; height:200px; background:#FFFFFF;  z-index:5020; overflow-x:scroll; display:none;}.ikonicekatpo {width:12.3%; height:auto; float:left; padding:1%; margin:1%; overflow:hidden; background:#fff; font-size:10px; border-radius:0 30% 0 30%; box-shadow:3px 3px 5px #999}.ikonicekatpo h2 {font-size:15px}
.ikonicekatpo img {float:left; width:65%; margin:0 0 0 20%; height:40%}
.pr {display:inline-block; -ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);background:url(sliddes.png) center center no-repeat; width:30px; height:20px}
.nt {display:inline-block; -ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);background:url(sliddes.png) center center no-repeat; width:30px; height:20px}
.taal1,.taal2,.taal3,.taal4,.taal5{color:#ff6404; width:auto;height:auto; padding:5px; display:inline-block; font-weight:bold; font-size:14px;}.taal1:hover,.taal2:hover,.taal3:hover,.taal4:hover,.taal5:hover {text-shadow:0px 0px 0px #000;color:#333;}
.taalact{color:#ff6404; width:auto;height:auto; padding:15px; display:inline-block; font-weight:bold; font-size:14px;background:#fff url(line.jpg) bottom repeat-x;color:#333333}.tab1,.tab2,.tab3,.tab4,.tab5 {display:none;width:100%; float:left; margin-top:20px}
@media (max-width: 1290px) {
.sliderfullpage {height:380px; margin-bottom:20px;background:#fff}
.rotating-itema img {height:100%; width:auto}
.header {position:fixed}
}
@media (max-width: 1100px) {
.sliderfullpage {height:340px; margin-bottom:20px;background:#fff}
.rotating-itema img {height:100%; width:auto}
}
@media (max-width: 1000px) {
.sliderfullpage {height:300px; margin-bottom:20px;background:#fff}
}

@media (max-width: 800px) {
.articleind {width:96%;margin-right:2%; margin-bottom:2%; padding:2%; border:thin solid #F60; font-size:35px; }
.articleindvecka {width:96%;margin-right:2%; margin-bottom:2%; padding:2%; border:thin solid #F60; font-size:15px; min-height:200px;max-height:200px; overflow:scroll}
.login {width:96%; margin:auto;margin-top:20%; background:#000000; padding:2%; color:#FFFFFF; margin-bottom:10%;}
.header {width:98%; float:left; background:#fff; box-shadow:0px 0px 2px 0px #333; text-align:center; padding:1%; position:static}
.maxmeni {display:none}.showmenu {background:url(menu.png) no-repeat center center; width:50px; height:50px; display:inline-block; cursor:pointer}.dropdown:hover .dropdown-content {display: block;left:-9999em;}.langgerstoc {float: right; width:20px; height:15px; margin:5px;}.lann {position:absolute; top:65%; right:0px; background:#FFFFFF; padding:1px; border:#ccc solid thin; z-index:1000; border-right:none}.dropdown:hover .insidemega {display: block;left:-9999em;}
.logo {max-width:100%;width:100%;}
.logof {max-width:90%}
.left25fl {float:left; width:96%;height:auto; margin-left:2%; margin-bottom:2%}
.left25f {float:left; width:96%;height:auto; margin-left:2%; margin-bottom:2%}
.admthmright {width:98%; float:right; height:auto; margin-left:1%; margin-bottom:10px;}
.admimgright {width:98%; float:right; height:auto; margin-left:1%; margin-bottom:10px;}
.admimgleft {width:98%; float:left; height:auto; margin-right:1%; margin-left:1%; margin-bottom:10px;}
.article, .articlem {float:left; background:#fff; width:96%; margin-right:3%; box-shadow:0px 0px 2px #ccc; margin-bottom:3%}
.belttransparentleft{float:left; width:100%;}
.belttransparentleftmeni {width:96%;}
.belttransparentright, .belttransparentrightmeni {float:right; background:#fff; width:96%; padding:2%; margin-top:10px;}
.left25 {float:left; width:96%;height:auto; margin-left:2%;text-align:center}
.left33 {float:left; width:96%;height:auto; margin-left:2%;text-align:center;}
.left50 {float:left; width:100%;height:auto}
.right50 {float:right; width:100%;height:auto; margin-top:10px}
.basketshopins, .basketshopinns, .basketshopinnsiz, .basketshopinnsizdva {width:92%;padding:2%;font-size:20px; text-align:left; margin-left:2%}
.basketshopinnsizdva {margin-top:2%; width:96%}
.top-header {text-align:center;font-size:12px; width:96%}
.top-header img {width:12%}
.srchhold {width:101%}
.texttopheader {width:100%;}
.popup {width:94%; height:auto; position:fixed;top:2%; left:2%; background:url(bck.png); z-index:10000;text-align: center;vertical-align: middle;line-height: 18px;color:#fff; display: none; align-items: center;justify-content: center;font-size:18px;border:#CCCCCC solid thin;border-radius:8px; padding:1%}
.slider {height:280px}
.rotating-itema {height:280px;}
.rotating-itema img {height:100%; width:100%;}
.rotating-itemaa {height:280px;margin-top:5%; width:90%; left:5%;}
.slider h3,.slidercat h3, .slidsolotxt h3 {font-size:30px}
.akcijaslid {background:#FF0000; width:80px; height:47px; position:absolute; border-radius:50%; text-align:center; color:#FFFFFF; margin-top:60px; margin-left:0px; padding-top:33px; font-weight:bold;}
.arttext {float:left; width:94%; padding:3%}
.article h3, .articlem h3 {width:90%; margin-left:3%;font-size:17px; height:auto; overflow:hidden; text-align:left; font-weight:lighter;}
.orderkorakjedana {top:170px; left:0px; width:96%; height:auto;background:#fff; padding:2%;}
.articleb img {width:100%;float:left; margin-right:2%}
.arttextb {float:right; width:100%; margin-left:0%; text-align:left; margin-bottom:10px; height:auto;font-size:13px}
.fotobl {width:100%; float:left; margin-bottom:3%; margin-top:3%; font-size:15px; font-weight:bold;}
.fotoblt {width:auto; float:left; margin-top:4%}
.fotobl img {width:10%; float:left; border-radius:200px; border:#CCCCCC solid 4px;}
.articleimgh {height:auto; overflow:visible}
.article img, .articlem img {width: 100%;position: relative; top: 0%;transform: translateY(0%); height:auto }
.left20 {float:left; width:100%;height:auto; text-align:left; overflow:hidden;}
.left20b {float:left; width:100%;height:auto; text-align:left; overflow:hidden;}
.left20b img {width:100%;position: relative; top: 0%;transform: translateY(0%); }
.top-headerhold {width:98%; float:right; height:auto;margin-top:20px}
.top-headerhold a {width:auto; float:none; height:auto;}
.texttopheader img {width:100%; float:left;}
.blogger .text {float:left; width:96%; margin-top:2%; margin-left:2%; margin-top:-2%; font-size:14px; color:#000}
.blogger .text h3 {float:left; width:100%; margin:0%; font-size:35px; margin-bottom:2%}
.blogger .desno {float:right; width:96%; margin-top:2%; margin-left:2%; margin-top:-2%; font-size:14px; color:#000;}
.sliderfullpage {height:350px; margin-bottom:20px;background:#fff;}
.top-headerlo {width:80%;}
.slogan {display:none}
}
@media (max-width: 600px) {
.top-headerhold a {font-size:8px}.sliderfullpage {height:200px; margin-bottom:20px;background:#fff}
.articleimgh {height:auto; max-height:200px; overflow:hidden}
.buttonre{padding:8px 5px;font-size:12px;}
.slidprice {font-size:20px;}
.rotating-itema img {margin-left:-10%;}
.fullscreen img {height:auto;max-width:100%; margin-top:5%}
.sliderfullpagethmsfull img {width:8%; max-height:30px; margin:0.1%; display:inline-block; cursor:pointer; border:none}.ikonicekatpo {width:46%; height:auto; float:left; padding:1%; margin:1%; overflow:hidden; background:#fff; font-size:10px; border-radius:0 30% 0 30%}.ikonicekatpo h2 {font-size:30px}
.rotating-itema img {margin-left:-30%; width:auto; height:100%}
.slidsoloimg img, .rotating-itemacat img {height:100%; width:auto}
}
@media (max-width: 400px) {
.sliderfullpage {height:160px; margin-bottom:20px;background:#fff}
.rotating-itemaa {margin-top:-5%}
}

input[type=range] {
  -webkit-appearance: none;
  width: 96%;
  margin-left: 0%; border:none
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  box-shadow: 1px 1px 10px #000000, 0px 0px 1px #0d0d0d;
  background: #003366;
  border-radius: 10px;
  border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 80px;
  width: 26px;
  background: none;
  cursor: pointer; background:url(range.png) top center no-repeat;
  margin-top: -24px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #367ebd;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  box-shadow: 1px 1px 10px #000000, 0px 0px 1px #0d0d0d;
  background: #003366;
  border-radius: 10px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  border: none;
  height: 80px;
  width: 26px;
  background: none;
  cursor: pointer; background:url(range.png) top center no-repeat
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #3071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  -webkit-appearance: none;
  border: none;
  height: 80px;
  width: 26px;
  background: none;
  cursor: pointer; background:url(range.png) top center no-repeat;
  margin-top: -24px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #3071a9;
}
input[type=range]:focus::-ms-fill-upper {
  background: #367ebd;
}
.valslid {float:left; width:96%; text-align:center; font-weight:bold}
#share-buttons img {width: 35px;padding: 5px;border: 0;box-shadow: 0;display: inline;}.prw {-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);background:url(sliddes.png) center center no-repeat; width:50px; height:50px;position:absolute; top:45%; left:5%; }.nxt {-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);background:url(sliddes.png) center center no-repeat; width:50px; height:50px;position:absolute; top:45%; right:5%;}
.sliderfullpagethmsfull .actung {width:5%; margin:0.1%; display:inline-block; cursor:pointer; border:#FF6600 solid 5px}
#listofpodkat {display:none; margin-left:1%}.imagecatoo {width:3%; position:absolute;margin-top:-0.5%; z-index:1; margin-left:0%}.imagecatoo img {border-radius:50%; border:#999 solid 1px}