/* http://meyerweb.com/eric/tools/css/reset/
 *  *    v2.0 | 20110126
 *   *       License: none (public domain)
 *    *       */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
        display: block;
}

body {
        line-height: 1;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}

table {
        border-collapse: collapse;
        border-spacing: 0;
}

table td img {
        width:12px;
        height:12px;
        vertical-align:middle;
}

body {
        background-color:#000;
        font-family:Arial;
        font-size:12px;
	color:#E9F2FC;
	width:1215px;
	margin:0 auto;
}
h2 {
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin:10px 0;
}

a {
	color:#fff;
}

#header {
        width:90%;
	margin:0 auto;
}

#menu {
        float:left;
	width:100%;
	margin-top:0px;
}

#menu table {
        margin:0 auto;
        color:#E9F2FC;
	text-align:center;
}

#menu th {
        background-color:#008960;
        border:1px solid #026589;
        padding:3px;
        font-weight:bold;
        font-size:12px;
        text-transform:uppercase;
}

#menu td {
        padding:0px;
        border:1px solid #000;
        font-weight:bold;
        width:auto;
}

#menu tr:nth-child(odd) {
        background-color:#008960;
}

#menu tr:nth-child(even) {
        background-color:#026589;
}

#pipin_menu {
        text-align:center;
        overflow:hidden;
        font-weight:bold;
        margin:0 auto;
}

ul#pipin_menu li {
        list-style-type: none;
        float:left;
        padding:5px;
        margin:1px;
        border:1px solid:#000;
        background-color:#026560;
}

ul#pipin_menu li:hover {
        list-style-type:none;
        float:left;
        background-color:#008960;
}

ul#pipin_menu li a {
        display: block;
        text-decoration: none;
        padding:2px;
        color:#fff;
}

ul#pipin_menu li li a {
        width: auto;
        padding:0px;
}

ul#pipin_menu li ul {
        overflow: hidden;
        display: none;
        padding:0px;
        margin-top:4px;
        margin-bottom:5px;
}

ul#pipin_menu li:hover ul {
        position:absolute;
        padding:0px;
        float:left;
        display: block;
}

#alert {
	float:left;
	width:100%;
	margin:20px auto;
}

#alert table {
	width:940px;
        margin:0 auto;
	color:#E9F2FC;
}

#alert th {
	background-color:#026560;
        border:1px solid #000;
        padding:3px;
        font-weight:bold;
        font-size:13px;
}

#alert #hdata {
        width:120px;
}

#alert #hstatus {
        width:60px;
}

#alert tr:nth-child(odd) {
	background-color:#026560;
}

#alert tr:nth-child(even) {
	background-color:#026560;
}

#alert td {
        padding:3px;
        border:1px solid #000;
#	font-weight:bold;
}

#alert td.nazwa, #alert td.status {
        text-align:center;
}

#alert td.status {
	background-color:#026560;
}

#alert td img {
        width:12px;
        height:12px;
}

#form {
	float:left;
	width:100%;
	margin:10px auto;
}

#form table {
        width:auto;
        margin:0 auto;
        color:#E9F2FC;
}

#form th {
	background-color:#026560;
        border:1px solid #000;
        padding:3px;
        font-weight:bold;
        font-size:12px;
}

#form td {
        padding:3px;
        border:1px solid #000;
        font-weight:bold;
}

#form td input[type='text'] {
	width:180px;
}

#form td input[type='number'] {
        width:180px;
}

#form td.button {
        text-align:center;
}

#form tr:nth-child(odd) {
        background-color:#026560;
}

#form tr:nth-child(even) {
        background-color:#026570;
}

#grupy table {
        width:auto;
        margin:0 auto;
        color:#fff;
}

#grupy th {
        background-color:#026589;
        border:1px solid #000;
        padding:3px;
        font-weight:bold;
        font-size:12px;
}

#grupy tr:nth-child(odd) {
        background-color:#026589;
}

#grupy tr:nth-child(even) {
        background-color:#026589;
}

#grupy th.id {
	width:30px;
}

#grupy th.nazwa {
        width:200px;
}

#grupy th.poziom {
        width:30px;
}

#grupy td {
        padding:3px;
        border:1px solid #000;
        font-weight:bold;
}

#grupy td.nazwa, #grupy td.poziom {
        text-align:center;
}

#grupy td img {
        width:12px;
        height:12px;
}

#grupyForm h2 {
	color:#fff;
}

#grupyForm table {
        width:400px;
        margin:0 auto;
        border-collapse:collapse;
	color:#fff;
}

#grupyForm td {
        padding:3px;
        border:0px solid #000;
        font-weight:bold;
        vertical-align:middle;
}

