.blogP{

}
.blogParent{
margin: 0px 0px 0px 0px;
}
.blogParent .content{
box-sizing: border-box;
float: right;
min-height: 230px;
width: calc(100% - 325px);
}
.blogParent .menu{
float: left;
width: 300px;
}

.blogParent .menu .menuDetailLeft{
background-color: #F4FAFE;
padding: 5px;
}

.divKatMenu_left{
float: left;
margin-bottom: 15px;
width: 100%;
/*padding: 10px;
background-color: #CCCCCC;
margin: 10px 0px 10px 10px;*/
}
.divKatMenu_left .topName{

color: #0D92D8;
font-family: times New Roman;
font-size: 24px;
font-weight: normal;
margin: 13px 0 8px 16px;

}

.menu.menuFix {
    position: fixed;
    top: 0px;
}
.menu.menuFix.menuAbs {
    position: absolute;
}

.divKatMenu_left .menuLeft{

}



.blogMenu_left{
background-color: #FFFFFF;
list-style: none;
}
.blogMenu_left li{
border-bottom: 1px solid #BFE4FF;
}
.blogMenu_left li a{
background: url("../images/pkt_menu.png") no-repeat scroll 15px 13px transparent;
display: block;
padding: 10px 5px 10px 40px;
}

.blogMenu_left li.sel{

}
.blogMenu_left li.sel a{
background: url("../images/pkt_menu_sel.png") no-repeat scroll 15px 13px #D3EBFC;
}

.blogMenu_top{
list-style: none;
}
.blogMenu_top li{
display: inline;
padding: 0px 10px 0px 10px;
}
.blogMenu_top li a{

}

.blogMenu_top li.sel{

}
.blogMenu_top li.sel a{
font-weight: bold;
}

.blogParent .content .wpisDetailLeft{
width:126px;
}

.blogParent .content .wpisDetailLeft .avatar{
margin: 10px 0px 0px 0px;
background-color: #EEEEEE;
padding: 5px 6px 5px 6px;
text-align: center;
}
.blogParent .content .wpisDetailLeft .avatar .nameUser{
/*
background: url('../images/icon_user.png') 0px 0px no-repeat;
text-align: left;
padding: 5px 0px 0px 25px;
min-height: 19px;
*/
}
.blogParent .content .wpisDetailLeft .avatar .nameUser a{
font-size: 11px;
color: #000000;
display: inline-block;
width: 100%;
box-sizing:border-box;
text-align: left;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
}
.blogParent .content .wpisDetailLeft .avatar .nameUser a:before{
content: "\e008";
font-family: 'Glyphicons Halflings';
font-size: 17px;
margin-right: 5px;
display: inline-block;
vertical-align: bottom;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
}
.blogParent .content .wpisDetailLeft .avatar .nameUser a:hover{
color: #004d94;
}
.blogParent .content .wpisDetailLeft .avatar .nameUser a:hover:before{
color: #004d94;
}



.blogParent .content .wpisDetailLeft .avatar img{
border: 1px solid #FEFEFE;
vertical-align: top;
position: relative;
margin: 0px 0px 5px 0px;
}

.blogParent .content .wpisDetailLeft .wpisDetailData{
/*background-color: #EEEEEE;*/
padding: 7px 3px;
font-size: 12px;
box-sizing:border-box;

}	
.blogParent .content .wpisDetailLeft .wpisDetailData .d{
margin: 0px 3px 0px 0px;
}
.blogParent .content .wpisDetailLeft .wpisDetailData .m{
margin: 0px 3px 0px 0px;
}
.blogParent .content .wpisDetailLeft .wpisDetailData .y{
margin: 0px 3px 0px 0px;
}

.blogParent .content .wpisDetailRight{
/*width:725px;*/
padding-left: 10px;
box-sizing:border-box;
position: relative;
}

.blogParent .content .wpisDetail{
/*background-color: #EFEFEF;*/
/*min-height: 50px;
border-bottom: 1px solid #CCCCCC;
margin: 10px;
padding: 10px;*/
margin: 0px 0px 15px 0px;
background-color: #FFFFFF;
padding: 5px;
box-sizing:border-box;
overflow: hidden;
display: table;
width: 100%;
}
.blogParent .content .wpisDetail.konto{
background-color: transparent;
overflow: auto;
}

.blogParent .content .wpisDetail.addWpis{
background-color: transparent;
overflow: auto;
}


.blogParent .content .wpisDetail>div{
display: table-cell;
vertical-align: top;
}

