html,body{font:14px/21px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica", "Helvetica Neue", Arial, sans-serif; color:#333; background:#f5f5f7; margin:0px; padding:0px;min-height:100%;min-width:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing: auto;-webkit-tap-highlight-color:transparent}
#masthead{color:#999; background:#223149 url("http://www.winknj.si/images/Opac-Retina.png") center no-repeat;background-size:194px 36px;padding:0px; margin:0; height:112px}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
#masthead{background-image:url("http://www.winknj.si/images/Opac-Retina@2x.png")}}

#logo{float:left}
.winknj_logo {background-image: url("http://www.winknj.si/images/logo_1x.png");background-size: cover;height: 88px;width: 116px;}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
.winknj_logo {background-image: url("http://www.winknj.si/images/logo_2x.png")}}

#masthead .content{padding:12px 15px}
#language{float:right; width:32px; height:20px; border:0; outline:none}

#layoutwrapper{width:98%; margin:0 auto}
#wrapper{margin:0; border:1px solid #e5e5e5; background:#fff}
#mainbox{margin:0; padding:0; min-height:400px}
#maincontent{padding:10px}
#maincontent a{color:#0433ff; text-decoration:underline; outline:none}
#maincontent a:hover{color:#F00; text-decoration:none}

#nakup{max-width:256px; float:left;margin: 0 10px 10px 0}
#nakup img {min-width:128px;max-width:256px; padding-top: 3px}

#footer .content{padding:10px 10px; color:#929292}
#footer{width:97%; margin:0 auto; padding:0px; font-size:12px;min-height:100px}
#footer a:link{color:#515154; text-decoration:none}
#footer a:visited{color:#515154; text-decoration:none}
#footer a:hover{color:#515154; text-decoration:underline}
.nomargintop{margin-top:0}
.clearit{clear:both; height:0; line-height:.0; font-size:0}

h1,h2,h3{color:000;letter-spacing:1px; margin-top: 0}
h2{font-size:18px;line-height:27px}
h2 img{vertical-align: middle}
/*h3{font-size:24px;line-height:36px;letter-spacing:1px; margin-top: 0}*/
h3{font-size:18px;line-height:27px}

