/*kolory: http://websitetips.com/color/*/

html, body { 
background-color: #FFF;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: small;
text-align: center;
}

a:link, a:visited, a:active {
color: #0000FF;
text-decoration: none;
}
a span {color: #008000}

a:hover, a:hover span {
color: #FF0000;
text-decoration: underline;
}

h1.intro1 {font-size: 12pt; margin: 0; padding: 0.1em; color: #000; background-color: #FFF; text-align: center; border: 0;}
h1.intro2 {font-size: 12pt; margin: 0 0 1.5em 0; padding: 0em; color: #FFF; background-color: #69C; text-align: center; border: 0;}

h1 {
width: 100%;
margin-top: 0;
border-bottom: 0.1em solid #EEE;
}
h1, h2, h3, h4, h5, h6 {
width: 100%;
color: #369;
}
h1 span, h2 span, h3 span, h4 span {
color: #69C;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
width: 100%;
color: #999;
}

p.p1 {
padding-left: 1.5em;
}

em {color: #036;}
strong {color: #036;}

ul {
list-style-type: square;
color: #000;
}

address {
padding: 1em 1.5em 1em 1.5em;
font-style: normal;
}

table {
font-size: 11pt;
width: auto;
table-layout: auto;
border-collapse: separate;
/*background-color: #369;*/
}
table tbody {
background-color: #369;
}

table tbody th {
padding: 0.5em;
background-color: #036;
color: #FFF;
font-size: 100%;
font-style: italic;
}
table tbody td {
padding: 0.5em;
background-color: #DEF;
}
table tfoot {

}


#top {
width: 780px;
text-align: left;
margin: 0 auto;
background-color: #FFF;
overflow: hidden;
}

#naglowek {
background-color: #FFF;
overflow: hidden;
}

#menu {

width: 20%;
font-size: 12pt;
margin: 1em 0 2em 0;
padding: 0.3em;
float: left;
overflow: hidden;
background-color: #EEE;
}
#pasek {
width: 20%;
margin: 1em 0 1em 1em;
padding: 0.5em;
float: right;
overflow: hidden;
background-color: #FCFCFC;
border-top: 1px solid #369;
border-right: 5px solid #369;
border-bottom: 1px solid #369;
border-left: 1px solid #369;
border-color: #369;
}

#tresc {
border: 0px outset #CCC;
margin-left: 20%;
padding: 3%;
overflow: hidden;
background-color: #FFF;

}

#stopka {
clear: both;
width: 100%;
margin: 1% 0 0 0;
padding: 0;
font-size: 12pt;
overflow: hidden;
text-align: center;
background-color: #EEE;

}
#stopka p {
margin: 0;
padding: 0.2em;
background-color: #EEE;
color: #666;
border-top: 1px solid #CCC;
}

/*navlist1 - lista nawigacyjna/menu pionowe*/

ul.navlist1 {
margin: 0;
padding: 0;
list-style-type: none;
width: 100%;
overflow: hidden;
}
ul.navlist1 li {
/*list-style-type: none;*/
display: block;
}
.navlist1 li a:link, .navlist1 li a:visited {
width: 100%;
display: block;
padding: 0.3em 0.5em 0.3em 0.8em;
background-color:  #069;
border-bottom: 1px solid #CCC;
font-weight: bold;
color: #DDD;
text-decoration: none;
}
.navlist1 li a:hover {
background-color: #036;
color: #FFF;
}
.navlist1 li#on a {
background-color: #000;
color: #FC3;
}


/*navlist2 - lista nawigacyjna/menu poziome*/

ul.navlist2 {
display: block;
margin: 0em;
padding: 0.3em 1em 0.3em 1em;
overflow: hidden;
background-color: #36A;
border: 1px solid #CCC;
color: #CCC;
text-align: right;
}
.navlist2 li {
display: inline;
margin: 0;
padding: 0;
/*background-color: #FFF;*/
list-style-type: none;
}
.navlist2 li a:link, .navlist2 li a:visited {
padding: 0.3em 1em 0.3em 1em;
color: #EEE;
text-decoration: none;
}
.navlist2 li a:hover {
background-color: #036;
color: #FFF;
text-decoration: none;
}
.navlist2 li#on a {
background-color: #000;
color: #F93;
}

/*navlist3 - lista nawigacyjna/menu poziome*/

ul.navlist3 {
display: block;
margin: 0;
padding: 0.3em 1em 0.3em 1em;
overflow: hidden;
background-color: #FFF;
/*border: 1px solid #CCC;*/
color: #CCC;
text-align: center;
}
.navlist3 li {
display: inline;
margin: 0;
padding: 0;
/*background-color: #FFF;*/
list-style-type: none;
}
.navlist3 li a:link, .navlist3 li a:visited {
padding: 0.3em 1em 0.3em 1em;
color: #00F;
text-decoration: none;
}
.navlist3 li a:hover {
background-color: #FFF;
color: #F00;
text-decoration: underline;
}
.navlist3 li#on a {
background-color: #000;
color: #F93;
text-decoration: underline;
}

/*iconlist - lista z ikonami pdf, doc ...*/

.iconlist {
margin: 0em;
padding: 0em;
list-style: none;
color: #999;
}
li.pdf {
background-image: url(fileicons/pdf.png);
background-repeat: no-repeat;
background-position: left top;
padding: 0.3em 0.3em 0.3em 20px;
margin: 0.3em;
color: #999;
}
li.doc {
background-image: url(fileicons/doc.png);
background-repeat: no-repeat;
background-position: left top;
padding: 0.3em 0.3em 0.3em 20px;
margin: 0.3em;
color: #999;
}
li.html {
background-image: url(fileicons/html.png);
background-repeat: no-repeat;
background-position: left top;
padding: 0.3em 0.3em 0.3em 20px;
margin: 0.3em;
color: #999;
}
li.email {
background-image: url(fileicons/email.gif);
background-repeat: no-repeat;
background-position: left;
padding: 0.3em 0.3em 0.3em 20px;
margin: 0.3em;
color: #666;
}


/*nbox - lista definicyjna boxy z tytułami*/
dl.nbox {
display: block;
margin: 0;
padding: 0;
text-align: left;
color: #666;
}
.nbox dt {
font-weight: border;
margin: 0.2em 0 0 0;
padding: 0.2em 0.5em 0.2em 0.5em;
background-color: #69C;
color: #FFF;
}
.nbox dt#on {
background-color: #000;
color: #FC3;
}
.nbox dd {
background-color: #FFF;
color: #000;
border: 1px solid #CCC;
margin: 0 0 1em 0;
padding: 0.5em
}
.nbox ul {
margin: 0 0 0 1.2em;
padding: 0em;
}


/*info - informacja */
.info {
border-left: 1em solid #00C;
padding: 0em 1em 0em 1em;
color: #000;
background-color: #FFF;
}

/*uwaga - uwaga */
.uwaga {
border-left: 1em solid #C00;
padding: 0em 1em 0em 1em;
color: #000;
background-color: #FFF;
}

/*floatleft - obiekt pływający w lewo*/
.floatleft {
float: left;
margin: 0 1em 1em 0;
}
/*floatright - obiekt pływający w prawo*/
.floatright {
float: right;
margin: 0 0 1em 1em;
}
/*floatclear - wyczyszczenie/wyłączenie opływania*/
.floatclear {
overflow: hidden;
clear: both;
}

/*center - obiekt wycentrowany*/
.center {
text-align: center;
}