@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700&subset=latin,latin-ext);
*{
    outline: none;   
}
body{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    background-image: url('bg2.png');
}
strong,h1,h2,h3,h4,h5,h6{
    font-weight: 400;
}
/*
logowanie
*/
#admin_loguj{
    display: block;
    margin: 10px Auto 0px Auto;
    width: 600px;
    border: 1px solid #cacaca;
    padding: 10px;
    background-color: #fafafa;
}
#form_admin_loguj a{
    color: #333;
    text-decoration: none;
    font-style: normal;
}
#form_admin_loguj a:hover{
    color: #000;
    text-decoration: underline;
}
#admin_loguj a.logo{
    display: block;
    width: 100%;
    height: 135px;
    background-position: 50% 12px;
    background-image: url('lapiech1.png');
}
#admin_loguj img{
    border: 1px solid #cacaca;
    display: block;
    margin: 0px auto 20px auto;
}
#admin_loguj input{
    text-align: center;
    color: #000;
    width:  220px;
}
#admin_loguj h1{
    font-size: 18px;
    margin: 30px 0px;
}
#admin_loguj pre{
    text-align: left;
    font-size: 11px;
    white-space: pre-line;
}
/*
error
*/
ul.errors{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
ul.errors li{
    font-weight: 400;
    font-size: 12px;
    color: #990000;
    margin: 3px 0px 30px 0px;
    padding: 0px;
}
/*
logowanie koniec
*/
#con{
    text-align: left;
    margin: 10px Auto;
    border: 1px solid #cacaca;
    width: 957px;
    padding: 5px;
    background-color: #fff;
}
#page{
    min-height: 400px;
}
#page h1{
    font-size: 18px;
    font-weight: 400;
    margin: 10px 0px 10px 0px;
    padding: 0px;
    color: #666666;
    float: left;
}
#page .filter_on_off{
    float: right;
    margin: 14px 20px 0px 0px;
}
#page .filter_on_off a{
    display: block;
    width: 16px;
    height: 16px;
    margin: 0px;
    padding: 0px 35px 0px 0px;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url('filter.png');
    font-size: 12px;
    font-weight: 700;
    color: #333;
    text-decoration: none;
}
#page .perPage{
    float: right;
}
#page .perPage dt,
#page .perPage dd{
    float: left;
}
#page .perPage label{
    display: inline-block;
    position: relative;
    top: 2px;
    margin: 0px 10px 0px 0px;
}
.clearBoth{
    clear: both;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    width: 100%;
    height: 1px;
    border: 0px none;
}
#menu{
    background-color: #666666;
    font-size: 13px;
    font-weight: 400;
    display: block;
    width: 130px;
    float: left;
    padding: 0px;
    margin: 0px 0px 5px 0px;
    background-image: url(irongrip.png);
}
#menu ul{
    margin: 0px;
    padding: 0px;
}
#menu li{
    margin: 0px;
    padding: 0px;
    display: block;
}
#menu li a{
    display: block;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    border-bottom: 1px solid #cacaca;
    padding: 5px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}
#menu li.active a,
#menu li a:hover{
    color: #eaec93;
    background-color: #333;	
    background-image: url(irongrip.png);
}
#menu li a.system{
    background-color: #cd5555;
}
#menu li a.system:hover{}
#subMenu{
    padding: 0px;
    margin: 0px;
    background-color: #cacaca;
    border: 1px solid #666666;
    float: right;
    width: 820px;
    background-image: url(little_pluses.png);
}
#subMenu h1{
    font-size: 16px;
    font-weight: 400;
    background-color: #afafaf;
    color: #fff;
    padding: 5px 0px 5px 7px;
    margin: 5px;
    background-image: url(irongrip.png);
    border: 1px solid #666;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}
