html,
body {
margin: 0;
padding: 0;
height: 100%;
color: #424349;
background: #f7f7f9 url('../images/bg_.gif');
cursor: default;
}
body,
td {
font: normal 9.6pt/1.33em 'Trebuchet MS', Tahoma, Helvetica, sans-serif;
}

h3, h4, p,
ul, ol, dl {
margin-top: 1em;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
pre,
tt {
font: 11px/16px 'Lucida Console', monospace;
}

pre {
padding: 1em 0 1em 1em;
color: navy;
background-color: #ffd;
}

h3,
h4,
caption,
#menu {
font: bold 9.6pt/1.33em 'Trebuchet MS', Tahoma, Helvetica, sans-serif;
}

table {
margin-bottom: 1em;
}

caption.mini {
padding: 1em 0 .5em;
font-weight: bold;
}

td {
padding: .25em;
vertical-align: top;
}

img,
object {
display: block;
border: none;
}

.hide {
display: none;
}

.fright {
float: right;
}
.fright img {
margin-left: .5em;
}

.fleft {
float: left;
}
.fleft img {
margin-right: .5em;
}

.left {
text-align: left;
}
.right {
text-align: right;
}

.center {
text-align: center;
}
.center img {
margin: auto;
}

.clear {
clear: both;
}

.nowrap {
white-space: nowrap;
}
/* -------------------------------------------------------------- color */

h4,
caption,
th {
color: black;
text-align: left;
}
h3 {
color: #495997;
}

a:link,
a:visited {
color: #2030a1;
}
a:hover {
color: #c00;
}
a:active {
color: green;
}
.green {
color: #082;
}
.red {
color: #c00;
}
.blue {
color: #00c;
}
.black {
color: #000;
}

/* -------------------------------------------------------------- id */

#contener {
position: relative;
margin: 0 auto;
min-height: 100%;
background: url('../images/bg_contener.gif');
}

#htop {
height: 5px;
background-color: #999;
}
#hmid {
height: 154px;
background: #fff url('../images/bg_mid.gif') 100% 0 no-repeat;
}

#hbot {
height: 30px;
text-align: right;
color: white;
}
#hbot span {
margin-right: 1em;
font-size: .85em;
font-weight: bold;
line-height: 30px;
}
#content {
padding: 1em 1em 45px;
min-height: 327px;
text-align: justify;
border-left: 154px #f9f9fa solid;
}

/* footer */

#footer {
position: absolute;
bottom: 0;
text-align: right;
font-size: 11px;
line-height: 20px;
color: #bcc0c1;
border-top: 5px solid #d0d4d5;
background-color: #fcfcff;
}

#footer b,
#footer #author a {
text-decoration: none;
color: #c0c4c5;
}
#footer #author {
margin: 0 1em 0 .5em;
}

#header,
#footer,
#contener {
width: 780px;
}

img#home {
margin: 0 auto;
}

/* Belki tytulowe podstron.
   klasa nazywa się jak dany plik podstrony.
   Dodajac strone, należy uwazac aby nie powtorzyc nazwy klasy zawartych w plikach CSS (menu.css i main.css).
*/

.bg2 {
background-color: #c0c4c5;
background-image: url('../images/bg_bot.gif');
background-position: 100% 0;
}
.aktualnosci {
background-position: 100% -30px;
}
.firma {
background-position: 100% -60px;
}
.profil {
background-position: 100% -90px;
}
.jakosc {
background-position: 100% -120px;
}
.srodowisko {
background-position: 100% -390px;
}
.kontakt {
background-position: 100% -150px;
}
.panel {
background-position: 100% -180px;
}

.bg1 {
background-color: #c0c4c5;
background-image: url('../images/bg_bot.gif');
background-position: 100% -210px;
}
.actual {
background-position: 100% -240px;
}
.about {
background-position: 100% -270px;
}
.profile {
background-position: 100% -300px;
}
.quality {
background-position: 100% -330px;
}
.contact {
background-position: 100% -360px;
}

/* -------------------------------------------------------------- class */

.mini,
.news h4 span {
font: normal 11px tahoma, sans-serif;
}

table.border {
margin-top: 1em;
border-collapse: collapse;
}
table.border td {
color: #000;
border-top: 1px solid ThreeDFace;
}

table.sky td {
border-color: #6979b7;
background-color: #bdf;
}
table.yellow td {
border-color:  #f93;
background-color: #ffd;
}

