body 	{background:#1b212e url('../images/tlo.jpg') repeat-x 0 0; color:#000000; margin:50px 0; padding:0; font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif; font-size:100%; }
p		{color:#1b212e; margin:0; padding:0 0 0px 0; }
a		{color:#1b212e; text-decoration:underline; }



#container	{margin: auto  ; text-align:center; width:780px; }
#holder		{width:100%; padding:20px 20px 5px 20px; background:#FFFFFF; text-align:left;border-top-left-radius: 40px;border-top-right-radius: 40px}
#logo		{ border-bottom:1px solid #14303a; padding:20px 20px 20px 0px; text-align:center }

#navigation	{padding:20px 0; text-align: center;border-bottom:1px solid #000000 }
#header		{background:#ffffff url('../images/loggo.jpg') no-repeat 5px 5px ; padding:20px,0px,20px,0px; height:120px; border-radius: 5px ;}
#content	{float:auto;  padding:20px 10px 0 0; line-height:160%; }
/*TU BYLA ZADYMA Z TABELKAMI PO USUNIECIU NEWSITEM - trzeba float od content probowac zmieniac i patrzec co sie dzieje
co do nazwy tabeli - napis u gory - sekcja #content h1 jest margines wstawiony 260px zeby na srodek dac*/
#news		{float:right; width:250px; padding:20px 0; line-height:140%; text-align:justify; }
.newsItem	{padding:20px 20px 5px 20px; background:#ededed; border:1px solid #0000000; font-size:90%; margin-bottom:20px; }
#footer		{background:#dadada  ;  width:100%; font-size:80%; padding:20px; text-align:left; border-top:2px solid #ceb478;border-bottom-left-radius: 10px ; border-bottom-right-radius: 10px  }
#copyright	{float:right; }

#kontakt {background:#dadada url('../images/stopka.png') no-repeat; padding:0px 20px 0px 20px ; height:0px; width:100%;}
/*headings*/
.newsItem h1	{color:#1b212e; margin:0 0 10px 0; padding:0; font-size:130%; font-weight:normal; }
#content h1		{font-size:140%; font-weight:bold; line-height:130%; margin:0; padding:0 0 20px 0px; text-align: center; color: #14303a;
    font-family: "Poppins", sans-serif;}
#logo h1		{font-weight:normal; font-size:150%; margin:0; padding:20px; color:#14303a; font-family: "Poppins", sans-serif;} 


/*navigation*/
#navigation ul 		{margin:0; padding:0; }
#navigation li 		{color:#14303a ; margin:0; padding:0; list-style:none; display:inline; font-family: "Open Sans", sans-serif;}
#navigation li:hover { color:#ceb478; text-decoration:underline;}
#navigation a		{color:#14303a; font-size:100%;padding:0 20px 0 0; text-decoration:none; font-family: "Open Sans", sans-serif;}
#navigation a:hover	{color:#ceb478; }


#footer ul 		{margin:0; padding:0; }
#footer li 		{margin:0; padding:0; list-style:none; display:inline; }
#footer a		{color:#000000; font-weight:bold; padding:0 5px 0 0; text-decoration:underline; }
#footer a:hover	{color:#000000; text-decoration:none; }


.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height:1%; }
.clearfix {display:block; }



.debet {background-color  : #F0e0e0  ; color : #ff0000; font-weight : bold; text-align : right; }
.credit{background-color  : #e0F0FF  ; color : #008000; font-weight : bold; text-align : right; }



table {
    width:auto;
  border-radius: 0.5em;
 overflow: hidden;
 /*border :1px solid black;*/


}
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
    font-family: "Open Sans", sans-serif;
    color:#14303a;
}
table#t01 tr:nth-child(even) {
    background-color: #eee;
}
table#t01 tr:nth-child(odd) {
   background-color:#fff;
}
table#t01 th	{
 padding-left : 5px;
  /*    color : #1b212e;*/ 
  color: white;
    background-color: #da3232 ;
   /*background-color: #1b212e;
    color : #ceb478;*/   
}
table#t02 th	{
 padding-left : 5px;
 /* color: white;
    background-color: #ceb478 ;*/
   background-color: #1b212e;
    color : #ceb478;  
}
th, td {
  
  /*background: #dadada;*/
  /*border-bottom: 2px solid white; */
   padding: 5px;
    text-align: left;
}


// Dokumenty Style
//body {font-family: Arial;}

/* Style the tab */
.tab {

  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;  
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: center;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #DADADA ;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #cb2730;
}

/* Style the tab content */
.tabcontent {
 text-align : center;
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}