#subMenu ul{
    list-style-type: none;
    font-size: 11px;
    margin: 0px 0px 5px 2px;
    padding: 0px 0px 5px 2px;
}
#subMenu li{
    padding: 0px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    background-image: url(irongrip.png);
    border: 1px solid #666;
}
#subMenu li.edit a,
#subMenu li.add a,
#subMenu li.class-add a,
#subMenu li.index a,
#subMenu li.haslo a,
#subMenu li.class a,
#subMenu li.export a{
    background-repeat: no-repeat;
    background-position: 5px 50%;
    background-image: url('index.png');
    padding: 5px 10px 5px 30px;
}
#subMenu li.edit a,
#subMenu li.add a,
#subMenu li.class-add a{
    background-image: url('edit.png');
}
#subMenu li.haslo a{
    background-image: url('haslo.png');
}
#subMenu li.class a{
    background-image: url('class.png');
}
#subMenu li.export a{
    background-image: url('export.png');
}
#subMenu li a{
    margin: 0px;
    padding: 5px 10px;
    text-align: center;
    display: block;
    color: #333;
    font-weight: 400;
    text-decoration: none;
    font-size: 12px;
}
#subMenu li.active a,
#subMenu li a:hover{
    text-decoration: none;
    background-color: #efefef;    
}
#subMenu li.active:hover,
#subMenu li.active{
    border: 1px solid #999;
}
#page{
    padding: 0px;
    margin: 0px;
    float: right;
    width: 820px;
    font-size: 12px;
    text-align: left;
    position: relative;
}
#bottom{
    clear: both;
    background-color: #666666;
    color: #ffffff;
    font-size: 12px;
    text-align: left;
    height: 16px;
    padding: 10px 20px 10px 20px;
    margin: 0px;
    background-image: url(irongrip.png);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}
