body {
    font-family: tahoma, helvetica, arial, sans-serif;
    font-size: 12px;
    background: #688A36;
    margin: 0px;
    padding: 10px;
	text-align: justify;
}

img {
	border: 0px;
}

h1, h3 {
    font-size: 11px;
}


h1 {
    line-height: 1;
    position: absolute;
    top: 0px;
    left: 0px;
}

h2 {
    margin: 0px 0px 5px 0px;
    padding: 0px;
    font-size: 14px;
}

h3 {
    padding: 4px 0px 0px 0px;
}

h4 {
    color: #F17B4B;
    font-size: 11px;
}



#header {
	width: 863px;
	height: 138px;
	margin: 0px auto;
    	margin-top: 20px;
    	padding: 0px;
    	position: relative;
    	align: center;
	background-color: white;
}

#page {
	width: 863px;
	margin: 0px auto;
	background: url(images/content.gif) repeat-y;
}

#menu_lewe {
	width: 219px;
	float: left;
	margin-left: -40px;
}

#menu_lewe2 {
	width: 78px;
	float: left;
}

#menu_new {
	width: 219px;
	float: left;
	margin-left: -40px;
	font-size: 14px;
}

#menu_new a {
	color: white;
	text-decoration: none;
	margin-left: 15px;
	font-family: "Times New Roman";
	line-height: 1.5em;
}

#menu_new a:hover {
	color: white;
	text-decoration: none;
	font-weight: bold;
}

a.menu_new_on {
	font-weight: bold;
}

hr.menu_new{
	color: #FFFFFF;
	background-color: #FFFFFF;
	width: 75%;
	border: 0;
	height: 1px;
	text-align: left;
	margin-left: 10px;
}

#content {
	width: 684px;
	float: right;
}

#content2 {
	width: 940px;
	float: right;
	background-color: #faf8f6;
}

#content_left {
	width: 536px;
	float: left;
	background-color: #faf8f6;
}

#content_left2 {
	width: 719px;
	float: left;
}

#content_right {
	width: 148px;
	float: right;
}

#footer {
	background: url(images/footer.gif) no-repeat;
	width: 863px;
	height: 105px;
	margin: auto;
    	margin-bottom: 20px;
    	padding: 0px;
    	position: relative;
    	align: center;
}

a {
	color: black;
}

.td {
	margin-right: 20px;

}

#przycisk {
	display: block;
	border: none;
	background: transparent url(images/przycisk.jpg) 0 0 no-repeat;
	width: 83px;
	height: 24px;
	font-size: 0px;
	cursor: pointer;
	font-color: yellow;

}

#przycisk_eng {
	display: block;
	border: none;
	background: transparent url(images/przycisk_eng.gif) 0 0 no-repeat;
	width: 84px;
	height: 25px;
	font-size: 0px;
	cursor: pointer;
	font-color: yellow;

}

#przycisk_ger {
	display: block;
	border: none;
	background: transparent url(images/przycisk_ger.gif) 0 0 no-repeat;
	width: 84px;
	height: 25px;
	font-size: 0px;
	cursor: pointer;
	font-color: yellow;

}























/*
  +------------------------------------------------------------------+
  | MikeCherim.com                                                   |
  | CSS: Photo Showcase                                              |
  | Cascading Style Sheet                                            |
  | Copyright April 2006                                             |
  | Use with attribution by visible link please!                     |
  | Attribute to: <a href="http://green-beast.com/">Mike Cherim</a>  |
  +------------------------------------------------------------------+
*/ 

/* this holds it all. set width for allowable space (20px wider than shown image) */
div#ps {
  padding : 0;
  width : auto; 
#  margin : auto;
  margin-left: -27px;
  width : 380px;  /* set width to allow for all the boxes in a row and adjust this when changing thumbnail sizes*/
}

/* this hides the accessible links from view but keeps 'em available */
.ps_offset {
  position : absolute;
  margin-left : -2000px;
  margin-top : -2000px;
}

