@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700&subset=latin-ext');
body,html {
    height:100%;
}
body{
	color:#6c757d;
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-family: Roboto;
	background:#ebeff2;
	word-wrap: break-word;
	height:100%;


}


.emojionearea-editor{
	height:35px!Important;
	min-height:35px!Important;
}

.pw_do{
	float:left;
	max-width:800px;
	padding:10px;
	border-radius:2px;
	margin-bottom:20px;

	background:#212529;
	color:white;
}
.pw_od{
	
	float:right;
	max-width:800px;
	padding:10px;
	border-radius:2px;
	margin-bottom:20px;
	background:#ddd;
	color:#212529;
}

.img_gal{
	max-width:90%;
	margin:0 auto;
}
img{
	border:0px;
}

h1{
	margin:0px;
	padding:0px;
}
.main_ig{
	height:calc(100% - 105px);
}
.main_nig{
	min-height:calc(100% - 135px);
}
#footer{
	
	bottom:0px;
	height:50px;
	width:100%;
	background:#212529;
	color:white;
	padding:20px 0;
}

.new_logo{
	max-height:40px;
}

.btn-primary{
	background:#ff0707;
	border-color:#ff0707;
}
.btn-primary:hover{
	background:#d10000;
	border-color:#d10000;
}


.index_f{
	position:relative;
	width:100%;
	height:100%!Important;
	min-height:100%!Important;
	background:url('../../../images/r_01.jpg') #212529;
	background-size:cover;
	
}
.new_ifd{
	background-color:rgba(0,0,0,0.8);
	margin-top:50px;
	width:100%;
	border-radius:4px;
	min-height:100px;
	padding:20px 0 20px 0;
}
.count_uir{
	color:white;
	font-size:20px;
	font-weight:bold;
	margin-top:20px;
}
.new_if{
	background-color:rgba(0,0,0,0.8);
	margin-top:50px;
	width:100%;
	border-radius:4px;
	min-height:300px;
	padding:0px 0 20px 0;
}

.new_if a{
	color:white!Important;
}

.container_all{
	margin-top:30px;
	padding:0 0 30px 0;

}
.container_at{
	background:#fff;
	height:100%;
}
.container_at .left{
	height:100%;
	padding:20px 10px;
	background:#fff;
	position:relative;
}
.container_all .left{
	-webkit-box-shadow: 1px 3px 7px rgba(0,0,0,.3);
	box-shadow: 1px 3px 7px rgba(0,0,0,.3);		
	padding:20px 10px;
	background:#fff;
	position:relative;
}

.btn-mn{
	border-radius:0px;
	margin-bottom:5px;

}
.menu_usp{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}
.menu_uspi{
	height:10px;
}

.img_box{
	background:#ebeff2;
	padding:5px;
	width:200px;
	height:250px;
	float:left;
	margin:5px;
}

.img_box img{
	width:100%;
	height:100%;
	max-width:100%;
	max-height:100%;
	
}

