/*--------------------------------------------------------
	css theme name: hejfon
	author: bartosz mediger (http://mediger.net)

	created: aug 09, 2009


*/


* { margin: 0px; padding: 0px; }


address {
	float: left;
	font-style: normal; }


blockquote {
	float: left;
	line-height: 18px;
	text-align: left; }
	
	blockquote p { font-size: 14px; }


body, html { width: 100%;  height: 100%; }



body { background: #fff; }



fieldset { border: none; }



	
html {
	overflow: auto;
	overflow-x: hidden;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #525254; }



img { border: none; }



ins { text-decoration: none; }



ol { margin: 0 0 0 20px; }



p { padding-bottom: 15px; }



textarea {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	overflow: auto; }


ul {
	margin: 0;
	padding: 0 0 15px 0;
	list-style: none; }

	ul li {
		background: url(../images/dot.gif) no-repeat left 7px;
		padding: 0 0 0 8px; }



















/*	nawigacja */

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





















/*	naglowki */

h1, h3, h4, h5 {
	font-family: "Trebuchet MS";
	font-weight: normal; }

h1 {
	padding: 25px 0 25px 0;
	font-size: 24px;
	color: #243778; }


h3 { 
	font-size: 18px;
	text-transform: uppercase;
	color: #243778; }

h4 {
	line-height: 18px;
	font-size: 15px;
	font-weight: bold; }


h5 {
	text-transform: uppercase;
	font-size: 14px; }

h6, h6 a {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold; }

	h6 a { color: #243778; }












#bans {
	float: left;
	padding: 0 0 30px 0; }

	#bans a {
		float: left;
		width: 228px; height: 101px;
		margin: 0 12px 0 0;
		text-indent: -10000px; }

	a.akcesoria { background: url(../images/b_akcesoria.jpg); }
	a.porownaj { background: url(../images/b_porownaj.jpg); }
	a.skonsultuj { background: url(../images/b_skonsultuj.jpg); }

	
















#center {
	position: relative;
	width: 960px;
	margin: 0 auto; }


















#ceny { }

	#ceny h3 { background: url(../images/h_ceny.gif) !important; }

	#ceny li {
		float: left;
		width: 170px; height: 25px;
		line-height: 20px;
		list-style: none;
		border-bottom: 1px solid #dfdfdf;
		padding: 4px 0 0 30px; }

	#ceny span { float: left; }

		#ceny ul {
			float: left;
			padding-bottom: 10px; }
	
		#ceny .ca { background: url(../images/flag_ca.gif) no-repeat left 4px; }
		#ceny .de { background: url(../images/flag_de.gif) no-repeat left 4px; }
		#ceny .gb { background: url(../images/flag_gb.gif) no-repeat left 4px; }
		#ceny .pl { background: url(../images/flag_pl.gif) no-repeat left 4px; }

		#ceny .more { margin-left: 4px; }

		#ceny .price {
			float: right;
			padding: 0 10px 0 0; }


















#content {
	float: left;
	width: 960px;
	background: url(../images/content.gif); }




















#foot {
	float: left;
	position: relative;
	width: 935px; height: 84px;
	background: url(../images/foot.gif);
	padding: 48px 0 0 25px; }

	#foot, #foot * { 
		font-family: Tahoma;
		font-size: 11px; }


	#foot .links { position: absolute; top: 60px; left: 215px; }
	
		#foot .links a {
			font-size: 10px !important;
			padding: 0 10px 0 5px;
			border-right: 1px solid #464648; }

























#header {
	float: left;
	position: relative; 
	width: 960px; height: 264px;
	background: url(../images/header.gif);
	margin: 0 0 20px 0; }


	#header .anim { position: absolute; left: 0; top: 0; z-index: 10; }

	#header .buttons {
		position: absolute; right: 13px; top: 14px; z-index: 20;
		width: 181px; }

		#header .buttons a {
			float: left; cursor: pointer;
			width: 181px; height: 72px;
			margin: 0 0 8px 0;
			text-indent: -10000px;
			_filter:alpha(opacity=90); -moz-opacity: .9; opacity: .9; }

		#header .buttons a:hover {
			_filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;
			cursor: pointer !important; }


		a.darmowa { background: url(../images/b_darmowa.gif); }
		a.doladuj { background: url(../images/b_doladuj.gif); }
		a.pobierz { background: url(../images/b_pobierz.gif); }
		











#instalacja { padding-right: 0 !important; }

	#instalacja h3 { background: url(../images/h_instalacja.gif) !important; }





















