html{
		margin: 			0px;
		padding:			0px;	
		color:				#EFEFEF;
		font-family:		"Trebuchet MS", Verdana, Tahoma;
}

html{
		background-color:	#322e2d;
}

#header{
		width:				984px;
		height:				240px;
		margin:				auto;
		background:			url(/img/banner.jpg) no-repeat top center;
		margin-top:			10px;
}

#main-top{
		width:				984px;
		height:				20px;
		_height:				1px;
		
		margin:				auto;
		margin-top:			0;
		margin-bottom:		0;
		background:			url(/img/main-top.jpg) no-repeat top center;
}

a{
		color:				#9F9F9F;
		text-decoration:	none;
}

a:hover{
		color:				#CECECE;
		text-decoration:	none;
}

span.gray{
		color:				#9F9F9F;
}

#jak-pracujemy{
		background:			url(/img/jakpracujemy.jpg) no-repeat top left;
		width:				435px;
		margin-top:			55px;
		height:				200px;
}

#info{
		width:				900px;
		height:				170px;
		padding:			10px;
		#background:			white url(/img/uc.jpg) no-repeat 20px 20px;
		margin:				auto;
		padding-left:		0px;
		padding-top:		60px;
		color:				white;
		
		
}

#main-middle{
		width:				984px;
		min-height:			200px;
		margin:				auto;
		padding:			0;
		margin-top:			0px;
		background:			url(/img/main-middle2.jpg) repeat-y top center;
}

#main-bottom{
		width:				984px;
		height:				20px;
		margin:				auto;
		background:			url(/img/main-bottom.jpg) no-repeat top center;
}

#footer{
		background:			transparent url(/img/footer.png) no-repeat scroll 35px -1px;
		height:				20px;
		margin:				-4px auto auto;
		width:				884px;
		font-size:			12px;
		font-weight: 		normal;
		padding-left:		100px;
		padding-bottom:		20px;
}

#navi-top{
		font-size:			12px;
		font-weight: 		normal;
		width:				964px;
		text-align:			right;
		margin:				auto;
		padding-right:		20px;
		padding-top:			30px;
}

#logo{
		background:			transparent url(/img/logo24.png) no-repeat scroll center center;
		_background:			transparent url(/img/logo8.png) no-repeat scroll center center;
		height:				240px;
		width:				370px;
		position:			absolute;
		top:				56px;
		left:				306px;
}


#content-left{
		float: 				left;
		width:				300px;
		
}

#content-left p{
		font-size:			90%;
		line-height:		140%;
		margin-bottom:		10px;
		margin-left:		30px;
		text-indent:		20px;
		width:				430px;
		text-align:			justify;
}

#content-right{
		float: 				right;
		width:				480px;
		height:				200px;
}
h1#aktualnosci{width:200px;height:40px;background:transparent url(/img/h-aktualnosci.png) no-repeat scroll top left;}



#main-menu{
		float:				right;
		height:				100px;
		margin:				75px 10px 0px 0px;
		_margin:			75px 5px 0px 0px;
		width:				550px;
}

.menu-item{
		width:				105px;
		float:				left;
		height:				100px;
}

.menu-item a{
		width:				105px;
		height:				130px;
		display:			block;
}

.menu-item a.oferta-on{
		width:				105px;
		height:				130px;
		display:			block;
		background:transparent url(/img/oferta-on.jpg) no-repeat scroll 2px -11px;
		
}

.menu-item a.dojazd-on{
		width:				105px;
		height:				130px;
		display:			block;
		background:transparent url(/img/dojazd-on.jpg) no-repeat scroll 3px 0px;
		
}

.menu-item a.sklep-on{
		width:				105px;
		height:				130px;
		display:			block;
		background:transparent url(/img/sklep-on.jpg) no-repeat scroll 3px -6px;
}

.menu-item a.onas-on{
		width:				105px;
		height:				130px;
		display:			block;
		background:transparent url(/img/onas-on.jpg) no-repeat scroll 2px -8px;
}

.menu-item a.kontakt-on{
		width:				107px;
		height:				130px;
		display:			block;
		background:transparent url(/img/kontakt-on.jpg) no-repeat scroll 4px 1px;
}

