﻿body 
{background: #d7e1dc; }

#page
{width: 1150px; margin: auto; font-size: 8pt; font-family: tahoma; background: #88aa99;}

#baner			
{width: 1150px; height: 160px; background: #d7e1dc; float:left;}

#logo1			
{width: 150px; height: 150px; border:#8a9 1px solid; margin-left: 9px; margin-right: 9px; float:left;}

#logo2			
{width: 980px; height: 150px; border:#8a9 0px solid; float:left;}

#logo3			
{width: 980px; height: 100px; border:#8a9 0px solid; float:left;}

#logo4			
{width: 978px; height: 53px; padding-top:5px; background: #eeeeba; border:#8a9 1px solid; color:#880015; font-size:36px; font-weight:bold; font-family: "Bookman Old Style"; float:left;}


.baner img
{width: 1150px; float:left; border: #8a9 0px solid; text-decoration: none;}

#reklamy 
{width: 210px; padding: 20px 10px; float:left;}

#reklamy .link 
{background: #b7cabd; margin-bottom: 5px;}

#reklamy img
{border: #8a9 0px solid; display: block; color: #844; text-decoration: none;}

#reklamy a
{border: #8a9 1px solid; display: block; color: #844; text-decoration: none;}

hr 
{height: 1px; background-color:#999; border-width:0px;}

#menu 
{width: 150px; padding: 20px 10px; float:left;}

#menu .link 
{background: #b7cabd; margin-bottom: 3px;}

#menu span 
{display: block; font-weight: bold; text-align: center;}

#menu a
{border: #8a9 1px solid; display: block; color: #844; text-decoration: none;}

#menu img
{border: #8a9 0px solid; display: block; color: #844; text-decoration: none;}

.b1 
{border: #b5cabf 1px solid; border-left-color: #afc7bb; border-right-color: #608673; border-bottom-color: #5a7e6c;}

.b2 
{border: #a5beb1 1px solid; border-left-color: #a0bcae; border-right-color: #749c88; border-bottom-color: #6c9782;}

.b3 
{border: #6c9782 1px solid; border-left-color: #749c88; border-right-color: #a0bcae; border-bottom-color: #a5beb1;}

.b4 
{border: #5a7e6c 1px solid; border-left-color: #608673; border-right-color: #afc7bb; border-bottom-color: #b5cabf;}

.a1
{border: #8a9 1px solid; padding: 2px 0px; background: #698572; color: #ff6; height: 16px;}

.a2
{border: #d1ddd5 1px solid; border-left-color: #d0ddd4; border-right-color: #5f6962; border-bottom-color: #5f6962;}

.a3
{border: #c9d7cd 1px solid; border-left-color: #c8d6dd; border-right-color: #7c8980; border-bottom-color: #7c8980; }

.a4
{border: #c0d0c5 1px solid; border-left-color: #bfd0c5; border-right-color: #9aaa9f; border-bottom-color: #9aaa9f; padding-top: 1px; padding-bottom: 1px; height: 16px; cursor:pointer;}

#menu a:hover
{background: #a2baaa; color: #511;}

a:hover .a2
{border: #5f6962 1px solid; border-left-color: #5f6962; border-right-color: #d0ddd4; border-bottom-color: #d1ddd5;}

a:hover .a3
{border: #7c8980 1px solid; border-left-color: #7c8980; border-right-color: #c8d6dd; border-bottom-color: #c9d7cd;}

a:hover .a4
{border: #9aaa9f 1px solid; border-left-color: #9aaa9f; border-right-color: #bfd0c5; border-bottom-color: #c0d0c5; padding-top: 2px; padding-bottom: 0px;}

#window			
{width: 700px; height: 710px; background: #eeffe8; text-align: justify; padding: 0px 25px; float:left; overflow:auto;}

#metryka
{width: 700px; float:left;}

#wynik
{width: 700px; float:left;}

#kolumna 
{width: 340px; float:left;}

#punktacja 
{width: 700px; float:left;}

#window .hd0
{color: #800; font-size: 20pt; font-weight: bold; margin-top: 20px;}

#window .hd
{color: #800; font-size: 11pt; font-weight: bold; margin-top: 20px;}

#window .hd1
{color: #800; font-size: 16pt; font-weight: bold; margin-top: 20px;}

#window .hd2
{color: #f00; font-size: 11pt; font-weight: bold; margin-top: 20px;}

#window .lk4
{color: #aaa; font-size: 11pt; text-decoration: none; font-weight: bold; cursor:pointer;}

#window .lk4:hover
{color: #0a0;}

#window .lk8
{color: #aaa; font-size: 11pt; text-decoration: none; font-weight: bold; cursor:pointer;}

#window .lk8:hover
{color: #800;}

#window .lk6
{color: #00f; font-size: 11px; text-decoration: none; font-weight: bold; cursor:pointer;}

#window .lk6:hover
{color: #f00;}

#window .lk9
{color: #090; text-decoration: none; font-weight: bold; cursor:pointer;}

#window .lk9:hover
{color: #f00;}

#window .d0
{width: 700px; float:left;}

#window .d
{width:120px; float:left;}

.p1
{color: #060; font-weight: bold;}

.p2
{ font-size:14px}

.sp1
{background: #eedc76;}

.sp2
{background: #c4e1ff;}

.sp3
{background: #a9ffa9;}

.sp4
{background: #fed4ba;}

.sp5
{background: #ffcfcf;}

.sp6
{background: #bfefff;}


.tb td
{border: #8a9 1px solid; text-align:center; font-size:9px; }

.tb1 td
{border: #8a9 1px solid; text-align:center; font-size:12px; }

.th
{font-size:12px; text-align:left; border: #8a9 3px solid; border-collapse:collapse;}

.th td
{padding-left: 5px;}

.th1
{border: #8a9 2px solid; border-bottom: #8a9 4px double; text-align:center; font-weight: bold;}

.th2
{border: #8a9 2px solid; border-bottom: 0px; text-align:center;}

.th3
{border: #8a9 2px solid; border-top: 0px; border-bottom: 0px; text-align:center;}

.th4
{border: #8a9 2px solid; border-top: 0px; text-align:center;}



.th6
{border: #8a9 2px solid; border-bottom: #8a9 1px solid;}

.th7
{border: #8a9 2px solid; border-bottom: #8a9 1px solid; border-top: #8a9 1px solid;}

.th8
{border: #8a9 2px solid; border-top: #8a9 1px solid;}



#window p
{line-height: 1.4em; text-decoration: none;}

#window a
{text-decoration: none;}

#window .lk
{color: #00f; text-decoration: none; font-weight: bold; cursor:pointer;}

#window .lk:hover
{color: #f00;}

#window .lk:visited
{color: #00f;}

#window .lk1
{color: #700; text-decoration: none; font-weight: bold;  }

#window .lk1:hover
{color: #000;}

#window .lk2
{color: #700; text-decoration: none; font-weight: bold;}

#window .lk2:hover
{color: #f00;}

#window .lk3
{color: #090; text-decoration: none; font-weight: bold;}

#window .lk3:hover
{color: #f00;}

#window .lk5
{color: #070; text-decoration: none; font-weight: bold;}

#window .lk5:hover
{color: #f00;}

#window .lk7
{color: #009; text-decoration: none; font-weight: bold;}

#window .lk7:hover
{color: #f09;}


#window img
{border: #8a9 0px solid; display: block; color: #844; text-decoration: none;}

span.lk0
{color: #00f; font-weight: bold;}

span.lk0:hover
{color: #000;}

span.lk0:visited
{color: #00f;}

#row0
{width: 680px; height: 120px; float: left;}

#row
{width: 680px; height: 120px; float: left;}

#pic
{width: 135px; height: 100px; float: left;} 

#pic img
{border: #080 1px solid; padding: 3px;} 

#pic img:hover, #pic a:hover
{background: #f30;} 



#bottom 
{width: 1150px; height: 24px; border-top: #88aa99 1px solid; background: #eeb; clear: left; padding-top: 8px; text-align: center;}

#bottom a, #bottom a:visited
{color: #00f; text-decoration: none; font-weight: bold;}

#bottom a:hover
{color: #f00;}