#jak { }

	#jak h3 { background: url(../images/h_jak.gif) !important; }

	#jak ul { padding-bottom: 10px; }




















#left {
	float: left;
	width: 730px; }















#links { padding: 0 0 35px 0; }

	#links a {
		display: block;
		background: url(../images/arrow.gif) no-repeat left 10px;
		padding: 5px 0 5px 10px;
		font-size: 16px; }

	


















#logo {
	position: absolute; top: 18px; left: 21px;
	width: 108px; height: 128px;
	background: url(../images/logo.jpg);
	text-indent: -10000px; }

















#logowanie, #zalogowany {
	position: absolute; top: 18px; right: 0;
	width: 225px; height: 82px;
	background: url(../images/logowanie.gif);
	padding: 38px 0 0 3px; }

	#logowanie .field {
		width: 75px;
		margin: 0 5px 0 0;
		padding: 3px 10px 3px 10px;
		border: none;
		background: none;
		font-size: 10px;
		color: #a9a9aa; }

	#logowanie h4,
	#zalogowany h4 { position: absolute; top: 0px; left: 10px; }

	#logowanie .button {
		position: absolute; top: 72px; right: 24px;
		width: 48px; height: 20px;
		background: url(../images/b_loguj.gif) no-repeat; }

	#logowanie .info { position: absolute; top: 71px; left: 10px; }
	
		#logowanie .info a {
			display: block;
			background: url(../images/arrow.gif) no-repeat left 5px;
			padding: 0 0 0 10px;
			font-family: Tahoma;
			font-size: 11px; }

	















#menu-info { position: absolute; top: 45px; left: 160px; }

	#menu-info a {
		padding: 0 10px 0 10px;
		border-right: 1px solid #a2a2a3;
		font-size: 10px;
		text-transform: uppercase;
		color: #a2a2a3; }
















#menu-left {
	float: left;
	width: 140px;
	background: url(../images/menu.gif) no-repeat top;
	padding: 35px 0 0 25px; }


	#menu-left a {
		display: block;
		padding: 5px 0 5px 0;
    width: 130px; }
	















#menu-top { position: absolute; top: 81px; left: 155px; }

	#menu-top a {
		background: url(../images/pion.gif) no-repeat right;
		padding: 0 15px 0 15px;
		float: left;
		line-height: 40px;
		font-family: "Trebuchet MS";
		font-size: 22px; }
	
	
	#menu-top a.hit { color: #243778; }


	#menu-top a:hover {
		text-decoration: none;
		color: #98cb33; }




















#middle {
	float: left;
	width: 515px;
	padding: 15px 0 0 25px; }


	#middle * { line-height: 18px; }










#news {
	float: right;
	width: 195px;
	padding: 15px 0 0 0; }
	
	#news a img { padding: 0 3px 0 0; }
	
	#news h5 { padding: 0 0 15px 0; }

	#news p { font-size: 11px; }

	#news p a {
		padding: 0 0 0 5px;
		color: #243778; }
		
	#news p a:hover {
		color: #243778; }
















#przydatne {
	float: left;
	width: 708px; }

	#przydatne h3 {
		background: url(../images/poziom.gif) repeat-x bottom;
		padding: 0 0 14px 18px; }

	#przydatne .col {
		float: left;
		width: 226px;
		padding: 13px 14px 0 0; }
		
	#przydatne .col, #przydatne .content * {
		font-family: "Trebuchet MS";
		font-size: 11px; }

		#przydatne .col h3 {
			width: 161px; height: 29px;
			margin: 0 0 10px 0;
			padding: 15px 0 0 65px;
			color: #243778; }

		#przydatne .col .content { padding: 0 0 0 26px; }



















#right {
	float: right;
	width: 228px; }

	#right #bans a { margin: 0 0 11px 0; }
















#top { height: 154px; }











#zalogowany { background: url(../images/zalogowany.gif); }


	#zalogowany p {
		padding: 0 0 5px 6px;
		font-size: 12px; }
	
	#zalogowany .logout {
		background: url(../images/arrow.gif) no-repeat left 4px;
		padding: 0 0 0 10px;
		font-size: 12px;
		color: #007cc3; }




















/* classess */



.blue { color: #243778; }



.button {
	border: none;
	_filter:alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8;
	cursor: pointer; }

.button:hover {
	_filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1; }


.green { color: #659016; }


.last {
	background: none !important;
	border: none !important; }
	

.more { 
	float: left;
	background: url(../images/arrow2.gif) no-repeat left 3px;
	padding: 0 0 0 14px;
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #243778; }