body{
  margin:0;
  padding:0;
  background: #fff;
}
/**
================================================================================
	część nagłówek oraz część treści część nagłówka 
	zawiera się w id head w tym znaczniku jest górny pasek headre oraz 
	head_image w którym jest właściwy baner oraz menu_hor w którym będzie 
	się znajdowało menu
================================================================================
*/
div#head{
  background-color: #5e5b4f;
  position: relative;
  top: 0;
  width: 100%;
  height: 250px;
  margin: auto;
  border-bottom: 4px solid #a50000;
  padding: 0;
  z-index: 1;		
}
div#header{
  background: transparent;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 21px;
  border-top: 1px solid #a50000;
  z-index:3;
}
div#header div{
  background: transparent url('../images/pasek.png') repeat-x;
  border: 0;
  padding: 0;
  margin: auto;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: 832px;
  height: 20px;
  z-index: 4;
}
img{
  border: 0;
  padding: 0;
  margin: 0;
}
#home{
  position: relative;
  top: 1px;
  left: 10px;
}
#kontakt{
  position: relative;
  top: 1px;
  left: 780px;
}
div#head_image{
  background: transparent url('../images/baner.png') no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 832px;
  height: 250px;
  margin: auto;
  z-index: 2;
}
div#menu_hor{
  background: transparent url('../images/pod_baner.png') no-repeat;
  position: absolute;
  top: 254px;
  left: 0;
  right: 0;
  width: 832px;
  height: 100px;
  margin: auto;
  z-index: 2;
}
/**
================================================================================
	scieżka nad menu pokazująca z na jakiej podstronie się właśnie 
	znajduje user
================================================================================
*/
div#sciezka{
  position: relative;
  top: 7px;
  left: 20px;
  padding: 0;
  margin: 0;
}
div#sciezka a:hover{
  text-decoration: underline;
}
div#sciezka span{
  padding-right: 7px;
}
/**
================================================================================
	właściwe menu jako lista umieszczona w [div id=menu_hor/menu_pierwszy]
	zakończona div id=menu_ostatni
================================================================================
*/
ul#menu{
  background: transparent;
  display: block;
  position: relative;
  left: 20px;	
  top: 0;
  width: 500px;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 45px;
  z-index: 3;
}
ul#menu li{
  background: transparent url('../images/tlo_li.png') repeat-x;
  float: left;
  margin: 0;
  padding: 0;
  height: 45px;
  text-align: center;
  display: list-item;
  border-left: 1px solid #8b887c;
  z-index: 4;
}
ul#menu li:first-child{
  border: none;
}
div#menu_pierwszy{
  background: transparent url('../images/tlo_li_pierwszy.png') no-repeat;
  position: relative;
  top: 50px;
  left: 40px;
  padding: 0;
  height: 45px;
  z-index: 4;
}
div#menu_ostatni{
  background: transparent url('../images/tlo_li_ostatni.png') no-repeat;
  position: relative;
  top: -45px;
  left: 486px;
  float: left;
  padding: 0;
  width: 20px;
  height: 45px;
  z-index: 4;
}
ul#menu a{
  text-decoration: none;
  color: #cccccc;
  font-weight:bold;
  font-size: 14px;
  font-family: Tahoma;
}
ul#menu a:hover
{
    text-decoration: underline;
    color: #545245;
}
ul#menu span{
  display: block;
  height: 100%;
  padding: 17px 13px 0 13px;
}
/**
================================================================================
	część główna strony znajdująca sie w znacznikach contener
================================================================================
*/
div#contener{
  position: relative;
  min-height: 360px;
  margin: auto;
  margin-top: 110px;
  width: 832px;  
}
div#content{
  width: 800px;
  min-height: 350px;
  margin: 0 30px 0 0;
  padding: 5px 0 10px 0;
}
ul#tbl{
  background: transparent;
  display: block;
  position: absolute;
  left: 10px;	
  top: 50px;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 200px;
  z-index: 3;
}
ul#tbl li{
  background: transparent url('../images/punkt_1.png') no-repeat;
  background-position: 2px 50%;
  margin: 0;
  padding: 13px 0 0 20px;
  height: 35px;
  text-align: center;
  display: block;
  z-index: 4;
  text-align: left;
  border-bottom: 1px solid #a50000;
}
ul#tbl li:hover{
  background: transparent url('../images/punkt_2.png') no-repeat;
  background-position: 2px 50%;
}
ul#tbl a{
  text-decoration: none;
  color: #545245;
  font-weight: 500;
  font-size: 12px;
  font-family: Tahoma;
}
ul#tbl a:hover{
  text-decoration: underline;
}
div#cont_cont{
  background: #fdfdfc;
  border-top: 1px solid #e6e2d5;
  border-bottom: 2px solid #e6e2d5;
  width: 500px;
  min-height: 300px;
  padding: 20px;
  margin: 20px 80px 20px 250px;
}
div#cont_cont ul{
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 20px;
  text-align:justify;
}
/**
================================================================================
	część główna strony img z nazwą strony
================================================================================
*/
div#nazwa{
  background: transparent;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 25px;
  min-height: 350px;
  z-index: 3;
}
div#nazwa img{
  border: none;
  padding: 0;
  margin: 0;
  z-index: 4;
}

