html {
	height:100%;
}

body {
	margin        : 0;
	padding       : 0;
	height        : 100%;
	width         : 100%;
	margin-top    : 0px;	
	font-family   : Verdana,sans-serif;
	font-size     : 11px;
	color         : #0a0002;
	background:  url(images/bg_startpage.jpg) no-repeat top center;
}

#dzial{
	background:  url(images/bg_normal.jpg) no-repeat top center;
}

#en{
	background:  url(images/en/bg_en.jpg) no-repeat top center;
}

#container {
	margin: 0 auto; 
	width: 960px;
	margin-top: 0px;
}

#header{
	width: 100%;
	height: 85px;
	margin-top: 15px;
}


#h_flags{
	width: 140px;
	height: 15px;
	padding-top: 10px;
	float: left;
}
#h_flags img.icon{
	float: left;
	margin: 0px 10px 0px;
}

#h_logo{
	width: 300px;
	height: 80px;
	float: left;
}

#h_menu{
	width: 520px;
	height: 80px;
	padding-top: 5px;
	float: left;
}
#h_menu div.top_level{
	width: 100%;
	height: 41px;
	float: none;
}
#h_menu div.bottom_level{
	width: 100%;
	height: 35px;
	float: none;
}

#onas{
	display: block;
	width: 81px;
	height: 36px;
	margin-right: 10px;
	float: left;
	background: url(images/menu.png) no-repeat 0px 0px;
	cursor: pointer;		
}

#onas:hover, #onas_on{
	display: block;
	width: 81px;
	height: 36px;
	margin-right: 10px;
	float: left;	
	background: url(images/menu.png) no-repeat 0px -36px;
	cursor: pointer;		
}

#uslugi{
	display: block;
	width: 87px;
	height: 36px;
	margin-right: 10px;
	float: left;
	background: url(images/menu.png) no-repeat -81px 0px;
	cursor: pointer;		
}

#uslugi:hover, #uslugi_on{
	display: block;
	width: 87px;
	height: 36px;
	margin-right: 10px;
	float: left;	
	background: url(images/menu.png) no-repeat -81px -36px;
	cursor: pointer;		
}

#produkty{
	display: block;
	width: 110px;
	height: 41px;
	margin-right: 10px;
	float: left;
	background: url(images/menu.png) no-repeat -804px 0px;
}

#nowosci{
	display: block;
	width: 101px;
	height: 36px;
	margin-right: 10px;
	float: left;
	background: url(images/menu.png) no-repeat -168px 0px;
	cursor: pointer;		
}

#nowosci:hover, #nowosci_on{
	display: block;
	width: 101px;
	height: 36px;
	margin-right: 10px;
	float: left;	
	background: url(images/menu.png) no-repeat -168px -36px;
	cursor: pointer;		
}

#kontakt{
	display: block;
	width: 100px;
	height: 36px;
	float: left;
	background: url(images/menu.png) no-repeat -269px 0px;
	cursor: pointer;		
}

#kontakt:hover, #kontakt_on{
	display: block;
	width: 100px;
	height: 36px;
	float: left;	
	background: url(images/menu.png) no-repeat -269px -36px;
	cursor: pointer;		
}

#torby{
	display: block;
	width: 158px;
	height: 36px;
	float: left;
	background: url(images/menu.png) no-repeat -369px 0px;
	cursor: pointer;		
}

#torby:hover, #torby_on{
	display: block;
	width: 158px;
	height: 36px;
	float: left;	
	background: url(images/menu.png) no-repeat -369px -36px;
	cursor: pointer;		
}

#plecaki{
	display: block;
	width: 164px;
	height: 36px;
	float: left;
	background: url(images/menu.png) no-repeat -527px 0px;
	cursor: pointer;		
}

#plecaki:hover, #plecaki_on{
	display: block;
	width: 164px;
	height: 36px;
	float: left;	
	background: url(images/menu.png) no-repeat -527px -36px;
	cursor: pointer;		
}
#pozostale{
	display: block;
	width: 113px;
	height: 36px;
	float: left;
	background: url(images/menu.png) no-repeat -691px 0px;
	cursor: pointer;		
}

#pozostale:hover, #pozostale_on{
	display: block;
	width: 113px;
	height: 36px;
	float: left;	
	background: url(images/menu.png) no-repeat -691px -36px;
	cursor: pointer;		
}



#f_menu div.top_level{
	width: 100%;
	height: 30px;
	float: none;
}
#f_menu div.bottom_level{
	width: 100%;
	height: 23px;
	float: none;
}


#f_onas{
	display: block;
	width: 74px;
	height: 23px;
	margin-right: 9px;
	float: left;
	background: url(images/menu.png) no-repeat 0px -73px;
	cursor: pointer;		
}

