body {
	background: #D8D1C9 url(tlo.gif) repeat-x;
	margin: 0px;
	padding: 0;
	font-family: tahoma, sans-serif;
	font-size: 14px;
	color: #000000;
	width: 100%;
}
a {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
}

img {
	border: none;
}
p, form, ul {
	margin: 0;
	padding: 0;
}
.kontener {
	width: 780px;
	clear: both;
	margin: 0px auto;
}

#gora {
	background: url(gora.jpg) no-repeat top center;
}
	#gora .kontener {
		background: url(gora.jpg) no-repeat top center;
		height: 177px;
		position: relative;
	}
		#gora h1 {
			text-indent: -99em;
			overflow: hidden;
			display: block;
			margin: 0;
		}
		#gora .flaga {
			display: block;
			position: absolute;
			top: 10px;
			right: 0px;
			width: 33px;
			height: 17px;
			text-indent: -100em;
			overflow: hidden;
		}
		#gora .flaga.en {
			background: url(english.gif) no-repeat;
		}
		#gora .flaga.pl {
			background: url(polski.gif) no-repeat;
		}
		
#srodek {
	background: url(srodek.jpg) no-repeat top center;
}
#srodek .kontener {
	background: url(srodek.jpg) no-repeat top center;
	height: 298px;
	overflow: hidden;
	position: relative;	
}
#srodek .kontener .box {
	height: 298px;
	float: left;
	width: 200px;
	overflow: hidden;
	position: relative;
}
#kksiegarnia1 {
	height: 149px;
	overflow: hidden;
	position: relative;
}
#kksiegarnia2 {
	height: 149px;
	overflow: hidden;
	position: relative;
}
#targi {
	height: 149px;
	overflow: hidden;
	position: relative;
}
#akademia {
	height: 149px;
	overflow: hidden;
	position: relative;
}
#hurt {
	height: 149px;
	overflow: hidden;
	position: relative;
}

#srodek .kontener .box .pole {
	overflow: hidden;
	height: 596px;
	position: absolute;
	cursor: pointer;
}
#srodek .kontener .box .pole h2 {
	z-index: 0;
	font-weight: normal;
	font-size: 18px;
	margin: 136px auto 0px auto;
	text-align: center;
	width: 200px;
	letter-spacing: 0.05em;
	height: 42px;
}
#srodek .kontener .box .pole h2 a {
	color: #661491;
}
#srodek .kontener .box .pole h2 span {
	font-size: 14px;
}
#srodek .kontener .box .pole div {
	color: #fbedd6;
	font-size: 11px;
	margin: 20px auto 0px auto;
	width: 200px;
	height: 105px;
	position: relative;
}
#srodek .kontener .box .pole div p {
	color: #776852;
	position: absolute;
	top: -1px;
	left: -1px
}

#srodek .kontener .box .pole h3 {
	color: #a89669;
	margin: 100px auto 0px auto;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	width: 200px;
	display: block;
	position: relative;
}
#srodek #kksiegarnia .pole h2 {
	margin-top: 32px;
	margin-left: -66px;
	width: 176px;
}
#srodek #kksiegarnia1 .pole h2 {
	margin-top: 22px;
	margin-bottom: 10px;
	margin-left: -76px;
	width: 176px;
}
#srodek #kksiegarnia .pole h3 {
	margin-top: 100px;
	margin-left: 35px;
}
#srodek #akademiahurt .pole h2 {
	margin-top: 52px;
	margin-left: 96px;
	width: 176px;
}
#srodek #akademiahurt .pole h3{
	margin-top: 100px;
	margin-right: 35px;
}
#srodek #hurt .pole h3{
	margin-top: 100px;
	margin-right: 0px;
}
#srodek #kinternetowa .pole h2 {
	font-size: 24px;
	padding-top: 14px;
	height: 28px;
}
#srodek #kinternetowa .pole div {
	background: url(logo_serenissima_ksiegarnia.jpg) no-repeat;
	margin-top: 0px;
	padding-top: 20px;
	width: 130px;
	padding-left: 70px;
}
#srodek #kinternetowa .pole div p {
	padding-top: 20px;
	padding-left: 70px;
}
#srodek .kontener .box .pole h3 span {
	width: 200px;
	color: #f7e676;
	position: absolute;
	top: -2px;
	left: -2px;	
}

