html,body {
height: 100%;
margin:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

/*___start____zalezne od wyszukiwarki*/
#nagl {
	position: relative;
	height: 65px;
	z-index: 0;
	font-size: 28px;
	font-size: 31px;
	color: #2b5d78;
	background-color: #e7e7e7;
	min-width: 980px;
	margin: 0px 3px 0px 3px;
	border: 2px solid #555555;
	border-radius: 4px;
	padding:5px;
}

#nagl_text {
    margin-top:15px;
    margin-left:78px;
    position: absolute;
    min-width: 980px;
	cursor: alias;
}

#logo {
    width: 60px;
    height: 60px;
    background: url(../grafika/logo_60.png) left top no-repeat;
    margin-left: 4px;
    margin-top: 3px;
    float: left;
    position: absolute;
	cursor: alias;
	background-size: cover;
}

#zas {
	display: inline-block;
	cursor: progress;
    width: 5px;
    height: 5px;
	border: 0;
	position: absolute;
}
/*___koniec_______zalezne od wyszukiwarki*/

#menu {
top: 4px;
left: 6px;
font-weight: bold;
display: block;
}

input, textarea, keygen, select, button {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

ul.uwagi {
	padding: 0px 0px 0px 20px;
	margin: 4px 4px;
}
li.uwagi {
	padding: 1px;
}


/* Tabela z danymi */
#tbl_res{
	width: 100%;
}

table {
    border-collapse: collapse;
}

table, td, th {
    border: 1px solid black;
}

td {
	padding: 5px 3px 5px 3px;
}

th {
	text-align: center;
	font-weight: bold;
	padding: 5px 3px 5px 3px;
	background-color: #008CBA;
	color: white;
}

tr {
	background-color: white;
	vertical-align: top;
}

tr.even {
	background-color: #daebf1;
}

/* Formularz */
.in0, .in1, .in2, select {
border-width: 1px;
border-style: solid;
border-color: black;
}

input#naz_malz, input#malz, input#miejsc, input#inne, input#rok1, input#rok2, input#ojc, input#mat, input#naz_mat {
    background: floralwhite;
}

.in0{
width: 141px;
height: 16px;
}

.div_inline { 
float: left;
padding: 2px 5px;
}

.in1 {
width: 60px;
height: 16px;
}

.in2 {
width: 120px;
height: 16px;
}

select {
width: 105px;
height: 21px;
font-size: 11px;
background: lightyellow;
}

.zas_link {
width: 22px;
height: 14px;
background: url(../grafika/show.png) left top no-repeat;
background-size: cover;
cursor: pointer;
}
	
.td-wrap {
display: flex;
justify-content: center;
align-items: center;
}

.button, .button_m, .but, .but_zasob, .but_info, .but_news {
    background-color: lightsteelblue;
    color: black;
    font-size: 11px;
    text-align:center;
    display: inline-block;
    width: 45px;
    height: 20px;
    margin: 1px 1px;
     /* Safari
    -webkit-transition-duration: 0.4s;
     */
    transition-duration: 0.4s;
    cursor: pointer;
    border: 1px solid black;
    border-radius: 2px;
}

.but {
    width: 80px;
    height: 25px;
}

.but_zasob {
    width: 88px;
    height: 25px;
}

.but_info, .but_news {
    width: 88px;
    height: 25px;
}

.button_m {
    width: 322px;
    height: 23px;
    font-weight: bold;
}

.but_active, .but_m_active {
    background-color: rgba(234, 91, 91, 0.92);
    color: white;
}

.but_disabled, .but_m_disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.button:hover, .button_m:hover, .but:hover, .but_zasob:hover, .but_info:hover, .but_news:hover  {
    background-color: #008CBA;
    color: white;
}

label.check,.check1{
	display: inline-block;
	cursor: pointer;
	position: relative;
}

input[type=checkbox] {
    display: none;
}

label.check:before {
position: absolute;
content: "";
width: 12px;
height: 12px;
bottom: 0px;
background:url(../grafika/check.png) left top no-repeat;
}

label.check:hover .tooltiptext, label.check1:hover .tooltiptext{
	visibility: visible;
}

/* Tooltip text */
.tooltiptext {
    visibility: hidden;
    width: 180px;
    background-color: rgba(8, 8, 8, 0.7);
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;   
    top: -40px;
    left: 10px;
}

input[type=checkbox]:checked + label.check:before {
	background:url(../grafika/check.png) -13px top no-repeat;
}

label.check1:before {
position: absolute;
content: "";
width: 12px;
height: 12px;
bottom: 0px;
background:url(../grafika/asc_desc.png) left top no-repeat;
}

input[type=checkbox]:checked + label.check1:before {
	background:url(../grafika/asc_desc.png) -13px top no-repeat;
}

#div_sel1, #div_sel2, #div_sel3, #metr, #metod {
position: absolute;
top: 23px;
width: 100px;
left: 4px;	
}

#metr,#metod{
top: 10px;	
}

#metr{
width: 230px;	
}

#div_sel2 {
left: 115px;	
}