#f_onas:hover, #f_onas_on{
	display: block;
	width: 74px;
	height: 23px;
	margin-right: 9px;
	float: left;	
	background: url(images/menu.png) no-repeat 0px -95px;
	cursor: pointer;		
}

#f_uslugi{
	display: block;
	width: 78px;
	height: 23px;
	margin-right: 9px;
	float: left;
	background: url(images/menu.png) no-repeat -73px -73px;
	cursor: pointer;		
}

#f_uslugi:hover, #f_uslugi_on{
	display: block;
	width: 78px;
	height: 23px;
	margin-right: 9px;
	float: left;	
	background: url(images/menu.png) no-repeat -73px -95px;
	cursor: pointer;		
}

#f_produkty{
	display: block;
	width: 99px;
	height: 30px;
	margin-right: 9px;
	float: left;
	background: url(images/menu.png) no-repeat -719px -72px;
}

#f_nowosci{
	display: block;
	width: 91px;
	height: 23px;
	margin-right: 9px;
	float: left;
	background: url(images/menu.png) no-repeat -151px -73px;
	cursor: pointer;		
}

#f_nowosci:hover, #f_nowosci_on{
	display: block;
	width: 91px;
	height: 23px;
	margin-right: 9px;
	float: left;	
	background: url(images/menu.png) no-repeat -151px -95px;
	cursor: pointer;		
}

#f_kontakt{
	display: block;
	width: 90px;
	height: 23px;
	float: left;
	background: url(images/menu.png) no-repeat -242px -73px;
	cursor: pointer;		
}

#f_kontakt:hover, #f_kontakt_on{
	display: block;
	width: 90px;
	height: 23px;
	float: left;	
	background: url(images/menu.png) no-repeat -242px -95px;
	cursor: pointer;		
}

#f_torby{
	display: block;
	width: 135px;
	height: 23px;
	float: left;
	background: url(images/menu.png) no-repeat -332px -73px;
	cursor: pointer;		
}

#f_torby:hover, #f_torby_on{
	display: block;
	width: 135px;
	height: 23px;
	float: left;	
	background: url(images/menu.png) no-repeat -332px -95px;
	cursor: pointer;		
}

#f_plecaki{
	display: block;
	width: 147px;
	height: 23px;
	float: left;
	background: url(images/menu.png) no-repeat -467px -73px;
	cursor: pointer;		
}

#f_plecaki:hover, #f_plecaki_on{
	display: block;
	width: 147px;
	height: 23px;
	float: left;	
	background: url(images/menu.png) no-repeat -467px -95px;
	cursor: pointer;		
}
#f_pozostale{
	display: block;
	width: 105px;
	height: 23px;
	float: left;
	background: url(images/menu.png) no-repeat -614px -73px;
	cursor: pointer;		
}

#f_pozostale:hover, #f_pozostale_on{
	display: block;
	width: 105px;
	height: 23px;
	float: left;	
	background: url(images/menu.png) no-repeat -614px -95px;
	cursor: pointer;		
}




#content{
	width: 100%;
	float: none;
	overflow: hidden;
}

#col1{
	width: 320px;
	margin-top: 416px;
	overflow: hidden;
	margin-right: 30px;
	float: left;
}

#col2{
	width: 460px;
	margin-top: 224px;
	overflow: hidden;
	margin-right: 20px;
	float: left;
}

#col3{
	width: 130px;
	overflow: hidden;
	margin-top: 30px;
	float: left;
}


#footer{
	width: 100%;
	height: 60px;
	margin-top: 20px;
	clear: both;
}

#f_copy{
	width: 290px;
	margin-right: 10px;
	float: left;
}

#f_menu{
	width: 660px;
	float: left;
}




#new1{
	width: 100%;
	height: 38px;
	padding-top: 97px;
	margin-top: 20px;
	background: url(images/new_1.png) no-repeat top center;
}

#new2{
	width: 100%;
	height: 38px;
	padding-top: 91px;
	margin-top: 20px;
	background: url(images/new_2.png) no-repeat top center;
}

#new3{
	width: 100%;
	height: 38px;
	padding-top: 80px;
	margin-top: 20px;
	background: url(images/new_3.png) no-repeat top center;
}








.button_more_big{
	display: block;
	float: right;
	width: 38px;
	height: 38px;
	margin-right: 5px;
	background: url(images/buttons.png) no-repeat 0px 0px;
}


.button_more_big:hover{
	width: 38px;
	height: 38px;
	background: url(images/buttons.png) no-repeat -40px 0px;
}

