/* CSS Document */
body {
	text-align: center;
	margin: 0 0 0 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetiva, "sans-serif";
	font-size: 10px;
	color: #000000;
	background:#fff;
  }

 /* linki */

 a, a:link, a:active, a:visited {
 	color: #990000;
	text-decoration:none;
 }
a:visited {
	color: #4e4e4e;
	}
a:hover {
	text-decoration: underline;
}

a img {
 	border: none;
}

/* bloki */

div.clearer {
	font-size: 1px;
	clear: both;
}
#rightTopBack {
	position: absolute;
	background: url("../img/topRightTile.gif") top repeat-x;
	height: 173px;
	width: 50%;
	left: 50%;
}

/* top */

#topContainer {
	background: #fff;
	position: relative;
	height: 250px;
	width: 794px;
	margin: 0px auto;
	padding: 0 0 0 0;
  background: url("../img/bg_top.jpg") no-repeat;

}

#topContainer .flashContainer {
	position: absolute; 
	margin: 16px 0;
}

#logo {
	position: absolute;
	width: 106px;
	height: 47px;
	top: 30px;
	left: 650px;

}
#topMenus {
	padding: 0 0 0 200px;
	height: 85px;
	margin-bottom: 25px;

}
	/* general */

	div#mainMenu, div#categoryMenu, div#notatnikiMenu {
		font-family: Tahoma;
		font-size: 12px;
		font-weight: bold;
    padding-top:127px;
	}

	/* mainmenu */

  div .mapa {
    position: absolute; 
    top: 2px; 
    left: 10px;
  }
  
	div#mainMenu {
		height: 18px;
		margin-bottom: 11px;
	}

	div#mainMenu div {
		float: left;
	}

	#mainMenu a {
		color: #fff;
		display: block;
		margin-left: 50px;
    padding:2px;
	}
	#mainMenu a:hover, #mainMenu a.active {
		text-decoration: none;
    color:#FAB601;
    padding:2px;
		
	}
	#mainMenu a.first {
		margin-left: 5px;
    margin-right: 5px;
    padding-right:8px;
	}


	/* category menu */

	div#categoryMenu, div#notatnikiMenu {
		color: #ffffff;
		padding: 0 10px;
		margin: 0;
		margin-bottom: 5px;
		width: auto;
		height: 48px;
		background-color: #b02829;
	}
	
	div#notatnikiMenu {
		height: 135px;
	}

	#categoryMenu div#columnOne, #notatnikiMenu div#columnOne, #categoryMenu div#columnTwo, #notatnikiMenu div#columnTwo {
		position: relative;
		float: left;
		margin: 7px 0 5px 0;
		text-align: left;
	}

	#categoryMenu div#columnOne, #notatnikiMenu div#columnOne {
		width: 220px;
		border-right: #fff 2px solid;
	}
	#categoryMenu div#columnTwo, #notatnikiMenu div#columnOne {
		margin-left: 10px;
	}

	#categoryMenu div#columnOneGalant, #notatnikiMenu div#columnOne {
		width: 200px;
		border-right: #fff 2px solid;
	}


	#categoryMenu a, #notatnikiMenu a {
		position: relative;
		display: block;
		padding-left: 20px;
		padding-bottom: 4px;
		background: url("../img/a_fff.gif") 8px 3px no-repeat;
		color: #ffffff;

	}
	#categoryMenu a:hover, #categoryMenu a.active, #notatnikiMenu a:hover, #notatnikiMenu a.active {
		background: url("../img/a_orng.gif") 8px 3px no-repeat;
		text-decoration: none;
	}


/* srodek */

#midContainer {
	/*position: relative;*/
	margin: 0px;
	padding: 0px;

}

#main {
	/*position: relative;*/
	width: 794px;
	min-height: 350px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
	background-position: top left;
	background-repeat: repeat-y;
}

div.kontakt, div.ofirmie, div.galantsk, div.kalendar, div.mapa {
	background-image: url(../img/mainTileLecture.gif) ;
}

