.okoizbornikamioproizvodi {display:block; width:100%; position:relative; z-index:100; margin:0; oadding:0; text-align:left; background:#CC0066;}


.menumioproizvodi {width:100%; margin:0; padding:0; list-style:none; text-align:left; font-family: "Open Sans", Arial, sans-serif; font-size: 14px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-ms-touch-action: none;
}

.menumioproizvodi div {position:absolute; background:#b20059; padding:10px; z-index:50;}
.menumioproizvodi div.sub1 {width:350px;}
.menumioproizvodi div.sub1a {width:500px;}
.menumioproizvodi div.sub2 {width:700px;}
.menumioproizvodi div.sub3 {width:1050px;}

.menumioproizvodi div.sub1 dl,
.menumioproizvodi div.sub1a dl {width:100%;
-webkit-column-count: 1;
-webkit-column-gap: 5%;
-webkit-column-rule: 1px dotted #F28CC9;
-moz-column-count: 1;
-moz-column-gap: 5%;
-moz-column-rule: 1px dotted #F28CC9;
column-count: 1;
column-gap: 5%;
column-rule: 1px dotted #F28CC9;
}
.menumioproizvodi div.sub2 dl {width:100%;
-webkit-column-count: 2;
-webkit-column-gap: 5%;
-webkit-column-rule: 1px dotted #F28CC9;
-moz-column-count: 2;
-moz-column-gap: 5%;
-moz-column-rule: 1px dotted #F28CC9;
column-count: 2;
column-gap: 5%;
column-rule: 1px dotted #F28CC9;
}
.menumioproizvodi div.sub3 dl {width:100%;
-webkit-column-count: 3;
-webkit-column-gap: 5%;
-webkit-column-rule: 1px dotted #F28CC9;
-moz-column-count: 3;
-moz-column-gap: 5%;
-moz-column-rule: 1px dotted #F28CC9;
column-count: 3;
column-gap: 5%;
column-rule: 1px dotted #F28CC9;
}
.menumioproizvodi li.top-li {float:left; position:relative; background:#CC0066; z-index:50;}

.menumioproizvodi li.top-li a.top-a {display:block; float:left; line-height:40px; color:#fff; padding:0 20px 0 20px; text-decoration:none; white-space:nowrap;}
.menumioproizvodi li.top-li b {display:block; width:100%; height:40px; position:relative; z-index:100;
-webkit-transition:0.75s;
-o-transition:0.75s;
-moz-transition:0.75s;
transition:0.75s;
}  

.menumioproizvodi li.top-li a.top-a:hover {background:#b20059; color:#fff; text-decoration:underline; position:relative; z-index:10;}
.menumioproizvodi li.top-li:hover > a.top-a {background:#b20059; color:#fff; text-decoration:underline; position:relative; z-index:10;}
.menumioproizvodi li.has-sub a.top-a:hover {text-decoration:underline; position:relative; z-index:10;}
.menumioproizvodi li.has-sub:hover > a.top-a {text-decoration:underline; position:relative; z-index:10;}

.menumioproizvodi div dl {padding:0; margin:0;}
.menumioproizvodi div dt {display:block; padding:5px 0 5px 0; margin:0; color:#f28cc9; line-height:20px;}
.menumioproizvodi div dd {display:block; padding:0; margin:0;}
.menumioproizvodi div dd a {line-height:30px; color:#000; background:#fff; display:block; margin-bottom:1px; padding:7px 10px; text-decoration:none; font:12px arial, sans-serif;}
.menumioproizvodi div dd a:hover {background:#F3EBE7; color:#000;}

.menumioproizvodi .bottomLine {width:100%; padding:5px 10px; background:#000; margin:10px 0 0 -10px; border-top:1px solid #fff; border-radius:0 0 10px 10px; line-height:20px; color:#f28cc9; font-weight:normal;}
.menumioproizvodi .bottomLine a {display:inline; padding:0 3px; line-height:20px; background:none; color:#fff; text-decoration:underline;}
.menumioproizvodi .bottomLine a:hover {color:#fff; text-decoration:none;}

.menumioproizvodi li:hover {z-index:60;}
.menumioproizvodi li:hover > b {height:0;}

.menumioproizvodi li div,
.menumioproizvodi li div.left {left:-9999px; top:-3000px; display:none;}

.menumioproizvodi li:hover div {left:0; top:40px; display:block;}
.menumioproizvodi li:hover div.left {left:auto; right:0; display:block;}

.clear {clear:left; height:0; overflow:hidden;}

.velikaslova {text-transform:uppercase; letter-spacing:1px; font-weight:300;}
.velikaslovakategorija {text-transform:uppercase; font-size:11px; color:#ca0767 !important; font-weight:700 !important;}

@media only screen and (max-width:1024px) {
.okoizbornikamioproizvodi {}
.menumioproizvodi li:hover div {top:0px;}
.menumioproizvodi li.top-li {float:left; width:100%; border-bottom:1px solid #fff; height:40px;}
.menumioproizvodi li.top-li > a.top-a {width:100%; padding:0; margin:0; text-indent:10px;}
.menumioproizvodi div.sub1 {width:80%;}
.menumioproizvodi div.sub1a {width:80%;}
.menumioproizvodi div.sub2 {width:80%;}
.menumioproizvodi div.sub3 {width:80%;}
.menumioproizvodi li:hover div {left:20%; display:block; margin-left:-20px;}
.menumioproizvodi li:hover div.left {left:20%; right:auto; display:block;}
.menumioproizvodi div.sub1 dl,
.menumioproizvodi div.sub1a dl,
.menumioproizvodi div.sub2 dl,
.menumioproizvodi div.sub3 dl
{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
}
@media only screen and (max-width:1024px) and (orientation:portrait) {
.menumioproizvodi div.sub1 dl,
.menumioproizvodi div.sub1a dl,
.menumioproizvodi div.sub2 dl,
.menumioproizvodi div.sub3 dl
{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
}
@media only screen and (max-width:768px) {
.menumioproizvodi div.sub1 dl,
.menumioproizvodi div.sub1a dl,
.menumioproizvodi div.sub2 dl,
.menumioproizvodi div.sub3 dl
{
-webkit-column-count: 12;
-moz-column-count: 1;
column-count: 1;
}
}
@media only screen and (max-width:640px) {
.menumioproizvodi div.sub1 dl,
.menumioproizvodi div.sub1a dl,
.menumioproizvodi div.sub2 dl,
.menumioproizvodi div.sub3 dl
{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.okoizbornikamioproizvodi {}
.menumioproizvodi div.sub1 dl,
.menumioproizvodi div.sub1a dl,
.menumioproizvodi div.sub2 dl,
.menumioproizvodi div.sub3 dl
{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
}




@media only screen and (min-width : 1025px) {
.menumioproizvodi li.top-li a.top-a {display:block; float:left; line-height:60px; color:#fff; padding:0 20px 0 20px; text-decoration:none; white-space:nowrap;}
.menumioproizvodi li.top-li b {display:block; width:100%; height:60px; position:relative; z-index:100;
-webkit-transition:0.75s;
-o-transition:0.75s;
-moz-transition:0.75s;
transition:0.75s;
} 
.menumioproizvodi li:hover div {left:0; top:60px; display:block;}
}