/*
************************

	kontenery

************************
*/
html, body{
padding: 0; margin: 0;
font: normal 10pt Verdana, "Trebucher MS", Tahoma;
color: #FFF;
text-align: center;
background: #000;
height: 100%;
}
#body_container{
width: 1000px;
margin: 0 auto;
position: relative;
height: auto;
min-height: 100%;
background: #000 url(../gfx/back_main.jpg) 50px -10px repeat;
/* background: #000 url(../gfx/center2.jpg) 320px 100px no-repeat; */
}
#header_container{
height: 104px;
background: #000 url(../gfx/header.jpg) 0 0 no-repeat;
position: relative;
z-index: 59;
}
#dirt_left_container{
width: 50px;
background: url(../gfx/dirt_left.png) 0 0 repeat-y;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 60;
}
#dirt_right_container{
width: 50px;
background: url(../gfx/dirt_right.png) 0 250px repeat-y;
height: 100%;
position: absolute;
right: 0;
top: 0;
z-index: 60;
}
#dirt_footer_container{
width: 1000px;
background: url(../gfx/dirt_footer.png) 50% 0 no-repeat;
height: 45px;
position: absolute;
left: 0;
bottom: 30px;
z-index: 61;
}
#left_container{  
position: absolute;
left: 10px;
top: 0;
width: 320px;
height: 100%;
z-index: 58;
padding-right: 4px;
overflow: hidden;
background: #000;
}
#center_container{
margin-left: 345px;
padding-bottom: 260px;
margin-right: 40px;
font-size: 8pt;
text-align: left;
}
#clearing{
clear: both;
}

#bottom_container{
height: 35px;
background: url(../gfx/bottom_menu_background.png) 0 0 repeat-x;
width: 900px;
padding: 10px 50px 0 50px;
position: absolute;
left: 0; bottom: 203px;
z-index: 59;
}

#footer_container{
width: 1000px;
background: url(../gfx/bottom_background.gif) 0 0 repeat-x;
position: absolute;
left: 0; bottom: 0px;
height: 203px;
z-index: 59;
}

/* inne */

.kontakt{
width: 99%;
}
.kontakt .opis{
width: 25%;
}
.kontakt .text, .kontakt textarea{
width: 100%;
}

span#caption{
color: #000;
}	
span.required, span.error{
font-weight: bold;
color: #ED1C24;
}
span.error{
font-size: 7pt;
display: block;
}

span.strike{
text-decoration: line-through;
}

#center_container a, #right_container a{
color: #FFF;
/* font-weight: bold; */
text-decoration: none;
}

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

p.link a{
padding: 1px 0 3px 20px;
background: url(../gfx/link_arrow.png) 0 0 no-repeat;
}

/* bottom menu */

#bottom_nav_menu ul{
margin: 0; padding: 0 0 0 0px;
list-style: none;
}
#bottom_nav_menu li{
float: left;
}
#bottom_nav_menu li a{
display: block;
float: left;
height: 35px;
line-height: 35px;
padding: 0 2px 0 35px;
background: url(../gfx/link_arrow.png) 10px 10px no-repeat;
color: #FEFD02;
/* font-weight: bold; */
text-decoration: none;
}
#bottom_nav_menu li a:hover{
text-decoration: underline;
}
#bottom_nav_menu li a.active{
color: #ED1C24;
}
#bottom_nav_menu li a.active:hover{
text-decoration: none;
cursor: default;
}

/* random pics */

#left_container p{
margin: 2px 0 0 0;
}

/* center shadow background */

h1.title{
text-align: center;
font-size: 17pt;
height: 45px;
padding-top: 15px;
margin-bottom: 0;
background: url(../gfx/text_background_top.png) 0 0 no-repeat;
}
#center_container .tresc{
padding: 0 15px 15px 15px;
background: url(../gfx/text_background_bottom.png) 0 100% no-repeat;
text-align: justify;
}

p.msg{
font-weight: bold;
color: #FEFD02;
margin: 0;
padding: 1em 1.5em;
background: url(../gfx/text_background_bottom.png) 0 0 no-repeat;
}
#center_container form{
padding: 15px;
margin: 0;
background: url(../gfx/text_background_bottom.png) 0 100% no-repeat;
}

/* bottom banners */

#banner1{
position: absolute;
background: #BABABA;
left: 60px;
bottom: 70px;
width: 280px;
height: 120px;
/* padding: 10px; */
z-index: 62;
}

#banner2{
position: absolute;
background: #BABABA;
left: 360px;
bottom: 70px;
width: 280px;
height: 120px;
/* padding: 10px; */
z-index: 62;
}

#banner3{
position: absolute;
background: #BABABA;
right: 60px;
bottom: 70px;
width: 280px;
height: 120px;
/* padding: 10px; */
z-index: 62;
}

/* credits */
#footer_container{
color: #FFF;
font-size: 8pt;
}

#footer_container a {
color: #FFF;
position: absolute;
bottom: 15px;
text-decoration: none;
right: 55px;
z-index: 170;
}

#jigsaw{
z-index: 160;
display: block;
width: 60px;
height: 40px;
background: url(../gfx/credits/jcmpowered3c.png) 0 0 no-repeat;
position: absolute;
bottom: 10px;
left: 65px;
}
#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: 15px;
left: 125px;
z-index: 70;
}
#jrwd:hover{
background-position: 0 -30px;
}
#jrwd span{
display: none;
}