body, * {font-size: 12px; font-family: Tahoma,Arial,Verdana,sans-serif;
	padding: 0; margin: 0; color: black}
body {height: 100%}

html {min-height: 100%; width: 100%; padding: 0; margin: 0;}
#all {position: relative; width: 100%; height: 100%; text-align: center;}
	
img {border: 0}
p {text-align: justify; font-size: 14px; padding: 5px 0 10px 0;}
a {font-size: inherit; text-decoration: none; color: #1c78ba; font-weight: bold;}
a.white {color: white}
a:hover {color: #c33;}
.small {font-size: 10px; color: #666;}
.small-title {color: #c33; font-size: 15px; padding: 5px 0 5px 0; text-align: center;
	display: block;}
.inline, .inline > * {display: inline-block}
ul, ol {padding-left: 50px}
.article_short_tab {margin: 0 auto 0 auto; width: 300px; position: relative; top: -3px;
	border: 1px solid #bbb; border-top: 0; background: #eee; color: #1c78ba;
	font-weight: bold; font-size: 9px; padding: 2px; border-radius: 0 0 4px 4px;}
.small-alert {color: #c33; font-size: 9px}

table {width: 100%}
th {padding: 5px; border-bottom: 1px solid #bbb; border-right: 1px solid #aaa; background: #ccc;
	text-align: left;}
th.first {border-left: 1px solid #999}
td {padding: 5px; border-bottom: 1px solid #bbb; border-right: 1px solid #aaa; text-align: left;}	
td.first {border-left: 1px solid #999}
td.last {border-top: 1px solid #ccc}
td.empty {border: 0}
td.small {font-size: 10px; color: #666;}
td.opis {background: #aaa; color: black; padding-left: 20px;}
td.opis-glowny {background: #1c78ba; color: white; font-weight: bold;}
td.opis-dodatkowy {background: #1c78ba; color: white; font-weight: bold; font-size: 10px; line-height: 0.7;}
td.center {text-align: center}
td.short-tab-container {text-align: center; padding-top: 0;}

tr.gray td {background: #eee}
tr.spacer td {background: white; border: 0; border-top: 4px solid #555; border-bottom: 1px solid #1c78ba;}
tr.poziom2 td {padding: 1px 5px 1px 5px; border-bottom: 1px solid #bbb; border-right: 1px solid #aaa; background: #eee;}	
tr.poziom2 td.first {padding-left: 35px; background: #eee url('../images/admin/poziom2-icon.png') no-repeat 15px 6px;}



tr.annexe td {font-size: 10px; color: #777; text-align: right; padding-right: 60px; 
	background: url('../images/admin/annexe-icon.png') no-repeat 99% 3px;}
tr.annexe-gallery td {font-size: 10px; color: #777; text-align: right; padding-right: 60px; 
	background: url('../images/admin/annexe-gallery-icon.png') no-repeat 99% 3px;}
tr.annexe-article td {font-size: 10px; color: #777; text-align: right; padding-right: 60px; 
	background: url('../images/admin/annexe-article-icon.png') no-repeat 99% 3px;}
tr.annexe-special td {font-size: 10px; color: #777; text-align: right; padding-right: 60px; 
	background: url('../images/admin/annexe-special-icon.png') no-repeat 99% 3px;}
tr.annexe-folder td {font-size: 10px; color: #777; text-align: right; padding-right: 60px; 
	background: url('../images/admin/annexe-folder-icon.png') no-repeat 99% 3px;}
	
table.zero {width: 100%;}
table.zero td {margin: 0; padding: 0 5px 0 5px; border: 0;}

table.zero-galeria {width: 100%}
table.zero-galeria td {margin: 0; padding: 5px; border: 0; text-align: center;
	vertical-align: top; border-bottom: 1px dotted #888;}
table.zero-galeria td form {font-size: 9px; color: #888; line-height: 0.8;}
table.zero-galeria td a {border: 1px solid #ccc; display: block;
	margin: 0 auto 4px auto; width: 110px}
table.zero-galeria td a:hover {border: 1px solid #c33}
table.zero-galeria td a img {border: 0; margin: 0; width: 110px; height: 110px;}
table.zero-galeria td .button {width: 112px;}
table.zero-galeria td .button-2 {width: 55px;}
table.zero-galeria td .delete-button, table.zero-galeria td .edit-button,
	table.zero-galeria td .on-button, table.zero-galeria td .off-button, table.zero-galeria td .duplicate-button {width: 112px; margin-top: 2px;}
table.zero-galeria td .delete-button-2, table.zero-galeria td .edit-button-2,
	table.zero-galeria td .on-button-2, table.zero-galeria td .off-button-2, table.zero-galeria td .duplicate-button-2, table.zero-galeria td .left-button-2, table.zero-galeria td .right-button-2, table.zero-galeria td .first-button-2, table.zero-galeria td .last-button-2 {width: 55px; margin-top: 2px;}
table.zero-galeria td .on-button-2, table.zero-galeria td .on-button {box-shadow: 0px 0px 5px #1c78ba}
table.zero-galeria td .off-button-2, table.zero-galeria td .off-button {box-shadow: 0px 0px 5px #f00}


table.zero-galeria td .zero-desc {width: 110px; margin: 0 auto 4px auto; font-size: 10px; position: relative;
	cursor: pointer;}

table.zero-galeria td .zero-desc .dynamic-desc {position: absolute; left: -2000px; top: 40px; 
	border: 1px solid #777; padding: 5px; background: white; color: #555; font-size: 10px;
	width: 190px; text-align: left; z-index: 10;}
table.zero-galeria td .zero-desc:hover .dynamic-desc {left: -45px;}
td img {vertical-align: middle}

table.zero-dokumenty {width: 100%}
table.zero-dokumenty td {margin: 0; padding: 5px; border: 0; border-bottom: 1px dotted #888;
	}
table.zero-dokumenty td.file {background: url('../images/acrobat.png') no-repeat 10px 0;
	padding: 5px 5px 5px 70px;}
table.zero-dokumenty td .button {width: 112px;}
table.zero-dokumenty td .button-2 {width: 55px;}
table.zero-dokumenty td .delete-button, table.zero-dokumenty td .edit-button,
	table.zero-dokumenty td .on-button, table.zero-dokumenty td .off-button, 
	table.zero-dokumenty td .duplicate-button {width: 112px; margin-top: 2px;}
table.zero-dokumenty td .delete-button-2, table.zero-dokumenty td .edit-button-2,
	table.zero-dokumenty td .on-button-2, table.zero-dokumenty td .off-button-2, 
	table.zero-dokumenty td .duplicate-button-2, table.zero-dokumenty td .left-button-2, 
	table.zero-dokumenty td .right-button-2, table.zero-dokumenty td .first-button-2, 
	table.zero-dokumenty td .last-button-2 {width: 55px; margin-top: 2px;}



.warning {color: #c33; font-weight: bold; font-size: inherit; }
.warning-ok {padding: 15px; background: #1c78ba; text-align: center; color: white;
	position: fixed; bottom: 50px; left: 0; width: 100%; z-index: 100;}
.warning-nok {padding: 15px; background: #c33; text-align: center; color: white;
	position: fixed; bottom: 50px; left: 0; width: 100%; z-index: 100;}
/* .blue {color: #1c78ba; font-weight: bold; padding: 2px; border: 1px solid #aaa; background: white;
	font-size: 9px;} */


	
input {color: black; margin: 5px; width: 250px;}
input.radio, input.checkbox {width: 20px;}
input.shorter {width: 100px;}
input.short {width: 200px}
input.medium {width: 300px}
input.long {width: 350px;}
input.longer {width: 380px;}
input.longerer {width: 98%;}
input.button {background: #eee; border: 1px solid #aaa; height: 26px; padding: 1px; padding-bottom: 2px;
	cursor: pointer; width: 45px;}
input.button:hover {border: 1px solid #1c78ba}
select {color: black; margin: 5px;}
select option {color: black; font-size: 10px; padding: 2px;}
select.short {width: 150px}
select.long {width: 200px;}
textarea {color: black; margin: 5px; padding: 2px;}
textarea.longest {width: 100%}
button {background: #eee; border: 1px solid #aaa; height: 26px; padding: 1px; padding-bottom: 5px; cursor: pointer;}
button:hover {border: 1px solid #1c78ba}
button.on_icon, button.unlock_icon {box-shadow: 0px 0px 5px #1c78ba}
button.off_icon, button.lock_icon {box-shadow: 0px 0px 5px #f00}

select option {font-size: 11px}

input.button2 {background: #ddd; border: 1px solid #aaa; height: 15px; padding: 0px; padding-bottom: 1px;
	cursor: pointer; font-size: 8px; width: 40px;}
input.button2:hover {border: 1px solid #1c78ba}
button.poziom2 {background: #ddd; border: 1px solid #aaa; height: 15px; padding: 0px; padding-bottom: 1px; cursor: pointer;
	font-size: 8px;}

.clear {height: 0; clear: both}

#login-box {border: 1px solid #aaa; width: 200px; text-align: center; box-shadow: 0 0 30px #777;}
#login-box a img {width: 190px; }
#login-box #login-area {border: 1px solid #888; margin: 2px;
	padding: 3px; background: #eee;}
#login-box .small {font-size: 10px; text-align: center; padding: 5px; color: #444;}	
#login-box input {width: 175px}
	
#header {width: 1050px; height: 110px; margin: 20px auto 20px auto; border: 1px solid white;
	background: white; position: relative; padding: 10px; box-shadow: 0px 0px 5px 2px #ddd; border: 1px solid #aaa;}
#header #main-link {position: absolute; left: 10px; top: 10px}
#header #main-link img {height: 90px;}
#header #admin-link {position: absolute; left: 40%; top: 5px;}

#header #menu {position: absolute; right: 10px; bottom: 0;}
#header #menu li {float: left; list-style: none; margin: 0 10px 0 0; box-shadow: 0px -3px 4px 0 #ddd;}
#header #menu li a {display: block; width: 110px; height: 25px; text-align: left;
	border-top: 3px solid #1c78ba; padding-left: 10px; background: #ddd; border-radius: 5px 5px 0 0;}
#header #menu li a:hover {border-top-color: #c33}
#header #menu li.active a {border-top-color: #c33; color: #c33;}

#main {width: 1050px; margin: 40px auto 20px auto; 
	background: white; position: relative; padding: 10px; box-shadow: 0px 0px 5px 2px #ddd; border: 1px solid #aaa;}
#main div.message-nok {text-align: center; color: white; padding: 5px;
	background: #c33; font-weight: bold; margin: 10px 0 10px 0;}
#main div.message-ok {text-align: center; color: white; padding: 5px;
	background: #3b3; font-weight: bold; margin: 10px 0 10px 0;}

#main #submenu {position: absolute; padding: 0 0 0 30px; top: -22px;}
#main #submenu li {float: left; list-style: none; background: #ddd; border: 1px solid #aaa; border-bottom: 1px solid #999;
	margin: 0 10px 0 0; border-radius: 5px 5px 0 0; box-shadow: 0px -2px 1px 0px #ddd;}
#main #submenu li a {padding: 5px 25px 5px 25px; display: block; height: 10px; font-size: 10px;}
#main #submenu li.active {border-bottom: 1px solid white; background: white; box-shadow: 0px -5px 4px 0px #ddd;}
#main #submenu li.active a {color: #c33}

table.inside-edit {float: left; width: 94%}
	
#footer {width: 1050px; margin: 20px auto 0 auto; border: 1px solid white; text-align: left;
	background: white; position: relative; padding: 10px; box-shadow: 0px 0px 5px 2px #ddd; border: 1px solid #aaa;}