body,html {
    overflow-x: hidden;  

    margin:0px;
    padding:0px;
    font-family: Times New Roman;
    font-size: 12px;
    color: #000000;
    width: 100%;
    text-align: center;
    background-color: #FFFFFF; 
}

div#header { 
    width: 100%;
    height: 410px;
    background-image: url('i/header-bg4.jpg');
} 

div#main { 
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 970px;
} 

div#print {
    height: auto;
    margin-top: 15px;
    padding: 11px 0px 10px 0px;

    background-image: url('i/print-bg.gif');
    background-repeat: repeat-x;
    text-align: left;
}             

div#print a#gora {

    background-image: url('i/print-gora.gif');
    background-repeat: no-repeat;
    padding: 10px 10px 10px 15px;
    text-decoration: underline;
    color: #ba2f2f;
}

div#print a#druk {
    background-image: url('i/print-druk.gif');
    background-repeat: no-repeat;
    padding: 10px 10px 10px 15px;
    text-decoration: underline;
    color: #ba2f2f;
}

div#bottom { 
    width: 100%;
    height: 62px;
    background-image: url('i/bottom-bg.jpg');
    background-repeat: x;
} 

div#copyright {
   text-align: left;
    width: 550px;
    float: left;
    margin-left: 0px;
    margin-top: 10px;
}

div#right {
    text-align: left;
    width: 200px;
    float: left;
    margin-left: 0px;
    margin-top: 42px;
}

div#right a {
    color: #000000;  
}

div#created {
    text-align: left;
    width: 100px;
    height: 22px;
    margin-top: 18px; 
    float: right;
}

div#created img {
    border: 0px;
    float: right;
    margin-top: -5px;
}

div.width {
    margin:0px auto;
    width: 971px; 
    height: 100%;
}

div#top {
    text-align: left;
    margin:0px auto;
    width: 971px; 
    height: 100%;
  
}

div#logo {
    position: absolute; 
    margin-top: 27px; 
    width: 174px;
    height: 172px;
    z-index: 30;

}
div#logo img {   
    border: 0px;
}


div#lang {
    position: absolute;
    margin-top: 15px;
    margin-left: 885px;
}

div#lang img {   
    border: 0px;
}


div#timeline {
    margin-top: 20px;
    width: 970px;
    height: 27px;
    z-index: 0;
    background-image: url('i/timeline-bg.gif');
}

div.year {
    position: absolute;
    padding: 0px;
}

div#year1 { margin-right: 30px;}
div#year2 { margin-right: 10px;} 



div#timeline ul { 
    margin-left: 60px; 
    margin-top: 0px;
    padding: 0px;
    list-style:none;
}  

div#timeline li {
    display:inline;
    margin-right: 30px;
    padding:0;       
}

div.tip {
    text-align: center;
    vertical-align: middle;
    position: absolute; 
    width: 25px;
    min-height: 20px;
    margin-top: -8px;
}

.tip-title {
   padding-top: 5px;
   font-family: Georgia, Times New Roman;
   font-size: 14px;
   color: #2a271c;
   font-style: italic;

}

.tip-data {
   padding-top: 5px;
   font-family: Georgia, Times New Roman;
   font-size: 12px;
   color: #2a271c;
   font-style: italic;
   font-weight: bold;

}

.opis-title {
   padding-top: 5px;
   font-family: Georgia, Times New Roman;
   font-size: 14px
   color: #ffffff;
   font-style: italic;
   font-weight: bold;
   margin-bottom: 10px;

}

div#tip1 { margin-left: 55px;}
div#tip2 { margin-left: 108px;} 
div#tip3 { margin-left: 161px;} 
div#tip4 { margin-left: 210px;} 
div#tip5 { margin-left: 263px;} 
div#tip6 { margin-left: 316px;} 
div#tip7 { margin-left: 369px;} 
div#tip8 { margin-left: 422px;} 
div#tip9 { margin-left: 475px;} 
div#tip10 { margin-left: 528px;} 
div#tip11 { margin-left: 581px;} 
div#tip12 { margin-left: 634px;} 
div#tip13 { margin-left: 683px;} 
div#tip14 { margin-left: 735px;} 
div#tip15 { margin-left: 784px;} 


