body
{

background-color: #f3f3f3;
background-image:url(images/tlo2.jpg);
/*background-repeat:  repeat-x, repeat-y;*/
background-repeat:  repeat-x;
		font-family:verdana;
     font-size:10pt;
 color:black;   /* kolor czcionki */
text-align: left;
}



#kontener
{
position:relative;
/* background-color: red; */
background-color: #f3f3f3; 
width: 1024px;
/*height:768px; */
min-height: 768px;

 text-align: left;
padding-left: 0px;          /* wewnętrzny margines */
padding-right: 0px;
/*top:-8px;*/
vertical-align:top;
    font-family:verdana;
     font-size:8pt;

/* 		 border: 1px solid green; */
}


#red-left
{

position:relative;

left:0px;
top:0px;
width: 160px;
height:768px;
    min-height: 800px;


overflow:none;

    font-family:verdana;
/*		margin-top: 3px;    */
    padding-left: 10px;          /* wewnętrzny margines */
    padding-right: 10px;

text-align:left;
background-color: #c2281e; 
color:white;   /* kolor czcionki */
}


#red-left-long
{

position:relative;

left:0px;
top:0px;
width: 160px;
height:950px;
    min-height: 800px;


overflow:none;

    font-family:verdana;
/*		margin-top: 3px;    */
    padding-left: 10px;          /* wewnętrzny margines */
    padding-right: 10px;

text-align:left;
background-color: #c2281e; 
color:white;   /* kolor czcionki */
}


#red-left-vlong
{

position:relative;

left:0px;
top:0px;
width: 160px;
height:1300px;
    min-height: 800px;


overflow:none;

    font-family:verdana;
/*		margin-top: 3px;    */
    padding-left: 10px;          /* wewnętrzny margines */
    padding-right: 10px;

text-align:left;
background-color: #c2281e; 
color:white;   /* kolor czcionki */
}




#red-left-vvlong
{

position:relative;

left:0px;
top:0px;
width: 160px;
height:1680px;
    min-height: 800px;


overflow:none;

    font-family:verdana;
/*		margin-top: 3px;    */
    padding-left: 10px;          /* wewnętrzny margines */
    padding-right: 10px;

text-align:left;
background-color: #c2281e; 
color:white;   /* kolor czcionki */
}


#red-top
{

position:absolute;

left:195px;
top:130px;
width: 743px;
height:25px;
overflow:none;

    font-family:verdana;
    font-size:14pt;
/*		margin-top: 3px;    */
    padding-left: 10px;          /* wewnętrzny margines */
/*    padding-right: 10px;*/

text-align:left;
background-color: #c2281e; 
color:white;   /* kolor czcionki */
}




#menu   /* menu po lewej */

{

position:absolute;

left:0px;
top:160px;
width: 180px;
height:150px;
overflow:none;

    font-family:tahoma;
		font-weight: bold;
		font-size: 10pt;
    margin-top: 3px;
    padding-left: 10px;          /* wewnętrzny margines */
    padding-right: 10px;

text-align:left;
/* background-color: yellow; */
color:white;   /* kolor czcionki */

line-height: 160%;
}

li
{
margin-top: 6px;

}


hr
{
color:white;
}


.podmenu
{
    padding-left: 20px;          /* wewnętrzny margines */
    font-weight: normal;
		}


a:link {
	color: white;
	text-decoration:none;
}

a:visited {
	color: white;
	text-decoration:none;
}

a:active {
	background-color: yellow;
	text-decoration:none;
}

a:hover {
	color:#CCCCCC;
	text-decoration:none;
}




#tekst
{
position:absolute;

left:210px;
top:190px;
width: 600px;
height:650px;
overflow:auto;

    font-family:verdana;
    margin-top: 3px;
    padding-left: 10px;          /* wewnętrzny margines */
    padding-right: 10px;

text-align:justify;
     font-size:10pt;


}



#tekst_szeroki
{
position:absolute;

left:210px;
top:190px;
width: 700px;
/* height:600px; */
overflow:none;

    font-family:verdana;
    margin-top: 3px;
    padding-left: 10px;          /* wewnętrzny margines */
    padding-right: 10px;

text-align:justify;
     font-size:10pt;


}



#tekst_full
{
position:relative;

left:235px;
top:345px;
width: 610px;
height:405px;
overflow:auto;
text-align:justify;
    font-family:verdana;
    margin-top: 3px;
    padding-left: 10px;          /* wewnętrzny margines */
    padding-right: 10px;;>
}


#menu_ramka
{
position:absolute;

left: 231px;
top: 355px;
width: 145px;
height:360px;
overflow:none;
padding:1em; border:1px solid #ddd; margin:0 20px 10px 0;
}

#menu_zps
{
position:absolute;
border: 1px solid green; padding:10px;
left: 400px;
top: 300px;
width: 300px;
height:600px;
overflow:none;
background-color: #ffffff;
}


p.maly
{
margin-bottom:5px;
}


h2
{
    font-family:verdana;
		font-size:12pt;
}


/* always visible */
#outer .holder {padding:1em; border:1px solid #ddd; margin:0 20px 10px 0;}
#outer .holder p {padding:5px 0 0 0; margin:0;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {margin:0; padding:0;}

/* unclicked style div.more */
#outer div.more i {float:right; margin-right:-10px 10px 0 0; cursor:pointer; color:#c00; font-weight:bold;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more img {display:none;}

/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click img {display:block; float:left; padding-right:10px;}
