body *{
margin:0;
padding:0;
}

body {
font-family: verdana, sans-serif, arial, times new roman, Helvetica;
text-align:left;
font-size: small;
color: #000;
margin:0;
padding:0;
background:#faf4c2 url(grafika/tlo.jpg) no-repeat center top;
}

#header_left{
width:235px;
float:left;
}

#wyszukiwarka {
background: url(grafika/wyszukiwarka.jpg) no-repeat;
width:218px;
height:81px;
text-align:center;
}

#wyszukiwarka input[type="text"]{
width:170px;
background:#fff;
border:1px solid #000;
}

#wyszukiwarka input[type="image"]{
margin:5px 0 0 125px;
}


#wyszukiwarka h2{
text-transform:uppercase;
color:#CCC;
padding:11px 0 8px;
margin:0;
font-size:10px;
font-weight:bold;
}

#header_right{
float:left;
width:734px;
}

.clear{
clear:both;
}

img{
border:0;
}

#main_wrapper {
width:969px;
padding:0;
margin:0 auto;
}

#main_column {
float:left;
margin:0px;
padding:0;
}


#main_column_inner {
margin:0px;
padding:0px;
}



#left_column {
float:left;
width:235px;
}

#left_column_inner {
float:left;
padding-top:6px;
}

#left_column_inner ul{
margin:0px 15px;
padding:0;
}

#left_column_inner ul li{
margin:0 0 0 15px;
padding:0;
}

#newsletter{
border:1px solid #000;
padding:10px 0;
width:216px;
background:#ebebeb;
text-align:center;
}

#newsletter input[type="text"]{
width:170px;
background:#fff;
border:1px solid #000;
}

#newsletter input[type="image"]{
margin:5px 0 0 125px;
}

img.newsletter_obrazek{
margin-top:20px;
}

#right_column {
float:left;
width:734px;
}

#right_column_inner {
float:left;
}


#main_menu {
float: left;
margin-bottom:25px;
}

#main_menu img{
float: left;
}

#main_menu ul, #main_menu ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#main_menu ul {
	float: left;
	background-color: #fff;
	background: url(grafika/gmenu_2.jpg) repeat-x top center;
	width:694px;
}

#main_menu ul li {
	float: left;
	background: url(grafika/gmenu_lacznik.jpg) no-repeat right center;
}

#main_menu ul li:last-child {
background-image: none;
}


#main_menu ul a:link, #main_menu ul a:visited {
	text-decoration: none;
	display: block;
	font-weight: bold;
	color: #444;
	padding: 9px 12px;
	font-size:11px;
}

a.menu_aktywna{
color:#ff0000 !important;
}

#footer {
padding:0;
background:#000;
padding:5px 0px 5px 234px;
margin:10px 0;
text-align:left;
color:#fff;
}

#footer p {
display:inline;
}


#footer_inner a{
color: #444;
font-size:11px;
text-decoration:none;
}

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

#kontakt{
float:left;
border:1px solid #444;
width:732px;
padding:11px 0 0;
background:#fff;
}

#mapka{
float:left;
width:397px;
}

#mapka img{
float:left;
padding-top:11px;
}

#dane_adresowe{
float:left;
width:314px;
padding:20px 0 0 20px;
}

#kontakt_formularz {
float:left;
width:355px;
text-align:left;
padding:20px 0 20px 334px;
}

#kontakt_formularz div{
padding: 12px 0;
text-align:left;
clear:both;
}


#kontakt_formularz label{
float:left;
width: 100px;
display:block;
text-align:right;
padding-right:15px;
}


#kontakt_formularz input[type="text"]{
float:left;
width: 210px;
background: #fff;
border:1px solid #444;
}

#kontakt_formularz textarea {
float:left;
width: 210px;
background: #fff;
border:1px solid #444;
height:83px;
}



#kontakt_formularz input[type="submit"]{
float:left;
background: #fff;
border:1px solid #444;
}


.srodkuj{
text-align:center;
}

h1 { font-size: 12px; color: #ED461D;; text-align: justify;padding-bottom:15px;}

/*kategorie główne*/
#kategorie ul, #kategorie ul li ul{
margin:0;
padding:0;
background:#fff;
}

/* margin:1px 0;*/
#kategorie ul li{
margin:0;
padding:0;
list-style:none;
display:inline;
}

#kategorie ul li a{
display:block;
width:191px;
background:#ebebeb;
color:#000;
padding:7px 0px 7px 25px; 
font-size:12px;
text-decoration:none;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
border-top:0;
font-weight:bold;
}

#kategorie ul li a:hover{
color:#FF0000;
}

#kategorie ul li ul li a{
display:block;
width:191px;
background:#fff;
color:#000;
padding:7px 0px 7px 25px; 
font-size:12px;
text-decoration:none;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
border-top:0;
font-weight:bold;
}

#kategorie ul li ul li a:hover{
color:#FF0000;
}

.kategorie_aktywne{
color:red;
}


table.produkty_tabela{
border-collapse:collapse;
border:1px solid #444;
background:#fff;
}

.produkty_tabela td{
vertical-align:middle;
text-align:center;
border:1px solid #444;
width:25%;
}

.produkty_tabela a{
font-size:12px;
width:50px;
}

.produkty_tabela img{
border:0;
text-align:center;
}

.produkty_tabela div{
padding-top:10px;
height:100px;
}

.navigator{
padding:10px 0;
text-align:right;
}

