* {
font-family:Verdana;
}

body {
background:url(../gfx/main/background3.jpg) 0 66px repeat-x;
}

div,p,a,h2,h1 {
color: black;

}



a {text-decoration: none;}

/* MAIN OBJECT BONE CONFIG */
/* Main full-window size DIV */
div#all {
width: 100%;
}

/* Min heights of divs */
div#all,#outer,#outerL,#outerR {
min-height: 100%;}

/* Main container, everythings on page is in it */
div#container{
width: 892px;
margin: 0 auto;
border: 0;
padding: 0;
}

/* Left,right content ON */
#outer {
margin-left:190px;
margin-right:236px;
}

/* Only left content ON */
#outerL {
margin-left:190px;
}

/* Only right content ON */
#outerR {
margin-right: 236px;
}

/* Left content box */
#left {
position:relative;
width:172px; /* the same as left margin of outer (minus padding) */
float:left;
margin-left:-189px; /* 1px smaller becouse firefox bug */
left:-1px;/* putting column in right place */
padding: 0 9px;
overflow: hidden;
}

/* Right content box */
#right {
position:relative;
float:right;
left:1px;
padding-left: 4px;
width:232px; /* the same as right margin of outer (minus padding) */
margin-right:-235px;
}

/* Header config START */
div#header,div#headerL,div#headerR {
/*background-color: inherit;*/
width: 892px;


}

div#header {margin:0 -236px 0 -190px;} /* Left and right content ON */
div#headerL {margin-left: -190px;} /* Only left content ON */
div#headerR {margin-right: -236px;} /* Only right content ON */

/* Header spacer beetwen content and header */
div#header-belka, div#header-belkaL,div#header-belkaR {
height: 20px;
overflow:hidden;
}

div#header-belka {margin:4px -236px 4px -190px;}
div#header-belkaR {margin:4px -236px 4px 0;}
/* Header config END */

/* Content config START */
#contentLogo {
text-align:center;
/*clear:all;*/
height: 228px;


;}
/* Content config END */

/* Footer config START */
/* make space for footer, h(this) < h(footer) */
#clearfooter{
clear:both;
height:12px;
}

#footer {
text-align: center;
padding-top:4px;
margin: 0 auto;
background-color: #CFCFCF;
}

#footer #wykonawca {
border-top: 2px solid white;
margin-top: 16px;
height: 36px;
background:url(../gfx/main/wykonawcaLogo.jpg) center 2px no-repeat #CFCFCF;

}
/* Footer config END */

div#menuTop {
padding-top: 10px;
padding-bottom: 10px;
height: 45px;
/*background:url(../gfx/main/topLogo.png) 0 10px no-repeat white;*/*/

}

#menuRight {
text-align: right;
padding-top: 15px;
float: right;
position: relative;
width: 660px;
}



div#pageContent,div#pageContent2 table {
width: 100%;
}

div#pageContent,div#pageContent2 {
background:url(../gfx/main/tlo_znak_z_logo.png) 20px 20px no-repeat;
}

div#pageContent,div#pageContent2,div#pageContent3 {
min-height: 568px;
font-size: 13px;
}

div#pageContent2 {
margin-left: 8px;
margin-right: 12px;

}

div#pageContent3 #onas {
float: right;
position: realtive;
width: 312px;
margin-left: 4px;
margin-right: 8px;
padding: 2px 4px;
/*background-color:red;*/
}

div#pageContent3 #onas p {
text-align: justify;
}

div#onas img {
width: 298px;
margin: 8px 0;
}

div#pageContent3 #aktualnosci {
float: left;
position: realtive;
width: 296px;
/*background-color:blue;*/
margin-right: 4px;

padding: 2px 4px;
}

.aktualnosciCell td {
padding-bottom: 10px;
}

table.aktualnosciCell {
}


td#archiwum div {
text-align:right;
}

td#archiwum div a {
color: #767676;
font-size: 10px;
}

#aktualnosci .aktualnosciCell {
font-size: 11px;

}

img.thumb2 {
float:left;
position: relative;
margin-top: 6px;
margin-right:6px;
}

.aktualnosciCell .data {
float: right;
position: relative;
width: 80px;
color: gray;
text-align: right;
font-size: 10px;
padding-top: 4px;

}


.aktualnosciCell .tytul {
color: #337085;
font-size: 14px;
font-weight:bold;
}

.aktualnosciCell img.thumb {
float:left;
margin-right: 6px;
margin-top: 6px;
max-width: 120px;

position: relative;
}


.aktualnosciCell a:visited {
color:black;
}

.aktualnosciCell a {
color:black;

}



