body
{
  font-family: verdana;
  font-size: 11px;
  background-color: #ffffff;
  margin:0 auto;
  overflow: auto;
}

div, td,  h1, h2, h3, h4, h5
{
  font-family: verdana;
  font-size: 11px;
  color: #fff;
  line-height: 16px;
}



a{text-decoration: none; color: #000;}
img{border: none; margin: 0px; padding: 0px;}
p{border: none; margin: 0px; padding: 0px;}
form{padding: 0px; margin: 0px;}

br {clear:left;}


#start {
  position:relative;
  height: 100%;
  margin:0 auto;
  width: 900px;
  z-index:5;

  }

#header
{
 position:relative;
 width: 900px;
 height: 251px;
 margin: 0px; padding: 0px;
 float: left;
}
#logo_1{float: left; width: 444px; height: 251px; margin: 0px; padding: 0px;}
#logo_2{float: left; width: 456px; height: 251px; background: url('../img/header_menu.jpg') no-repeat; margin: 0px; padding: 0px;}

ul#navigation li {
  float: left;
  margin:0;
  padding: 0px 5px 0px 5px;
  list-style:none;
  color:#D4DEF7;
  font-size: 11px;
  font-weight: bold;
  }
  
ul#navigation {
  position:absolute;
  width: 430px;
  top:210px;
  left:460px;
  margin:0;
  padding:0;
  list-style:none;
  z-index:100;
  color:#D4DEF7;
  border: solid #fff 0px;
  }

ul#navigation a{color:#D4DEF7;}


#footer
{
 position:relative;
 width: 900px;
 height: 26px;
 margin: 0px; padding: 0px;
 float: left;
 background: url('../img/background_footer.gif') repeat-x;
}
#footer p{text-align: right; color: #fff; padding: 0px; margin: 4px 10px 2px 10px;}
#footer a{color: #fff;}
/*SRODEK START*/
#contener{
  float: left;
  width: 900px;
  background: #fff;
  background: url('../img/background_contener.gif') repeat-y;
}

/*Left*/
#contener_1{
  float: left;
  width: 614px;
}

#contener_1 .title{float: left; margin: 22px 0px 0px 0px; width: 614px;  background: #fff; color: #323232;}
#contener_1 .title h1{color: #323232; margin: 0px 0px 0px 0px; padding: 5px 15px 5px 20px; }

#contener_1 .text{float: left; margin: 10px 15px 10px 15px; width: 595px;  color: #676767;}
#contener_1 .text p{color: #676767; margin: 0px; padding: 5px 25px 5px 15px; }

/*Right*/
#contener_2{
  float: left;
  width: 286px;
  background: #fff;
}
#contact_right{float: left; width: 286px; background: url('../img/background_right.gif') repeat-y; margin: 0px; padding: 0px;}
#contact_right p{color: #676767; margin: 0px; padding: 2px 10px 2px 40px;}
#contact_right h1{color: #676767; margin: 0px; padding: 2px 10px 2px 40px; font-weight: bold; font-size: 12px;}



.area{border: solid #000 1px; background: #fff; padding: 2px;}
.rejestracja{
 color: #000;
}

.rejestracja .text_1{width: 250px; color: #000; text-align: right; padding: 2px;}
.rejestracja .text_2{width: 300px; color: #000; text-align: left; padding: 2px;}
.rejestracja .text_2 input{border: solid #000 1px; background: #fff; padding: 2px;}

.rejestracja .text_3{width: 550px; color: #000; text-align: center; font-weight: bold;}


/* galeria */
/*GALERIA str glowna START*/
.galeria_kat
{
  font-family: Verdana, Tahoma;
  font-size: 11px;
  color: #fff;
  padding-left: 10px;
  float: left;
  width: 557px;

}

.galeria_kat .tytul{float: left; width: 500px; height: 20px; }
.galeria_kat .tytul .text{padding: 4px 0px 0px 10px; color: #fff; text-align: left; font-weight: bold;}
.galeria_kat .tytul .text a{color: #fff;}

.galeria_kat .fotka{float: left; width: 220px; height: 200px; border: solid #fff 0px; padding: 0px 0px 0px 0px; margin: 10px 20px 10px 20px; }
.galeria_kat .fotka .plik{float: left; width: 220px;  text-align: center; padding: 0px; margin: 0px; }
.galeria_kat .fotka .podpis{ text-align: center; width: 220px; padding: 4px 0px 4px 0px; }
.galeria_kat .fotka .podpis a{color: #fff;}
.galeria_kat .fotka .podpis a:hover{color: #fff;}
.galeria_kat .fotka .opis{float: left; font-size: 10px; color: #fff; text-align: left;  padding: 8px 5px 4px 5px;}
.galeria_kat .fotka .plik img{ border: solid #fff 1px;}
.galeria_kat  .odstep {float: left; height: 10px; width: 500px; padding: 0px; margin: 0px;}
/*GALERIA str glowna END*/



/*GALERIA listowanie START*/
.galeria_list
{
  font-family: Verdana, Tahoma;
  font-size: 11px;
  color: #fff;
  padding-left: 10px;
  float: left;
}

.galeria_list .tytul{float: left; width: 500px; height: 20px;}
.galeria_list .tytul .text{padding: 4px 0px 0px 10px; color: #fff; text-align: left; font-weight: bold;}
.galeria_list .tytul .text a{color: #fff;}

.galeria_list .fotka{float: left; width: 220px; height: 200px; border: solid #f2f2f2 0px; padding: 0px 0px 0px 0px; margin: 10px 20px 10px 20px;}
.galeria_list .fotka .plik{float: left; width: 220px;  text-align: center; padding: 0px; margin: 0px; }
.galeria_list .fotka .podpis{ text-align: center; width: 220px; padding: 4px 0px 4px 0px; }
.galeria_list .fotka .podpis a{color: #fff;}
.galeria_list .fotka .podpis a:hover{color: #fff;}
.galeria_list .fotka .opis{float: left; font-size: 10px; color: #C0C0C0; text-align: left;  padding: 8px 5px 4px 5px;}

.galeria_list  .odstep {height: 10px; padding: 0px; margin: 0px;}
/*GALERIA listowanie END*/



/* interstital */

#interContainer{
position: absolute;
width: 670px; /*Width of interstitial box*/
left: 0;
top: 0;
padding: 15px;
padding-top: 0;
background-color: #F8F8F8;
border: 0px solid black;
visibility: hidden;
z-index: 6;
}

#interContainer .headerbar{ /*CSS for header bar of interstitial box*/
color: gray;
padding: 5px 0;
text-align: right;
}

#interContainer .headerbar a{ /*CSS for header bar links of interstitial box*/
font-size: 120%;
text-decoration: none;
}


#interContent{ /*CSS for div that holds the content to show*/
border: 0px solid gray;

background-color: #FFFFFF;
}

#interVeil{ /*CSS for background veil that covers entire page while interstitial box is visible*/
position: absolute;
background: #0099CC; /*telko przezroczyste*/
right: 0;
width: 10px;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=70);
opacity: 0.8;
}