@charset "utf-8"; /*** DEFAULT ***/ * { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-decoration: none; color:#2c2c2c; font-size: 11px; } html, body{ background:#000 /*url(grafika/body/raster.png) repeat left top*/; margin:0px;} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,button,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; font-weight:inherit; font-style:inherit;} ol,ul { list-style:none; } table { border-collapse:separate; border-spacing:0; } caption,th,td { text-align:left; font-weight:normal; } blockquote:before,blockquote:after,q:before,q:after { content:""; } blockquote,q { quotes:"" ""; } input{ margin: 0px; padding: 0px; border: 0px; background-color: #f3f3f3; color: #9d9d9d;} h1 {font-size:24px; /*text-shadow: -1px 0 #FFF, 0 1px #FFF, 0px 0 #FFF, 0 0px #FFF;*/} h1:hover {color:#ea1a35; /*text-shadow: -1px 0 #FFF, 0 0px #FFF, 0px 0 #FFF, 0 0px #FFF;*/} h2 {font-size:20px; /*text-shadow: -1px 0 #FFF, 0 0px #FFF, 0px 0 #FFF, 0 0px #FFF;*/} h2:hover {color:#ea1a35;} h3 {font-size:18px;} h3:hover {color:#ea1a35;} h4 {font-size:16px;} h4:hover {color:#ea1a35;} h5 {font-size:14px;} h5:hover {color:#ea1a35;} h6 {font-size:12px;} h6:hover {color:#ea1a35;} .clearBoth{ clear:both;} .clear{ clear:both; float:none;} .clearParser{ clear:both; float:none; height:80px;} .clearParserMini{ clear:both; float:none; height:5px;} /*** CUSTOM FONTS ***/ .txtpixels18{font-size:18px; font-weight:lighter;} .txtpixels12{font-size:12px; font-weight:lighter;} .txtWhiteUper{ color:#fff; margin:15px 0 15px 0; text-transform:none;} .txtWhite{ color:#fff;} .txtWhiteUnderline{ color:#fff; text-decoration:underline;} .txtWhiteUnderline:hover{ color:#ea1a35; text-decoration:underline;} .txtRed{color:#ea1a35;} /*** POZADINE ***/ #wrap { width:955px; margin:0 auto;} #toplogo{ background: url(grafika/body/toplogo.jpg) no-repeat left top; width:955px; height:71px; position:absolute; z-index:99;} #bannerMain{ width:955px; height:522px;} #bannerMainInside{ width:955px; /*background: url(grafika/banner/banner.png) no-repeat left top;*/ position:absolute; z-index:2;} #bannerMainInner{ width:955px; height:522px; position:absolute; top:0px; z-index:1; } /*** MAIN CENTAR ***/ #mainWrapLeft{ width:230px; float:left; min-height:600px;} #mainWrapRight{ width:725px; float:left; min-height:600px; clear:right;} /*** SLIDER NEWS ***/ #newsslider{ width:955px; height:71px; background: url(grafika/body/newsslider.png) no-repeat left top;} a:focus { outline:none;} #panel { width:955px; height:121px; padding:0px; display:none; } .slide { margin:0px; padding:0px; } .btn-slide { background: url(grafika/body/newssliderbtn.png) no-repeat left top; text-align: center; width: 955px; height: 34px; padding:0px; display: block; text-indent:-9999px; } .active { background: url(grafika/body/newssliderbtnhover.png) no-repeat left top; } /*** TOP MENI***/ #topnav{ vertical-align: top; text-align: left; left:374px; top:25px; height: 29px; width: 581px; padding: 0px; position:relative;} #topnav li{ display: inline; list-style-type: none; float: left;} #topnav li a{ display: block; overflow: hidden; height: 29px; cursor: pointer; text-indent:-9999px;} #topnav li a span{ display:block; height:29px;} #topnav li a.naslovna{ background:transparent url(grafika/nav/menitopnav.png) no-repeat scroll; display:block; list-style-type:none; height: 29px; width: 86px;} #topnav li a.naslovna:hover{ background:transparent url(grafika/nav/menitopnav.png) no-repeat scroll 0 -29px;} #topnav li a.novosti{ background:transparent url(grafika/nav/menitopnav.png) no-repeat scroll -86px 0; display:block; list-style-type:none; height: 29px; width: 86px;} #topnav li a.novosti:hover{ background:transparent url(grafika/nav/menitopnav.png) no-repeat scroll -86px -29px;} #topnav li a.katalog{ background:transparent url(grafika/nav/menitopnav.png) no-repeat scroll -172px 0; display:block; list-style-type:none; height: 29px; width: 86px;} #topnav li a.katalog:hover{ background:transparent url(grafika/nav/menitopnav.png) no-repeat scroll -172px -29px;} #topnav li a.kontakt{ background:transparent url(grafika/nav/menitopnav.png) no-repeat scroll -258px 0; display:block; list-style-type:none; height: 29px; width: 114px;} #topnav li a.kontakt:hover{ background:transparent url(grafika/nav/menitopnav.png) no-repeat scroll -258px -29px;} #topnav li a.login{ background:transparent url(grafika/nav/menitopnav.png) no-repeat scroll -372px 0; display:block; list-style-type:none; height: 29px; width: 80px;} #topnav li a.login:hover{ background:transparent url(grafika/nav/menitopnav.png) no-repeat scroll -372px -29px;} #topnav li a.signin{ background:transparent url(grafika/nav/menitopnav.png) no-repeat scroll -452px 0; display:block; list-style-type:none; height: 29px; width: 129px;} #topnav li a.signin:hover{ background:transparent url(grafika/nav/menitopnav.png) no-repeat scroll -452px -29px;} /*** MENI LIJEVI ***/ #meniLeftMain{ width:230px; position:absolute;} #meniLeftTop1{ background: url(grafika/nav/menitop1.png) no-repeat left top; width:230px; height:71px; top:-71px; position:relative; z-index:9;} #meniLeftTop2{ background: url(grafika/nav/menitop2.png) no-repeat left top; width:230px; height:227px; top:-71px; position:relative; z-index:9;} #meniLeftTop3{ background: url(grafika/nav/menitoppipe.png) no-repeat left top; width:49px; height:578px; top:15px; left:-49px; position:relative; z-index:9;} #meniLeftMax{ background: url(grafika/nav/menitopmax.png) repeat-y left top; width:230px; position:relative; height: inherit; top:-140px; z-index:10;} #meniLeftEnd{ background: url(grafika/nav/meniend.png) no-repeat left bottom; width:230px; height:130px; top:-150px; position:relative; z-index:9;} #menileft{padding:0px; left:4px; vertical-align: top; text-align: left; width:212px; position:relative;} #menileft li{ display: block; list-style-type: none; clear:both; } #menileft li a{ display:block; overflow: hidden; cursor: pointer; list-style-type: none; clear:both;} #menileft li a span{display:block; list-style-type: none; height:31px;} .menileftItem { background: url(grafika/nav/meniitem.jpg) no-repeat left top; color:#949494; font-size:11px; text-transform:none; text-decoration: none; text-indent: 25px; width:212px; height:31px; line-height:31px; float: left; clear: both;} .menileftItem:hover { background: url(grafika/nav/meniitem.jpg) no-repeat left top; color: #ea1414; text-transform:none; font-size: 11px; text-decoration: none; text-indent: 25px; width:212px; height:31px; line-height:31px; float: left; clear: both;} .menileftItem2 { background: url(grafika/nav/meniitem2.jpg) no-repeat left top; font-size: 11px; text-decoration: none; text-indent: 36px; width:212px; height:31px; line-height:31px; float: left; color: #7a7a7a; text-transform:none; clear: both;} .menileftItem2:hover { background: url(grafika/nav/meniitem2.jpg) no-repeat left top; font-size: 11px; text-decoration: none; text-indent: 36px; width:212px; height:31px; line-height:31px; float: left; color: #adadad; text-transform:none; clear: both;} /*** MENI LIJEVI BRAND***/ #menileftBrand{padding:0px; left:4px; vertical-align: top; text-align: left; width:212px; position:relative;} #menileftBrand li{ display: block; list-style-type: none; clear:both; } #menileftBrand li a{ display:block; overflow: hidden; cursor: pointer; list-style-type: none; clear:both;} #menileftBrand li a span{display:block; list-style-type: none; height:31px;} .menileftItemBrand { background: url(grafika/nav/meniitem.jpg) no-repeat left top; color:#949494; font-size:11px; text-transform:none; text-decoration: none; text-indent: 25px; width:212px; height:31px; line-height:31px; float: left; clear: both;} .menileftItemBrand:hover { background: url(grafika/nav/meniitem.jpg) no-repeat left top; color: #ea1414; text-transform:none; font-size: 11px; text-decoration: none; text-indent: 25px; width:212px; height:31px; line-height:31px; float: left; clear: both;} /*** SHOP ***/ .shopMainDiv{ background: url(grafika/shop/shopartmain.png) no-repeat top left; margin:1px 6px 6px 0px; float:left; width:235px; height:202px; position: relative; overflow:hidden; -moz-border-radius:6px; border-radius:6px; } .shopMainSjenaDiv{ background: url(grafika/shop/shopartmainshdw.png) no-repeat top center; position:absolute; width:235px; height:202px; z-index:2;} .shopMainSlikaSmallDiv{position:absolute; background: no-repeat top center; margin:7px 0 0 4px; width:226px; height:194px; cursor: pointer; z-index:1;} .shopMainNaslovM{ position:absolute; font-size: 11px; color: #3a3a3a; padding:0 0 0 8px; top:150px; z-index:6; } .shopMainNaslovM2{ position:absolute; font-size: 11px; color: #999; padding:0 0 0 8px; top:138px; z-index:6; } .shopMainCijenaM{ position:absolute; font-size: 16px; color: #ea1a35; text-decoration: none; font-weight: lighter; z-index:4; padding:0 0 0 8px; top:175px; z-index:6;} .shopMainAkcijaPosto{ position:absolute; font-size: 12px; width:70px; height:17px; display:block; color:#fff; background-color:#ea1a35; text-decoration: none; font-weight: bold; z-index:4; padding:0px; top:10px; z-index:6;} .shopMainSingleMainDiv{ width:716px; -moz-border-radius:6px; border-radius:6px; margin:0 0 5px 0; clear:both; } .shopMainSingleDiv{ margin:1px 1px 1px 1px; float:left; width:715px; position:relative; z-index:1;} .shopMainSingleSjenaDiv{ margin:1px 1px 1px 1px; float:left; width:725px; height:419px; position:absolute; top:0px; z-index:10;} .shopMainSingleNaslovDiv{ margin:1px 1px 1px 6px; position:absolute; z-index:11; top:350px;} .shopMainSingleSifraDiv{ margin:1px 1px 1px 6px; position:absolute; z-index:2; top:340px;} .shopMainSingleCijenaDiv{ margin:1px 1px 1px 6px; position:absolute; z-index:2; top:370px;} .shopMainSingleSlika{ width: 680px; height: 450px; background:no-repeat left top; margin:0 0 0 5px; } .shopMainSingleAkcija{ position:absolute; font-size: 22px; width:120px; height:30px; display:block; color:#fff; background-color:#ea1a35; text-decoration: none; font-weight: bold; z-index:4; padding:0px; top:2px; z-index:6;} #shopSingleCijena{ padding:0; width:350px; height:100px; font-weight:lighter; text-align:left; position:absolute; top:370px; left:0px; text-align:left; } #shopSingleCijena .cijenaMpc{ text-indent:14px; font-size:24px; color:#ea1a35; left:0px; margin:5px 0 0 0; } #shopSingleCijena .cijenaMpcOld{ text-indent:14px; font-size:16px; color:#ea1a35; text-decoration:line-through; position:absolute; left:0px; top:35px; } #shopSingleCijena .cijenaPopusta{ font-size:26px; line-height:36px; color:#fff; text-indent:5px; background-color:#ea1a35; position:absolute; top:-370px; left:0px; width:140px; height:38px; margin:3px; display:block; -moz-border-radius:8px 0; border-radius:8px 0;} #shopMainPaging{ width: 715px; line-height:29px; padding:6px; clear:both; } .shopMainNewsDiv{ background-color:#f8f8f8; -moz-border-radius:8px; border-radius:8px; width:714px; padding:0px 0px 0px 0px; margin:0px 0px 5px 2px; clear:both;} .shopMainNewsDiv:hover{ background-color:#e7e7e7; -moz-border-radius:8px; border-radius:8px; width:714px; padding:0px 0px 0px 0px; margin:0px 0px 5px 2px; clear:both;} .shopMainNewsInnerDiv{ padding:8px 8px 8px 8px;} .shopMainKontaktDiv{ background-color:#1f1f1f; -moz-border-radius:8px; border-radius:8px; width:714px; padding:0px 0px 0px 0px; margin:0px 0px 5px 2px; clear:both;} .shopMainSpeckeDiv{ width:520px; padding:2px; } .shopMainFoto{ width:160px; height:150px; margin:2px; overflow:hidden; } /*** SUB SPECKE ***/ .subMain{ padding:4px; text-align:justify; float:none; clear:both; width:510px; border-top:#CCC solid 1px; margin:0 0 5px 0; } .subMainLeft{ padding:4px; text-align:justify; float:left; width:200px; overflow:hidden; } .subMainRight{ padding:5px 0 0 0; text-align:justify; float:left; width:300px; } /*** DOWNLOAD ***/ .downloadMainDiv{ width:335px; height:40px; border:solid #CCC 1px; background-color:#eae8e8; float:left; margin:3px; padding:3px;} .downloadMainDiv:hover{ width:335px; height:40px; border:solid #CCC 1px; background-color:#fff; float:left; margin:3px; padding:3px;} /*** USERS ***/ #shopUserMainDiv{ background-color:#1f1f1f; -moz-border-radius:8px; border-radius:8px; width:714px; min-height:600px; padding:0px 0px 0px 0px; margin:0px 0px 0px 2px; } #shopUserMain2Div{ background-color:#1f1f1f; -moz-border-radius:8px; border-radius:8px; width:714px; min-height:310px; padding:0px 0px 0px 0px; margin:0px 0px 6px 2px; } .shopUserMainHalfL{ background-color:#1f1f1f; -moz-border-radius:8px; border-radius:8px; width:340px; height:300px; padding:0px 0px 0px 0px; margin:0px 0px 0px 2px; float:left; } .shopUserMainHalfS{ background-color:#363636; -moz-border-radius:8px; border-radius:8px; width:300px; height:100px; padding:20px 10px 10px 10px; margin:20px 0px 0px 0; clear:both; } .shopUserMainHalfS2{ background-color:#363636; -moz-border-radius:8px; border-radius:8px; width:300px; height:120px; padding:10px 10px 10px 10px; margin:20px 0px 0px 0; clear:both; } .shopUserMainHalfS3{ background-color:#363636; -moz-border-radius:8px; border-radius:8px; width:300px; height:120px; padding:10px 10px 10px 10px; margin:140px 0px 0px 0; clear:both; } /*** SEARCH ADVANCED ***/ #shopSearchAdvancedMainDiv{ background-color:#1f1f1f; -moz-border-radius:8px; border-radius:8px; width:714px; min-height:120px; padding:0px 0px 0px 0px; margin:0px 0px 0px 2px; } /*** CODA ***/ .panel h3.title { margin:0 0 40px 0; } noscript div { background:trasparent; margin:15px; padding: 15px; } .coda-slider-wrapper { padding: 0px; } .coda-slider { background:#FFF; -moz-border-radius:6px; border-radius:6px; min-height:419px; margin:0 0 5px 0; } .coda-slider-no-js .coda-slider { height: 419px; overflow: auto !important; padding-right: 20px; } .coda-slider, .coda-slider .panel { width: 715px; } .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 715px; } .coda-slider-wrapper.arrows .coda-slider { margin: 0 10px; } .coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px; } .coda-slider .panel-wrapper { padding: 10px; } .coda-slider p.loading { padding: 20px; text-align: center; } /** PRELOADER **/ .coda-nav ul { clear: both; width:192px; position:absolute; z-index:15; top:5px; right:-6px; display: block; margin: auto; overflow: hidden; } .coda-nav ul li { display: inline; list-style-type: none; float: left;} .coda-nav ul li a { display: block; overflow: hidden; height:43px; cursor: pointer; text-indent:25px; color:#fff; line-height:36px; } .coda-nav ul li a.current { background: #39c; } .coda-nav .tab1 a { background:transparent url(grafika/nav/shopmainnava.png) no-repeat scroll; display:block; list-style-type:none; width:192px; height:43px; } .coda-nav .tab1 a:hover { background:transparent url(grafika/nav/shopmainnava.png) no-repeat scroll 0 -43px; } .coda-nav .tab1 a.current { background:transparent url(grafika/nav/shopmainnava.png) no-repeat scroll 0 -43px; } .coda-nav .tab2 a { background:transparent url(grafika/nav/shopmainnava.png) no-repeat scroll; display:block; list-style-type:none; width:192px; height:43px;} .coda-nav .tab2 a:hover { background:transparent url(grafika/nav/shopmainnava.png) no-repeat scroll 0 -43px; } .coda-nav .tab2 a.current { background:transparent url(grafika/nav/shopmainnava.png) no-repeat scroll 0 -43px; } .coda-nav .tab3 a { background:transparent url(grafika/nav/shopmainnava.png) no-repeat scroll; display:block; list-style-type:none; width:192px; height:43px; } .coda-nav .tab3 a:hover { background:transparent url(grafika/nav/shopmainnava.png) no-repeat scroll 0 -43px; } .coda-nav .tab3 a.current { background:transparent url(grafika/nav/shopmainnava.png) no-repeat scroll 0 -43px; } .coda-nav .tab4 a { background:transparent url(grafika/nav/shopmainnava.png) no-repeat scroll; display:block; list-style-type:none; width:192px; height:43px; } .coda-nav .tab4 a:hover { background:transparent url(grafika/nav/shopmainnava.png) no-repeat scroll 0 -43px; } .coda-nav .tab4 a.current { background:transparent url(grafika/nav/shopmainnava.png) no-repeat scroll 0 -43px; } .coda-nav .tab5 a { width:200px; height:89px; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none; background:url(grafika/menicodasearch.png) no-repeat top center; text-indent:-9999px; } .coda-nav .tab5 a:hover { background:url(grafika/menicodasearchh.png) no-repeat top center; } .coda-nav .tab5 a.current { background:url(grafika/menicodasearchh.png) no-repeat top center; } .coda-slider-wrapper { clear: both; } .coda-slider { float: left; overflow: hidden; position: relative; } .coda-slider .panel { display: block; float: left; } .coda-slider .panel-container { position: relative; } .coda-nav-left, .coda-nav-right { float: left; } .coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none; } /********* CODA END *********/ #shopnavbuy{ vertical-align: top; text-align: left; width:165px; height:48px; padding: 0px; position:absolute; z-index:15; top:240px; left:540px; } #shopnavbuy li{ display: inline; list-style-type: none; float: left; } #shopnavbuy li a{ display: block; overflow: hidden; height:48px; cursor: pointer; text-indent:35px; color:#fff; line-height:46px;} #shopnavbuy li a span{ display:block; height:48px;} #shopnavbuy li a.share{ background:transparent url(grafika/nav/shopmainnavb.png) no-repeat scroll; display:block; list-style-type:none; width:165px; height:48px;} #shopnavbuy li a.share:hover{ background:transparent url(grafika/nav/shopmainnavb.png) no-repeat scroll 0 -48px;} #shopnavbuy li a.kosarica{ background:transparent url(grafika/nav/shopmainnavb.png) no-repeat scroll 0 -96px;; display:block; list-style-type:none; width:165px; height:48px;} #shopnavbuy li a.kosarica:hover{ background:transparent url(grafika/nav/shopmainnavb.png) no-repeat scroll 0 -144px;} /*** FORME ***/ form input[type=password]{ background:#fafafa; width:205px; height:24px; line-height:normal; color:#9f9f9f; margin:4px 4px 4px 0px; padding:0px 4px 4px 4px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } form input[type=password]:hover{ background:#f0eeee; } form input[type=text]{ background:#fafafa; width:205px; height:24px; line-height:normal; color:#9f9f9f; margin:4px 4px 4px 0px; padding:0px 4px 4px 4px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } form input[type=text]:hover{ background:#f0eeee; } form textarea { background:#fafafa; width:205px; height:137px; border-style:none; color:#9f9f9f; margin:4px 4px 4px 0px; padding:4px 4px 4px 4px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } form textarea:hover { background:#f0eeee; border-style:none; } form input[type=submit] { background:#db1c1c; height:30px; padding:0 10px 0 2px; color:#fff; text-align:left; text-indent:4px; cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } form input[type=submit]:hover { background:#ae0f0f; color:#eaeaea; } form input[type=reset] { background:#db1c1c; height:30px; padding:0 10px 0 2px; color:#fff; text-align:left; text-indent:4px; cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } form input[type=reset]:hover { background:#ae0f0f; color:#eaeaea; } form input[type=button] { background:#db1c1c; height:30px; padding:0 10px 0 2px; color:#fff; text-align:left; text-indent:4px; cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } form input[type=button]:hover { background:#ae0f0f; color:#eaeaea; } .formSubmitDiv2{ background:transparent url(grafika/forms/submit.png) no-repeat left top; width:92px; height:26px; line-height:26px; color:#fff; margin:2px 2px 2px 2px; text-align:left; text-indent:5px; cursor:pointer;} .formSubmitDiv2:hover { background:transparent url(grafika/forms/submithover.png) no-repeat left top; color:#fff; } .formTextDiv{ width:50px; height:45px; line-height:38px; color:#fff; float:left;} .formText2Div{ width:120px; height:45px; line-height:38px; color:#fff; float:left;} .formInputDiv{ width:220px; height:45px; float:left;} .formInput2Div{ width:220px; height:180px; float:left;} .formInput3Div{ width:520px; height:55px; float:left;} .formInput3TxtareaDiv{ width:520px; height:160px; float:left;} .formSubmitDiv{ width:220px; height:45px; float:left; margin:25px 0 0 0;} /*** FORM SEARCH ***/ #formsearchBox{ background:transparent url(grafika/forms/searchbox.png) no-repeat left top; width:347px; height:47px; line-height:normal; color:#000; padding:7px 0 0 8px; position:absolute; z-index:99; top:260px; right:10px; } #formSearch{ background:transparent url(grafika/forms/searchinput.png) no-repeat left top; width:167px; height:27px; line-height:normal; color:#000; margin:0px; padding:0px; text-indent:2px; } #formSubmit{ background:transparent url(grafika/forms/searchsubmithover.png) no-repeat left top; width:23px; height:25px; line-height:normal; margin:0px; padding:0px; } #formSubmit:hover{ background:transparent url(grafika/forms/searchsubmit.png) no-repeat left top; width:23px; height:25px; line-height:normal; margin:0px; padding:0px; } #formSearchAdvanced { float:right; padding:0 22px 0 0; margin:0px; width:123px; height:27px; } #formSearchAdvanced a{ background:transparent url(grafika/forms/tipsearch.png) no-repeat left top; width:123px; height:27px; color:#fff; display:block; text-indent:10px; line-height:21px; } #formSearchAdvanced a:hover{ background:transparent url(grafika/forms/tipsearchhover.png) no-repeat left top; } /** SHOP OLD **/ .mainshopbuydiv{ background-image: url(grafika/shop/shop-buy-line.png); background-position: center top; background-repeat: no-repeat; text-align: center; vertical-align: middle; padding-top: 6px; clear: both; height: 34px; width:176px;} .mainshopbuydivico{ background-image: url(grafika/shop/shop-buy-bg.png); background-position: center top; background-repeat: no-repeat; text-align: center; vertical-align: middle; clear: both; height: 20px; width: 176px; line-height: 20px; color: #2c2c2c; text-decoration: none; cursor: pointer;} .mainshopbuydivico:hover{ background-image: url(grafika/shop/shop-buy-bg.png); background-repeat: no-repeat; background-position: center top; text-align: center; vertical-align: middle; clear: both; height: 20px; width: 176px; line-height: 20px; color: #000000; text-decoration: underline; cursor: pointer;} #mainshopfilslikatop{ position: relative; z-index: 1; margin: auto; height: 168px; cursor: pointer;} .mainshopfilnovo{ position: absolute; background-image: url(grafika/shop/shop-fil-novo.png); background-repeat: no-repeat; background-position: left top; width: 74px; height: 74px; z-index: 2; cursor: pointer;} .mainshopfilakcija{ position: absolute; background-image: url(grafika/shop/shop-fil-akcija.png); background-repeat: no-repeat; background-position: left top; width: 74px; height: 74px; z-index: 2; cursor: pointer;} .mainshopstars{ width: 176px; height: 14px; } .shopcijenaold{ font-size: 14px; line-height: 22px; color: #000; height:22px; width:176px; text-decoration: line-through; font-weight: bold; text-align: center; vertical-align: middle;} .shopopsirnoleft{ float:left; width: 350px;} .shopopsirnoslikaxl{ width: 380px; height: 400px; background-repeat: no-repeat; background-position: left top; padding: 2px;} .shopopsirnonaslov{ font-size:18px; padding-top:5px; line-height:18px; clear:right;} .shopopsirnocijena{ font-size:16px; padding-top:5px; line-height:23px; clear:right;} /*** SHOP PAGING ***/ #navpaging { padding:2px; vertical-align: top; text-align: left; height: 26px; float:right; padding-right:8px;} #navpaging li{ display: block; list-style-type: none; height:26px; width:27px; float:left; margin:2px; line-height:24px; cursor: pointer;} #navpaging li span{ background: url(grafika/shop/pagingactive.png) no-repeat left top; text-align:center; display: block; overflow: hidden; list-style-type: none; width:27px; height:26px; color: #FFFFFF; margin:1px; padding:1px;} #navpaging li a{ background: url(grafika/shop/paginginactive.png) no-repeat left top; text-align:center; display: block; overflow: hidden; list-style-type: none; width:27px; height:26px; color: #FFFFFF; margin:1px; padding:1px;} #navpaging li a span{ background: url(grafika/shop/pagingactive.png) no-repeat left top; text-align:center; display: block; overflow: hidden; list-style-type: none; width:27px; height:26px; color: #FFFFFF; margin:1px; padding:1px;} #navpaging li a:hover{background: url(grafika/shop/pagingactive.png) no-repeat left top; text-align:center; display: block; overflow: hidden; list-style-type: none; width:27px; height:26px; font-weight: bold; color: #FFFFFF; margin:1px; padding:1px;} #navpaging li a:active{background: url(grafika/shop/pagingactive.png) no-repeat left top; text-align:center; display: block; overflow: hidden; list-style-type: none; width:27px; height:26px; font-weight: bold; color: #FFFFFF; margin:1px; padding:1px;} /*** CMS NARUDĐBE ***/ .invoiceLeveMain{ width:694px; height:22px; padding:2px; clear:both; } .invoiceLevelS{ width:105px; height:25px; margin:2px; line-height:22px; padding:0 0 0 6px; float:left; background-color:#DADADA;} .invoiceLevelD{ width:105px; height:25px; margin:2px; line-height:22px; padding:0 0 0 6px; float:left; } /*** KOŠARICA ***/ #shopMainKosarica { width:714px; background-color:#f8f8f8; margin:18px 18px 18px 18px; padding:10px 5px 5px 5px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; border:#bfbfbf solid 1px;} #shopMainKosarica .box0 { width:714px; border-top:solid 1px #CCC; clear:both; padding:3px; margin:0; } #shopMainKosarica .box1 { width:125px; margin:1px; padding:2px; min-height:130px; float:left; } #shopMainKosarica .box2 { width:280px; margin:1px; padding:2px; min-height:130px; float:left; } #shopMainKosarica .box3 { width:80px; margin:1px; padding:58px 10px 2px 2px; min-height:80px; float:left; } #shopMainKosarica .box4 { width:200px; margin:1px; padding:2px; min-height:80px; float:left; padding:50px 0 0 0; } #shopMainKosarica .box5 { width:70px; margin:1px; padding:2px; min-height:130px; float:left; } #shopMainKosarica .Botombox0 { width:695px; border-top:solid 4px #CCC; float:none; clear:both; margin:3px 0 20px 0; padding:8px; } #shopMainKosarica .Botombox1 { width:300px; margin:1px; padding:2px; min-height:15px; float:none; clear:both; } #shopMainKosarica .Botombox2 { width:685px; margin:1px; padding:6px; min-height:15px; float:left; text-align:right; } #shopMainKosarica .Botombox3 { width:160px; margin:1px; padding:2px; min-height:15px; float:right; text-align:right; } #shopMainKosarica .shopPlus { width:33px; height:33px; color:#fff; background:#db1c1c; margin:0px 1px 1px 1px; text-align:left; text-indent:8px; cursor:pointer;} #shopMainKosarica .shopPlus:hover { background:#ae0f0f; color:#333; } #shopMainKosarica .shopIzbaci { width:57px; height:32px; color:#fff; color:#fff; background:#db1c1c; margin:1px 1px 1px 1px; text-align:left; text-indent:5px; cursor:pointer; } #shopMainKosarica .shopIzbaci:hover { background:#ae0f0f; color:#333;} #shopMainKosarica .shopKolicina{ background:#fafafa; width:33px; height:33px; line-height:normal; color:#000; margin:4px 4px 0px 0px; padding:0px 4px 0 4px; border:#999 1px solid; } #shopMainKosarica .shopKolicina:hover{ background:#f0eeee; } #shopMainKosarica .shopImg{ width:100%; border:none; } #shopMainKosarica .shopNaslovi{ margin:4px; padding:1px; font-size:20px;} #shopMainKosarica .shopNasloviFn{ font-size:16px; font-weight:lighter;} #shopMainKosarica .shopCijenaFn{ font-size:16px; font-weight:lighter; text-align:right; } #shopMainKosarica .message{ color:#e50003; text-align:right; } #shopMainKosarica .messageBlack { color:#000; text-align:right; } #shopMainKosarica .messageBlack:hover { text-decoration:underline; } #shopMainKosarica .placanje{ width:439px; height:60px; margin:2px; padding:5px 5px 10px 5px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; border:#bfbfbf solid 1px; float:left; } #shopMainKosarica .alink { text-decoration:underline; }