@charset "utf-8";
/* CSS Document */

div#kontener {
width: 1024px;
margin: 0 auto;
text-align:justify;
margin-top: 0;
}

body{
background-color:black;
background-image:url('../img/tlo_slonko.jpg');
background-repeat:no-repeat;
text-align: center;
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
padding: 10px 0 0 10px;
margin: 0;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
padding: 0 0 0 10px;
margin: 0;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
padding: 10px 10px;
margin: 0;
color:#000066;
}

/* ----------------  NAGLOWEK -----------------*/
div#naglowek {
background: url('../img/main_left.jpg') no-repeat;
height: 150px;
width:350px;
float:left;
}

div#nag_sub {
background-image:url("../img/banner_right_top.jpg");
height: 150px;
width: 674px;
float:right;
}


/* ----------------  MENU -----------------*/
div#menu {
background:url("../img/tlonap2.gif") no-repeat;
height: 31px;
width: 1024px;
float:left;
}

div#menu ul{
list-style-type: none;	
text-align: left;
font-size: 10pt;
margin: 0;
padding: 0 0 0 0;
}

div#menu ul li{
display: inline;
text-decoration: none;
color: white;
padding: 0px 29px 3px 29px;
}


div#menu a{
text-decoration: none;
color: white;
height: 31px;
}

div#menu a:hover{
background-color:#6633FF;
}

div#menu li:hover {
padding: 0px 29px 3px 29px;
}
/* NAVIGATOR */
#nav li {
  float: left;
  position: relative;
  width: auto;
}
  
li ul {
  display: none;
  position: absolute;
  top:27px;
  left:0px;
}
  
#nav li:hover ul, li.over ul {
display: block;
}


#nav a:hover {
background-color:#6633FF;
}

.tabi {
			
			border-right-style:solid;
			border-color: white;
			border-width: thin;
            cursor: pointer;
            float: left;
            clear: none;
            width: 120px;
            height: 24px;
            line-height: 26px;
            text-align: center;
			margin-top: 2px;
         }
		 
		 
.tabi:hover {
background-color:#6633FF;
padding: 0px 29px 1px 29px;
}	
/* ----------------  TRESC -----------------*/
div#tresc {
background-color: white;
height: auto;
overflow:hidden;
float:left;
}

div#tresc p {
margin: 10px 15px 15px 10px;
}

div#tresc ul {
list-style-type:none;
}

div#blachy {
padding: 0 10px;
}

/* ----------------  TRESC TABELA -----------------*/
.tab {
width: auto;
margin: 0 auto;
padding: 0 0;
text-align: center;
}


.tab tr td {
padding: 30px 5px;
width: auto;
vertical-align: bottom;
font-size: 8pt;
}


.won_tab {
width: auto;
margin: 0 auto;
padding: 0 0;
padding-top: 50px;
text-align: center;
}

.won_tab tr td {
padding: 10px 50px;
width: auto;
vertical-align:bottom;
font-size: 8pt;
}
.tab2 {
width: 800px;
margin: 0 auto;
margin-top:20px;
text-align:center;
vertical-align: bottom;
}

.tab3 {
float: right;
width:450px;
margin: 0;
padding: 0 5px;
text-align:center;
}

.tab4 {
width: auto;
margin: 0 auto;
text-align: center;
font-size: 8pt;
}
.tab4 td{
padding: 3px 8px;
}

.tab5 {
width: 980px;
margin: 0 auto;
margin-top: 20px;
text-align:center;
}

.tabzanety {
max-width: 980px;
text-align:left;
font-size: 8pt;
margin: 0 auto;
padding: 30px 0 0;
}

.tabzanety td {
width: 180px;;
padding: 0 50px 15px 50px;
vertical-align: text-top;
}

.tabdipy {
max-width: 980px;
text-align:left;
font-size: 8pt;
margin: 0 auto;
padding: 20px 0 0;
}

.tabdipy td {
width: 100px;;
padding: 0 30px 15px 30px;
vertical-align: text-top;
}

.cent {
text-align: center;
}


/* ----------------  TRESC LEWA-----------------*/
.div_libo {
width: 115px;
float:left;
font-weight:bold;
text-align:left;
}

.div_li a {
float:left;
width:97px;
text-align:left;
}