.content .wpisDetail .calendar_news {
background: url("../images/calendar_news.png") no-repeat scroll 0 0 transparent;
float: left;
height: 55px;
margin: 0px 10px 0px 5px;
width: 66px;
}    
.content .wpisDetail .calendar_news .m {
color: #FFFFFF;
font-size: 11px;
padding: 5px 0 0;
text-align: center;
}
.content .wpisDetail .calendar_news .d {
color: #1B5491;
font-size: 20px;
padding: 6px 0 0;
text-align: center;
}
    
.content .wpisDetail .titleWpis{
/*margin-bottom: 20px;*/
}   
.content .wpisDetail .titleWpis .title{
/*border-bottom: 1px dotted #AAAAAA;*/
/*padding: 0px 0px 0px 5px;
line-height: 25px;*/
}
.content .wpisDetail .titleWpis .titleWpisDet{
/*background-color: #EEEEEE;*/
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAACCAYAAABhYU3QAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAhSURBVHjaYrxy+ex/BixAW8eIEZnP+B8IGLADFIUAAQYAym8H/UJSqwoAAAAASUVORK5CYII=') 0px 100% repeat-x;
padding-bottom: 10px;
margin-bottom: 10px;
}

.titleWpis .titleWpisDet .katTitle{
/*padding:0px 0px 0px 15px;*/
}

.titleWpis .katTitle{
/*padding: 5px 0px 0px 0px;*/
}

.titleWpis .katTitle .aKatTitle{
margin: 0 10px 0 0;
padding: 5px 0px 4px 27px;
font-size: 12px;
color:#BBBBBB;
float: right;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
}

.titleWpis .katTitle .aKatTitle:before{
content: "\e118";
font-family: 'Glyphicons Halflings';
margin-right: 5px;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
}
.titleWpis .katTitle .aKatTitle:hover{
color:#004d94; 
}
.titleWpis .katTitle .aKatTitle:hover:before{
color:#004d94; 
}


.content .wpisDetail .titleWpis .title a{
font-size: 20px;
font-weight: 500;
color: #002C59;
/*
font-size: 12px;
font-weight: bold;
color: #002C59;
*/
}

.blogParent .content .wpisDetail.wpisBlog{
background: none;
}

.blogParent .content .wpisDetail.wpisBlog .wpisDetailContent{
position: relative;
}

.content .wpisDetail.wpisBlog .titleWpis {
text-align: center;	
}

.content .wpisDetail .divLinks{
padding: 10px 0px 10px 0px;
text-align: right;
}

.content .wpisDetail .imgBlog{
background: url('../images/blog.png') 0px 0px no-repeat;
height: 19px;
display:inline-block;
margin: 0px 10px 0px 0px;
padding: 5px 0px 0px 25px;
}
.content .wpisDetail .divKategory{
background-position: 0px -34px;
}
.content .wpisDetail .divUser{
background-position: 0px -68px;
}
.content .wpisDetail .divComment{
background-position: 0px -100px;
}
.content .wpisDetail .divDis{
background: none;
padding: 0px;
color:#9F2E00;
}
.content .wpisDetail .divDis a{
color:#9F2E00;
}

.content .wpisDetail .divDis a:before{
content: "\e014";
font-family: 'Glyphicons Halflings';
margin-right: 5px;
vertical-align: middle;
color:#9F2E00;
}
.content .wpisDetail .divDis1{
background: none;
padding: 0px;
}
.content .wpisDetail .divDis1 a{
color: #4db00d;
}

.content .wpisDetail .divDis1 a:before{
content: "\e013";
font-family: 'Glyphicons Halflings';
margin-right: 5px;
vertical-align: middle;
color: #4db00d;
}



.content .wpisDetail .divUser{
background-position: 0px -68px;
}
.content .wpisDetail .divEdit{
background: none;
padding: 0px;
}
.content .wpisDetail .divEdit a:before{
content: "\270f";
font-family: 'Glyphicons Halflings';
margin-right: 5px;
vertical-align: middle;
}

.content .wpisDetail .divTag{
font-size: 14px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
display: inline-block;
}
.content .wpisDetail .divTag:before{
content: "\e042";
font-family: 'Glyphicons Halflings';
font-size: 20px;
vertical-align: middle;
margin-right: 15px;
}