/* for h2 heading, but an option if h2 is pre-styled (note width) */
div#ps h2 { 
  margin : 60px 0 15px 4%;
  font-weight : normal;
  color : #669900; 
  width : 360px;
}

/* this the same as h2 above, may be optional (do note the width) */
div#ps p { 
  margin : 15px 0 15px 4%;
  font-size : 0.85em; 
  width : 360px; 
}

/* style the unordered list (note height) */
div#ps ul {
  margin : 5px 0px 70px 4%;
  height : 40px;
}

/* make the list items show horizontally */
div#ps ul li {
  display : inline; 
}

/* set the links as blocks, size in px (must be floated) */
div#ps ul a {
  display : block;
  float : left;
  border : 1px solid #cd7000;
  text-decoration : none;
  margin : 0 5px 5px 0;
  width : 100px;
  height : 58px;
  cursor : pointer;   /* this is for Opera only */
}

/* set hover state border */
div#ps ul a:hover {
  border : 1px solid #000;
}

/* but remove border from images */
div#ps a img {
  border : 0;
}

/* set fous position (width and height will match big photo size and list row width */
div#ps ul a#psa1:focus, div#ps ul a#psa1:active, div#ps ul a#psa2:focus, div#ps ul a#psa2:active, div#ps ul a#psa3:focus, div#ps ul a#psa3:active, div#ps ul a#psa4:focus, div#ps ul a#psa4:active, div#ps ul a#psa5:focus, div#ps ul a#psa5:active, div#ps ul a#psa6:focus, div#ps ul a#psa6:active, div#ps ul a#psa7:focus, div#ps ul a#psa7:active, div#ps ul a#psa8:focus, div#ps ul a#psa8:active, div#ps ul a#psa9:focus, div#ps ul a#psa9:active, div#ps ul a#psa10:focus, div#ps ul a#psa10:active, div#ps ul a#psa11:focus, div#ps ul a#psa11:active, div#ps ul a#psa12:focus, div#ps ul a#psa12:active { 
  margin-top : -207px; 
  width : 260px; /* adjust this only when changing thumbnail sizes */
  height : 200px;
  position : absolute;
  cursor : crosshair;   /* because I like it, if you don't, do use "cursor : default" */
}

/* set backgrounds for each state */
div#ps ul a#psa1 {
  background : #000 url(gal/g1_sm.jpg) no-repeat 0 0;
}
div#ps ul a#psa1:hover {
  background : #222 url(gal/g1_sm.jpg) no-repeat 0 0;
}
div#ps ul a#psa1:focus, div#ps ul a#psa1:active {
  background : #444 url(gal/g1.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa2 {
  background : #000 url(gal/g2_sm.jpg) no-repeat 0 0;
}
div#ps ul a#psa2:hover {
  background : #222 url(gal/g2_sm.jpg) no-repeat 0 0;
}
div#ps ul a#psa2:focus, div#ps ul a#psa2:active {
  background : #444 url(gal/g2.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa3 {
  background : #000 url(gal/g3_sm.jpg) no-repeat 0 0;
}
div#ps ul a#psa3:hover {
  background : #222 url(gal/g3_sm.jpg) no-repeat 0 0;
}

