body{font:normal 14px "DejaVu Serif",Georgia,"Times New Roman",Times,serif; background-color: f0f0f0; padding:0; behavior:url("csshover3.htc"); }
h1{text-indent:-1em;font:bold 2em "DejaVu Sans",Verdana,Helvetica,Arial,sans-serif;margin:1em 0 0 0;padding:0 .2em;border-left:.9em solid #000;border-bottom:1px solid #000}
.note{font-size:.8em;color:#555}
.note p:first-letter{font-size:1em}
* html h1 .firstletter, h1:first-letter{color:#fff;padding-right:.1em;margin-left:-.1em}
p{line-height:1.5em;padding:0 1.5em;margin:.5em}
p:first-letter{font-size:1.5em}
h2{font:bold 1.5em "DejaVu Sans",Verdana,Helvetica,Arial,sans-serif;border-left:.9em solid #000;border-bottom:1px dashed #000}
a:link,a:visited{font-weight:normal;text-decoration:none;color:#999;}
a:hover{font-weight:normal;text-decoration:underline;color:#999}
a:active{font-weight:normal;text-decoration:none;color:#999}
.render{clear:both;margin:0 2em 0 2em;padding:.5em;font:normal .7em "DejaVu Sans",Verdana,Helvetica,Arial,sans-serif;float:right;border:1px inset #000;min-width:200px}
.render a:link{font-weight:normal;color:blue;text-decoration:underline}
.render a:visited{font-weight:normal;color:purple;text-decoration:underline}
.render a:hover{font-weight:normal;text-decoration:underline}
.render a:active{font-weight:normal;color:red;text-decoration:underline}
code{padding:0 .5em;background-color:#eee}
.code{border-left:2em solid #eee;font:normal .9em "Courier New",Courier,monospace;white-space:pre;margin:0 3em 1.2em;padding:0}

.ex1{}
.ex2{height:10em;width:10em;overflow:auto}
.ex2 ul{padding:0;margin:0;list-style:none}
.ex3{}
.ex3 ul{padding:0;margin:0;list-style:none}
.ex3 li{float:left;position:relative;width:10em}
.ex4{height:10em}
.ex4 ul{padding:0;margin:0;list-style:none}
.ex4 li{float:left;position:relative;width:10em}
.ex4 li ul{display:none;position:absolute;top:1em;left:0}
.ex5{height:10em}
.ex5 ul{padding:0;margin:0;list-style:none}
.ex5 li{float:left;position:relative;width:10em}
.ex5 li ul{display:none;position:absolute;top:1em;left:0}
.ex5 ul > li{top:auto;left:auto}
.ex5 li:hover ul{display:block}
.ex6{height:10em;width:31em}
.ex6 ul{padding:0;margin:0;list-style:none}
.ex6 li{float:left;position:relative;width:10em}
.ex6 li ul{display:none;position:absolute;top:1em;left:0}
.ex6 ul > li{top:auto;left:auto}
.ex6 li:hover ul,.ex6 li.over ul{display:block}
.ex6 #content{clear:left}
.ex6 p{line-height:1.2em;padding:0;margin:0}
.ex6 p:first-letter{font-size:inherit}

#tabela {
   border: 1px solid black;
   border-collapse: collapse;
   background-color: #ffffff;
   font-weight: lighter;
   font-family: verdana;
   font-size: 9px;
padding: 0px;
}
#tabelar2 {
border:1px dashed #a2a2a2;
   border-collapse: separate;
   background-color: white;
   font-weight: lighter;
   font-family: verdana;
   font-size: 9px;
padding: 0px;
}
#tabela2 {
   border: none;
   border-collapse: collapse;
}
#tabela td {
   border: 0px dotted black;
   padding: 0px;
   font-size: 11px;
}
td.inne {
   background-color: white;
   font-weight: bold;
   color: red;
}

td.inne22 {
   background-color: #ffffff;
   background-image url(images/bac_menu.jpg);
}
td.topmenu {
min-height: 28px
background-color: white;
   background-image: url(images/menutop.jpg);
   font-weight: normal;
   font-size: 6px;
   color: #000000;
}

td.inne2 {
   background-color: #7a7a7a; 
   font-weight: normal;
   font-size: 4px;
   color: #717171;
}
td.inne88 { 
   font-weight: normal;
   font-size: 11px;
   color: #000000;
}

td.inne3 {
   background-color: #505050;
   font-weight: normal;
   font-size: 9px;
   font-family: verdana;
   color: #FFFFF0;
}
tr.inne {
   background-color: #abbaad;
background-image url(images/bac_menu.jpg);
  
}
tr.inne2 {
   background-color: #C0C0C0;
   border: 1px dotted gray;
   font-size: 12px;
}
textarea { 
border:0; 
font-size: 11px;
color: black; 
scrollbar-arrow-color:#9B0000; 
scrollbar-base-color: white;
scrollbar-dark-shadow-color: white;
scrollbar-face-color: black;
scrollbar-shadow-color: silver;
background-color: #A0A0A0;
border-right: #505050 1px solid; 
border-top: #505050 1px solid;
border-bottom: #505050 1px solid;
border-left: #505050 1px solid; 
width: 450px;
height: 300px
}

input {
border-right: #505050 1px solid; 
border-top: #505050 1px solid;
border-bottom: #505050 1px solid;
border-left: #505050 1px solid;
border-collapse: collapse;
font-size: 11px; 
width: 450px
background-color: #A0A0A0; 
cursor: hand; 
color: black; 
font-family: tahoma,sans-serif; 
height: 19px;} 

#picture {
	float:left;
	width: 200px;
}
#picture2 {
	float:left;
   padding: 5px;
   clear: left;         
   background: #FFFFFF;         
   border: 0px solid #36393D;  
}

#picture3 {
	float:left;
   padding: 10px;         
   background: #f3f3ef;         
   border: 1px solid #36393D;  
}
#picture4 {
	float:right;
   padding: 5px;         
   background: #FFFFFF;         
   border: 1px solid #36393D;  
}




#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 5px solid #666;
	border-right: 5px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}


#cssmenu ul { margin: 0; padding: 0;}
#cssmenu li { margin: 0; padding: 0;}
#cssmenu a { margin: 0; padding: 0;}
#cssmenu ul {list-style: none;}
#cssmenu a {text-decoration: none;}
#cssmenu {height: 70px; background-color: rgb(35,35,35); box-shadow: 0px 2px 3px rgba(0,0,0,.4);}


#cssmenu > ul > li {
    float: left;
    margin-left: 15px;
    position: relative;
}

