@media screen {

body, html {
margin: 0px;
padding: 0px;
}

body {
background: 0 0 url('gfx/back_frag.png') repeat black;
}

.c_main {
/* glowny kontener - zawiera wszystko */
width: 766px;
border-left: black 2px solid;
border-right: black 2px solid;
background-color: rgb(245,248,248);
}

.header {
display: block;
width: 100%;
height: 200px;

background: top left url('gfx/head.png') no-repeat rgb(0,0,0);

padding-bottom: 1px;
margin: 0px;
}

.header a {
display: block;
width: 100%;
height: 200px;
}

.replacedTxt {display: none;}

a img {
  border: none;
}
/************* NAVIGATION ****************/
/* menu */
.c_left {
width: 187px;
float: left;

margin-top: 35px;

background-color: transparent;
color: black;
}

.c_left ul {
list-style-type: none;

padding: 0px;

margin-left: 20px;
}

.c_left ul li {
font-family: 'georgia', 'dejavu serif', 'times new roman', serif;
font-size: 13px;
font-weight: bold;
background: 0 100% url('gfx/delim.png') no-repeat transparent;

width: 147px;
margin-top: 12px;
padding-bottom: 12px;
padding-left: 20px;
}

.c_left ul li a {
color: rgb(79,80,80);
text-decoration: none;
text-transform: uppercase;
}

.c_left ul li a:hover {
color: rgb(130,59,58);
}

.initial {
color: rgb(130,59,58);
background-color: transparent;
}

.c_left ul li.last {
background-image: none;
}
/* koniec menu */

html > body .w3img {
background: 0 100% url('gfx/delim.png') no-repeat transparent;
padding-left: 34px;
padding-right: 33px;
padding-bottom: 16px;
margin-top: 75px;
margin-left: 20px;
margin-bottom: 13px;
height: 15px;
}

.w3img + .w3img {
background: none;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 5px;
}

.w3img a {
display: block;
height: 15px;
width: 80px;
}

/* hacks for IE */
* html .c_left .top_w3img {
background: 0 100% url('gfx/delim.png') no-repeat transparent;
margin-top: 75px;
margin-bottom: 13px;
padding-bottom: 12px;
height: 15px;
}

* html .w3img {
padding-left: 34px;
padding-right: 33px;
padding-bottom: 1px;
margin-left: 20px;
height: 15px;
}
/* end of hacks */

a#ff {background: 0 0 url('gfx/get_firefox.png') no-repeat;}
a#ff:hover {background: 0 0 url('gfx/ff.png') no-repeat;}

a#xhtml {background: 0 0 url('gfx/valid_xhtml.png') no-repeat;}
a#xhtml:hover {background: 0 0 url('gfx/xhtml.png') no-repeat;}

a#css {background: 0 0 url('gfx/valid_css.png') no-repeat;}
a#css:hover {background: 0 0 url('gfx/css.png') no-repeat;}

a#spam_poison {background: 0 0 url('gfx/spam_poison.png') no-repeat;}
a#spam_poison:hover {background: 0 0 url('gfx/spam_poison_hover.png') no-repeat;}

html > body .lang_select {
width: 40px;
position: relative;
left: 720px;
top: -195px;

text-align: center;
}

.lang_select a {
color: rgb(79,80,80);
text-decoration: none;
}

.lang_select a:hover {
color: rgb(130,59,58);  
border-bottom: 1px dotted;
}

/* hacks for IE */
* html .c_left .lang_select {
padding-left: 34px;
padding-right: 33px;
margin-top: 25px;
margin-left: 20px;
margin-right: 20px;
text-align: center;
}
/* end of hacks */

/*************** KONIEC NAVIGATION ******************/


/********** .c_bottom I JEGO ZAWARTOSC ***************
 * czyli: pozycjonowanie dolnego kontenera i tresci */

.c_bottom {
height: 1%; /* IE hack, settin hasLayout to True */
overflow: hidden; /* in conjunction with height: auto; causes element to grow even when filled with floated elements */

position: relative;
top: -20px; /* compensate for the flag container */

margin-top: 0px;
padding-bottom: 80px;
padding-right: 4px;

background: 0 0 url('gfx/back_menu.png') rgb(245,248,248) repeat-x;
}

html > body .c_bottom {
height: auto;
padding-right: 0px;
margin-top: 0px;
}

.c_content {
margin-top: 0px;
padding-top: 50px;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 0px;

background: 0 0 url('gfx/back_line_ie.png') repeat-y transparent;

float: right;
width: 475px;
margin-right: 20px;
display: inline; /* IE hack */
}

html > body .c_content {
background: 0 0 url('gfx/back_line.png') repeat-y transparent;
}

.c_content div#shadow_bottom {
display: block;
height: 0px;
background: 0 0 url('gfx/bottom_line.png') no-repeat white;
margin-bottom: -13px;
margin-top: 70px;
margin-left: -40px;
margin-right: -40px;
}

html > body .c_content div#shadow_bottom {
height: 6px;
margin-bottom: 0px;
}

/********************** KONIEC ***********************
 ********** .c_bottom I JEGO ZAWARTOSC **************/

/************** TEXT PROPERTIES *********************/

.c_content h1 {font-size: 27px/*32px*/;}
.c_content h2 {font-size: 20px/*24px*/;}
.c_content h3 {font-size: 18px/*20px*/;}
.c_content h4 {font-size: 16px/*16px*/;}
.c_content h5 {font-size: 13px/*13px*/;}
.c_content h6 {font-size: 11px/*11px*/;}

