body {
border-width:2px;
}
.HorizontalLeft {
display:inline-block;
float:left;
margin:2px;
overflow:hidden;
}
.HorizontalLeft div.img {
display:table;
float:left;
height:100px;
margin:0 4px 0 2px;
text-align:center;
width:100px;
}
.HorizontalLeft span.img {
display:table-cell;
height:100px;
text-align:center;
vertical-align:middle;
width:100px;
}
.HorizontalLeft div.img span.img img {
border-width:2px;
max-height:96px;
max-width:96px;
}
.HorizontalLeft div.content {
height:75px;
margin:2px 0 0;
overflow:hidden;
position:relative;
text-align:left;
}
.HorizontalLeft div.content * {
line-height:1em;
text-align:left;
}
.HorizontalLeft div.content .title {
display:inline-block;
line-height:1em;
margin:0 0 5px;
padding:0 0 5px;
position:relative;
text-decoration:none;
}
.HorizontalLeft div.content p.description {
line-height:1em;
margin:0;
overflow:hidden;
padding:0;
position:relative;
text-align:left;
width:100%;
z-index:0;
}
.HorizontalLeft div.more {
bottom:0;
display:block;
line-height:1em;
margin:0 2px 0 0;
min-height:10px;
overflow:hidden;
padding:0;
position:relative;
text-align:right;
}
.HorizontalLeft div.more span.price {
float:right;
line-height:1em;
margin:3px 10px 0 0;
overflow:hidden;
padding:0;
text-align:right;
width:100%;
}
.HorizontalLeft div.more span.more {
display:none;
font-size:10px;
line-height:1em;
margin:0;
padding:0;
text-align:left;
}

.HorizontalRight {
display:inline-block;
float:left;
margin:2px;
overflow:hidden;
}
.HorizontalRight div.img {
display:table;
float:right;
height:100px;
margin:0 2px;
text-align:center;
width:100px;
}
.HorizontalRight span.img {
display:table-cell;
text-align:center;
vertical-align:middle;
}
.HorizontalRight div.img span.img img {
border-width:2px;
max-height:100px;
max-width:100px;
}
.HorizontalRight div.content {
height:75px;
margin:2px 2px 0;
overflow:hidden;
position:relative;
text-align:left;
}
.HorizontalRight div.content * {
line-height:1em;
}
.HorizontalRight div.content .title {
display:inline-block;
line-height:1em;
margin:0 0 5px;
padding:0 0 5px;
position:relative;
text-decoration:none;
}
.HorizontalRight div.content p.description {
line-height:1em;
margin:0;
overflow:hidden;
padding:0;
position:relative;
z-index:0;
}
.HorizontalRight div.more {
bottom:0;
display:block;
line-height:1em;
margin:0 2px 0 0;
min-height:14px;
overflow:hidden;
padding:0;
position:relative;
text-align:right;
}
.HorizontalRight div.more span.price {
float:right;
line-height:1em;
margin:3px 5px 0 0;
padding:0;
text-align:right;
width:95%;
}
.HorizontalRight div.more span.more {
display:none;
font-size:10px;
line-height:1em;
margin:0;
padding:0;
text-align:left;
}