.content .wpisDetail .divTag span{
display: inline-block;
margin: 0px 5px 0px 0px;
vertical-align: middle;
}
.content .wpisDetail .divTag div{
display: inline-block;
vertical-align: middle;
}
.content .wpisDetail .zajawkaWpis{
line-height: 1.6em;
margin-bottom: 50px;
}
.content .wpisDetail .zajawkaWpis img{
border: 1px solid #DFDFDF;
padding: 1px;
background-color: #FFFFFF;
vertical-align: top;
position: relative;
}
.content .wpisDetail .zajawkaStopka{
margin: 0px 0px 0px 0px;
position: absolute;
width: 100%;
bottom: 10px;
left: 0px;
box-sizing:border-box;
}
.content .wpisDetail .divTag a{
color: #000000;
display: inline-block;
vertical-align: middle;
}
.content .wpisDetail .contentZajawka{
padding: 0px 7px 7px 7px;
/*border: 1px solid #DEDEDE;*/

}

.content .wpisDetail .countComment{
float: right;
background: none;
padding: 0px;
}
.content .wpisDetail .countComment a{
color: #000000;
padding: 0px;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
font-size: 14px;
}

.content .wpisDetail .countComment a span{
font-size: 14px;
}

.content .wpisDetail .countComment a:before{
content: "\e111";
font-family: 'Glyphicons Halflings';
margin-right: 5px;
font-size: 20px;
vertical-align: middle;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
}
.content .wpisDetail .countComment a:hover{
color: #256bb0;
}
.content .wpisDetail .countComment a:hover:before{
color: #256bb0;
}


.content .wpisDetail .stopkaBlog{
float: left;
margin: 20px 0px 0px 0px;
}

.content .wpisDetail .wiecej{
display: block;
font-size: 13px;
text-align: right;
margin: 10px;
}
.content .wpisDetail .wiecej span{
font-size: 20px;
font-family: serif;
font-weight: bold;
margin: 0px 0px 0px 5px; 
}

.blogParent .content .commentParent{
margin: 0px;
float: left;
width: 100%;
background-color: #FFFFFF;
border: 1px solid #D1E8F8;
padding: 0px 10px;
box-sizing:border-box;
}

div.box {
background-color: #FFFFFF;
border: 1px solid #D2D2D2;
box-shadow: 1px 1px 5px #CCCCCC;
margin-bottom: 20px;
padding: 10px;

}
div.box h1 {
background-color: #E3E4E8;
border-bottom: 1px solid #D2D2D2;
font-size: 14px;
margin: -9px -9px 10px;
padding: 5px 10px;
position: relative;
z-index: 0;
color: #444444;
font-weight: 600;
}
p.change_lang {
border-bottom: 1px solid #CCCCCC;
margin-bottom: 5px;
}
p.change_lang a {
background-color: #DDDDDD;
border-color: #CCCCCC;
border-style: solid;
border-width: 1px 1px 0;
color: #888888;
display: inline-block;
height: 20px;
line-height: 20px;
margin: 0 4px -1px 0;
outline-style: none;
padding: 0 10px;
text-decoration: none;
text-shadow: 1px 1px 0 #FFFFFF;
font-size: 11px;
}
p.change_lang a.sel {
background-color: #FCFCFC;
color: #444444;
height: 21px;
margin: 0 4px -1px 0;
}
.fdiv{
font-size: 11px;
color:#444444;
}

.fdiv .text{
border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA;
border-style: solid;
border-width: 1px;
font: 12px Verdana,Tahoma;
padding: 3px;
width: 400px;
}    
.box .tresc{
font-weight:bold;
border-top:1px solid #d4d8cc;
padding:10px 0px 5px 0px;
font-size: 11px;
color:#444444;
}
.box .tresc span{
font-size: 10px;
}
input.text_b {
border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA;
border-style: solid;
border-width: 1px;
font: 12px Verdana,Tahoma;
padding: 3px;
width: 95%;
}
textarea.text_b {
border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA;
border-style: solid;
border-width: 1px;
font: 12px Verdana,Tahoma;
margin: 0 0 5px;
padding: 3px;
width: 95%;
}
.labelConfig {
display: inline-block;
float: left;
margin: 3px 5px 0 0;
font-size: 11px;
width: 115px;
color: #444444;
}
.ui-datepicker{
font-size: 12px;
}

.tableParams{
width: 100%; 
}
.tableParams td {
    padding: 10px;
    text-align: right;
    color:#444444;
    font-family: arial;
    font-size: 12px;
    
}
.tableParams td input.text {
    border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA;
    border-style: solid;
    border-width: 1px;
    font: 12px Verdana,Tahoma;
    padding: 3px;
    width: 100%;
}

.titleBox{
    background-color: #E3E4E8;
    border-bottom: 1px solid #D2D2D2;
    color: #444444;
    font-size: 16px;
    margin: -9px -9px 10px;
    padding: 5px 10px;
    position: relative;
    z-index: 0;
    font-weight: 600;
}
.titleBox input{
    float: right;
}
.titleBox span{
    float: left;
    margin: 5px 0px 0px 0px;
}
.submitSave{
border:none;
color:#FFFFFF;
font-size: 12px;
padding: 8px 10px;
font-weight: bold;
cursor: pointer;
margin: 0px 0px 5px 0px;
background-color: #306c16;
border: 1px solid #306c16;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
}

