/***********
 *
 *	kontenery
 *
 ***********/
html{
color: #000;
font: normal 9pt Tahoma, Arial;
text-align: center;
background: #312574;
}
body{
margin: 0; padding: 0;
background: #C4C3C3 url('../gfx/body_background.gif') repeat-x 0 100%;
}

#body_container{
background: url('../gfx/body_container_background.jpg') repeat-x 0 0;
}
#wrapper{
text-align: left;
width: 975px;
margin: 0 auto;
height: auto;
background: url('../gfx/wrapper_background.jpg') repeat-y 211px 0;
position: relative
}
#header_container{
height: 119px;
background: url('../gfx/header_background.jpg') no-repeat 207px 0;
}
#top_container{
position: absolute;
top: 10px;
right: 60px;
width: 660px;
}
#left_container{
float: left;
margin: 12px 0 0 20px;
}
#center_container{
margin-top: -20px;
margin-left: 211px;
padding: 0 35px;
width: 666px;
min-height: 345px;
padding-bottom: 190px;
position: relative;
z-index: 8;
}
#bottom_container{
position: absolute;
bottom: 30px;
right: 50px;
z-index: 20;
/* border: solid 1px #0F0; */
width: 690px;
height: 95px;
}
#footer_container{
width: 926px;
height: 205px;
position: absolute;
left: 24px;
bottom: 1px;
background: url('../gfx/footer_background2.jpg') no-repeat 0 0;
z-index: 5
}

/***********
 *
 *	inne
 *
 ***********/
 

h2{
font-size: 1.5em;
}
h1{
display: none;
}
#header_container h1{
display: inline;
margin: 0; padding: 0;
}

#header_container a{
cursor: default;
}

#header_container a img{
border: 0px none;; margin-left:60px; margin-right:0; margin-top:10px; margin-bottom:0
}
#header_container a span{
display: none;
}
#center_container a, #bottom_container a, #top_container a{
font-weight: bold;
color: #515151;
text-decoration: none;
}
#center_container a.active, #center_container a:hover, #bottom_container a:hover, #top_container a:hover{
color: #DC420E;
text-decoration: underline;
}


p.msg, span.required{
color: #DC420E;
font-weight: bold;
}

/***********
 *
 *	search
 *
 ***********/
#center_container table.search, #top_container table.search{
width: 100%;
}
#center_container table.search td{
width: 33%;
vertical-align: top;
}
#top_container table.search td{
width: 20%;
vertical-align: bottom;
font-size: 8pt;
}
#center_container table.search select, #top_container table.search select{
width: 95%;
}
#center_container table.search select, #top_container table.search select{
width: 95%;
}

#center_container table.search td span{
color: #DC420E;
font-weight: bold;
display: block;
margin-bottom: 5px;
}
#top_container table.search td.right{
text-align: right;
}
#top_container a{
background: url('../gfx/strzalka_mala.gif') no-repeat 0 50%;
padding-left: 20px
}

/***********
 *
 *	flash i opisy stopki
 *
 ***********/
#rzetelna{
position: absolute;
left: 80px;
bottom: -70px;
padding: 26px 0;
color: #FFF;
font-size: 7.5pt;
background: url('../gfx/rzetelna.jpg') repeat-x 0 0;

}
#space{
position: absolute;
left: 210px;
bottom: -70px;
padding: 26px 0;
color: #FFF;
font-size: 7.5pt;
background: url('../gfx/space.jpg') repeat-x 0 0;

}


#cmi{
position: absolute;
left: 220px;
bottom: -70px;
padding: 26px 0;
color: #FFF;
font-size: 7.5pt;
background: url('../gfx/unia.jpg') repeat-x 0 0;

}
#cmi a{
color: #FFF;
text-decoration: none;
}
#cmi a:hover{
text-decoration: underline;
}


#flash_maly{
position: absolute;
left: 1px;
bottom: 2px;
}
#flash_duzy{
margin: 0 0 0 -8px;
}
.opisstopki{
background: url('../gfx/strzalka_duza.gif') no-repeat 0 0;
padding-left: 30px;
height: 21px;
line-height: 30px;
position: absolute;
z-index: 70;
color: #312574;
font-weight: bold;
text-transform: uppercase;
font-size: 10pt;
bottom: 134px
}
#oferta{
left: 220px;
}
#nagrody{
left: 20px;
}

/***********
 *
 *	scroll
 *
 ***********/

#scrollpanel{
width: 690px;
height: 95px;
overflow: hidden;
/* border: solid 1px #00F; */
position: relative;
}
#scrollbox{
position: absolute;
width: 690px;
top: 0; left: 0;
}