#bottom a{
    float: right;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
}
#bottom a:hover{
    color: #cacaca;
}
.ui-state-highlight,
.fotoMini{
    text-align: center;
    float:left;
    border: 1px solid #cacaca;
    margin: 5px;
    display: block;
    width: 180px;
    height: 230px;
    background-repeat: no-repeat;
    background-position: center 20px;
    position: relative;
    background-color: #fff;
}
.fotoMini a{
    color: #777;
    font-weight: 400;
    line-height: 18px;
    text-decoration: none;
}
.fotoMini a:hover{
    color: #333;
    text-decoration: underline;
}
.fotoMini a.show_full{
    bottom: 10px;
    left: 10px;
    display: block;
    width: 16px;
    height:16px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url('magnifier.png');
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
    filter: alpha(opacity=35);
    -moz-opacity:0.35;
    -khtml-opacity: 0.35;
    opacity: 0.35;
    z-index: 10;
}
.fotoMini a.show_full:hover{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
}
.ui-state-highlight{
    background-color: #eaec93;
}
.ui-sortable-helper{
    cursor: move;
}
table.t_tabela{
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border-right: 1px solid #cacaca;
    border-top: 1px solid #cacaca;
    padding: 0px;
    margin: 0px 0px 20px 0px;
}
table.t_tabela tr, table.t_tabela tr td{
    padding: 0px;
    margin: 0px;
}
table.t_tabela tr td.t_tytul{
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    background-color: #efefef;
    padding: 6px 2px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
table.t_tabela tr td.active{
    width: 80px;
}
table.t_tabela tr td.weight{
    width: 80px;
}
table.t_tabela tr td.date{
    width: 120px;
}
table.t_tabela tr td a{
    font-size: 12px;
    display: inline-block;
    text-align: center;
    font-weight: 400;
    text-decoration: none;
    width: 100%;
    min-width: 45px;
    height: 100%;
    padding: 5px 0px 0px 0px;
    color:  #333;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
    filter: alpha(opacity=35);
    -moz-opacity:0.35;
    -khtml-opacity: 0.35;
    opacity: 0.35;
}
table.t_tabela tr td a:hover{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
}
table.t_tabela tr td a.a_edit{
    font-weight: 300;
    padding: 0px;
    margin: 0px;
    height: auto;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
    text-align: left;
}
table.t_tabela tr td a.a_edit:hover{
    text-decoration: underline;
}
table.t_tabela tr td.action_move a,
table.t_tabela tr td.action_edit a,
table.t_tabela tr td.action_related a,
table.t_tabela tr td.action_class-edit a,
table.t_tabela tr td.action_group-edit a,
table.t_tabela tr td.action_active a,
table.t_tabela tr td.action_deactive a,
table.t_tabela tr td.action_gallery a,
table.t_tabela tr td.action_gallery-360 a,
table.t_tabela tr td.action_logo a,
table.t_tabela tr td.action_ele-index a,
table.t_tabela tr td.action_foto a,
table.t_tabela tr td.action_delete a,
table.t_tabela tr td.action_class-delete a,
table.t_tabela tr td.action_del a,
table.t_tabela tr td.action_group-del a,
table.t_tabela tr td.action_password a{
    background-repeat: no-repeat;
    background-position: 20px 50%;
    padding: 5px 20px;
    text-align: right;
    line-height: 30px;
}
table.t_tabela tr td.action_move{
    width: 45px;
    padding: 0px;
}
table.t_tabela tr td.action_move a{
    width: 45px;
    padding: 5px 0px;
    text-align: center;
    background-position: 50% 50%;
}
table.t_tabela tr td.action_move_up a{
    background-image: url('move_up.png');
}
table.t_tabela tr td.action_move_down a{
    background-image: url('move_down.png');
}
table.t_tabela tr td.action_move a span{
    display: none;
}
table.t_tabela tr td.action_edit,
table.t_tabela tr td.action_related,
table.t_tabela tr td.action_class-edit,
table.t_tabela tr td.action_group-edit{
    width: 55px;
}
table.t_tabela tr td.action_edit a,
table.t_tabela tr td.action_group-edit a{
    background-image: url('edit2.png');
    width: 55px;
}
table.t_tabela tr td.action_related a{ 
    background-image: url('related.png');
    width: 75px;
}
table.t_tabela tr td.action_class-edit a{
    background-image: url('class.png');
    width: 85px;
}
table.t_tabela tr td.action_active{
    background-position: 15px 50%;
    width: 60px;
}
table.t_tabela tr td.action_deactive{
    width: 70px;
}
table.t_tabela tr td.action_active a{
    background-image: url('active.png');
    width: 60px;
}
table.t_tabela tr td.action_deactive a{
    width: 70px;
}
table.t_tabela tr td.action_ele-index,
table.t_tabela tr td.action_gallery,
table.t_tabela tr td.action_foto{
    width: 60px;
}
table.t_tabela tr td.action_logo{
    width: 50px;
}
table.t_tabela tr td.action_gallery-360{
    width: 80px;
}
table.t_tabela tr td.action_gallery a,
table.t_tabela tr td.action_foto a{
    background-image: url('gallery.png');
    width: 60px;
}
table.t_tabela tr td.action_gallery-360 a{
    background-image: url('gallery.png');
    width: 80px;
}
table.t_tabela tr td.action_logo a{
    background-image: url('ident.png');
    width: 50px;
}
table.t_tabela tr td.action_ele-index a{
    background-image: url('more.png');
    width: 65px;
}
table.t_tabela tr td.action_delete,
table.t_tabela tr td.action_class-delete,
table.t_tabela tr td.action_del,
table.t_tabela tr td.action_group-del{
    width: 50px;
}
table.t_tabela tr td.action_delete a,
table.t_tabela tr td.action_class-delete a,
table.t_tabela tr td.action_del a,
table.t_tabela tr td.action_group-del a{
    background-image: url('delete.png');
    width: 50px;
}
table.t_tabela tr td.action_password{
    width: 80px;
}
table.t_tabela tr td.action_password a{
    background-image: url('haslo.png');
    width: 80px;
}
table.t_tabela tr td{
    padding: 5px 3px;
    border-bottom: 1px solid #cacaca;
    border-left: 1px solid #cacaca;
    font-size: 12px;
}
.row_action,
.row_ident,
.row_date,
.row_active,
.row_banner_name{
    text-align: center;
}
.row_name,
.row_nazwa{
    min-width: 150px;
    text-align: left;
}
#pageMessenger{
    width: 820px;
    text-align: center;
    padding: 0px;
    margin: 5px 0px 5px 0px;
    background-color: #cd5555;
    border: 1px solid #cd5599;
    float: right;
}
#admin_loguj #pageMessenger{
    width: 600px;
}
#pageMessenger ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#pageMessenger ul li{
    margin: 0px;
    padding: 10px;
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}
.depth0{
    padding-left: 0px !important;
}
.depth1{
    padding-left: 10px !important;
}
.depth2{
    padding-left: 20px !important;
}
.depth3{
    padding-left: 30px !important;
}
.depth4{
    padding-left: 40px !important;
}
.depth5{
    padding-left: 50px !important;
}
/*
klient
*/
#div_klient_show h1{
    margin: 0px;
    padding: 0px;
    font-size: 14px;
}
/*
paginationControl
*/
div#paginationControl{
    display: block;
    padding: 10px 0px 30px 0px;
    text-align: center;
}
div#paginationControl ul{
    display: inline-block;
    margin: 0px;
    padding: 0px;
}
div#paginationControl ul li{
    display: inline-block;
    text-align: center;
    overflow: hidden;
    margin-right: 5px;
    border: 1px solid #bcbcbc;
}
div#paginationControl ul li a{
    display: inline-block;
    margin: 0px;
    padding: 6px 6px;
    font-size: 15px;
    line-height: 15px;
    font-weight: 400;
    color: #666666;
    text-decoration: none;
    background-color: #cacaca;
}
div#paginationControl ul li a:hover, div#paginationControl ul li.active a{
    color: #eaec93;
    background-color: #666666;
    background-image: url(irongrip.png);
}
div#paginationControl ul li.left1{
    width: 26px;
    height: 27px;
    padding: 0px;
    margin: 0px;
    text-indent: -9999px;
}
div#paginationControl ul li.left2{
    width: 21px;
    height: 27px;
    padding: 0px;
    margin: 0px;
    text-indent: -9999px;
}
div#paginationControl ul li.left1 a{
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('arrow.png');
    background-repeat: no-repeat;
    background-position: -24px -21px;
}
div#paginationControl ul li.left1 a:hover{
    background-position: -24px -77px;
}
div#paginationControl ul li.left2 a{
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('arrow.png');
    background-repeat: no-repeat;
    background-position: -27px 7px;
}
div#paginationControl ul li.left2 a:hover{
    background-position: -27px -49px;
}
div#paginationControl ul li.right1{
    width: 26px;
    height: 27px;
    padding: 0px;
    margin: 0px;
    text-indent: -9999px;
}
div#paginationControl ul li.right2{
    width: 21px;
    height: 27px;
    padding: 0px;
    margin: 0px;
    text-indent: -9999px;
}
div#paginationControl ul li.right1 a{
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('arrow.png');
    background-repeat: no-repeat;
    background-position: 5px -21px;
}
div#paginationControl ul li.right1 a:hover{
    background-position: 5px -77px;
}
div#paginationControl ul li.right2 a{
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('arrow.png');
    background-repeat: no-repeat;
    background-position: 3px 7px;
}
div#paginationControl ul li.right2 a:hover{
    background-position: 3px -49px;
}
div#paginationControl ul li.pagination_info{
    border: 0px none;
    font-size: 14px;
    font-weight: 400;
    padding: 0px 0px 5px 10px;
}
div#paginationControl ul li.pagination_info span{
}
table.t_tabela tr.row_date:hover{
    background-color: #f0f0f0;
}
table.t_tabela tr.row_date td.row_action{
    padding: 0px;
    margin: 0px;
}
.img_default{
    position: absolute;
    bottom: 0px;
    width: 100%;
    display: block;
}
.img_edit{
    position: absolute;
    bottom: 20px;
    width: 100%;
    display: block;
}
.img_active_del{
    position: absolute;
    right: 5px;
}
.img_active_on{
    position: absolute;
    left: 5px;
}
.img_active_off{
    position: absolute;
    left: 5px;
}
.acl_next, .acl_next2{
    margin: 0px 0px 0px 40px;
}
.no_sub_action{
    display: block;
    margin: 20px 5px 0px 5px;
    padding: 10px 0px;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    color: #eaec93;
    background-color: #cd5555;
    background-image: url('irongrip.png');
}
.no_record{
    background-color: #efefef;
    padding: 5px 0px;
    margin: 10px 0px;
    border: 1px solid #cacaca;
}
.no_record p{
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    color: #aaa;
}

