body{height: 100%; width: 100%; margin: 0px; padding: 0px; font-family:'Source Sans Pro', Arial, sans-serif; font-size:100%; background:#fff url('../gfx/background.jpg') repeat-x center top; color:#444; text-align:left; font-weight: 400; }

@font-face {
    font-family: 'id';
    src: url('../fonts/font-webfont.eot');
    src: url('../fonts/font-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/font-webfont.woff') format('woff'),
         url('../fonts/font-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


a{text-decoration:none; color:#444; cursor: pointer;}
a img{border:none;}

.right{float:right !important;}
.clear{clear:both; float: left;}
.noclear{clear:none !important;}
.clear-left{clear:left !important;}
.red{color: #d80000;}
.green{color: #3eba1c;}
.half{float: left; width:50%;}
.id{font-family: id; font-size: 1.5em;}
.normal-font{font-family: 'Source Sans Pro',Arial, sans-serif !important; font-size: 1em !important;}
.hidden{display: none !important;}
.error{border:1px solid #d00 !important;}

div#back-fade{display: none; position: fixed; top:0px; left: 0px; width: 100%; height: 100%; background: url('../gfx/black80.png') repeat; z-index: 91;}
    div.multiedit{display: block; position: absolute; left: 50%; margin-left: -600px; padding: 10px; top:100px; width: 1180px; z-index: 92; background: #fff;}
    div.multiedit table.multiform th{background: none; color: #333; padding:0px 10px; border: none; border-bottom: 1px solid #d0d0d0;}
    div.multiedit table.multiform img{max-width: 100px;}
        div.multiedit table.multiform input[type=text]{display: block; width: 90%; padding: 0px 5px; height:30px; clear: both; font-size: 0.875em; font-family: "Source Sans Pro", Arial, sans-serif; background: #fff; border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: inset 0px 2px #eee; -webkit-box-shadow: inset 0px 2px #eee; box-shadow: inset 0px 2px #eee;}
        div.multiedit table.multiform input[type=checkbox]{height:30px;}
        div.multiedit table.multiform input[type=password]{display: block; width: 90%; padding: 0px 5px; height:30px; clear: both; font-size: 0.875em; font-family: "Source Sans Pro", Arial, sans-serif; background: #fff; border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: inset 0px 2px #eee; -webkit-box-shadow: inset 0px 2px #eee; box-shadow: inset 0px 2px #eee;}
        div.multiedit table.multiform input.errored{border:1px solid #d80000;}
        div.multiedit table.multiform textarea{display: block; width: 90%; min-width: 150px; padding: 0px 5px; height:60px; clear: both; font-size: 0.875em; font-family: "Source Sans Pro", Arial, sans-serif; background: #fff; border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
        div.multiedit table.multiform textarea.errored{border:1px solid #d80000;}
        div.multiedit table.multiform select{display: block; width: 95%; padding: 5px; height:32px; clear: both; font-size: 0.875em; font-family: "Source Sans Pro", Arial, sans-serif; background: #fff; border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: inset 0px 2px #eee; -webkit-box-shadow: inset 0px 2px #eee; box-shadow: inset 0px 2px #eee;}
        div.multiedit table.multiform select.errored{border:1px solid #d80000;}
        div.multiedit table.multiform select.id{font-family: "id";}
        div.multiedit table.multiform select.id option{font-family: "id";}
        div.multiedit input[type=submit]{display: block; float: right; clear: both; margin-top: 17px; line-height: 40px; height: 35px; font-size: 0.875em; color: #fff; text-align: center; border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: -o-linear-gradient(270deg, #f08700 0%, #f06600 100%); background:-webkit-linear-gradient(270deg, #f08700 0%, #f06600 100%); background:-moz-linear-gradient(270deg, #f08700 0%, #f06600 100%); cursor: pointer;}
        div.multiedit a.greybutton{display: block; float: right; margin: 17px 15px 0px 0px; line-height: 40px; height: 35px; font-size: 0.875em; color: #fff; text-align: center; border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: -o-linear-gradient(270deg, #cbcbcb 0%, #616161 100%); background:-webkit-linear-gradient(270deg, #cbcbcb 0%, #616161 100%); background:-moz-linear-gradient(270deg, #cbcbcb 0%, #616161 100%); cursor: pointer; padding: 0px 5px;}

    @media all and (max-width:1200px){
        div.multiedit{width:90%; margin-left: -45%;}
    }

@media all and (max-width:1200px){
    
}
@media all and (max-width:980px){
    
}
@media all and (max-width:780px){
    
}
@media all and (max-width:480px){
    
}

h1{font-size: 1.5em; font-weight: 400;}
h2{font-size: 1.125em; font-weight: 400;}
h3{font-size: 1em; font-weight: 400; clear:both;}

    nav{width: 100%; min-height: 48px; background: #222; color:#fff;}
        nav div#nav-wrapper{display: table; height: auto; margin: 0 auto; width: 1180px;}
        @media all and (max-width:1230px){
            nav div#nav-wrapper{width:96%;}
        } 
        
        nav a{margin: 0px 1em; line-height: 48px; color: #fff; font-size: 0.875em;}
        nav a span.menuicon{font-family: 'id'; font-size: 2em; display: none;}
        nav a span.menutext{display: inline;}
        
        
        @media all and (max-width:900px){
            nav a span.menuicon{display: inline;}
            nav a span.menutext{display: none;}
        }
        @media all and (max-width:1160px){
            nav div.user p{display: none !important;}
        }
        
        
        nav a.active{color:#f08800; font-weight: 700;}
        nav a.logo{display: block; float: left; width: 100px; height: 48px; background: url('../gfx/logo.png') no-repeat; margin: 0px;}
        nav a.logout{display: block; float: right; width: 30px; height: 30px; padding:0px 0px 0px 1em; margin:9px 0px; border-left: 1px dotted #6c6c6c; background: url('../gfx/logout.png') no-repeat right center;}
        
        nav div.user{display: block; float: right; /*min-width: 130px;*/ width: auto; padding: 0px 1em; margin:9px 0px; border-left: 1px dotted #6c6c6c;}
        nav div.user p{display: block; float: left; width: auto; padding-left:30px; background: url('../gfx/user.png') no-repeat left center; font-size: 0.75em; margin:0px;}
        nav div.user p a.login{display: block; width: 100%; color: #f08800; font-size: 1em; line-height: 1em; margin:0px;}
        nav div.user a.edit{display: block; float: left; width: 26px; height: 30px; background: url('../gfx/edit.png') no-repeat; margin:0px; }
        
        nav div#lang-controls{display: block; float: right; min-width: 60px; width: auto; height: 34px; padding: 0px; margin:4px 0px; border-left: 1px dotted #6c6c6c; background:#222 url('../gfx/lang-select.png') no-repeat right; overflow:hidden; position: relative; z-index: 90;}
        
            div#lang-controls:hover{overflow: visible;}
            div#lang-controls ul{list-style: none; padding: 0px; margin: 0px;}
            div#lang-controls ul li{display: block; float: left; width: 60px; /*height: 31px;*/ padding: 0px; margin: 0px; background: #222; padding-right:12px}
            div#lang-controls ul:first-child li{background: none; padding-right:12px}
            div#lang-controls ul li a{display: block; float: left; width: 24px; /*height: 14px;*/ padding: 8px 26px 8px 6px; margin:0px; font-size: 10px; line-height: 14px; font-family: Tahoma,Arial,sans-serif; color:#fff;}
            div#lang-controls ul li a.pl{background:#222 url('../gfx/langs/pl.png') no-repeat center center;}
            div#lang-controls ul li a.en{background:#222 url('../gfx/langs/en.png') no-repeat center center;}
            div#lang-controls ul li a.de{background:#222 url('../gfx/langs/de.png') no-repeat center center;}
            div#lang-controls ul li a.ru{background:#222 url('../gfx/langs/ru.png') no-repeat center center;}
            div#lang-controls ul li a.hu{background:#222 url('../gfx/langs/hu.png') no-repeat center center;}
            div#lang-controls ul li a.es{background:#222 url('../gfx/langs/es.png') no-repeat center center;}
            div#lang-controls ul li a.fr{background:#222 url('../gfx/langs/fr.png') no-repeat center center;}
            /*div#lang-controls ul li a.active{background-color: transparent;}*/
            


 header{width: 100%; min-height: 54px; background: -o-linear-gradient(270deg, #dfdfdf 0%, #d1d1d1 100%);
                       background:-webkit-linear-gradient(90deg, #dfdfdf 0%, #d1d1d1 100%);
                       background:-moz-linear-gradient(270deg, #dfdfdf 0%, #d1d1d1 100%); 
                       
                       border-bottom: 1px solid #bcbcbc;
 }
    header div#header-wrapper{display: table; height: auto; margin: 0 auto; width: 1180px; font-size: 1.5em; font-weight: 200;}
    @media all and (max-width:1230px){
        header div#header-wrapper{width:96%;}
    } 
    header span{line-height: 54px;}
    header span.icon{border-right: 1px dotted #6c6c6c; padding-right: 1em; font-family: id; font-size: 1.5em;}
    header span.name{padding-left: 1em;}
    
        header div.breadcrumbs{display: block; float: right; font-size: 0.5em; height: 16px; width: auto; padding: 7px; margin:11px 0px; background: #e7e7e7; border: 1px solid #bcbcbc; -wbkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
        header div.breadcrumbs a.home{display: block; float: left; padding-left: 12px; font-family: id; font-size: 2em;}
        header div.breadcrumbs a.crumb{display: block; float: left; padding-left: 9px; margin-left: 6px; background: url('../gfx/rarr.png') no-repeat left center; text-transform: uppercase; color:#f08800;}
        header div.breadcrumbs span.crumb{display: block; float: left; padding-left: 9px; margin-left: 6px; background: url('../gfx/rarr.png') no-repeat left center; text-transform: uppercase; color:#444; line-height: 16px;}
        
    div#content{width: 100%; height: auto; border-top:1px solid #fff; padding: 0px 0px 30px 0px;}
        div#content-wrapper{display: table; height: auto; margin: 0 auto; width: 1180px;}
        @media all and (max-width:1230px){
            div#content-wrapper{width:96%;}
        } 
        
        aside.main{display: block; float: right; width: 23.7%; height: auto; margin-right:1.5%; background: #f4f4f4; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; border:1px solid #c6c6c6; margin-top: 30px;}
            aside.main div.head{display: block; width: 86%; background: #000; font-size: 1.125em; color: #fff; line-height: 2.625em; padding: 0px 7%; -webkit-border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px;}
            aside.main div.last-log{display: block; float: left; width: 86%; padding:10px 0px; margin:20px 7%; background: #e4e4e4; border:1px solid #d0d0d0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 0.75em;}
                aside.main div.last-log p{margin:0px; padding-right:15%; margin:0px 9%; width:66%; background: url('../gfx/clock.png') no-repeat right center; text-align: right;}
            aside.main div.stickout{display: block; float: left; width: 86%; margin:0px 9%; font-size: 0.75em; padding: 10px 0px; border-bottom: 1px dashed #9c9c9c;}
            aside.main div.stickout:last-child{border-bottom: none;}
                aside.main div.stickout span{display: block; float:left; width:85%;}
                aside.main div.stickout span.error{width: 10%; height: 20px; background: url('../gfx/error.png') no-repeat left center; padding-right: 4%;}
                aside.main div.stickout span.ok{width: 10%; height: 20px; background: url('../gfx/ok.png') no-repeat left center; padding-right: 4%;}
                
        aside.module{display: block; float: right; width: 16%; height: auto; margin-right:1.5%; background: #fff; min-height: 610px; font-size:0.875em;}
            aside.module a{display: block; float: left; width:90%; padding:28px 5%; border-bottom:1px solid #e3e3e3; color:#333;}
            aside.module a:last-child{border-bottom: none;}
            aside.module a:first-child{margin-top: 15px;}
            aside.module a.active{background:#222; color:#fff;}
            aside.module a.active div.post{height: 0;width: 0;border-color: transparent transparent transparent #000;border-style: solid;border-width: 7px 0 7px 14px; margin-right:-20px; display: block; float:right; -webkit-transform:rotate(360deg);}
            
        aside.gallery-side{float: right; width: 25%; padding-right:3.5%; margin-right:1.5%; background: url('../gfx/big-arrow.png') no-repeat center right;}
        aside.gallery-side p{font-size: 0.75em;}
        aside.gallery-side p#upi{float:right;}
        div.gallery-wide{float: right; width: 70%;}
        div.gallery-wide div.gallery ul.sortable li{width: 27%; margin:10px 2.8%;}
            
        div.wide{display: block; float: right; width: 82%; position: relative;}
            div.pagination{display: block; float: left; margin: 15px 0px;}
                div.pagination a{padding: 1px 5px; background: #fff; border:1px solid #919191; color: #f08800; text-align: center; font-size: 0.75em; margin: 0px 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px;  border-radius: 4px;}
                div.pagination span{padding: 1px 5px; text-align: center; font-size: 0.75em; margin: 0px 2px;}
                
            a.add{display: block; float: right; font-size: 1em; text-align: left; padding: 8px 10% 8px 18px; margin-top: 9px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; border:1px solid #c0c0c0; color:#fff;
                       background:url('../gfx/add-button.png') no-repeat 98% center, -webkit-linear-gradient(273deg, #f08800 0%, #f06600 100%);
                       background:url('../gfx/add-button.png') no-repeat 98% center, -moz-linear-gradient(93deg, #f08800 0%, #f06600 100%);
                       background:url('../gfx/add-button.png') no-repeat 98% center, linear-gradient(183deg, #f08800 0%, #f06600 100%);
                       }                        
            /*a.add{background:#dd0000 url('../gfx/add-button.png') no-repeat 95% center;}  */  
            a.filter{display: block; float: right; margin-top:9px; font-size: 1.125em; font-weight: 700; color:#f08800; margin-right: 10px; border-right: 1px dotted #6c6c6c; padding: 10px 30px 10px 10px; background: url('../gfx/darr.png') no-repeat 90% 15px; }
            a.filter.active{background: #222 url('../gfx/lang-select.png') no-repeat 90% 3px; border-radius: 5px 5px 0px 0px; color: #fff;}
            
            div#table-filter{display: none; width: 96%; height: auto; padding:28px 2% 20px 2%; position:absolute; top:45px; background: #222; color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; z-index: 1;}
            div#table-filter.active{display: block;}
            div#table-filter label{width: 25% !important;}
            
            a.filter-clear{display: block; float: right; margin-top:16px; font-size:0.75em; font-weight: 400; color:#fff;  margin-right: 10px; background:#d80000; padding:0px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px;}
            a.filter-clear div.post{height: 0;width: 0;border-color: transparent transparent transparent #d80000;border-style: solid;border-width: 10px 0 10px 14px; margin-right:-14px; display: block; float:right; -webkit-transform:rotate(360deg);}
        
            
        div.mainpage{display: block; float: right; width: 74.5%; height: auto; min-height: 100px; margin-top: 30px; margin-left:7.5%;}
        div.mainpage.no-margin{margin-left:0px;}
        
        
            @media all and (max-width:780px){
                div.mainpage{width:100%;}
                div.wide{width:100%;}
                aside.main{width: 100%; margin-right:0%; margin-top: 20px;}
                aside.module{width: 100%; margin-right:0%; min-height: 0px !important;}
            }
        
            div.mainpage div.button{display: block; float: left; width: 30%; min-height: 150px; border: 1px solid #dedede; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-right:4.5%; margin-bottom:20px; background: -o-linear-gradient(270deg, #fff 0%, #ebebeb 100%); background:-webkit-linear-gradient(90deg, #fff 0%, #ebebeb 100%); background:-moz-linear-gradient(270deg, #fff 0%, #ebebeb 100%); background:-ms-linear-gradient(270deg, #fff 0%, #ebebeb 100%); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ffffff', endColorstr='#ebebeb');}
        
            
            div.mainpage div.button:nth-child(3n){margin-right:0%;}
            
            @media all and (max-width:900px){
                div.mainpage div.button{width: 47%;}
                div.mainpage div.button:nth-child(3n){margin-right:4.5%;}
                div.mainpage div.button:nth-child(2n){margin-right:0%;}
            }
            
            
            div.mainpage div.button a.button{display: block; float: left; width: 100%; text-align: center; font-size: 0.75em;}
            div.mainpage div.button a.button span.text{text-transform: uppercase; line-height: 1em;}
                div.mainpage div.button a.button span.icon{/*border-radius: 18px;*/ color: #fff; font-family: id; font-size: 3em; /*padding: 0px 8px; background: #f08800;*/ line-height: 1.5em; min-width: 40px; min-height: 40px; background: url('../gfx/icon-bkd.png') no-repeat center center; display: inline-block;}
            div.mainpage div.button a.button.full{height:100%;}
                div.mainpage div.button a.button.full span.icon{line-height: 2.5em;}
            div.mainpage div.button a.button.half{height:55%; border-bottom:1px solid #dedede; margin-bottom:15px;}
            div.mainpage div.button a.sub{display: block; float: left; font-size: 0.75em; padding-left:10px; margin-left:10px; background: url('../gfx/rarr.png') no-repeat left center;}
            
            
            
            
        table.list{float:left; width: 100%; border: none; border-collapse: collapse; margin-top:15px;}
            table.list th{background: #000; border-right: 1px solid #525252; font-size: 0.75em; text-align: left; padding: 15px 10px; color:#fff; font-weight: 400;}
            table.list th:first-child{-webkit-border-radius: 5px 0px 0px 0px; -moz-border-radius: 5px 0px 0px 0px; border-radius: 5px 0px 0px 0px;}
            table.list th:last-child{-webkit-border-radius: 0px 5px 0px 0px; -moz-border-radius: 0px 5px 0px 0px; border-radius: 0px 5px 0px 0px; border-right:none;}
            
            table.list th span{float: left; margin-right: 3px;}
            table.list th a{color:#fff;}
            table.list th a.sort-arrow{float: left; width: 7px; height: 7px; margin-top:6px;}
            table.list th a.sort-arrow.asc{background: url('../gfx/sort-arrow-asc.png') no-repeat center center;}
            table.list th a.sort-arrow.asc.active{background: url('../gfx/sort-arrow-asc-active.png') no-repeat center center;}
            table.list th a.sort-arrow.desc{background: url('../gfx/sort-arrow-desc.png') no-repeat center center;}
            table.list th a.sort-arrow.desc.active{background: url('../gfx/sort-arrow-desc-active.png') no-repeat center center;}
            
            
            table.list td{background: #fff; border-right: 1px dashed #d3d3d3; border-bottom: 1px solid #d0d0d0; font-size: 0.75em; text-align: left; padding: 15px 10px; color:#454545; font-weight: 400;}
            table.list tr:nth-child(odd) td{background: #f6f6f6;}
            table.list tr td:first-child{border-left: 1px solid #d3d3d3;}
            table.list tr td:last-child{border-right: 1px solid #d3d3d3;}
            
            table.list tr td a.change-state.active{color:#3eba1c;}
            table.list tr td a.change-state.inactive{color:#d80000;}
            table.list tr td a.change-state.suspended{color:#d3d3d3;}
            
            table.list tr td a.table-ico{padding: 2px 8px; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; background: #000; color: #fff; font-family: id; font-size: 2em; line-height: 1.5em;}
            table.list tr td a.table-ico.red{background: #d80000;}
            
            ul.tree{display: block; float: left; width: 100%; padding:0px; font-size: 0.875em; font-weight: 700; list-style: none; /*border-left: 1px dotted #6c6c6c;*/}
            ul.tree li.root{margin:5px 0px;}
            ul.tree li ul.list-sortable{list-style: none; font-weight: 400; font-size: 1em; padding: 0px; margin-top: 8px;}
            ul.tree li ul.list-sortable li{cursor: move;}
            ul.tree li ul.list-sortable.sub li{padding-left: 1.5%; width: 98.5%; border-left: 1px dotted #6c6c6c;}
            /*ul.tree li ul.list-sortable.sub:last-of-type li{border-left:none;}*/
            ul.tree li ul.list-sortable li{display: block; float:left; width: 100%; font-weight: 400; clear: both;}
            /*ul.tree li ul.list-sortable li:last-child a.row-left{background: url('../gfx/a-left-last.png') repeat-x left center;}
            ul.tree li ul.list-sortable li:last-child span.row-left{background: url('../gfx/span-left-last.png') repeat-x left center; border: none;}*/
            ul.tree li ul.list-sortable li div.field{display: block; float: left; width: 96%; min-height: 40%; height: auto; border: 1px solid #b8b8b8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: -o-linear-gradient(270deg, #e4e4e4 0%, #fff 100%); background:-webkit-linear-gradient(90deg, #e4e4e4 0%, #fff 100%); background:-moz-linear-gradient(270deg, #e4e4e4 0%, #fff 100%);}
            ul.tree li ul.list-sortable li div.field a.change-value{display: block; float: left; padding:10px;}
            ul.tree li ul.list-sortable li div.field div.options{display: block; float: right; padding: 5px 10px; margin:5px 0px; border-left: 1px dotted #6c6c6c; }
            ul.tree li ul.list-sortable li div.field div.options a{padding: 2px 8px; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; background: #000; color: #fff; margin:0px 2px; font-family: id; font-size: 1.5em;}
            ul.tree li ul.list-sortable li div.field div.options a.red{background: #d80000;}
            ul.tree li ul.list-sortable li div.field span{display: block; float: left; padding:10px; cursor: text; position: relative;}
            ul.tree li ul.list-sortable li div.field span input{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
            ul.tree li ul.list-sortable li div.field span select{position: absolute; left: 0px; top: 0px; width: 120%; height: 100%;}
            ul.tree li ul.list-sortable li div.field span textarea{position: absolute; left: 0px; top: 0px; width: 120%; height: 100%;}
            ul.tree li ul.list-sortable li.hasSub{font-weight: 700;}
            ul.tree li ul.list-sortable li.hasSub a.row-left{background: url('../gfx/a-left-plus.png') repeat-x center center;}
            ul.tree li ul.list-sortable li.hasSub a.row-left.minus{background: url('../gfx/a-left-minus.png') repeat-x center center;}
            ul.tree li ul.list-sortable li a.row-left.last{background: url('../gfx/a-left-last-plus.png') repeat-x left center; border:none;}
            ul.tree li ul.list-sortable li a.row-left.last.minus{background: url('../gfx/a-left-last-minus.png') repeat-x left center; border:none;}
            ul.tree li ul.list-sortable li span.row-left.last{background: url('../gfx/span-left-last.png') repeat-x left center; border:none;}
            ul.tree li ul.list-sortable li.no-border{border:none;}
            ul.tree li ul.list-sortable li.hasSub ul{display: none;}
            ul.tree a.row-left{display: block; float: left; width:3%; max-width: 30px; background: url('../gfx/dot.png') repeat-x center center; height:40px; border-left: 1px dotted #6c6c6c;}
            ul.tree span.row-left{display: block; float: left; width:3%; max-width: 30px; background: url('../gfx/dot.png') repeat-x center center; height:40px; border-left: 1px dotted #6c6c6c;}
            
            
            div#inline-thumb{display: none;}
            
            
        div#multiselect{display: block; float: right; width: 60%; text-align: right; margin-top:10px;}
            div#multiselect span{display: block; float: left; font-size: 0.75em; width:25%;}
            div#multiselect a{display: block; float: left; font-size: 0.875em; color: #f08800; padding:0px 10px; border-right: 1px solid #696969; word-break: keep-all;}
            div#multiselect a:last-of-type{border-right: none;}
            div#multiselect div{display: block; float: left; width: 75%;}
            
    div#error-validation{display: block; margin: 0 auto; width: 86%; min-height: 45px; border: 1px solid #ab0000; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #de5c5c url('../gfx/validation-error.png') no-repeat 20px 20px; padding:20px 2% 20px 12%; color: #fff; font-size: 0.75em;  margin-bottom: 10px;}  
    div#info-validation{display: block; margin: 0 auto; width: 86%; min-height: 45px; border: 1px solid #aaa; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #d3d3d3 url('../gfx/validation-info.png') no-repeat 20px 20px; padding:20px 2% 20px 12%; color: #fff; font-size: 0.75em;  margin-bottom: 10px;}  
    
    label{display: block; float: left; width: 33%; /*clear: both;*/ margin-bottom:10px;}
    label.wide{display: block; float: left; width: 100%; /*clear: both;*/ margin-bottom:10px;}
    label.black{color:#fff; background: #000; width: 31.6%; padding:10px 0px 10px 1.6%;}
    label.black.wide{width: 98.4%;  padding:10px 0px 10px 1.6%;}
        label span{display: block; width: 100%; clear: both; font-size: 0.75em; padding-bottom: 3px;}
        label span.big{font-size: 1.5em; font-weight: 200; line-height: 30px;}
        label span.value{line-height: 30px;}
    
    label input[type=text]{display: block; width: 90%; padding: 0px 5px; height:30px; clear: both; font-size: 0.75em; font-family: "Source Sans Pro", Arial, sans-serif; background: #fff; border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: inset 0px 2px #eee; -webkit-box-shadow: inset 0px 2px #eee; box-shadow: inset 0px 2px #eee;}
    label input[type=checkbox]{height:30px;}
        label input[type=password]{display: block; width: 90%; padding: 0px 5px; height:30px; clear: both; font-size: 0.75em; font-family: "Source Sans Pro", Arial, sans-serif; background: #fff; border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: inset 0px 2px #eee; -webkit-box-shadow: inset 0px 2px #eee; box-shadow: inset 0px 2px #eee;}
        label textarea{display: block; width: 90%; padding: 0px 5px; height:400px; clear: both; font-size: 0.75em; font-family: "Source Sans Pro", Arial, sans-serif; background: #fff; border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: inset 0px 2px #eee; -webkit-box-shadow: inset 0px 2px #eee; box-shadow: inset 0px 2px #eee;}
        
        label select{display: block; width: 95%; padding: 5px; height:32px; clear: both; font-size: 0.75em; font-family: "Source Sans Pro", Arial, sans-serif; background: #fff; border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: inset 0px 2px #eee; -webkit-box-shadow: inset 0px 2px #eee; box-shadow: inset 0px 2px #eee;}
        label select[multiple]{height:70px;}
        label select.id{font-family: "id"; font-size: 1em;}
        label select.id option{font-family: "id"; font-size: 1em;}
        
        label.clear-left select{height:90px;}
        
        hr{display: block; float: left; width: 100%; border:none; border-bottom:1px dashed #333;}
        
        input[type=submit]{display: block; float: right; clear: both; margin-top: 17px; line-height: 40px; height: 35px; font-size: 0.875em; color: #fff; text-align: center; border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: -o-linear-gradient(270deg, #f08700 0%, #f06600 100%); background:-webkit-linear-gradient(270deg, #f08700 0%, #f06600 100%); background:-moz-linear-gradient(270deg, #f08700 0%, #f06600 100%); background:-ms-linear-gradient(270deg, #f08700 0%, #f06600 100%); cursor: pointer; filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#f08700', endColorstr='#f06600');}
        a.greybutton{display: block; float: right; margin: 17px 15px 0px 0px; line-height: 40px; height: 35px; font-size: 0.875em; color: #fff; text-align: center; border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: -o-linear-gradient(270deg, #cbcbcb 0%, #616161 100%); background:-webkit-linear-gradient(270deg, #cbcbcb 0%, #616161 100%); background:-moz-linear-gradient(270deg, #cbcbcb 0%, #616161 100%); cursor: pointer; padding: 0px 5px;}
        a.orangebutton{display: block; float: right; clear: both; line-height: 35px; height: 35px; font-size: 0.875em; color: #fff; text-align: center; border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: -o-linear-gradient(270deg, #f08700 0%, #f06600 100%); background:-webkit-linear-gradient(270deg, #f08700 0%, #f06600 100%); background:-moz-linear-gradient(270deg, #f08700 0%, #f06600 100%); font-weight: normal;padding:0px 5px;}
        
        
        
        div.gallery ul.sortable{display: block; float: left; width: 100%; padding:0px;}
        div.gallery ul.sortable li{display: block; float: left; width: 17.5%; height:214px; margin: 10px 1%; background: #fff; border:1px solid #6a6a6a; border-bottom:3px solid #6a6a6a; position: relative; cursor: move;}
        div.gallery ul.sortable li img{display: block; float: left; max-width: 100%; max-height:140px;}
        div.gallery ul.sortable li span.head{display: block; float: left; width: 85%; padding: 5px 7.5%; border-bottom: 1px solid #e3e3e3; font-size: 0.75em;}
        div.gallery ul.sortable li span.head a.gallery-delete{display: block; float: right;}
        div.gallery ul.sortable li span.buttons{display: block; position: absolute; bottom: 0px; left: 0px; width: 85%; padding: 5px 7.5%; border-top: 1px solid #e3e3e3;}
        div.gallery ul.sortable li span.buttons.prime{background: url('../gfx/foto-prime.png') no-repeat left bottom;}
        div.gallery ul.sortable li span.buttons a{display: block; float: right; background: #000; color:#fff; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; padding:4px 6px; font-size: 0.75em; margin:0px 2px; font-family: id; font-size: 1.5em;}
        div.gallery ul.sortable li span.buttons a.active{background: #3eba1c;}
        div.gallery ul.sortable li span.buttons a.inactive{background: #db0000;}
        
        @media all and (max-width:780px){
            div.gallery ul.sortable li{width: 30%;}
        }
        
        
        div#gallery-box{display: none; width:260px; height: auto; background: #fff; border: 1px solid #acacac; border-bottom-width: 3px; padding:20px 10px; position: absolute;}
        div#gallery-box label{display: block; width:100%;}
        div#gallery-box label textarea{width:95%; height:80px; -moz-box-shadow: inset 0px 2px #eee; -webkit-box-shadow: inset 0px 2px #eee; box-shadow: inset 0px 2px #eee;}
        
        div#gallery-desc{display: none; width:260px; height: auto; background: #fff; border: 1px solid #acacac; border-bottom-width: 3px; padding:20px 10px; position: absolute;}
        div#gallery-desc p{display: block; width:100%;}
        div#gallery-desc h2{margin-top: 0px;}
        
            
            
    div#sub-thumb{display: none;}        
    div.sub-thumb textarea{height: 110px !important; width: 50% !important; -moz-box-shadow: inset 0px 2px #eee; -webkit-box-shadow: inset 0px 2px #eee; box-shadow: inset 0px 2px #eee;}
    div.sub-thumb div.sub-head{display: block; float: left; width: 100%; height: 24px; background: url('../gfx/dotted.png') repeat-x center left; }
    div.sub-thumb div.sub-head span{display: block; float: left; margin-left: 1.25%; font-size: 0.75em; line-height: 24px; padding:0px 1.25%; /*background: #fff;*/}
    div.sub-thumb div.sub-head a{display: block; float: right; margin-right: 2.5%; font-size: 0.75em; line-height: 24px; color: #f08800; /*background: #fff;*/ padding: 0px 1.25%;}
    div.sub-thumb div.sub-head a span{padding: 0px 8px; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; background: #000; color: #fff; margin:0px 2px; font-family: id; font-size: 1.5em;}
    div.sub-thumb div.sub-head a span.red{background: #d80000;}
    div.sub-thumb .hidden{display: none !important;}
            
            
    nav div#nav-wrapper{display: table; height: auto; margin: 0 auto; width: 1180px;}
        @media all and (max-width:1230px){
            nav div#nav-wrapper{width:96%;}
        }
            
    nav{width: 100%; min-height: 48px; background: #222; color:#fff;}
        nav div#nav-wrapper{display: table; height: auto; margin: 0 auto; width: 1180px;}
        @media all and (max-width:1230px){
            nav div#nav-wrapper{width:96%;}
        }     
        
    div#login-panel{width: 100%; margin-top:120px;}  
        div#login-validation{display: block; margin: 0 auto; width: 296px; height: 45px; border: 1px solid #ab0000; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #de5c5c url('../gfx/validation-error.png') no-repeat 20px 20px; padding:20px 20px 20px 64px; color: #fff; font-size: 0.75em;  margin-bottom: 10px;}
        @media all and (max-width:380px){
            div#login-panel-wrapper{width:89%;}
        }
    
    
    
        div#login-panel-wrapper{display: block; margin: 0 auto; width: 340px; height: 300px; border: 1px solid #dedede; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: -o-linear-gradient(270deg, #fff 0%, #ebebeb 100%); background:-webkit-linear-gradient(90deg, #fff 0%, #ebebeb 100%); background:-moz-linear-gradient(270deg, #fff 0%, #ebebeb 100%); background:-ms-linear-gradient(270deg, #fff 0%, #ebebeb 100%); padding:20px;  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ffffff', endColorstr='#ebebeb');}
        @media all and (max-width:380px){
            div#login-panel-wrapper{width:89%;}
        }
        div#login-panel a.logo{display: block; width: 140px; height: 65px; background: url('../gfx/logo-big.png') no-repeat; clear: both; margin-bottom: 10px;}
        div#login-panel label{display: block; width: 100%; clear: both; margin-bottom:10px;}
        div#login-panel label span{display: block; width: 100%; clear: both; font-size: 0.75em;}
        div#login-panel label input[type=text]{display: block; width: 100%; height:30px; clear: both; font-size: 1em; font-family: "Source Sans Pro", Arial, sans-serif; background: #fff; border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: inset 0px 2px #eee; -webkit-box-shadow: inset 0px 2px #eee; box-shadow: inset 0px 2px #eee;}
        div#login-panel label input[type=password]{display: block; width: 100%; height:30px; clear: both; font-size: 1em; font-family: "Source Sans Pro", Arial, sans-serif; background: #fff; border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: inset 0px 2px #eee; -webkit-box-shadow: inset 0px 2px #eee; box-shadow: inset 0px 2px #eee;}
        div#login-panel a.restore{display: block; float: right; margin-top: 17px; height: 35px; border-right: 1px dotted #6c6c6c; color: #f08800; font-size: 0.75em; padding-right:10px; margin-right: 10px; line-height: 35px;}
        
        div.get-file{display:block; float: left; width: 31px; height: 24px; background: url('../gfx/pic-icon.jpg') no-repeat; margin:0px 5px;}
        div.get-file.inactive{display:block; float: left; width: auto; height: 24px; background: none; margin:0px 5px; font-size: 0.875em; line-height: 1.5em; text-decoration: underline;}
        
        div#login-panel input[type=submit]{display: block; float: right; margin-top: 17px; line-height: 40px; height: 35px; font-size: 0.875em; color: #fff; text-align: center; border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: -o-linear-gradient(270deg, #f08700 0%, #f06600 100%); background:-webkit-linear-gradient(270deg, #f08700 0%, #f06600 100%); background:-moz-linear-gradient(270deg, #f08700 0%, #f06600 100%); background:-ms-linear-gradient(270deg, #f08700 0%, #f06600 100%); cursor: pointer; filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#f08700', endColorstr='#f06600');}
            
    footer{width: 100%; height: auto;}
        footer div#footer-wrapper{display: table; height: auto; margin: 0 auto; width: 1180px; border-top:1px solid #d9d9d9; clear:both; text-align: center; font-size: 0.75em;}
        @media all and (max-width:1230px){
            footer div#footer-wrapper{width:96%;}
        }
        
        footer div#footer-wrapper a{color:#f08800;}
        footer.login div#footer-wrapper{border:none;}
        
        
tr.mceLast span{display: inline !important;}

div.ui-widget { font-size: 0.8em; }
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
        
 #gallery { float: left; width: 100%; min-height: 12em; }
  .gallery.custom-state-active { background: #eee; }
  .gallery li { float: left; width: 96px; padding: 0.4em; margin: 0 0.4em 0.4em 0; text-align: center; }
  .gallery li h5 { margin: 0 0 0.4em; cursor: move; }
  .gallery li a { float: right; }
  .gallery li a.ui-icon-zoomin { float: left; }
  .gallery li img { max-width: 100%; cursor: move; }
 
  #trash { float: left; width: 100%; min-height: 18em; padding: 1%; }
  #trash h4 { line-height: 16px; margin: 0 0 0.4em; }
  #trash h4 .ui-icon { float: left; }
  #trash .gallery h5 { display: none; }
div.rnd{display:inline-block;}
div.rnd:hover a.arenaEdycja{display:block;}
div.rnd:hover a.arenaUsun{display:block;}
div.miejsce:hover a.miejsceUsun{display:block;}
form#dane_sektora{ float:left; width:400px; position:absolute; z-index:99; background:#d8d8d8; border: 1px solid #403737; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display:none;}
span.nazwa_input{width:180px; float:left; margin-left:10px;}
div#close{display:block; top:-13px; right:-13px; position:absolute;  background: url('../gfx/close.png') no-repeat; width:12px; height:10px; cursor:pointer;}
a.arenaEdycja{padding: 2px 8px;-moz-border-radius: 14px;-webkit-border-radius: 14px;border-radius: 14px; color: #fff;font-family: id;font-size: 2em; position:absolute; top:0px; display:none; color:#000; right:0px;}
a.arenaUsun{padding: 2px 8px;-moz-border-radius: 14px;-webkit-border-radius: 14px;border-radius: 14px; color: #fff;font-family: id;font-size: 2em; position:absolute; top:0px; display:none; color:#000; right:-20px;}
a.miejsceUsun{padding: 2px 8px;-moz-border-radius: 14px;-webkit-border-radius: 14px;border-radius: 14px; color: #fff;font-family: id;font-size: 2em; position:absolute; top:-18px; display:none; color:#000; right:-20px;}
div.miejsce{float:left; width: 30px; height:30px; display:block; border:1px solid #403737;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#d8d8d8; margin-right:5px; position:relative;}
div.numerRzedu{float:left; width: 30px; height:30px; display:block; margin-right:30px; border:1px solid #a80505;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:none;}
div.rzad{float:left; display:block; width:90%;}
div.miejsce input{width:73%; height:70%; margin-left:5%; margin-top:5%; text-align: center;}
div.numerRzedu input{width:75%; height:75%; margin-left:5%; margin-top:5%; text-align: center;}
.inactive input{background: #b4b4b4;}
form#sektor{width:100%; height:100%; float:left; display:block;}
.container { margin: 20px auto;  width: 960px;}
.contr { border-radius: 10px 10px 0 0;  padding: 10px 0; text-align: center; background: -o-linear-gradient(270deg, #dfdfdf 0%, #d1d1d1 100%); background:-webkit-linear-gradient(90deg, #dfdfdf 0%, #d1d1d1 100%); background:-moz-linear-gradient(270deg, #dfdfdf 0%, #d1d1d1 100%); }
.upload_form_cont {color: #000000; display: table;}
#dropArea {background:#e7e7e7; float: left; font-size: 1em; height: 200px; line-height: 135px;  margin: 20px; position: relative; text-align: center; width: 920px; font-family: 'Source Sans Pro',Arial,sans-serif; color:#444; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:1px solid #bcbcbc;}
.info {background:-webkit-linear-gradient(90deg, #dfdfdf 0%, #d1d1d1 100%); background:-moz-linear-gradient(270deg, #dfdfdf 0%, #d1d1d1 100%);   border: 1px solid #DDDDDD; float: left;  font-weight: bold; margin: 20px; position: relative; width: 918px;}
.info > div { font-size: 0.875em; font-weight: 400; padding: 10px 15px 5px;}
.info > canvas { margin-bottom: 10px; margin-left: 15px; display:block;}
div.zdjecie-wynik{ display:block; position:relative; clear:both;}

ul#resultsList{display:none; position:absolute; clear:both; width:299px; padding:0; background: #fff; margin:0px;}
ul#resultsList li{list-style: none; cursor:pointer; margin-top:10px;}

div#map-div{display: block; float: left; background:url('../gfx/mapa.png') no-repeat; width:375px; height:360px; clear: both;}
a#clear{display: block; float: left; background:url('../gfx/close.png') no-repeat; width:12px; height:10px; clear: both;}