#cssmenu > ul > li > a {
    color: rgb(160,160,160);
    font-family: Verdana, 'Lucida Grande';
    font-size: 15px;
    line-height: 70px;
    padding: 15px 20px;
-webkit-transition: color .15s;
   -moz-transition: color .15s;
     -o-transition: color .15s;
        transition: color .15s;
}

#cssmenu > ul > li > a:hover {color: rgb(250,250,250); }


#cssmenu > ul > li > ul {
    opacity: 0;
    visibility: hidden;
    padding: 16px 0 20px 0;
    background-color: rgb(250,250,250);
    text-align: left;
    position: absolute;
    top: 55px;
    left: 50%;
    margin-left: -90px;
    width: 180px;
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}

#cssmenu > ul > li:hover > ul {
    opacity: 1;
    top: 65px;
    visibility: visible;
}

#cssmenu > ul > li > ul:before{
    content: '';
    display: block;
    border-color: transparent transparent rgb(250,250,250) transparent;
    border-style: solid;
    border-width: 10px;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -10px;
}

#cssmenu > ul ul > li { position: relative;}

#cssmenu ul ul a{
    color: rgb(50,50,50);
    font-family: Verdana, 'Lucida Grande';
    font-size: 13px;
    background-color: rgb(250,250,250);
    padding: 5px 8px 7px 16px;
    display: block;
-webkit-transition: background-color .1s;
   -moz-transition: background-color .1s;
     -o-transition: background-color .1s;
        transition: background-color .1s;
}

#cssmenu ul ul a:hover {background-color: rgb(240,240,240);}


#cssmenu ul ul ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -16px;
    left: 206px;
    padding: 16px 0 20px 0;
    background-color: rgb(250,250,250);
    text-align: left;
    width: 160px;
-webkit-transition: all .3s;
   -moz-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}


#cssmenu ul ul > li:hover > ul { opacity: 1; left: 196px; visibility: visible;}


#cssmenu ul ul a:hover{
    background-color: rgb(205,44,36);
    color: rgb(240,240,240);
}



#kontener {
	border: 1px solid #4b5673;
	margin: 10px auto 10px auto;
	width: 640px;
}




.galeria {
	margin: 10px;
}

.miniatury {
margin: 10px 0px;
}

.miniatury ul {
	list-style: none;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}

.miniatury li {
	display: inline; /*usuwa podwójne marginesy w IE*/
	float: left;
	margin: 0px 10px;
	padding: 0px;
}

.miniatury li a img{
	display: block;
}