/* Fotni */ @import url('../DWMjrFonti/Awesome/font-awesome.css'); @import url('../DWMjrFonti/Awesome/font-awesome.min.css'); @import url('../DWMjrFonti/Sora/Sora.css'); @import url('../Galerije.css'); @import url('SplosneStrani.css'); @import url('Shop.css'); @import url('Kosarica.css'); /*background-color: transparent; background-image: linear-gradient(290deg, #B6002E 0%, #FFF293 100%);**/ :root { --font-h: calc(25px + (100 - 25)*(100vw - 400px)/(1940 - 400)); } *{font-family: Sora, 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:18px; background-color:#f0f2f4; 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:#B6002E; text-decoration:none;} a:active {color:#B6002E; text-decoration:none;} H1.posebni_naslov {font-size:var(--font-h); background: linear-gradient(290deg, #B6002E 0%, #FFF293 100%); color: transparent; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; font-weight:400; max-width:100%; width:auto;} H1.posebni_naslov span {padding-left:25%;} H1 {font-size:26px; color:#B6002E; font-weight:600;} H2 {font-size:22px; color:#B6002E; font-weight:600;} H3 {font-size:20px; color:#333333; font-weight:600;} H4 {font-size:18px; 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 {width:calc(100% - 100px); margin:20px 50px;} #header {clear:both; background-color:#ffffff; border-radius:30px; width:100%; text-align:center;} #header img {margin:20px auto; max-width:300px; width:100%;} #sub_header {display:flex; flex-wrap:nowrap; align-items: center; margin-top:20px;} #sub_header div:first-child {width:30%; text-align:left;} #sub_header div:first-child img {max-width:600px; height:auto; width:100%;} #sub_header div:nth-child(2) {width:40%; padding:0 40px;} #sub_header div:nth-child(3) {width:30%; text-align:right;} #sub_header div:nth-child(3) img {max-width:550px; height:auto; width:100%;} #sredina {clear:both;} #stran_app {max-width:800px; width:100%; margin:50px auto; padding:0 20px;} #ponudba {max-width:100%; padding:50px;} #footer {background-color:#1F1F1F; color:#ffffff; border-radius:30px; margin-top:50px; padding:50px;} #footer p, #footer a, #footer div, #footer spam, #footer h1, #footer h2, #footer h3, #footer h4 {color:#ffffff;} .preklop_gumbi {clear:both;display:flex; padding:20px 0;} .prek_gumb_on {background-color:#B6002E; color:#ffffff; border-radius:2px; padding:10px 25px; max-width:280px; text-transform:uppercase; font-size:16px; margin:5px; cursor:pointer; text-align:center; font-weight:600;} .prek_gumb_off {background-color:#161615; color:#ffffff; border-radius:2px; padding:10px 25px; max-width:280px; text-transform:uppercase; font-size:16px; margin:5px; cursor:pointer; text-align:center; font-weight:600;} .prek_gumb_off:hover {background-color:#B6002E; color:#ffffff;} .ponudba_potrditev {max-width:1200px; padding:50px 0;} /* elementi */ .tiskana_ponudba {float:left; width:350px;} .tiskana_ponudba a {position:relative; margin:0 auto; background-color:#ffffff; border:1px solid #161615; border-radius:30px; padding:25px 50px 25px 75px; width:350px; text-transform:uppercase; font-size:14px; transition: all .35s ease;} .tiskana_ponudba a:hover { border:1px solid #B6002E; font-size:16px;} .tiskana_ponudba a:before {content:'\f1c1'; margin-right:15px; font-family:'FontAwesome'; font-size:25px; font-weight:300; position:absolute; left:35px; top:20px;animation: obrni 2s infinite;} @keyframes obrni { 0% { transform: rotate(30deg);} 50% { transform: rotate(-30deg);} 100% { transform: rotate(30deg);} } .tiskana_ponudba a:hover:before {font-size:27px; } .cont_gumb { float: right; width:320px;} .ukazni_gimb_ins { white-space:nowrap; width:270px;} .ukazni_gimb_ins a {margin:0 auto; background-color:#161615; color:#ffffff; border-radius:30px; padding:25px 50px; max-width:280px; text-transform:uppercase; font-size:14px; cursor:pointer;} .ukazni_gimb_ins a:hover {background-color:#B6002E;} .Povzetek1,.Povzetek2, #spisekResursov {width:100%; max-width:1200px;} .Povzetek1 thead tr td ,.Povzetek2 thead tr td , #spisekResursov thead tr td {background-color:#161615; color:#ffffff; padding:8px 5px; text-transform:uppercase; font-size:12px; font-weight:600; } .Povzetek1 tbody tr td ,.Povzetek2 tbody tr td , #spisekResursov tbody tr td {padding:8px 5px; text-transform:uppercase; font-size:12px; border-bottom:1px solid #161615;} .Povzetek1 thead tr td:nth-child(2), .Povzetek1 thead tr td:nth-child(3), .Povzetek2 thead tr td:nth-child(2), .Povzetek2 thead tr td:nth-child(3), .Povzetek1 tbody tr td:nth-child(2), .Povzetek1 tbody tr td:nth-child(3), .Povzetek2 tbody tr td:nth-child(2), .Povzetek2 tbody tr td:nth-child(3) {width:100px; text-align:center;} .Povzetek1 {margin-bottom:30px;} @media only screen and (max-width : 900px) { .mobi {display:block;} .web {display:none !important;} #pozicija {width:100%; margin:0px;} #header {clear:both; background-color:#ffffff; border-radius:0px; width:100%; text-align:center;} #sub_header div:nth-child(2) {width:40%; padding:0 10px;} #ponudba, #stran_app {max-width:100%; padding:50px 20px;} #footer {background-color:#1F1F1F; color:#ffffff; border-radius:0; margin-top:50px; padding:50px;} } @media only screen and (max-width : 650px) { .tiskana_ponudba, .cont_gumb {clear:both; float:none; display:block; height:100px;} } .clear, .Clear {clear:both;}