/*
kolor tła: #fefefe
główny kolor: #1e4e79 

kolory WARIANTU:
aktywny 1: #5b9bd5 (np tło wiersza tabeli)
aktywny 2: #759fcc (drugi schemat)
aktywny 3: #41719c (mocniejsza wersja 1) (przycisk z białą czcionką, obramowanie tabeli itp)
aktywny 4: #bdd0e9 (słabsza wersja 2 - kolor wyłączonych)
wyróżniony: #ed7d31 (pomarańcz) (kolor wyróżnienia pól aktywnych)
wyróżniony 2: #70ad47 (zielony) (kolor przycisków)
wyróżniony 3: #fec000 (żółty) (kolor wyróżnienia komunikatów)
*/
@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

body {
margin: 40px 0px 0px 0px;
font-family: Calibri; 
font-size: 12pt; 
background-color: #fefefe;
color: #1e4e79;
}

p {
margin:0px 0px 2px 0px;
}

a , a:visited {
color: #1e4e79;
font-weight:bold;
text-decoration: none;
}

a:hover {
color: #fec000;
}

a:active {
color: #ed7d31;
}

a.ukryj:link, a.ukryj:visited, a.ukryj:hover, a.ukryj:active {
color: #ed7d31;
text-decoration: none;
}

table {
border-collapse:collapse;
border: 1px solid #5b9bd5;
background-color: #fefefe;
padding: 2px;
margin: 2px;
font-family: Calibri; 
font-size: 12pt;
vertical-align:middle;
color: #1e4e79;
}

/*td {
padding: 2px;
margin: 2px;
vertical-align:middle;
border: 1px dashed #5b9bd5;
}*/

td {
padding: 2px;
margin: 2px;
vertical-align:top;
border: 0px none;
}

th {
padding: 2px;
margin: 2px;
vertical-align:middle;
text-align: center;
background-color: #bdd0e9;
color: #1e4e79;
font-weight: bold;
font-size: 14pt;
}

#none tr {
border-collapse:collapse;
border: 1px solid #5b9bd5;
background-color: #fefefe;
padding: 2px;
margin: 2px;
font-family: Calibri; 
font-size: 12pt;
vertical-align:middle;
color: #1e4e79;
}

tr.dane {
border-collapse:collapse;
border: 1px solid #5b9bd5;
background-color: #fefefe;
padding: 2px;
margin: 2px;
font-family: Calibri; 
font-size: 12pt;
vertical-align:middle;
color: #1e4e79;
}

tr.dane:hover {
border-collapse:collapse;
border: 1px solid #5b9bd5;
background-color: #5b9bd5;
padding: 2px;
margin: 2px;
font-family: Calibri; 
font-size: 12pt;
vertical-align:middle;
color: #ffffff;
cursor: pointer;
}

th.link {
cursor:pointer;
}

th.link:hover {
color: #fec000;
background-color: #759fcc;
}

table.main{
border: 0px none;
width: 100%;
height: 100%;
}
tr.main{
border: 0px none;
}
td.main{
border: 0px none;
}
th.main{
border: 0px none;
}

h3 {
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
border-bottom: 2px solid #fec000; /*#ed7d31; pomarańcz*/
color: #ed7d31; /*#70ad47;*/
font-weight: bold;
font-size: 14pt;
font-family: Calibri;
}

input[type=text] , select, textarea {
border: 1px solid #759fcc;
font-size:12pt;
font-family: Calibri;
color: #1e4e79;
background-color: #fefefe;
}

input[type=text]:focus , select:focus {
border: 1px solid #ed7d31;
color: black;
font-size:12pt;
font-family: Calibri;
background-color: #ffffff; /*#fec000;*/
}

input[type=text]:disabled , select:disabled{
border: 1px solid #bdd0e9;
color: #bdd0e9;
font-size:12pt;
font-family: Calibri;
}

input[type=password] {
border: 1px solid #759fcc;
font-size:12pt;
font-family: Calibri;
color: #1e4e79;
background-color: #fefefe;
}

