body {
	font-family: Arial, Helvetica, sans-serif;background-color:#5854A1;
	text-align:center;
}
#page {
	width:1020px; margin-left:auto; margin-right:auto;
}
#tabela_11 {
	float:left;
	width:220px;
}
#tabela_12 {
	float:left;
	width:800px;
}
#tabela_21 {
	float:left;
	vertical-align:top;
}
#tabela_22 {
    width:800px;
	float:left;
	text-align:left;
	font-size:14px
}
#tabela_22 p {
font-size:14px;
margin-left:20px;
}
#tabela_22 h1{
}
#tabela_22 h2{
font-size:16px;
margin-left:20px;
}
#tabela_22 pre{
font-size:14px;
margin-left:20px;
}
.tytul 
{   color:#C5C5C8;
    text-align: center;  }
#tabela_menu {text-align:left; color:#C5C5C8;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	float:inherit;
}
#tabela_menu {
width:218px;
float:left;
}
.menu_text{
font-weight:bold;
display:block;
}
.menu_button{
clear:both;
display:block;
}
#tabela_menu2 {text-align:left; color:#C5C5C8;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	float:inherit;
}
#tabela_stopka {text-align:left; color:#C5C5C8;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	float:inherit;
}
#tabela_menu a:link{color:#C5C5C8; text-decoration:none } 
#tabela_menu a:visited{color:#C5C5C8; text-decoration:none}
#tabela_menu a:hover{color:#ececec; background:#15106A; text-decoration:underline}

a:link{color:#C5C5C8; text-decoration:none } 
a:visited{color:#C5C5C8; text-decoration:none}
a:hover{color:#ECECEC; background:#15106A; text-decoration:underline}

#hiperlacza_nostyle a:link{color:blue ; text-decoration:underline } 
#hiperlacza_nostyle a:visited{color:blue; text-decoration:underline}
#hiperlacza_nostyle a:hover{color:blue; text-decoration:underline; background:transparent}

#hiperlacza_style a:link{color:white; font-family:Courier; text-decoration:none; font-size:14pt}
#hiperlacza_style a:visited{color:white; font-family:Courier; text-decoration:none; font-size:14pt}
#hiperlacza_style a:hover{color:red; background:none; font-family:Courier; text-decoration:underline; font-size:14pt}

#header {
	float:right;
}
#footer {
	width:1018px; margin-left:auto; margin-right:auto;
	color:#C5C5C8;
}
.footer_autor {
/*	clear:left; */
	width:884px;
	float:left;
	text-align:left;
}
.footer_grafika {
	width:120px;
	float:left;
	text-align:right;
}
.kol_kol{width:180px; height:60px;}
.kol_podpis{font-weight:400;font-size:large}
#tabela_galeria {
	width:798px;
	border-width:0px;
	border-spacing:10px;
}
#transition-transform{
	background-color:red;
	width:800px;
	margin-right:auto;
	margin-left:auto;
}
#col2{
   background-color:#C5C5C8;
   width: 388px;
   float: left;
   position: relative;
   border:1px;
   padding:5px;
   margin:0px 0px 2px 2px;
   height: 546px;
}
#col4{
   background-color:#C5C5C8;
   width: 388px;
   float: left;
   position: relative;
   border:1px;
   padding:5px;
   margin:0px 0px 2px 2px;
   height: 546px;
}
.zoom
{
  height: 100%;
  overflow: hidden; 
}
.foto_lewy
{
  height: 100%;
  width: 100%;
  transition:0.85s;
  transform-origin:25% 10%;
}
.foto_prawy
{
  height: 100%;
  width: 100%;
  transition:0.85s;
  transform-origin:100% 15%;
}
.foto_lewy:hover
{
  transform:scale(1.6,1.35);
}
.foto_prawy:hover
{
  transform:scale(1.45,1.7);
}