/*
 ____             _     _ ____                           _
|  _ \ __ _ _ __ (_) __| / ___| _ __  _ __ ___  __ _  __| |
| |_) / _` | '_ \| |/ _` \___ \| '_ \| '__/ _ \/ _` |/ _` |
|  _ < (_| | |_) | | (_| |___) | |_) | | |  __/ (_| | (_| |
|_| \_\__,_| .__/|_|\__,_|____/| .__/|_|  \___|\__,_|\__,_|
           |_|                 |_|
*/

/*|============================|*/
/*|  Styl - Ustawienia Ogłówne  |*/
/*|============================|*/
html, body {
  height:100%;
  width: 100%;}

body, div, span, form, p, table {
  margin: 0px;
  padding: 0px;}

body {
  background: url(img/background.png) repeat-x top;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;}

td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;}

a {
  color: #000000;
  text-decoration: underline;}

a:hover {
  color: #000000;
  font-weight: bolder;
  text-decoration: none;}
  
img {
  border: 0;}


/*|=======================|*/
/*|  Styl -  Topu Strony  |*/
/*|=======================|*/
#top {
  height: 210px;}

#top #nawigacja {
  position: relative;
  height: 25px;}

#top #nawigacja #menu {
  float: left;
  width: 270px;
  padding: 5px 10px 5px 5px;}

#top #nawigacja #menu a {
  float: left;
  margin-right: 10px;}

#top #nawigacja #menu a.aktywny {
  font-weight: bolder;
  text-decoration: none;}

#top #nawigacja #logowanie {
  float: right;
  width: 410px;
  padding: 5px;
  vertical-align: top;}

#top #nawigacja #logowanie a, input{
  vertical-align: top;}

#top #logo {
  margin-top: 40px;}


/*|=================================|*/
/*|  Styl -  Część Główna Strony  |*/
/*|=================================|*/
#tresc {
  margin-top: 22px;
  width: 625px;
  margin: 0 auto;
  text-align: left;
  color: #000000;}

#upload {
  margin-top: 22px;
  width: 625px;
  margin: 0 auto;
  text-align: left;
  color: #000000;}

#tresc_pliki {
  margin-top: 20px;
  width: 730px;
  margin: 0 auto;
  text-align: center;
  color: #000000;}

#tresc .naglowek {
  padding: 10px 10px 0px 10px;
  font-weight: bolder;
  text-align: center;}

#tresc .glowna {
  padding: 2px 10px 10px 10px;
  color: #000000;
  text-align: center;}
  
#tresc #glowna input {
  font-size: 12px;}

#stopka {
  margin-top: 15px;
  height: 30px;
  color: #000000;}


/*|======================|*/
/*|  Styl -  Pomocnicze  |*/
/*|======================|*/
.czysc {
  clear: both;}

.przycisk {
  border: 1px solid #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #ffffff;
  color: #000000;
  font-size: 12px;}

.tyt_tospp {
  font-family: Tahoma;
  font-size: 15px;
  color: #000000;
  font-weight: bolder;
  text-decoration: underline;
  word-spacing: 2px;
  letter-spacing: 1px;
  text-align: center;}

.tospp {
  font-family: Tahoma;
  font-size: 11px;
  color: #000000;}
	 
/*|  Podpowiedzi  |*/
.tool-tip {
  color: #000000;
  width: 230px;
  z-index: 13000;}

.tool-title {
  font-weight: bolder;
  font-size: 11px;
  text-decoration: underline;
  font-family: tahoma;
  text-align: center;
  margin: 0;
  color: #000000;
  padding: 8px 8px 3px 8px;
  background: url(img/bg_tips.gif) top left;}

.tool-text {
  font-size: 11px;
  font-family: tahoma;
  text-align: center;
  padding: 0px 8px 8px 8px;
  background: url(img/bg_tips.gif) bottom right;}
  
/*|  Selektor Plików  |*/
.tab-wrapper {
  padding: 1px 1px; /*1em 1.5em*/
  width: 566px;
  text-align: left;
  margin: 0 auto;
  text-align: center;}

.tab-menu{
  list-style: none;
  padding: 2px 0;
  clear: both;
  line-height: 17px;
  font-size: 12px;}
.tab-menu li{
  display: inline;
  margin: 0 2px;}
	
.tab-menu li a{
  padding: 1px 5px;
  background-color: #f5f5f5;
  color: #222;
  font-weight: bold;
  text-decoration: none;}
	
.tab-menu li a:hover,
.tab-menu li a:focus{
  background-color: #FAEC8F;
  border-bottom-color: #999;}
	
.tab-menu li a:hover{
  background-color: #FAEC8F;
  border-bottom-color: #999;}
	
.tab-menu li.tab-selected a{
  background-color: #BCEC8F;}