/*body,html,p,div,table,tr,td,tbody,a,img
{
	margin:0px;
	padding:0px;
	border-style:none;
	border-width:0px;
	font-family:Verdana;
	font-size:14px;
	color:#000000;
}*/
/*
	to wyzej usuwa wszystkie margimesy odspepy
	takie moje przyzwyczajenie zeby w kazdej przegladarce zaczac od zera
	a pozniej samemu narzucac
*/

body,html
{
	background-color:#A0C0C0;
}
#top
{
	width:860px;
	height:125px;
	line-height:125px;
	color:#B0FFEF;
	border:3px solid #B0FFEF;
	font-weight:bold;
	font-size:25px;
	letter-spacing:2px;
	background-image:url('img/logo2.jpg');
	background-position:left top;
	background-repeat:no-repeat;
}
#langs
{
	width:180px;
	height:20px;
	padding:10px 0px;
	/*
	10=gora-dol    0=lewo-prawy 
	jak by byly 4 wartosci to leci to tak
	-gora -prawo -dol -lewo
	*/
}
/*

	Robie tak ze A inderpretuje jako BLOCKI czyli divy
	daje to fajny efekt ze caly bloczek jest linkiem a nie tylko napis
	ustawiam wielkosc taka jak obrazki flag
*/
#langs a
{
	display:block;
	width:32px;
	height:20px;
	float:left;
	background-position:left top;
	background-repeat:no-repeat;
	margin:0px 10px;
	border:1px solid #003333;
}
/*
	tutaj tylko roznica jaka ma sie pojawiac po najechaniu mysza
*/
#langs a:hover
{
	border:1px solid #BFFFDB;
}
/*
	osobna klasa dla osobnej flagi
	osobno wypisuje tylko roznice
	bo reszta przeciez taka sama
*/
#langs .de {background-image:url('img/de.gif');}
#langs .uk {background-image:url('img/uk.gif');}
#langs .pl {background-image:url('img/pl.gif');}

#menu
{
	/*width:511px;*/
	width:640px;
	height:38px;
	font-size:12px;
}
/*
	znowu ogolna definicja przycisku
	margin to odstep lewo prawo 6px
*/
#menu a {
	width:110px;
	height:32px;
	line-height:28px;
	display:block;
	float:left;
	margin:0px 6px;
	background-color:#DCFFFF;
	color:#009999;
	font-weight:bold;
	border:1px outset #009999;
	text-decoration:none;
}
/*
	roznica
	class'a dla linku dla strony na ktorej jestes
*/
#menu a.active {
	background-color:#BFFFDB;
}
/*
	po najechaniu myszka
*/
#menu a:hover {
	background-color:#ccee33;
}

#main {
   width:860px;
   background-color:#90c0c0;
   border: solid 2px #006666;
   border-bottom:none;  
}
#inmain {
   margin:0; padding:0; border:0;
   width:860px;
   margin:auto;
}
#spc {
   width:50px;
   margin:0; padding:0; border:0;
}
#descr {
   margin:15px; padding:0; border:0;
}
#right {
   width:300px;
   margin:0; padding:0; border:0;
   text-align:center;
}
#ind {
   margin:0; padding:0; border:0;
   width:850px;
}
#bottom {
   margin:0; padding:10px 0px 10px 0px;
   width:860px;
   text-align:left;
   font-size: 10pt; font-weight: bold; line-height:12px;
   color:#e0f0f0;
   /*background-color: #006699;*/
   background-color: #6FCAC8;
   border-top:none;
}
#logo {
   position: relative; top:0px;
   background-image:url(img/logo2.jpg);
   text-align:center;
   font-size: 22pt; font-weight: bold; line-height:125px;
   color : #b0ffef;
   width:860px;
   height:125px;
   border: solid 2px #00c0c0;
   margin: auto;
}

.top_tables {
   margin: auto;
   border-spacing : 15px;
}
.buttons {
   font-size: 13px; font-weight: bold; line-height:13px;
   height:33px;
   width:115px;
   padding:0px;
   text-align:center;
   border: outset 1px #009999;
   background-color:#DCFFFF;
   vertical-align:middle;
}
.hbutton {
   font-size: 13px; font-weight: bold; line-height:13px;
   height:33px;
   width:115px;
   padding:0px;
   text-align:center;
   border: outset 1px #009999;
   background-color:#BFFFDB;
   vertical-align:middle;
}
.text {
   background-color:#DCFFFF;
   text-align:justify;
   padding-bottom : 15px; padding-left : 15px; padding-top : 15px; padding-right : 15px;
}
.tab {
   margin:0px;
   table-layout: fixed;   
}
.image {
   border: 0px;
   padding-bottom : 15px; padding-left : 15px; padding-top : 15px; padding-right : 0px;
}
.image_sub {
   font-style : italic; 
   text-align : center;
}
.descr_img {
   margin-left:0px;
   vertical-align:middle;
}
.shrinked_img {  
}
.col_left {
  width : 49%;
}  
.col_right {
  width : 51%;
}


a         {text-decoration:none;font-weight:bold;}
a:link    {color:#009999;}
a:visited {color:#006666;}
a:active  {color:#00c0c0;background-color: #006699;}
a:hover   {color:#00c0c0;background-color: #006699;}

h6,h5,h4,h3,h2,h1 {font-weight:bold;}
h2,h1 {text-align: center;margin:6px;}
.h2p0 {font-size:16pt;margin:6px;padding:0px;font-weight:bold;}
h6 {font-size:10pt;margin:1px;}
h5 {font-size:11pt;margin:5px;}
.h5p0 {font-size:11pt;margin:5px;font-weight:bold;padding:0px;}
h4,h3 {text-align: center; font-size:12pt;margin:2px;}
.h4p0 {font-size:12pt;margin:2px;padding:0px;font-weight:bold;}
h3 {font-size:14pt;}
.h3p0 {font-size:14pt;margin:0px;padding:0px;font-weight:bold;}
h2 {font-size:16pt;}
h1 {font-size:18pt;}

table {
   border-spacing: 0px;
   border: 0;
}
td {
   vertical-align:top;
}
#sph {
   position: absolute;
   top:0px;
   left:0px;
}