html, body 
{
	background-color: rgb(199,199,199);
	color: #000;
	margin: 0;
	padding: 0;
	font-size:11px; 
  font-family: Verdana, Tahoma, Helvetica,  Arial,  sans-serif; 
}

#TOP 
{
	width: 780px;
	background-color: rgb(255,255,180);

		
}

#NAGLOWEK 
{
	text-align: center;
  height: 154px;
  background: rgb(85,125,25) url("grafika/tlo.jpg");
  
 
}

#MENU 
{
	width: 205px;
	float: right;
	overflow: hidden;
	clear: both;
}

#TRESC 
{
	width: 565px;
	height: 100%;
	float: right;
	overflow: hidden;
	background-color: rgb(255,255,204);
	text-align:left;
	padding: 5px;

	
}

#STOPKA 
{
	clear: both;
	width: 100%;
	height: 20px;
	background-color: rgb(85,125,25);
	color: rgb(255,255,255);
	text-align: right;
	font-size:12px; 
	font-weight: bold;
  font-family: Verdana, Tahoma, Helvetica,  Arial,  sans-serif; 
  line-height: 18px;
 
}

h1 
{ 
  font-size: 20px;
  font-family: Georgia, Verdana, Tahoma;
  font-weight: bold;
  color: rgb(18,18,18);
  margin-top: 10px; 
  margin-bottom: 25px; 

}
a {color: rgb(0,102,204); text-decoration:none; font-weight:bold;}
a.autor:link, a.autor:visited {color: rgb(255,102,51); text-decoration:none; font-weight:bold;}
a.autor:hover, a.autor:active {color: rgb(255,204,0); text-decoration: underline; font-weight:bold; font-size:14px;}

a:link, a:visited {color: rgb(0,102,204); text-decoration:none; font-weight:bold;}
a:hover, a:active {color: rgb(255,102,51); text-decoration: underline; font-weight:bold;}

a.h1:link, a.h1:visited {color: #F57A00; text-decoration:none; font-weight:bold;}
a.h1:hover, a.h1:active {color: #F57A00; text-decoration:none; font-weight:bold;}

p 
{
    font-size:12px; 
    font-family: Verdana, Tahoma, Helvetica,  Arial,  sans-serif; 
    line-height: 20px;
}
p:first-letter {font-size:15px; font-weight: bold;}

#nazwa
{
    
  font-size:16px; 
	font-weight: bold;
  font-family: Georgia; 

}

span.duzy_zielony
{

font-size:12px; 
font-weight: bold; 
font-family: Verdana, Tahoma, Helvetica,  Arial,  sans-serif;
color: #9EC447;
}

span.duzy_czer
{

font-size:12px; 
font-weight: bold; 
font-family: Verdana, Tahoma, Helvetica,  Arial,  sans-serif;
color: #9F0000;
}

input.form
{
font-family: verdana; 
width:250px;
}


ul.n li 
{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.n 
{
	width: 200px;
	padding: 2px 2px 1px 2px;
	background-color: rgb(98,170,242);
	border: 2px double #F57A00;
}

ul.n li 
{
	border-bottom: 1px solid #F57A00;
}

ul a:link, ul a:visited 
{
	display: block;
	width: 176px;
	text-decoration: none;
	padding: 8px;
	font-weight: bold;
	background-color: rgb(85,125,25);
	color: rgb(255,255,204);
	border-right: 10px solid #F57A00;
}

ul a:hover 
{
	width: 156px;
	background-color: rgb(255,255,204);
	color: rgb(50,131,182); 
	border-right: 30px solid #F57A00;
}

span.duzypom{font-size:12px; font-weight: bold; color: #F57A00; font-family: Verdana, Tahoma, Helvetica,  Arial,  sans-serif; line-height: 17px;}

p.duzyb{font-size:14px; font-weight: bold; font-family: Verdana, Tahoma, Helvetica,  Arial,  sans-serif; line-height: 17px;}

#loadingPopup 
{
    background: white;
    padding: 20px;
    border: 2px solid green;
    display: none; /* hidden */
    position: fixed;    
    left: 50%;
    margin-left: -100px;
    top: 30%;
    width: 200px;
    /*height: 100px;*/
        /*margin-top: -50;*/
    font-weight: bold;
    font-size: large;
    color: black;
    text-align:center;
}

#kurs_wig20
{
    width: 300px;
    border: 2px solid red;
    display:none;

}

span.sredni{font-size:11px; font-family: Verdana, Tahoma, Helvetica,  Arial,  sans-serif; line-height: 17px;}


div.porfolio_img
{
  width:240px; 
  float:left
}

div.porfolio_text
{
  width:325px; 
  float:left; 
  margin-bottom:10px;
  
}

hr.linia
{

clear:both;
border: 1px double #F57A00; 
width: 90%;
text-align: center;
margin: 20px auto 20px auto; /* można zapisać krócej: margin: 0 auto; */

}

table.tablesorter{
    width:25px;
    height:25px;
    margin-left:3px;
    margin-top: 3px;
    cursor: pointer;
    border: 1px solid #000000;
    border-collapse: collapse;
}

th.headerSortUp {
    background-image: url(/grafika/asc.gif) !important;
    background-color: #FFFFCC;
}

th.headerSortDown {
    background-image: url(/grafika/desc.gif) !important;
    background-color: #FFFFCC;
}

th.header {
    background-image: url(/grafika/bg.gif);
    cursor: pointer;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 20px;
    border: 1px solid #000000;
    margin-left: -1px;
    background-color: #557D19;
    
    height: 25px;
}

table.tablesorter td{
    border: 1px solid #000000;
}