.button_more_small{
	display: block;
	float: right;
	width: 27px;
	height: 28px;
	margin-left: 10px;
	background: url(images/buttons.png) no-repeat 0px -40px;
}


.button_more_small:hover{
	width: 27px;
	height: 28px;
	background: url(images/buttons.png) no-repeat -29px -40px;
}




#kontakt_container{
	width: 100%;
	height: 120px;
	text-align: left;
	background: url(images/phone.png) no-repeat 190px 0px;
}

#jakosc_container{
	width: 100%;
	height: 160px;
	clear: both;
	background: url(images/logos.png) no-repeat 195px 50px;
}

#projekty_container{
	width: 100%;
	height: 160px;
	clear: both;
	background: url(images/projekty.png) no-repeat 0px 57px;
}


#jakosc_container div.txt{
	width: 185px;
	height: 55px;
	margin-top: 10px;
}
#projekty_container div.txt{
	width: 300px;
	height: 70px;
	margin: 10px 0 0 160px;
}

.more{
	display: block;
	width: 80px;
	height: 28px;
	line-height: 25px;
	font-size: 12px;
	margin-right: 25px;
	float: right;
}

#col1 div.more{
	margin-right: 80px;
}


#dzial_col1{
	width: 420px;
	margin-right: 10px;
	float: left;
}
#dzial_col2{
	width: 530px;
	float: right;
}


#dzial_col1 div.more{
	margin-top: 45px;
}



#menu_left{
	width: 100%;
	overflow: hidden;
	margin: 10px 0 50px;
}

#menu_left div.col{
	width: 170px;
	margin-left: 10px;
	float: left;
}

.linia_pion{
	width: 1px;
	height: 370px;
	margin: 20px 25px 20px 20px;
	float: left;
	background: url(images/linia_pion.png) repeat-y top center;
}

.linia_poziom{
	width: 490px;
	height: 1px;
	margin: 20px;
	float: left;
	background: url(images/linia_poziom.png) repeat-x top center;
}

#menu_left_torby{
	width: 126px;
	height: 38px;
	padding-top: 80px;
	margin: 23px 0 40px;
	float: none;
	background: url(images/new_3.png) no-repeat top center;
}

#menu_left_pozostale{
	width: 123px;
	height: 38px;
	padding-top: 80px;
	margin: 10px;
	float: none;
	background: url(images/main_img_pozost.png) no-repeat top center;
}

#menu_left_plecaki{
	width: 118px;
	height: 38px;
	padding-top: 93px;
	margin: 10px 0 40px;
	float: none;
	background: url(images/main_img_plecaki.png) no-repeat top center;
}


#menu_left_nowosci{
	width: 118px;
	height: 38px;
	padding-top: 97px;
	margin: 20px 10px 10px;
	float: none;
	background: url(images/new_1.png) no-repeat top center;
}


#main_title_small{
	width: 100%;
	padding: 23px 0px 0px 89px;
	margin-bottom: 45px;
}

#main_title_big{
	width: 100%;
	padding-left: 45px;
	margin-bottom: 45px;
}















a{
	color           : #bc0007;
	text-decoration : none;		
}
a:link{
	text-decoration : none;		
}
a:active{
	color           : #bc0007;
	text-decoration : none;		
}
a:visited{
	color           : #bc0007;
	text-decoration : none;		
}
a:hover{
	color           : #ff5400;
	text-decoration : underline
}

a.f_link{
	color           : #000;
	text-decoration : none;		
}
a.f_link:link{
	text-decoration : none;		
}
a.f_link:active{
	color           : #000;
	text-decoration : none;		
}
a.f_link:visited{
	color           : #000;
	text-decoration : none;		
}
a.f_link:hover{
	color           : #ff5400;
	text-decoration : none;
}


h4{
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 0;
}










#breadcrumb{
	width: 100%;
	margin: 30px 0 45px;
}

#breadcrumb_en{
	width: 100%;
	margin: 0px 0 45px;
}

#tutaj{
	font-weight: bold;
	color: #bc0007;
	margin: 0 20px 0 15px;
}

.bc_arrow{
	vertical-align: middle;
	margin: 0 10px 0;
}



.produkt_b_container{
	width: 100%;
	overflow: hidden;
}

.produkt_b_left{
	min-height: 50px;
	width: 170px;
	margin-right: 10px;
	float: left;
	xbackground: pink;
}

.produkt_b_right{
	width: 350px;
	float: left;
}

.produkt_b_left2{
	min-height: 50px;
	width: 200px;
	margin-right: 10px;
	float: left;
	xbackground: pink;
}

.produkt_b_right2{
	width: 320px;
	float: left;
}
.wymiary{
	color: #bc0007;
	margin: 15px 0;
}