div#timeline img {
    border: 0px;
}

div#track {
    font-family: Georgia;
    font-size: 12px;
    font-weight: bold;
    color: #140f5e;
    margin-top: 374px;
    position: absolute;  
    width: 970px;
    height: 46px;
    z-index: 1;
}

div#track a {
    font-family: Georgia;
    font-size: 12px;
    font-weight: normal;
    color: #ba2f2f;
    text-decoration: none;
}

div#track ul { 
    margin-left: 0px; 
    margin-top: 0px;
    padding: 0px;
    list-style:none;
}  

div#track li {
    display:inline;
    margin-right: 5px;
    padding:0;       
}


/******************************************

Menu
 
*******************************************/

div#menu {
    z-index: 100;
    text-align: center;
    color: #ffffff;
    margin-top: 344px;
    position: absolute;  
    width: 970px;
    height: 46px;

}



li.menu-active a {
    font-family: Georgia;
    font-size: 12px;
    font-weight: bold;
    color: #140f5e;
    padding: 10px 7px 21px 7px;
    text-decoration: none;
    background-image: url('i/menu-link-active-bg.jpg');
    background-repeat: no-repeat;        
    background-position: right top;
}



li.menu a {
    font-family: Georgia;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 10px 7px 25px 7px;
    text-decoration: none;
    background-image: url('i/menu-sep.gif');
    background-repeat: no-repeat;        
    background-position: right top;
}

li.menu a:hover {
    background-image: url('i/menu-link-bg.gif');  
    background-repeat: repeat;
    background-position: right top;
}



a.pu {
width: 16px;
height: 32px;
background-position: top;
background-image: url('i/point-active.gif');

background-repeat: no-repeat;
padding: 0px 8px 10px 8px;
text-decoration: none;
cursor: hand;
}

a.red {
background-image: url('i/point-active2.gif');
background-repeat: no-repeat; 
text-decoration: none;
}


/******************************************

 Slider: zdjecia
 
*******************************************/

div#slider {
   margin-top: 86px;
   position: absolute;
   width:970px;
   height: 240px;
   z-index: 5;


}

.slid {
   width: 970px;
   height: 240px;
   z-index: 5;
   display: none;  
   background-color:black;
  cursor: hand; 

}

.film-top {
    position: absolute;
    filter: Alpha(Opacity=80);
    opacity: 0.8;
}

.film-bottom {
    position: absolute;
    filter: Alpha(Opacity=80);
    opacity: 0.8;
    margin-top: 224px;
}
        
        
/******************************************

 Slider: opis zdjecia
 
*******************************************/

div.opis {
    position: absolute;

    width: 300px;
    height: 200px; 
    
    font-family: Arial;
    font-size: 12px;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    margin-top: -1000px;

    
    background-color: #000000;
    text-align: justify;   
    
    filter: Alpha(Opacity=80);
    opacity: 0.8;
   z-index: 10;       
}

div.opis2 {
    position: absolute;

    
    width: 300px;
    height: 200px; 
    
    font-family: Arial;
    font-size: 12px;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    margin-top: 101px;
    
    background-color: #000000;
    text-align: justify;  
    
    filter: Alpha(Opacity=90);
    opacity: 0.9; 
    z-index: 10;      

}   

div.opis3 {
    width: 300px;
    height: auto; 
    
    font-family: Arial;
    font-size: 12px;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    margin-top: 0px;
    margin-left: 10px;
    
    background-color: #000000;
    text-align: justify;  
    
    filter: Alpha(Opacity=90);
    opacity: 0.9; 
    z-index: 10;      

}   



div.wrap {
    white-space: normal;
}    

div#oi1 { margin-left: 324px;}
div#oi2 { margin-left: 648px;} 
div#oi3 { margin-left: 324px;} 
        
