/* CSS Document */
body{
font-family: "Verdana";
font-size: 11px;
text-align: center;
color: #27292d;
}

a:link, a:active, a:visited{
color: #f9f9f9;
text-decoration: none;
}

a:hover{
color: #fcdb04;
text-decoration: none;
}


p{
text-align: justify;
border: 0px solid black;
padding: 10px 20px 10px 20px;
line-height: 16px;
}

p.small{
font-size: 9px;
padding: 0px 20px 0px 20px;
}

p.foto{
font-size: 9px;
padding: 0px;
margin: 0px;
text-align: right;
}

mocne{
color: #4a5367;
}

h1{
font-size: 14px;
font-variant: small-caps;
text-align: center;
padding: 0px 0px 0px 0px;
margin: 20px 0px 5px 0px;
}

h2{
color: #4a5367;
font-size: 12px;
font-variant: small-caps;
text-align: center;
padding: 0px 10px 0px 10px;
margin: 10px 0px 5px 0px;
}

h3{
color: #4a5367;
font-size: 11px;
font-variant: small-caps;
text-align: left;
padding: 0px 0px 0px 0px;
margin: 10px 0px 5px 0px;
}

ul{
list-style-type: none;
line-height: 15px;
padding: 10px 20px 20px 15px;
}

#introtext ul{
list-style-type: none;
line-height: 15px;
padding: 0px 0px 0px 20px;
}

li{
text-align: justify;
}

hr{
margin: 10px 0px 10px 0px;
}

#box{
position: relative;
top: 12px;
/*left: -5px;*/
width: 1000px;
min-height: 630px;
margin: 0 auto;
border: 0px solid black;
background-image: url(img/tlo.jpg);
background-repeat: no-repeat;
z-index: 1;
}

#error{
background-image: url(img/tlo.png);
border: 1px solid black;
position: relative;
top: 0px;
left: 0px;
width: 800px;
height: 430px;
margin: 0 auto;
z-index: 2;
}

#logo{
position: relative;
left: 0px;
top: -12px;
text-align: left;
border: 0px solid black;
}

#menu{
position: relative;
width: 880px;
left: 110px;
top: -27px;
z-index: 2;
border: 0px solid black;
}

#menu2{
position: relative;
width: 880px;
left: 110px;
top: -25px;
z-index: 2;
border: 0px solid black;
}

#menu a {
display: inline-block;
margin-left: 35px;
font-size: 11px;
text-decoration: none;
font-weight: bold;
}

#menu2 a {
display: inline-block;
margin-left: 35px;
font-size: 11px;
text-decoration: none;
font-weight: bold;
}

#main{
position: relative;
top: -21px;
width: 1000px;
z-index: 2;
}

#main2{
position: relative;
top: -19px;
width: 1000px;
z-index: 2;
}

#content{
position: absolute;
top: 0px;
left: 0px;
width: 1000px;
height: 476px;
z-index: 3;
}

#intro{
position: absolute;
background-image: url(img/tlo.png);
width: 500px;
height: 75px;
left: 1px;
top: 399px;
z-index: 5;
border-top: 1px solid black;
border-right: 1px solid black;
}

#introtext{
position: absolute;
width: 500px;
height: 75px;
left: 1px;
top: 399px;
z-index: 6;
}

#news{
position: absolute;
width: 240px;
height: 216px;
background-image: url(img/news.png);
left: 15px;
top: 240px;
z-index: 5;
}

#newstext{
position: absolute;
width: 240px;
height: 216px;
left: 15px;
top: 240px;
z-index: 6;
}

#newstext p, #introtext p{
text-align: justify;
border: 0px solid black;
padding: 0px 10px 10px 10px;
line-height: 14px;
}

#b2s{
position: absolute;
width: 300px;
height: 474px;
background-image: url(img/tlo.png);
left: 698px;
top: 1px;
z-index: 5;
border-left: 1px solid black;
}

#b2s a{
font-weight: bold;
color: #2b2e35;
}

#b2s a:hover{
text-decoration: underline;
}

#b2stext{
position: absolute;
width: 300px;
height: 474px;
left: 698px;
top: 1px;
z-index: 6;
}

#b2stext a, #realizacjatext a{
font-size: 10px;
color: #000000;
font-weight: bold;
}

#realizacje{
position: absolute;
width: 320px;
height: 474px;
background-image: url(img/tlo.png);
left: 678px;
top: 1px;
z-index: 5;
border-left: 1px solid black;
}

#realizacjetext{
position: absolute;
width: 320px;
height: 474px;
left: 678px;
top: 1px;
z-index: 6;
}