div#ps ul a#psa3:focus, div#ps ul a#psa3:active {
  background : #444 url(gal/g3.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa4 {
  background : #000 url(gal/g4_sm.jpg) no-repeat 0 0;
}
div#ps ul a#psa4:hover {
  background : #222 url(gal/g4_sm.jpg) no-repeat 0 0;
}
div#ps ul a#psa4:focus, div#ps ul a#psa4:active {
  background : #444 url(gal/g4.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa5 {
  background : #000 url(gal/g5_sm.jpg) no-repeat 0 0;
}
div#ps ul a#psa5:hover {
  background : #222 url(gal/g5_sm.jpg) no-repeat 0 0;
}
div#ps ul a#psa5:focus, div#ps ul a#psa5:active {
  background : #444 url(gal/g5.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa6 {
  background : #000 url(gal/g6_sm.jpg) no-repeat 0 0;
}
div#ps ul a#psa6:hover {
  background : #222 url(gal/g6_sm.jpg) no-repeat 0 0;
}
div#ps ul a#psa6:focus, div#ps ul a#psa6:active {
  background : #444 url(gal/g6.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa7 {
  background : #000 url(gal/g7_sm.jpg) no-repeat 0 0;
}
div#ps ul a#psa7:hover {
  background : #222 url(gal/g7_sm.jpg) no-repeat 0 0;
}
div#ps ul a#psa7:focus, div#ps ul a#psa7:active {
  background : #444 url(gal/g7.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa8 {
  background : #000 url(gal/g8_sm.jpg) no-repeat 0 0;
}
div#ps ul a#psa8:hover {
  background : #222 url(gal/g8_sm.jpg) no-repeat 0 0;
}
div#ps ul a#psa8:focus, div#ps ul a#psa8:active {
  background : #444 url(gal/g8.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa9 {
  background : #000 url(gal/g9_sm.jpg) no-repeat 0 0;
}
div#ps ul a#psa9:hover {
  background : #222 url(gal/g9_sm.jpg) no-repeat 0 0;
}
div#ps ul a#psa9:focus, div#ps ul a#psa9:active {
  background : #444 url(gal/g9.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa10 {
  background : #000 url(gal/g10_sm.jpg) no-repeat 0 0;
}
div#ps ul a#psa10:hover {
  background : #222 url(gal/g10_sm.jpg) no-repeat 0 0;
}
div#ps ul a#psa10:focus, div#ps ul a#psa10:active {
  background : #444 url(gal/g10.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa11 {
  background : #000 url(gal/g11_sm.jpg) no-repeat 0 0;
}
div#ps ul a#psa11:hover {
  background : #222 url(gal/g11_sm.jpg) no-repeat 0 0;
}
div#ps ul a#psa11:focus, div#ps ul a#psa11:active {
  background : #444 url(gal/g11.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa12 {
  background : #000 url(gal/g12_sm.jpg) no-repeat 0 0;
}
div#ps ul a#psa12:hover {
  background : #222 url(gal/g12_sm.jpg) no-repeat 0 0;
}
div#ps ul a#psa12:focus, div#ps ul a#psa12:active {
  background : #444 url(gal/g12.jpg) no-repeat 0 0;
}

/* rinse and repeat as needed */

/* this needs to be in conditional comment for IE only */
div#ps ul a#psa1:focus, div#ps ul a#psa1:active, div#ps ul a#psa2:focus, div#ps ul a#psa2:active, div#ps ul a#psa3:focus, div#ps ul a#psa3:active, div#ps ul a#psa4:focus, div#ps ul a#psa4:active, div#ps ul a#psa5:focus, div#ps ul a#psa5:active, div#ps ul a#psa6:focus, div#ps ul a#psa6:active, div#ps ul a#psa7:focus, div#ps ul a#psa7:active, div#ps ul a#psa8:focus, div#ps ul a#psa8:active, div#ps ul a#psa9:focus, div#ps ul a#psa9:active, div#ps ul a#psa10:focus, div#ps ul a#psa10:active, div#ps ul a#psa11:focus, div#ps ul a#psa11:active, div#ps ul a#psa12:focus, div#ps ul a#psa12:active {
  margin-top : 280px; /* adjust this only when changing thumbnail sizes */
  margin-left : 20px; /* adjust this as rows get longer */

#  margin-top : -254px; /* adjust this only when changing thumbnail sizes */
#  margin-left : -201px; /* adjust this as rows get longer */
}

/* End Styles */

.orange { color: #F17B4B; font-weight: bold; }
.orange_normal { color: #F17B4B; }


#przycisk_zam_dalej {
	display: block;
	border: none;
	background: transparent url(images/zamowienie/btn_dalej.gif) 0 0 no-repeat;
	width: 117px;
	height: 34px;
	font-size: 0px;
	cursor: pointer;
	font-color: yellow;
	float: right;
	margin: 5px 3px 0px 0px;
}

hr.green_zam {
	color: #70923E;
	background-color: #70923E;
	width: 522px;
	align: left;
	margin-left: -2px;
}