input[type=password]:disabled {
border: 1px solid #ed7d31;
color: black;
font-size:12pt;
font-family: Calibri;
color: #1e4e79;
background-color: #fefefe;
}

input[type=password]:active {
border: 1px solid #ed7d31;
color: black;
font-size:12pt;
font-family: Calibri;
background-color: #1e4e79;
}

input[type=button], input[type=button].menu {
cursor:pointer;
border: #70ad47 1px outset;
padding: 2px 20px 2px 20px;
color: #ffffff;
font-weight: bold;
font-size:12pt;
font-family: Calibri;
background-color: #70ad47;
}

input[type=button]:hover {
color: #fec000;
font-size:12pt;
font-weight: bold;
font-family: Calibri;
background-color: #70ad47;
}

input[type=button].menu:hover {
color: #ed7d31;
font-size:12pt;
font-weight: bold;
font-family: Calibri;
border: #fec000 1px outset;
background-color: #fec000;
}

input[type=button].menu:active {
color: #fec000;
border: #ed7d31 1px inset;
background-color: #ed7d31;
}

input[type=button]:active {
border: #70ad47 1px inset;
}

input[type=button][disabled] {
cursor:default;
color: #fefefe;
font-size:12pt;
font-weight: bold;
font-family: Calibri;
background-color: #bdd0e9;
}

input[type=button].anuluj {
cursor:pointer;
border: #ed7d31 1px outset;
padding: 2px 20px 2px 20px;
color: #ffffff;
font-weight: bold;
font-size:12pt;
font-family: Calibri;
background-color: #ed7d31;
}

input[type=button].anuluj:hover {
color: #fec000;
font-size:12pt;
font-weight: bold;
font-family: Calibri;
background-color: #ed7d31;
}

input[type=button].anuluj:active {
border: #ed7d31 1px inset;
}

input[type=button].anuluj[disabled] {
cursor:default;
color: #fefefe;
font-size:12pt;
font-weight: bold;
font-family: Calibri;
background-color: #bdd0e9;
}

table.page {
border: 0px none;
font-size: 10pt;
padding: 4px;
margin: 4px;
font-weight: bold;
}

td.page {
border: 0px none;
}

input[type=button].page {
cursor:pointer;
border: #5b9bd5 1px outset;
padding: 2px 2px 2px 2px;
color: #ffffff;
font-weight: bold;
font-size:10pt;
font-family: Calibri;
background-color: #5b9bd5;
}

input[type=button].page:hover {
color: #fec000;
font-size:10pt;
font-weight: bold;
font-family: Calibri;
border: #41719c 1px outset;
background-color: #41719c;
}

input[type=button].page[disabled] {
cursor:default;
color: #fefefe;
font-size:10pt;
font-weight: bold;
font-family: Calibri;
border: #bdd0e9 1px inset;
background-color: #bdd0e9;
}
input[type=text].page {
text-align: right;
border: 1px solid #5b9bd5;
font-size:10pt;
font-weight: bold;
font-family: Calibri;
color: #1e4e79;
background-color: #bdd0e9;
width: 20px;
}

select.page {
cursor:pointer;
border: #5b9bd5 1px outset;
padding: 2px 2px 2px 2px;
color: #1e4e79;
font-weight: bold;
font-size:10pt;
font-family: Calibri;
background-color: #bdd0e9;
}

.hrleft {
border:0px none;
background:url(img/hr-right.png) repeat-y left;
}
.hrbottom {
border:0px none;
background:url(img/hr-bottom.png) repeat-x top;
}
.oznacz{
background-color:#fec000;
}
.infook{
color:#70ad47;
font-weight:bold;
}
.infoerror{
color:#ed7d31;
font-weight:bold;
}

