* {border:0; font-family:inherit;font-style:inherit; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline}
body, html {height: 100%}
body {margin:0 auto; padding:0; font:400 14px/18px "Lato", Arial, Helvetica, sans-serif; color:#333333; text-align:left; background-color:#f0f0f0}
#header, #navigation, #footer {width:100%; max-width:96%}
#header, #navigation, #page, #footer {margin:0 auto; clear:both; position:relative}
#page {min-height:400px; background-color: #fff; border:1px solid #e2e2e2; width:100%; padding:0; max-width:96%}
.pageLog #header, .pageLog #navigation, .pageLog #footer, .pageLog #page {max-width:500px}
.pageLog #header .half, .pageLog #footer .half {width:100%; max-width:100%; text-align:center}
.pageLog #header .half.left {margin-bottom:30px}
.pageLog #header {padding-bottom:0}
.pageLog #header h1 {display:none}
.pageLog #footer .copyright {width:100%; right:0; margin:auto; text-align:center}
form#logowanie label, form#przypomnij label, label {font-size:12px}
#center {min-height:450px}
#header {min-height:84px}
#header div.right {text-align:right; float:right}
#header, #footer {padding-top:25px; padding-bottom:25px}
h1 {color:#333;font:700 18px/36px "Oswald", Arial, sans-serif; text-transform:uppercase}
h2, h3 {color:#3ea9a1;font:700 22px/32px "Oswald", Arial, sans-serif; text-transform:uppercase; margin-bottom:30px; padding-bottom:5px; border-bottom:1px solid #e2e2e2}
h5 {font:700 14px/14px "Oswald", "Arial", Arial, sans-serif; text-transform:uppercase; margin:20px 0; padding:3px 10px; display:block; background:#eee}
h4 {font:700 20px/25px "Oswald", "Arial", Arial, sans-serif; margin:0 0 20px 0}
h6 {font:300 20px/25px "Oswald", "Arial", Arial, sans-serif; margin:0 0 20px 0}
em {font-style:italic}
a {text-decoration:none; color:#3ea9a1}
a:hover {text-decoration:underline}
b, strong {font-weight:700}
.clear {clear: both}
.left {float:left}
.right {float:right}
.half {width:48%}
#left, #right, #center {padding:2%}
#left {width: 16%; float:left;}
#right {width: 76%; float: right; min-height:400px}
ul {margin-bottom:0; list-style:none}
ul li a {display:block; padding:5px 0; border-bottom:1px dotted #e0e0e0; margin:1px 0}

#left ul li a {display:block; padding:10px 10px; border:0; margin:1px 0; background-color:#f0f0f0; text-decoration: none; color:#333}
#left ul li a:hover {Sbackground-color:#3ea9a1; color:#3ea9a1}
ol li {list-style-type: decimal; margin-left:20px}
ul li a.link {display: inline; padding:0; background:none; margin:0}
ul li a.link:hover {background:none; text-decoration:underline}
input, select, textarea {background-color:#e0e0e0; box-shadow: 0 0 1px #ccc inset; color:#000000; font-weight:700}
input[type="text"], input[type="date"], input[type="time"], input[type="number"], input[type="password"], input[type="email"], textarea {padding:5px 1%; width:98%}
input[type="text"].small {padding:7px 10px; width:50px; float:left; margin-right:4px}
textarea {height:60px; margin-top:8px}
textarea.ckeditor {padding:5px 10px; width:618px; height:550px}
input[type="submit"] {border:0; float:right}
form p {min-height:46px}
form p, label {margin:8px 0; display:block}
form p span.info {font-weight:normal; font-style:italic; font-size:14px; text-transform:none; margin:0 0 12px 0; clear:both; display:block; color:#cc0000; width:auto; text-align:left;}
label {font-weight:normal; text-transform:uppercase; margin-top:16px; clear:both; color:#999999}
em.pytanie {font-weight:700; font-style:italic; font-size:17px; line-height:1.3; text-transform:none; margin:8px 0 16px 0; clear:both; display:block}
form .odp {max-width: 21%; margin-left: 0; margin-right: 1%; margin-bottom: 5px; float:left}
form .pkt {max-width: 5%; margin-left: 0; margin-right: 2%; margin-bottom:5px; float:left}
form#logowanie, form#przypomnij {width:270px; margin:60px auto}
form#logowanie input[type="text"], form#logowanie input[type="password"], form#przypomnij input[type="email"] {padding:5px 1%; width:250px}
select {padding:5px 1%; width:100%}
form#logowanie p, form#logowanie label, form#przypomnij p, form#przypomnij label {margin:20px 0 5px 0; display:block; font-weight:bold; text-transform:uppercase;}
input:focus, textarea:focus {background-color:#ffffff; box-shadow: 0 0 1px #3ea9a1 inset; outline:2px dashed #3ea9a1}
form#logowanie label.error, form#przypomnij label.error, .redbox {color:red; text-transform:none; font-weight:400; font-size:14px; font-style: italic; margin:2px 0 0 0;}
.greenbox {color:#8fbe62; text-transform:none; font-weight:400; font-size:14px; font-style: italic; margin:2px 0 0 0;}
form#logowanie p.przypomnij {min-height:20px; margin:12px 0 0 0}
form#logowanie p.przypomnij a {text-transform: none; font-weight:normal}
form#logowanie p input[type="submit"], form#przypomnij p input[type="submit"] {margin:0}
form.etykieta p {padding:0 0 22px 0; border-bottom: 1px dotted #e0e0e0; margin:0 0 20px 0;}
form.etykieta p:last-of-type {padding:0; border-bottom:0; margin:0}
::-webkit-input-placeholder {color: #aaa; font-weight:400}
:-moz-placeholder {color:#aaa; opacity:1; font-weight:400}
::-moz-placeholder {color: #aaa; opacity:1; font-weight:400}
:-ms-input-placeholder {color: #aaa; font-weight:400}
::-ms-input-placeholder {color: #aaa; font-weight:400}
hr {padding:0; border-bottom: 1px dotted #e0e0e0; margin:5px 0 20px 0; height:1px; background-color:#ffffff}
.od {right:0; top:15px; height:37px; position:absolute}
.od a {line-height:37px; vertical-align:top; font-size:11px; margin-left:5px}
.copyright {width:380px; height:37px; line-height:37px; left:0; top:15px; position:absolute}
.copyright img {margin-right:22px}
.copyright p {margin-top:4px}
.red, .green {text-align:center}
.green, #header div.green {color:#8fbe62}
.red, #header div.red a {color:#cc0000}
#page p.green.message {padding:10px 20px; background-color:#8fbe62; color:#ffffff; margin-bottom:30px}
#page p.red {padding:10px 20px; background-color:#cc0000; color:#ffffff; margin-bottom:30px}

a.wyloguj {background:url('rdzen/img/wyloguj.png') 0 2px no-repeat; padding:0 0 0 20px}
table {width:100%; border-collapse: separate;  border-spacing: 10px 10px; margin:20px 0}
table td {padding:3px 0; border-bottom:1px dotted #e0e0e0; vertical-align:middle}
/* table td:nth-child(2) {white-space: nowrap} */
table th {padding:3px 0; font-size:10px; font-weight:900; border-bottom:1px solid #e2e2e2}
table.stats {width: 100%; table-layout: fixed; margin-bottom:50px; border-spacing:0}
table.stats td {width:16%; vertical-align:top; padding-right:20px}

table.stats td:nth-child(2) {
    white-space: normal;
}

th.header { 
    background-image: url(img/bg.gif); 
    cursor: pointer; 
    background-repeat: no-repeat; 
    background-position:right center; 
    padding-right: 20px; 
}
th.header.headerSortUp { 
    background-image: url(img/asc.png); 
    border-bottom: 1px solid #3ea9a1;
    color:#3ea9a1;
} 
th.header.headerSortDown { 
    background-image: url(img/desc.png); 
    border-bottom: 1px solid #3ea9a1;
    color:#3ea9a1;
} 

.info {width:600px; text-align:center; color:#757575; margin:50px auto 0 auto}
.btn, input[type="submit"] {
    margin: 26px auto;
    text-align: center;
    display: inline-block;
    background-color: #3ea9a1;
    font-size: 14px;
    padding: 0 40px;
    color: #FFFFFF;
    text-transform: uppercase;
    font:400 18px/46px "Oswald", Arial, sans-serif; cursor: pointer; float:right
}
#header .btn {margin:12px 0 0 0; background-color:#333;}
.btn:hover, input[type="submit"]:hover {text-decoration:none; background-color: #444; color: #3ea9a1}
.logo {display:block; margin-top:11px}
ul.audytorzy li {float:left; min-width:250px; width:25%;}
fieldset img {outline:1px solid #e2e2e2; margin:5px 30px 20px 0}
.hide {display:none}
a.show {display:block; clear: both;}
.fixed {
    position: fixed;
    bottom: 0;
    right: 2%;
    background-color: #fff;
    padding: 0 2% !important;
    border: 1px solid #e2e2e2;}