.aktualnosciCell .tresc {
margin-top: 4px;
padding: 4px 0;
line-height: 150%;
text-align: justify;
font-size: 13px;
}

.wiedza {
line-height: 150%;
font-size:13px;
text-align: justify;
margin-bottom:20px;
}


div#menuRight p {
font-size: 11px;
text-align:right;
}

div#pageContent p,#pageContent2 p, #pageContent3 p{
font-size: 13px;
text-align: justify;
line-height: 150%;
}

/*#pageContent2 ul {margin-left: 20px;list-style: square;}*/
/*#pageContent2 li {padding-left: 10px;}*/

div.spacer1 {
height: 12px;
}

.text-title1 {
margin: 12px 0;
font-size: 14px;
font-weight: bold;
color:#00000;
}

.text-title2 {
font-size: 12px;
margin: 4px 0;
text-decoration: underline;
font-weight: bold;
}

.text-title3 {
font-size: 12px;
margin: 12px 0 4px 0;
font-style: italic;
font-weight: bold;
}

.text-title4 {
margin: 12px 0;
font-size: 16px;
font-weight: bold;
color:#00000;
}

.text-title5 {
margin: 12px 0;
font-size: 13px;
font-weight: bold;
color:#00000;
letter-spacing: 1px;
text-align: center;
}


.pad1 {
padding: 6px 2px;}

.pad2 {
margin: 30px auto;
text-align:center;
}

.pad3 {
padding: 12px 0;}

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

.good, .error {
padding-left: 22px;
font-weight: bold;
font-size: 12px;
height: 20px;
}

.red {
color: red;
}

/* FORMULARZ KONTAKTOWY */
form#kontaktForm {
margin: 0 auto;
width: 600px;
padding: 4px;
font-size: 12px;
}

form#kontaktForm table td {
padding: 2px 0;
}

form#kontaktForm table {
width: 100%;
}


form#kontaktForm p {
line-height: 150%;
color: gray;
font-size: 12px;
}

form#kontaktForm textarea {
width: 400px;
min-height: 60px;
}

form#kontaktForm input[type="submit"] {
height:22px;
font-size:14px;
padding-bottom:2px;
width: 160px;
background-color:#4685A8;
color: white;
border: 0;

}

form#kontaktForm input[type="text"] {
height: 18px;
color: #4685A8;
padding: 1px 2px;
}

form#kontaktForm table td.left {
width: 120px;

}
/* KONIEC FORMULARZ KONTAKTOWY */


.good {
background:url(../gfx/ico/ico_accept.png) 0 0 no-repeat;
color: #4685A8;
}

.error {
background:url(../gfx/ico/ico_formError.gif) 0 0 no-repeat;
color: red;
}



div#rightBanner {

margin-top: 22px;
}

h2 {
font-size: 18px;
font-weight: normal;
padding-bottom: 6px;
/*margin-bottom: 4px;*/
letter-spacing: 1px;
}


#rightBanner p {
font-size: 12px;
color: #4E4E4E;
line-height: 125%;
font-weight: bold;
text-align: center;
padding: 4px 0;
}

#rightBanner h1 {

color: #2B749D;
font-weight:bold;
font-size: 14px;
padding: 6px 0;
}


#pageContent h2, #rightBannery h2, #pageContent2 h2, #pageContent3 h2 {
color: black;
border-bottom: 1px solid #9C9C9C;
margin-bottom: 8px;
}

h2 > span.up {
text-transform: uppercase;
}

div.wiecej {
float: right;
position: relative;
text-align:center;
padding-top: 2px;
width: 50px;
height: 20px;
background:url(../gfx/ico/ico_wiecej.png) 0 0px no-repeat;
}

div.wiecej > a:visited {
color: white;
}

div.wiecej > a {
font-size: 12px;
color: white;
text-decoration: none;
}

/* Styles of list */
ul li#active a {
color: white;
}

ul.lista4 {
margin-top: 6px;
}

ul.lista4, ul.lista4 li {
margin-left: 6px;
padding: 0;
list-style: square;
font-size: 10px;
}

ul.lista4 li:hover {
border: 0;
}

ul.lista4 li {
border-bottom: 1px dashed gray;
margin-bottom: 16px;
padding-bottom: 4px;
color: gray;
}


ul.lista4 li a {
font-size: 13px;
color: gray;
text-decoration: none;
}

ul.lista3, ul.lista3 li {

margin-left: 6px;
padding-left: 6px;
list-style: circle;
}

ul.lista3 li {
font-size: 12px;
line-height: 150%;
}

ul.lista2, ul.lista2 li {
margin-left: 6px;
padding-left: 6px;
list-style: square;
}

