html, body{ 
	margin:0; 
	padding:0; 
	text-align:center;
	background-color:#F5A129;
	
} 

/* ***część główna*** */
#pagewidth{ 
	width:90%; 
	margin-left:auto; 
	margin-right:auto;
	
  }
 
#header{
	position: relative;
	text-align: left;
	height:200px;
	width:97%;
	padding-left: 3%;
	margin: 15px 0 0 0;
	background-image: url('wstaw_red.png');
	background-repeat: repeat;
} 
 
#leftcol{
	width:22%;
	height: 1000px; 
	float:left; 
	position:relative; 
	background: transparent;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	/*background-image: url('plotno.png');
	background-repeat: repeat;*/
 }
 
/* ---sekcja kolumny środkowej i prawej--- */ 
#twocols{
	width:77%; 
	float:right; 
	position:relative;
	margin-bottom: 10px;
  }
 
#rightcol{
	
	width:26%;
	height: 1000px;
	float: right; 
	position: relative; 
	background-color: #FFFFFF;
	/*background-image: url('plotno.png');
	background-repeat: repeat;*/
	
	}
 
#maincol{
	background-color: #FFFFFF;  
	float: left; 
	display:inline; 
	position: relative; 
	width:70%;
	text-align:justify;
	padding: 20px 10px 20px 10px;
	}
/*----------------------------*/ 
#footer{/*stopka redakcyjna*/
	text-align: center;
	font-size: .8em;
	height:20px; 
  padding: 5px 20px 0 20px;
	background-color:#E6D6E2; 
	clear:both;

 } 
 
 
/* ****************** */

/* formatowanie tekstu - kolumny */
#leftcol h1, #rightcol h1 {
	font:  bold 1.2em "comic sans ms", arial, sans-serif;
	text-align: center;
	
}

/* ******** prawa kolumna********/

#nawi {
	font: bold .6em "comic sans ms", arial, sans-serif;
}

#nawi ul {
	list-style: none;
	margin-top: 10px;
	padding: 10px 12px 10px 12px;
}

#nawi li {
	height: 20px;
	padding-bottom: 0;
}

#nawi a:link, #nawi a:visited {
	display: block;
	color: #FFFFFF;
	background-color: #16608D;
	padding: 3px;
	text-decoration: none;
	border-right: 1px solid #000000;
	/*border-bottom: 1px solid #000000;
	border-left: 1px solid #FFFFFF;*/
	border-top: 1px solid #FFFFFF;
}

#nawi a:hover {
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
}

/* ******** koniec formatowania prawej kolumny********/

/* ------ koniec formatowania tekstu kolumn ------ */

/* formatowanie tekstu - body */

#maincol h1 {
	font:   bold 1.2em "comic sans ms", arial, sans-serif;
}

#maincol h2 {
	font:   bold 1.5em "comic sans ms", arial, sans-serif;
	text-align: center;
}

#maincol h3 {
	font: 1em "comic sans ms", arial, sans-serif;
}

#maincol p {
	font: .8em "comic sans ms", arial, sans-serif;
}

#maincol .uwaga {
	font: bold .8em "comic sans ms", arial, sans-serif;
}

#maincol a {
	font: bold .8em "comic sans ms", arial, sans-serif;
	color: #000000;
}

/* ------ koniec formatowania tekstu body -------- */

/* -------- linki ----------- */
#repik {
	font: 1em "comic sans ms", arial, sans-serif;
}

#repik ul {

}

#repik li {
	list-style: none;
}

#repik a:link, #repik a:visited {
	color: #000000;
}

#repik a:hover {
	color: #E30101;
}	
/* ---- koniec formatowania sekcji linków ------*/

/* ~~~~~~ zaokrąglone narożniki ~~~~~~~ */
.rtop, .rbottom{
	display:block
}
.rtop *, .rbottom *{
	display: block;
	height: 1px;
	overflow: hidden
}
.r1{
	margin: 0 5px
}
.r2{
	margin: 0 3px
}
.r3{
	margin: 0 2px
}
.r4{
	margin: 0 1px;
	height: 2px
}
/* ~~~~~~ zaokrąglone narożniki - koniec ~~~~~~~ */