/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2014 By BESTDNNSKINS.COM
 */
/*----------------Sakrivanje menia--------*/
/*.rootMenu .child-2 a span{
	color: #7467b2!important;
	    opacity: 0;
}
.rootMenu .child-5 a span{
	color: #7467b2!important;
	    opacity: 0;
}
.rootMenu .child-6 a span{
	color: #7467b2!important;
	    opacity: 0;
}
.rootMenu .child-7 a span{
	color: #7467b2!important;
	    opacity: 0;
}
.rootMenu .child-8 a span{
	color: #7467b2!important;
	    opacity: 0;
}*/
/*.rootMenu li:nth-child(2):not(.subMenu:nth-child(2)){
	display: none!important;
	    opacity: 0;
}
/*
.rootMenu .child-2,.child-5,.child-6,.child-7,.child-8:not(.subMenu ul:nth-child(2)){
	display: none!important;
	    opacity: 0;
}
*/
/*-------- Design style --------*/
.skin_top{/*background:#2196F3;*/min-height:38px; }
.user_bar{float:right;}
.language_position{float: left; padding: 10px 20px 0 0;}
.user_style{float: left; padding: 11px 20px 0 0;}
#skin_header_pane{float:left;}

.header_main {/*background:#494949;*/ background: #7467b2; min-height:90px;border-bottom: 4px solid white;}
.header_main .menu_box{float: left; /*padding-left: 2%*/;}
.header_main .logo_style{float:left; }
.header_main .site_logo{padding:5px 10px; line-height:80px;}
.header_main .site_logo img { max-height:90px; }

/*--------- Top Contact----------*/
.top_contact{color:#8c8c8c;}
.top_contact .fa{margin:0 5px 0 5px;}

/*Scroll To Fixed Fixed*/
.scroll-to-fixed-fixed.header_main .site_logo{line-height:40px;-moz-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s}
.scroll-to-fixed-fixed.header_main{border-bottom:solid 4px white;border-bottom:solid 4px white;background:#7467b2;min-height:60px; transition: background 0.3s ease-in-out;-webkit-transition:background 0.3s ease-in-out;
    -moz-transition:background 0.3s ease-in-out;-o-transition:background 0.3s ease-in-out;-ms-transition:background 0.3s ease-in-out;}
.scroll-to-fixed-fixed.header_main #standardMenu li.lampback{ height:81px;}
.scroll-to-fixed-fixed.header_main #standardMenu .rootMenu >li >a span{height:60px; line-height:81px;}
.scroll-to-fixed-fixed.header_main #standardMenu .subMenu {top:57px;}

.scroll-to-fixed-fixed.header_main #megaMenu li.lampback{ height:60px;}
.scroll-to-fixed-fixed.header_main #megaMenu .root >li >a span{height:60px; line-height:60px;}
.scroll-to-fixed-fixed.header_main #megaMenu .category {top:57px;}

/*page name*/
.page_name{background:#f3f3f3;min-height:60px;border-bottom:solid 1px #cdcdcd;}
.pagename_style h1{ float:left; color:#555;font-size:20px;font-weight:normal;line-height:60px; position:relative;z-index:913; margin:0; padding:0 0 0 15px; }
.breadcrumb_style {float:left; padding:0 15px 0 15px; line-height:60px;color:#000;text-align:center;}

/*breadcrumb style*/
.Breadcrumb, A.Breadcrumb:link, A.Breadcrumb:visited, A.Breadcrumb:active { color:#555; font-size:14px; text-decoration:none;}
A.Breadcrumb:hover {text-decoration:none;}

/*--------- StandardMenu style ----------*/
#standardMenu { position:relative; }
#standardMenu ul { list-style:none; margin:0; padding:0;}
#standardMenu li{ position:relative; display:block; float:left; margin:0; list-style:none; }
#standardMenu li.lampback{ position:absolute;top:0;z-index:8;/*background:#3a3a3a;*/width:100%; height:90px; border-top:solid 4px; }
#standardMenu li.lampback .lampleft { position:absolute; top:0;left:45%;z-index:100; }
#standardMenu li.lampback .lampleft .lampcenter{height:0; width:0; /*border-top:6px solid;*/ border-left:5px solid #3a3a3a; border-right:5px solid #3a3a3a; }

#standardMenu .rootMenu li a{ display:block; position:relative; float:none; z-index:10; cursor:pointer; text-decoration:none;}
#standardMenu .rootMenu li.selected a, #standardMenu .rootMenu li.breadcrumb a, #standardMenu .rootMenu li:hover a, #standardMenu .rootMenu li a:hover { text-decoration:none;}
#standardMenu .rootMenu li a span {display:block;padding:0 13px; height:90px; line-height:90px; color:#fff;  white-space:nowrap; font-size:13px; font-weight:bold;text-transform:none; }

/*-- submenu --*/
#standardMenu .subMenu {position:absolute;left:0; width:200px; top:87px;z-index:1210;display:none;padding:0; border-top:3px solid; }
#standardMenu .rootMenu li.rmHover .subMenu {display:block; }
#standardMenu .subMenu ul{ margin:0; padding:0;position:relative; z-index:1200; background:#494949; background:rgba(30,30,30,.8); border:1px solid #666; border:1px solid rgba(200,200,200,.3); }
#standardMenu .subMenu li{ float:none; clear:both; background:none; width:100%; padding:0; *margin-bottom:-3px;}
#standardMenu .subMenu li.item a{ border:none;border-bottom:1px solid #666; border-bottom:1px solid rgba(255,255,255,.15); padding:0; margin:0; background:none; }
#standardMenu .subMenu li.last > a{ border-bottom: none;}
#standardMenu .subMenu li.item a span{ display:block; background:none; font-size:12px; color:#fff; font-weight:normal; white-space:normal; height:auto; line-height:1.5em; padding:10px 15px 10px 15px; text-transform:none; margin:0; border:none;}
#standardMenu .subMenu .subarrow{ background:url(../images/menu-arrow01.gif) no-repeat; position:absolute; right:0; top:15px; width:15px; height:7px;z-index:9999;}
#standardMenu .subMenu li.selected > a .subarrow, #standardMenu .subMenu li.breadcrumb > a .subarrow, #standardMenu .subMenu li.item a:hover .subarrow{ background:url(../images/menu-arrow02.gif) no-repeat;}

#standardMenu ul li ul li ul{ display:none; width:200px; margin:0;}
#standardMenu ul li ul li ul.level1{ display: none;position:absolute;left:198px; top:-1px; }
#standardMenu ul li ul li ul li ul.level2 { display:none;position:absolute;left:198px;top:-1px; }
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block;position:absolute;left:198px;top:-1px; }
#standardMenu ul li ul li ul li ul li ul li:hover ul.level4 { display: block;position:absolute;left:198px;top:-1px; }

#standardMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#standardMenu img.rootIcon {max-height:40px; margin-right:7px; margin-left:-10px; vertical-align: middle;}


/*--------- megaMenu style ----------*/
#megaMenu { position:relative; }
#megaMenu ul { list-style:none; margin:0; padding:0;}
#megaMenu li{ position:relative; display:block; float:left; margin:0; list-style:none; }
#megaMenu li.lampback{ position:absolute;top:0;z-index:8;background:#3a3a3a;width:100%; height:90px; border-top:solid 4px; }
#megaMenu li.lampback .lampleft { position:absolute; top:0;left:45%;z-index:100; }
#megaMenu li.lampback .lampleft .lampcenter{  height:0; width:0; border-top:6px solid; border-left:5px solid #3a3a3a; border-right:5px solid #3a3a3a; }

#megaMenu .root li a{ display:block; position:relative; float:none; z-index:10; cursor:pointer; text-decoration:none;}
#megaMenu .root li.selected a, #megaMenu .root li.breadcrumb a, #megaMenu .root li:hover a, #megaMenu .root li a:hover { text-decoration:none;}

#megaMenu .root li a span { display:block; padding:0 22px; height:90px; line-height:90px; color:#fff;  white-space:nowrap; font-size:13px; font-weight:bold;text-transform:none; }


/*-- category --*/
#megaMenu .category{ display:none; position:absolute;left:0;top:87px;z-index:1210;width:380px; padding:0; border-top:3px solid;}
#megaMenu .category > ul{ margin:0; position:relative; z-index:1200; padding:5px 9px 20px; background:#494949; background:rgba(30,30,30,.8); border:1px solid #666; border:1px solid rgba(200,200,200,.3); border-top:none;}
#megaMenu .category li{ background:none; margin:0; width:180px; padding:0 10px; float:left; }
#megaMenu .category li.item a{ border:none;border-bottom:1px solid #666; border-bottom:1px solid rgba(255,255,255,.15);background:none;}
#megaMenu .category li.item a span{ display:block; background:none; font-size:12px; color:#fff; font-weight:bold; white-space:normal; height:auto; line-height:1.5em; padding:11px 0 8px 2px; margin:0; text-transform:none; border:none; }
#megaMenu .category li.selected > a span, #megaMenu .category li.item a:hover span { background:none; text-decoration:none; cursor:pointer; }

#megaMenu .leaf li{ clear:both; float:none; width:175px; margin:0 0 0 5px; padding:0; }
#megaMenu .leaf li.item a{ padding:0 0 0 8px; background:url(../images/right.png) left 13px no-repeat; border:none;}
#megaMenu .leaf li.item a span{ padding:8px 0; font-weight:normal; }
#megaMenu .leaf li li{ clear:both;float:none; width:165px; margin:0 0 0 10px; }

#megaMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#megaMenu img.rootIcon {max-height:40px; margin-right:7px; margin-left:-10px; vertical-align: middle;}

/*--------- Search Style ----------*/
.skin_search { float: right; position: relative; top:6px; right:3px;}
.skin_search .search_button span { background:url(../images/icon_search.png) no-repeat scroll center 7px transparent;}
.skin_search .search_button_close span { background:url(../images/search_close.png) no-repeat scroll center 7px transparent;}
.skin_search .search_button span, .skin_search .search_button_close span { display: block; height: 28px; width: 28px; cursor:pointer; }

#Search { position:relative;z-index:99;float:right; height:38px; margin:0; padding:0; /*bottom:34px;*/}
.search_position {position:relative;float:right;margin:0 15px 0 0;}
#Search input[type="text"] {background: #000;background:rgba(148, 146, 146, 0);;border:1px solid;font-size:12px; color: #fff; width: 180px;height:38px; padding:0 35px 0 13px; position:relative; z-index:999;outline:none;}
#Search a.searchcss{ display: block; position:absolute; right:0; top:0;height:38px; width:40px; padding:0;border:none;box-shadow:none;webkit-box-shadow:none;overflow:hidden;text-indent:-99999px;background:url(../images/icon_search.png) no-repeat 15px 13px; z-index:1001;cursor:pointer;}
#Search .searchInputContainer a.dnnSearchBoxClearText{ margin-right:20px; margin-top:6px; top:5px; z-index:1002;}

/*--------- Register and Login Style ----------*/
#Login{ float:right;margin-top:3px; height:33px; border:1px solid #fff; border:1px solid rgba(255,255,255,0.15);  }
#Login ul {margin:0; padding:0;}
#Login .registerGroup, #Login .registerGroup *, #Login .loginGroup, #Login .loginGroup *{ display:block;} 
#Login .registerGroup, #Login .loginGroup{float:left;padding:0;margin:0;} 
#Login .registerGroup li{ float:left; height:31px;border:none;}
#Login .registerGroup li:hover, #Login .loginGroup:hover{}
#Login .registerGroup .buttonGroup{margin-right:0;}
#Login .registerGroup a { border-right:1px solid #fff; border-right:1px solid rgba(255,255,255,0.2); position:relative; display:block; padding:0 8px; min-width:15px; height:31px;  font-size:12px; font-weight:normal; vertical-align:middle;line-height:31px; color:#7467b2; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
#Login .loginGroup a{ position:relative; display:block; padding:0 8px; min-width:15px; height:31px; font-size:12px; font-weight:normal; vertical-align:middle;line-height:31px; color:#7467b2;}
#Login .registerGroup a:hover,#Login .loginGroup a:hover{text-decoration:none;}
#Login .registerGroup a:active,#Login .loginGroup a:active{color:#cecece;}
#Login .registerGroup a strong,#Login .loginGroup a strong{position:absolute;left:0; top:0;width:100%; height:100%;display:block;font-size:12px;vertical-align:baseline;overflow:hidden;text-indent:9999px;}
.registerGroup .userMessages strong,.registerGroup .userNotifications strong{background:url(../images/userLoginSprite.png) no-repeat 9px -91px;}
.registerGroup .userNotifications strong{ background-position:-92px -92px;}
.registerGroup .userMessages strong:hover{background-position:9px -40px;}
.registerGroup .userNotifications strong:hover{ background-position:-92px -42px;}
.registerGroup .userMessages strong:active{background-position:9px -91px;}
.registerGroup .userNotifications strong:active{ background-position:-92px -92px;}	
#Login .registerGroup a span{ position:relative; right:-8px; top:-8px; display:inline-block; padding:2px 4px; min-width:10px; line-height:14px; text-align:center; background:rgb(31,152,241); font-size:12px; color:#fff; text-shadow: 0px 1px 0px #333333;}
#Login .registerGroup .userProfileImg a{ padding:0 0 0 0; background:none;}
#Login .registerGroup a img{ border:none; height:31px; width:31px;}

/*--------- Language Style ----------*/
.language-object{display:block; margin:2px 0; }
.language-object .Language {margin:0 2px;}
.language-object span img{height:17px; width:24px;filter:Alpha(Opacity=90);opacity:0.9; margin:0; border:2px solid transparent;}
.language-object span:hover img{filter:Alpha(Opacity=100);opacity:1;}
.language-object .Language.selected img{ filter:Alpha(Opacity=100);opacity:1; border-color:#555; border-color:rgba(0,0,0,.2); -webkit-border-radius: 2px;border-radius: 2px;}

/*--------- User style ----------*/
.User, A.User:link, A.User:visited, A.User:active{ padding:3px 0 2px 0; font-size:12px; color:#7467b2; text-decoration:none;}
A.User:hover { color:#305077; text-decoration:none; }
.User:after {content: " | ";padding:0 5px; color:#7467b2;}

/*--------- Login style ----------*/
.Login, A.Login:link, A.Login:visited, A.Login:active{ padding:3px 4px 2px 4px; font-size:12px; color:#7467b2; text-decoration:none;}
A.Login:hover { color:#305077; text-decoration:none; }

  
@media handheld, only screen and (max-width: 1140px){
#standardMenu .rootMenu > li a span, #megaMenu .root > li a span { padding: 0 6px; font-size: 10px;}
}

/*--------- CSS Reset for Tablet ----------*/
@media handheld, only screen and (max-width: 991px){
.header_main{ min-height:80px;}
.header_main .menu_box{display:none;float:none;padding:0; margin:0;}
.skin_search{ display:none;}
.header_main .logo_style{float:none; position:relative; min-height:70px; }
.header_main .site_logo{padding:15px 10px 10px; line-height:0;/* margin-right:20px; */}
.skin_footer{text-align:center;}
.footer_left{float:none;padding-bottom:10px; padding-left:0;}
.footer_right{float:none; padding:0;}

/*mobile menu*/
.header_main .mobile_nav { display:block; position:absolute; width:40px; height:40px; right:10px;bottom:15px; }
.header_main .menuclick{background:url(../images/btn_menu2.png) no-repeat center center; width:40px; height:39px; padding:0;margin-left:1.5%; display: block; text-decoration: none; border:none;}

/*page name*/
.page_name { min-height:50px;margin:0 0 0 0;padding:0;}
.pagename_style h1{ line-height:50px;padding:0 0 0 12px;}
.breadcrumb_style{display:none;}

/*--------- StandardMenu style ----------*/
#standardMenu ul{border-top:solid 1px #ccc; border-top:solid 1px rgba(255,255,255,.8);}
#standardMenu li{ float:none; border-bottom:1px solid #ccc;}

#standardMenu .rootMenu li a{ background:#6b6b6b; padding:0; margin:0; }
#standardMenu .rootMenu li a span { padding:0 20px; color:#FFFFFF!important; font-size:13px;font-weight:bold;height:38px; line-height:38px; border-right:none; }
#standardMenu .rootMenu > li.first > a span { border-left:none;}

#standardMenu .rootMenu a span .navarrow{ position:absolute; width:60px; height:38px; right:0; background:url(../images/mobile_navarrow.png) no-repeat center 0;}
#standardMenu .rootMenu a span .navarrow2{ background-position:center -42px;}

/*-- submenu --*/
#standardMenu .subMenu{ position:static; width:auto; padding:0; border:none;}
#standardMenu .subMenu ul{ background:none; border:none;}
#standardMenu .subMenu ul li {border:none;}
#standardMenu .subMenu li.item a{ background:#f5f5f5; border-bottom:1px solid #ccc; border-bottom:1px solid rgba(0,0,0,.1); }
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.item a:hover span { background:#e5e5e5!important;}
#standardMenu .subMenu li.item a span{ padding:0 15px 0 25px; color:#333!important; font-weight:normal; background:none; height:35px; line-height:35px;}
#standardMenu .level1 li.item a span{ padding-left:40px; }
#standardMenu .level2 li.item a span{ padding-left:55px; }
#standardMenu .level3 li.item a span{ padding-left:70px; }
#standardMenu .subMenu .subarrow{display:none;background:none;}

#standardMenu ul li ul li ul{ display:block;width:auto;}
#standardMenu ul li ul li ul.level1{ display: block; position:static; left:auto; top:auto;}
#standardMenu ul li ul li ul li ul.level2 { display: block; position:static; left:auto; top:auto;}
#standardMenu ul li ul li ul li ul li ul.level3 { display: block; position:static; left:auto; top:auto;}
#standardMenu ul li ul li ul li ul li:hover ul.level4 { display: block;position:static;left:auto;top:auto;}

/*--------- MegaMenu style ----------*/
#megaMenu li{ float:none; border-bottom:1px solid #ccc;}
#megaMenu li.back{ display:none;}

#megaMenu .root li a{ background:#6b6b6b;padding:0;}
#megaMenu .root li a span { padding:0 20px; color:#FFFFFF!important; font-size:13px;font-weight:bold;height:38px; line-height:38px; }
#megaMenu .root li.selected a span, #megaMenu .root li.breadcrumb a span, #megaMenu .root li:hover a span {border-radius:0;}

#megaMenu .root a span .navarrow{ position:absolute; width:60px; height:38px; right:0; background:url(../images/mobile_navarrow.png) no-repeat center 0;}
#megaMenu .root a span .navarrow2{ background-position:center -42px;}
#megaMenu .root > li > a > span:after {display:none; }

/*-- category --*/
#megaMenu .category{position:static; width:auto!important; padding:0;}
#megaMenu .category ul{background:#f5f5f5;  border:none; padding:0;}
#megaMenu .category li{ width:auto; padding:0; float:none; border:none; }
#megaMenu .category li.item a{ background:none; border-bottom:1px solid #ccc; border-bottom:1px solid rgba(0,0,0,.1); }
#megaMenu .category li.selected > a, #megaMenu .category li a:hover { background:#ddd;}
#megaMenu .category li.item a span{ padding:0 15px 0 25px; color:#333!important; font-weight:normal; background:none; height:35px; line-height:35px;}
#megaMenu .category li li.item a span{ padding-left:40px; }
#megaMenu .category li li li.item a span{ padding-left:55px; }
#megaMenu .category li li li li.item a span{ padding-left:70px; }

#megaMenu .leaf li{ width:auto; margin:0; padding:0; }
#megaMenu .leaf li.item a{ padding:0;}
#megaMenu .leaf li li{width:auto; }
}

/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width: 767px) {
.page_name { min-height:45px; padding-top:0;}
.pagename_style h1{font-size:20px;line-height:45px;}
.breadcrumb_style{display:none;}
/*--------- Top Contact----------*/
.top_contact{ display:none; }
}

@media handheld, only screen and (max-width: 400px) {
#Login .registerGroup .userProfileImg { display:none; }
}

/*--------- Retina Styles ----------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2) {

.menuclick { background-image:url(../images/retina/btn_menu2@2x.png); -webkit-background-size:20px 20px; -moz-background-size:20px 20px; background-size:20px 20px; }
#standardMenu .rootMenu a span .navarrow, #standardMenu .rootMenu a span .navarrow2, 
#megaMenu .root a span .navarrow, #megaMenu .root a span .navarrow2
{background-image:url(../images/retina/mobile_navarrow@2x.png); -webkit-background-size:17px 80px; -moz-background-size:17px 80px; background-size:17px 80px;}
}

@media only screen and (min-width: 997px){

.mobile_kalendar {
    text-align: right;
    padding-top: 0;
    position: absolute;
    top: 28px;
    left: 150px;
}
}

@media only screen and (min-width: 446px) {
    .mobile_display_search{
    display: none;
}
}
@media only screen and (min-width: 220px) and (max-width: 991px){
    .mobile-search{
        padding: 3px 0 3px 18px!important;
    }
}