a{text-decoration:none;}
a:hover{text-decoration:none;}
a, a:hover, a:visited, a:link {color:#3f3f3f;}

.cleara{
	clear:both;
	margin:10px; 
	height:10px;
}

.head_all{
	background:#D11800;
	padding:10px;
	height:30px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#D11800)');
	background:-webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#D11800)));
	background:-moz-linear-gradient(top, #ff0000,  #D11800);
	background:-o-linear-gradient(top,  #ff0000,  #D11800);
}

.head_logo{
	font-size:30px;
	color:white;
	font-weight:bold;
	margin-top:-5px;
}

.head_left{
	float:left;
	width:10%;
	margin-left:20px;
}

.head_left_nl{
	float:left;
	width:100%;
	text-align:center;
}

.head_center{
	float:left;
	width:50%;
	text-align:right;
	margin-left:20px;

	background:blue;
}
.head_right{
	float:right;
	width:30%;
	margin-right:20px;
	text-align:right;
}



.head_ico{
	float:right;
	margin-top:5px;
}

.head_ico_search{
	cursor:pointer;
	float:left;
	width:20px;
	height:20px;
	background:url(../images/ico-searchw.png);
	background-size:20px 20px;
}

.head_ico_invitation{
	position:relative;
	float:left;
	width:20px;
	height:20px;
	margin-left:15px;
	background:url(../images/ico-adduser.png);
	background-size:20px 20px;
}
#menu_n{
	cursor:pointer;
}
.head_ico_friend{
	position:relative;
	float:left;
	width:20px;
	height:20px;
	margin-left:15px;
	background:url(../images/ico-users.png);
	background-size:20px 20px;
}

.head_ico_messages{
	position:relative;
	float:left;
	width:20px;
	height:20px;
	margin-left:15px;
	background:url(../images/ico-message.png);
	background-size:20px 20px;
}

.head_ico_menu{
	cursor:pointer;
	float:left;
	width:22px;
	height:22px;
	margin-top:-1px;
	margin-left:15px;
	background:url(../images/ico-menu.png);
	background-size:22px 22px;
}

.count_ico{
	position:absolute;
	padding:1px;
	width:18px;
	text-align:center;
	color:black;
	font-size:9px;
	top:-14px;
	background:white;
}

.head_ico_profil{
	cursor:pointer;
	float:left;
	margin-top:-10px;
	margin-right:20px;
	margin-left:20px;
}

.head_ico_profil_img{
	border-radius: 45px;
	width:40px;
}

.top_search_input{
	border:0px solid #cccccc!Important;
	padding:7px!Important;
	margin:0px!Important;
	width:92%;
	background:#F5F5F5;
	position:absolute;
	top:0px;
	left:0px;

}
.top_search_submit{
	border:0px solid #cccccc!Important;
	background:url(../images/ico-search.png) #F5F5F5!Important;
	background-repeat:no-repeat!Important;
	background-position: center!Important;
	background-size: 25px 25px!Important;
	width:33px!Important;
	cursor:pointer;
	height:29px!Important;
	margin-left:-4px!Important;
	padding:6px!Important;
	position:absolute;
	z-index:12;
	top:0px;
	right:0px;
}
.hide_user_menu a{
	color:white;
	font-size:12px;
}
.hide_user_menu{
	padding:20px 0 20px 0;
	width:300px;
	display:none;
	background:#212529;
	color:#fff;
	position:absolute;
	font-size:12px;
	z-index:22323;
	border-top:1px solid #30353b;
	top:50px;
	right:0px;
	border-bottom:2px solid #D11800;
}

.top_border{
	border-top:1px solid #30353b;
}

.menu_cat_g{
	text-decoration:none;
	border-bottom:1px solid #30353b;
	padding:7px 10px 7px 5px;
}
.menu_cat_g:hover{
	text-decoration:none;
	padding:7px 5px 7px 5px;
	border-right:5px solid #E90505;
}

.box_index{
	width:90%;
	max-width:430px;
	margin-right:30px;
	float:left;
}

.hide_search_all{
	width:100%;
	padding:15px 0 15px 0;
	background:white;
	position:fixed;
	z-index:23434;
	top:50px;
	border-bottom:2px solid #D11800;
	display:none;
}

.hide_search{
	text-align:center;
	width:95%;
	max-width:960px;
	margin:0 auto;
}

.hide_search_el{
	float:left;
	height:35px;
	margin-right:10px;
}

.is_online_l{
	position:absolute;
	top:7px;
	left:7px;
	float:left;
	margin:2px 5px 0 0px;
	width:10px;
	height:10px;
	border-radius: 45px;
	background:lime;
}
.is_offline_l{
	position:absolute;
	top:7px;
	left:7px;
	float:left;
	margin:2px 5px 0 0px;
	width:10px;
	height:10px;
	border-radius: 45px;
	background:#6f6f6f;
}

.is_online{
	float:left;
	margin:5px 0 0 5px;
	width:10px;
	height:10px;
	border-radius: 45px;
	background:lime;
}
.is_offline{
	float:left;
	margin:5px 0 0 5px;
	width:10px;
	height:10px;
	border-radius: 45px;
	background:#6f6f6f;
}

.lista_del_znaj{
	position:absolute;
	right:5px;
	top:5px;
}

#pform_all{
	z-index: 10522220;
	position: fixed;
	text-align: center;
	background:url('../images/ptlo.png');
	top:0px;
	left:0px;
	height:100%;
	width: 100%;
	display:none;
}

#pform_tlo{
	margin:10% auto 0 auto;
	background:#fff;

	height:80%;
	max-height:430px;
	width:100%;
	max-width:650px;
}