/**
================================================================================
	stopka
================================================================================
*/
div#footer{
  background-color: #5e5b4f;
  width: 100%;
  height: 200px;
  border-top: 2px solid #a50000;
  z-index: 2;
}
div#contfooter{
  background: transparent;
  margin: auto;
  width: 832px;
  z-index: 3;
}
ul#nawfoot{
  background: transparent;
  display: block;
  height: 120px;
  position: relative;
  left: 0;	
  top: 10px;
  list-style: none;
  margin: 0;
  padding: 25px 10px;
  width: 150px;
  z-index: 4;
  border-left: 1px dashed #ccc;
  float: left;
}
ul#nawfoot li{
  width: 140px;
  height: 30px;
  margin: 0;
}
div#rightfoot{
  margin: 5px 0 5px 300px;
  width: 530px;
  height: 150px;
  padding-top: 40px;
  z-index: 5;
  text-align: right;
}
p#xhtml-valid,
p#css-valid,
p#copy{
  display: block;
  position: static;
  right: 0;
}
p#xhtml-valid{
  bottom: 60px;
}
p#css-valid{
  top: 20px;  
}
p#copy{
  top: 10px;	
}
/**
================================================================================
	formatowanie tekstu
================================================================================
*/
.foot{
  text-align: left;
  font-family: Tahoma;
  font-size: 11px;
  color: #ccc;
  text-decoration: none;
  font-weight: normal;
}
.small{
  text-align: left;
  font-family: Tahoma;
  font-size: 10px;
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
}
textarea,
input{
  background-color: #ffffff;
  border: 2px solid #e6e2d5;
  width: 200px;
}
textarea{
  width: 300px;
  height: 150px; 
  margin-left: 8px;
}
input[type=submit]{
  width: 65px;
  margin-left: 355px;
}
label{
  padding-right: 20px;
}
textarea,
input,
label,
.text{
  text-align: left;
  font-family: Tahoma;
  font-size: 12px;
  color: #545245;
  text-decoration: none;
  font-weight: 500;
  line-height: 25px;
}
.text_just{
  text-align: justify;
  font-family: Tahoma;
  font-size: 12px;
  color: #545245;
  font-weight: 500;
  line-height: 25px;
}
.text a:hover{
  text-decoration: underline;
}
.text_just a{
  text-decoration: underline;
  font-family: Tahoma;
  font-size: 12px;
  color: #545245;
  font-weight: 600;
  line-height: 25px;
}
input#email{
  margin-left: 65px;
}
h1,
h3{
  text-align: left;
  font-family: verdena, Tahoma;
  font-size: 20px;
  color: #a50000;
  text-decoration: underline;
  font-weight: 700;
  padding: 0 0 20px 0;
}