#div_sel3 {
left: 226px;	
}

#div_im, #div_naz, #div_ojc, #div_mat, #div_naz_mat, #div_malz, #div_malz_naz {
position: absolute;
top: 8px;
width: 105px;
left: 4px;
}

#div_naz, #div_malz_naz, #div_naz_mat {
left: 158px;
}

#div_mat{
left: 4px;	
}

#div_naz_mat, #div_mat {
top: 48px;
}

#div_inne, #div_miejsc{
position: absolute;
top: 10px;
left: 4px;
width: 90px;
}

#im, #naz{
color: #064ffc;
font-weight: bold;
}

#inne{
color: rgba(251, 94, 9, 0.93);
font-weight: bold;
}

#dokl_0,#dokl_1, #dokl_2, #dokl_3, #div_dokl_ojc, #div_dokl_mat, #div_dokl_naz_mat, #div_dokl_malz, #div_dokl_naz_malz {
position: absolute;	
top: -1px;
left: 132px;
}

#dokl_2,#dokl_3{
top: 0px;
left: 128px;
}

#div_sort_1, #div_sort_2, #div_sort_3 {
position: absolute;	
top: -15px;
left: 0px;
}

p1{
color: #064ffc;
font-weight: bold;
}

p3{
color: rgba(251, 94, 9, 0.93);
font-weight: bold;
}

p2{
font-weight: bold;
}

#formularz{
position: relative;
padding: 0px 5px 5px 5px;
height:170px;
min-width: 980px;
color: black;
background-color: #e7e7e7;
border: 2px solid #555555;
border-radius: 4px;
margin: 5px 3px 0px 3px;
}

#divAjax{
position: relative;
padding: 5px 5px 5px 5px;
min-width: 980px;
color: black;
background-color: #e7e7e7;
border: 2px solid #555555;
border-radius: 4px;
margin: 5px 3px 0px 3px;
}

#info{
padding: 0 0 5px 2px;
height:15px;
min-width: 450px;
color: black;
font-weight: bold;
display: block;
}

#paginacja1, #paginacja2{
width:450px;
padding: 3px 0 0 0;
height:25px;
min-width: 450px;
color: black;
display: block;
}

#autor {
color: gray;
font-size: 11px;
width: 100%;
text-align: center;
padding: 10px 0 2px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


#etyk1,#etyk2,#etyk3,#etyk4,#etyk5,#etyk6,#etyk9,#etyk10,#etyk11 {
position: absolute;	
background-color: #e7e7e7;
padding: 0px 2px;
font-weight: bold;
}

#etyk1 {
top: 6px;
left: 15px;
}

#etyk2 {
top: 66px;
left: 15px;
}

#etyk3 {
top: 6px;
left: 334px;
}

#etyk4 {
top: 66px;
left: 334px;
}

#etyk5 {
top: 117px;
left: 334px;
}

#etyk6 {
top: 66px;
left: 492px;
}

#etyk9 {
top: 6px;
left: 650px;
}

#etyk10 {
top: 66px;
left: 650px;
}

#etyk11 {
top: 66px;
left: 684px;
}

#lang_set {
width: 42px;
height: 21px;
position: absolute;
top: 27px;
}

#lang{
position: absolute;
top: 120px;
left: 844px;
width: 41px;
height: 49px;
}

#flag{
display: block;
width: 40px;
height: 21px;
background-size: 40px 21px;
position: absolute;
border: 1px solid black;
border-radius: 2px;
}

#form1,#form2,#form3,#form4,#form5,#form6,#form9,#form10,#form11,#diagnost{
position: absolute;
border: 1px solid black;
border-radius: 2px;
}

#form1{
top: 14px;
left: 10px;
width: 308px;
height: 48px;
}

#form2{
top: 74px;
left: 10px;
width: 308px;
height: 88px;
}

#form3{
top: 14px;
left: 328px;
width: 308px;
height: 48px;
}

#form4{
top: 74px;
left: 328px;
width: 148px;
height: 36px;
}

#form5{
top: 124px;
left: 328px;
width: 146px;
height: 26px;
padding-top: 12px;
padding-left: 4px;
}

#form6{
top: 74px;
left: 487px;
width: 148px;
height: 36px;
}

#form7{
position: absolute;
top: 131px;
left: 575px;
}

#form8{
position: absolute;
top: 131px;
left: 660px;
}

#form9{
top: 14px;
left: 646px;
width: 336px;
height: 48px;
}

#form10{
top: 74px;
left: 646px;
width: 238px;
height: 36px;
}

#form11{
top: 74px;
left: 682px;
width: 115px;
height: 36px;
}

#form12{
top: 54px;
left: 370px;
}

#form13{
position: absolute;
top: 143px;
left: 895px;
}

#form14{
position: absolute;
top: 108px;
left: 895px;
}

#form_zasob{
position: absolute;
top: 73px;
left: 895px;
}

#diagnost{
top: -170px;
left: 1000px;
width: 21%;
height: 150px;
overflow-y:scroll;
}