#pform_title{
	float:left;
	padding:5px;
	font-size:14px;
	font-weight:bold;
	color:#3d3d3d;
}
#pform_txt{
	text-align:center;
	width:100%;
	height:100%;
	max-height:400px;
	font-size:12px;
	
	font-weight:bold;
	overflow:auto;
	clear:both;
	color:#3d3d3d;
}
#pform_close{
	float:right;
	margin:5px;
	width:20px;
	height:20px;
	background:url('../images/close.gif');
	background-size:20px;
	cursor:pointer;
	
}

.fr_pop{
	width:100%;
	margin:0 auto;
	height:350px;
	border:none;
}

.tleft{
	float:left;
}

.pr_img{
	float:left;
	width:20%;
}
.pr_col{
	float:left;
	padding:0 5px 0 5px;
	width:38%;
}
.pr_in{
	float:right;
	width:77.7%;
	margin-right:10px;
}
.pr_pp{
	margin:0px 0 10px 0;
	float:left;
	padding:0 5px 0 5px;
	width:78%;
	position:absolute;
	top:2px;
	right:-8px;
}
.pr_om{
	margin:0px 0 10px 0;
	float:left;
	padding:0 5px 0 0px;
	width:100%;
}
.pr_kom{
	margin:10px 0 10px 0;
	float:left;
	width:100%;
}
.td_hover{

	border:1px solid #dddddd;
	padding:8px 10px 8px 10px;
	float:right;
	font-weight:bold;
	margin-right:2px;
}
.td_hover:hover{
	text-decoration:none;
	background:#dddddd;
	float:right;

	margin-right:2px;
	
}

.td_hover a{
	text-decoration:none;
}

.td_pr_name{
	width:50%;
	text-align:left;
	font-weight:bold;
	padding:5px;
	border-bottom:1px solid #dddddd;
}
.td_pr_value{
	width:50%;
	text-align:left;
	font-weight:bold;
	padding:5px;
	border-bottom:1px solid #dddddd;
}
.tr_hover:hover{
	background: #dddddd;
}
.przerwa{
	margin:120px auto 0 auto;
	padding: 5px 5px 5px 5px;
	width:560px;
	clear: both;
	overflow: hidden;
	border:1px solid #dddddd;
	-webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
	-webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
	background:#ffffff;

}


.p_title{
	font-size:18px;
	border-bottom:1px solid #dddddd;
	padding-bottom:3px;
	margin-bottom:3px;
	
}

.p_text{
	padding: 0px 5px 5px 5px;
	
}

.site_body{
	margin:15px auto 0 auto;
	width:95%;
	max-width:960px;
	clear: both;
	overflow: hidden;
	border:1px solid #dddddd;
	background:#ffffff;

}




.site_body_content_all{
	padding:10px 0px 10px 0px;
	width:98%;
	margin:0 auto;
	position:relative;
}

.post_all{
	width:100%;
	margin:0 0 0px 15px;
}

.title_all{
	font-size:18px;
	border-bottom:1px solid #dddddd;
	padding:0 0 3px 0;
	margin:0 0 3px 0;
	font-weight:normal;

}

.entry_all{
	font-size:12px;
}

.box1, .post, .left{
	width:100%;
	margin:0 auto 10px auto;
}

.title, ng, H2, H1{
	font-size:18px;
	border-bottom:1px solid #dddddd;
	padding:0 0 3px 0;
	margin:0 0 3px 0;
	font-weight:normal;

}

.entry{
	font-size:12px;
}

.site_footer_all{
	width:100%;
	background: #393D3E;
	padding:20px 0 20px 0;
	margin-top:20px;
}
.site_footer{
	color:white;
	margin:0 auto;
	width:100%;
	max-width:960px;
	clear: both;
	overflow: hidden;
}


.site_footer_left{
	float:left;
	width:740px;
	padding:5px 5px 10px 0px;
	text-align:left;
}

.site_footer_right{
	float:left;
	width:200px;
	padding:5px 5px 10px 5px;
	text-align:right;

}

.footer_menu{
	margin:0px;
	padding:0px 5px 0 0px;
	list-style: none;
	line-height: normal;
}

.footer_menu li{

	float: left;
	padding:0px 8px 8px 8px;


}

.footer_menu li a{

	color:silver;
	text-decoration:none;

}

.footer_menu li a:hover{

	color:white;


}

.left{
	text-align:left;
}

.right{
	text-align:right;
}

.center{
	text-align:center;
}





.cookie-alert {
	z-index: 1010;
	opacity: 0.9;
	position: fixed;
	bottom: 0px;
	background: #ffffff;
	border-top: 1px solid #aaaaaa;
	padding: 10px;
	text-align: center;
	font-size: 13px;
	line-height: 16px;
	width: 100%;
}