.submitSave:hover{
background-color: #FFFFFF;
color: #306c16;
}

.submit_del{
background-color: #b91616;
border-color: #FFFFFF #444444 #444444 #FFFFFF;
border-style: solid;
border-width: 1px;
color: green;
font-size: 11px;
padding: 2px;
font-weight: bold;
cursor: pointer;
color:#f9f9f9;
}

.divAvatar{

}
.divAvatar img{
float: left;
background-color: #FFFFFF;
border: 1px solid #DEDEDE;
padding: 2px;
margin: 0px 15px 0px 0px;
}

.divText{
margin: 0px 0px 40px 0px;
line-height: 1.5em;
}
.divText .titleDivText{
margin: 0px 0px 10px 0px;
font-weight: bold;
}
.divText .divTextOpis{

}
.titleMenu{      
color: #0D92D8;
font-family: times New Roman;
font-size: 24px;
font-weight: normal;
margin: 13px 0px 8px 16px;
}
.archAutor{
margin: 5px 0px 0px 0px;
}

.archAutor .archUserTitle{
color:#1B5100;
font-family: georgia;
font-size: 18px;
margin: 10px 0px 5px 0px;
}
.archAutor .archUserContent{
background-color: #EEEEEE;
padding: 0px 10px 0px 10px;
float: left;
width: 580px;
}

.archAutor .archUserContent .archUserContentDetail{
border-bottom: 1px solid #B2B2B2;
margin: 5px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}
.archAutor .archUserContent .archUserData{
background: url("../images/date_comment.jpg") no-repeat scroll 10px 5px;
color: #9F2E00;
margin: 0px 0px 0px 0px;
padding: 5px 10px 5px 30px;
float: left;
}
.archAutor .archUserContent h3.title{
padding: 3px 10px 5px 10px;
float: left;
}
.archAutor .archUserContent h3.title a{
color:#000000;
font-size: 12px;
font-weight: normal;

}

.brak{
font-size: 17px;
font-weight: bold;
padding: 30px 0px 20px 20px;
}
.divTitle h1{
float: left;
}
.divTitle a{
float: left;
margin: 19px 11px 8px 0px;
float: right;
}

.tableBlog{
table-layout: fixed;
}

.tableBlog td.tdLeft{
padding-right: 10px;
}
.tableBlog td.tdRight{
padding-left: 10px;
}
.configWpis{

}
.configWpis .rowBox{
overflow: hidden;
padding: 10px 0px;
border-bottom: 1px dashed #CCCCCC;
}
.configWpis .rowBox label{
text-align: right;
}
.configWpis .rowBox input[type=text]{
width: 50%;
box-sizing:border-box;
padding: 5px;
border: 1px solid #CCCCCC;
}
.meta p{
overflow: hidden;
padding: 10px 0px;
border-bottom: 1px dashed #CCCCCC;
}
.meta p input.text_b {
width:100%;	
box-sizing:border-box;
padding: 5px;
border: 1px solid #CCCCCC;
}
.meta p textarea.text_b {
width:100%;	
box-sizing:border-box;
padding: 5px;
}

@media screen and (max-width:1050px){
.blogParent .menu {width: 200px;}
.blogParent .content {width: calc(100% - 225px);}	
}
@media screen and (max-width:950px){
.blogParent .menu>.divKatMenu_left {max-height: 200px;overflow: auto;}	
.blogParent .menu {margin-left: -220px;position: fixed;background-color: #FFFFFF;z-index: 100;top:5px !important;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
}
.blogParent .content {width: 100%}
	
.blogParent .menu:after {
content: "\e012";
width: 50px;
height: 50px;
top:0px;
right: -50px;
position: absolute;
font-family: 'Glyphicons Halflings';
font-size: 33px;
text-align: right;
background-color: rgba(255,255,255,1);
padding: 2px 7px 0px 0px;
box-sizing:border-box;
}	

}

@media screen and (max-width:720px){
.addWpis table.tableBlog{display: block;width: 100%;}
.addWpis table.tableBlog>tbody{display: block;width: 100%;}
.addWpis table.tableBlog>tbody>tr{display: block;width: 100%;}
.addWpis table.tableBlog>tbody>tr>td{display: block;width: 100%;}
.fdiv .text {width: 100%;}
table.tableBlog input.suggestInput {width: 100%;}	
}