html, body {
  
  color:#000000;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  margin: 0 auto 0 auto; /* można zapisać krócej: margin: 0 auto; */
  padding:0;
  background-color:#161a1d;
}
img {
border: 0px;
}
#tlo{
  width: 100%;
  height: 1000px;
  background-image:url('obrazki/tlo_main.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  margin: 0 auto;
}

#kontener_strona{
  width: 1050px;
  margin: 0px auto;
}

#kontener_logo {
  width: 1050px;
  height: 223px;
  margin: 0px auto;
}

#logo_belka_lewa {
  width:25px;
  height:223px;
  background-image:url('obrazki/logo_lewa_belka.jpg');
  float: left;
}

#logo {
  width:1000px;
  height:223px;
  background-image:url('obrazki/logo.jpg');
  float: left;
}

#logo_belka_prawa {
  width:25px;
  height:223px;
  background-image:url('obrazki/logo_prawa_belka.jpg');
  float: left;
}
a:link    {color: #0f7fcd; text-decoration: none; font-weight: bold;}
a:active  {color: #0f7fcd; text-decoration: underline; font-weight: bold;}
a:visited {color: #0f7fcd; text-decoration: none; font-weight: bold;}
a:hover   {color: #0f7fcd; text-decoration: underline; font-weight: bold;}


a.watch_url:link    {font-family: tahoma; color: #0f7fcd; text-decoration: none; font-weight: bold; font-size: 9px;}
a.watch_url:active  {font-family: tahoma; color: #0f7fcd; text-decoration: underline; font-weight: bold; font-size: 9px;}
a.watch_url:visited {font-family: tahoma; color: #0f7fcd; text-decoration: none; font-weight: bold; font-size: 9px;}
a.watch_url:hover   {font-family: tahoma; color: #0f7fcd; text-decoration: underline; font-weight: bold; font-size: 9px;}

a.menu_url:link    {font-family: tahoma; color: #ffffff; text-decoration: none;}
a.menu_url:active  {font-family: tahoma; color: #ffffff; text-decoration: underline;}
a.menu_url:visited {font-family: tahoma; color: #ffffff; text-decoration: none;}
a.menu_url:hover   {font-family: tahoma; color: #ffffff; text-decoration: underline;}


#watch_gora {
  width: 1050px;
  height: 40px;
  background-image:url('obrazki/watch_gora.jpg');
  margin: 0px auto;
}

#watch_lewa {
  width:118px;
  height:138px;
  background-image:url('obrazki/watch_lewa.jpg');
  float: left;
}

div.watch_kontener {
  width:384px;
  height:138px;
  float: left;
}

div.watch_pasek {
  width:384px;
  height:22px;
  background-image:url('obrazki/watch_pasek_tytulu.jpg');  
  }

div.watch_tlo {
  width:384px;
  height:116px;
  background-image:url('obrazki/watch_tlo.jpg');  
}

#watch_srodek {
  width:45px;
  height:138px;
  background-image:url('obrazki/watch_srodek.jpg');
  float: left;  
}

#watch_prawa {
  width:119px;
  height:138px;
  background-image:url('obrazki/watch_prawa.jpg');
  float: left;  
}

#watch_dol {
  width:1050px;
  height:31px;
  background-image:url('obrazki/watch_dol.jpg');
  clear: left;
 }
 
.watch {
  font-family:Georgia, "Times New Roman", serif;
  font-style:italic;
  font-weight:bold;
  color: black;
  font-size: 17px;
  margin-left: 15px;
}

.watch_topik {
  width: 280px;
  height: 15px;
  font-family:Tahoma, serif;
  color: black;
  font-size: 12px;
  margin-left: 15px;
  padding-top: 1px;
  float: left;
  overflow: hidden;
}

.watch_link {
float: left;
  line-height : 10px;
  overflow: hidden;
}

#kontener_main {
  position: absolute;
  width: 1050px;
  background-image:url('obrazki/tlo_content.jpg');
  background-repeat: repeat-y;
  clear: both;
  }

#kontener_menu {
  width: 154px;
  float: left;
  margin-left: 26px;
  }

.dzial {
  width: 154px;
  height: 29px;
  background-image:url('obrazki/dzial.gif');

}

.dzial_top {
  width: 154px;
  height: 15px;
  background-image:url('obrazki/dzial_top.gif');
}

.menu {
  width: 154px;
  background-image:url('obrazki/tlo_menu.jpg');

}

.spis_menu {
  width: 154px;
  height: 100%;
  font-family:Tahoma, serif;
  color: white;
  font-size: 11px;
  padding-top: 1px;
}

div.nadrzedny {
  list-style: none outside;
  margin-left: 25px;
  padding: 0px;
  }

div.podrzedny {
  margin-left: 40px;
  padding: 0px;
  font-weight: normal;
}

#kontener_content {
  position: relative;
  width: 866px;
  float: left;
  margin-left: 4px;
}

#kontener_artykuly {
  position: relative;
  width: 745px;
  float: left;
  margin-left: 51px;
  text-align: justify;
 padding-top: 0px;
 padding-bottom: 0px;
}



#tytul_art {
 font-family: Georgia;
 font-size: 20px;
 color: #ffffff;
 font-style: italic; 
 text-align: center;
 padding-left: 10px;
 background-image:url('obrazki/tytul_art.gif');
 }

#art_top {
 width: 745px;
 height: 14px;
 padding-top: 0px;
 padding-bottom: 0px;
 background-image:url('obrazki/art_top.gif');
}

#art_tlo {
 width: 715px;
 min-height: 600px;
 font-size: 11px;
 padding-left: 15px;
 padding-right: 15px;
 padding-top: 2px;
 padding-bottom: 0px;
 background-image:url('obrazki/tlo_art.jpg');
 color: #000000;
}