/* for Internet Explorer */
/*\*/
* html #main {
	height: 350px;
}
/**/

/* strony statyczne - tla */

#innerContainer {
	background-color: #f1f1f1;
	background-position: top left;
	background-repeat: no-repeat;
  height: 230px;
}

.kontakt #innerContainer  {
	background-image: url('../img/kontakt.jpg');
}
.ofirmie #innerContainer  {
	background-image: url('../img/o_firmie.jpg');
}
.kalendar #innerContainer  {
	background-image: url('../img/kalendar.jpg');
}
.galantsk #innerContainer  {
	background-image: url('../img/galantery.jpg');
}
.mapa #innerContainer  {
	background-image: url('../img/mapa.jpg');
}

.notatniki #innerContainer  {
	margin-top:70px;
	background-image: url('../img/notatniki.jpg');
}

#leftField, #middleField {
	position: relative;
	float: left;
}
#middleField {
	position: relative;
	float: right;
}

#lecture {
	position: relative;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	/* font-family: Georgia, Times New Roman, serif; */
	font-size: 16px;
	line-height: 19px;
	margin: 0;
	margin-left: 0px;
	color: #333;
	width: 764px;
	w\idth: 764px;
	padding: 15px;
	padding-top: 25px;
	text-align: left;
	min-height: 206px;
	height: auto;
}
/* for Internet Explorer */
/*\*/
* html #lecture {
	height: 236px;
}
/**/
	#lecture p {
		margin: 0 22px 10px 22px;
	}

	#lecture a {
		color: #0052fa;

	}
#picture {
	position: relative;
	float: left;
	width: 317px;
	padding: 0;
	margin: 0;
}
/* stopka */

#footer {
	position: relative;
	margin: 3px auto;
	width: 794px;
	padding: 3px 0px;
	border-top: #000 2px solid;
	text-align: left;
}

#copyright {
	position: absolute;
	display: block;
	width: 200px;
	height: 12px;
	left: 660px;
	font-size: 10px;
	line-height: 10px;

}
#designer {
	position: absolute;
	display: block;
	width: 107px;
	height: 9px;
	left: 794px;

}


.bottomButton {
	position: relative;
	display: block;
	float: left;
	width: 156px;
	height: auto;
	margin: 0;
	margin-right: 5px;
	padding: 0;
	background-color: #b02829;
}

.grupa .bottomButton, .produkt .bottomButton {
	width: 186px;
	height: 26px;
}

/* grupy */
div.grupa, div.produkt {
	background-image: url("../img/back_groupview.gif");
	text-align: left;
}

.grupa p {
	margin: 0 0 5px 0;
}

.prodGroup .groupHeader {
	border-bottom: #fff 2px solid;
	width: 186px;
	height: 28px;
	he\ight: 26px;

	background-color: #b02829;
	background-repeat: no-repeat;
	background-position: top left;
}