.inactive{
padding:3px 4px;
font-size:11px;
border:1px solid #444;
display:inline-block;
}

.navigator a{
display:inline-block;
padding:3px 4px;
font-size:11px;
border:1px solid #444;
color:#fff;
background:#cc0000;
font-weight:bold;
text-decoration:none;
}

.totalpagesdisplay{
display:none;
}

table.produkty_tabela{
border-collapse:collapse;
border:1px solid #444;
background:#fff;
}

.produkty_tabela td{
vertical-align:middle;
text-align:center;
border:1px solid #444;
width:250px;
}

.produkty_tabela a{
font-size:11px;
color:#444;
font-weight:bold;
text-decoration:none;
}

.produkty_tabela a:hover{
text-decoration:underline;
}

.produkty_tabela h2{
margin:10px 0 15px;
padding:0;
}

.produkty_tabela img{
border:0;
text-align:center;
}

.produkty_tabela div{
padding-top:10px;
height:100px;
}

/*scroller*/
#oferta_specjalna_inner {
float:left;
width:726px;
border:1px solid #444;
margin-bottom:25px;
padding:3px;
background:#fff;
}

div.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width:690px;
	height:127px;
	padding:0 3px;
	float:left;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.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.
*/



div.scrollable div.items div {
	float:left;
}

div.przedmiot{
display:inline;
width:222px;
height:125px;
margin:0 3px;
border:1px solid #444;
overflow:hidden;
}

div.przedmiot table {
text-align:center;
width:100%;
height:100%;
}

div.przedmiot table td{
vertical-align:middle;
text-align:center;
}

div.items a {
color:#444;
text-decoration:none;
}

div.przedmiot img {
float:left;
margin-left:10px;
}

div.items h2 {
margin:0;
padding:0;
font-size:11px;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(grafika/hori_large.jpg) no-repeat;
	display:block;
	width:15px;
	height:127px;
	float:left;
	cursor:pointer;
}

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



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

#o_firmie, #import, #znakowanie{
border:1px solid #444;
padding:45px 50px;
background:#fff;
}

#klienci{
border:1px solid #444;
background:#fff;
}

table.klienci_tabela td{
text-align:justify;
padding:45px 50px;
}

#klienci div{
float:left;
width:100%;
padding-bottom:30px;
border-bottom:1px solid #444;
}

#klienci h2{
margin:10px 0;
padding:0;
font-size:12px;
}

#klienci img{
float:left;
margin:0px 20px 20px 0;
}

#klienci p{
margin:0;
padding:0;
}




table.katalogi_tabela td{
text-align:center;
padding:0 10px 40px;
}

table.katalogi_tabela div{
height:210px;
overflow:hidden;
}

table.katalogi_tabela h2{
font-size:11px;
padding:0;
margin:0;
}

table.katalogi_tabela a{
color:#444;
font-weight:bold;
}

table.katalogi_tabela img{
border:1px solid #444;
}

td.text_tabela {
padding:20px 50px !important;
text-align:left !important;
width:100% !important;
}


p.ile_na_stronie {
text-align:left;
padding-bottom:10px;
font-size:10px;
}

p.ile_na_stronie  a{
font-weight:bold;
color:#444;
padding:0 3px;
text-decoration:none;
}

#katalogi{
border:1px solid #444;
background:#fff;
padding:0 20px;
float:left;
}


#duze_zdjecie{
float:left;
width:366px;
margin-right:10px;
border:1px solid #444;
text-align:center;
}

#galeria_szczegoly{
float:left;
width:314px;
}

#galeria_szczegoly div.pierwsza{
float:left;
width:135px;
height:135px;
display: table-cell;
text-align: center;
vertical-align: middle;
margin:0px 10px 10px;
border:1px solid #444;
}

#galeria_szczegoly div.pierwsza  * {vertical-align: middle; }

#galeria_szczegoly div.pierwsza {display: inline; }

#galeria_szczegoly div.pierwsza  span {display: inline-block;     height: 100%;     width: 1px; }

#opis_szczegoly{
float:left;
width:692px;
padding:20px 0;
margin-bottom:20px;
border-bottom:1px solid #444;
}

#opis_szczegoly div{
clear:both;
padding:5px 0;
}

#opis_szczegoly label{
float:left;
width:110px;
}

#opis_szczegoly h2{
margin:0;
padding:0;
font-size:11px;
}

#formularz_szczegoly{
float:left;
width:368px;
margin-right:10px;
margin-bottom:20px;
}

#formularz_szczegoly div{
padding: 12px 0;
text-align:left;
clear:both;
}


#formularz_szczegoly label{
float:left;
width: 100px;
display:block;
text-align:right;
padding-right:15px;
}


#formularz_szczegoly input[type="text"]{
float:left;
width: 251px;
background: #fff;
border:1px solid #444;
}

#formularz_szczegoly textarea {
float:left;
width: 251px;
background: #fff;
border:1px solid #444;
height:83px;
}



#formularz_szczegoly input[type="submit"]{
float:left;
background: #fff;
border:1px solid #444;
}

#dodatkowe_szczegoly{
float:left;
width:304px;
margin-left:10px;
padding-top:10px;
}

.red{
color:red;
font-size:16px;
}

#galaz{
float:left;
font-size:11px;
color:#444;
padding:10px 0;
}

#galaz a{
font-size:11px;
color:#444;
}

a.powrot{
display:block;
float:right;
margin:10px 0;
font-size:11px;
color:#444;
}