html, body{
margin: 0; padding: 0;
font: normal 10pt Arial;
height: 100%;
text-align: left;
}
html{
background: #FFF url(../gfx/header_left.jpg) 0 0 no-repeat;
}
body{
height: 100%;
background: url(../gfx/header_right.jpg) 568px 0 no-repeat;
}

#body_container{
min-height: 100%;
height: auto;
position: relative;
background: url(../gfx/background_bottom.jpg) 0 144px no-repeat;
}
#header_container{
height: 144px;
}
#top_container{
height: 35px;
background: url(../gfx/red_stripes.gif) 0 0 repeat-x;
}
#left_container{
float: left;
width: 240px;
padding-bottom: 0px;

}
#center_container{
margin-left: 250px;
padding: 10px 25px 200px 25px;
width: 700px;
text-align: justify;
}
#clearing{
clear: both;
}
#bottom_container{
position: absolute;
bottom: 0; left: 0;
width: 100%;
padding-top: 20px;
height: 50px;
line-height: 50px;
background: url(../gfx/red_stripe.gif) 0 15px repeat-x;
}

p.msg{
color: #E1001B;
font-weight: bold;
padding-left: 30px;
height: 25px;
line-height: 25px;
background: url(../gfx/info.png) 0 0 no-repeat;
}

/* slogan */

#header_container h1{
margin: 0;
}

#header_container a{
display: block;
padding: 95px 0 0 80px;
font: 13pt "Arial Black" bold;
color: #000;
text-decoration: none;
/* text-transform: uppercase; */
width: 500px;
text-shadow: #999 3px 3px 3px;
}

/* naglowki */

#center_container h2.title{
text-transform: uppercase;
text-shadow: #999 3px 3px 3px;
}

#center_container h2.title a{
text-decoration: none;
color: #000;
cursor: default;
}

#center_container h2.margin{
margin-top: 40px;
}

#center_container h3 a{
color: #000;
}

#center_container a{
color: #E1001B;
text-decoration: none;
}

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

#center_container a.active{
color: #000;
font-weight: bold;
}

#center_container a img{
border: 0;
}

/* lista projektow */

h3.one_category{
margin-bottom: 0;
} 
p.opis{
margin-top: 0;
padding-left: 25px;
color: #999;
}      
p.opis:hover{
color: #000;
}      

p.opis a.more{
display: none;
}

p.opis:hover a.more{
display: inline;
}

table.project_list{
width: 99%;
border-collapse: collapse;
margin-bottom: 10px;
}
table.project_list td{
vertical-align: top;
color: #CCC;
}

#center_container table.project_list a.more{
display: none;
}
#center_container table.project_list h3 a{
color: #CCC;
}

#center_container table.project_list tr:hover td{
color: #000;
}
#center_container table.project_list tr:hover h3 a{
color: #000;
}

#center_container table.project_list tr:hover a.more{
display: inline;
}

table.project_list td.picmini{
padding-bottom: 10px;
background: #FFF url(../gfx/horizontal_stripe.gif) 0 100% no-repeat;
width: 120px;
}
table.project_list td.opis{
padding: 5px 5px 10px 5px;
background: url(../gfx/horizontal_stripe.gif) -140px 100% no-repeat;
color: #FFF;
}

table.project_list tr:hover td.picmini{
background: url(../gfx/horizontal_stripe_hover.gif) 0 100% no-repeat;
}
table.project_list tr:hover td.opis{
background: url(../gfx/horizontal_stripe_hover.gif) -140px 100% no-repeat;
color: #000;
}

table.project_list td.opis h3{
margin: 0;
padding: 0;
font: 10pt "Arial Black" bold;
color: #000;
}
#center_container table.project_list a.pic{
position: relative;
}
#center_container table.project_list a.pic span.zoom{
position: absolute;
bottom: 8px;
right: 5px;
display: block;
width: 24px;
height: 24px;
background: url(../gfx/zoom.png) 0 0 no-repeat;
}
#center_container table.project_list tr:hover a.pic span.zoom{
opacity: 0;
}
#center_container table.project_list a.pic img{
width: 120px;
height: 90px;
border: solid 1px #000;
opacity: 0.3;
}
#center_container table.project_list tr:hover a.pic img{
opacity: 1;
}