#grupyForm td.label {
        text-align:right;
}

#grupyForm td.button {
        text-align:center;
}

#grupyForm input[type='text'] {
        width:250px;

}

#grupyForm a {
	color:#fff;
}

#hosty {
        margin-top:30px;
        float:left;
        width:100%;
}

#hosty .grupa {
	margin-bottom:5px;
}

#hosty table {
        width:100%;
        margin:0 auto;
	color:#E9F2FC;
}

#hosty th {
	background-color:#02654F;
        border:1px solid #000;
        padding:3px;
        font-weight:bold;
        font-size:12px;
	text-transform:uppercase;
}

#hosty tr:nth-child(odd) {
	background-color:#026560;
}

#hosty tr:nth-child(even) {
	background-color:#026560;
}

#hosty td {
        margin:3px 0px 3px 0px;
        border:1px solid #000;
	font-weight:normal;
	width:33%;
}

#hosty td.nazwa, #hosty td.status {
        text-align:center;
}

#hosty td.status {
	background-color:#844A0B;
}

#hosty img {
	width:12px;
	height:12px;
	vertical-align:middle;
}

#hosty table table.kol {
	width:100%;
	padding:0;
}

#hosty table table.kol tr {
	background:none;
}

#hosty table table.kol td {
	padding:3px;
	border:0;
}
#hosty table table.kol td.left {
	width:auto;
}

#hosty table table.kol td.center {
        text-align:right;
        width:60px;
}

#hosty table table.kol td.right {
	text-align:right;
	width:25px;
	border-left:1px solid #000;
}

#hosty table table.porty {
        width:100%;
        padding:0;
}

#hosty table table.porty tr {
        background:none;
}

#hosty table table.porty td {
        padding:0;
        border:0;
}
#hosty table table.porty td.left {
        width:auto;

}

#hosty table table.porty td.right {
        text-align:right;
        width:50px;
}


#hosty_historia {
        margin-top:0px;
        float:left;
        width:100%;
}

#hosty_historia .grupa {
	margin-bottom:5px;
}

#hosty_historia table {
        width:60%;
        margin:0 auto;
	color:#E9F2FC;
}

#hosty_historia th {
	background-color:#026560;
        border:1px solid #000;
        padding:3px;
        font-weight:bold;
        font-size:12px;
	text-transform:uppercase;
}

#hosty_historia tr:nth-child(odd) {
	background-color:#026560;
}

#hosty_historia tr:nth-child(even) {
	background-color:#026560;
}

#hosty_historia td {
        padding:3px;
        border:1px solid #000;
	font-weight:normal;
	width:auto;
}

#hosty_historia img {
	width:12px;
	height:12px;
	vertical-align:middle;
}

#hostyForm table {
        width:400px;
        margin:0 auto;
        border-collapse:collapse;
}

#hostyForm td {
        padding:3px;
        border:0px solid #000;
        font-weight:bold;
	vertical-align:middle;
}

#hostyForm td.label {
	text-align:right;
}

#hostyForm td.button {
        text-align:center;
}

#hostyForm input[type='text'] {
	width:250px;

}

#hostyForm textarea {
	width:250px;
}

#switche {
        margin-top:30px;
        float:left;
        width:100%;
}

#switche .grupa {
        margin-bottom:5px;
}

#switche table {
        width:95%;
        margin:0 auto;
        color:#E9F2FC;
}

#switche th {
        background-color:#3F5777;
        border:1px solid #5F7797;
        padding:3px;
        font-weight:bold;
        font-size:12px;
        text-transform:uppercase;
}

#switche tr:nth-child(odd) {
/*      background-color:#586D99;*/
        background-color:#3F5777;
}

#switche tr:nth-child(even) {
        background-color:#2D3851;
}

#switche td {
        padding:3px;
        border:1px solid #5F7797;
        font-weight:normal;
        width:25%;
}

#switche img {
        width:12px;
        height:12px;
        vertical-align:middle;
}

#formLogin table {
	text-align:center;
	margin: 0 auto;
}

#formLogin td {
	padding: 5px;
	text-align:center;
}

.kolo_alert {
        width: 10px;
        height: 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
	margin:0 auto;
}

.kolo_historia {
	width: 10px;
	height: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:left;
	margin-right:3px;
}

.kolo {
        width:10px;
        height:10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        float:right;
        margin:0px;
}


/* widok start */
#start_hosty_historia {
        margin:5px 1%;
        float:left;
        width:100%;
}

#start_hosty_historia .grupa {
        margin-bottom:5px;
}

#start_hosty_historia table {
        width:800px;
        margin:0 auto;
        color:#E9F2FC;
}