#scrollbox div.wizytowka{
width: 670px;
height: 95px;
margin: 0;
}
#scrollbox div.wizytowka div.mask{
width: 480px;
height: 95px;
background: url('../gfx/maska_small.png') no-repeat 0 -3px;; padding-left:200px; padding-right:10px; padding-top:0; padding-bottom:0
}

#scrollbox div.wizytowka div.mask h3{
text-transform: uppercase;
font-size: 1.2em;
margin: 0 0 0.3em 0;
}
#scrollbox div.wizytowka div.mask p.more{
margin-top: 1em;
text-align: right;
font-size: 8pt;
}

/***********
 *
 *	menu gorne
 *
 ***********/

#gorne_nav_menu ul.level1{
padding: 0; margin: 0;
list-style: none;
width: 191px;
}
#gorne_nav_menu ul.level2{
display: none;
}
#gorne_nav_menu ul.level1 li{
background: url('../gfx/menu_gorne.gif') no-repeat 0 0;
height: 24px
}
#gorne_nav_menu ul.level1 li a{
color: #515151;
text-transform: uppercase;
height: 24px;
line-height: 24px;
font-weight: bold;
font-size: 8pt;

display: block;
text-align: center;
text-decoration: none;
}
#gorne_nav_menu ul.level1 li a:hover, #gorne_nav_menu ul.level1 li a.active{
color: #DC420E;
}
/***********
 *
 *	flagi
 *
 ***********/

#langbox{
position: absolute;
left: 40px;
top: 370px;
}
#langbox a.language{
display: block;
width: 46px;
height: 42px;
float: left;
}
#langbox a.language span{
display: none;
}
#langbox a.lang_en{
background: url('../gfx/flag_en.jpg') no-repeat 0 0;
}
#langbox a.lang_de{
background: url('../gfx/flag_de.jpg') no-repeat 0 0;
}
#langbox a.lang_pl{
background: url('../gfx/flag_pl.jpg') no-repeat 0 0;
}

/***********
 *
 *	menu dolne
 *
 ***********/

#dolne_nav_menu{
position: absolute;
left: 24px;
top: 408px;
z-index: 10;
}
#dolne_nav_menu ul.level2{
display: none;
}
#dolne_nav_menu ul.level1{
padding: 0; margin: 0;
list-style: none;
width: 170px;
}
#dolne_nav_menu ul.level1 li{
background: url('../gfx/menu_dolne.gif') no-repeat 0 0;
height: 25px
}
#dolne_nav_menu ul.level1 li a{
color: #515151;
text-transform: uppercase;
line-height: 23px;
font-weight: bold;
font-size: 8pt;
display: block;
text-align: center;
text-decoration: none;
}
#dolne_nav_menu ul.level1 li a:hover, #dolne_nav_menu ul.level1 li a.active{
color: #DC420E;
}

/***********
 *
 *	wizytówki
 *
 ***********/


#center_container div.wizytowka{
width: 650px;
height: 92px;
margin: 0 0 10px 10px;
}
#center_container div.wizytowka div.mask{
width: 440px;
height: 87px;
background: url('../gfx/wizytowka2.png') no-repeat 0 0;
font-size: 8pt; padding-left:190px; padding-right:20px; padding-top:5px; padding-bottom:0
}

#center_container div.wizytowka div.mask h3{
text-transform: uppercase;
font-size: 1.2em;
margin: 0 0 0.3em 0;
}
#center_container div.wizytowka div.mask p.more{
margin-top: 1em;
text-align: right;
font-size: 7pt;
}

#center_container table.details, #center_container p.tresc{
width: 100%;
}
#center_container table.details td{
width: 50%;
padding-right: 30px;
vertical-align: top;
}
#center_container table.details td.left p{
padding-left: 60px;
text-align: left;
}

#center_container table.details a.options{
display: block;
width: 210px;
height: 35px;
margin-left: 50px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
line-height: 29px;
font-weight: bold;
font-size: 8pt;
background: url('../gfx/button_options.jpg') no-repeat 0 0;
}

#center_container table.details div.picbig{
width: 300px;
height: 195px;
}

#center_container table.details div.picbig div.bigmask{
width: 300px;
height: 195px;
background: url('../gfx/bigmask.png') no-repeat 0 0;
}
#center_container div.separator{
height: 11px;
background: url('../gfx/szara_kreska.gif') no-repeat 50% 50%;
margin-bottom: 10px
}
#center_container div.map{
height: 500px;
}
#center_container table.budynek{
border-collapse: collapse;
width: 100%;
}
#center_container table.budynek td, #center_container table.budynek th{
font-size: 9pt;
text-align: center;
}
#center_container table.wyniki td, #center_container table.wyniki th{
font-size: 7pt;
padding: 3px;
}

#center_container table.budynek tr.row1{
background: #E4E4E4;
}
#center_container table.budynek tr:hover{
background: #D9D9D9;
}
#center_container table.budynek th{
background: #E4E4E4;
}