#menu {
color: #1e4e79;
/* początek #bdd0e9, koniec #759fcc */
background: #bdd0e9; /* Old browsers */
background: -moz-linear-gradient(top,  #bdd0e9 0%, #759fcc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bdd0e9), color-stop(100%,#759fcc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bdd0e9 0%,#759fcc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bdd0e9 0%,#759fcc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bdd0e9 0%,#759fcc 100%); /* IE10+ */
background: linear-gradient(top,  #bdd0e9 0%,#759fcc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdd0e9', endColorstr='#759fcc',GradientType=0 ); /* IE6-9 */

/* background:url(img/menu.png) repeat-x left top;*/
font-family: Calibri; 
font-size:16pt;
font-weight:normal;
margin: 0px 0px 0px 0px;
padding: 6px 0px 6px 0px;
text-align:center;
  position: fixed;
  left: 0;
  top: 0;
width: 100%;
}

#menu ul {
margin: 0px 0px 0px 0px;
}

#menu li {
list-style-type: none;
display:inline;
padding:0px 1px 0px 0px;
}

#menu a {
padding:6px 10px 6px 10px;
text-decoration:none;
font-weight:bold;
border:none;
/*background:url(img/menu.gif) repeat-x left top;*/
/* początek #759fcc , koniec #41719c */
background: #759fcc; /* Old browsers */
background: -moz-linear-gradient(top,  #759fcc 0%, #41719c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#759fcc), color-stop(100%,#41719c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#759fcc 0%,#41719c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,#759fcc 0%,#41719c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,#759fcc 0%,#41719c 100%); /* IE10+ */
background: linear-gradient(top,#759fcc 0%,#41719c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#759fcc', endColorstr='#41719c',GradientType=0 ); /* IE6-9 */

color:#ffffff;
}

#menu a:hover {
color: #fec000;
/* początek #5b9bd5; , koniec #1e4e79 */
background: #5b9bd5; /* Old browsers */
background: -moz-linear-gradient(top,#5b9bd5 0%, #1e4e79 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b9bd5), color-stop(100%,#1e4e79)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#5b9bd5 0%,#1e4e79 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,#5b9bd5 0%,#1e4e79 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,#5b9bd5 0%,#1e4e79 100%); /* IE10+ */
background: linear-gradient(top,#5b9bd5 0%,#1e4e79 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#759fcc', endColorstr='#1e4e79',GradientType=0 ); /* IE6-9 */
}

#menu a.menusel {
padding:6px 10px 6px 10px;
text-decoration:none;
font-weight:bold;
border:none;
/*background:url(img/menu.gif) repeat-x left top;*/
/* początek #759fcc , koniec #41719c */
background: #5b9bd5; /* Old browsers */
background: -moz-linear-gradient(top,#5b9bd5 0%, #1e4e79 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b9bd5), color-stop(100%,#1e4e79)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#5b9bd5 0%,#1e4e79 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,#5b9bd5 0%,#1e4e79 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,#5b9bd5 0%,#1e4e79 100%); /* IE10+ */
background: linear-gradient(top,#5b9bd5 0%,#1e4e79 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#759fcc', endColorstr='#1e4e79',GradientType=0 ); /* IE6-9 */
color:#ffffff;
}

#menu a.menusel:hover {
color: #fec000;
}

#menu a.menusel:active {
color:#ed7d31;
}

#menu a:active {
color:#ed7d31;
}

#menu a:disabled {
font-weight: normal;
color:#bdd0e9;
/* początek #759fcc; , koniec #5b9bd5 */
background: #759fcc; /* Old browsers */
background: -moz-linear-gradient(top,#759fcc 0%, #5b9bd5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#759fcc), color-stop(100%,#5b9bd5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#759fcc 0%,#5b9bd5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,#759fcc 0%,#5b9bd5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,#759fcc 0%,#5b9bd5 100%); /* IE10+ */
background: linear-gradient(top,#759fcc 0%,#5b9bd5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#759fcc', endColorstr='#5b9bd5',GradientType=0 ); /* IE6-9 */
}

a.menu:link,a.menu:visited
{
display:block;
font-weight:bold;
color:#FFFFFF;
width:120px;
text-align:center;
padding:4px;
text-decoration:none;
background: #70ad47; 
border: outset 1px #70ad47;
}
a.menu:hover
{
color: #ed7d31;
background: #fec000; 
border: outset 1px #fec000;
}
a.menu:active
{
color: #fec000;
background: #ed7d31;
border: inset 1px #ed7d31;
}