#art_bottom {
 width: 745px;
 height: 14px;
 background-image:url('obrazki/art_bottom.gif');
}



#newsy_top {
  width: 842px;
  height: 53px;
  background-image:url('obrazki/news_gora.jpg');
}

#kontener_newsy {
  position: relative;
  width: 492px;
  float: left;
  margin-left: 55px;
}

#newsy_banner {
  width: 492px;
  height: 101px;
  background-image:url('obrazki/news_banner.jpg');
}

#news_belka_gora {
  width: 492px;
  height: 36px;
  background-image:url('obrazki/news_belka_gora.jpg');
}

.news_pasek {
  width: 492px;
  height: 22px;
  background-image:url('obrazki/news_pasek.jpg');
}

.tytul_newsa{
  font-family:Tahoma;
  font-weight:bold;
  color: black;
  font-size: 12px;
  margin-left: 15px;
  padding-top: 3px;
  float: left;
}

.autor_newsa{
  font-family:Tahoma;
  font-style: italic;
  color: black;
  font-size: 11px;
  padding-top: 3px;
  float: right;
}

.data_newsa{
  font-family:Tahoma;
  color: black;
  font-size: 11px;
  margin-right: 20px;
  padding-top: 3px;
  float: right;
}

p {
padding: 0px;
margin: 0px;
}

.tresc_newsa{
  font-family:Tahoma;
  color: black;
  font-size: 12px;
  margin-left: 20px;
  margin-right: 15px;
  text-align: justify;
  padding-top: 0px;
}

.komentarze{
  font-family:Tahoma;
  font-weight: bold;
  color: black;
  font-size: 12px;
  margin-left: 20px;
  margin-right: 15px;
  text-align: justify;
  float: right;
}



.news_tlo {
  width: 492px;
  background-image:url('obrazki/news_tlo.jpg');
}

.news_dol {
  width: 492px;
  height: 35px;
  background-image:url('obrazki/news_dol.jpg');
}

#nawigacja {
  width: 492px;
  background-image:url('obrazki/nawigacja_tlo.jpg');
  text-align: center;
}