#o-nas-left{
	margin-left:			30px;
	width:					600px;
	text-align: 			justify;
	float:					left;
	height:					500px;
}

#o-nas-right{
	float:					right;
	width:					305px;
	height:					900px;
}

#o-nas-right img{
	border:					3px solid #BBBBBB;
}

hr.wrapper{
	width:					99%;
	clear:					both;
	visibility:				hidden;
}

#o-nas-left p{
		margin:				0 !important;
		line-height:		145%;
		font-size:			13px;
		text-indent:		26px;
		padding-bottom:		10px;
}

hr.wrap{
		width:				99%;
		clear:				both;
		visibility:			hidden;

}

#kontakt .column-1{
		width:				200px;
		float:				left;
}

#kontakt .column-2{
		width:				330px;
		float:				left;
}

#kontakt .column-3{
		width:				360px;
		float:				left;
}

#kontakt .contact{
		border:				0px solid #AAAAAA;
		height:				150px;
		width:				900px;
		margin:				auto;
		background:			#474544 url(http://www.rakandroll.pl/img/row.png) repeat-x center center;
}	

#kontakt .column-1 .avatar-male{
		background:url(http://www.rakandroll.pl/img/male.jpg) no-repeat top left;
height:120px;
margin-left:20px;
margin-top:15px;
width:150px;
border-right:1px solid #777777;
}

#kontakt .column-1 .avatar-female{
		background:url(http://www.rakandroll.pl/img/female.jpg) no-repeat top left;
height:120px;
margin-left:20px;
margin-top:15px;
width:150px;
border-right:1px solid #777777;
}

#kontakt h1{
		margin-left:		42px;
		width:				300px;
		height:				30px;
		background-color:	#474544;
		text-align:			center;
		font-size:			18px;
		padding-top:		8px;
		
}

#kontakt h1 span{
		background-color:#575554;
		font-size:18px;
		height:30px;
		left:260px;
		margin-left:42px;
		padding:7px;
		position:relative;
		text-align:center;
		top:-24px;
		width:300px;
		
		
}

#download a img{
	border-color: #AAAAAA;
	padding:5px;
	margin-left:30px;
}

#download a:hover img{
	border-color: #DEDEDE;
	padding:5px;
	
}


.contact h2{
	font-size:				15px;
	padding-top:			5px;
}

.contact h3{
	padding-top:			22px;
}

.contact h3 span{
	font-size: 				10px;
	display:block;
}

.column-3 p{
		padding-top:		20px;
}

.dotted{
		border-bottom:		1px dotted #333333 !important;
}

h2 a,h1 a{
	color: 				#DEDEDE;
	
}

h2 a:hover,h1 a:hover{
	text-decoration: 	none;
	
}

#search{
		left:			707px;
		position:		relative;
		top:			22px;
		width:			208px;
		background-color:#767676;
}

#input-search{
		width:			245px;
		_width:			200px;
		border:			none;
		background: 	none;
		padding-left:	5px;
		height:			18px;
}

#timken{
		width:			950px;
		height:			90px;
		border:			0px solid red;
		margin:			auto;
		margin-top:		-16px;
		
		background:		url(http://www.rakandroll.pl/img/timken.jpg) no-repeat top right;
			
}

#timken a{
		display:		block;
		width:			980px;
		height:			80px;
}

#oferta #left{
		width:			400px;
		float:			left;
		margin-left:	40px;
}

#oferta #right{
		width:			450px;
		float:right;
}


#oferta #left  ul{
		margin-left:	30px;
		font-size:		15px;
}


#oferta #left li ul{
		margin-left:	30px;
		font-size:		13px;
}

#oferta #right li{
		margin-left:	30px;
		font-size:		15px;
}

#oferta h1{
		font-size:		18px;
}

ul#news{
		list-style:		none;
		overflow:		hidden;
}

ul#news li div.description ul{
	list-style:			none;
}
ul#news li div.description ul li{
	background: 		transparent url(http://www.rakandroll.pl/img/bullet.png) no-repeat scroll 1px 4px;
	padding:			0px !important;
	margin:				0px 0px 0px 10px !important;
	text-indent:		20px;
	font-weight:		bold;
	text-decoration:	none;
	
}