ul.lista2 li {
font-size: 12px;
color: white;
line-height: 130%;
}

ul.lista, ul.lista li {
display:block;
list-style:none;
margin:0;
padding:0
}

ul.lista li {
display:inline;
}


#menuRight > ul.lista {
padding-top: 15px;
height: 26px;
}




#menuRight > ul.lista a {
font-size:14px;
font-weight:normal;
color: #5C5C5C;
text-decoration: none;
}

#footer ul.lista {
padding-top: 10px;
}

#footer ul.lista li {
color: #666666;

}

#footer ul.lista a {
font-size:12px;
font-weight:normal;
color: #666666;
letter-spacing:1px;
margin:0;
padding:0 4px;
text-decoration: none;
}

.floatL, .floatR {
position: relative;
}

.floatL { float: left;}
.floatR { float: right;}

.clear { clear: all;}

/* KLASA OVERLAY - efekt GLOW CSS */
.overlay {
background:#C5C5C5 none repeat scroll 0 0;
border:medium none;
margin:auto;
padding:0;
position:relative;
display:inline;
}

.overlay .crns {
background:transparent url(../gfx/glow/displayCorners.png) no-repeat scroll 0 0;
}
.overlay .sideUpDown {
background:transparent url(../gfx/glow/displayUpDown.png) repeat-x scroll 0 0;

}
.overlay .sideLeftRight {
background:transparent url(../gfx/glow/displayLeftRight.png) repeat-y scroll 0 0;
}
.overlay .crn-leftTop {
	POSITION: absolute; WIDTH: 15px; DISPLAY: block; BACKGROUND-POSITION: 0px 0px; HEIGHT: 15px; OVERFLOW: hidden; TOP: -15px; LEFT: -15px;
}
.overlay .crn-leftBottom {
	POSITION: absolute; WIDTH: 15px; BOTTOM: -15px; DISPLAY: block; BACKGROUND-POSITION: 0px 100%; HEIGHT: 15px; OVERFLOW: hidden; LEFT: -15px;
}
.overlay .crn-rightTop {
	POSITION: absolute; WIDTH: 15px; DISPLAY: block; BACKGROUND-POSITION: 100% 0px; HEIGHT: 15px; OVERFLOW: hidden; TOP: -15px; RIGHT: -15px;
}
.overlay .crn-rightBottom {
	POSITION: absolute; WIDTH: 15px; BOTTOM: -15px; DISPLAY: block; BACKGROUND-POSITION: 100% 100%; HEIGHT: 15px; OVERFLOW: hidden; RIGHT: -15px;
}
.overlay .side-up {
	POSITION: absolute; DISPLAY: block; BACKGROUND-POSITION: 0px 0px; HEIGHT: 15px; OVERFLOW: hidden; TOP: -15px; RIGHT: 0px; LEFT: 0px;
}
.overlay .side-down {
	POSITION: absolute; BOTTOM: -15px; DISPLAY: block; BACKGROUND-POSITION: 0px 100%; HEIGHT: 15px; OVERFLOW: hidden; RIGHT: 0px; LEFT: 0px;
}
.overlay .side-left {
	POSITION: absolute; WIDTH: 15px; BOTTOM: 0px; DISPLAY: block; BACKGROUND-POSITION: 0px 0px; HEIGHT: 100%; OVERFLOW: hidden; TOP: 0px; LEFT: -15px;
}
.overlay .side-right {
	POSITION: absolute; WIDTH: 15px; BOTTOM: 0px; DISPLAY: block; BACKGROUND-POSITION: 100% 0px; HEIGHT: 100%; OVERFLOW: hidden; TOP: 0px; RIGHT: -15px;
}

/* Rounded corners IMG */
table.lista1 a {
font-size:14px;

font-weight:normal;
color: #5C5C5C;
text-decoration: none;
}

table.lista2 a {
font-size:12px;


color: #767676;
text-decoration: none;

}


table.lista1 td,table.lista2 td {
vertical-align: middle;
}

table.lista1 {
margin-top: 8px;
height: 26px;
text-align: right;
float: right;
}

table.lista2 {
text-align: center;
margin: 0 auto;
height: 25px;
margin-top: 6px;


}

.menuGap1, .menuGap2 {
width: 10px;
}

.cornerMiddle1 {
background-color: #BEBEBE;
text-align: center;
height: 26px;
vertical-align: middle;
}

.cornerMiddle2 {
background-color: #ADADAD;
text-align: center;
height: 25px;
vertical-align: middle;
}

.cornerLeft1,.cornerRight1,.cornerMiddle1 {
width: 7px;
height: 26px;
}

