@charset "UTF-8";
html { height: 100%; width: 100%; }
body { font-family:Arial, Helvetica, sans-serif; line-height: normal; color:#000; background-color:#3D4255; font-size:12px; height: 100%; width: 100%; margin:0; padding:0;}

a { color:#3D4255; text-decoration:none; outline:none; }
a:hover { color:#C36422; text-decoration:none; }
a:visited { text-decoration:none; }
img { border:none; }

.wrapper { width:992px; color:#3D4255; background:#fff url(../images/bg.gif) repeat-y left top; height:auto; overflow:hidden; margin:0 auto; }
.innerWrapper { width:982px; height:auto; overflow:hidden; margin:0 auto; }

.header { display:none; width:100%; height:auto; overflow:hidden; position:relative; background-color:#3e4356; }
.logo { position:absolute; display:block; left:20px; top:30px; }

.login { margin-left:20px; padding:50px 0 250px; height:auto; overflow:hidden; }
.login .loginForm h3 { font-size:14px; margin:0 0 10px; padding:3px 5px 3px; display:block; width:100%; background:#8C99A9; color:#fff; }
.login .loginForm { height:auto; overflow:hidden; width:300px; margin:0 auto; border:2px solid #8C99A9; }
.login .loginForm .inner { height:auto; overflow:hidden; padding:10px; text-align:center; }
.login .loginForm .inner form { margin:0; padding:0; }
.login .loginForm .register { clear:both; height:auto; overflow:hidden; padding:5px 0; text-align:center; font-size:13px; }
.login .loginForm .register a { text-decoration:underline; }
.login label, .login div.label { text-align:right; width:85px; float:left; clear:both; height:20px; margin:4px 5px 5px 0;}
.login label.error { text-align:center; width:100%; float:left; clear:both; height:20px; margin:-5px 5px 5px 0; }
.login input { width:180px; float:left; height:14px; }
.login div.input  { width:180px; float:left; height:16px; margin:3px 5px 5px 0; font-size:14px; text-align:left; font-weight:bold; }
.login input#submit, .login input#izmeni, .login input#otkazi, .login input#insert { display:block; margin:10px auto; height:auto; width:100px; float:none; clear:both; }

.checkoutPodaci { float:left; }
.checkoutPodaci div.label { text-align:left; width:70px; float:left; clear:both; height:auto; margin:4px 5px 0 0; }
.checkoutPodaci div.input  { width:380px; float:left; height:auto; margin:0; font-size:14px; text-align:left; font-weight:bold; margin:2px 5px 0 0; }
.checkoutPodaci div.input a, .row2 a { color:#C36422; font-size:12px; font-weight:normal; text-decoration:underline; }


.headerTop { width:100%; height:121px; overflow:hidden; }
.headerTop .distancer { width:189px; height:111px; float:left; }

.headerTop ul.topLinks { font-size:11px; top:2px; right:0; position:absolute; list-style-type:none; list-style-position:inside; padding:0; height:20px; margin:0; }
.headerTop ul.topLinks li { width:auto; height:20px; float:left; position:relative; }
.headerTop ul.topLinks li a { color:#ccc; text-align:center; padding:0 10px; display:inline; height:auto; width:auto; }
.headerTop ul.topLinks li a:hover { color:#C36422; }

.fLinks { text-align:center; height:auto; overflow:hidden; display:none; }
ul.footerLinks { font-size:11px; list-style-type:none; list-style-position:inside; padding:0; height:20px; margin:0; display:block; text-align:center; }
ul.footerLinks li { width:auto; height:20px; position:relative; display:inline; }
ul.footerLinks li a { color:#333; text-align:center; padding:0 10px; display:inline; height:auto; width:auto; text-decoration:underline; }
ul.footerLinks li a:hover { color:#C36422; }

.headerTop ul { list-style-type:none; list-style-position:inside; padding:0; height:100px; margin:0; margin-top:15px; float:left; }
.headerTop li { width:99px; height:100px; display:block; float:left; position:relative; }
.headerTop li a { width:99px; height:100px; display:block; text-align:center; }

.headerBottom { height:35px; width:100%; }
.headerBottom .ticker { width:178px; padding:10px 7px 5px 4px; height:20px; background:url(../images/ticker_bg.jpg) no-repeat left top; float:left; }
.headerBottom ul { list-style-type:none; list-style-position:inside; padding:0; height:35px; margin:0; float:left; }
.headerBottom li { width:99px; height:35px; display:block; float:left; position:relative; }
.headerBottom li a { width:99px; height:35px; display:block; text-align:center; }

.grayBar { display:none; width:100%; height:28px; background:url(../images/gray_bg.gif) repeat-x left top; margin: 5px 0 0; position:relative; }
.grayBar input.fastSearch { display:block; width:201px; height:17px; padding:2px 3px 0 5px; background:url(../images/inputbg.jpg) no-repeat left top; float:right; margin:5px; border:none; }
.grayBar a.searchBtn { position:relative; display:block; text-align:center; padding:2px 0 0; width:92px; height:19px; background:url(../images/btn_c.jpg) repeat-x left top; float:right; margin:4px 5px 0 0; border:none; color:#3D4255; font-weight:bold; font-size:13px; }
.grayBar .searchBtnL { width:5px; height:21px; position:absolute; top:0; left:0; background:url(../images/btn_l.jpg) no-repeat left top; }
.grayBar .searchBtnR { width:8px; height:21px; position:absolute; top:0; right:0; background:url(../images/btn_r.jpg) no-repeat left top; }
.grayBar a.searchBtn:hover { color:#C36422; }

.grayBar .desc, .sortBar .desc { position:absolute; left:10px; top:6px; font-size:13px; color:#ccc; font-weight:bold; }

.advSearch { position:relative; display:none; width:968px; height:auto; overflow:hidden; background-color:#717171; margin:0 auto 5px; }

.advSearch .top { width:100%; height:21px; line-height:11px; background:url(../images/advsearch_top.jpg) no-repeat left top; }
.advSearch .round { position:absolute; bottom:0; width:968px; height:8px; line-height:8px; background:url(../images/advsearch_round.jpg) no-repeat left top; }
.advSearch .center { width:928px; margin:0 auto; padding-bottom:10px; color:#fff; }
.advSearch .center .left { width:460px; float:left; height:auto; overflow:hidden; position:relative; }
.advSearch .center .right { width:460px; float:right; height:auto; overflow:hidden; }
.advSearch .center .line { width:100%; margin:0 0 5px; height:25px; }
.advSearch .center .line label { clear:none; display:block; width:100px; margin:4px 10px 0 0; height:16px; float:left; text-align:right; }
.advSearch .center .line label.cena { display:block; width:20px; margin:4px 5px 0; height:16px; float:left; text-align:center; }
.advSearch .center .line input, .advSearch .center .line select { padding:0; width:300px; margin:0 10px 0 0; height:15px; float:left; }
.advSearch .center .line select.cena { width:130px; margin:0 10px 0 0; height:20px; float:left; }
.advSearch .center a.prikazi { position:relative; margin:5px auto; display:block; clear:both; width:200px; height:32px; text-align:center; font-size:14px; font-weight:bold; background:url(../images/prikazi_c.jpg) repeat-x left top; }
.advSearch .center a.prikazi:hover { color:#000; }
.advSearch .center a.prikazi .c { padding-top:8px; height:24px; width:195px; float:left; position:relative; }
.advSearch .center a.prikazi .l { width:2px; height:32px; float:left; background:url(../images/prikazi_l.jpg) no-repeat left top; }
.advSearch .center a.prikazi .r { width:2px; height:32px; float:right; background:url(../images/prikazi_r.jpg) no-repeat left top; }
.advSearch .center a.prikazi img { position:absolute; right:15px; top:12px; }

.sortBar { width:100%; height:28px; background:url(../images/bg_sort.gif) repeat-x left top; margin: 0 0 5px 0; position:relative; }
.sortBy { float:right; color:#fff; margin:4px 25px 0; }
.showCount { float:right; color:#fff; margin:4px 25px 0; }
	
	
.breadcrumbs { width:100%; height:auto; overflow:hidden; margin:8px 0 0; }
.breadcrumbs .leftCol { width:178px; height:auto; overflow:hidden; float:left; margin-right:5px; padding-left:8px; font-size:16px; font-weight:bold; }
.breadcrumbs .trail { width:770px; height:auto; overflow:hidden; float:left; padding:2px 0 0 20px }

.content { width:100%; height:auto; overflow:hidden; color:#3d4255; margin-top:7px; }
.leftCol { width:186px; height:auto; overflow:hidden; float:left; margin-right:5px; }
.centerCol { width:600px; height:auto; overflow:hidden; float:left; }
.centerColWide { width:790px; height:auto; overflow:hidden; float:left; margin-bottom:5px; }
.rightCol { width:186px; height:auto; overflow:hidden; float:right; }

.sideBox { width:186px; height:auto; overflow:hidden; margin-bottom:5px; text-align:center; position:relative; }
.sideBox .title { height:22px; color:#fff; background:url(../images/title_bar_center.gif) repeat-x left top; position:relative; }
.sideBox .title  .leftCorner { position:absolute; background:url(../images/title_bar_left.gif) no-repeat left top; left:0; top:0; height:22px; width:10px; }
.sideBox .title  .rightCorner { position:absolute; background:url(../images/title_bar_right.gif) no-repeat left top; right:0; top:0; height:22px; width:10px; }
.sideBox .title  .center { width:166px; padding-top:5px; height:17px; overflow:hidden; margin:0 auto; font-weight:bold; }
.sideBox .boxContent { padding:5px; height:auto; margin:0; width:174px; border:1px solid #8c99a9; border-top:none; border-bottom:4px solid #8c99a9; overflow:hidden; }
.sideBox ul { list-style-type:none; list-style-position:inside; padding:0; height:auto; margin:0; width:184px; border:1px solid #8c99a9; border-top:none; border-bottom:4px solid #8c99a9; overflow:hidden; }
.sideBox li { height:auto; background:#f0f0f0 url(../images/bg_link.gif) repeat-x left top; border-bottom:1px solid #8c99a9; overflow:hidden; }
.sideBox li a { width:170px; height:auto; padding:4px 0 4px 10px; display:block; text-align:left; }

h3.aTeaser { font-size:12px; font-weight:bold; margin:0 0 5px 0; padding:0; }

.signup label { width:40px; text-align:left; float:left; height: 12px; padding:0; margin:0; padding-top:4px; }
.signup label.error { width:170px; text-align:right; clear:both; height: 12px; padding:0; margin:0; padding-top:3px; padding-bottom:3px; }
.signup input#sigEmail { width:125px; padding: 1px 2px; float:right; height: 14px; border:1px solid #bcbfcc; }
.signup input#sigSubmit { width:131px; height:17px; clear:both; float:right; margin-top:3px; margin-bottom:5px; background:url(../images/signup.jpg) no-repeat left top; border:none; }

.centerBox { width:600px; height:auto; overflow:hidden; }
.centerBox .title { height:22px; width:594px; margin:0 auto; color:#fff; background:url(../images/title_bar_center.gif) repeat-x left top; position:relative; }
.centerBox .title  .leftCorner { position:absolute; background:url(../images/title_bar_left.gif) no-repeat left top; left:0; top:0; height:22px; width:10px; }
.centerBox .title  .rightCorner { position:absolute; background:url(../images/title_bar_right.gif) no-repeat left top; right:0; top:0; height:22px; width:10px; }
.centerBox .title  .center { width:560px; padding-top:5px; height:17px; overflow:hidden; margin:0 auto; font-weight:bold; }
.centerBox .boxContent { padding:5px; height:auto; margin:0; width:588px; border:1px solid #8c99a9; border-top:none; border-bottom:4px solid #8c99a9; overflow:hidden; }

.centerBoxWide { width:790px; height:auto; overflow:hidden; }
.centerBoxWide .title { height:22px; width:790px; margin:0 auto; color:#fff; background:url(../images/title_bar_center.gif) repeat-x left top; position:relative; }
.centerBoxWide .title  .leftCorner { position:absolute; background:url(../images/title_bar_left.gif) no-repeat left top; left:0; top:0; height:22px; width:10px; }
.centerBoxWide .title  .rightCorner { position:absolute; background:url(../images/title_bar_right.gif) no-repeat left top; right:0; top:0; height:22px; width:10px; }
.centerBoxWide .title  .center, .centerBoxWide .title  h1.center { display:block; font-size:12px; width:750px; padding:0; padding-top:5px; height:17px; overflow:hidden; margin:0 auto; font-weight:bold; }
.centerBoxWide .title  .center .normal { font-weight:normal; }
.centerBoxWide .title  .center ul.navigation { height:17px; overflow:hidden; float:right; font-weight:normal; list-style-type: none; list-style-position: inside; margin: 0; padding: 0; }
.centerBoxWide .title  .center ul.navigation li { float:left; height:17px; }
.centerBoxWide .title  .center ul.navigation li a { text-decoration:none; padding:0; color:#fff; }
.centerBoxWide .title  .center ul.navigation li a:hover { color:#FF6600; }
.centerBoxWide .title  .center ul.navigation li a.active { font-weight:bold; color:#FF6600; }

.centerBoxWide .boxContent { padding:5px; height:auto; margin:0; width:588px; border:1px solid #8c99a9; border-top:none; border-bottom:4px solid #8c99a9; overflow:hidden; }

.oneListBox { width:100%; height:auto; overflow:hidden; border-bottom:1px solid #8c99a9; position:relative; }
.oneListBox .listImage { margin:10px; width:133px; height:100px; float:left; }
.oneListBox .data { margin:0 0 5px 0; width:625px; height:auto; overflow:hidden; float:right; }
.oneListBox .data .title { width:622px; height:auto; background:#f0f0f0 url(../images/bg_link.gif) repeat-x left top; border:1px solid #8c99a9; border-top:none; overflow:hidden; color:#ccc; padding:3px; padding-left:8px; font-size:14px; font-weight:bold; }
.oneListBox .data .title a { color:#3d4255; }
.oneListBox .data .title a:hover { color:#c36422; }
.oneListBox .data .description { width:629px; height:auto; overflow:hidden; padding:3px; font-size:12px; }
.oneListBox .data .description .price { width:165px; height:auto; overflow:hidden; text-align:center; float:right; padding-top:10px; }
.oneListBox .data .description .price a { color:#9f090f; font-weight:bold; font-size:14px; display:block; text-align:center; }
.oneListBox .data .description .price a.eur { font-weight:bold; font-size:12px; }
.oneListBox .data .description .text { width:448px; height:auto; overflow:hidden; float:left; }
.oneListBox .data .description .text a { margin-left:5px; text-decoration:underline; }

.oneListBox .proizvodjaciTag { width:47px; text-align:center; font-size:16px; color:#fff; padding-top:7px; height:27px; left:0; top:0; position:absolute; background:url(../images/proizvodjaci_tag.png) no-repeat left top; }

.dummyBox { width:100%; height:240px;}

.centerBoxFull { width:982px; height:auto; overflow:hidden; margin-top:5px; }
.centerBoxFull .title { height:auto; overflow:hidden; width:982px; margin:0 auto; color:#fff; background:#4d4c5c url(../images/title_bar_center.gif) repeat-x left top; position:relative; }
.centerBoxFull .title  .leftCorner { position:absolute; background:url(../images/title_bar_left.gif) no-repeat left top; left:0; top:0; height:22px; width:10px; }
.centerBoxFull .title  .rightCorner { position:absolute; background:url(../images/title_bar_right.gif) no-repeat left top; right:0; top:0; height:22px; width:10px; }
.centerBoxFull .title  .center { font-size:20px; height:auto; overflow:hidden; width:940px; padding:5px 0; overflow:hidden; margin:0 auto; font-weight:bold; }
.centerBoxFull .boxContent { padding:5px; height:auto; margin:0; width:588px; border:1px solid #8c99a9; border-top:none; border-bottom:4px solid #8c99a9; overflow:hidden; }

.galerija { width:100%; height:auto; overflow:hidden; }
.galerija a img { padding:3px; border:1px solid #8c99a9; margin:5px 8px; width:170px; height:128px; }

.kontaktLine { width:100%; height:auto; overflow:hidden; padding:10px 0 7px; border-bottom:1px solid #c0c3cf; }
.kontaktLine a img { padding:3px; border:1px solid #8c99a9; margin:5px 8px; width:170px; height:128px; }
.kontaktLine .right { float:right; width:450px; margin-right:50px; height:auto; overflow:hidden; }
.kontaktLine .right .tBar { height:25px; padding-top:13px; font-size:18px; border-bottom:1px solid #c0c3cf; }
.kontaktLine .right .tBar a.detaljnije { font-size:12px; }
.kontaktLine .right .tBar span.lokacija { font-size:12px; padding-top:6px; float:right; }

.kontaktLine .right .text { float:left; width:210px; height:auto; overflow:hidden; font-size:12px; font-weight:bold; margin:10px 0; }
.kontaktLine .right .text .tag { color:#cb6a02; font-size:16px; font-weight:normal; }
.kontaktLine .right .text a { color:#777; }
.sidebarURL { display:block; height:auto; overflow:hidden; margin:0; padding:0; }
.sidebarURL img { margin:0; padding:0; }

.kontaktLine .right a.map { float:right; }
.kontaktLine .right a.map img { padding:3px; border:1px solid #8c99a9; margin:5px 0; width:188px; height:85px; }

.personLine { width:390px; float:left; height:108px; overflow:hidden; padding:10px 0 7px; border-bottom:1px solid #c0c3cf; }
.personLine img { padding:3px; border:1px solid #8c99a9; margin:5px 8px; float:left; width:90px; height:90px; }
.personLine .text { float:left; width:270px; height:auto; overflow:hidden; font-size:12px; font-weight:bold; margin:10px 0; }
.personLine .text .tag { color:#cb6a02; font-size:16px; font-weight:normal; }
.personLine .text a { color:#777; }




.banners { height:auto; width:600px; overflow:hidden; }
.oneArea { overflow:hidden; width:600px; height:auto; margin:5px 0 0; position:relative; }
.oneArea div { overflow:hidden; text-align:center; }

.footerAddresses { height:71px; width:100%; background:url(../images/footer_bg.gif) repeat-x left top; margin-bottom:5px; }
.footerAddresses .floats { width: 135px; float:left; text-align:left; margin-left:53px; }
.footerAddresses h3 { font-size:13px; color:#ff6600; margin:0; padding:0; margin-top:7px; }
.footerAddresses p { color:#000; font-size:10px; font-weight:bold; margin:0; }
.footerAddresses p a { margin:0; padding:0; }

.cParagraph { width:770px; height:auto; overflow:hidden; margin:10px; }

img.akcija { position:absolute; top:0; left:0; }

.pDescription { height:auto; overflow:hidden; width:100%; margin-bottom:10px; position:relative; }

.pDescription .images { width:400px; height:auto; overflow:hidden; margin-right:5px; float:left; } 
.pDescription .images .mainImg { width:400px; height:300px; margin:10px 0 5px; }
.pDescription .images .note { width:400px; height:auto; overflow:hidden; margin-bottom:5px; text-align:center; color:#c2c4c7; font-size:11px; }
.pDescription .images ul.thumbs { display:block; width:400px; height:auto; overflow:hidden; list-style-type:none; list-style-position:inside; margin:0; padding:0; }
.pDescription .images ul.thumbs li { float:left; height:72px; width:97px; margin-right:3px; margin-bottom:3px; }
.pDescription .images ul.thumbs li a { display:block; height:66px; width:91px; border:1px solid #c2c4c7; margin:0; padding:2px; }
.pDescription .images ul.thumbs li a:hover { border:1px solid #000; }
.youtube { width:400px; text-align:center; margin-top:5px; }

.pDescription .description { float:right; width:565px; height:auto; overflow:hidden; padding:10px 5px 10px 0; color:#3D4255; }

.pDescription .description .top { height:auto; overflow:hidden; width:100%; }

.pDescription .description .leftTop { height:auto; overflow:hidden; width:385px; float:left; }
.pDescription .description .leftTop .priceBig { font-size:20px; font-weight:bold; color:#802f2f; margin-bottom:3px; }
.pDescription .description .leftTop .priceBigNasa { font-size:14px; font-weight:bold; color:#802f2f; margin:0; line-height:100%;}
.pDescription .description .leftTop .priceSmall { font-size:14px; font-weight:bold; color:#802f2f; }
.pDescription .description .leftTop .priceExport { font-size:12px; font-weight:bold; }
.pDescription .description .leftTop .bojaSelect { margin:10px 0 5px; }
.pDescription .description .leftTop .basket { display:block; height:27px; width:160px; margin:10px 0; }

.pDescription .description .rightTop { height:auto; overflow:hidden; width:175px; float:right; }
.pDescription .description .rightTop a.pLogo { height:100px; width:133px; display:block; margin:0 auto; }
.pDescription .description .rightTop a.link { height:auto; display:block; width:100%; text-align:center; color:#c2c4c7; text-decoration:underline; font-size:11px; }
.pDescription .description .rightTop a.link:hover { color:#3D4255; }

.pDescription .description .otherOptions { clear:both; height:auto; overflow:hidden; padding-top:10px; }
.pDescription .description .otherOptions .row { height:auto; overflow:hidden; margin-bottom:5px; }
.pDescription .description .otherOptions .option { float:left; width:280px; height:auto; overflow:hidden; }
.pDescription .description .otherOptions a { background:url(../images/arrow.jpg) no-repeat 0 2px; padding-left:10px; font-weight:bold; }

.hiddenMenu { display:none; height:auto; overflow:hidden; }

.pDescription .description h3 { font-size:16px; margin:5px 0; padding:0; }
.pDescription .description .text { font-size:12px; padding:0; margin:0; height:auto; overflow:hidden; }

.requiredFields { font-size:12px; color:#9F090F; }
label { clear:both; display:block; width:300px; margin:10px 0 2px; }
.cParagraph input, textarea { width:400px; }
input.submitForm { width:100px }
label.error { margin:2px 0 5px; color:#9F090F; }
input.error { background-color:#f7b1b4; }

.korpa { width:770px; height:auto; overflow:hidden; padding-bottom:300px; }
.korpa .headers { width:100%; height:auto; overflow:hidden; margin:3px 0; background:#8C99A9; color:#fff; }
.korpa .headers .rows { float:left; width:100px; font-weight:bold; padding:5px; }
.korpa .headers .row1 { width:60px; text-align:center; }
.korpa .headers .row2 { width:450px; }
.korpa .headers .row3 { width:80px; }
.korpa .headers .row4 { width:100px; text-align:center; }
.korpa .headers .row5 { width:30px; text-align:center; }
.korpa .lines { clear:both; background-color:#eee; height:auto; overflow:hidden; padding:5px 0 0; margin:2px 0; }
.korpa .lines .rows { float:left; width:100px; font-weight:bold; padding:5px; }
.korpa .lines .row1 { width:60px; text-align:center; }
.korpa .lines .row2 { width:450px; }
.korpa .lines .row3 { width:80px; text-align:right; }
.korpa .lines .row4 { width:100px; text-align:center; }
.korpa .lines .row5 { width:30px; text-align:center; }
.korpa .lines .rowNastavi { width:180px; text-align:center; }
.korpa .lines .rows input { width:70px; margin-top:-5px; }
.korpa .total { font-size:14px; background-color:transparent; color:#000; }

.adminEdit { position:absolute; bottom:5px; right:5px; width:16px; height:16px; float:left; display:block; text-indent:-9999px; background:url(../images/icon_admin.png) no-repeat left top; }
h1.akcija { font-size:18px; font-weight:bold; margin:0; padding:0 0 5px 10px; }
h2.faq { font-size:14px; font-weight:bold; margin:0; padding:10px 0 5px; }
h2.orange { color:#FF6600; }
.feedback p { margin:0 0 5px 0; padding:0; }
.feedback textarea { width:500px; height:100px; margin:0; padding:10px; }
.feedback input { width:250px; margin:0; padding:0; }
.feedback input.submit { width:auto; margin:10px 0 50px; padding:0; }
h2.feedback { font-size:12px; font-weight:bold; padding:15px 0 5px; margin:0; }