div#oi4 { margin-left: 324px;}
div#oi6 { margin-left: 648px;} 
div#oi7 { margin-left: 324px;} 

div#oi8 { margin-left: 324px;}
div#oi9 { margin-left: 648px;} 
div#oi11 { margin-left: 324px;} 

div#oi12 { margin-left: 324px;}
div#oi13 { margin-left: 648px;} 
div#oi14 { margin-left: 324px;} 

div#oi15 { margin-left: 324px;}
div#oi16 { margin-left: 648px;} 
div#oi17 { margin-left: 324px;}                  
        
/******************************************

 Slider: boczne przyciski
 
*******************************************/

div#slider-left {
  margin-top: 86px;
  margin-left: -800px;
  position: absolute;
  height: 240px;
  width: 800px;
  z-index: 20;  
  background-image: url('i/foto.gif');
  background-position: right;
  filter: Alpha(Opacity=70);
  opacity: 0.7;
  
}

div#slider-right {
  margin-top: 86px;
  margin-left: 970px;
  position: absolute;
  height: 240px;
  width: 600px;
  z-index: 20;  
  background-image: url('i/foto.gif');
  background-position: left;
  filter: Alpha(Opacity=70);
  opacity: 0.7;  
}

div#slider-left img {
    border: 0px;
}
        
div#slider-right img {
    border: 0px;
}
        
a#sl {
    position: absolute; 
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    z-index: 20;   
    cursor: hand;
}

a.sl-active {
    filter: Alpha(Opacity=40);
    opacity: 0.4;
    background-image: url('i/slider-left.gif');
    background-repeat: no-repeat;
}   
        
a#sr {
    position: absolute; 
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    z-index: 20;
    cursor: hand;   
}
        
a.sr-active {
    filter: Alpha(Opacity=40);
    opacity: 0.4;
    background-image: url('i/timeline-right.gif');
    background-repeat: no-repeat;
}

/******************************************

Index - pierwsza strona
 
*******************************************/

div#info1 {
    width: 970px;
    text-align: left;
    clear: both;
    font-family: Georgia,Times New Roman;
    font-size: 12px;
    height: 280px;
    padding-bottom: 20px;
  
}

div#info p {
    margin-top: 0px;
    padding: 0px;
}

.colA {
    display: block;
    float: left;
    width: 330px;
    height: 250px;
    text-align: justify;
    margin-right: 20px;
}

.colB {
    display: block;
    float: left;
    margin-left: 0px;
    margin-right: 10px;
    width: 290px;
    height: auto;
    text-align: justify;
}

.colB p {
    width: 290px;
}

.colC {
    display: block;
    float: right;
    width: 290px;
    text-align: justify;
}

.colC p {
    width: 290px;
}


/******************************************
info3 - trzeci wierwsz pierwsza strona
*******************************************/

div#info3 {
    border-top: 1px solid #e9e9e9;
    margin-top: 10px;
    height: 300px;
    text-align: left;
    background-position: bottom;
    background-image: url('i/info3-bg.jpg');
}

div.box-start {
    display: block;
    float: left; 
    width: 300px;
}

div.box-body {
    font-family: Times New Roman;
    font-size: 14px;
    color: #000000;

    margin-top: 15px;
    height: 230px;
}                 

div.box-split {
    margin-top: 25px;
    display: block;
    float: left;
    width: 25px;
    height: 200px;
    background-color: red;
    background: url('i/box-split-bg.gif');
    background-repeat: repeat-y;
    background-position: bottom center;
}
 

/******************************************

 columnA
 
*******************************************/    

div#columnA {
   font-family: Georgia, Times New Roman;
   font-size: 14px;
   float: left;
   width: 615px;
   text-align: left;
   min-height: 360px;   
}

div#columnA img {
    background-image: url('i/photo-bg.gif');
    background-position: bottom right;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 10px;  
    margin-right: 10px;
    text-align: right;
    font-family: Tahoma;
    font-size: 11px;
    color: #7c7c7c;
}


div#columnA img.noborder {
    background-image: none;
    margin-right: 10px;
    text-align: right;
    font-family: Tahoma;
    font-size: 11px;
    color: #7c7c7c;
}