.wymiary2{
	color: #bc0007;
	margin: 10px 0;
}



.produkt_foto_big{
	width: 169px;
	height: 42px;
	padding-top: 139px;
	margin: 0 10px 20px 0;
	float: none;
}


.button_lupa_big{
	display: block;
	float: right;
	width: 42px;
	height: 42px;
	margin-right: 5px;
	background: url(images/buttons_lupa.png) no-repeat 0px 0px;
}


.button_lupa_big:hover{
	width: 42px;
	height: 42px;
	background: url(images/buttons_lupa.png) no-repeat -45px 0px;
}


.produkt_foto_small{
	width: 80px;
	height: 32px;
	padding-top: 60px;
	margin: 0 2px 0;
	float: left;
}
.produkt_foto_small2{
	width: 80px;
	height: 32px;
	padding-top: 60px;
	margin: 0 8px 0;
	float: left;
}

.button_lupa_small{
	display: block;
	float: right;
	width: 32px;
	height: 32px;
	background: url(images/buttons_lupa.png) no-repeat -6px -46px;
}

.button_lupa_small:hover{
	width: 32px;
	height: 32px;
	background: url(images/buttons_lupa.png) no-repeat -41px -46px;
}


#page_numbers{
	width: 250px;
	height: 30px;
	margin: 5px 0 5px;
	float: right;	
}

.page_number{
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	margin: 0 5px 0;
}


.page_number:hover{
	width: 30px;
	height: 30px;
}

#num1{
	background: url(images/page_numbers.png) no-repeat 0px 0px;	
}
#num1:hover, #num1_on{
	background: url(images/page_numbers.png) no-repeat 0px -33px;	
}
#num2{
	background: url(images/page_numbers.png) no-repeat -32px 0px;	
}
#num2:hover, #num2_on{
	background: url(images/page_numbers.png) no-repeat -32px -33px;	
}
#num3{
	background: url(images/page_numbers.png) no-repeat -66px 0px;	
}
#num3:hover, #num3_on{
	background: url(images/page_numbers.png) no-repeat -66px -33px;	
}
#num4{
	background: url(images/page_numbers.png) no-repeat -99px 0px;	
}
#num4:hover, #num4_on{
	background: url(images/page_numbers.png) no-repeat -99px -33px;	
}
#num5{
	background: url(images/page_numbers.png) no-repeat -130px 0px;	
}
#num5:hover, #num5_on{
	background: url(images/page_numbers.png) no-repeat -130px -33px;	
}


.txt{
	text-align: justify;
	line-height: 150%;
}

img{
	border: 0px;
}

object:active, div:active, a {
	outline		: none;
}

object:focus, div:focus, a{
	-moz-outline-style: none;
}

p{
	margin: 8px 0 8px;
}

ul{
	padding-left: 20px;
}
li{
	margin-bottom: 10px;
}




#aboutus{
	display: block;
	width: 101px;
	height: 36px;
	margin-right: 10px;
	float: left;
	background: url(images/en/menu_en.png) no-repeat 0px 0px;
	cursor: pointer;		
}

#aboutus:hover, #aboutus_on{
	display: block;
	width: 101px;
	height: 36px;
	margin-right: 10px;
	float: left;	
	background: url(images/en/menu_en.png) no-repeat 0px -36px;
	cursor: pointer;		
}

#contact{
	display: block;
	width: 100px;
	height: 36px;
	float: left;
	background: url(images/en/menu_en.png) no-repeat -101px 0px;
	cursor: pointer;		
}

#contact:hover, #contact_on{
	display: block;
	width: 100px;
	height: 36px;
	float: left;	
	background: url(images/en/menu_en.png) no-repeat -101px -36px;
	cursor: pointer;		
}

#f_aboutus{
	display: block;
	width: 91px;
	height: 23px;
	margin-right: 9px;
	float: left;
	background: url(images/en/f_menu_en.png) no-repeat 0px 0px;
	cursor: pointer;		
}

#f_aboutus:hover, #f_aboutus_on{
	display: block;
	width: 91px;
	height: 23px;
	margin-right: 9px;
	float: left;	
	background: url(images/en/f_menu_en.png) no-repeat 0px -23px;
	cursor: pointer;		
}

#f_contact{
	display: block;
	width: 90px;
	height: 23px;
	float: left;
	background: url(images/en/f_menu_en.png) no-repeat -100px 0px;
	cursor: pointer;		
}

#f_contact:hover, #f_contact_on{
	display: block;
	width: 90px;
	height: 23px;
	float: left;	
	background: url(images/en/f_menu_en.png) no-repeat -100px -23px;
	cursor: pointer;		
}