div#tl {
height:auto;
width: 1024px;
background-color:#DCE0FC;
color:black;
font-size:11px;
}
div#tl ul {
padding: 2px 0px 2px 0px;
margin: 0;
}

div#tl ul li{
display: inline;
padding: 0 8px 0 8px;
text-align:left;
}
div#tl a {
text-decoration:none;
color:black;
}

div#tl a:hover {
color:#CC00CC;
}
div#tll {
width: 200px;
height:200px;
float:left;
}
div#prezentacja {
float: left;
width: 824px;
height: 200px;
}

/* NAVIGATOR */
#nav li {
  float: left;
  position: relative;
  width: 200px;
  text-align:left;
}
  
#nav li ul {
  display: none;
  position: absolute;
  top:16px;
  padding-left:0;
}
  
#nav li:hover ul, li.over ul {
display: block;
}

#nav2 li a {
text-decoration: none;
color: black;
}
#nav2 li{
position: relative;
background-color:  white;
width:200px;
height:auto;
font-size: 9pt;
}
/* ----------------  TRESC PRAWA-----------------*/
div#tr {
float:right;
width: 1024px;
max-height: 590px;
overflow: auto;
}
/* ----------------  ZDJ -----------------*/
div#zdj {
text-align: center;
overflow: auto;
height: auto;
font-size: 8pt;
padding: 0 0;
}


/* ----------------  STOPKA -----------------*/
div#stopka {
background: url('../img/tlonap2.gif') no-repeat;
height: 31px;
width: 1024px;
float:left;
}

div#stopka p {
margin-left: 400px;
font-size: 8pt;
display:inline;
color: white;
}

div#stopka img {
margin-left: 5px;
border: 0;
padding: 0 4px;
margin-top: 7px;
}
/* ------------------------------ */
#numer {
width: 600px;
margin: 0 auto;
padding: 20px 20px;
text-align: center;
}
#num{
font-size: 14pt;
}

.wob{
font-size:12px;
font-style:italic;
padding-left:10px;
}
.bold1{
font-weight: bold;
font-size:10pt;
}

.bold2{
font-size: 8pt;
font-weight:bold;
}

.bold3{
font-size: 8pt;
font-weight:bold;
padding-bottom: 10px;
}

.bold4{
font-size: 8pt;
font-weight:bold;
}

.bolddb{
font-size: 9pt;
font-weight: bold;
color: white;
background-color:#000066;
}


div.img, .tekst, .tabela {
float:left;
padding: 10px 0;
}

.tekst {
width: 250px;
text-align: left;
}

.tekst ul li {
list-style-type:disc;
}

.tabela {
float: right;
}

div.img{
width:230px;
padding-left: 10px;
}

div.hakimain {
width: 980px; 
height: auto; 
margin: 0 auto; 
padding: 0;
margin-left: 10px;
}

div.hakihead {
height: auto;
width: 980px; 
text-align: left;
}

div.hakilewa {
width: 300px;  
text-align:center;
float: left;
}


div.hakiprawa {
width: 680px; 
float: left;
padding-bottom: 40px;
}

div.img{
width:230px;
}



div.tabelakol {
width: 990px;
float: left;
padding: 0 0 50px;
}

div.sub {
float: left;
width:980px;
padding:0 0 0 10px;
margin:0;
}

.tcg {
background-color:#CCCCCC;
}

div.zan {
font-size: 8pt;
padding-left: 30px;
}

div.zan ul {
padding: 5px;
}

div.haki {
float:left;
}

.tabelahaki {
margin: 0 auto;
text-align: center;
font-size: 8pt;
}

.tabelahaki td {
vertical-align: top;
width: auto;
padding: 10px 10px;
}

.menukol li{
font-size: 9px;
list-style-type:none;
}


.kolcent {
text-align: left;
width: 1000px;
height: 600px;
}

.kolhead h1{
font-size: 18px;
}

.kololista {
text-align:left;
width: 240px;
float: left;
padding: 230px 0 0 0; 
font-size: 12px;
}
.kololista li {
list-style-type:disc;
}

.fleft {
float: left;
width: 980px;
margin-top: 40px;
text-align:justify;
}

.dfl {
float: left;
text-align:center;
margin-left: 20px;
width: 290px;
}
.dfl1 {
float: left;
text-align:center;
}

#zylkinew {
color:red; 
font-weight:bold;
}

.margi {
margin-left: 10px;
}