ul#news li div.description ul li a{
	font-weight:		bold;
	text-decoration:	underline;
}
ul#news li{
		width:			440px;
		background:		url(http://www.rakandroll.pl/img/news24-902.png) no-repeat top left;
		_background:		url(http://www.rakandroll.pl/img/news8.png) no-repeat top left;
		font-size:		80%;
		padding-top:	2px;
		margin-bottom:	10px;
}

ul#news li span.title{
		display:		block;
		float:			left;
		background:		url(http://www.rakandroll.pl/img/page.png) no-repeat 5px 2px;
		text-indent:	25px;
		font-weight:	bold;
		width:			330px;
		
}


a.bullet{padding-left:13px;		background:		url(http://www.rakandroll.pl/img/bullet.png) no-repeat 1px 4px;}


ul#news li span.icon0,td.icon0{		background:		url(http://www.rakandroll.pl/img/icons/ico0.png) no-repeat 5px 2px;}
ul#news li span.icon1,td.icon1{		background:		url(http://www.rakandroll.pl/img/icons/ico1.png) no-repeat 5px 2px;}
ul#news li span.icon2,td.icon2{		background:		url(http://www.rakandroll.pl/img/icons/ico2.png) no-repeat 5px 2px;}
ul#news li span.icon3,td.icon3{		background:		url(http://www.rakandroll.pl/img/icons/ico3.png) no-repeat 5px 2px;}
ul#news li span.icon4,td.icon4{		background:		url(http://www.rakandroll.pl/img/icons/ico4.png) no-repeat 5px 2px;}
ul#news li span.icon5,td.icon5{		background:		url(http://www.rakandroll.pl/img/icons/ico5.png) no-repeat 5px 2px;}
ul#news li span.icon6,td.icon6{		background:		url(http://www.rakandroll.pl/img/icons/ico6.png) no-repeat 5px 2px;}
ul#news li span.icon7,td.icon7{		background:		url(http://www.rakandroll.pl/img/icons/ico7.png) no-repeat 5px 2px;}
ul#news li span.icon8,td.icon8{		background:		url(http://www.rakandroll.pl/img/icons/ico8.png) no-repeat 5px 2px;}
ul#news li span.icon9,td.icon9{		background:		url(http://www.rakandroll.pl/img/icons/ico9.png) no-repeat 5px 2px;}

ul#news li span.date{
		display:		block;
		float:			right;
		width:			100px;
		color:			#AAAAAA;
}

ul#news li div.description{
		clear:			both;
		display:		block;
		font-size:		85%;
		margin:			auto;
		padding-top:	10px;
		width:			425px;
}	


h1.header{
		width:			400px;
		height:			40px;
		font-size:		0px;		
}

h1.aktualnosci{		background:		url(http://www.rakandroll.pl/img/h-aktualnosci.png) no-repeat -5px 10px;_background:		url(http://www.rakandroll.pl/img/h-aktualnosci8.png) no-repeat -5px 10px;height:50px;}
h1.witamy{			background:		url(http://www.rakandroll.pl/img/h-witamy.png) no-repeat top left;margin:	10px 0px 0px 20px;
					_background:		url(http://www.rakandroll.pl/img/witamy8.png) no-repeat top left;
}

#o-nas-left h1{
		font-size:		100%;
		margin-bottom:	12px;
}

#goback{
		display:		block;
		height:			210px;
		position:		absolute;
		top:			56px;
		left:			0px;
		width:			400px;
}

#scroller{
		
		overflow:		hidden;
}

#boxer{
		
		position:	absolute;
		top:0;
		left:0;
		visibility:		hidden;
		width:		400px;
		font-size:		12px;
}

#older,#newest{
		font-size:		12px;
		width:			90px;
		height:			18px;
		padding-top:	2px;
		border:			1px solid #999999;
		display:		block;
		float:			right;
		margin-left:	10px;
		text-align:		center;
		background-color:	#666666;
		-moz-border-radius: 2px;
		margin-top:		10px;
}

#addnew{
		font-size:		12px;
		width:			140px;
		height:			18px;
		padding-top:	2px;
		border:			1px solid #999999;
		display:		block;
		float:			right;
		margin-left:	10px;
		text-align:		center;
		background-color:	#666666;
		-moz-border-radius: 2px;
		margin-top:		10px;
		margin-right: 	60px;
}

