html, body {
height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
}

body{
background: #000;
color: #F8F8FF;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
background-image: url("img/tlo.jpg");
background-repeat: repeat-x;
background-position: top left;
}

a:link{
color: #FF8C00;
}

a:visited{
color: #DAA520;
}

a:hover{
color: gold;
}

div#kontener{
  position: relative;
    height: auto !important;
  height: 97%;
  min-height: 97%;
  width: 900px;
  margin: 0 auto 0 auto;
  padding: 0;
  border: none;
  text-align: left;
  background: #000;
  border-left: solid #222 1px;
   border-right: solid #222 1px;
}
div#kontener div#gora{
  position: relative;
  background: #C0C0C0;
  width: 900px;
  height: 250px;
  min-height: 250px;
  max-height: 250px;
  margin: 0;
  padding: 0;
  background-image: url("img/gora.jpg");
   background-repeat: no-repeat;
   background-position: bottom center;
}

div#zima{
position: relative;
float: right;
margin: 0;
padding: 0;
  width: 675px;
  height: 244px;
  min-height: 244px;
  max-height: 244px;
}

div#kontener div#dol{
  position: relative;
  height: auto !important;
  margin: 0;
  margin-left: 1px;
  margin-right: 1px;
  padding: 0;
}
.napisFlash{
position: relative;
margin: 20px auto auto 0;
}
div#box1Left{
position: relative;
margin-top: 5px;
width: 190px;
padding: 10px;
padding-left: 20px;
background-image: url("img/bcmenu.jpg");
background-repeat: repeat-x;
background-position: left bottom;
border-top: solid #777 2px;
border-bottom: dotted #D2691E 1px;
}
div#box66Left{
position: relative;
margin-top: 2px;
width: 190px;
padding: 10px;
padding-left: 20px;
background-image: url("img/bcmenu.jpg");
background-repeat: repeat-x;
background-position: left bottom;
border-top: solid #777 2px;
border-bottom: dotted #D2691E 1px;
}
.nawigacja{
width: 180px;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
}
.nawigacja ul{
list-style-type: none;
margin: 0;
margin-top: 13px;
padding: 0;
}

.nawigacja li{
 border-bottom:  1px solid #555;
}

.nawigacja li a:link{
display: block;
padding: 5px 5px 5px 2.5em;
color: #999;
text-decoration: none;
background: url(img/lapa3.jpg) center left no-repeat;
}

.nawigacja li a:visited{
display: block;
padding: 5px 5px 5px 2.5em;
color: #999;
text-decoration: none;
background: url(img/lapa3.jpg) center left no-repeat;
}
.nawigacja li a:hover{
display: block;
padding: 5px 5px 5px 2.5em;
color: #fff;
text-decoration: none;
background: #777 url(img/lapa3.jpg) center left no-repeat;
}

div#kontener div#gora div#langMenu{
width: 200px;
text-align: center;
height: 15px;
min-height: 15px;
max-height: 15px;
padding: 0;
margin: 0;
margin-top: 10px;
}

div#kontener div#gora div#langMenu img{
border: none;
margin-left: 4px;
margin-right: 4px;
}

table.glowna{
 position: relative;
 width: 900px;
    height: auto !important;
}

table.glowna td{

margin: 0;
vertical-align: top;
}

table.glowna td.prawastrona{
padding: 10px;
width: 720px;
text-align: center;
}

div#box2Left{
position: relative;
margin-top: 10px;
width: 190px;
padding: 10px;
padding-left: 20px;
background-image: url("img/bcmenu2.jpg");
background-repeat: repeat-x;
background-position: left top;
border-top: solid #D2691E 2px;
}
p{
margin: auto;
margin-bottom: 5px;
text-indent: 0;
text-align: justify;
width: 600px;
}
h1{
font-size: 120%;
font-weight: bold;
color: #DAA520;
width: 100%;
text-align: left;
padding-left: 25px;
}

table.sendMail{
width: 400px;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
}

table.sendMail td{
background: #333;
border: solid #D2691E 1px;
text-align: left;
}
table.sendMail td.left{
width: 150px;
text-align: right;
}
table.sendMail td.center{
text-align: center;
}

.capsSend{
background: #666;
border: solid #D2691E 1px;
width: 150px;
text-align: center;
color: #fff;
font-weight: bold;
margin: 3px auto;
}

div#divFlashHome{
width: 600px;
margin: 20px auto 10px auto;
padding: 0;
}

