body{
	background-color: #ffffff;
	font-family: Verdana, Tahoma, Sans-serif;
	font-size: 12px;
}

.info {
	color: red;
}

a {
	outline-style:none;
	outline-width:0;
}

.input, textarea {
	width: 260px;
}

textarea {
	height: 100px;
}

.red {
	color: red !important;
}

label{cursor: pointer;}

a img{border: 0px;}
ul{margin: 0px; padding: 0px;}
ul li{margin: 0px; padding: 0px;}
table tr td.center{text-align: center;}

h5 {
	font-size: 13px;
}

div#contener{
	width: 960px;
	margin: auto;
}

div#loga-left{
	width: 430px;
	margin-top: 15px;
	float: left;
}

div#loga-left img.first{
	margin-top: 5px;
	margin-right: 18px;
}

div#loga-right{
	width: 100px;
	float: right;
	margin-top: 30px;
}

div#menu{
	clear: both;
	text-align: right;
	padding-top: 15px;
	height: 4px;
}
div#menu ul{ width: 309px; float: right; margin: 0px; padding: 0px; }
div#menu ul li{
	float: left;
	font-size: 10px;
	font-weight: bold;
	list-style: none;
	height: 24px;
}
div#menu ul li a{
	text-decoration: none;
	margin-right: 16px;
	color: #222222;
	text-transform: uppercase;
}

div#menu ul li a.ost{ margin-right: 0px; }

div#srodek{
	clear: both;
	width: 960px;
	margin-top: 20px;
}
div#srodek2{
	width: 960px;
}
#srodek2 a {
	color: black;
}

div#srodek-lewy{float: left; width: 649px; margin-right: 0px}
div#srodek-lewy-duzy{float: left; width: 810px; margin-right: 0px; min-height: 400px; _height: 400px;}
div#srodek-prawy{float: left; width: 309px; cursor: pointer;}
div#srodek-prawy-maly{float: right; width: 140px; cursor: pointer; margin-right: 2px; height: 93px;}

div#srodek-prawy-maly table {width: 140px;}

div#wyszukiwarka{height: 40px; float: right; width: 309px;  background-color: #01713d; margin-bottom: 2px; margin-right: 2px;}
div#wyszukiwarka form {
	display: inline;
	border: 0;
	padding: 0;
}
div#srodek-prawy div {
	width: 229px;
	height: 99px;
	color: #ffffff;
	margin-bottom: 2px;
	padding-left: 80px;
}
div#srodek-prawy-box-1b {background: #ffbc43 url('../images/jerozolimskie/icon_1.gif') no-repeat 25px 17px; }
div#srodek-prawy-box-2b {background: #606560 url('../images/jerozolimskie/icon_2.gif') no-repeat 25px 17px;}
div#srodek-prawy-box-3b {background: #01713d url('../images/jerozolimskie/icon_3.gif') no-repeat 25px 17px;}
div#srodek-prawy-box-4b {background: #830101}

div#srodek-prawy-box-1 {background: #ffbc43}
div#srodek-prawy-box-2 {background: #606560}
div#srodek-prawy-box-3 {background: #01713d}
div#srodek-prawy-box-4 {background: #830101}

div#podmenu {
	padding: 2px 0 0 0;
	float: left;
	width: 649px;
	background-image: url('../images/jerozolimskie/pasek.jpg');
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 2px;
}

div#podmenu ul {
	background-image: url('../images/jerozolimskie/pasek.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
	padding: 0 0 2px 0;
	margin: 0;
}

div#podmenu ul li{
	float: left;
	height: 36px;
	list-style: none;
	padding: 0;
}
div#podmenu ul li.podmenu1 {
	width: 213px;
}
div#podmenu ul li.podmenu2 {
	width: 256px;
}
div#podmenu ul li.podmenu3 {
	width: 177px;
}
div#podmenu ul li.podmenu4 {
	width: 203px;
}

div#podmenu ul li:hover, div#podmenu ul li.selected {
	background: url('../images/jerozolimskie/pod-menu.jpg') top left;
}
div#podmenu ul li a{
	text-decoration: none;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	margin-left: 7px;
}

