* {
font-family : Verdana, Trebuchet, Helvetica, Tahoma, Sans-Serif;
}
html {
margin : 0;
padding : 0;
font-size : 12px;
}
body {
color : #990000;
margin : 0;
padding : 0;
background-color : #ffeaca;
background-image : url(Images/ch21.jpg);

}
#kontener {
width : 758px !important;
width : 760px;
top : 10px;
margin : 0 auto 25px auto;
text-align : left;
position : relative;
padding : 0 0 10px 0;
}
#naglowek {
	width: 100%;
	height: 142px;
	min-height: 142px;
/*	background-image: url(Images/gora.jpg);
	background-repeat: no-repeat;*/
}
#prawa {
float : right;
width : 116px;
height : auto !important;
height : 100px;
min-height : 100px;
display : inline;
margin : 10px 0;
}
#srodek {
float : right;
width : 498px !important;
width : 500px;
height : auto !important;
height : 150px;
min-height : 150px;
display : inline;
margin : 10px 11px;
text-align : justify;
}
#srodek2 {
float : right;
width : 618px !important;
width : 618px;
height : auto !important;
height : 150px;
min-height : 150px;
display : inline;
margin : 10px 0 11px 0;
}
#srodek3 {
float : right;
width : 100%;
height : auto !important;
height : 150px;
min-height : 150px;
display : inline;
margin : 10px 0 11px 0;
}
div .tekst {
text-align : justify;
padding : 10px 8px;
height : auto !important;
height : 10px;
min-height : 10px;
}
div .cytat1 {
width : 308px !important;
width : 310px;
margin : 0 40px 30px auto;
text-align : left;
position : relative;
font-style : italic;
}
div .cytat {
width : 110px;
padding : 10px 2px;
text-align : justify;
font-size : 11px;
position : relative;
}

ul.poziom li {
display: inline;
}

div .zawartosc {
background-color : #ffeaca;
border : 1px solid #990000;
width : auto;
height : auto !important;
height : 52px;
min-height : 52px;
position : relative;
margin : 15px 0 5px 0;
}
#lewa {
float : left;
width : 120px;
height : auto !important;
height : 100px;
min-height : 100px;
display : inline;
margin : 10px 0;
}
#stopka {
background-color : #deb887;
background-image : url(Images/naglowekm.gif);
clear : both;
width : 758px !important;
width : 760px;
height : 30px;
border : 1px solid #990000;
font-size : 11px;
margin : auto;
text-align : center;
}
div .stopka2 {
height : auto !important;
height : 10px;
min-height : 10px;
font : 11px Tahoma;
border-top : 1px solid #990000;
padding : 5px 2px;
text-align : right;
}
#menu {
background-color : #deb887;
background-image : url(Images/naglowekm.gif);
top : 102px;
left : 0;
width : 100%;
height : 40px;
position : absolute;
border : 1px solid #990000;
text-align : center;
font-size:12px;
font-weight:bold;
line-height:19px;
}

h1, h2 {
background-color : #deb887;
font-size : 1.1em;
text-transform : none;
font-weight : bold;
padding : 2px 0 2px 0;
margin : 0 0 -6px 0;
background-image : url(Images/naglowek2.gif);
border-bottom : 1px solid #990000;
text-align : center;
}
h1.drugi {
background-image : url(Images/naglowek1.gif);
}
h2 {
background-image : url(Images/naglowek2.gif);
}
h2.drugi {
background-image : url(Images/naglowek1.gif);
}
h2.trzeci {
background-image : url(Images/naglowek3.gif);
}
p.wprowadzenie:first-letter { 
color: red; 
font-family: 'Georgia', 
serif; font-size: 310%; 
float: left 
}

p.wprowadzenie1:first-letter { 
color : red;
font-size : 1.5em;
}


p.podkreslenie {
text-align : center;

font-weight : bold;
border-bottom : 1px solid #990000;
margin : 10px 0 20px 0;
}
a:link {
color : #990000;
text-decoration : none;
}
a:visited {
color : #990000;
text-decoration : none;
}
a:hover {
color : red;
text-decoration : none;
}
a:active {
color : red;
text-decoration : none;
background-color : white;
}
div .menu1 {
padding : 3px;
font-size : 11px;
margin : 3px;
}
div .menu1 ul {
list-style : none;
margin : 0;
padding : 0;
}
div .menu1 li {
padding : 0;
text-align : center;
}
div .menu1 li a {
display : block;
text-decoration : none;
width : 100%;
border-top : 1px solid #990000;
}
div .menu1 li a:hover {
color : red;
border-top : 1px solid #990000;
}
.box, .box1, .box2 {
width : 107px;
padding : 2px;
margin : 4px 5px 10px 2px !important;
margin : 4px 4px 10px 2px;
height : auto !important;
height : 152px;
min-height : 152px;
float : left;
overflow : visible;
border : 1px solid #ffeaca;
}
.box1 {
height : auto !important;
height : 115px;
min-height : 115px;
}
.box2 {
height : auto !important;
height : 165px;
min-height : 165px;
}
.box img {
margin : 0 0 5px 0;
display : block;
padding : 2px;
border : 1px solid #990000;
background : #ffeaca;
width : 100px;
height : 100px;
}
.box1 img {
margin : 0 0 5px 0;
display : block;
padding : 2px;
border : 1px solid #990000;
background : #ffeaca;
width : 100px;
height : 100px;
}
.box2 img {
margin : 0 0 5px 0;
display : block;
padding : 2px;
border : 1px solid #990000;
background : #ffeaca;
width : 100px;
height : 100px;
}
.box h2 {
font : 11px Tahoma;
color : #990000;
padding : 0;
margin : 0 0 4px 0;
height : 52px;
border : 1px solid #990000;
}
.box2 h2 {
font : 11px Tahoma;
color : #990000;
padding : 0;
margin : 0 0 4px 0;
height : 118px !important;
height : 115px;
min-height : 118px;
border : 1px solid #990000;
}
fieldset {
border : 1px solid #990000;
width : 715px !important;
width : 730px;
padding : 10px 10px 5px;
}
legend {
font-weight : bold;
margin : 5px;
}
.linia {
clear : both;
}
#panorama {
float : right;
width : 615px !important;
width : 615px;
height : auto !important;
height : 150px;
min-height : 150px;
margin : 0 auto 15px auto;
text-align : center;
padding : 40px 0 10px 0;
}
ol.lista {
	list-style-type: upper-roman;
}
ol.lista ol {
	list-style-type: decimal;
}
ol.lista ol ol {
	list-style-type: lower-alpha;
}
 .ramka
{
float: left;
width: 265px;
margin: 0 auto 20px 10px;
padding: 5px;
}
 .ramka1
{
float: right;
width: 265px;
margin: 0 auto 20px 10px;
padding: 15px;
font-size: 15px;
font-weight: bold;
	margin: auto;
	text-align: center;
}
 .ramka2
{
float: right;
width: 265px;
margin: 0 auto 20px 10px;
padding: 15px;
font-size: 12px;
font-style: italic;
color: Red;
	margin: auto;
	text-align: center;
}
.linia { clear: both; }

.box3 img {
	margin: auto;
	display: block;
	padding: auto;}