body {
margin: 0;
padding: 0;
}

#pierwsza {
  width: 100%;
  margin: 200px 0 0 0;
  padding: 0;
  text-align:center;
  vertical-align:middle;
/*  background: #fff url(glowna1.jpg) no-repeat fixed top left ; */
}

#druga {
  width: 305px;
/*  margin-left: auto; margin-right: auto;
  margin: 100px 0 0 0;*/
  margin: 100px auto;
  padding: 0;
  text-align:center;
  vertical-align:middle;
/* border:1px solid #0f0;*/
}

#container { 
    margin-left: auto; margin-right: auto;
	font-family: Arial, Verdana, Helvetica, Georgia, sans-serif;
	font-size: 14px;
	width: 900px;
/*	margin: 0 0 0 0;*/
	}
#xxx { 
    margin-left: auto; margin-right: auto;
	font-family: Arial, Verdana, Helvetica, Georgia, sans-serif;
	font-size: 40px;

	width: 900px;
	/*	margin: 0 0 0 0;*/
	}
	
#menu_gora
{
  float: left;
  display: inline;
  width: 765px/*70%*/;
  height: 70px;
  margin: 40px 0 0 0;
  padding: 0 0 0 20px;
  border-bottom: 8px solid #EC1E20;
  
  background-position: bottom right;
  background-repeat:no-repeat;
/* border:3px solid #0f0;*/
}

#menu_gora ul
{
margin-left: 0;
color: #7a7a7a;
float: left;
width: 100%;
padding: 30px 0 0 0/*20%*/;
}

#menu_gora ul li { display: inline; }

#menu_gora ul li a
{
padding: 0.2em 17px;
background-color: #fff;
color: #7a7a7a;
text-decoration: none;
float: left;
border-right: 1px solid #DE3751;
font-weight: bold;
}

#menu_gora ul li a:hover
{
background-color: #fff;
color: #3a3a3a;
}

#menu_gora ul li a#current
{
background-color: #fff;
color: #DE3751;
}

#menu_znak
{
 float: left;
 display: inline;
 width: 115px;
 height: 90px;
 background: #fff url(img/logo.jpg) no-repeat top right ;
 border-bottom:8px solid #EC1E20;
 margin: 20px 0 0 0; 
/* border:3px solid #00f;*/
}

/*#menu_znak_orzel
{
 float: left;
 display: inline;
 width: 115px;
 height: 90px;
 background: #fff url(../img/orzel.jpg) no-repeat top right ;


}
*/
#tlo1
{
 float: left;
 display: inline;
 margin: 4px 0 0 0;
 width: 900px;
 background: #fff url(img/tlo2.jpg) no-repeat top left ; 
 height: 165px;
 border-bottom:1px solid #EC1E20;

/* border:3px solid #f00;*/
}

#menu_puste 
{ 
 float: left;
 display: inline;
 width: 140px;
 min-height: 430px;
 margin: 20px 0 0 0;
/* border-right:1px solid #EC1E20;*/
}

#tekst_dol
{ 
 overflow: auto;
 position: relative;
 float: left;
 display: inline;
 font-family: Arial, Verdana, Helvetica, Georgia, sans-serif;
 font-size: 14px;
 width: 430px;
/* min-height: 300px;*/
 height: 435px;
 margin: 20px 0 20px 0 ;
 padding: 20px 20px 20px 20px;
 color: #7A7A7A;
 border-left:1px solid #EC1E20;
/* border-right:1px solid #EC1E20;*/
/* border:3px solid #f00;*/
}

#tekst_dol h1
{
 font-family: Arial, Verdana, Helvetica, Georgia, sans-serif;
 font-size: 20px;
}

#tekst_dol h2
{
 font-family: Arial, Verdana, Helvetica, Georgia, sans-serif;
 font-size: 14px;
}