.cookie-alert p {
	width: 1000px;
	margin: 0px auto;
	text-align: left;
	line-height: 20px;
	color:black;
}

.blok_menu{

	background:#f1f1f1;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e8e8e8');
	background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e8e8e8));
	background:-moz-linear-gradient(top,  #f1f1f1,  #e8e8e8);
	background:-o-linear-gradient(top,  #f1f1f1,  #e8e8e8);
	padding:7px 7px 7px 7px;
	-webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
	-webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
	border:1px solid;
	border-color:#dddddd;

	float:left;
	margin:0 5px 5px 0;

}

.blok_menu_sel{
	float:left;
	background:#A12ED2;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CF7CF1', endColorstr='#A12ED2');
	background:-webkit-gradient(linear, left top, left bottom, from(#CF7CF1), to(#A12ED2));
	background:-moz-linear-gradient(top, #CF7CF1,  #A12ED2);
	background:-o-linear-gradient(top,  #CF7CF1,  #A12ED2);
	padding:7px 7px 7px 7px;
	color:white;
	-webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
	-webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
	border:1px solid;
	border-color:#dddddd;

	margin:0 5px 5px 0;

}

.blok_menu:hover{
	background:#A12ED2;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CF7CF1', endColorstr='#A12ED2');
	background:-webkit-gradient(linear, left top, left bottom, from(#CF7CF1), to(#A12ED2));
	background:-moz-linear-gradient(top, #CF7CF1,  #A12ED2);
	background:-o-linear-gradient(top,  #CF7CF1,  #A12ED2);
	padding:7px 7px 7px 7px;
	color:white;

	

}

.blok_menu:hover a{
	color:white;
}
.blok_menu a{
	font-weight:bold;
	text-decoration:none;
}
.blok_menu_sel:hover a{
	color:white;
}
.blok_menu_sel a{
	color:white;
	font-weight:bold;
	text-decoration:none;
}


.rating0{
   background-image: url('../images/0.png');
}
.rating1{
   background-image: url('../images/1.png');
}
.rating2{
   background-image: url('../images/2.png');
}

.l_p{
	padding: 5px 5px 5px 5px;
	border: 1px solid #DEDEDE;
	margin:0px 0 5px 0 ;
	width:670px;
}
.l_p a{
	color:black;
	text-decoration:none;
}
.l_p a:hover{
	text-decoration:underline;
}

.l_pr{
	padding: 5px 5px 5px 5px;
	background:#FFFA73;
	border: 1px solid #DEDEDE;
	margin:0px 0 5px 0 ;
	width:670px;

}




div.cookie-alert {
	z-index: 1010;
	opacity: 0.9;
	position: fixed;
	bottom: 0px;
	background: #ffffff;
	border-top: 1px solid #aaaaaa;
	padding: 10px;
	text-align: center;
	font-size: 13px;
	line-height: 16px;
	width: 100%;
}

div.cookie-alert p {
	width: 1000px;
	margin: 0px auto;
	text-align: left;
	line-height: 20px;
	color:black;
}

.logowanie{
	color:white;
	padding:5px 5px 5px 5px;
	margin:5px 10px 0 0;
	width:210px;
	-webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
	-webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
	float:right;
	background:url(../../images/ptlo.png) ;

}

.logowanie input[type="submit"]{


	background:#ff0000;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#d90909)');
	background:-webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#d90909)));
	background:-moz-linear-gradient(top, #ff0000,  #d90909);
	background:-o-linear-gradient(top,  #ff0000,  #d90909);
	padding:3px 3px 3px 3px;
	color:white;

	border:0px solid;
	border-color:#dddddd;

	font-weight:bold;
	margin:0 1px 1px 0;

}
.logowanie a{
	color:white;
}
.lp_online{
	position:absolute;
	top:5px;
	right:5px;
}
.lp_online img{
	width:10px;
}
.lp_im{
	width:100%;
	max-height:140px;
}
.lp_img{
	height:140px;
}
.lp_login{
	margin-top:10px;
	color:#212529;
	font-weight:bold;
}
.profil-m{
	background-color:#ebeff2;
	position:relative;
	width:160px;
	height:190px;
	float:left;
	padding:10px 5px;
	margin:5px;
	text-align:center;
	border-radius:2px;
	
}

.profil-menu{
	border:1px solid #dddddd;
	padding:8px 0px 8px 0px;
	text-align: center;
	width:100%;
	font-weight:bold;
	margin-right:2px;
}
.profil-menu:hover{

	background:#dddddd;
}
.profil-menu a{ 
	color:black; 
	text-decoration:none; 
}
.profil-menu a:hover{ 

} 


.mob_off{
	
}
.mob_on{
	display:none;
}
.flag_top{
	position: absolute; 
	left: 130px;
	top:5px; 

}
.footer_right{
	text-align:right;

}
@media only screen and (max-width: 900px) {
.img_box{
	background:#ebeff2;
	padding:5px;
	width:150px;
	height:200px;
	float:left;
	margin:5px;
}

.img_box img{
	width:100%;
	height:100%;
	max-width:100%;
	max-height:100%;
	
}
.nav{
flex-wrap: unset;
}
.footer_right{
	text-align:center;
	padding-top:20px;
}
#footer{
	
	bottom:0px;
	height:150px;
	width:100%;
	background:#212529;
	color:white;
	padding:20px 0;
}
	.index_f{
		min-height:800px!Important;
		claer:both;
	}
	.btn-mn{

		width:19%;
	}

	.menu_uspi{
		height:60px;
	}
	.head_all{
		background:#D11800;
		padding:10px 0 10px 0;
		height:30px;
	}
	.profil-m{
		font-weight: normal;
		font-size:11px;
	}
	.flag_top{
		position: relative; 
		left: 5px;
		top:95%;

		

	}
	.mob_on{
		display:block;
	}
	.mob_off{
		display:none;
	}
	.lis_hei{
		height:100%;
	}

	#prom_box{
		display:none;
	}

	.head_left{
		float:left;
		width:29%;
		margin-left:0px;
	}

	.head_right{
		float:right;
		width:70%;
		margin-right:0px;
		text-align:right;

	}


	.art_img{
		display:none;
	}
	.to_left{
		clear:both;
		float:left;
		width:100%;
	}
	.tyt_lista{
		clear:both;
		float:left;
		width:100%;
	}
	.box_list{
		display:none;
	}
	.site_search{
		display:none;
	}
	.site_footer{
		width:100%;
		color:white;
	}
	.site_footer_left{
		float:left;
		width:100%;
		clear:both;
	}
	.site_footer_right{
		float:left;
		width:100%;
		clear:both;
		text-align:center;

	}
	.menu_cat_g{
		padding:10px 0 10px 0px;
		font-size:16px;
	}
	.menu_cat_g:hover{
		padding:10px 0 10px 0px;
		font-size:16px;
	}



	.fo_mob{
		width:100%;
	}




	#info_alle{
		display:none;
	}
	#cookie_alert{
		display:none;
	}
	
	#info_alle{
		display:none;
	}




	.pr_img{
		float:left;
		width:100%;
	}
	.pr_col{
		float:left;
		padding:0 5px 0 5px;
		width:100%;
	}
	.pr_in{
		float:left;
		margin-left:5px;
		width:99%;
	}
	.pr_pp{
		margin:0px 0 10px 0;
		float:left;
		padding:0 5px 0 5px;
		width:100%;
		position:relative;
		right:0px;
	}
	.pr_om{
		margin:0px 0 10px 0;
		float:left;
		padding:0 5px 0 12px;

	}
	.pr_kom{
		margin:10px 12px 10px 12px;
		float:left;
		width:95%;
	}
	.left{
		width:100%;
	}
	.td_hover{
		width:100%;
		background-image: url('../images/menu.jpg');
		padding:8px 0px 8px 0px;
		text-align:center;
		margin-top:2px;
		color:black;
		float:right;
		font-weight:bold;
		margin-right:2px;
	}
	.td_hover:hover{
		text-decoration:none;
		background:#dddddd;
		float:right;
		color:#EB0404; 
		margin-right:2px;
	}

	.td_hover a{
		text-decoration:none;
	}

	.td_pr_name{
		width:50%;
		text-align:left;
		font-weight:bold;
		padding:5px;
		border-bottom:1px solid #dddddd;
	}
	.td_pr_value{
		width:50%;
		text-align:left;
		font-weight:bold;
		padding:5px;
		border-bottom:1px solid #dddddd;
	}
	.tr_hover:hover{
		background: #dddddd;
	}
	

	
}
input[type="date"] {
  position: relative;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  color: transparent;
  background: transparent;
}