.c_content h1, .c_content h2, .c_content h3, .c_content h4, .c_content h5, .c_content h6 {
font-family: 'Trebuchet MS', sans-serif;
color: #AAA;
border-bottom: 1px dotted #ccc;
}

.c_content h1 {
border-bottom: 1px solid #AAA;
}

.c_content {
color: #666;
/*font-family: 'Trebuchet MS', sans-serif;*/
font-family: verdana, helvetica, tahoma, arial, 'Trebuchet MS', sans-serif;
font-size: 13px;
}

.c_content a {
color: #9B8B5B;
text-decoration: none;
border-bottom: 1px dotted;
}

/* zzz2
.c_content a:visited {color: #666;}*/
.c_content a:hover {background-color: #F9F8F2;}

/********************** KONIEC **********************
 ***************** TEXT PROPERTIES *****************/

/************* wyglad strony 'home' ****************/

.c_content #b_container {
  height: 100%;
  overflow: hidden;
}

.c_content #b_container a {
  padding: 0;
  margin: 0;

  color: #aaa;
  border: none;
  text-decoration: none;
}

.c_content #b_container a:hover {
  color: #9F6563;
  background-color: #fff;
}

.c_content #b_container a img {
  border: 3px solid #ddd;
}

.c_content #b_container a:hover img {
  border-color: #CFA9A8;
}

.c_content #b_scenery, .c_content #b_technology, .c_content #b_tutorials, .c_content #b_links {
  width: 220px;
  height: 140px;
  margin: 0 0 10px 0;

  font-family: georgia, 'Times New Roman', serif;
  font-size: 27px;
}

.c_content #b_scenery, .c_content #b_technology {
  float: left;
  margin-left: 7px;
}

.c_content #b_tutorials, .c_content #b_links {
  float: right;
}

/********************* KONIEC ***********************
************* wyglad dstrony 'home' ****************/

/****** wyglad menu 'scenerii' i 'tutoriali' *******/

.cnt_menu {
list-style-type: none;
padding-left: 10px;
padding-right: 50px;
}

html > body .cnt_menu {
padding-left: 50px;
}

.cnt_menu img {
float: right;
border: 1px solid #9B8B5B;
margin-left: 5px;
}

.cnt_menu a:hover img {
background-color: #F9F8F2;
}

.cnt_menu li {
height: 1px;
margin-bottom: 35px;
}

html > body .cnt_menu li {
overflow: hidden;
height: auto;
}

.cnt_menu li h1, .cnt_menu li h2, .cnt_menu li h3, .cnt_menu li h4, .cnt_menu li h5, .cnt_menu li h6 {
border: none;
margin: 0 0 0.6em 0;
}

/* zzz - ten wpis jest powiazany z wpisem 'zzz2' w TEXT PROPERTIES - zajrzyj tam
.cnt_menu a {
color: #9B8B5B !important;
}
*/

/********************* KONIEC ***********************
 ****** wyglad menu 'scenerii' i 'tutoriali' *******/

/*********** wyglad podstrony 'scenerii' ***********/
span.h_shadow {
font-weight: normal;
font-family: georgia, 'Times New Roman', serif;
font-size: 2em;
color: #dedede;

float: right;
margin-top: -1em;
}

html > body span.h_shadow {
position: absolute;
bottom: 0px;
right: 0px;
margin-top: 0em;
}

h1.h_shadow {
overflow: visible;
}

html > body h1.h_shadow {
position: relative;
top: 0px;
left: 0px;
}

img.inline_thumb {
border: 1px solid #9B8B5B;
margin: 0 10px 4px 0;
float: left;
}

img.thumb {
border: 1px solid #9B8B5B;
float: left;
margin: 2px;
}

a.thumb, a.inline_thumb {
border: none;
}

a.thumb:hover {
background-color: transparent;
}

a.thumb:hover img {
background-color: #F9F8F2;
}

div.thumb_grouper {
margin-top:	 10px;
margin-left: 25px;
height: 1%;
}

div.big_thumb_grouper {
margin-top:	 20px;
margin-left: 35px;
height: 1%;
}

html > body div.thumb_grouper, html > body div.big_thumb_grouper {
height: auto;
overflow: hidden;
}

/*div.thumb_grouper:after { /* ten chytry hack spelnia funkcje podobna do overflow: hidden; i height: auto; *//*
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}*/

/********************* KONIEC ***********************
 *********** wyglad podstrony 'scenerii' ***********/

/************* wyglad podstrony 'info' *************/
ol.newsbox {
list-style-type: none;
padding: 0px;
margin: 0px;
}

ol.newsbox li {
margin-top: 1em;
margin-bottom: 1em;
}

ol.newsbox li span {
font-weight: bold;
color: #aaa;
}
/********************* KONIEC ***********************
 ************* wyglad podstrony 'info' *************/

/************* wyglad podstrony 'linkownia' *************/
ul.link_list {
list-style-type: none;
padding: 0;
margin: 0;
}

h4.link_title {
margin: 1ex 0 1ex 0;
}

ul.link_list h4 a {
border-bottom: 1px dotted #9B8B5B;
}

ul.link_list img {
display: block;
border: 1px solid #9B8B5B;
}

ul.link_list li {
margin: 0 0 6ex 0;
}

ul.link_list a {
border: none;
}

ul.link_list h1, ul.link_list h2, ul.link_list h3, ul.link_list h4, ul.link_list h5, ul.link_list h6 {
border: none;
}
/********************* KONIEC ***********************
************* wyglad podstrony 'linkownia' *************/

}