#kontakt{
position: absolute;
width: 240px;
height: 216px;
background-image: url(img/news.png);
left: 745px;
top: 240px;
z-index: 5;
}

#kontakttext{
position: absolute;
width: 240px;
height: 216px;
left: 745px;
top: 240px;
z-index: 6;
}

#realizacjetext a{
line-height: 26px;
font-size: 10px;
color: #000000;
font-weight: bold;
text-align: center;
}

#kontakttext a{
font-size: 10px;
color: #000000;
font-weight: bold;
text-align: center;
}

#realizacjetext a:hover, #kontakttext a:hover, #b2stext a:hover, #realizacjatext a:hover, #sitemap2 a:hover{
color: #4a5367;
}

#narzedzia{
position: absolute;
width: 550px;
height: 474px;
background-image: url(img/tlo.png);
left: 448px;
top: 1px;
z-index: 5;
border-left: 1px solid black;
}

#narzedziatext{
position: absolute;
width: 500px;
height: 474px;
left: 25px;
top: 1px;
z-index: 6;
text-align: left;
}

#realizacja{
position: absolute;
width: 350px;
height: 474px;
background-image: url(img/tlo.png);
left: 1px;
top: 1px;
z-index: 6;
}

#realizacjatext{
position: absolute;
width: 350px;
height: 474px;
left: 1px;
top: 1px;
z-index: 6;
}

#realizacjagaleria{
position: absolute;
width: 648px;
height: 474px;
left: 351px;
background-image: url(img/tlo.png);
top: 1px;
z-index: 5;
}

#realizacjagaleria2{
position: absolute;
width: 520px;
height: 410px;
left: 430px;
top: 30px;
border: 1px solid black;
background-color: white;
z-index: 6;
}

#galeria{
position: absolute;
left: 12px;
top: 553px;
width: 220px;
font-size: 10px;
color: #e4e4e4;
text-align: left;
}

#galeria a{
display: inline-block;
margin-left: 20px;
font-size: 11px;
text-decoration: none;
}

#copyright{
position: absolute;
top: 553px; 
left: 690px;
width: 300px;
color: #e4e4e4;
font-size: 10px;
border: 0px solid white;
text-align: left;
}

#copyright a{
display: inline-block;
font-size: 10px;
margin-left: 20px;
text-decoration: none;
}

#sitemap{
position: absolute;
top: 580px; 
left: -8px;
width: 700px;
font-size: 10px;
border: 0px solid white;
text-align: left;
}

#sitemap2{
position: absolute;
top: 220px; 
left: 120px;
width: 800px;
border: 0px solid white;
text-align: left;
z-index: 3;
}

#sitemap a{
display: inline-block;
width: 140px;
font-size: 10px;
color: #ababab;
margin-left: 20px;
text-decoration: none;
line-height: 20px;
}

#sitemap2 a{
display: inline-block;
width:180px;
margin-left: 20px;
text-decoration: none;
line-height: 30px;
font-size: 10px;
color: #000000;
font-weight: bold;
}

.wiecej{
width: 300px;
position: relative;
top: -12px;
left: 270px;
line-height: 1px;
font-size: 10px;
color: #000000;
font-weight: bold;
text-align: left;
}

.wiecejText{
padding-top: 10px;
padding-bottom: 10px;
line-height: 16px;
text-align: justify;
}

.wiecejText ul{
padding-top: 0px;
padding-bottom: 0px;
list-style-type: decimal-leading-zero;
line-height: 16px;
list-style-position: inside;
text-align: left;
}


.wiecejText2{
margin-top: 0px;
padding-top: 0px;
padding-bottom: 10px;
line-height: 16px;
list-style-position: inside;
}

.wiecejText2 p{
margin: 0;
padding: 0;
}


#narzedzia h1{
margin-bottom: 10px;
}

#narzedzia h3{
margin-top: 5px;
margin-bottom: 5px;
}

#jakdzialamy{
position: absolute;
width: 350px;
height: 474px;
background-image: url(img/tlo.png);
left: 1px;
top: 1px;
z-index: 2;
}

#jakdzialamytext{
position: absolute;
width: 370px;
height: 474px;
left: 25px;
top: 1px;
z-index: 6;
}

#jakdzialamytext ul{
list-style-type: decimal-leading-zero;
}

#jakdzialamytext h1{
margin-bottom: 20px;
}

#jakdzialamytext h3{
margin-top: 5px;
margin-bottom: 5px;
}

#jakdzialamytext p{
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px;
}