#prodGroup_1 .groupHeader {
	background-image: url("../img/cat_lbl_kalendarzeksiazkowe.gif");
}
#prodGroup_2 .groupHeader {
	background-image: url("../img/cat_lbl_organizatory.gif");
}
#prodGroup_3 .groupHeader {
	background-image: url("../img/cat_lbl_kalendarzebiurkowe.gif");
}
#prodGroup_4 .groupHeader {
	/*background-image: url("../img/cat_lbl_edycjespecjalne.gif");*/
  background-image: url("../img/cat_lbl_oferta_dodatkowa.gif");
}
#prodGroup_7 .groupHeader {
	background-image: url("../img/cat_lbl_indywidualizacja.gif");
}
#prodGroup_6 .groupHeader {
	background-image: url("../img/cat_lbl_oprawyskoropodobne.gif");
}
#prodGroup_5 .groupHeader {
	background-image: url("../img/cat_lbl_oprawyskorzane.gif");
}
#prodGroup_8 .groupHeader {
	background-image: url("../img/cat_lbl_teczki.gif");
}
#prodGroup_9 .groupHeader {
	background-image: url("../img/cat_lbl_aktowki.gif");
}
#prodGroup_10 .groupHeader {
	background-image: url("../img/cat_lbl_notesy.gif");
}
#prodGroup_11 .groupHeader {
	background-image: url("../img/cat_lbl_portfele.gif");
}
#prodGroup_12 .groupHeader {
	background-image: url("../img/cat_lbl_etui1.gif");
}
#prodGroup_13 .groupHeader {
	background-image: url("../img/cat_lbl_produkty.gif");
}
#prodGroup_14 .groupHeader {
	background-image: url("../img/cat_lbl_inne.gif");
}
#prodGroup_15 .groupHeader {
	background-image: url("../img/cat_lbl_inne.gif");
}
#prodGroup_16 .groupHeader {
	background-image: url("../img/cat_lbl_inne.gif");
}
#prodGroup_17 .groupHeader {
	background-image: url("../img/cat_lbl_inne.gif");
}
#prodGroup_18 .groupHeader {
  background-image: url("../img/cat_lbl_kalendarzeksiazkowe.gif");
}
#prodGroup_19 .groupHeader {
  background-image: url("../img/cat_lbl_opcje_dodatkowe.gif");
}
#prodGroup_20 .groupHeader {
  background-image: url("../img/cat_lbl_laczenie_opraw.gif");
}

div.menuSection {
	position: relative;
	display: block;
	float: left;
	width: 186px;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div.categoryHeader, a.categoryHeader:link, a.categoryHeader:active, a.categoryHeader:visited {
	display: block;
	background: #939393;
	color: #ffc000;
	font-weight: bold;
	text-align: center;
	padding: 3px;
	border-bottom: #fff 2px solid;
}

a.categoryHeader:hover {
	text-decoration: none;
	color: #939393;
	background: #ffc000;

}

a.productButton, a.productButton:link, a.productButton:visited, a.productButton:active {
	position: relative;
	display: block;
	background: #aaaaaa url("../img/a_fff.gif") 3px 6px no-repeat;
	color: #fff;
	padding: 3px;
	padding-left: 14px;
	border-bottom: #fff 2px solid;
}

.menuSection table {
	width:100%
}
.menuSection td {
	font-size: 12px;
}


a.productThumb, a.productThumb:visited, a.productThumb:active {
	display: block;
	text-align: center;
	color: #000;
	padding: 3px;
	padding-top: 6px;
	margin-bottom: 3px;
}

a.productButton:hover, a.productThumb:hover {
	text-decoration: none;
	background-color: #fab601;
}

a.productButton.active:link, a.productButton.active:active, a.productButton.active:visited, a.productThumb.active:link, a.productThumb.active:active, a.productThumb.active:visited {
	text-decoration: none;
	background-color: #fab601;
}


div.categorySeparator {
	position: relative;
	display: block;
	clear: both;
	height: 1px;
	width: auto;
	padding: 0;
	font-size: 0px;
	margin: 10px 0;
	border-bottom: #000 1px solid;
}

div.groupDescription {
	position: relative;
	display: block;
	float: left;
	width: 335px;
	w\idth: 315px;
	margin: 0px;
	padding: 0px 10px 0px 10px;

}

.prodGroup div.picture {
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 270px;
	overflow: hidden;

}
.category {
	border-bottom: #000 1px solid;
	margin-bottom: 10px;
}


.groupDescription p.heading, .productDescription p.heading, .productDescription h1.heading {
	color: #c89000;
	font-size: 18px;
}

/* produkty */

#productPicture {
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 422px;
	text-align: center;
	z-index: 100;
	overflow: hidden;
}

div.schema {
	margin-top: 10px;
}

div.productDescription {
	position: relative;
	display: block;
	float: right;
	margin: 0;
	padding: 10px 8px;
	width: 185px;
	w\idth: 169px;
	overflow: hidden;
}
.productDescription p {
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
}