#start_hosty_historia th {
	background-color:#02654F;
        border:1px solid #000;
        padding:3px;
        font-weight:bold;
        font-size:12px;
        text-transform:uppercase;
}

#start_hosty_historia tr:nth-child(odd) {
/*      background-color:#586D99;*/
        background-color:#026560;
}

#start_hosty_historia tr:nth-child(even) {
        background-color:#026560;
}

#start_hosty_historia td {
        padding:3px;
        border:1px solid #000;
        font-weight:normal;
        width:auto;
}

#start_hosty_historia img {
        width:12px;
        height:12px;
        vertical-align:middle;
}

#start_porty_historia {
        margin:5px 0 5px 0;
        float:left;
        width:50%;
}

#start_porty_historia .grupa {
        margin-bottom:5px;
}

#start_porty_historia table {
        width:100%;
        margin:0 auto;
        color:#E9F2FC;
}

#start_porty_historia th {
        background-color:#3F5777;
        border:1px solid #5F7797;
        padding:3px;
        font-weight:bold;
        font-size:12px;
        text-transform:uppercase;
}

#start_porty_historia tr:nth-child(odd) {
/*      background-color:#586D99;*/
        background-color:#3F5777;
}

#start_porty_historia tr:nth-child(even) {
        background-color:#2D3851;
}

#start_porty_historia td {
        padding:3px;
        border:1px solid #5F7797;
        font-weight:normal;
        width:auto;
}

#start_porty_historia img {
        width:12px;
        height:12px;
        vertical-align:middle;
}

/* szukaj */
#szukaj {
        margin-top:30px;
        float:left;
        width:100%;
}

#szukaj .grupa {
        margin-bottom:5px;
}

#szukaj table {
        width:800px;
        margin:0 auto 10px;
        color:#E9F2FC;
}

#szukaj th {
        background-color:#02654F;
        border:1px solid #000;
        padding:3px;
        font-weight:bold;
        font-size:12px;
        text-transform:uppercase;
}
#szukaj tr:nth-child(odd) {
        background-color:#026560;
}
#szukaj tr:nth-child(even) {
        background-color:#026560;
}
#szukaj td {
        margin:3px 0px 3px 0px;
        border:1px solid #5F7797;
        font-weight:normal;
        width:33%;
	padding:2px;
}
#szukaj td.left {
        width:400px;
}

#szukaj td.center {
        width:30px;
}
#szukaj td.right {
        width:20px;
}

#szukaj img {
        width:12px;
        height:12px;
        vertical-align:middle;
}

/* stp */

#stp {
        margin-top:30px;
        float:left;
        width:100%;
}

#stp table {
        width:100%;
        margin:0 auto;
        color:#E9F2FC;
}

#stp th {
        background-color:#3F5777;
        border:1px solid #5F7797;
        padding:3px;
        font-weight:bold;
        font-size:12px;
        text-transform:uppercase;
}

#stp table table.kol tr:nth-child(odd) {
/*      background-color:#586D99;*/
        background-color:#3F5777;
}

#stp table table.kol tr:nth-child(even) {
        background-color:#2D3851;
}

#stp table td {
        margin:3px 0px 3px 0px;
        border:1px solid #5F7797;
        font-weight:normal;
	width:33%;
}

#stp td.nazwa, #stp td.status {
        text-align:center;
}

#stp img {
        width:12px;
        height:12px;
        vertical-align:middle;
}

#stp table table.kol {
        width:100%;
        padding:0;
}

/*#stp table table.kol tr {
        background:none;
}*/

#stp table table.kol td {
        padding:3px;
        border:0;
	width:auto;
}

#stp table table.kol td.center {
        text-align:right;
        width:60px;
}

#stp table table.kol td.right {
        text-align:right;
        width:25px;
        border-left:1px solid #5F7797;
}

/* juni stp */

#juni_stp table {
        border-collapse: collapse;
        border-spacing: 0;
        width:100%;
        margin:10px auto;
}

#juni_stp a {
        color:#E9F2FC;
}
#juni_stp th {
        background-color:#3F5777;
        border:1px solid #5F7797;
        padding:3px;
        font-weight:bold;
        font-size:12px;
}

#juni_stp td {
        padding:3px;
        border:1px solid #5F7797;
        font-weight:bold;
        width:auto;
}

#juni_stp tr:nth-child(odd) {
        background-color:#3F5777;
}

#juni_stp tr:nth-child(even) {
        background-color:#2D3851;
}

#juni_stp h1, #content h2 {
        margin:10px auto;
        text-align:center;
        line-height:10px;
        font-weight:bold;
}

table.uzytkownicy td {
	padding:2px 2px;
}