#news_stopka {
  width: 492px;
  height: 33px;
  background-image:url('obrazki/news_stopka.jpg');
  clear: both;
  }

#newsy_bottom {
  width: 842px;
  height: 53px;
  background-image:url('obrazki/news_stopka2.jpg');
  clear: both;
  }

#kontener_random {
  position: relative;
  width: 190px;
  height: 200px;
  float: left;
  margin-left: 35px;
  margin-top: 10px;
  text-align: center;

}
#kontener_obrazki{
  position: relative;
  width: 710px;
  float: left;
margin-left: 35px;
  text-align: center;
 padding-top: 0px;
 padding-bottom: 0px;
}

.przerwa_pion {
 width: 45px;
 height: 180px;
 float: left;
}

.kontener_obrazki {
  width: 190px;
  height: 180px;
  float: left;
}

.losowy_screen_button {
  width: 167px;
  height: 34px;
  background-image:url('obrazki/los_screen.gif');
  margin: 0 auto;
}

.losowy_art_button {
  width: 167px;
  height: 34px;
  background-image:url('obrazki/los_art.gif');
  margin: 0 auto;
}

.ramka_gora {
  width: 190px;
  height: 14px;
  background-image:url('obrazki/ramka_gora.jpg');
  margin-top: 5px;
}

.ramka_lewa {
  width: 17px;
  height: 120px;
  background-image:url('obrazki/ramka_lewa.jpg');
  float: left;
}

.ramka_srodek {
  width: 160px;
  height: 120px;
  background-image:url('obrazki/ramka_srodek.jpg');
  float: left;
}

.ramka_prawa {
  width: 13px;
  height: 120px;
  background-image:url('obrazki/ramka_prawa.jpg');
  float: left;
}

.ramka_dol {
  width: 190px;
  height: 21px;
  background-image:url('obrazki/ramka_dol.jpg');
  clear: left;
}

.spacer_ramka {
 width: 40px;
 height: 40px;
}

.skills{
  width: 329px;
  height: 99px;
  float: left;
  margin-left: 15px;
  padding-top: 0px;
  margin-bottom: 10px;
  background-image:url('obrazki/skillbox.gif');  
}

.sk_kon1 {
width: 71px;
height: 84px;
float: left;

}

.sk_kon2 {
width: 258px;
height: 84px;
float: left;

}

.sk_ikona{
/*position: relative; */
  margin-top: 10px;
  margin-left: 10px;
  
}

p.sk_lvl{
  margin-left: 10px;
  margin-top: 3px;
  font-size: 10px;
  font-family: tahoma;
  color: white;
  }

p.sk_lvl{
*  margin-top: 7px;
  }
  
  
  
p.sk_nazwa{
/*position: relative; */
  margin-top: 5px;
  margin-left: 0px;
  margin-right: 2px;
  font-size: 12px;
  font-family: tahoma;
  font-weight: bold;
  color: black;
}

p.sk_opis{
/*position: relative; */
  margin-top: 5px;
  margin-left: 0px;
  margin-right: 2px;
  font-size: 10px;
  font-family: tahoma;
  color: black; 
}

p.sk_dane{
/*position: relative; */
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 10px;
  font-family: tahoma;
  color: black;
  text-align: center;
}

p.sk_glowny {
width: 100%;
font-family: Georgia;
font-size: 18px;
font-weight: bold; 
font-style:italic;
color: black;
text-align: center;
clear: both;
}

div#skille_tlo {
 width: 715px;
 min-height: 1980px;
 padding-left: 15px;
 padding-right: 15px;
 padding-top: 2px;
 padding-bottom: 0px;
 background-image:url('obrazki/tlo_art.jpg');
 color: #000000;
}

p.nawigacja_skille {
width: 100%;
font-family: Georgia;
font-size: 18px;
font-weight: bold; 
font-style:italic;
color: black;
text-align: justify;
clear: both;
}


/* Weaping Coast CSS */


/* START Weeping Minipage */