#top_login h4{margin:0 0 5px 0}
#top_login{font-size:14px;float:right; color:#FFE068;padding:0;text-align:right;line-height:21px}
hr{border:0px; height:1px; background-color:#ddd}

input, select {font-size: 14px;-webkit-appearance: none; border: 1px solid #bbb!important;border-radius: 0!important;padding: 4px!important;outline:0 none}
textarea {font-size: 14px;outline:0 none}

#forme {margin-top: 20px}

.confirmed{border-top:1px solid #bbb; margin:7px 0 0 0; padding:10px 0 0 0}
.button_confirmed{margin:10px 0 0 0;background:#fff;border: 1px solid #bbb;border-radius: 2px;color: #000;font-size: 14px;padding:4px 8px 4px 8px;text-align: center;text-decoration:none;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}
.button_confirmed span.confirmed{border:0; outline:none}
.button_confirmed:hover{background:#eee}

.button_find{margin:10px 0 0 0;background:#fff;border: 1px solid #bbb;border-radius: 2px;color: #000;font-size: 14px;padding:4px 8px 4px 8px;text-align: center;text-decoration:none;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}
.button_find span.find{border:0; outline:none}
.button_find:hover{background:#eee}

.buy{text-decoration:none; outline:none}
.button_buy{background:#fff; border:1px solid #376A79; color:#333; letter-spacing:1px; padding:4px; cursor:pointer;text-align:left;font-size: 14px}
.button_buy span.buy{border:0; outline:none}
.button_buy:hover{background:#009051; border:1px solid #2C5115; color:#fff}

.button_clear{margin:10px 0 0 10px;background:#fff;border: 1px solid #bbb;border-radius: 2px;color: #000;font-size: 14px;padding:4px 8px 4px 8px;text-align: center;text-decoration:none;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}
.button_clear span.clear{border:0; outline:none}
.button_clear:hover{background:#eee}

.registration .left{width:110px; float:left; padding:10px 0px 0px 7px; min-height:24px}
.registration .right{width:200px; float:left; padding:4px 5px 5px 6px; min-height:24px}
.registration .title{margin-bottom:7px}
.registration .row{background-color:none; display:block; min-height:32px}
.registration .text{width:192px}
.registration input{padding: 4px}
.registration{background:#fbfbfb;padding:10px; width:328px; font-size:14px; line-height:none;border:3px solid #bbb; margin:0 auto}

.basic .left{width:412px; float:left; padding:6px 5px 5px 6px; min-height:24px}
.basic .row{background-color:none; display:block; min-height:32px}
.basic .title{margin-bottom:7px}
.basic{background:#fbfbfb;padding:10px;width:423px; font-size:14px; line-height:none; border:3px solid #bbb; margin:0 auto}

.advanced .left{width:110px; float:left; padding:10px 0px 0px 7px; min-height:24px}
.advanced .left input, select {background: #fff url(http://www.winknj.si/OPAC/images/vertical_arrow.png) no-repeat;background-position:100% 50%}
.advanced .right{width:200px; float:left; padding:6px 5px 5px 6px; min-height:24px}
.advanced .title{margin-bottom:7px}
.advanced .row{background-color:none; display:block; min-height:32px}
.advanced .text{width:192px}
.advanced{background:#fbfbfb;padding:10px; width:423px; font-size:14px;border:3px solid #bbb; line-height:none}

.find{border-top:1px solid #bbb; margin:7px 0 0 0; padding:10px 0 0 0}

.tbl{border-collapse: collapse; width:100%; font-size:100%; background-color:#fff; empty-cells:show}
.tbl th{background-color:#FFE068; font-weight:600; color:#000; padding:8px; empty-cells:show}
.tbl td{padding:8px; empty-cells:show;border: 1px solid #fff}
.tbl td img{width:128px;}
.tbl tr{background-color:#EFF1F1}
.tbl tr:hover{background-color:#64b0c9; color:#fff}
.tbl tr.even{background:#C4E3EB}
.tbl tr.even:hover{background-color:#64b0c9; color:#fff}

.tbla{border-collapse: collapse; width:100%; font-size:100%; background-color:#fff; empty-cells:show}
.tbla th{background-color:#FFE068; font-weight:600; color:#000; padding:8px; empty-cells:show}
.tbla td{padding:8px; empty-cells:show;border: 1px solid #fff}
.tbla tr{background-color:#EFF1F1}
.tbla tr.even{background:#C4E3EB}
.tbla tr.razred{background:#FEB190}
.tbla tr.predmet{background:#FEFD90}

.img_big{width:256px; margin-bottom:10px; height:auto; border:0}
.img_small{width:128px; height:auto; border:0}

#menu_top{background:#f5f5f7; padding:5px 10px 5px 10px;margin: 0; min-height:20px}

#topnavcontainer{position:relative; z-index:auto}
#navcontainer ul{padding:7px 0 0 0; margin:0 auto; list-style-type:none; color:#FFF; width:100%; font:14px; font-weight:600; text-align:center; position:absolute; top:74px}
#navlist li{display:inline; margin:0 10px 0 0; padding:0}
#navlist li a{text-decoration:none; color:#fff;letter-spacing: 1px; outline:none}
#navlist li a:hover{color:#fff; text-decoration:underline}

.tips{margin:0 15px 0 0}
.tips_content{width:400px; padding:5px 10px; background:#fff; border:1px solid #59A0B4; margin-left:10px; display:none; font-size:11px}
.fieldset{border:1px solid #59A0B4}
legend{font-weight:600}
legend span{padding:4px}
.green{color:green}
.red{color:#F00}

#tab_details ul{margin:10px 0 0 0; padding:0 0 4px 0}
#tab_details li{display:inline; list-style-type:none; color:#333; padding:4px 0 4px 0; font-size:14px;margin-right:8px}
#tab_details a{margin:0; padding:8px 10px 8px 10px; color:#333;font-weight: 600;letter-spacing: 1px; background:#C4E3EB url(http://www.winknj.si/OPAC/images/bg_top_left.gif) top left no-repeat;text-decoration:none!important; outline:none}
#tab_details u{margin:0;padding:8px 10px 8px 10px;color:#F00;font-weight: 600;letter-spacing: 1px;background:#C4E3EB url(http://www.winknj.si/OPAC/images/bg_top_left_active.gif) top left no-repeat; text-decoration:none!important; outline:none}
#tab_details a:hover{color:#F00; text-decoration:none!important}

.mnuitem{font-weight:700;overflow:hidden; list-style:none; margin:0; padding:0}
.mnuitem a{font-size:14px; font-weight:700;padding:2px 0 2px 0; color:#333;letter-spacing: 1px; text-decoration:none; outline:none}
.mnuitem a:hover{text-decoration:underline}
.mnuitem li{float:left;margin:10px 5px 10px 5px; color:#333; overflow:hidden}

a.tooltip:hover{background:none; text-decoration:none; font-size:11px; text-align:left; cursor:default}
a.tooltip span{display:none; padding:2px 3px; margin-left:4px; margin-top:2px; width:300px}
a.tooltip:hover span{display:inline; position:absolute; border:2px solid #F90; background:#fff; color:#000}

#box_overlay{position:fixed; display:none; top:0; left:0; width:100%; height:100%; background-color:#222; z-index:100; filter:alpha(opacity=65); -moz-opacity:0.65; opacity:0.65}
* html #box_overlay{position:absolute;height:expression("document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px'")}
#box_content{position:fixed; display:none; top:10%; left:10%; width:80%; height:80%; padding:16px; background-color:white; z-index:1000; overflow:auto; border:2px solid orange; -moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px;}

/*#loading_message{width:auto; height:auto; background:#fff; position:fixed; left:50%; top:50%; margin:-19px 0 0 -93px; text-align:center; font-family:Arial,Helvetica,sans-serif; font-size:12px; border:1px solid #444; padding:10px; color:red;  -webkit-box-shadow:0px 0px 10px #BBB; -moz-box-shadow:0px 0px 10px #BBB; box-shadow:0px 0px 10px #BBB; z-index:1005}*/

.katalog a {padding: 4px;}

/* Script <h1> */
.regija_naziv {font-size:16px;color:#000!important}
#iframe {width:100%;height:100%;min-height:710px;max-height:100%;border:0}

@media screen and (max-width: 768px) {	
.tbl {overflow-x:scroll; display:block}
#nakup img {display: none}
}