* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#ok {
	display:none;width:100%;height:100%
}


body,html {height:100%;overflow:hidden}
body, div, input {font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;font-size:14px;line-height:18px}
#menu {-webkit-box-shadow:inset -2px 0 5px 0 rgba(0,0,0,0.3);
box-shadow:inset -2px 0 5px 0 rgba(0,0,0,0.3);position:absolute;top:0;left:0;max-width:300px;width:35%;height:100%;overflow:auto;
        
background-color:#ececec;

        }

#opcje {
	padding-top:10px;padding-bottom:10px;
}

#menu a {
	  font-family: 'Open Sans';
}

#menu a h3 {
	margin: 0px;
  font-weight: normal;
  font-size: 1.4em;
  line-height: 1.4em;
  margin-bottom: 10px;
}

#mheader {
	text-align:center;padding-top:20px;
}
#mheader img {
	max-width:75%;
}

#content {float:left;overflow:auto;}
h1 {color:#fff;margin:0px;padding:10px;font-size:17px;font-weight:100;font-family: 'Open Sans';background-color:#e3000f;}
h1 span {
  float: right;
  font-weight: normal !important;
}
div.p10 {padding:10px}
a {text-decoration:none;color:black}

#elogo {
	padding:30px;
}

#elogo img {
	max-width:300px;
}

#flog {
	-webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.5);
box-shadow: 0 0 9px 0 rgba(0,0,0,0.5);margin-left: auto;margin-right: auto;width:100%;padding-top:20px;padding-bottom:20px;background-color:#fff;
}


#z_tytul {
background-image: url('/images/spinacz.png');
background-repeat: no-repeat;
padding-left: 20px;margin-left:-20px;
margin-bottom: 10px;
font-weight: bold;
}

#cb, .cb {clear:both}
div.zalaczniki {
padding-left: 64px;
margin-top: 10px;
}

#table2 input {
	padding:10px;border:0px;outline:none;border-bottom:1px solid #ccc;background-color:#fff;font-size:1.5em;line-height:2em;
}


div.zalaczniki a.loading
{
	background-image: url('/images/loadern.gif');
	background-position: 8px center;
	background-repeat: no-repeat;
	padding-left: 30px;
	background-color:#b8c7d2 !important;
}

div.zalaczniki a, a.refresh {
	background-color:#9FB3C3;margin-right:10px;color:#fff;padding:10px;float:left;margin-bottom:10px;border-radius:0px;font-size:16px;text-align:center;
}

div.zalaczniki a {
	padding:13px;
}

a.refresh {
	float:none;display:block;margin-right:0px;
}

#posiedzenie a.refresh {
	margin-left:10px;margin-right:10px;margin-top:10px;
}


div.zalaczniki a:hover, div.zalaczniki a.glosowanie:hover, a.refresh:hover {
	background-color:#cc0000;
}
#loader {
	bottom:0px;top:0px;width:100%;position:fixed;display:none;background-image:url('/images/black85.png');background-repeat:repeat;z-index:20000;text-align:center;color:#fff;
}



ul {list-style:none;margin:0px;padding:0px}

#downloading {
	position:fixed;bottom:0px;text-align:center;display:none;z-index:100000;width:100%;
}

#downloading div {
	    /* display: none; */
    background-color: #000;
    color: #fff;
    margin-top: 1px;
    padding: 5px;
    background-image: url(/images/bloader.gif);
    background-position: 5px center;
    background-repeat: no-repeat;}




/* aplikacja */

.button {
	  background-color: #e3000f;
	  color: #fff;
	display:inline-block;
	font-size:15px;
	padding:16px;
	text-decoration:none;
}
.button:hover {
	background-color:#b0000c
}

#okno {background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}


#blad {display:none;border-radius:0px;background: rgb(255,48,25); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color:#fff;padding:8px;width:330px;font-size:13px;margin-left:auto;margin-right:auto;margin-bottom:20px}


#zalogowany {
	display:none;position:fixed;left:0px;top:0px;width:100%;height:100%;
}

#niezalogowany {
	display:block;position:absolute;left:0px;top:0px;z-index:1000000;width:100%;-webkit-box-shadow:  0px 5px 10px 0px rgba(0, 0, 0, 0.8);background-color:#f2f2f2;
        
        box-shadow:  0px 5px 10px 0px rgba(0, 0, 0, 0.8);
}