table.excel {
margin-top: 1em;
font-size: .85em;
color: #000;
border-collapse: collapse;
}
table.excel th {
padding: .5em;
font-weight: bold;
}
table.excel td {
font-size: 1em;
text-align: center;
border: 1px solid #495997;
}

table.kontakt td,
table.firma td {
border-top: 1px dashed #ccc;
}

table.border,
table.excel,
table.kontakt,
table.firma {
width: 100%;
}

.row1 td {
background: #ddd url('../images/bg_pix.gif') 0 0;
}
.row2 td {
color: #fff;
font-weight: bold;
background: navy url('../images/bg_pix.gif') 0 -150px;
}
.row3 td {
font-weight: bold;
color: white;
background: navy url('../images/bg_pix.gif') 0 -120px;
}

.simple table tr.row1 td,
.simple table tr.row2 td,
.simple table tr.row3 td {
color: #000;
font-weight: normal;
background-image: none;
}
.simple table td {
text-align: left;
border-width: 0 1px 0;
border-color: #fff;
background-color: #bdf;
}
.simple table th {
background-color: #495997;
color: #fff;
}

.head {
border-bottom: 1px solid #495997;
}

.head h3 {
padding: 2px 0;
margin: 0;
}

.navi {
padding: 0 .5em;
background-color: #f9f9fa;
}
.navi {
line-height: 21px;
border-bottom: 1px solid #eee;
}
.adminmenu {
line-height: 21px;
}

.news {
padding-bottom: .5em;
clear: both;
}

.navi,
.more,
.news h4 span,
.adminmenu,
.adminmenu a.logout {
color: #666;
}

.navi a.admin,
.adminmenu a,
.adminmenu a.logout{
text-decoration: none;
font-weight: bold;
}

dl.table_desc a {
text-decoration: none;
}

/* -------------------------------------------------------------- fix */

* html body #contener {
height: 100%;
}
* html body #content {
height: 327px;
}
* html body #footer {
left: 0;
}

#content>#clear {
clear: none;
}
#content>#clear br {
clear: both;
}
* html body #contener #clear {
clear: both;
}
* html body #contener #clear br {
display: none;
}


/* -------------------------------------------------------------- forms */

form {
margin: 1em 0 0;
padding: 0;
}

form div {
margin: 1em 0 0;
}

form h4 {
margin: 0;
color: #000;
}

input,
label,
#msg {
font: normal 11px tahoma, sans-serif;
}

label {
margin: .5em 0 .125em .25em;
display: block;
font-weight: bold;
color: #495997;
}
label span {
font-weight: normal;
}

#msg {
padding-top: .25em;
color: #D92600;
}

#title1,
#title2,
#pict,
textarea {
display: block;
margin: auto;
width: 590px;
border: 1px solid #7F9DB9;
background-color: #f7f7f9;
}

#short1,
#short2 {
overflow: auto;
height: 125px;
font: 8pt/10pt 'Lucida Console', monospace;
}
#long1,
#long2 {
overflow: auto;
height: 250px;
font: 8pt/10pt 'Lucida Console', monospace;
}

.button {
margin: .5em .25em 0 0;
padding: 0 0 2px;
width: 72px;
height: 20px;
line-height: 18px;
border: 0 none;
background: url('../images/button.gif') no-repeat;
}
.button:active {
background: url('../images/button.gif') 1px 1px no-repeat;
}

#caller input,
#chlogin #old,
#chlogin #new,
#chlogin #repnew {
width: 154px;
text-align: center;
border: 1px solid #7F9DB9;
}
#caller input {
margin: .5em .5em 0 0;
}
#chlogin {
padding: 0 1em 1em;
border: 1px dashed #7F9DB9;
}

#upload {
padding: 0 0 .25em .25em;
margin: auto;
width: 590px;
border: 1px solid #999;
background: #ddd url('../images/bg_pix.gif') 0 0;
}
#upload #msg {
margin: .25em 0 0 .25em;
font-weight: bold;
color: #333;
}

/* -------------------------------------------------------------- print settings */

@media print {
	*,
	td {
	background-image: none;
	color: black;
	font-size: 9pt;
	}
	table.border {
	border-collapse: collapse;
	}
	#header,
	#contener {
	width: auto;
	}
	#menu,
	#footer,
	#hbot,
	.navi,
	.adminmenu {
	display: none;
	}
	#content {
	border: none;
	}
	#htop,
	#htop h2.hide {
	margin: 1em;
	display: block;
	line-height: 14pt;
	text-align: right;
	}
}