/* GŁÓWNA - SLAJDER - STRUKTURA */
#index_bestsellery_container{
	display: inline;
	float: left;
	margin: 0 0 0 200px;
	overflow: hidden;
	width: 770px;
}
#index_bestsellery_container h2{
	color: #FE4819;
	font: normal 22px Arial, sans-serif;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.scrollable{ /* nie ruszać */
	float: left;
	height: 220px;
	overflow: hidden;
	margin: 10px 0 0 0;
	padding: 0;
	position: relative;
	width: 690px;	
}
.scrollable .items{ /* nie ruszać */
	clear: both;
	position: absolute;
	width: 20000px;
}
.scrollable .items div.slajd{
	float: left;
	width: 690px; /* tyle samo, ile w .scrollable */
}
/* active item?????????? */
.scrollable .active{
	border: 2px solid #000;
	position: relative;
	cursor: default;
}
div.okladka{
	display: inline !important;
	float: left;
	height: 220px;
	margin: 0 60px 0 0;
	position: relative;
	width: 190px;
}
div.okladka_last{
	margin-right: 0;
}
div.okladka div.title{
	background: transparent url(../images_new/transparent_fills/transpBrown50.png) repeat 0 0;
	color: #FFF;
	height: 50px;
	left: 0;
	position: absolute;
	bottom: 0;
	width: 100%;
}
div.okladka div.title a,
div.okladka div.title a:visited
div.okladka div.title a:hover{
	color: #FFF;
	display: block;
	font: bold 16px Arial, sans-serif;
	height: 40px;
	letter-spacing: 1px;
	margin: 5px 5px 5px 10px;
	text-decoration: none;
}
div.okladka div.title a.oneline{
	line-height: 40px;
}

/* GŁÓWNA - SLAJDER - PRZYCISKI */
a.browse{
	background: url(../images_new/slider_arrow_01_horizontal.png) no-repeat;
	cursor: pointer;
	display: block;
	font-size: 1px;
	float: left;
	height: 30px;
	margin: 120px 10px 0 10px;
	width: 30px;
}
a.right{
	background-position: 0 -30px;
	clear: right;
	margin-right: 0px;
}
a.right:hover{
	background-position: -30px -30px;
}
a.right:active{
	background-position: -60px -30px;
} 
a.left{
	margin-left: 0px;
} 
a.left:hover{
	background-position: -30px 0;
}
a.left:active{
	background-position: -60px 0;
}

/* GŁÓWNA - SLAJDER - STRONICOWANIE */
.navi{
	clear: both;
	display: inline;
	float: left;
	height: 20px;
	margin: 8px 0 0 350px;
	width: 200px;
}
.navi a{
	background: url(../images_new/slider_navigator_01.png) 0 0 no-repeat;
	display: block;
	float: left;
	font-size: 1px;
	height: 8px;
	margin: 3px;
	width: 8px;
}
.navi a:hover{
	background-position: 0 -8px;      
}
.navi a.active{
	background-position: 0 -16px;     
}

/* GŁÓWNA - DRUGI BOX */
#index_box_container{
	clear: both;
	display: inline;
	float: left;
	margin: 20px 0 20px 220px;
	overflow: hidden;
	width: 776px;
}
#index_box1{
	display: inline;
	float: left;
	width: 360px;
}
#index_box1 ul{
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}
#index_box1 ul li{
	background: url(../images_new/ikonki/check1.gif) no-repeat 0 50%;
	list-style: none;
	margin: 0 0 8px 5px;
	padding: 0 0 0 20px;
}
#index_box2{
	display: inline;
	float: left;
	width: 380px;
}
#index_box_container h2{
	color: #FE4819;
	font: normal 22px Arial, sans-serif;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
#index_box_container img{
	float: left;
	margin: 10px 10px 0 0;
}
#index_box_container a{
	text-decoration: underline;
}

/* STARE */
/*
#wraper h1{
	background: url(../images_new/belka04.jpg) no-repeat;
	height: 134px;
	margin: 120px 0 20px 200px;
	padding: 0;
}
#wraper h1 span{
	color: #003399;
	display: block;
	font-size: 33px;
	height: 100px;
	margin: 22px 0 0 405px;
	padding: 0;
	width: 370px;
}
*/
#boxwraper{
	color: #FFF;
	display: inline;
	float: left;
	font-size: 12px;
	min-height: 430px;
	height: auto !important; /* dla IE */
	height: 430px;
	margin: 0 0 10px 200px;
	padding: 0;
	position: relative;
	width: 776px;
}
#boxwraper p{
	margin: 15px 0 0 5px;
	padding: 0;
	width: 190px;
}
#boxwraper h3{
	font-size: 16px;
	margin: 0;
	padding: 0;
}
.box{
	height: 200px;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 388px;
}
#box1{
	color: #525252;
	top: 10px;
	left: 0;
}
#box1 ul{
	list-style-image: none;
	list-style-type: square;
	margin: 5px 0 0 15px;
	padding: 0;
}
#box1 ul li{
	color: #E3E3E3;
	padding: 4px 0 4px 0;
}
#box1 ul li span{
	color: #525252;
}
#box1 a{
	color: #003399;
	font-weight: bold;
}
#box2{
	background: url(../images_new/element-05-jezykowe.jpg) no-repeat 0 0;
	top: 10px;
	right: 0;
}
#box3{
	background: url(../images_new/element-05-travel.jpg) no-repeat 0 0;
	top: 240px;
	left: 0;
}
#box4, #box5, #box6{
	top: 240px;
	right: 0;
}
#box4{ background: url(../images_new/element-05-ksiegowe.jpg) no-repeat 0 0; }
#box5{ background: url(../images_new/element-05-komputerowe.jpg) no-repeat 0 0; }
#box6{ background: url(../images_new/element-05-psychologiczne.jpg) no-repeat 0 0; }

.zoba_wiecej, .zoba_wiecej:hover{
	color: #FFF;
	display: block;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 60px;
}