@import url("http://fonts.googleapis.com/css?family=Oswald&subset=latin,latin-ext");
@import url("http://fonts.googleapis.com/css?family=Roboto:400,300,500,700|Roboto+Condensed");
html { background: #333; }
body { background: -moz-linear-gradient(top, #e0e0e0 0%, #f7f7f7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0e0e0), color-stop(100%, #f7f7f7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e0e0e0 0%, #f7f7f7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e0e0e0 0%, #f7f7f7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e0e0e0 0%, #f7f7f7 100%); /* IE10+ */ background: linear-gradient(to bottom, #e0e0e0 0%, #f7f7f7 100%); /* W3C */ margin-top: 0px; font-family: 'Roboto', 'Roboto Condensed', sans-serif; margin-right: auto; margin-left: auto; font-size: 13px; }
h1 { transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: #F60; font-size: 22px; }
h1:hover { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: #999; font-size: 22px; }
h2 { color: #FFF; margin: 0px; }
h3 { padding: 0px; font-size: 18px; color: #FFF; margin-top: 1px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; }
h4 { margin: 0px; padding: 0px; font-size: 16px; }
h5 { margin: 0px; padding: 0px; color: #000; font-size: 18px; }
h6 { font-size: 21px; margin: 0px; padding: 0px; }
a { transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; color: #fff; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; text-decoration: none; }
a:hover { color: #999; }
p { font-size: 13px; margin: 0px; padding: 0px; line-height: 16px; }
.body-wrapper { margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-image: url(../images/head-bck.png); background-repeat: repeat-x; }
.wrapper { margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; width: 960px; }
.nav { margin-top: 0px; height: 40px; }
.nav-bar { float: left; margin-top: 10px; }
.nav-bar ul { list-style: none; color: #FFF; margin-top: 0px; padding-left: 0px; margin-left: 0px; }
.nav-bar ul li { float: left; background-image: url(../images/nav-strela.png); background-repeat: no-repeat; background-position: 0px 7px; padding-left: 10px; margin-right: 20px; margin-top: 0px; font-size: 15px; /*list-style-position: inside*/; }
.nav-bar ul li a { transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; color: #FFF; }
.nav-bar ul li a:hover { color: #5FB715; }
.nav-bar2 { float: right; margin-top: 5px; }
span { color: #FFF; margin-top: 7px; }
.header-menu span { float: left; }
#MenuBar1 li .MenuBarItemSubmenu { color: #F60; }
#MenuBar1 li ul li { background-color: #ddd; }
#MenuBar2 li ul li { background-color: #ddd; }
#MenuBar2 li ul { margin-top: 5px; }
#MenuBar2 li .MenuBarItemSubmenu { color: #F60; }
#MenuBar1 { float: left; padding-bottom: 5px; }
#MenuBar1 li ul { margin-top: 5px; }
#MenuBar2 { float: left; }
.clear { clear: both; margin-top: 0px; }
.header { margin-top: 12px; }
.logo { float: left; position: absolute; z-index: 120; }
.prijava { float: right; margin-top: 20px; }
.lock { transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; height: 35px; width: 38px; float: left; background-color: #5FB715; margin-right: 5px; text-align: center; padding-top: 3px; border-radius: 4px; }
.lock:hover { height: 35px; width: 38px; float: left; background-color: #999999; margin-right: 5px; text-align: center; padding-top: 3px; border-radius: 4px; }
.check { transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; height: 33px; width: 138px; float: right; background-color: #5FB715; color: #FFF; font-size: 18px; text-align: center; padding-top: 5px; border-radius: 4px; margin-bottom: 19px; font-weight: bold; }
.check:hover { height: 33px; width: 138px; float: right; background-color: #999; color: #FFF; text-align: center; padding-top: 5px; border-radius: 4px; margin-bottom: 19px; }
.check a:hover { color: #FFF; }
.dalje a:hover { color: #FFF; }
.check2 { transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; float: left; background-color: #5FB715; background-image: url(../js/spry/SpryMenuBarRightHover-left.gif); background-repeat: no-repeat; background-position: 10px 15px; color: #FFF; font-size: 18px; text-align: center; padding-top: 5px; border-radius: 4px; margin-bottom: 19px; width: 158px; height: 33px; font-weight: bold; }
.check2:hover { height: 33px; width: 158px; float: left; background-color: #999; background-image: url(../js/spry/SpryMenuBarRightHover-left.gif); background-repeat: no-repeat; background-position: 5px 15px; color: #FFF; text-align: center; padding-top: 5px; border-radius: 4px; margin-bottom: 19px; }
.check2 a:hover { color: #FFF; }
.dalje { transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; height: 33px; width: 138px; float: right; background-color: #5FB715; color: #FFF; font-size: 18px; text-align: center; padding-top: 5px; border-radius: 4px; margin-bottom: 19px; font-weight: bold; background-image: url(../js/spry/SpryMenuBarRightHover.gif); background-repeat: no-repeat; background-position: 127px 15px; }
.dalje:hover { height: 33px; width: 138px; float: right; background-color: #999; color: #FFF; text-align: center; border-radius: 4px; margin-bottom: 19px; background-image: url(../js/spry/SpryMenuBarRightHover.gif); background-repeat: no-repeat; background-position: 127px 15px; }
.sljedeci { margin-top: 20px; }
.side-naslov { height: 45px; width: 200px; float: left; border-radius: 4px 4px 0px 0px; position: relative; z-index: 100; padding-top: 15px; padding-left: 20px; background-color: #555; }
.search-bar { float: right; height: 60px; width: 720px; background-image: url(../images/search-bck.png); background-repeat: repeat-x; border-radius: 4px 4px 0px 0px; position: relative; z-index: 90; }
#search { font-size: 18px; margin-top: 87px; margin-left: 260px; border-radius: 4px; border: thin solid #F60; position: absolute; z-index: 500; padding-top: 7px; padding-right: 5px; padding-bottom: 7px; padding-left: 5px; width: 305px; }
.search { position: absolute; z-index: auto; height: 30px; width: 130px; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; background-color: #F60; margin-top: 10px; margin-left: 320px; padding-top: 7px; border-radius: 0px 4px 4px 0px; background-image: url(../images/lupa.png); background-repeat: no-repeat; background-position: 100px 7px; text-align: center; }
.search:hover { position: absolute; z-index: auto; height: 31px; width: 130px; background-color: #999; margin-top: 10px; margin-left: 320px; border-radius: 0px 4px 4px 0px; background-image: url(../images/lupa.png); background-repeat: no-repeat; background-position: 100px 7px; text-align: center; padding-top: 7px; }
.search b { font-size: 17px; color: #FFF; text-align: center; }
.kosara { float: right; margin-top: 10px; }
.ikona { transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; height: 31px; width: 34px; background-color: #F60; padding-top: 8px; padding-left: 4px; border-radius: 4px; float: left; margin-right: 5px; }
.ikona:hover { height: 31px; width: 34px; background-color: #999; padding-top: 8px; padding-left: 4px; border-radius: 4px; float: left; margin-right: 5px; }
.iznos { font-family: 'Roboto Condensed', sans-serif; background-color: #F60; height: 29px; width: 165px; color: #FFF; font-weight: bold; padding-top: 10px; float: right; margin-right: 7px; border-radius: 4px; font-size: 14px; text-align: center; }
.iznos b { font-family: 'Roboto', sans-serif; }
.side-bar { width: 220px; float: left; }
.side-bar-menu { width: 220px; background-color: #ededed; }
.side-bar-menu ul { padding: 0; margin: 0; list-style-type: none; }
.side-bar ul li { padding: 0; margin: 0; font-size: 13px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; list-style-position: outside; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; background-image: url(../images/nav-strela.png); background-repeat: no-repeat; background-position: 7px 18px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFF; color: #333; overflow: hidden; }
.side-bar-menu ul li a.active { background-color: #5FB715 !important; color: #FFF; background-image: url(../images/nav-strela-h.png); background-repeat: no-repeat; background-position: 7px 18px; }
.side-bar-menu ul li:hover { background-color: #f4f4f4; }
.side-bar ul li ul li:first-child { border-top: none; }
.side-bar ul li ul li:last-child { border-bottom: none; }
.side-bar ul li a { padding-top: 12px; padding-right: 10px; padding-bottom: 12px; padding-left: 18px; display: block; color: #333; text-transform: uppercase; }
.side-bar ul li a:hover { color: #5FB715; }
.side-bar ul li a.active:hover { color: #fff; }
.side-bar ul li ul { padding: 0px 10px; }
.side-bar ul li ul li { background-position: 7px 15px; }
.side-bar ul li ul a { padding: 8px 10px 8px 18px; color: #666; font-size: 12px; }
.side-bar ul ul { padding: 0; margin: 0; display: none; }
.side-bar-menu li:hover ul { display: block; }
.podrska { width: 198px; margin-top: 20px; background-image: url(../images/podrska.png); color: #666; padding-top: 10px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; border: 1px solid #CCC; background-repeat: no-repeat; background-position: 0px 0px; }
.novosti { width: 198px; margin-top: 20px; color: #666; padding-top: 10px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; background-position: 0px -16px; border: 1px solid #CCC; }
.novosti a { transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; color: #F60; }
.novosti a:hover { color: #999; }
.novosti h1 { border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #999; margin-bottom: 10px; }
.novosti h4 { transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; color: #666; }
.novosti h4:hover { color: #999; }
hr { color: #eee; }
.gosti { margin-top: 20px; padding: 10px; width: 198px; border: 1px solid #CCC; }
.gosti a { transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; color: #F60; }
.gosti a:hover { color: #999; }
.content { float: right; width: 720px; }
.chat { transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; width: 100px; height: 21px; text-align: center; padding-top: 3px; background-image: url(../images/chat-bck.png); background-repeat: repeat-x; border-radius: 4px; border: 1px solid #CCC; }
.chat:hover { color: #fff; width: 100px; height: 21px; text-align: center; padding-top: 3px; background-image: url(../images/chat-bck-h.png); background-repeat: repeat-x; border-radius: 4px; border: 1px solid #CCC; }
.slider { height: 330px; width: 720px; margin-bottom: 10px; background-color: #666; margin-top: 20px; }
.kategorija-lijevo { float: left; height: 148px; width: 328px; margin-top: 10px; margin-bottom: 10px; background-repeat: no-repeat; border: 1px solid #CCC; padding: 10px; }
.kategorija-lijevo p { color: #666; font-size: 14px; }
.kategorija-desno { float: right; height: 148px; width: 328px; margin-top: 10px; margin-bottom: 10px; border: 1px solid #CCC; background-repeat: no-repeat; padding: 10px; }
.kategorija-desno p { font-size: 14px; color: #666; }
.kategorija-lijevo2 { float: left; height: 148px; width: 328px; margin-top: 10px; margin-bottom: 10px; background-image: url(../images/grijanje-kat.png); background-repeat: no-repeat; border: 1px solid #CCC; padding: 10px; }
.kategorija-lijevo2 p { font-size: 15px; color: #666; }
.kategorija-desno2 { float: right; height: 148px; width: 328px; margin-top: 10px; margin-bottom: 10px; border: 1px solid #CCC; background-image: url(../images/pec-kat.png); background-repeat: no-repeat; padding: 10px; }
.kategorija-desno2 p { font-size: 15px; color: #666; }
.pogled { height: 26px; width: 135px; margin-top: 12px; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; color: #FFF; background-color: #F60; font-weight: bold; text-align: center; padding-top: 5px; border-radius: 4px; }
.pogled:hover { height: 26px; width: 135px; margin-top: 12px; color: #FFF; background-color: #999; font-weight: bold; text-align: center; padding-top: 5px; border-radius: 4px; }
.naslovi { background-image: url(../images/naslov-bck.png); background-repeat: repeat-x; margin-bottom: 10px; }
.divider { clear: both; height: 22px; }
.naslov1 { width: 226px; height: 38px; float: left; background-image: url(../images/naslov1-bck.png); background-repeat: no-repeat; }
.naslov-proizvodi { width: 472px; height: 38px; float: left; background-image: url(../images/naslov-proizvodi-bck.png); background-repeat: no-repeat; }
.naslov2 { height: 33px; width: 226px; float: left; margin-left: 20px; text-align: center; padding-top: 5px; }
.ponuda { width: 204px; float: left; background-color: #FFF; padding: 10px; margin-top: 10px; margin-bottom: 10px; border: 1px solid #CCC; }
.ponuda2 { margin-left: 20px; }
.ponuda > p { height: 32px; overflow: hidden; }
.ponuda { height: 373px; overflow: hidden }
.ponuda .title_desc { min-height: 85px; overflow: hidden; }
.ponuda .cijena { padding-top: 20px; }
.slika { width: 206px; height: 159px; text-align: center; margin-bottom: 10px; }
.cijena { width: 125px; margin-top: 10px; float: left; position: relative; }
.cijena p { font-size: 11px; }
.cijena h5 span { position: absolute; top: 0px; font-size: 10px; }
.kolicina { height: 30px; width: 125px; margin-top: 7px; background-image: url(../images/kol-bck.png); background-repeat: repeat-x; border: 1px solid #CCC; }
.kolicina p { font-size: 13px; color: #666; margin-top: 7px; margin-left: 5px; float: left; }
.red { height: 30px; width: 125px; margin-top: 1px; background-image: url(../images/kol-bck.png); background-repeat: repeat-x; float: right; margin-right: 1px; }
.broj { height: 23px; float: right; margin-top: 3px; background-color: #FFF; margin-right: 3px; }
.plus { transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; height: 21px; width: 18px; background-image: url(../images/kol-bck.png); background-repeat: repeat-x; border: 1px solid #999; float: left; text-align: center; padding-top: 1px; font-weight: bold; font-size: 14px; }
.plus a { color: #000; display: block; }
.plus:hover { height: 21px; width: 18px; background-image: url(../images/chat-bck-h.png); background-repeat: repeat-x; border: 1px solid #999; float: left; text-align: center; padding-top: 1px; color: #FFF; }
.minus { transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; height: 21px; width: 18px; background-image: url(../images/kol-bck.png); background-repeat: repeat-x; border: 1px solid #999; float: left; text-align: center; padding-top: 1px; font-weight: bold; font-size: 14px; color: #000; }
.minus a { color: #000; }
.minus:hover { height: 21px; width: 18px; background-image: url(../images/chat-bck-h.png); background-repeat: repeat-x; border: 1px solid #999; float: left; text-align: center; padding-top: 1px; color: #FFF; }
.plus-broj { height: 21px; width: 24px; float: left; text-align: center; font-size: 14px; padding-top: 1px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #999; border-bottom-color: #999; overflow: hidden; }
.plus-broj ul { margin: 0px; padding: 0px; }
#next { text-align: center; height: 24px; width: 21px; }
.red p { font-size: 13px; color: #666; margin-top: 7px; margin-left: 5px; float: left; }
.prikaz { width: 105px; margin-top: 1px; background-image: url(../images/kol-bck.png); background-repeat: repeat-x; float: right; margin-right: 1px;   padding: 3px; }
.prikaz p { font-size: 13px; color: #666; margin-top: 7px; margin-left: 5px; float: left; }
.prikaz-menu { height: 22px; width: 59px; float: left; background-color: #FFF; padding-left: 5px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #CCC; border-bottom-color: #CCC; text-align: center; }
.postotak { width: 70px; height: 80px; float: right; margin-top: 30px; text-align: center; }
.postotak h5 { color: #F60; font-size: 25px; }
.kupi { transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; background-image: url(../images/kupi.png); background-repeat: no-repeat; width: 45px; padding-left: 25px; height: 35px; color: #FFF; margin-top: 10px; display: block; font-weight: bold; line-height: 36px; vertical-align: middle; }
.kupi:hover { background-image: url(../images/kupi-h.png); background-repeat: no-repeat; width: 45px; padding-left: 25px; height: 35px; color: #FFF; margin-top: 10px; }
.kupi p { font-weight: bold; padding-top: 10px; padding-left: 25px; }
.popularno { width: 204px; float: left; margin-left: 20px; background-color: #FFF; padding: 10px; margin-top: 10px; margin-bottom: 10px; border: 1px solid #CCC; }
.najprodavanije { width: 204px; float: left; margin-left: 20px; background-color: #FFF; padding: 10px; margin-top: 10px; margin-bottom: 10px; border: 1px solid #CCC; }
.footer-wrapper { background-color: #666; }
.footer { background-color: #666; margin-right: auto; margin-left: auto; margin-top: 10px; width: 960px; padding-top: 20px; padding-bottom: 20px; }
.logo-down { float: left; width: 220px; padding-left: 10px; }
.logo-down p { color: #CCC; margin-top: 10px; }
.site { float: left; width: 150px; padding-left: 10px; border-right-width: 1px; border-right-style: solid; border-right-color: #999; height: 140px; }
.site ul { padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; color: #FFF; }
.site ul li { list-style-image: url(../images/footer-strela.png); list-style-position: outside; padding-bottom: 5px; }
.info { float: left; width: 200px; padding-left: 20px; border-right-width: 1px; border-right-style: solid; border-right-color: #999; height: 140px; }
.info ul { padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; color: #FFF; }
.info ul li { list-style-image: url(../images/footer-strela.png); list-style-position: outside; padding-bottom: 5px; }
.acc { float: left; width: 170px; padding-left: 20px; }
.acc ul { padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; color: #FFF; }
.acc ul li { list-style-image: url(../images/footer-strela.png); list-style-position: outside; padding-bottom: 5px; }
.pay { float: left; width: 155px; text-align: center; }
.stranice { clear: both; width: 718px; border: 1px solid #999; background-color: #ddd; border-radius: 4px; padding-top: 3px; padding-bottom: 3px; }
.brojevi { width: 463px; float: left; padding-top: 3px; }
.stranice a p, .stranice li.previous a, .stranice li.next a { transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; float: left; margin-right: 5px; margin-top: 5px; margin-left: 5px; color: #666; }
.stranice a p:hover, .stranice li.previous a:hover, .stranice li.next a:hover { float: left; margin-right: 5px; margin-top: 5px; margin-left: 5px; color: #f60; }
.stranice .brojevi ul { list-style-type: none; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.pagination { padding: 0; margin: 0; }
.pagination li { list-style: none; float: left; }
.stranice .brojevi ul li a, li.page_num a { transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; float: left; text-align: center; border: 1px solid #999; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px; background-image: url(../images/broj-bck.png); background-repeat: repeat-x; border-radius: 4px; color: #666; }
.stranice .brojevi ul a li:hover, li.page_num a:hover { float: left; text-align: center; border: 1px solid #999; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px; background-image: url(../images/broj-bck-h.png); background-repeat: repeat-x; border-radius: 4px; color: #333; }
.prikaz-dolje .red .broj { padding-right: 0px; padding-bottom: 0px; padding-left: 3px; margin-top: 3px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; }
.prikaz-dolje { width: 250px; float: right; margin-right: 5px; padding-bottom: 2px; }
.opis { padding: 10px; background-color: #FFF; }
.opis-slika { float: left; width: 230px; text-align: center; }
.opis-tekst { width: 450px; float: right; }
.opis-tekst h4 { color: #555; margin-bottom: 10px; }
.kolicina-opis { }
.kolicina-opis .kupi { float: left; padding-left: 35px; margin-left: 20px; }
.kupi_holder { float: left; }
.kolicina-opis .kolicina { float: left; margin-top: 10px; }
.ikone { margin-top: 20px; }
.ikone img { transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; margin-right: 5px; padding-left: 10px; background-image: url(../images/nav-strela.png); background-repeat: no-repeat; background-position: 0 -7px; }
.ikone img:hover { margin-right: 5px; padding-left: 10px; background-image: url(../images/nav-strela.png); background-repeat: no-repeat; background-position: 0 5px; }
.adresa { width: 350px; float: right; }
.adresa p a { color: #000; }
.adresa p a:hover { color: #999; }
.obrazac { float: left; width: 350px; }
.karta { clear: both; height: 200px; background-color: #CCC; }
input { margin-top: 10px; border-radius: 4px; padding-left: 7px; background-color: #eee; }
textarea { margin-top: 10px; border-radius: 4px; padding-left: 7px; background-color: #eee; }
.datum { -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; float: left; padding-top: 3px; padding-right: 20px; padding-bottom: 3px; padding-left: 3px; margin-right: 10px; background-image: url(../js/spry/SpryMenuBarDownHover.gif); background-repeat: no-repeat; background-position: 50px 9px; width: 40px; border: 1px solid #999; border-radius: 4px; height: 17px; display: block; overflow: hidden; text-align: center; list-style-type: none; }
.datum:hover { float: left; padding-top: 3px; padding-right: 20px; padding-bottom: 3px; padding-left: 3px; margin-right: 10px; background-image: url(../js/spry/SpryMenuBarDownHover.gif); background-repeat: no-repeat; background-position: 50px 9px; width: 40px; min-height: 255px; border: 1px solid #999; border-radius: 4px; text-align: center; list-style-type: none; overflow: scroll; }
.datum ul { list-style-type: none; margin: 0px; padding: 0px; }
.odabir { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; margin-bottom: 10px; padding-bottom: 10px; }
.odabir-slika { height: 100%; width: 150px; float: left; }
.odabir-tekst { width: 530px; float: right; }
.detalji { margin-top: 15px; padding: 2px; width: 330px; float: left; }
.detalj { width: 160px; float: left; background-color: #999; margin-right: 1px; }
.detalj b { color: #FFF; padding-left: 10px; }
.detalj2 { background-color: #FFF; padding-left: 10px; padding-top: 5px; }
.detalj-kol { float: left; width: 150px; margin-top: 10px; margin-left: 10px; }
.detalj-kol b { float: left; }
.smece { transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; width: 27px; float: right; background-color: #5FB715; text-align: center; height: 27px; border-radius: 4px; margin-top: 19px; padding-top: 1px; }
.smece:hover { width: 27px; float: right; background-color: #999999; text-align: center; height: 27px; border-radius: 4px; padding-top: 1px; margin-top: 19px; }
.zbroj1 { border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #CCC; border-bottom-color: #CCC; padding-top: 5px; padding-bottom: 5px; margin-top: 10px; }
.zbroj1 b { float: left; }
.zbroj2 strong { color: #666; }
.zbroj2 b { float: left; }
.zbroj2 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; padding-top: 5px; padding-bottom: 5px; margin-top: 10px; }
.zbroj2 strong, .zbroj1 strong { font-size: 16px; margin-left: 5px; color: #5FB715; float: right; }
.koraci { height: 40px; }
.korak { width: 179px; float: left; background-color: #666; margin-right: 1px; padding-bottom: 5px; background-image: url(../js/spry/SpryMenuBarRightHover.gif); background-repeat: no-repeat; background-position: 165px 12px; }
.vise { transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; padding: 5px; width: 30px; background-color: #5FB715; border-radius: 4px; text-align: center; }
.vise:hover { padding: 5px; width: 30px; background-color: #999999; border-radius: 4px; text-align: center; }
.vise a:hover { color: #FFF; }
.opis span { color: #333; padding-top: 3px; }
table { width: 100%; margin-top: 5px; }
#vrijednosti { background-color: #FFF; }
#ukupno { background-color: #eee; }
#dostava { background-color: #ccc; }
td { background-color: #ddd; }
#wowslider-container1 { zoom: 1; position: relative; max-width: 720px; margin: 0px auto 0px; z-index: 90; border: none; text-align: left; /* reset align=center */ }
* html #wowslider-container1 { width: 720px }
#wowslider-container1 .ws_images ul { position: relative; width: 10000%; height: auto; left: 0; list-style: none; margin: 0; padding: 0; border-spacing: 0; overflow: visible; /*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li { width: 1%; line-height: 0; /*opera*/ float: left; font-size: 0; padding: 0 0 0 0 !important; margin: 0 0 0 0 !important; }
#wowslider-container1 .ws_images { position: relative; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
#wowslider-container1 .ws_images a { width: 100%; display: block; color: transparent; }
#wowslider-container1 img { max-width: none !important; }
#wowslider-container1 .ws_images img { width: 100%; border: none 0; max-width: none; padding: 0; }
#wowslider-container1 a { text-decoration: none; outline: none; border: none; }
#wowslider-container1 .ws_bullets { font-size: 0px; float: left; position: absolute; z-index: 70; }
#wowslider-container1 .ws_bullets div { position: relative; float: left; }
#wowslider-container1 a.wsl { display: none; }
#wowslider-container1 sound, #wowslider-container1 object { position: absolute; }
#wowslider-container1 { border-left: 0px; border-right: 0px; }
#wowslider-container1 .ws_bullets { padding: 5px; }
#wowslider-container1 .ws_bullets a { width: 22px; height: 20px; background: url(../images/bullet.png) left top; float: left; text-indent: -1000px; position: relative; margin-left: 0; color: transparent; }
#wowslider-container1 .ws_bullets a.ws_selbull, #wowslider-container1 .ws_bullets a:hover { background-position: 0 100%; }
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev { position: absolute; display: none; bottom: 0; margin-top: -15px; z-index: 60; height: 30px; width: 30px; background-image: url(../images/arrows.png); }
#wowslider-container1 a.ws_next { background-position: 100% 0; right: 1px; }
#wowslider-container1 a.ws_prev { right: 32px; background-position: 0 0; }
#wowslider-container1 a.ws_next:hover { background-position: 100% 100%; }
#wowslider-container1 a.ws_prev:hover { background-position: 0 100%; }
* html #wowslider-container1 a.ws_next, * html #wowslider-container1 a.ws_prev { display: block }
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev { display: block }
/* bottom center */
#wowslider-container1 .ws_bullets { bottom: 0; left: 50%; }
#wowslider-container1 .ws_bullets div { left: -50%; }
#wowslider-container1 .ws-title { position: absolute; display: block; bottom: 35px; left: 20px; margin-right: 5px; padding: 7px; background: none; color: #FFFFFF; z-index: 50; font-family: 'Oswald', Impact, Charcoal, sans-serif; font-size: 35px; line-height: 42px; font-weight: normal; text-transform: uppercase; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); border-radius: 0; opacity: 1; }
#wowslider-container1 .ws-title div { padding-top: 5px; font-size: 16px; line-height: 18px; }
#wowslider-container1 .ws_images ul { animation: wsBasic 8s infinite; -moz-animation: wsBasic 8s infinite; -webkit-animation: wsBasic 8s infinite; }
@keyframes wsBasic { 0% {
left:-0%
}
25% {
left:-0%
}
50% {
left:-100%
}
75% {
left:-100%
}
}
@-moz-keyframes wsBasic { 0% {
left:-0%
}
25% {
left:-0%
}
50% {
left:-100%
}
75% {
left:-100%
}
}
@-webkit-keyframes wsBasic { 0% {
left:-0%
}
25% {
left:-0%
}
50% {
left:-100%
}
75% {
left:-100%
}
}
.clearfix:before, .clearfix:after { display: table; content: " "; }
.clearfix:after { clear: both; }
#izdvojeno_panes .pane { display: none; }
#izdvojeno_tabs { background-image: url(../images/naslov-bck.png); background-repeat: repeat-x; padding: 0; margin: 0; list-style: none; margin-bottom: 10px; height: 38px; display: block; }
#izdvojeno_tabs li { padding: 0; margin: 0; height: 38px; float: left; width: 33.33333%; height: 38px; float: left; }
#izdvojeno_tabs li a { display: block; height: 38px; padding: 0px 10px; line-height: 30px; vertical-align: middle; color: #FFF; font-size: 18px; }
#izdvojeno_tabs li a.current { background-image: url(../images/naslov1-bck.png); background-repeat: no-repeat; background-position: top; color: #000; }
.naslovi { background-image: url(../images/naslov-bck.png); background-repeat: repeat-x; margin-bottom: 10px; }
.divider { clear: both; height: 22px; }
.naslov1 { width: 226px; height: 38px; float: left; background-image: url(../images/naslov1-bck.png); background-repeat: no-repeat; }
.naslov-proizvodi { width: 472px; height: 38px; float: left; background-image: url(../images/naslov-proizvodi-bck.png); background-repeat: no-repeat; }
.naslov2 { height: 33px; width: 226px; float: left; margin-left: 20px; text-align: center; padding-top: 5px; }
article a { color: #F60; }
article p { padding: 5px 0px; }
article h1, article h2, article h3, article h4, article h5, article h6 { transition: none; -moz-transition: none; -webkit-transition: none; padding: 0; margin: 0; margin-bottom: 10px; color: #F60; font-size: 22px; }
article h1:hover, article h2:hover, article h3:hover, article h4:hover, article h5:hover, article h6:hover { color: #999; padding: 0; margin: 0; margin-bottom: 10px; }
article h2 { font-size: 20px; }
article h3 { font-size: 18px; }
article h4, article h5, article h6 { font-size: 16px; }
article .date { font-size: 12px; color: #666; }
.galerija { }
.g_lijevo, .g_desno { display: none; }
.gallery_wrapp { padding: 15px 5px 5px 5px; background-color: #FFF; }
.basket_btn { border: none; cursor: pointer; font-family:Roboto; padding:0px; line-height:33px; vertical-align:middle; }
select.nacin_placanja, select.dostava { padding: 3px; border-radius: 5px; float: right; }
#page_content table { background-color: #FFF; }
.noborder { border: none; }
table td.al { text-align: left; }
table td.ar { text-align: right; }
.frmRegister label { display: block; }
#help_message { padding-bottom: 10px; }
#help_message strong { float: none; }
#user_menu { height: 33px; line-height: 33px; vertical-align: middle; float: right; padding-top: 10px; margin-bottom: 14px; }
#user_menu a { color: #000; font-weight: bold; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; }
#user_menu a:hover { color: #333; font-weight: bold; }

#orders_table a { color:#F60;}

form.inlineForm { float:left !important; margin-right:20px;}
label.error { color:#F30;}

#MenuBar3 li ul li { background-color: #ddd; width:100px; height:33px;}
#MenuBar3 > li > a { line-height:22px; height:33px; vertical-align:middle;}
#MenuBar3 a {  padding:0px 10px; margin:0;}
#MenuBar3 > ul { width:150px;}

#MenuBar4 li ul li { background-color: #ddd; width:100px; height:33px;}
#MenuBar4 > li > a { line-height:22px; height:33px; vertical-align:middle;}
#MenuBar4 a {  padding:0px 10px; margin:0;}
#MenuBar4 > ul { width:150px;}

@media (max-width: 960px) {
body { width: 960px; }
}