#srodek-prawy h1, #srodek-prawy-maly h1 {
	color: white;
	margin: 0;
	padding: 0;
	line-height: 17px;
}

#srodek-prawy h1, #srodek-prawy-maly h1 {
	font-size: 15px;
	margin-left: 10px;
}

#srodek-prawy p {
	margin: 0px;
	font-size: 10px;
	color: white;
}

p.title, #srodek-prawy h1 {
	margin: 0px;
	margin-bottom: 5px;
	font-size: 18px !important;
	font-weight: bold;
}
p.tresc{
	margin: 0px;
	font-size: 10px;
}
p.tresc a{
	color: #ffffff;
}

input.szukaj{
	width: 202px;
	height: 17px;
	border: 0px;
}

div.informacja {
	width: 300px;
	float: left;
	margin-right: 30px;
	margin-top: 20px;
	margin-bottom: 10px;
}

div.informacja_right {
	margin-right: 0px;
}

div.informacja h1 {
	font-size: 19px;
	font-weight: bold;
	margin-top: 0px;
}

div.informacja p {
	font-size: 10px;
	color: #6f6f6f;
	margin: 0;
	padding: 0;
	display: inline;
}
div.informacja p a {
	color: #6f6f6f;
}

div#stopka{
	padding-top: 5px;
	width: 960px;
	clear: both;
	margin-bottom: 10px;
}
div#stopka div#left, div#stopka div#center, div#stopka div#right{
	float: left;
	width: 300px;
	text-align: left;
	margin-right: 30px;
	font-size: 10px;
	color: #6f6f6f;
}
div#stopka div#left a, div#stopka div#center a, div#stopka div#right a{
	color: #6f6f6f;
}
div#stopka div#right{
	margin-right: 0px;
	text-align: right;
	width: 330px;
}
div#stopka div#center{
	margin-right: 0px;
	text-align: center;
}

div#stopka div#center .input{
	width: 140px;
}

.newsletterAction, .newsletterAction {
	background-color: black;
	color: white;
	border: none;
	font-size: 11px;
	padding: 2px 10px;
}

input.dodaj{
	width: 212px;
	height: 15px;
	border: 1px solid #999999;
}

hr{clear: both; background-color: #6f6f6f;}

h4{
	font-weight: bold;
	font-size: 19px;
	margin: 0px;
	margin-top: 10px;
	width: 550px;
	margin-top: 30px;
}

p.tresc-podstrony{
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	margin-top: 15px;
	padding-right: 40px;
	width: 550px;
}

table.tabela-produkty{
	border: 1px solid #888888;
	margin-top: 10px;
	vertical-align: top;
}
table.tabela-produkty td.nazwa, table.tabela-produkty td.kolekcja, table.tabela-produkty td.opis{
	width: 480px;
	text-align: center;
}
table.tabela-produkty td.opis{
	font-weight: normal;
	font-size: 12px;
}
ul#mail{ margin-left: 25px; width: 350px;}
ul#mail li{ list-style: none; }
ul#mail li.input{ margin-bottom: 10px; }
ul#mail li.clear{ margin-top: 10px; }

div#obraz{width: 550px; float: left;}
img.strzalka_248{float: left; margin-left: 33px; }
img.strzalka_249{float: left; margin-left: 30px; }
img.strzalka_250{float: left; margin-left: 28px; }
img.strzalka_251{float: left; margin-left: 28px; }

div#lokalizer{
	color: #000000;
	margin-left: 7px;
	margin-bottom: 10px;
	margin-top: 10px;
}
div#lokalizer a{
	color: #000000;
}

ul#adres{
	float: right;
	list-style: none;
	margin-top: 30px;
}
ul#adres li{
	margin-bottom: 5px;
}
ul li.pointer{
	cursor: pointer;
}
ul li.pointer a{
	display: block;
	padding-top: 12px;
	padding-bottom: 13px;
}

.catlist {
	margin: 0;
	padding: 20px 0 0 0;
	list-style-type: none;
}

.catlist li {
	margin: 0;
	padding: 0;
	display: inline;
}