table.tabelka{
max-width: 600px;

}
table.tabelka td{
border: solid #D2691E 1px;
background: #444;
color: #fff;
}
div#stopka{
position: relative;
    height: auto !important;
  height: 2%;
  min-height: 2%;
  width: 900px;
  max-width: 900px;
  margin: 0 auto 0 auto;
  padding: 0;
  border: none;
  text-align: left;
  background: #111;
  border-top: solid #222 1px;
  border-left: solid #222 1px;
   border-right: solid #222 1px;
    border-bottom: solid #222 8px;
	color: #888;
}

div#zakrywacz{
position: absolute;
top: 0;
left: 0;
z-index: 100;
width: 300px;
height: 22px;
max-height: 22px;
min-height: 22px;
background: red;
background: #c0c0c0;
}

div#divFlashHome{
position: relative;
width: 600px;
height: 200px;
background-color: #000;
}

ul li{
text-align: justify;
}

ol li{
text-align: justify;
}

.menuGalerii{
width: 600px;
border: solid gold 1px;
margin: 10px auto 5px auto;
padding: 5px;
background: #DAA520;
}

.menuGalerii a.gal:link{
color: #222;
font-size: 90%;
}
.menuGalerii a.gal:visited{
color: #333;
font-size: 90%;
}
.menuGalerii a.gal:hover{
color: #555;
}
	#dhtmlgoodies_slideshow{
		width:550px;	/* Total width of slideshow */
         margin: 10px auto 10px auto;

	}
	
	#previewPane{
		border:1px solid #333;
		margin-bottom:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;
        vertical-align: middle;
		position:relative;
        padding: auto;
		background: #222;
				
	}
	#previewPane img{
		line-height:400px;
		border: solid gold 2px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
	}
	#galleryContainer{
		
		height:102px;	/* Height of the images + 2 */
		border:1px solid #333;
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/102px;	/* Other browsers */
		height: /**/102px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #000;
		padding:1px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #000;
		padding:1px;		
	}
	#theImages{
		position:absolute;
		height:100px;
		left:40px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:240px;
		top:180px;
		background-color:#000;
		border: 3px double gold;
		padding: 10px;
		color:#777;
		font-size:0.9em;
		font-family:arial;
		font-style: italic;
	}
	
	#theImages .imageCaption{
		display:none;
	}

div#box3Left{
position: relative;
margin-top: 5px;
width: 190px;
padding: 10px;
padding-left: 20px;
background-image: url("img/bcmenu.jpg");
background-repeat: repeat-x;
background-position: left bottom;
border-top: solid #777 2px;
border-bottom: dotted #D2691E 1px;
color: gold;
text-align: center;
font-size: 90%;
}

p.titleAltas{
margin: auto;
width: 100%;
text-align: center;
font-weight: bold;
font-size: 130%;
padding: 0;
color: yellow;
}
p.subtitleAltas{
margin: auto;
width: 100%;
text-align: center;
padding: 0;
}

table.tableAtlasMiniatury{
position: relative;
float: left;
width: 120px;
min-width: 120px;
max-width: 120px;
height: 150px;
min-height: 150px;
max-height: 150px;
margin: 4px;
border: solid 1px #333;
border-collapse: collapse;
background: #222;
font-size: 80%;
}
table.tableAtlasMiniatury td.podpis{
width: 120px;
height: 25px;
min-height: 25px;
max-height: 25px;
padding: 0;
text-align: center;
font-style: italic;
}
table.tableAtlasMiniatury td{
height: 120px;
min-height: 120px;
max-height: 120px;
width: 120px;
vertical-align: middle;
text-align: center;
}
table.tableAtlasMiniatury td img{
border: solid 1px yellow;
}
p.gatu_lac{
text-align: center;
padding: 0;
font-style: italic;
margin: 0 0;
}
p.gatu{
text-align: center;
padding: 0;
margin: 0;
font-weight: bold;
font-size: 130%;
}
table.tableFullROslina{
width: 420px;
border: none;
margin: 10px auto;
text-align: left;
}

table.galeriaRoslina{
position: relative;
width: 500px;
margin: 10px auto;
}
table.galeriaRoslina img{
border: solid 1px #222;
}
table.galeriaRoslina td{
vertical-align: middle;
text-align: center;
}
p.text_atlas{
font-size: 90%;
text-align: center;
width: 100%;
}
/* new galerie */
table.newGal{
position: relative;
margin: 5% auto;
text-align: center;
}
table.newGal td{
padding: 15px;
background: #222;
border: solid #444 1px;
}
table.newGal td img{
border: solid 1px yellow;
margin-bottom: 4px;
}
table.newGal td a{
text-decoration: none;
}