.VerticalBottom {
display:inline-block;
float:left;
margin:2px;
overflow:hidden;
position:relative;
}
.VerticalBottom div.img {
background-color:inherit;
bottom:0;
display:table;
height:100px;
margin:0 0 5px;
position:absolute;
text-align:center;
width:100%;
z-index:21;
}
.VerticalBottom span.img {
background-color:inherit;
display:table-cell;
text-align:center;
vertical-align:middle;
}
.VerticalBottom div.img span.img img {
background-color:inherit;
border-width:2px;
max-height:100px;
max-width:100px;
}
.VerticalBottom div.content {
margin:2px 2px 0;
overflow:hidden;
position:relative;
}
.VerticalBottom div.content * {
line-height:1em;
text-align:left;
}
.VerticalBottom div.content .title {
display:inline-block;
line-height:1em;
margin:0 0 5px;
padding:0 0 5px;
position:relative;
text-decoration:none;
}
.VerticalBottom div.content p.description {
line-height:1em;
margin:0 0 0 5px;
overflow:hidden;
padding:0;
position:relative;
z-index:0;
}
.VerticalBottom div.more {
bottom:105px;
display:block;
line-height:1em;
margin:0;
overflow:hidden;
padding:5px 0 3px;
position:absolute;
text-align:right;
width:100%;
z-index:20;
}
.VerticalBottom div.more span.price {
line-height:1em;
margin:0;
padding:0 5px 5px 0;
text-align:right;
}
.VerticalBottom div.more span.more {
display:none;
font-size:10px;
line-height:1em;
margin:0 0 5px;
padding:0 0 0 5px;
text-align:left;
}

.VerticalTop {
display:inline-block;
float:left;
margin:2px auto;
overflow:hidden;
position:relative;
text-align:left;
}
.VerticalTop div.img {
bottom:0;
display:table;
height:100px;
margin:auto;
position:relative;
text-align:center;
width:100px;
}
.VerticalTop span.img {
display:table-cell;
margin:auto;
text-align:center;
vertical-align:middle;
}
.VerticalTop div.img span.img img {
border-width:2px;
margin:auto;
max-height:96px;
max-width:96px;
text-align:center;
vertical-align:middle;
}
.VerticalTop div.content {
margin:2px 2px 0;
overflow:hidden;
position:relative;
text-align:left;
}
.VerticalTop div.content * {
line-height:1em;
}
.VerticalTop div.content .title {
display:inline-block;
line-height:1em;
margin:0 0 5px;
padding:0 0 5px;
position:relative;
text-decoration:none;
}
.VerticalTop div.content p.description {
line-height:1em;
margin:0 0 0 5px;
overflow:hidden;
padding:0;
position:relative;
z-index:0;
}
.VerticalTop div.more {
bottom:0;
display:block;
line-height:1em;
margin:0 2px 0 0;
overflow:hidden;
padding:0 0 2px;
position:absolute;
text-align:left;
width:98%;
z-index:20;
}
.VerticalTop div.more span.price {
background-color:inherit;
line-height:1em;
margin:0;
padding:0 5px 0 0;
text-align:right;
width:100%;
}
.VerticalTop div.more span.more {
background-color:inherit;
display:none;
font-size:10px;
line-height:1em;
margin:0 0 5px;
padding:0 0 0 5px;
text-align:left;
}
div.navigation {
bottom:0;
clear:both;
color:White;
display:block;
float:right;
font-size:10px;
height:15px;
margin:0;
padding:0;
position:absolute;
text-align:right;
vertical-align:bottom;
width:99%;
z-index:1000;
}
div.navigation a {color:White;text-decoration:none;}
div.navigation a:hover {text-decoration:underline;}
img {border-style:solid;border-color:#000000;}
body {border-style:solid;border-color:#DFD5BA;background-color:#FFFFFF;}
.price {font-size:14px;font-family:Verdana;background-color:#FFFFFF;color:#B80F0F;display:inline-block;}
.description {display:inline-block;color:#030303;background-color:#FFFFFF;font-size:8px;font-family:Verdana;}
.title {background-color:#FFFFFF;font-size:10px;font-family:Verdana;color:#0053FF;}
.more {background-color:#FFFFFF;}

/* Slider reklamowy */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		width:180px;
		height:600px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:80px;
		height:30px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:80px;
		height:30px;
		background:url(http://benkyo.pl/images/gifs/arrow_glossy-silver-icon_left.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(http://benkyo.pl/images/gifs/arrow_glossy-silver-icon_right.png) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:18px;
		line-height:18px;
		}
	ol#controls li a{
		float:left;
		height:18px;
		line-height:18px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* //Slider reklamowy - koniec*/