.clear {
    clear: both;
}
div.boks {
    border: 1px solid #C2D8ED;
    background-color: #F4F6F7;
    padding: 15px 10px;
}
ul.blue {
    margin: 0 0 0 25px;
}
ul.blue li {
	background: url(../images/bullet.png) 0 7px no-repeat;
}
.czerwony {
	color: #ee1d25;
}
.niebieski {
	color: #004a8f;
}
.rwd {
	width: 80%;
	height: auto;
}
@media only screen and (max-width: 599px) {
	ul.blue {
		margin: 0;
	}
}
/******************** RAMKA - start ********************/

div.blisko {
    border: 0;
    margin: 15px 0 0 0;
    padding: 0;
    overflow: hidden;
}
div.blisko1 {
    border: 0;
    padding: 0;
    width: 30%;
    float: left;
}
div.blisko2 {
    border: 0;
    margin: 0 0 0 10px;
    padding: 0;
    width: 30%;
    float: left;
}
div.blisko3 {
    border: 0;
    margin: 0 0 0 10px;
    padding: 0;
    width: 30%;
    float: left;
}
.clear {
    clear: both;
}
@media only screen and (max-width: 599px) {

}
@media only screen and (min-width: 800px) {
	div.blisko1 {
		margin: 0 0 0 10px;
	}
}
/******************** obrazki w artykułach ******************/

@media screen and (max-width: 1023px) {
	.imglef,
	.imgrig {
		width: 50%;
		height: auto;
		margin: 0 auto 30px auto;
		display: block;
	}
}

@media screen and (min-width: 1024px) {
	.imglef {
		float: left;
		margin: 0;
		padding: 5px 20px 5px 0;
	}
	.imgrig {
		float: right;
		margin: 0;
		padding: 5px 0 5px 20px;
	}	
}