body {
font-family: verdana, sans-serif;
text-align:left;
font-size: 12px;
color: #333333;
margin:0;
padding:0;
background:#000 url(grafika/tlo.jpg) repeat;
}

.totalpagesdisplay{
display:none;
}

.navigator{
text-align:center;
}


img{
border:0;
}

.clear{
clear:both;
}

a {
color:#000;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

h1, h2{
font-family:Arial;
font-size:14px;
margin:0;
padding:0;
text-align:center;
}

h3{
font-family:Arial;
font-size:14px;
margin:0;
padding:0;
text-align:center;
color:#9f9278;
}

h3.tytul_ref{
text-align:left;
}

#main_wrapper{
width:950px;
margin:0 auto;
}

#header{
width:950px;
margin:0;
height:281px;
position:relative;
background:url(grafika/naglowek.png) no-repeat bottom;
}

#header_lang{
width:880px;
height:55px;
padding-right:70px;
text-align:right;
color:#c6bcb7;
font-size:11px;
padding-top:5px;
}

#header_lang a{
color:#c6bcb7;
}

#logo{
position:absolute;
top:5px;
left:420px;
z-index:200;
}

#menu{
width:870px;
margin:13px 40px 0 40px;
text-align:center;
}

#menu a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000;
padding:0 8px;
text-transform:uppercase;
text-decoration:none;
}

#menu a.menu_active, #menu a:hover{
color:#97011b;
}

#slider{
width:830px;
margin:0 60px;
height:174px;
}

#glowna_kolumna{
margin-top:12px;
overflow:hidden;
height:100%;
line-height:140%;
}

#left_column {
float:left;
width:607px;
padding-left:23px;
background:url(grafika/bg_left.jpg) repeat-y right;
margin-bottom:-20000px;
padding-bottom: 20000px;
height:100%;
}

#right_column {
float:left;
width:280px;
background:url(grafika/bg_right.jpg) repeat-y;
margin-left:17px;
margin-bottom:-20000px;
padding-bottom: 20000px;
height:100%;
}

.box_belka{
float:left;
width:533px;
height:36px;
background:url(grafika/belka_dluga.png) no-repeat top right;
padding:17px 20px 0;
margin:20px 17px 15px 17px;
display:inline;
}

.box{
float:left;
width:523px;
border:2px solid #cdc8bf;
padding:10px 20px;
margin:0 20px 20px;
display:inline;
}

.box_belka_krotka{
width:210px;
height:36px;
float:left;
background:url(grafika/belka_krotka.png) no-repeat top right;
padding:17px 20px 0;
margin:20px 15px 15px 15px;
display:inline;
}

.box_left{
float:left;
width:216px;
border:2px solid #cdc8bf;
padding:10px;
margin:0px 20px 15px;
display:inline;
}

p.box_wiecej{
text-align:right;
}

p.box_aktualnosc_tytul{
margin:10px 0 0;
padding:0;
font-weight:bold;
}

p.box_aktualnosc_tresc{
margin:10px 0;
padding:0;
}

p.box_aktualnosc_data{
margin:0;
padding:0;
font-weight:bold;
font-size:10px;
}


.home_galeria a{
float:left;
display:block;
margin:0px 30px 15px;
display:inline;
}

.home_galeria img, a.box_galeria img, .box img{
border:1px solid #666;
}

a.box_galeria{
width:162px;
display:block;
float:left;
margin:8px 0;
}

a.odstep{
margin-right:15px;
}


a.nazwa_podmenu{
color:#666;
font-size:13px;
}

a.nazwa_podmenu_aktywna{
color:#97011b;
}

.kolumna_text{
width:650px;
}

.strona_glowna_box{
float:left;
width:203px;
padding-right:30px;
height:250px;
position:relative;
}

.strona_glowna_box p{
padding:0 0 0 15px;
}

.box_przycisk{
float:left;
height:27px;
padding-left:12px;
margin-bottom:10px;
background:url(grafika/link_naglowek_l.png) no-repeat top left;
}

.box_przycisk h3{
float:left;
font-size:12px;
color:#004f7e;
height:20px;
margin:0;
padding:7px 12px 0 0;
text-transform:uppercase;
background:url(grafika/link_naglowek_p.png) no-repeat top right;
}