body.modal{
    display: block;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}
div.modal{
    cursor: progress;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: -30px;
    left: 0px;
    width: 500000px;
    height: 500000px;
    z-index:9999;
    background-color: #333;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity:0.50;
    -khtml-opacity: 0.50;
    opacity: 0.50;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAR0lEQVQYV2NkYGD4D8QgwAil0SmwPEgSphCvYnSFOBXDrEM2FatiZHfhVYzuAZyKsfkUq2K8QYIUToy4FILUoJgMCx6CJgMAIpgNB8YoXBgAAAAASUVORK5CYII=);
}

.tundra .dijitMenuItem{
    font-size: 12px;
}

.no-acl{
    text-align: center;
    background: url(password.png) center bottom no-repeat;
    height: 350px
}
.no-acl p{
    font-size: 18px;
}
#page .no-acl h1{
    font-size: 24px;
    float: none;
    display: block;
    padding: 0px 0px 30px 0px;
}
.no-acl p{}

.container_error #menu{
    display: none;
}
.container_error #page{
    width: auto;
    float: none;
    padding: 0px 20px;
}
.container_error pre{
    white-space: pre-line;
}

@media screen and (max-width: 1300px) {
    table.t_tabela tr.row_date td.row_action {
        width: 45px;
    }
    table.t_tabela tr.row_date td.row_action a {
        width: 45px;
        min-height: 40px;
        padding: 0px;
        overflow: hidden;
        background-position: 50% 50%;
    }
    table.t_tabela tr.row_date td.row_action a span{
        display: none;
    }
}
@media screen and (min-width: 1100px) {
    #con{
        width: 1160px;
    }
    #menu{
        width: 160px;
    }
    #page, #subMenu, #pageMessenger{
        width: 990px;
    }
}
@media screen and (min-width: 1300px) {
    #con{
        width: 1260px;
    }
    #menu{
        width: 160px;
    }
    #page, #subMenu, #pageMessenger{
        width: 1090px;
    }
}
@media screen and (min-width: 1400px) {
    #con{
        width: 1360px;
    }
    #page, #subMenu, #pageMessenger{
        width: 1190px;
    }
}
@media screen and (min-width: 1500px) {
    #con{
        width: 1460px;
    }
    #page, #subMenu, #pageMessenger{
        width: 1290px;
    }
}
@media screen and (min-width: 1600px) {
    #con{
        width: 1560px;
    }
    #page, #subMenu, #pageMessenger{
        width: 1390px;
    }
}
@media screen and (min-width: 1700px) {
    #con{
        width: 1660px;
    }
    #page, #subMenu, #pageMessenger{
        width: 1490px;
    }
}
@media screen and (min-width: 1800px) {
    #con{
        width: 1760px;
    }
    #page, #subMenu, #pageMessenger{
        width: 1590px;
    }
}
@media screen and (min-width: 1900px) {
    #con{
        width: 1860px;
    }
    #page, #subMenu, #pageMessenger{
        width: 1690px;
    }
}