:root {
	--color_2: #196811;
	--color_1: #FFFFFF;
	--color_4: #EEEEEE;
	--color_3: #92D18B;
}

*{
	margin: 0px auto;
	padding: 0px;
	box-sizing:border-box;
}

body{
    margin:0px auto;
    color: var(--color_1);
    font-family: Arsenal;
    font-size: 16px;
	/*max-width:1600px;*/
	max-width:1300px;
	background:var(--color_2);
}

.pageAll{
	width:100%;
	max-width:1200px;
	overflow:hidden;
}

.page{
	width:100%;
	overflow:hidden;
	padding:2px;
}

.page .in{
	width:100%;
	padding:5px 10px;
	overflow:hidden;
	background:var(--color_3);
}

.page .in p.title{
	font-size:28px;
	font-weight:bold;
}

.page .in p.title a{
	text-decoration:none;
    color: var(--color_1);
}



/* menu */
.page .menu ul{
	display:block;
	list-style:none;
	float:right;
}

.page .menu ul li{
	float:left;
}

.page .menu ul li a{
	display:block;
	padding:15px 24px;
	color:var(--color_1);
}

.page .menu ul li a:hover{
	text-decoration:none;
	color:var(--color_4);
}

.page .menu ul li a.active{
	text-decoration:none;
	color:var(--color_4);
}



/* podzial kolumn */
.colLeft{
	width:20%;
	float:left;
	padding:2px;
}

.colRight{
	width:80%;
	float:right;
	padding:2px;
}

.colLeft .block{
	width:100%;
	padding:5px 10px;
	background:var(--color_3);
	margin-bottom:30px;
} 

.colLeft .block p.title{
	font-weight:bold;
	font-size:16px;
	text-align:right;
	border-bottom:1px solid var(--color_1);
	padding:5px 5px;
	margin-bottom:15px;
} 

.colLeft .block p a{
	color:var(--color_1);
} 

.colLeft .block p a:hover{
	text-decoration:none;
} 

.colLeft .block input{
	width:100%;
	display:block;
	border:1px solid var(--color_1);
	margin-bottom:5px;
	padding:8px 14px;
}

.colLeft .block button{
	display:block;
	margin:0px auto 10px auto;
	border:1px solid var(--color_1);
	margin-bottom:5px;
	padding:4px 10px;
	font-size:16px;
	color: var(--color_2);
	background:var(--color_1);
	cursor:pointer;
}

.colLeft .block button:hover{
	color: var(--color_1);
	background:var(--color_3);
}

.colRight .in{
	width:100%;
	overflow:hidden;
	padding:5px 10px;
}

.colRight .in .wstep{
	width:100%;
	overflow:hidden;
	padding:10px;
	border:1px solid var(--color_3);
	margin-bottom:10px;
}

.colRight .in .archiwum{
	width:100%;
	overflow:hidden;
	padding:10px;
	margin-top:40px;
	margin-bottom:10px;
	font-size:18px;
}



/* skrot wpisow */
.colRight .in .wpis{
	width:100%;
	overflow:hidden;
	background:var(--color_3);
	margin-bottom:10px;
}

.colRight .in .wpis .podgladImg{
	width:30%;
	overflow:hidden;
	float:left;
	padding:10px;
}

.colRight .in .wpis .opis{
	width:70%;
	overflow:hidden;
	float:left;
	padding:10px;
}

.colRight .in .wpis .opis p.title{
	font-weight:bold;
	font-size:18px;
}

.colRight .in .wpis .opis a{
	display:block;
	font-size:16px;
	color: var(--color_1);
	padding-bottom:15px;
}




/* pojedynczy wpis */
.colRight .in .wpisAll{
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
}

.colRight .in .wpisAll .podgladImg{
	width:30%;
	overflow:hidden;
	float:left;
	padding:10px;
}

.colRight .in .wpisAll .opis{
	width:70%;
	overflow:hidden;
	float:left;
	padding:10px;
}

.colRight .in .wpisAll .opis p.title{
	font-weight:bold;
	font-size:20px;
}

.colRight .in .wpisAll .opis a{
	display:block;
	font-size:16px;
	color: var(--color_1);
	padding-bottom:15px;
}




/* kontakt */
.colRight .in .kontakt{
	width:100%;
	overflow:hidden;
}

.colRight .in .kontakt h1{
	font-size:24px;
	padding:10px 40px;
}

.colRight .in .kontakt label{
	width:100%;
	overflow:hidden;
	display:block;
	margin:20px auto;
	padding:5px 40px;
}

.colRight .in .kontakt label input{
	width:100%;
	overflow:hidden;
	display:block;
	padding:14px 20px;
}

.colRight .in .kontakt label textarea{
	width:100%;
	height:150px;
	display:block;
	padding:14px 20px;
}

.colRight .in .kontakt button{
	display:block;
	margin:0px auto 10px auto;
	border:1px solid var(--color_1);
	margin-bottom:5px;
	padding:4px 10px;
	font-size:16px;
	color: var(--color_2);
	background:var(--color_1);
	cursor:pointer;
}

.colRight .in .kontakt button:hover{
	color: var(--color_1);
	background:var(--color_3);
}



/* stopka */
.pageAll .stopka{
	width:100%;
	padding:10px 20px;
	text-align:right;
	overflow:hidden;
	background:var(--color_3);
}




/* ciasteczka */
#ciasteczka{
	width:100%;
	overflow:hidden;
	position:fixed;
	left:0px;
	bottom:0px;
	text-align:center;
	color:var(--color_3);
	background:var(--color_1);
	display:none;
	z-index:999;
}

#ciasteczka p{
	display:block;
	width:100%;
	text-align:center;
	padding:12px 100px;
	font-size:14px;
	line-height:30px;
}

#ciasteczka p a{
	color:var(--color_3);
	text-decoration:none;
	font-weight:bold;
}

#ciasteczka #accept-cookies-checkbox{
	padding: 10px 16px;
	text-align:center;
	background:var(--color_1);
	border-radius:2px;
	border:1px solid #eee;
	margin-left:40px;
	color:var(--color_3);
	font-size:10px;
	text-transform:uppercase;
	font-weight:normal;
}

#ciasteczka #accept-cookies-checkbox:hover{
	background:var(--color_3);
	color:var(--color_1);
}



@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 800px) {
	.colLeft{
		width:40%;
	}

	.colRight{
		width:60%;
	}
}

@media screen and (max-width: 600px) {
	
}

@media screen and (max-width: 500px) {
	#ciasteczka p{
		padding:12px 5px;
	}
	
	.colLeft{
		width:100%;
		float:none;
		margin:10px auto;
	}

	.colRight{
		width:100%;
		float:none;
		margin:10px auto;
	}
}