#srodek .kontener .otwarty .pole {
	top: 0px;
	left: 0px;
}

#kksiegarnia1 .pole {
	padding-left: 82px;
	width: 242px;
	background: url(box_kksiegarnia.png) no-repeat;
}
#kksiegarnia2 .pole {
	padding-left: 62px;
	width: 262px;
	background: url(box_kksiegarnia_lodz.png) no-repeat;
}
#targi .pole {
	padding-left: 62px;
	width: 262px;
	background: url(box_targi.png) no-repeat;
}
#kksiegarnia.zamkniety {
	width: 200px;
}
#kksiegarnia.zamkniety .pole {
	top: -149px;
	left: -124px;
}
#kksiegarnia .otwarty .pole {
	top: -149px;
	left: -0px;
}
#kksiegarnia.otwarty {
	width: 324px;
}
/* powtrozone dla javy */
#kksiegarnia .zamkniety {
	width: 200px;
}
#kksiegarnia .zamkniety .pole {
	top: -149px;
	left: -124px;
}
#kksiegarnia .otwarty {
	width: 324px;
}

#srodek #kinternetowa {
	margin-left: 8px;
	width: 364px;
}
#kinternetowa .pole {
	background: url(box_kinternetowa.png) no-repeat;
	width: 364px;
}
#kinternetowa.zamkniety {
	width: 240px;
}
#kinternetowa.zamkniety .pole {
	top: -298px;
	left: -62px;
}
#kinternetowa.otwarty {
	width: 364px;
}
/* powtrozone dla javy */
#kinternetowa .zamkniety {
	width: 240px;
}
#kinternetowa .zamkniety .pole {
	top: -298px;
	left: -62px;
}
#kinternetowa .otwarty {
	width: 364px;
}
#srodek  .kontener #akademiahurt {
	position: absolute;
	top: 0px;
	right: 0px;
}
#srodek  #akademia .pole {
	background: url(box_akademia.png) no-repeat;
	padding-left: 62px;
	width: 262px;
}
#srodek #hurt .pole {
	background: url(box_hurt.png) no-repeat;
	padding-left: 62px;
	width: 262px;
}

#akademiahurt.zamkniety {
	width: 200px;
}
#akademiahurt.zamkniety .pole {
	top: -149px;
	left: -124px;
}
#akademiahurt.otwarty .pole {
	top: -149px;
	left: -0px;
}
#akademiahurt.otwarty {
	width: 324px;
}
/* powtrozone dla javy */
#akademiahurt .zamkniety {
	width: 200px;
}
#akademiahurt .zamkniety .pole {
	top: -149px;
	left: -124px;
}
#akademiahurt .otwarty .pole {
	top: -149px;
	left: -0px;
}
#akademiahurt .otwarty {
	width: 324px;
}

#dol {
	background: url(dol.jpg) no-repeat top center;
	padding-top: 17px;
	height: 135px;
}
#dol a {
	float: left;
	text-indent: -100em;
	overflow: hidden;
	height: 135px;
}
#dol a.pr {
	background: url(logo_1pr.jpg) no-repeat;
	width: 173px;
}
#dol a.serenissima {
	background: url(logo_serenissima.jpg) no-repeat;
	width: 104px;
	margin-left: 162px;
}
#dol a.sonovero {
	background: url(logo_sonovero.jpg) no-repeat;
	width: 281px;
	margin-left: 60px;
}
#dol a:hover {
	background-position: 0px -135px;
}