.cornerLeft2,.cornerRight2,.cornerMiddle2 {
height: 25px;
width: 11px;
}

.cornerLeft1 {
background: transparent url(../gfx/main/topMenuTlo1.png) 0 0 no-repeat;
vertical-align:bottom;
}

.cornerLeft2 {
background: transparent url(../gfx/main/footerMenuTlo1.png) 0 0 no-repeat;
vertical-align:bottom;
}

.cornerRight1 {
background: transparent url(../gfx/main/topMenuTlo2.png) 0 0 no-repeat;
vertical-align:bottom;
}

.cornerRight2 {
background: transparent url(../gfx/main/footerMenuTlo2.png) 0 0 no-repeat;
vertical-align:bottom;
}

td#subMenu1 {
width: 130px;
}

td#subOpis1 h3 {
margin-top: 10px;
margin-bottom: 20px;
font-size: 14px;

}

td#subOpis1 p {
text-align: justify;
margin-bottom: 0.5em;
}

td#subSpacer1 {
width: 20px;
}

#pracownicy {
border: 1px solid black;
padding: 10px;
margin: 10px 0;
}

#pracownicy > legend {
font-size: 14px;
font-weight: bold;
}


/* Ankieta */
.ankieta2 a:visited {color:white;}
.ankieta2 a {
color: white;
font-size: 12px;
font-weight:bold;
}

.ankieta2 td.prev {

width: 200px;
text-align:right;
}

.ankieta2 td.next {
width: 200px;
text-align:right;
padding-right: 10px;
}

.ankieta2  td {
vertical-align: middle;
padding-left: 10px;
}


.ankieta2  {
margin-top: 12px;
height: 40px;
color: white;
font-size: 12px;
background-color: #39AAD6;
width: 100%;

}
/* Koniec ankieta menu dol */


table#ankietaForm input[type=text] {width: 100%;}
table#ankietaForm input[type=text].size1 {width: 90%;}
table#ankietaForm input[type=text].size2 {width: 30%;}
table#ankietaForm input[type=text].size3 {width: 20%;}
table#ankietaForm input[type=text].size4 {width: 50%;}



table#ankietaForm textarea, table#ankietaForm input[type=text], table#ankietaForm select {
background-color: #F2f2f2;
border: 1px solid gray;
}

table#ankietaForm textarea {width: 100%;}



table#ankietaForm p {
margin-top: 10px;
font-size: 12px;
text-align:left;
padding: 0 8px;
}



table#ankietaForm {
margin-top: 12px;
border: 1px solid #9C9C9C;
width: 100%;

}

/* Partnerzy w sekcji Kontakt */
table#partnerzyBox td {
padding: 20px 0;
width: 50%;
text-align:center;
vertical-align:middle;
}

table#partnerzyBox {
width: 100%;
}

.font1{ font-size: 10px;}

#karieraBox {
border: 1px solid #9C9C9C;
padding: 4px 12px;
}

/* Program partnerski */
table#ppBox td p {color:white;padding: 12px 0 4px 0;text-align:Center;}
table#ppBox td input {width: 80%;height: 22px;}
table#ppBox td input[type=submit] {width: 40%;background-color: white;border:0;height: 22px;font-weight:bold;}



table#ppBox td {
vertical-align: middle;

}

table#ppBox {
width: 337px;
height: 210px;
text-align: center;

background:url(../gfx/main/pod_log.jpg);
}

/* KLIENCI BOX */
div#klienciBox img {
margin: 30px 10px;
}

#subOpis1 #zrodlo * {
color: gray;
font-size: 11px;
}

/* STARE STYLE ZE STRONY MITRUM */
.maintxtbig_b strong,.maintxt strong {color:#2892BC;}
.maintxtbig_b {
color:#2892BC;
font-size:14px;
font-weight:bold;
text-align:left;
margin-top: 12px;
}

.maintxt {
text-align: justify;
color:black;
font-size:12px;
}

ul.style7 {
margin-left: 10px;
padding-left: 8px;
list-style: circle;
}

.style7 {font-size: 12px; line-height: 150%;color: #000;}
.style8 {color: #000;line-height: 150%;}
.style13 {font-size: 12px;}


.style15 {font-size: 12px; line-height: 150%;}
.style17 {color: #000;line-height: 150%;}
.style18 {color: #000;line-height: 150%;}
.style19 {font-size: 14px; font-weight: bold; color: #000;line-height: 150%;}
.style21 {color: #000; line-height: 150%; font-weight: bold;}
.style22 {font-size: 14px;}
.style23 {font-size: 14px}
.ankieta {font-size: 12px;color:white;}