div#weepingcoast {
	width:707px;
	/*height:816px;*/
	padding-bottom:20px;
}


div#weepingcoast div.bg-wc-top {
	width:568px;
	min-height:860px;
	padding-top:430px;
	padding-left:70px;
	padding-right:70px;
	background-repeat:no-repeat;
}
* html div#weepingcoast div.bg-wc-top {
	width:708px;
}

div#weepingcoast div.bg-wc-mid {
  background:url('obrazki/weeping_coast/bg-wc-mid.jpg') repeat-y;
	width:708px;
}

div#weepingcoast div.bg-wc-btm {
  background:url('obrazki/weeping_coast/bg-wc-btm.jpg') no-repeat;
	width:708px;
	height:153px;
}

div#weepingcoast div.icing-wc-l {
	position:absolute;
	top:5px;
	left:9px;
	background:url('obrazki/weeping_coast/icing-wc-l.gif') no-repeat;
	width:74px;
	height:103px;
}

div#weepingcoast div.icing-wc-r {
	position:absolute;
	top:5px;
	right:14px;
	background:url('obrazki/weeping_coast/icing-wc-r.gif') no-repeat;
	width:74px;
	height:103px;
}

div#weepingcoast div.icing2-wc-r {
	position:absolute;
	top:15px;
	right:14px;
	background:url('obrazki/weeping_coast/icing2-wc-r.gif') no-repeat;
	width:46px;
	height:70px;
}

div#weepingcoast div.box1-wc {
	position:relative;
	width:460px;
}

div#weepingcoast div.box1-wc-top {
  background:url('obrazki/weeping_coast/bg-wc-box1-top_gr.gif') no-repeat;
	height:24px;
}

div#weepingcoast div.box1-wc-mid {
  background:url('obrazki/weeping_coast/bg-wc-box1-mid_gr.gif') repeat-y;
	padding-left:30px;
	padding-right:30px;
font-family:Tahoma;
  color: black;
  font-size: 12px;
	}

div#weepingcoast div.box1-wc-mid p a,
div#weepingcoast div.box1-wc-mid ul,
div#weepingcoast div.box1-wc-mid p {
	color:white;
	padding-bottom:10px;
}
div#weepingcoast div.box1-wc-mid ul {
	margin-left:20px;
}
div#weepingcoast div.box1-wc-mid p a {
	font-weight:bold;
}

div#weepingcoast div.box1-wc-btm {
  background:url('obrazki/weeping_coast/bg-wc-box1-btm_gr.gif') no-repeat;
	height:33px;
}

div#weepingcoast div.box2-wc {
	position:relative;
	width:559px; 
}

div#weepingcoast div.box2-wc-top {
  background:url('obrazki/weeping_coast/box2-wc-top.jpg') no-repeat;
	height:21px;
}

div#weepingcoast div.box2-wc-mid2,
div#weepingcoast div.box2-wc-mid {
  background:url('obrazki/weeping_coast/box2-wc-mid.jpg') repeat-y;
	padding-top:5px;
	padding-left:30px;
	padding-right:40px;
font-family:Tahoma;
  color: black;
  font-size: 12px;
	}


div#weepingcoast div.box2-wc-mid2 {
  background:url('obrazki/weeping_coast/box2-wc-mid2.jpg') repeat-y;
}

div#weepingcoast div.box2-wc-mid p,
div#weepingcoast div.box2-wc-mid2 p {
	/*color:white;*/
	padding-bottom:10px;
font-family:Tahoma;
  color: black;
  font-size: 12px;	
}

div#weepingcoast div.box2-wc-mid a,
div#weepingcoast div.box2-wc-mid2 a {
	margin-right:10px;
}
div#weepingcoast div.box2-wc-btm {
  background:url('obrazki/weeping_coast/box2-wc-btm.jpg') no-repeat;
	height:30px;
}

div#weepingcoast div.wc-head {
  width:559px;
	height:27px;
}
/* END Weeping Minipage */