#linia_tekst_obrazki
{ 
 float: left;
 display: inline;
 width: 3px;
 height: 300px;
 margin: 20px 0 0 0;
 /*border-left:1px solid #EC1E20;*/
}

#obrazki_dol
{ 
 float: right;
 display: inline;
 width: 270px;
 margin: 49px 0 0 0;
 padding: 0 0 0 0;
/* border:1px solid #f00; */
}

#obrazki_dol img
{
 border: 1px #7a7a7a ;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
}

#obrazki_dol p
{
 text-align:right;
}

#lista_obrazkow
{

 margin: 0 0 0 0;
 padding: 0 0 0 0;
 }

#lista_obrazkow li
{
float: right;
display: inline;
list-style-type: none;
padding: 0 0 0 13px;
}

#menu_lewe
{
 font-family: Arial, Verdana, Helvetica, Georgia, sans-serif;
 font-size: 14px;
 width: 140px;
 height: 450px;
 margin: 20px 0 0 0;
 float: left;
/* border-right:1px solid #EC1E20;*/
 padding: 20px 0 0 0;
 text-align: right;

/*background-image: url(../img/orzel.jpg);   */
background-position: bottom center;
background-repeat:no-repeat;


}

#menu_lewe ul
{
color: #7a7a7a;
}

#menu_lewe li
{
 padding: 0 20px 14px 0;
 list-style: none;
}

#menu_lewe a
{
padding: 0 0 0 0;
background-color: #fff;
color: #7a7a7a;
text-decoration: none;
text-align: center;
}

#menu_lewe a:hover
{
background-color: #fff;
color: #3a3a3a;
}

#menu_lewe a#current
{
background-color: #fff;
color: #DE3751;
}

#mycustomscroll {
	width: 290px;
	height: 450px;
	overflow: auto;
	position: relative;
	}

	.scrollgeneric
{
line-height: 1px;
font-size: 1px;
position: absolute;
}

.vscrollerbase, .vscrollerbar {
width: 10px;
top: 0px;
}

.vscrollerbar {
left: 0px;
}

.hscrollerbase, .hscrollerbar {
height: 15px;
left: 0px;
}


.hscrollerbar {
top: 0px;
}

.hscrollerbar {
top: 20px important;
}

.vscrollerbar, .hscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll base,
the padding will automatically be turned off by the script*/
padding: 5px;
/* z-index *MUST* be given, otherwise links will not be clickable
inside the div */
z-index: 2;
}

.vscrollerbarbeg {
/*top image holder for vertical scroll bar*/
background: url(images/vscroller.png) 0px -7px;
width: 10px;
height: auto;
top: 0px;
}

.vscrollerbarend {
/*bottom image holder for vertical scroll bar*/
background: url(images/vscroller.png);
width: 10px;
height: 7px;
}

.hscrollerbarbeg {
background: url(images/hscroller.png) -10px 0px;
height: 15px;
width: auto;
left: 0;
}

.hscrollerbarend {
background: url(images/hscroller.png);
height: 15px;
width: 10px;
}

/* Following are OPTIONAL */

.vscrollerbase, .hscrollerbase {
background-color: #D1DDCB;
background-image: url(images/scrollbaseback.png);

}

.hscrollerbasebeg {
left: 0px;
top: 0px;
height: 10px;
background: url(images/scrollbases.png) -22px 0px no-repeat;
}

.hscrollerbaseend {
top: 0px;
height: 10px;
width: 7px;
background: url(images/scrollbases.png) 0% 0% no-repeat;
}

.vscrollerbasebeg {
top: 0px;
width: 10px;
background: url(images/scrollbases.png) -7px -8px no-repeat;
}

.vscrollerbaseend {
height: 7px;
width: 10px;
background: url(images/scrollbases.png) -7px 0px no-repeat;
}

.scrollerjogbox {
width: 10px;
height: 10px;
bottom: 0px;
right: 0px;
background: white url(images/scrolljog.png) 50% 50%;
}