div#columnA h1 {

   font-family: Georgia, Times New Roman;
   font-size: 24px;
   color: #2a271c;
   font-weight: bold;
   font-style: italic;


}

div#columnA h2 {
   font-family: Georgia, Times New Roman;
   font-size: 24px;
   color: #5a5853;
   font-weight: bold;
   font-style: italic;

}


div#columnA a {
   font-family: Tahoma,Arial;
   font-size: 12px;
   font-weight: bold;
   color: #140f5f;
   text-decoration: none;
}

div#columnA p {
    text-align: justify;
}

.photo-tm {
    width: 320px;
    height: 240px;
    background-image: url('i/photo-bg.gif');
    background-position: bottom right;
    background-repeat: no-repeat;
    padding: 10px 10px 5px 10px;
    margin-left: 0px;  
    margin-right: 10px;
    text-align: right;
    font-family: Tahoma;
    font-size: 11px;
    color: #7c7c7c;
}

.photo-tm img {
   
}

.photo-left {
    float: left;
    background-image: url('i/photo-bg.gif');
    background-position: bottom right;
    background-repeat: no-repeat;
    padding: 10px 10px 5px 10px;  
    margin-right: 10px;
    text-align: right;
    font-family: Tahoma;
    font-size: 11px;
    color: #7c7c7c;
}

.photo-right {
    float: right;
    background-image: url('i/photo-bg.gif');
    background-position: bottom right;
    background-repeat: no-repeat;
    padding: 10px 10px 5px 10px;  
    margin-left: 10px;
    text-align: right;
    font-family: Tahoma;
    font-size: 11px;
    color: #7c7c7c;
}



div#columnA .line {
    height: 1px;
    background-color: #ebebeb;
    margin-top: 20px;
    margin-bottom: 20px;
}

div#columnA .formularz {
width: 178px;
height: 32px;

   font-family: Georgia, Times New Roman;
   font-size: 14px;
   color: #aa0000;
   font-weight: bold;
   font-style: italic;
   float:right;
   background-image: url('i/button-formularz-bg.gif');
   background-color:transparent;
    
}


        
/******************************************

 columnB
 
*******************************************/        

div#columnB {
    float: right;
    width: 331px;
    text-align: left;
    min-height: 360px;
    border: 1px solid #ebebeb;
    background-image: url('i/columnB-bg.png');
    background-repeat: no-repeat;
    background-position: top right;
    padding-bottom: 10px;
    
}

div#columnB .box {
    padding: 5px 10px 0px 10px;
    clear: both;
}


.tytul1 {
   font-family: Georgia, Times New Roman;
   font-size: 16px;
   color: #2a271c;
   font-weight: bold;
   font-style: italic;
}

.tytul2 {
   font-family: Georgia, Times New Roman;
   font-size: 14px;
   color: #aa0000;
   font-weight: bold;
   font-style: italic;
}

.data {
   font-family: Georgia, Times New Roman;
   font-size: 14px;
   color: #47453e;
   font-weight: bold;
   font-style: italic;
}

div.box-body h1 {
   font-family: Georgia, Times New Roman;
   font-size: 18px;
}

div.box-body h1#video {
        
   background-image: url('i/box-h1-video.png');
   background-repeat: no-repeat;
   padding-left: 30px; 
}

div.box-body h1#publikacje {
        
   background-image: url('i/box-h1-publikacje.png');
   background-repeat: no-repeat;
   padding-left: 30px; 
}

div.box-body  h1#zdjecia {
        
   background-image: url('i/box-h1-zdjecia.png');
   background-repeat: no-repeat;
   padding-left: 30px; 
   margin-bottom: 10px;
}

div.img-list {
    min-height: 43px;
    height: auto;
    margin: 10px 0px 0px 0px;
    text-align: center;
    clear: both;     
}

div.img-mini {
    display: block;
    float: left;
    width: 70px;
    height: 70px;
    background-image: url('i/photo-bg.gif');
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 10px;
    margin-right: 6px;

}