#center_container div.pics{
background: url(../gfx/horizontal_stripe_hover.gif) 0 0 no-repeat;
margin-top: 20px;
padding-top: 20px;
}

#center_container div.pics a.pic{
position: relative;
background: #FFF;
display: block;
float: left;
margin: 0 20px 20px 0;
}

#center_container div.pics .celearpicsfloat{
clear: left;
}
#center_container div.pics a.pic span.zoom{
position: absolute;
bottom: 8px;
right: 5px;
display: block;
width: 24px;
height: 24px;
background: url(../gfx/zoom.png) 0 0 no-repeat;
}
#center_container div.pics a.pic:hover span.zoom{
opacity: 0;
}
#center_container div.pics a.pic img{
width: 120px;
height: 90px;
border: solid 1px #000;
opacity: 0.3;
}
#center_container div.pics a.pic:hover img{
opacity: 1;
}

/* menu lewe */

#parent_0_4_level1{
margin: 0; padding: 0;
list-style: none;
padding-top: 50px;
}

#parent_0_4_level1 li{
background: url(../gfx/menu_stripe.png) 0 0 no-repeat;
height: 44px;
}

#parent_0_4_level1 li.active{
background: url(../gfx/menu_active_background.png)  0 -38px no-repeat;
}

#parent_0_4_level1 li a{
display: block;
padding-left: 30px;
background: url(../gfx/menu_stripe.png) 0 39px no-repeat;
font: 10pt "Arial Black" bold;
letter-spacing: 1px;
color: #000;
text-decoration: none;
height: 40px;
line-height: 40px;
}
#parent_0_4_level1 li a.active{
background: url(../gfx/menu_active_background.png) 0 1px no-repeat;
cursor: default;
}
#parent_0_4_level1 li a span{
display: none;
color: #E1001B;
font: 8pt Arial normal;
letter-spacing: 1px;
text-decoration: underline;
}
#parent_0_4_level1 li a:hover span{
display: inline;
}
#parent_0_4_level1 li a.active:hover span{
display: none;
}

/* menu dolne */

#parent_0_6_level1{
margin: 0; padding: 0;
list-style: none;
width: 650px;
padding-left: 570px;
}
#parent_0_6_level1 li{
float: left;
}

#parent_0_6_level1 li a{
margin-top: -20px;
float: left;
display: block;
padding: 20px 20px 0 20px;
height: 50px;
line-height: 50px;
background: url(../gfx/vertical_bottom_menu_stripe.gif) 100% 1px no-repeat;
color: #000;
text-decoration: none;         
}
#parent_0_6_level1 li a:hover, #parent_0_6_level1 li a.active{
text-decoration: underline;
color: #E1001B;
}
#parent_0_6_level1 li a.active{
cursor: default;
}

#parent_0_6_level1 li a.a_6_3, #parent_0_6_level1 li a.a_6_5{
width: 60px;
text-align: center;
}
/* credits */

#jigsaw{
display: block;
width: 60px;
height: 40px;
background: url(../gfx/credits/jcmpowered3b.png) 0 0 no-repeat;
position: absolute;
bottom: 5px;
left: 50px;
z-index: 70;
}
#jigsaw:hover{
background-position: 0 -40px;
}
#jigsaw span{
display: none;
}

#jrwd{
display: block;
width: 80px;
height: 30px;
background: url(../gfx/credits/jrwd3b.png) 0 0 no-repeat;
position: absolute;
bottom: 10px;
left: 120px;
z-index: 70;
}
#jrwd:hover{
background-position: 0 -30px;
}
#jrwd span{
display: none;
}