a.interp {
display: block;
  margin-left: 10px;
  margin-top: 10px;
  margin-right: 0px;
  padding: 10px;
	background-color: #9FB3C3;
  color: #fff;
-webkit-box-shadow:inset -2px 0 5px 0 rgba(0,0,0,0.3);
box-shadow:inset -2px 0 5px 0 rgba(0,0,0,0.3);
}

a.interp span {
	float:right;background-color:#e3000f;color:#fff;padding:5px 10px;-webkit-box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.3);
box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.3);
}

a.closed span {
	background-color:#2dbf8a
}

a.add, a.logout {
	background-color:#1d7b58
}

a.active {
-webkit-box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.3);
box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.3);
background-color:#fff;color:#000;
}

#nowydokument, #intro {
	padding:25px;
}
#nowydokument h2, #intro h2, #interpelacja h2 {
    font-size: 35px;
    font-weight: 100;
    font-family: 'Open Sans';
    margin-top: 0px;
    margin-bottom: 20px;
    line-height: 1.1em;
}

.tarea {
font-weight: 100;
    font-family: 'Open Sans';
    font-size: 16px;
    line-height: 21px;
    width: calc(100% - 222px);
    padding: 20px;
    margin-bottom: 10px;
    border: 1px dotted gray;
    min-height: 240px;
    outline: none;}

#zalacz {
	    float: right;
    width: 150px;
    text-align: center;
    border-left: 1px dotted #000;
    min-height: 260px;
    padding: 10px;
    padding-top: 0px;
}

#typ {
	padding-bottom:10px;font-weight: 100;
  font-family: 'Open Sans';
}

#typ a {
	font-size:28px;display:inline-block;padding:15px 25px;border:1px dotted gray;color:gray;margin-right:15px
}

#typ span {
	font-size:20px;display:inline-block;padding:23px 3px;border:1px dotted #fff;margin-right:15px;padding-left:0px;color:gray

}

#typ a.active {
	background-color:#1d7b58;color:#fff;border:1px solid #1d7b58;
}


#nowydokument, #interpelacja {
	display:none
}

#interpelacja {
	
}

#interpelacja h2 {
	margin:25px;
}

div.wpis {
	border-top:1px dotted #ccc;padding:25px;
}

#interpelacja table {
	border:0px;border-spacing: 0px;border:0px;width:100%
}
#interpelacja table td {padding:0px;border:0px;vertical-align: top;
	
}
#interpelacja p {
	margin-top:0px;margin-bottom:10px;
}

#interpelacja table td.info {
	padding:0px 25px;border-left:1px solid #ccc;width:200px;
}

#interpelacja table td.tresc {
	padding-right:25px;  font-size: 1.3em;
  line-height: 1.4em;font-weight:100;
}

#interpelacja form {
	padding:25px;border-top:1px dotted #ccc;
}

#interpelacja div.tresc {
	float:left;
}


/* nowosci */

div#menu.mobile {
    position: relative;
    display: block !important;
    width: 100%;
    max-width: unset;
}

i.fa.fa-bars {
    float: right;
    margin-left: 10px;
    display: none;
}

body.mobile i.fa.fa-bars {
    display: block;
}

td.tresc {
    word-break: break-word;
}

/* media */

@media only screen and (max-width: 600px) {



h1 span {
    display: none;
}

h1#unaglowek i {font-size: 1.7em;}

h1#unaglowek {
    height: 35px;
}

h1#unaglowek {
    font-size: 1.5em;
    line-height: 1.5em;
}

#interpelacja h2 {
    font-size: 1.4em;
    margin: 10px;
}

div.wpis {
    padding: 8px;
}

#interpelacja table td.tresc {
    padding: 8px;
    font-size: 1em;
    line-height: 1.2em;
    width: 70%;
}

#interpelacja table td.info {
    padding: 8px;
    font-size: 0.7em;
    line-height: 1em;
}

div.zalaczniki a {
    float: none;
    display: block;
}

div.zalaczniki {
    padding: 0px;
}

.tarea {
    width: calc(100% - 22px);
    padding: 10px;
}

#interpelacja form {
    padding: 8px;
}

#nowydokument, #intro {
    padding: 8px;
}

#nowydokument h2, #intro h2, #interpelacja h2 {
    font-size: 1.6em;
    margin-bottom: 5px;
}

#typ a {
    font-size: 1em;
    padding: 10px 10px;
    margin-right: 8px;
}

#typ span {
    display: block;
    padding: 0px;
    margin-bottom: 10px;
    font-size: 1.2em;
}

div#zalacz {
    float: none;
    width: calc(100% - 22px);
    min-height: unset;
    border: 1px dotted #ccc;
    padding-top: 20px;
}


}