div.img-mini img {
    padding-left: 2px;
    padding-top: 2px;
}

div.img-video {
    margin-bottom: 20px;
    clear: both;
}

div.box div.more {
    width: 331px;
    height: 28px;
    margin-left: -10px;
    margin-right: -10px;
    background-image: url('i/more-bg.gif');    
}

div.more a {
    padding: 8px;
    margin-right: 20px;
    float: right;
    font-family: Georgia, Times New Roman;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    color: #140f5e;
    text-decoration: none;
    
    background-image: url('i/more-link-bg.gif');
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #ffffff;
}

.txt {
    display: block;
    float: left;
    background-color: #f6f6f6;
    width: 156px;
    text-align: right;
    margin-bottom: 5px;
    padding: 8px 5px 8px 0px;
}

.input {
    padding: 4px 5px 4px 0px;
}

.input input {
    width: 211px;
    margin-left: 10px;
    border: 1px solid #cecece;
}

.input textarea {
    width: 430px;
    height: 120px;
    margin-left: 10px;
    border: 1px solid #cecece;
}
/**************************************************
 Column C
**************************************************/

div#columnC {
    width: 970px;
    min-height: 580px;
    text-align: left;
}


/**************************************************
Navigation 
**************************************************/

.nav, .nav ul { 
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 100;
  position: relative;
}
.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font-family: Georgia;
  font-size: 12px;
  font-weight: bold;
  color: #58585a;
  display: block;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
}

.nav li a {
    background-image: url('i/menu-sep.gif');
    background-repeat: no-repeat;        
    background-position: right top;   

}

/* Hover gorne Menu */

#nav-one li:hover a, 
#nav-one li.sfHover a {
    background-image: url('i/menu-link-bg.gif');  
    background-repeat: repeat;
    background-position: right top;
    color: #ffffff;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background: #58585a;
  color: #ffffff;   
    filter: Alpha(Opacity=90);   
  opacity: 0.9;     
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #ffffff;
  color: #58585a;    
  filter: Alpha(Opacity=90);   
  opacity: 0.9; 
}

.nav ul {
  list-style: none;
  margin: 0;
  width: 100px;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 35px;
}
.nav ul li {
  border: 0;
  float: none;
  text-align: left;  
}
.nav ul a {
  border-bottom: 0;
  padding-right: 20px;
  width: 250px;
  white-space: nowrap;
}
.nav ul a:hover {
  background: #ccc;
  color: #000;
}

div.lista {
    min-height: 66px;
    height: auto;
    width: 612px;
    background-image: url('i/lista-bg.gif');
    background-repeat: no-repeat;
    background-position: top;
}

div.lista-data {
    float: left;
    font-family: Tahoma;
    font-size: 12px;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    padding: 10px;
    width: 74px;
    height: 45px;
}

div.lista-info {
    float: left;
    font-family: Tahoma;
    font-size: 12px;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    padding: 10px;
    width: 490px;
    height: 45px;
}

span.lista-tytul {
    font-family: Georgia;
    font-size: 21px;
    font-style: italic;
    color: #ba2f2f;
}

span.lista-autor {
    font-family: Georgia;
    font-size: 14px;
    color: #000000;
    font-style: italic; 
}

a.lista-wiecej {
    margin-right: 20px;
    float: right;
    font-family: Georgia, Times New Roman;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    color: #140f5e;
    text-decoration: none;
}

.mini-galeria {
    float: left;
    background-image: url('i/photo-bg.gif');
    background-position: bottom right;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 10px;  
    margin-right: 10px;
    margin-bottom: 10px; 
    text-align: right;
    font-family: Tahoma;
    font-size: 11px;
    color: #7c7c7c;
    border: 0px;
}

#photo {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

#ssr {
	width: 100%;
}

.ssr-slid {
   width: 100%;
   display: none;  
    background-image: url('i/info3-bg-2.jpg');
    background-repat: no-repeat;
}

div#videoPlayer {
    width: 970px;
    text-align: center;
    
}