@charset "utf-8"; /*********** DEFAULT ***********/ /*********************************/ ol, ul{ border:none; margin:0px; padding:0px; vertical-align:baseline;} * { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: none;} a { color: #e3000f; } a:hover { color: #e3000f; text-decoration: underline;} img { border:0; padding:0px; margin:0px; } /****** SCROOL DESNO *******/ #marqueecontainer{ position: relative; width: 179px; height: 500px; overflow: hidden; padding: 2px; padding-left: 2px;} .scroolpozadina{ background: url(../grafika/body/scrool_pozadina.jpg) bottom no-repeat; padding-bottom: 3px; background-position: bottom; text-decoration: none; height: 6px;} /****** NASLOVNA SCROLL TXT******/ .scrolltxt{ color: #666666; text-decoration: none;} .scrolltxt:hover{ color: #666666; text-decoration: underline;} /****** OSTALI ******/ .forma{ border: solid 1px black; width: 170px;} .gumbKontakt{ width: 170px; cursor: pointer;} .imgCms{ border: solid 0px black;} .gumb{ background-color: black; color: white; font-weight: bold; padding:2px; cursor: pointer;} .tableHea{ background-color: black; color: white;} .line1{ background-color: white;} .line2{ background-color: white;} .calendar_table,.calendar_control_table,.calendar_year_input,.calendar_month_input{ color:#ffffff; width: 140px;} .calendar_full{ color:white; cursor:pointer;} .calendar_day,.calendar_day_name,.calendar_empty,.calendar_table{ color:white; border:solid 1px gray; padding-left:1px; padding-right:1px;} .calendar_day,.calendar_day_name,.calendar_empty{ color:white; border-top:none; border-left:none;} .calendar_table{ color:white; border-bottom:none; border-right:none;} .calendar_day_name{ border-bottom-width:3px; color:white;} .calendar_col6,.calendar_day_name7{ background-color:#b4c4d2; color:white;} .calendar_day_over,.calendar_day_name_over{ background-color:#194576; color:white;} .calendar_day_selected{ background-color:#194576; color:white;} TD.calendar_month_input,TD.calendar_year_input{ background-color:#194576; color:white;} .calendar_control_table{ background-color:#b4c4d2; color:white;} INPUT.calendar_year_input,INPUT.calendar_month_input{ background-color:#194576; border:solid 1px #194576; color:#ffffff; padding:0; height:15px; margin:1px;} INPUT.calendar_year_input{ width:100%; color:white;} INPUT.calendar_month_input_focus,INPUT.calendar_year_input_focus,INPUT.calendar_month_input_over,INPUT.calendar_year_input_over{ border:solid 1px white; color:white;} INPUT.calendar_month_input{ width:14px; height:14px; color:white;} /* NOVI STILOVI*/ h1{ font-size:24px; color: #666; text-decoration: none;} h1:hover{ font-size:24px; color: #e3000f; text-decoration: none;} h2{ font-size:20px; color: #666; text-decoration: none;} h3{ font-size:16px; color: #666; text-decoration: none;} h3:hover{ font-size:16px; color: #e3000f; text-decoration: none;} h4{ font-size:14px; color: #666; text-decoration: none;} h5{ font-size:12px; color: #666; text-decoration: none;} h5:hover{ font-size:12px; color: #e3000f; text-decoration: none;} h6{ font-size:12px; color: #666; text-decoration: none;} .naslovArtikli{ font-size:11px; color: #666; } .naslovArtikli:hover{ font-size:11px; color: #666; text-decoration:underline; } .graytxt1{color:white; font-weight:lighter;} .select { position: absolute; width: 158px; height: 21px; padding: 0 24px 0 8px; color: #fff; font: 12px/21px arial,sans-serif; background: url(select.gif) no-repeat; overflow: hidden;} .linkvelikih3{ font-size:16px; color: #666; text-decoration: none;} .linkvelikih3:hover{ font-size:16px; color: #e3000f; text-decoration: none;} /* POZADINE */ body { margin: 0px; padding: 0px;} #pozadinaMainWeb{ background-color: #f3f1ed; background-image: url(grafika/body/pozadina.jpg); background-repeat: no-repeat; background-position: center top; } html, form, h1, h2, h3, h4, h5, h6, input, il, li { margin: 0px; padding: 0px; } table { border-collapse: collapse; border:1px solid #ffffff; padding:0px; margin:10px; width:720px; border-spacing: 0px; font-size:12px;} td, tr, th { padding:5px; margin:2px; border:1px solid #cfcfcf; background-color:#e2e2e2; font-size:12px;} .pozadina { /*background-color: #f3f1ed; background-image: url(grafika/body/pozadina.jpg); background-repeat: no-repeat; background-position: center top;*/} .divcentarTransparent{ width:955px; position:relative; margin:0 auto; padding:5px; height:70px;} .divcentar{ width:955px; margin-left:auto; margin-right:auto; background-color:#ffffff; padding:5px;} .divcentartop {background-image: url(grafika/body/bg-top.png); background-repeat:no-repeat; background-position: center top; width:985px; height:5px; margin-left:auto; margin-right:auto;} .divcentarBotom {background-image: url(grafika/body/bg-botom.png); background-repeat:no-repeat; background-position: center top; width:985px; height:5px; margin-left:auto; margin-right:auto;} .divcentarmaxy{ background-image: url(grafika/body/bg-maxy.png); background-repeat:repeat-y; background-position: left top; width:985px; margin-left:auto; margin-right:auto; clear:both;} .divclearbooth{ clear:both; } #logo{ position:relative; width:200px; height:50px; margin:4px; z-index:2; text-indent:-9999px;} #logo a{ display: block; background:url(grafika/body/feniks-logo.png) left top no-repeat; width:200px; height:50px; overflow: hidden; margin:4px; z-index:2;} /* FORME */ form textarea { width:284px; height:144px; background:transparent; background-image:url(grafika/buttons/textarea.png); color:#3d3926; background-repeat:no-repeat; background-position:top left; border-style:none; border-width:0; padding:5px 5px 5px 5px; clear:both; } form textarea:hover { width:284px; height:144px; background:transparent; background-image:url(grafika/buttons/textarea-hover.png); color:#3d3926; background-repeat:no-repeat; background-position:top left; border-style:none; border-width:0; padding:5px 5px 5px 5px; clear:both; } form input[type=text],form input[type=password] { float:left; background:transparent; background-image:url(grafika/buttons/search.png); width:284px; height:34px; background-repeat:no-repeat; color:#000000; border:none; text-align:left; border-style:none; border-width:0; padding:2px 6px 2px 4px; } form input[type=text],form input[type=password]:hover { background:transparent; background-image:url(grafika/buttons/search-hover.png); width:284px; height:34px; background-repeat:no-repeat; color:#e3000f; } form input[type=text] { float:left; background:transparent; background-image:url(grafika/buttons/search.png); background-repeat:no-repeat; width:284px; height:34px; color:#000000; border:none; text-align:left; border-style:none; border-width:0; padding:2px 6px 2px 4px; } form input[type=text]:hover { background:transparent; background-image:url(grafika/buttons/search-hover.png); background-repeat:no-repeat; width:284px; height:34px; color:#e3000f; } form input[type=textsearch] { float:left; background:transparent; background-image:url(grafika/buttons/search.png); width:284px; height:34px; background-repeat:no-repeat; color:#000000; border:none; text-align:left; border-style:none; border-width:0; padding:2px 6px 2px 4px; } form input[type=textsearch]:hover { background:transparent; background-image:url(grafika/buttons/search-hover.png); width:284px; height:34px; background-repeat:no-repeat; color:#e3000f; padding:2px 6px 2px 4px; } #formasearch { float:left; background:transparent; background-image:url(grafika/buttons/search-btn.png); width:34px; height:34px; background-repeat:no-repeat; font-size:10px; color:#000000; border:none; text-align:left; margin:0px; padding-left:3px; cursor:pointer; } #formasearch:hover { background:transparent; background-image:url(grafika/buttons/search-btn-hover.png); width:34px; height:34px; color:#e3000f; } form input[type=submit] { float:left; background:transparent; background-image:url(grafika/buttons/button-prijava.png); width:93px; height:29px; background-repeat:no-repeat; font-size:10px; color:#000000; border:none; text-align:left; margin:0px; padding-left:3px; cursor:pointer; } form input[type=submit]:hover { background:transparent; background-image:url(grafika/buttons/button-prijava-hover.png); width:93px; height:29px; color:#ffffff; } input[type=button] { background:transparent; background-image:url(grafika/buttons/button-prijava2.png); width:123px; height:29px; background-repeat:no-repeat; font-size:10px; color:#000000; border:none; text-align:left; margin:0px; padding-left:3px; cursor:pointer; } input[type=button]:hover { background:transparent; background-image:url(grafika/buttons/button-prijava2-hover.png); width:123px; height:29px; color:#ffffff; } form select { padding:2px } /* BG KATALOG */ #divkatalogBg{ width:193px; height:200px; background:transparent; } #divkatalogImg{ width:193px; height:200px; background-repeat:no-repeat; background-position: center top; text-align: center; } #divkatalogTop1{ width:193px; height:200px; background-image:url(grafika/katalog/katalogbg.png); background-repeat:no-repeat; background-position: center top; text-align:center; } #divkatalogTop2{ width:193px; height:100px; padding:5px; text-align:center;} /* MENI TOP*/ #divtopBg{ width:955px; height:35px; background-color: #000; clear:both;} #divtop1{ width:97px; height:35px; float:left;} #divtop2{ width:78px; height:35px; float:left;} #divtop3{ width:61px; height:35px; float:left;} #divtop4{ width:75px; height:35px; float:left;} #divtop5{ width:97px; height:35px; float:left;} #divtop6{ width:94px; height:35px; float:left;} #divtop7{ width:110px; height:35px; float:left;} #divtop8{ width:106px; height:35px; float:left;} #divtop9{ width:59px; height:35px; float:left; background-image: url(grafika/menutop/top2_max.jpg); background-repeat: repeat-x; background-position: left top;} #divtop10{ width:85px; height:35px; float:left;} #divtop11{ width:93px; height:35px; float:left;} .divh4px{ height:4px; clear:both;} .divh12px{ height:12px; clear:both;} #divbannerleft { width:750px; float:left; clear:left; } #divbannerright { width:197px; float:left; background-image: url(grafika/body/sjena_box1.jpg); background-repeat: no-repeat; background-position: left center; clear:right; } #divh20px{height:20px; clear:both; margin-left:auto; margin-right:auto; width:965px;} /* LOGIN */ #divsearchfloatright{ position:absolute; width:340px; right:0px; top:15px; } /* MENI LEFT*/ .meni-s1 {color: #333333; text-decoration: none; height: 22px; width: 199px; background-image: url(grafika/menu/menu_s1.jpg); padding-left: 25px; padding-top: 3px;} .meni-s1:hover {color: #333333; text-decoration: underline; height: 22px; width: 199px; background-image: url(grafika/menu/menu_s1.jpg); padding-left: 25px; padding-top: 3px;} .meni-s2 {color: #333333; text-decoration: none; height: 22px; width: 199px; background-image: url(../grafika/menu/menu_s2.jpg); padding-left: 32px; padding-top: 3px;} .meni-s2:hover {color: #333333; text-decoration: underline; height: 22px; width: 199px; background-image: url(../grafika/menu/menu_s2.jpg); padding-left: 32px; padding-top: 3px;} .meni-s3 {color: #333333; text-decoration: none; height: 22px; width: 199px; background-image: url(../grafika/menu/menu_s3.jpg); padding-left: 44px; padding-top: 3px;} .meni-s3:hover {color: #333333; text-decoration: underline; height: 22px; width: 199px; background-image: url(../grafika/menu/menu_s3.jpg); padding-left: 44px; padding-top: 3px;} .kategorijeTop { display: block; background:#d0d0d0 url(grafika/menu/menu_stop.jpg) left top no-repeat; width: 193px; height: 22px; padding: 0px 0px 0px 0px;} .kategorijeBotom { display: block; background:#d0d0d0 url(grafika/menu/menu_sbotom.jpg) left top no-repeat; width: 193px; height: 22px; padding: 0px 0px 0px 0px;} .kategorije ul { margin: 0; padding: 0; list-style-type: none;} .kategorije a { display: block; color: #333333; width: 193px; height: 27px; text-indent:15px; text-decoration: none; border-bottom: 0px solid #fff; font-weight: normal; line-height: 27px; background-image: url(grafika/menu/menu_s1.jpg); background-repeat: no-repeat; background-position: left center;} .kategorije a:hover { color: #8C8C8C; text-decoration: underline;} .kategorije li li a { display: block; color: #000; background:#d0d0d0 url(grafika/menu/menu_s2.jpg) left top no-repeat; width: 193px; height: 23px; line-height: 23px; padding: 0px 0px 0px 0px; text-indent:19px; text-decoration: none; border-bottom: 0px solid #fff; font-weight: normal; vertical-align:middle;} .kategorije li li li a { display: block; color: #000; background:#d0d0d0 url(grafika/menu/menu_s3.jpg) left top no-repeat; width: 193px; height: 23px; line-height: 23px; padding: 0px 0px 0px 0px; text-indent:26px; text-decoration: none; border-bottom: 0px solid #fff; font-weight: normal;} .kategorije li li li li a { display: block; color: #000; background:#d0d0d0 url(grafika/menu/menu_s4.jpg) left top no-repeat; width: 193px; height: 23px; line-height: 23px; padding: 0px 0px 0px 0px; text-indent:32px; text-decoration: none; border-bottom: 0px solid #fff; font-weight: normal;} .kategorije li { width: 193px;} /* LI LOGIN*/ #menilogin{ position:absolute; line-height:29px; height:29px; width:200px; padding:0px; right:340px; top:6px; } #menilogin li{ margin:10px 0 0 0; float: left; background-image: url(grafika/buttons/button-prijava.png); background-repeat: no-repeat; background-position: left top; display: inline; list-style-type: none; width: 91px; padding-left:5px;} #menilogin li:hover{ background-image: url(grafika/buttons/button-prijava-hover.png); background-repeat: no-repeat; background-position: left top; display: inline; list-style-type: none; width: 91px; padding-left:5px;} #menilogin li a{ float: left; display: block; overflow: hidden; width:93px; height: 29px; color: #666;} #menilogin li a:hover{ display: block; overflow: hidden; height: 29px; color:#ffffff; text-decoration:none;} #menilogin li a span{ display: block; overflow: hidden; height: 29px; } /* MENI 2*/ #divmeni2a0{ width:955px; height:55px; float:left; clear:both;} #divmeni2aa{ width:191px; height:55px; float:left; background-image: url(grafika/menutopnx/meni_m_1.jpg); background-repeat: repeat-x; background-position: left top;} #divmeni2a{ width:112px; height:55px; float:left;} #divmeni2b{ width:111px; height:55px; float:left;} #divmeni2c{ width:112px; height:55px; float:left;} #divmeni2d{ width:112px; height:55px; float:left;} #divmeni2e{ width:112px; height:55px; float:left;} #divmeni2f{ width:1px; height:55px; float:left; background-image: url(grafika/menutopnx/meni_m_maxx.jpg); background-repeat: repeat-x; background-position: left top;} #divmeni2g{ width:204px; height:55px; float:left;} /* LAYOUT */ #divmeni193{ width:193px; float:left;} #divmaininclude{ width:760px; margin-left:2px; float:left; clear:right;} /* NEWS */ .divNewsMain{ margin:5px 5px 5px 5px; padding:5px; clear:both;} .divNewsMainEndLinija{ height:20px; clear:both; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC;} .divNewsMainOpsirno{ margin:0px 5px 5px 5px; padding:0px 5px 5px 5px; clear:both;} .divNewsMainImg{ margin:3px; float:left; width:150px; height:150px; } .opsirnijeButtons { float:right; background:url(grafika/buttons/button-prijava.png) left top no-repeat; width:100px; height:30px; text-indent:3px; font-size:10px; color:#000; border:none; text-align:left; margin:2px; padding:3px 0 0 4px; cursor:pointer; line-height: 23px;} .opsirnijeButtons:hover { background:url(grafika/buttons/button-prijava-hover.png) left top no-repeat; width:100px; height:30px; color:#fff; text-decoration:none; } /* DOWNLOAD */ .divDownloadMain0{ width:755px; height:35px; background-color:#f5f5f4; padding:2px; margin:10px 1px 1px 1px; border:solid #cccbc9 1px; clear:both;} .divDownloadMain{ width:80px; height:25px; line-height:35px; float:left;} .divDownloadMain2{ width:540px; height:25px; font-weight:bold; float:left;} .divDownloadMain3{ width:100px; height:25px; line-height:35px; float:left; clear:right;} /* SHOP NOVO */ #shopIzlistMini { clear:both; } #shopIzlistMini li{ width:182px; height:262px; padding:1px; margin:2px; border: 1px solid #C0C0C0; float:left; list-style:none; position:relative; } #shopIzlistMini .shopNaslov { width:178px; padding:2px; top:150px; position:absolute; z-index:11;} #shopIzlistMini .shopSlika { width:182px; height:262px; background-repeat: no-repeat; position:absolute; z-index:1;} #shopIzlistMini .shopCijena { top:205px; font-size: 24px; width:182px; font-weight:bold; color:#000; text-align:center; letter-spacing: -1px; position:absolute;} #shopIzlistMini .shopNovi { width:80px; height:78px; top:-1px; left:-1px; background:url(grafika/body/frag-novo.png) left top no-repeat; position:absolute; z-index:3; } #shopIzlistMini .shopAkcija { width:80px; height:78px; top:-1px; left:-1px; background:url(grafika/body/frag-akcija.png) left top no-repeat; position:absolute; z-index:3;} #shopIzlistMini .shopAkcijab { width:80px; height:78px; top:-1px; left:-1px; background:url(grafika/body/frag-akcijabozic.png) left top no-repeat; position:absolute; z-index:3;} #shopIzlistMini .shopVikendAkcija { width:80px; height:78px; top:-1px; left:-1px; background:url(grafika/body/frag-vikend-akcija.png) left top no-repeat; position:absolute; z-index:3;} #shopIzlistMini .shopRasprodaja { width:80px; height:78px; top:-1px; left:-1px; background:url(grafika/body/frag-rasprodaja.png) left top no-repeat; position:absolute; z-index:3;} #shopIzlistMini .shopLink { width:182px; height:262px; display:block; font-size:11px; position:absolute; text-indent:-9999px; z-index:10;} #shopIzlistMini .shopLink:hover { background-color:#f3f1ed; opacity:0.4; filter:alpha(opacity=40); } #shopIzlistMini h3 { font-size:11px; font-weight:lighter; text-align:center;} #shopIzlistMini h5 { font-size:11px; color:#999999; font-weight:lighter; text-align:center;} #shopIzlistMini a { color:#666; } #shopIzlistMini a:hover { color:#000; text-decoration:none; } #shopIzlistMini span { text-indent:-9999px;} #shopIzlistMini img { margin:auto;} /* BUTTONS KUPI */ #shopIzlistMini .shopBuySmall{ text-indent:-99999px; z-index:11; } #shopIzlistMini .shopBuySmall a{ background:url(grafika/shop/buy-small.png) center top no-repeat; position:absolute; left:64px; bottom:0px; display: block; width:55px; height:28px; margin:0px; text-indent:-99999px; z-index:11; } #shopIzlistMini .shopBuySmall a:hover{ background:url(grafika/shop/buy-small-hover.png) center top no-repeat; } #shopIzlistMini .shopBuySmallOf{ text-indent:-99999px; z-index:11;} #shopIzlistMini .shopBuySmallOf a{ background:url(grafika/shop/buy-small-off.png) center top no-repeat; position: absolute; left:49px; bottom:0px; display:block; width:85px; height:28px; margin:0px; text-indent:-99999px; z-index:11;} #shopIzlistMiniNaslovna { clear:both; } #shopIzlistMiniNaslovna li{ width:182px; height:222px; padding:1px; margin:2px; border: 1px solid #C0C0C0; float:left; list-style:none; position:relative; } #shopIzlistMiniNaslovna .shopNaslov { width:178px; padding:2px; top:140px; position:absolute; z-index:11;} #shopIzlistMiniNaslovna .shopSlika { width:182px; height:222px; background-repeat: no-repeat; position:absolute; z-index:1;} #shopIzlistMiniNaslovna .shopCijena { top:190px; font-size: 24px; width:182px; font-weight:bold; color:#000; text-align:center; letter-spacing: -1px; position:absolute;} #shopIzlistMiniNaslovna .shopNovi { width:80px; height:78px; top:-1px; left:-1px; background:url(grafika/body/frag-novo.png) left top no-repeat; position:absolute; z-index:3; } #shopIzlistMiniNaslovna .shopAkcija { width:80px; height:78px; top:-1px; left:-1px; background:url(grafika/body/frag-akcija.png) left top no-repeat; position:absolute; z-index:3;} #shopIzlistMiniNaslovna .shopAkcijab { width:80px; height:78px; top:-1px; left:-1px; background:url(grafika/body/frag-akcijabozic.png) left top no-repeat; position:absolute; z-index:3;} #shopIzlistMiniNaslovna .shopVikendAkcija { width:80px; height:78px; top:-1px; left:-1px; background:url(grafika/body/frag-vikend-akcija.png) left top no-repeat; position:absolute; z-index:3;} #shopIzlistMiniNaslovna .shopRasprodaja { width:80px; height:78px; top:-1px; left:-1px; background:url(grafika/body/frag-rasprodaja.png) left top no-repeat; position:absolute; z-index:3;} #shopIzlistMiniNaslovna .shopLink { width:182px; height:222px; display:block; font-size:11px; position:absolute; text-indent:-9999px; z-index:10;} #shopIzlistMiniNaslovna .shopLink:hover { background-color:#f3f1ed; opacity:0.4; filter:alpha(opacity=40); } #shopIzlistMiniNaslovna h3 { font-size:11px; font-weight:lighter; text-align:center;} #shopIzlistMiniNaslovna h5 { font-size:11px; color:#999999; font-weight:lighter; text-align:center;} #shopIzlistMiniNaslovna a { color:#666; } #shopIzlistMiniNaslovna a:hover { color:#000; text-decoration:none; } #shopIzlistMiniNaslovna span { text-indent:-9999px;} #shopIzlistMiniNaslovna img { margin:auto;} /* SHOP OLD */ .divshopimage{ width:182px; height:262px; text-align:center; background-repeat: no-repeat; background-position: center 10px;} .divshopimageIzdvojeno{ width:182px; height:150px; text-align:center; background-repeat: no-repeat; background-position: center center;} .divshopimageInner{ width:182px; height:150px; text-align:center; clear:both; background-repeat: no-repeat; } .divshoptext{ text-align:center; height:35px; padding:2px; clear:both;} .divshoptextCijena{ text-align:center; height:16px; padding:2px; clear:both;} .divshoptextNaslov{ text-align:center; height:49px; padding:2px; clear:both;} .divshoptextNaslovIzdvojeno{ text-align:center; height:35px; padding:2px; clear:both;} .divshopBuy{ text-align:center; height:25px; clear:both;} .txtcijena16 { font-size: 24px; font-weight:bold; letter-spacing: -1px;} .txtCijenaMala { font-size: 16px; font-weight:bold; letter-spacing: -1px; text-decoration: none;} .txtCijenaVelika { font-size: 25px; font-weight:bold; letter-spacing: -1px; text-decoration: none;} .shopimgaligin{ background-position: center center; } .txtSifra { color: #999999; text-decoration: none; font-weight: normal;} .divArtikli{ width:182px; height:262px; padding:1px; margin:2px; border: 1px solid #C0C0C0; float:left; } .divArtikliNovi{ width:182px; height:262px; background-image:url(grafika/body/frag-novo.png); background-position: left top; background-repeat: no-repeat;} .divArtikliAkcija{ width:182px; height:262px; background-image:url(grafika/body/frag-akcija.png); background-position: left top; background-repeat: no-repeat;} .divArtikliVikendAkcija{ width:182px; height:262px; background-image:url(grafika/body/frag-vikend-akcija.png); background-position: left top; background-repeat: no-repeat;} /* SHOP ART OPSIRNO */ .diviShopArtikalBgOpsirno{ width:735px; padding:10px; margin:2px; border: 1px solid #C0C0C0; clear:both;} .diviShopArtikalBgOpsirnoLefr{ width:485px; padding:2px; margin:2px; float:left;} .diviShopArtikalBgOpsirnoRight{ width:205px; padding:2px; margin:2px; float:left; clear:right;} .diviShopArtikalFrame{ padding:5px; margin:5px; clear:both;} .linijaTablice { height:32px; color: #999999; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC;} .linijaTabliceVelika { height:60px; color: #999999; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC;} .txtdatum { font-size: 10px; color: #333333; text-decoration: none;} .diviShopArtikalBuyLeft{ padding:3px; float:left;} .diviShopArtikalRedovi{ padding:8px; margin:3px; width:640px;} .imgGalerija { margin:11px; } .shopArtikalBuller { background:url(grafika/buttons/speckabullet.png) 0px 5px no-repeat; width: 6px; height: 8px; float:left; } /* SHOP PAGING */ .divshopPagingMain{ height:28px; margin:0px; padding:2px; width:760px; clear:both; text-align:center; } .divshopEnds{ width:26px; height:26px; margin:0px; float:left;} .divshopEndsPaging{ width:647px; height:26px; margin:1px; float:left; text-align:center;} .btnlinkbg{ text-decoration: none;} .btnlinka{ background-image: url(grafika/buttons/btnlinka.png); background-repeat: no-repeat; background-position: left top; width: 30px; height: 26px; line-height:26px; color: #000000; text-decoration: none; font-weight: bold; padding: 0px; margin:0px; float:left;} .btnlinka:hover{ background-image: url(grafika/buttons/btnlinka.png); background-repeat: no-repeat; background-position: left top; width: 30px; height: 26px; line-height:26px; color: #ea1a35; text-decoration: none; font-weight: bold; padding: 0px; margin:0px; float:left;} .btnlinkbctive{ background-image: url(grafika/buttons/btnlinka-active.png); background-repeat: no-repeat; background-position: left top; width: 30px; height: 26px; line-height:26px; color: #ffffff; text-decoration: none; font-weight: bold; padding: 0px; margin:0px; float:left;} .btnlinkbctive:hover{ background-image: url(grafika/buttons/btnlinka-active.png); background-repeat: no-repeat; background-position: left top; width: 30px; height: 26px; line-height:26px; color: #000000; text-decoration: none; font-weight: bold; padding: 0px; margin:0px; float:left;} .btnlinNxt{ background-image: url(grafika/buttons/btnlink-nxt.png); background-repeat: no-repeat; background-position: left top; width: 26px; height: 26px; padding: 0px; margin:0px; float:left; text-indent:-99999px;} .btnlinNxxt{ background-image: url(grafika/buttons/btnlink-nxxt.png); background-repeat: no-repeat; background-position: left top; width: 26px; height: 26px; padding: 0px; margin:0px; float:left; text-indent:-99999px;} .btnlinPv{ background-image: url(grafika/buttons/btnlink-pv.png); background-repeat: no-repeat; background-position: left top; width: 26px; height: 26px; padding: 0px; margin:0px; float:left; text-indent:-99999px;} .btnlinPvv{ background-image: url(grafika/buttons/btnlink-pvv.png); background-repeat: no-repeat; background-position: left top; width: 26px; height: 26px; padding: 0px; margin:0px; float:left; text-indent:-99999px;} /* SHOP LOGIN */ .divshopLoginBg{ width:560px; height:220px; background-color:#f3f1ed; margin:25px; padding:25px; margin-left:auto; margin-right:auto; border: 1px solid #dcdad7;} .divshopLoginBg2{ width:560px; background-color:#f3f1ed; margin:25px; padding:25px; margin-left:auto; margin-right:auto; border: 1px solid #dcdad7; clear:both;} .divshopLoginLeft{ width:100px; height:40px; float:left;} .divshopLoginLeftFull{ width:500px; height:30px; clear:both; text-align:justify; padding-top:30px; font-size:16px;} .divshopLoginRight{ width:400px; height:40px; float:left; clear:right;} .divshopLoginRight2{ width:400px; float:left; clear:right;} /* SHOP KOSARICA */ .shopKosaricaMain{ width:755px; clear:both; padding:2px; margin:0px 0px 3px 0px; border-width: 1px; border-style: solid; border-color: #cccbc9;} .shopKosaricaMain2{ width:400px; height:140px; padding:2px; margin:0px 0px 3px 0px; float:left;} .shopKosaricaMainUkupno{ width:747px; background-color:#f5f5f4; clear:both; padding:6px; margin:0px 0px 3px 0px; border-width: 1px; border-style: solid; border-color: #cccbc9;} .shopKosaricaSlika{ width:160px; height:140px; float:left; background-position:left center; background-repeat:no-repeat;} .shopKosaricaKolicinaMain{ position:relative; width:100px; height:140px; float:right; background-color:#e7e5e2; border: 1px solid #cccbc9; padding:3px; text-align:center;} .shopKosaricaCijeneMain{ width:450px; float:left; padding:3px; float:left;} .shopKosaricaCijene{ width:150px; float:left; padding:3px;} .shopKosaricaCijeneTx{ font-size:12px; color: #666; text-decoration: none;} #menikosarica{ position: relative; right:0px; line-height: 23px; height: 29px; padding:0px; } #menikosarica li{ float: left; background-image: url(grafika/buttons/button-prijava.png); background-repeat: no-repeat; background-position: left top; display: inline; list-style-type: none; width: 91px; padding-left:5px;} #menikosarica li:hover{ background-image: url(grafika/buttons/button-prijava-hover.png); background-repeat: no-repeat; background-position: left top; display: inline; list-style-type: none; width: 91px; padding-left:5px;} #menikosarica li a{ float: left; display: block; overflow: hidden; width:93px; height: 29px;} #menikosarica li a:hover{ display: block; overflow: hidden; height: 29px; color:#ffffff; text-decoration:none;} #menikosarica li a span{ display: block; overflow: hidden; height: 29px; } .inputTextKosarica { float:left; background:transparent; background-image:url(grafika/buttons/search.png); background-repeat:no-repeat; width:284px; height:34px; color:#000000; border:none; text-align:left; border-style:none; border-width:0; padding:2px 6px 2px 4px; } .inputTextKosarica:hover { background:transparent; background-image:url(grafika/buttons/search-hover.png); background-repeat:no-repeat; width:284px; height:34px; color:#e3000f; } #kosaricaSifra { background:transparent; background-image:url(grafika/buttons/inputsifra.png); background-repeat:no-repeat; width:102px; height:34px; color:#000000; border:none; text-align:left; border-style:none; border-width:0; padding:2px 6px 2px 4px; float:left; } .inputMinus{ position:absolute; left:18px; top:60px; width:34px; height:34px; margin:2px; text-indent:-9999px; background:url(grafika/buttons/inputminus.png) left top no-repeat; display:block; } .inputPlus{ position:absolute; left:54px; top:60px; width:34px; height:34px; margin:2px; text-indent:-9999px; background:url(grafika/buttons/inputplus.png) left top no-repeat; display:block; } /* BUTTONS KUPI */ .shopBuySmall{ text-indent:-99999px; } .shopBuySmall a{ background:url(grafika/shop/buy-small.png) center top no-repeat; position: relative; left:64px; bottom:-12px; display: block; width:55px; height:28px; margin:0px; text-indent:-99999px; } .shopBuySmall a:hover{ background:url(grafika/shop/buy-small-hover.png) center top no-repeat; position: relative; left:64px; bottom:-12px; display: block; width:55px; height:28px; margin:0px; text-indent:-99999px; } .shopBuySmallOf{ text-indent:-99999px; } .shopBuySmallOf a{ background:url(grafika/shop/buy-small-off.png) center top no-repeat; position: relative; left:49px; bottom:-12px; display:block; width:85px; height:28px; margin:0px; text-indent:-99999px; } .shopBuyBig{ background-image:url(grafika/shop/buy-big.png); background-repeat:no-repeat; display: block; background-position:center top; width:180px; height:56px; margin:1px; text-indent:-99999px; } .shopBuyBigOf{ background-image:url(grafika/shop/buy-big-off.png); background-repeat:no-repeat; display: block; background-position:center top; width:180px; height:56px; margin:1px; text-indent:-99999px; float:left; } .shopBuyBack{ background-image:url(grafika/shop/buy-back.png); background-repeat:no-repeat; background-position:center top; width:53px; height:35px; margin:1px; text-indent:-99999px; float:left; } /* LAYOUT IZDVOJENO TOP*/ .divizdvojenotop{ width:144px; height:276px; background-image: url(../grafika/body/rac_max.jpg); background-repeat: repeat-x; background-position: left top; padding:2px; margin:1px; float:left; border: 1px solid #C0C0C0;} .divizdvojenoartikli{ width:182px; height:220px; padding:1px; margin:2px; border: 1px solid #C0C0C0; float:left;} /* IZDVOJENO NOVOSTI NASLOVNA */ .izdvojenoNovostiNaslovna{ float:left; width:368px; height:200px; padding:3px 3px 3px 3px; margin:2px; border: 1px solid #C0C0C0; background-color: #ededed; } .izdvojenoNovostiNaslovna:hover{ border: 1px solid #c7c7c7; background-color: #e1e1e1; } .izdvojenoNovostiNaslovna .linkSlika{ width:362px; height:120px; border: 2px solid #fff; display:block; margin:1px; } .izdvojenoNovostiNaslovna .linkSlika:hover{ border: 2px solid #e3000f;} .izdvojenoNovostiNaslovna .sadrzaj{ margin:2px; padding:1px; } /* LAYOUT FOOTER */ #divFooterBg{ width:985px; padding:15px 0 0 0; clear:both; margin-left:auto; margin-right:auto;} #FacebookRss{ text-indent:-9999px; width:196px; margin:0 auto; clear:both;} #FacebookRss li{ float:left; width:92px; height:84px; list-style:none; margin:3px;} #FacebookRss #iconfacebook a{ background:url(grafika/icons/icn-facebook.png) left top no-repeat; display:block; width:92px; height:84px;} #FacebookRss #iconfacebook a:hover{ background:url(grafika/icons/icn-facebook-hover.png) left top no-repeat; display:block; width:92px; height:84px;} #FacebookRss #iconrss a{ background:url(grafika/icons/icn-rss.png) left top no-repeat; display:block; width:92px; height:84px;} #FacebookRss #iconrss a:hover{ background:url(grafika/icons/icn-rss-hover.png) left top no-repeat; display:block; width:92px; height:84px;} #FooterLinks { width:980px; margin:0 auto; height:140px; clear:both; } #FooterLinks ul { width:190px; margin:3px; float:left;} #FooterLinks li { width:180px; list-style:none; margin:0 0 0 2px; padding:2px;} #FooterLinks h3 { font-size:14px; color: #8c8b89; text-shadow: 1px 1px #fff; line-height:30px; /*text-shadow: 1px 1px #fff, -1px -1px #fff;*/ } #FooterLinks a { color: #848380; text-decoration:none; } #FooterLinks a:hover { background:#000; color: #fff; padding:2px; } #FooterLinks span { color: #848380; } #FooterKartice { width:552px; margin:0 auto; height:30px; clear:both;} #FooterKartice img{ width:40px; height:26px; float:left; margin:3px; } #FooterNaplata { width:100px; margin:0 auto; height:56px; clear:both;} #FooterNaplata a{ width:80px; height:35px; } #FooterNaplata img{ width:80px; height:35px; padding:10px 3px 10px 3px; } #FooterCopyright { width:970px; margin:0 auto; text-align:center; height:40px; clear:both;} #FooterCopyright h4 { font-size:12px; color: #8c8b89; text-shadow: 1px 1px #fff; line-height:30px; } #FooterCopyright a{ color:#f3f1ed; } #FooterCopyright a:hover{ color:#f3f1ed; } /* SCROOL GORE */ #contentwrapper{ width: 193px; height: 200px; padding: 4px;} .billcontent{width: 100%;display:block;} .scroolpozadina2{ background-image: url(grafika/body/scrool_pozadina.jpg); background-repeat: no-repeat; padding-bottom: 3px; background-position: bottom; color: #FFFFFF;} /* LI IL KONTAKT */ .kontakt { width:360px; height:120px; margin:3px; padding:5px; background-color:#f3f1ed; border: 1px solid #dcdad7; float:left;} .kontakt ul {} .kontakt li { display: block; margin:0px 0px 0px 10px; padding:0px; } .kontakt:hover { width:360px; height:120px; margin:3px; padding:5px; background-color:#e1e1e1; border: 1px solid #c7c7c7; float:left;} .gmap { width:732px; height:300px; margin:3px; padding:8px 8px 30px 8px; background-color:#f3f1ed; border: 1px solid #dcdad7; clear:both;}