body            {font-family: Verdana, Arial, Helvetica, sans-serif; margin:0;  
}
#ofirmie        {text-align: justify; position:absolute; width: 100%; height:100%; padding: 10%; background-image: url('page/gfx/pk2.jpg'); overflow: scroll;}
p               {font-size: 12px; text-indent: 30px;}
h1              {font-size: 12px; text-weight: bold;}

body            {font-family: Verdana, Arial, Helvetica, sans-serif; margin:0;}
#container {top: 0px; left: 0px; width: 100%; height: 100%; background-color: #fff;}

/* sekcja swapa */

#swap01 {background-image: url('grafika/niemiecki1.jpg'); width: 31px; height: 23px}
#swap02 {background-image: url('grafika/angielski1.jpg');	width: 31px; height: 23px}
#swap03 {background-image: url('grafika/polski1.jpg'); width: 31px; height: 23px}
#swap04 {background-image: url('grafika/hiszpanski1.jpg'); width: 31px; height: 23px}
#swap05 {background-image: url('grafika/francja1.jpg'); width: 31px; height: 23px}
#swap06 {background-image: url('grafika/rosja1.jpg'); width: 31px; height: 23px}

.rollover {display: block;}
.rollover img {width: 100%; height: 100%; border: 0px none;}
.rollover:hover {visibility: visible;}
.rollover:hover img {visibility: hidden;}
#flagi a {float: left;}

/* strona powitalna */

#zielonetlo_home {position: absolute; top: 0px; left: 0px; width: 300px; border: none; background: #12573a; height: 100%;}
#bottomblock {position: absolute; left: 0px; bottom: 0; height: 90px; width: 100%; background: #d6c99c;}
#flagi {position: absolute; top: 500px; left: 140px; width: 120px;}
#pic1  {position: absolute; top: 80px; left: 620px;}
#pic2  {position: absolute; top: 215px; left: 550px;}
#pic3  {position: absolute; top: 350px; left: 430px;}


#napis  {position: absolute; top: 4px; left: 49px;}
#blacha {position: absolute; top: 80px; left: 86px;}
.zielona {
	position: absolute;
	top:  60px;
	left: 80px;
	width: 827px;
	height: 4px;
	background-color: #5fa488;
	padding: 0px;
	margin: 0px;
	overflow: scroll;
}
.bordowa {
	position: absolute;
	top: 480px;
	left: 80px;
	width: 827px;
	height: 4px;
	background-color: #b35766;
	overflow: scroll;
}

p               {font-size: 12px; text-indent: 30px; padding: 0;}
h1              {font-size: 12px; text-weight: bold;}





/* Narazie */
#container
{width: 100%; margin: 0px auto; background-color: #fff; color: #333; line-height: 130%; }

#top h1
{padding: 0; margin: 0;}

#leftnav
{float: left; width: 200px; margin: 0; padding: 1em; background: #12573a; height: auto;}

#rightnav
{float: right; width: 10px; margin: 0; padding: 1em;}

#content
{margin-left: 200px; margin-right: 10px; padding: 1em; max-width: 36em; text-align: justify;}

#footer
{clear: both; margin: 0; color: #333; background-color: #d6c99c;}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }