/* Fotni */ @import url('../DWMjrFonti/Awesome/font-awesome.css'); @import url('../DWMjrFonti/Awesome/font-awesome.min.css'); @import url('../DWMjrFonti/OpenSans/font-opensans.css'); @import url('../Galerije.css'); @import url('SplosneStrani.css'); @import url('Shop.css'); @import url('Kosarica.css'); *{font-family: OpenSans, Tahoma, Verdana, arial, helvetica, sans-serif ; box-sizing:border-box;} a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } a:hover{ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } BODY { padding:20px 0; margin:0; color:#333333; font-size:14px; background-color:#111; width:100%; height:100%;} .fixedWaiter, .ajaxWait {position:absolute; top:25%; left:50%; right:50%; z-index:9999999;} a:link {color:#333333; text-decoration:none;} a:visited {color:#333333; text-decoration:none; } a:hover {color:#f78814; text-decoration:none;} a:active {color:#f78814; text-decoration:none;} H1 {font-size:20px; color:#f78814; font-weight:600;} H2 {font-size:18px; color:#3871c2; font-weight:600;} H3 {font-size:16px; color:#333333; font-weight:600;} H4 {font-size:14px; color:#333333;} a[href*=".pdf"]::after {content:" [pdf]"; font-size:12px; font-style:italic; margin:0 0 0 05px; color:#666; text-decoration:none !important;} .mobi, .skrij {display:none;} .web, .prikazi {display:block;} #pozicija { position:relative; max-width:1190px; min-width:360px; width:100%; margin:0 auto; background-color:#ffffff; } #header {} #header1 {padding:10px; border-bottom:3px double #cccccc;} .iskanje_art {float:left; max-width:250px; width:100%;} .hitro_iskanje_header {border:1px solid #cccccc; border-radius:10px; width:100%; height:34px;} .hitro_iskanje_header input.IskanjePS {float:left; width:calc(100% - 30px); border:none; font-size:18px; border-radius:10px; padding:3px 5px;} .hitro_iskanje_header input.IskanjePS:focus {border:none !important; border-radius:10px; } .hitro_iskanje_header .GumbIsci {float:right;} .hitro_iskanje_header .GumbIsci .fa {font-size:24px; color:#3871c2;} .shop_meni {float:right; max-width:450px; width:100%; padding-top:10px;} .shop_meni a, .shop_meni div {font-size:16px !important; letter-spacing:1px;} .shop_meni .prijava {float:right;} .shop_meni .prijava a:before {content:' | '; padding:0 5px;} .shop_meni .prijava i.fa { margin-right:5px;} .shop_meni .kosarica_zg {float:right; cursor:pointer;} .shop_meni .kosarica_zg #NumProduct:before {content:'(';} .shop_meni .kosarica_zg #NumProduct:after {content:')';} .shop_meni .domov {float:right; margin-right:20px;} .shop_meni .domov i {font-size:23px; font-weight:600; color:#f78814;} .shop_meni .jeziki {display:none;} #header2 {clear:both; width:100%; display:table; border-bottom:4px solid #f78814; padding-top:10px;} #header2 .logo {display:table-cell; vertical-align:top;} #header2 .zg_kategorije {display:table-cell; vertical-align:bottom;} #header2 .zg_kategorije .kategorije_1n {float:right; display:table-row;} #header2 .zg_kategorije .katNivo1 {display:table-cell; vertical-align:bottom; padding-bottom:10px;} #header2 .zg_kategorije a {float:left; font-size:16px; text-transform:small-caps; margin:0 15px 0 5px;} #sredina { max-width:1190px; width:100%; padding:20px; } #levo {display:table-cell; width:280px; min-width:280px; vertical-align:top; padding-right:20px;} #levo .l_meni_con { border-top:3px solid #f78814; border-left:2px solid #f8f8f8; border-right:2px solid #f8f8f8; border-bottom:2px solid #f8f8f8; box-shadow:1px 1px 2px #ccc; margin-bottom:20px; padding:5px 10px;} #levo .l_meni_con .levi_naslov {font-size:16px; text-transform:uppercase; font-weight:600; padding-bottom:5px;} /*Levi meni - kategorije*/ #levo .leva_kat .LM_Naslov {display:none;} #levo .leva_kat .LM_Vsebina {} #levo .leva_kat .LM_Vsebina ul {list-style:none; padding:0; margin:0;} #levo .leva_kat .LM_Vsebina ul li {font-weight:600;} #levo .leva_kat .LM_Vsebina ul li.Trenutna > a {color:#f78814;} #levo .leva_kat .LM_Vsebina ul li ul {padding:0 0 10px 20px ;} #levo .leva_kat .LM_Vsebina ul li ul li {font-weight:400;} #levo .leva_kat .LM_Vsebina ul li ul li.Trenutna1 > a {color:#f78814; font-weight:600;} /*Levi meni - narocilo na novice*/ #levo .narociloNovic .ENaslov1 {width:100%; font-size:16px; padding:2px;} #levo .narociloNovic .Enovice-gumb {clear:both; float:right; border:1px solid #ccc; padding:5px 15px; font-weight:600; text-align:center; border-radius:2px;} #levo .narociloNovic .Enovice-gumb:hover {background-color:#f8f8f8;} /*Levi meni - zadnji artikli*/ #levo .ZadnjiArtikli ol {padding:0px; margin:5px;} #levo .ZadnjiArtikli ol li img {float:left; max-width:70px; height:auto; padding:5px;} #levo .ZadnjiArtikli ol li {clear:both; border-top:1px dotted #ccc; padding-top:3px; margin-top:5px;} #levo .ZadnjiArtikli ol li:first-child {border-top:none;} #levo .ZadnjiArtikli ol {list-style-type:none;} #vsebina {display:table-cell; vertical-align:top; min-width:calc(100% - 350px); max-width:870px; width:100%;} #footer {background-color:#242424;} #footer, #footer p, #footer ul, #footer a {color:#ffffff;} #footer .podatki_podjetja, #footer .podatki_podjetja1, #footer .spl_meni_footer {float:left; width:33%; padding:20px 50px;} #footer .mail_ico:before {font-family: "FontAwesome"; content: "\f0e0"; margin-right:10px;} #footer .web_ico:before {font-family: "FontAwesome"; content: "\f109"; margin-right:10px;} #footer .copy-right {clear:both; background-color:#242424; padding:10px 20px; color:#ffffff;} .baner1 img, .baner2 img {position:relative; width:100%; height:auto; overflow:hidden;} /****************************************************************************************************************************************************************** * * Vsebina prve strani * ******************************************************************************************************************************************************************/ #vsebina_ps {width:100%;} .akcije_ps, .novosti_ps, .razprodaja_ps {clear:both; height:auto;} .naslov_ps {margin:10px 0px 20px 0; border-top:1px solid #f78814; padding:10px 5px; box-sizing:border-box;} .naslov_ps span {font-size:18px; font-weight:600;} .kategorije_ps {margin-bottom:20px; position:relative;} .akcije_ps .slick-slide > div > div { display:flex !important; flex-wrap: wrap; overflow:hidden;} .akcije_ps .slick-slide > div > div .wrapArtikla {width:25%; min-width:250px; padding:20px; box-sizing:border-box; text-align:center; margin:0 auto;} .akcije_ps .slick-slide .slika_Bart img {width:100%; height:auto;} .novosti_ps .slick-slide > div > div { display:flex !important; flex-wrap: wrap; overflow:hidden;} .novosti_ps .slick-slide > div > div .wrapArtikla {width:25%; min-width:250px; padding:20px; box-sizing:border-box; text-align:center; margin:0 auto;} .novosti_ps .slick-slide .slika_Bart img {width:100%; height:auto;} .razprodaja_ps .slick-slide > div > div { display:flex !important; flex-wrap: wrap; overflow:hidden;} .razprodaja_ps .slick-slide > div > div .wrapArtikla {width:25%; min-width:250px; padding:20px; box-sizing:border-box; text-align:center; margin:0 auto;} .razprodaja_ps .slick-slide .slika_Bart img {width:100%; height:auto;} .slick-prev, .slick-next {background-color:#f78814 !important; border-radius:25px;} .prikazArtikla .naslov_Bart {margin-top:10px;} .prikazArtikla .cena_Bart {color:#f78814; font-size:18px; padding-top:5px;} .kategorije_ps .KategorijePS {float:left; margin-bottom:20px; box-sizing:border-box;} .kategorije_ps .KategorijePS:first-child {margin-right:33px;} .kategorije_ps .KategorijePS:nth-child(2) {margin-right:33px;} .kategorije_ps .KategorijePS {color:#333; border-bottom:1px double #f78814; border-top:1px double #f78814;} .kategorije_ps .KategorijePS:hover {color:#ffffff; background-color:#f78814; border-color:#ffffff;} .kategorije_ps .KategorijePS:hover .imeKategorije {color:#ffffff;} .kategorije_ps .KategorijePS .slikaKategorije img {max-width:360px; max-width:100%; height:auto;} .kategorije_ps .KategorijePS .slikaKategorije {width:360px; height:270px; overflow:hidden;} .kategorije_ps .KategorijePS:hover .slikaKategorije img {max-width:360px; width:100%; height:auto;} .kategorije_ps .KategorijePS .imeKategorije {min-height:50px; width:100%; text-align:center; font-size:30px; } .novice_ps {clear:both; position:relative; padding-bottom:50px;} .novica_ps {float:left; width:48%;} .novica_ps a {border:1px solid #ccc; box-shadow:5px 5px 5px #ccc; width:100%; display:block; padding:10px 20px; background-color:#f8f8f8;} .novica_ps a:hover { box-shadow:2px 2px 5px #ccc; color:#333; background-color:#ffffff;} .novica_ps:first-child {margin-right:4%;} .novica_ps img {max-width:200px; height:auto; float:left; margin-right:20px;max-height:150px; width:auto;} .pos_sp_novica {clear:both;padding-top:50px;} .pos_sp_novica:first-child {padding-top:0px;} .pos_sp_novica:nth-child(odd) img {float:left; max-width:200px; max-height:150px; height:auto; margin-right:20px;} .pos_sp_novica:nth-child(even) img {float:right; max-width:200px; max-height:150px; height:auto; margin-left:20px;} .prijavaVTRG .UporIme, .prijavaVTRG .UporGeslo {padding:5px 10px;} .prijavaVTRG input {width:250px; padding:2px; font-size:18px;} @media only screen and (max-width : 900px) { .mobi {display:block;} .web {display:none !important;} #header2 {border-bottom:none;} #header2, #header2 .logo, #header2 .zg_kategorije {clear:both; display:block; width:100%; text-align:center; position:relative;} #header2 .zg_kategorije .kategorije_1n {float:none; display:block;} #header2 .zg_kategorije .katNivo1 {display:block;} #header2 .zg_kategorije a {float:none; font-size:16px; text-transform:uppercase; display:block; padding:0 10px;} #header2 .izbirnik {background-color:#3871c2; color:#ffffff; padding:5px 0; font-size:20px; text-transform:uppercase; cursor:pointer;} #header2 .izbirnik i {margin-right:20px;} #header2 .g_meni, #header2 .g_meni a {position:absolute; right:0px; left:0px; top:30px; opacity:0; width:100%; height:0; font-size:0; padding:0; margin:0;} #header2 .gl_meni_on {position:absolute; right:1%; left:1%; top:30px; opacity:1; width:98%; height:auto; padding:10px 0px 20px 0px; background:#f1f1f1; z-index:1500; border-top:1px solid #373737; border-bottom:1px solid #373737;} #header2 .gl_meni_on a {} .kategorije_ps .KategorijePS:nth-child(2) {margin-right:0px !important;} .kategorije_ps .KategorijePS:nth-child(3n+0) {clear:both;} .prikazKategorijM .wrapArtikla {color:#333; display:block; float:left; margin-bottom:20px;} .prikazKategorijM .wrapArtikla:nth-child(2n+0) .prikazArtikla {margin-right:0px !important;} .narocilo_na_novic, .zadnji_ogledi {margin:20px; width:280px; float:left;} .narocilo_na_novic .ENaslov1 {width:100%; font-size:16px; padding:2px;} .narocilo_na_novic .Enovice-gumb {clear:both; float:right; border:1px solid #ccc; padding:5px 15px; font-weight:600; text-align:center; border-radius:2px;} .narocilo_na_novic .Enovice-gumb:hover {background-color:#f8f8f8;} .zadnji_ogledi .ZadnjiArtikli ol {padding:0px; margin:5px;} .zadnji_ogledi .ZadnjiArtikli ol li img {float:left; max-width:70px; height:auto; padding:5px;} .zadnji_ogledi .ZadnjiArtikli ol li {clear:both; padding-top:3px; margin-top:5px;} .zo_naslov, .nn_naslov {font-weight:600;} } @media only screen and (max-width : 700px) { .kategorije_ps .KategorijePS {margin-right:0px !important;} .cont_slik {width:auto; margin:0 auto; max-width:360px;} #sredina {display:block; min-width:100%; max-width:100%; width:100%; padding:10px;} #vsebina {display:block; min-width:100%; max-width:100%; width:100%;} #footer .podatki_podjetja, #footer .podatki_podjetja1, #footer .spl_meni_footer {float:none; width:100%; padding:20px 20px;} } @media only screen and (max-width : 610px) { .prikazKategorijM .wrapArtikla .prikazArtikla {margin-right:0px !important;} .SteviloTxt {display:none;} .novica_ps {float:none; width:360px; margin:0 auto !important; clear:both; padding-bottom:50px;} } .clear, .Clear {clear:both;} /************************ * * * * gumbi * display:block; font-size:14px; color:#ffffff; font-weight:600; text-align:center; text-decoration:none; width:100px; height:25px; background-color:#555555; border:1px outset #555555; padding-top:5px; * * * ***********************/ /*.fa {font-size:32px; margin:40px; font-weight:300; color:#333;}*/