#formularz {
	width: 270px;
	float: left;
}

#kontaktAdres {
	width: 270px;
	float: left;
	height: 400px;
}

#kontaktTekst {
  width: 645px;
  line-height: 1.8em;
	margin: 1em 0;
}

#kontaktTekst .fLeft{
	width: 260px;
	float: left;
	overflow: auto;
	padding: 5px;
}

#kontaktTekst .fRight{
	width: 270px;
  float: right;
  overflow: auto;
}

#kontaktTekst hr{
  margin: 2em auto;
  position: relative;
  top: 1em;
  color: #000;
  background:#000;
  border: 1px solid #000;
}

.right {
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}

.boxgroup {
	float: left;
	width: 650px;
}

/*
.box - firma
.box2 - kolekcja
.box3 - produkt
*/

.box, .box2, .box3 {
	width: 250px;
	margin: 5px;
	padding: 5px;
	float: left;
	min-height: 220px;
	_height: 220px;
    border: 1px solid #D8D8D8;
}

.box {
    text-align:center;
}

.box h1, .box2 h1, .box3 h1  {
	font-size: 16px;
	margin: 0 0 10px 0;
	padding: 5px;
	font-family: verdana;
	line-height: 16px;
}

.box img, .box2 img, .box3 img {
	padding: 0 5px;
}

.prodbox {
	float: left;
	padding: 10px !important;
}

.box4 {
	width: 196px;
	border: 5px solid white;
	border-top: 10px solid white;
	padding: 5px;
	min-height: 150px;
	_height: 150px;
   background-color: #f2f2f2;
   font-size: 10px;
   color: #8f8f8f;
}

.box4 h1 {
	font-size: 10px;
	color: #8d8d8d;
	font-weight: bold;
	margin: 0;
	padding: 0;
	
}

.box4 a {
	text-decoration: none;
}

.imagebox4 {
	display: block;
	width: 150px;
	margin: 10px 0;
}

#productmenu {
	margin: 10px 0px 0 8px;
	float: left;
	width: 150px;
	display: inline;
}

#productmenu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
}

#productmenu li {
	margin: 0;
	padding: 0;
}

#productmenu li {
}

#productmenu a.selected {
	font-weight: bold;
	text-transform: uppercase;
   background-image: url('../images/jerozolimskie/menu_arrow.gif');
   background-repeat: no-repeat;
   background-position: 4px 8px;
}

#productmenu li a {
	display: block;
	width: 130px;
	color: #8f8f8f;
	padding: 5px 0 5px 14px;
	text-decoration: none;
	font-size: 10px;
}

.kolekcje li a {
	width: 110px !important;
}

.kolekcje {
	padding-left: 20px !important;
}

#productgroup {
	float: left;
	width: 650px;
}

#productgroup table td {
	vertical-align: top;
}

.whitemargin {
	border-bottom: 2px solid white;
}

.paginator {
	text-align: center;
	font-size: 9px;
	padding: 10px 0;
}

.paginator ul {
	list-style-type: none;
	margin: 0;
	padding: 5px;
}

.paginator a {
	text-decoration: none;
	padding: 5px 7px;
	display: inline;
   color: #8f8f8f !important;
}

.paginator li {
	display: inline;
	text-align: center;
	margin: 0;
	paddng: 0;
}

.paginator li.selected a {
	background-image: url('../images/jerozolimskie/circle.gif');;
	background-repeat: no-repeat;
	background-position: center center;
	font-weight: bold;
}

.paginator li.selected a {
	color: white !important;
	font-weight: bold;
}

.shortinfo {
   background-image: url('../images/jerozolimskie/info.gif');
   background-repeat: no-repeat;
   background-position: 170px 5px;
	padding-right: 15px;
	padding-top: 7px;
	padding-bottom: 10px;
	width: 171px;
	color: #8d8d8d;
}

#promoBoxes li {
	padding: 10px 0;
	background-color: #f2f2f2;
	margin: 5px 0;
}

.column {
	width: 270px;
	margin-right: 5px;
	float: left;
}