#older:hover,#newest:hover,#addnew:hover{
		background-color:	#888888;
}
#newest{
		margin-right:	50px;
}


#dane-firmy{
	margin-left:		00px;
}
#dane-firmy div{
	width:		30%;
	margin-left:3%;
	float:		left;
	font-size:	13px;
	border-right:1px dotted #777777;
	height:		320px;
	
	padding-top:	20px;
}
#dane-firmy div h2{
	font-weight:	normal;
	font-size:		18px;
}

#dane-firmy div h3{
	font-size:		14px;
}
#iban{
	font-size:	13px;
}

#adres h2{
	font-size:	22px !important;
}
.indent10{	text-indent:		10px;}
.indent30{	text-indent:		30px;}

#konto{
	border:0px none !important;
}

#kontakt #general{
		width:		920px;
		height:		110px;
		padding-top:20px;
		margin:		auto;
		border:		0px solid #444444;
		background: #787878 url(http://www.rakandroll.pl/img/general.jpg) no-repeat center center;
}

#kontakt #general div{
		width:		240px;
		padding-left:	180px;
		float:			left;
		
}

#tel{
	padding-left:100px !important;
	padding-top:	10px !important;
	font-size:		21px;
	width:				300px !important;
	line-height:		150%;
}


#general div b{
	font-size:		18px;
}
#manage{
	width:			875px;
	margin-left:	50px;
	border:		1px solid #555555;
	margin-top:42px;
	
}

#manage td{
	font-size:		12px;
}

#manage td.header{
	font-weight:		bold;
	text-align:			center;
	background-color:	#454545;
}

#manage td{
	height:				20px;
	border-bottom:		1px solid #555555;
	
}

.hover{
	background-color:	#656565;
}

td.icons{
	background-color:	#454545
}

a.change{
		background: url(http://www.rakandroll.pl/img/pencil.png) no-repeat center center;
		width:		20px;
		height:		20px;
		float:		right;
		margin-right:	5px;
}

a.delete{
		background: url(http://www.rakandroll.pl/img/cross.png) no-repeat center center;
		width:		20px;
		height:		20px;
		float:		right;
		margin-right:	5px;
}
a.sun{
		background: url(http://www.rakandroll.pl/img/sun.png) no-repeat center center;
		width:		20px;
		height:		20px;
		float:		right;
		margin-right:	5px;
}

#TB_ajaxContent{
	width:630px !important;
}

#tb input{
	width:	570px;
	margin:	auto;
	border: 1px solid #333333;
	height:	20px;
	margin-left:	20px;
	border:		3px solid #565656;
	padding:5px;
	font-size:	18px;
}

#tb textarea{
	width:	570px;
	margin:	auto;
	border: 1px solid #333333;
	height:	120px;
	margin-left:	20px;
	border:		3px solid #565656;
	padding:5px;
	font-size:	12px;
	font-family: Trebuchet MS;
}

#tb{
	margin-top:	25px;
}
#tb label{
	width:	250px;
	float:	left;
	color: white;
	margin-left: 20px;
	font-size:	25px;
	margin-bottom:10px;
	margin-top:	5px;
}


#tb div.label_mini{
	padding-left:	20px;
	border-left:	1px dotted #333333;
	color:			#454545;
	margin-bottom:10px;
	float:right;
	margin-right:25px;
	width:220px;
}

a.dp-choose-date {
	float: left;
	width: 32px;
	height: 32px;
	padding: 0;
	margin: 0px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(http://www.rakandroll.pl/img/calendar_date.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

#dater{
	width:		120px !important;
	
}

#datetime{
margin-top:	10px;
}
#datetime h2{
	margin-left: 	25px;
	color: 			white;
	margin-top:		10px;
	margin-bottom:	10px;
	float:left;
}

#lastone{
	clear:			both;
}

#showit{
	margin: none !important;
	width:	50px !important;
	float:left;
}

label.supersmall{
	font-size:11px !important;
	color: 		#323232 !important;
	margin-top: 1px !important;
	margin-left: 0px !important;
}

#send{
	float:			right;
	width:			130px !important;
	height:			50px !important;
	margin-right:	20px !important;
	cusror:			pointer;
}

img.icon-off{
	opacity:		0.5;
	cursor:			pointer;
}