body {font-family: Tahoma; font-size: 1px; text-align: center; background: white; margin-top: 5px;}

h1 {color:#304D7A; text-decoration:none; font-size:14px}

a:link, a:visited, a:active {text-decoration: none; color: #000000; font-size: 14px; font-weight: bold}
a:hover	{color: #3639a9;}	

a.design:link, a.design:visited, a.design:active {text-decoration: none; color: #CECECE; font-size: 9px; font-weight: normal}
a.design:hover	{color: #3639a9;}	

.r:link, .r:visited, .r:active {text-decoration: none; color: white; font-size: 14px; font-weight: bold}
.r:hover	{color: #3639a9;}	

.r2:link, .r2:visited, .r2:active {text-decoration: none; color: white; font-size: 14px; font-weight: bold}
.r2:hover	{color: #cc3333;}	

.p:link, .p:visited, .p:active {height: 185px; padding: 0px; background-color: #3639a9; display: block; text-decoration: none; color: white; font-size: 15px; font-weight:bold}
.p:hover	{color: white; background-color: #cc3333;}
 
#main {width: 746px; height: 913px; text-align: center; margin: 0px auto;}
#gora {width: 746px; height: 185px; clear: both;}
#menu_gora {width: 746px; height: 185px; clear: both;}
#lewa {width: 185px; height: 559px; float: left;}
#srodek {width: 559px; height: 559px; float:left; background-color: #e8e8e8; overflow: auto; font-size: 12px; text-align: justify;}
#tresc {font-size: 12px; text-align: justify; margin-top:20px; margin-left: 20px; margin-right: 20px; padding-bottom: 20px;}
.przerwa_pionowa {width: 2px; height: 559px; float:left; background-color: white;} 
.przerwa_pozioma {width: 746px; height: 2px; background-color: white; clear: both;}			 
#kwadrat_szeroki {width: 372px; height: 185px; float: left; background-color: #e8e8e8;}
.kwadrat1 {width: 185px; height: 185px; float: left;}
.kwadrat2 {width: 185px; height: 185px; background-color: #686868;}
.p_po_g {width: 185px; height: 2px; background-color: white;}
.p_p_g {width: 2px; height: 185px; float: left; background-color: white;}