a.box_wiecej{
background:url(grafika/wiecej.png) no-repeat top left;
width:45px;
height:16px;
display:block;
position:absolute;
top:85%;
left:0%;
padding-left:0 0 0 20px;
}

h2.naglowek{
background:url(grafika/naglowek.png) no-repeat top left;
margin:0 0 30px 0;
padding:3px 0 0 25px;
font-size:15px;
}


#stopka{
float:left;
margin:10px 15px 0 15px;
padding:10px 30px;
width:860px;
height:50px;
background:url(grafika/stopka.png) no-repeat top left;
display:inline;
}


#stopka p{
margin:0;
padding:5px 0 0;
}

.galeria_zdjecie{
float:left;
width:167px;
height:128px;
background:url(grafika/galeria_bg.png) no-repeat top center;
margin:0 35px 35px 0;
position:relative;
text-align:center;
}

.galeria_zdjecie_hover{
background:url(grafika/galeria_bg_2.png) no-repeat top center;
}

.galeria_zdjecie img{
z-index:19;
margin:8px 0 0 1px;
}

img.realizacja_bg{
position:absolute;
top:0;
left:10px;
z-index:20;
display:none;
}


#boczne_menu{
float:left;
width:250px;
margin-bottom:30px;
}

#boczne_menu ul{
list-style:none;
padding-right:40px;
}

#boczne_menu ul li{
clear:both;
}

.przycisk_menu{
float:right;
height:22px;
padding-left:10px;
background:none;
margin-bottom:5px;
}

.przycisk_menu_active{
background:url(grafika/menu_lewe_a.png) no-repeat top left;
}

.przycisk_menu_hover{
background:url(grafika/menu_lewe.png) no-repeat top left;
}


a.link_menu{
display:block;
float:left;
font-size:12px;
height:18px;
padding:4px 10px 0 0;
color:#fff;
background:none;
text-decoration:none;
}

a.link_menu_active{
background:url(grafika/menu_prawe_a.png) no-repeat top right;
color:blue;
}

a.link_menu_hover{
background:url(grafika/menu_prawe.png) no-repeat top right;
color:#fff;
}

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 531px;
	height:128px;
	margin:35px 0 70px;
	float:left;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}


.galeria_zdjecie1{
float:left;
width:167px;
height:128px;
background:url(grafika/galeria_bg.png) no-repeat top center;
margin-right:10px;
text-align:center;
}

.galeria_zdjecie1 img{
margin:8px 0 0 1px;
}

/* prev, next, prevPage and nextPage buttons */
.scroll_button{
float:left;
margin:75px 0 0 5px;
}

a.browse {
	background:url(grafika/arrow.png) no-repeat;
	display:block;
	width:18px;
	height:18px;
	cursor:pointer;
	font-size:1px;
	margin-bottom:5px;
}

/* right */
a.right 				{ background-position: 0 -24px; clear:right; margin-right: 0px;}

/* left */
a.left				{ margin-left: 0px; } 

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	


#footer{
width:1000px;
margin: 0 auto;
}

table.cennik{
border-collapse:collapse;
width:388px;
}

.cennik tr{
background:url(grafika/cennik_bg.png) no-repeat top;
}

td.cennik_nazwa{
height:17px;
padding:1px 0 15px 10px;
}

td.cennik_cena{
height:17px;
font-weight:bold;
background:url(grafika/cennik_bg2.png) no-repeat;
width:47px;
color:#004976;
text-align:center;
padding:1px 0 15px 0px;
}

#formularz_kontaktowy{
margin:0px 0;
}

#formularz_kontaktowy label{
display:block;
}


#formularz_kontaktowy div{
padding:2px 0;
}


#formularz_kontaktowy input[type="text"] {
width: 200px;
background: #fff;
border:1px solid #979898;
color:#979898;
font-size:11px;
padding:2px;
}

#formularz_kontaktowy textarea {
width: 200px;
background: #fff;
border:1px solid #979898;
color:#979898;
padding:2px;
font-size:11px;
font-family: tahoma, arial, sans-serif;
}


#formularz_kontaktowy  input[type="submit"]{
border:1px solid #979898;
background: #fff;
padding:1px 8px;
font-size:11px;
}

#formularz_kontaktowy  div.right{
text-align:right;
}

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

.nomargin a{
margin:0 15px 15px 0;
}