/* CSS Document */



/* 
	
	content:
	- PRESETS
	- LAYOUT
      loginbar
      branding
      footer
      banners
      sidebar
      newsletter
      cartbox
	- COMMON
      colors
      headers
      navi path
      buttons
      navi-pages
      text-container
      standard-table
      forms
      list-info
      screenshot
      news-list
      thumb-container
      alert-box
      cart
      price-box
  - CONTACT


	COLOR SET:
	
	.color01 - niebieski (#3081d1)

	.color02 - szary jasny (#999999)
	
	.color03 - szary średni (#666666)	
	
	.color04 - czerwony (#FF0000)	
	
	.color05 - szary ciemny (#333333)	
	
*/

/* ------------------------------------------------------------------ */
/* PRESETS */

	@import url("presets.css");



/* ------------------------------------------------------------------ */
/* LAYUOT */
	

	.faq {
			font-size:11px;
	}

	
	#container {
		
/* 		position:absolute;
		left:50%;
 		margin-left:-450px
 */		
		margin:0 auto
	
	}
	

	body,td,p, h3, h4, h5 {
			font-size:11px;
	}
	
	#container,
	#loginbar, 
	#branding, 
	#body, 
	#footer {
	
		width:900px;
		clear:both;
	
	}	


	/* ------------------------------------------------------------------ */
	/* loginbar */	
		
		#loginbar {
		
			text-align:right;
			position:relative;
			top:-3px
		
		}
		
		#loginbar #frm_loginmain_login, 
		#loginbar #frm_loginmain_pass {
		
			width:120px;
			border:1px solid #afafaf;
			background-color:#f1f1f1;
			color:#aeaeae;
			font-weight:bold;
			padding:3px
		
		}
		
		#loginbar img, 
		#loginbar #frm_button {	
		
			position:relative;
			top:7px
		
		}
		
		#loginbar img.logout  {

			position:relative;
			top:4px
	
		}
		
		#loginbar p {
		
			font-size:11px;
			color:#999999;
			padding-top:10px
		
		}
		
	
	/* ------------------------------------------------------------------ */
	/* branding */		

		#branding {
		
			height:259px
		
		}
		
		#branding img {
		
			margin-left:245px
		
		}
		
		#branding #nav-1st {
		
			margin:188px 0 0 280px
		
		}
		
		#branding #nav-1st a, #branding #nav-1st a:visited {
		
			font-size:11px;
			color:#FFFFFF;
			font-family:Arial, Tahoma, Verdana;
			font-weight:bold;
			text-transform:uppercase;
			text-decoration:none;
			margin:0 3px
		
		}
		
		#branding #nav-1st a:hover {
		
			color:#FF0000
		
		}
	
	
	
	#body {
		
		height:auto;
		overflow:auto;
		margin-top:3px;
		background:url(../images/lt_body_back.gif) repeat-x
	
	}
	
	#content {
	
		width:633px;
		float:left;
		background:url(../images/lt_content_back.gif) no-repeat
					
	}
	
	#sheet {
	
		margin:18px 10px 18px 11px;
		background-color:#FFFFFF;
		padding:0 23px
	
	}
	
	
	
	/* ------------------------------------------------------------------ */
	/* footer */		
		
		#footer {
		
			background:url(../images/lt_footer_back.gif) repeat-x;
			font-size:11px
		
		}
		
		#footer a {
		
			text-decoration:none
		
		}
		
		#navi-bottom {
		
			clear:both;
			color:#d2d2d2;
			position:relative;
			top:6px
		
		}
	
		#navi-bottom a {
		
			margin:0 10px 0 11px;
			color:#5f5f5f
			
		
		}
	
		#navi-bottom a:hover {
		
			color:#ff0000;
			text-decoration:underline
		
		}

		#navi-bottom a:visited {
		
			color:#777777
		
		}
		
		#webdesign {
		
			float:right;
			position:relative;
			top:-10px
		
		}
		
		#webdesign a {
			
			color:#bfbfbf
		
		}

		#webdesign img {
		
			position:relative;
			top:10px
		
		}
		
		#copyright {
		
			float:left;
			position:relative;
			top:14px;
			left:10px
		
		}
		
		#copyright, #copyright * {
		
			color:#b6b6b6;
		
		}
		
		#copyright a:hover {
			
			color:#333333;
			text-decoration:underline
		
		}		

	#slogan {
	
		float:left
	
	}
	
	div.features {
	
		float:left;
		margin:40px 0 0 30px
	
	}
	
	div.features ul {
		
		list-style-image:url(../images/bullet01.gif);
		font-size:11px;
		line-height:18px
	
	}
	
	div.features a {
	
		color:#666;
		text-decoration:none
	
	}

	div.features a:visited {
	
		color:#999;
	
	}

	
	div.features a:hover {
	
		color:#f00;
		text-decoration:none
	
	}
	
	
	
	/* ------------------------------------------------------------------ */
	/* banners */	

		div.banner {
		
			float:left;
			display:inline;
			margin-left:11px
		
		}


	/* ------------------------------------------------------------------ */
	/* sidebar */	
	
		#sidebar {
		
			width:257px;
			float:left;
			background:url(../images/lt_body_corner01.gif) no-repeat;
			padding:0 5px
		
		}

		#sidebar-content {

			width:257px;
			overflow:auto;
			margin:14px 0 0 0;
			background-color:#FFFFFF
	
		}
		
		div.news-item {
		
			width:207px;
			clear:both;
			margin:20px 0 20px 10px;
			overflow:hidden;
			background:url(../images/bullet01.gif) no-repeat;
			font-size:11px;
			padding:0 0 0 18px
		
		}
		
		div.news-item p.date {
		
			margin-bottom:6px
		
		}
		
		div.news-item a {
		
			text-decoration:none
		
		}
		
		#sidebar #menu {
		
			width:207px;
			margin:14px 0 20px 0;
			background-color:#FFFFFF;
			padding:0 25px
		
		}

		#sidebar div.menu-item {
		
			height:25px;
			background:url(../images/dot.gif) repeat-x bottom #fff
		
		}

		.highlight {
	
			background-color:#F3F3F3 !important
	
		}

		
		#sidebar div.menu-item a {
		
			padding:0 0 0 8px;
			line-height:22px;
			font-size:11px;
			text-decoration:none;
			color:#474747
					
		}
		
		#sidebar div.menu-item img {		
			
			width:36px;
			height:24px;
			float:left
		
		}

	/* ------------------------------------------------------------------ */
	/* newsletter */	
		
		#newsletter {
		
			width:211px;
			margin:0px 0 10px 23px;
			background-color:#f0f0f0;
			font-size:11px
		
		}
		
		#newsletter p {
		
			color:#919191;
			margin:10px 0 0 10px
		
		}
		
		#newsletter input.type {
		
			width:160px;
			border:1px solid #d2d2d2;
			background-color:#FFFFFF;
			margin-left:10px;
			padding:3px		
		
		}
	
		#newsletter input.add {	
		
			position:relative;
			top:4px
		
		}

	/* ------------------------------------------------------------------ */
	/* cartbox */	
		
		#cartbox {
		
			width:211px;
			margin:0px 0 10px 23px;
			background-color:#f0f0f0;
			font-size:11px
		
		}
		
		#cartbox p {
		
			color:#919191;
			margin:2px 0
		
		}
	
		
/* ------------------------------------------------------------------ */
/* COMMON */


	div.spacer-dotted {
	
		width:100%;
		height:1px;
		margin:0;
		background:url(../images/dot.gif) repeat-x;
		line-height:0;
		padding:0;
		font-size:0
	
	}

	img.micropoint02 {
	
		width:15px;
		height:15px
	
	}

	.margin-top-10 {
	
		margin-top:20px
	
	}

	.margin-top-5 {
	
		margin-top:10px
	
	}


	.margin-bottom-10 {
	
		margin-bottom:20px
	
	}
	
	.margin-bottom-5 {
	
		margin-bottom:10px
	
	}
	
	.margin-bottom-0 {
	
		margin-bottom:0
	
	}	
	
	.imglist {
	
		padding:0 0 15px 40px;
		background-repeat:no-repeat
	
	}
		
	img.arrow_large {
	
		width:29px;
		height:24px
	
	}
		
	img.sort {
	
		margin-left:5px
	
	}	


	/* ------------------------------------------------------------------ */
	/* colors */	
	
		.color00 {
		
			color:#fff !important;
			text-decoration:none
		
		}

		.color01 {
		
			color:#3081d1 !important;
			text-decoration:none
		
		}
	
		a.color01:hover {
		
			color:#57a8f6 !important;
			text-decoration:underline
		
		}
	
		.color02 {
		
			color:#999999 !important;
			text-decoration:none
		
		}

		a.color02:hover {
		
			color:#666666 !important;
			text-decoration:underline
	
		}

	
		.color03 {
		
			color:#666666 !important
		
		}

		a.color03:hover {
		
			color:#999999 !important;
			text-decoration:underline
		
		}		
	
		.color04 {
		
			color:#FF0000 !important
		
		}

		a.color04:hover {
		
			color:#666666 !important;
			text-decoration:underline
		
		}		

		.color05 {
		
			color:#333333 !important;
			text-decoration:none
		
		}

		a.color05:hover {
		
			color:#666666 !important;
			text-decoration:underline
		
		}		


	/* ------------------------------------------------------------------ */
	/* headers */	

		h1 {
			
			padding-bottom:10px;
			color:#d40707;
			font-family:Arial, Tahoma, Verdana;
			letter-spacing:-1px;
			font-size:16px;
			font-weight:bold
		
		}

		h2 {
			
			padding:10px 0;
			color:#333333;
			font-family:Tahoma, Arial, Verdana;
			font-size:12px;
			font-weight:bold
		
		}	


	/* ------------------------------------------------------------------ */
	/* navi path */	
	
	
		#navi-path {
		
			clear:right;
			float:right;
			color:#808080;
			font-size:10px;
			padding:7px 20px
		
		}
		
			#navi-path a {
			
				margin:0 10px;
				text-decoration:underline
			
			}	



	
	/* ------------------------------------------------------------------ */
	/* button */		
	
		
		input.button {
			
			margin:0px 0px 0px 0px;
			font-weight:bold;
			font-size:11px;	
			background:url(../images/button_bg.gif) repeat-x;
			background-color:#ffffff;
			padding:4px 6px;
			cursor : pointer;
			border-top:1px solid #e8e8e8;
			border-right:1px solid #aaaaaa;
			border-bottom:1px solid #aaaaaa;
			border-left:1px solid #e8e8e8;
			color:#444444;
			text-align:center
			
		}
	
		input.button-down {
		
			border-top:1px solid #aaaaaa;
			border-right:1px solid #e8e8e8;
			border-bottom:1px solid #e8e8e8;
			border-left:1px solid #aaaaaa;
			color:#666666
			
		}
	
		input.button-mouseover {
		
			color:#FF0000
			
		}



	/* ------------------------------------------------------------------ */
	/* navi-pages */

		div.navi-pages {
		
			height:auto;
			margin:10px;
			clear:both;
			padding-bottom:20px
				
		}
		
		div.navi-pages * {
		
			font-family:Tahoma, Arial;
			font-size:11px
		
		}
		
		div.navi-pages .page-off, div.navi-pages .page-active {
		
			height:16px;
			width:18px;
			margin:0;
			float:left;
			display:inline;
			padding:0;
			text-align:center
			
		}
		
		div.navi-pages .page-off a {
			
			color:#666666
			
		}
		
		div.navi-pages .page-spacer {
			
			height:16px;
			width:8px;
			margin:0;
			float:left;
			display:inline;
			padding:0;
			text-align:center;
			color:#CCCCCC;
			font-weight:normal
			
		}
	
		div.navi-pages .page-active {
			
			background-color:#E9E9E9;
			font-weight:bold;
			color:#666666
			
		}
	
		div.navi-pages .page-list {
			
			width:auto;
			float:left;
			font-weight:bold;
			color:#666666;
			padding:0px 10px
			
		}
	
		div.navi-pages .page-list a {
			
			color:#aaaaaa
			
		}
	
		div.navi-pages .page-list a:hover {
			
			color:#333333
			
		}
		
		div.navi-pages .page-step {
			
			height:16px;
			float:left;	
			margin:0px 10px;	
			color:#aaaaaa
			
		}
		
		div.navi-pages .page-step a {
			
			color:#aaaaaa		
			
		}
		
		div.navi-pages .page-step a:hover {
			
			color:#333333;	
			
		}



	/* ------------------------------------------------------------------ */
	/* text-container */
	
		#text-container p, #text-container label {
		
			margin-bottom:10px;
			font-size:11px;
			color:#666666
		
		}
		
		#text-container strong {
			
			color:#333333		
		
		}
		
		#text-container li {
		
			font-size:11px;
			color:#666666;
			padding-bottom:4px
	
		}
		
		#text-container a {
		
			color:#FF0000 !important
		
		}

		#text-container a:hover {
		
			color:#666666 !important;
			text-decoration:underline
		
		}				

		#text-container ul, #text-container ol {
		
			margin-left:20px;
			margin-bottom:10px
		
		}

		#text-container ul.micropoint {
		
			list-style-image:url(../images/bullet01.gif)		
		
		}

	/* ------------------------------------------------------------------ */
	/* standard-table */
 	
		table.standard-table {
		
			width:100%;
			font-size:11px
				
		}
	
		table.standard-table th {
		
			background-color:#d3d3d3;
			text-align:left;
			font-weight:bold;
			font-size:13px;
			font-family:Arial, Tahoma, Verdana;
			color:#FFFFFF;
			padding:5px 5px
		
		}
		
		table.standard-table th a {
		
			color:#FFFFFF !important;
			text-decoration:none
		
		}
		
		table.standard-table th a:hover {
		
			text-decoration:underline
		
		}		
		
		table.standard-table td {
		
			padding:6px
		
		}

		table.standard-table tbody tr {
		
			background:url(../images/dot.gif) repeat-x bottom;
		
		}
		
		table.standard-table tr.dark {
		
			background-color:#f5f5f5
		
		}
	
		table.standard-table td.attr {
		
			color:#666
		
		}
		
		table.standard-table td.value {
		
			text-align:center
		
		}		
		
		table.standard-table td.number {
		
			width:20px
		
		}


		
	/* ------------------------------------------------------------------ */
	/* forms */	
		
		input.type,
		table.form-container textarea  {
		
			border:1px solid #afafaf;
			background-color:#f1f1f1;
			font-family:Tahoma, Arial, Verdana;
			font-size:11px;
			color:#333333;
			padding:3px
		
		}
		
	
		label.error {
		
			display:block;
			clear:both;
			color:#FF0000 !important
		
		}
		
		table.form-container td {
		
			padding:3px 15px;
			vertical-align:top;
			font-size:11px
			
		}
		
		table.form-container td p {
		
			margin:0 !important;
			padding:3px 0
			
		}		
		
		table.form-container td.attr {
		
			
			background-color:#F1F1F1;
			color:#919191;
			border-bottom:1px solid #fff
			
		}			
		
		table.form-container td.value {
		
			
		
		}			
		
		
	/* ------------------------------------------------------------------ */
	/* list-info */	

		div.list-info {
		
			width:100%;
			height:auto;
			clear:both;
			overflow:auto;
			padding:5px 0;
			background-color:#f0f0f0;
					
		}
		
			div.list-info * {
			
				font-size:11px;		
			
			}
		
			div.list-info div {
			
				padding:0 10px;
			
			}
			
			div.list-info p {
			
				margin:0;
				color:#888888;
				padding:0;
			
			}
			
			div.list-info strong {
			
				color:#666666;
			
			}



	/* ------------------------------------------------------------------ */
	/* screenshot */	
				
		div.screenshot {
		
			float:left;
			margin:2px;
			/* padding:2px;
			background-color:#eaeaea
 			*/		
		}
		
		div.screenshot img {
		
			width:180px;
			height:145px
		
		}	




	/* ------------------------------------------------------------------ */
	/* news-list */	
			
		div.news-list-item {
		
			width:100%;
			clear:both;
			margin:20px 0;
			overflow:hidden;
			font-size:11px;
			padding:0
		
		}
		
		div.news-list-item div.thumb {
		
			float:left;
			margin:0 16px 10px 0;
			padding:5px;
			background-color:#eaeaea
		
		}
		
		
		div.news-list-item p.date {
		
			margin-bottom:6px
		
		}
		
		div.news-list-item a {
		
			text-decoration:none
		
		}
		
		.news-added {
		
			margin:10px 0; 
			color:#999999 !important;
	
		}



	/* ------------------------------------------------------------------ */
	/* thumb-container */
	
		#thumb-container, #thumb-container table, #thumb-container td {
		
			width:200px;
			height:143px;
		
		}
	
		#thumb-container {
		
			text-align:center;		
			float:right;
			margin:10px 0 10px 20px;
			padding:5px 0;
			border:1px solid #EFEFEF; 
			background-color:#F5F5F5;	
		
		}
		
		#thumb-container table, #thumb-container td {
		
			vertical-align:middle;
			padding:0;		
		
		}
				

	/* ------------------------------------------------------------------ */
	/* alert-box2 */
	
		div.alert-box2 {
	
			padding:15px;
			border:1px solid #cfcfcf;
			background-color:#F5F5F5;
			
			
				
		}
		

	/* ------------------------------------------------------------------ */
	/* alert-box */	
	
	
		div.alert-box {
		
			width:538px;
			clear:both;
			padding:6px 13px 3px 13px;
			border:1px solid #CCCCCC;
			margin:10px 0;		
			display:none;
			font-size:11px;
		
		}
	
		div.alert-box p {
		
			margin-bottom:5px;
			color:#666;
			font-weight:bold;
		
		}




	/* ------------------------------------------------------------------ */
	/* cart */

		table.standard-table input.number {
		
			width:20px;
			text-align:center
		
		}


	/* ------------------------------------------------------------------ */
	/* price-box */	
		
		#price-box {
		
			width:180px;
			margin-top:20px;
			background-color:#F0F0F0;
			float:right;
			padding:10px;
		
		}
		
		#price-box-inside {
		
			width:160px;
			position:relative;
			top:3px;
			background-color:#FFFFFF
		
		}
		
		#price-box p {
			
			font-weight:bold;
			text-align:center;
			color:#333333
			
		}
		
		#price-box p.price {
		
			margin:0;
			padding:0;
			line-height:16px;
			font-size:16px;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			text-align:center;
			color:#FF0000

		
		}




/* ------------------------------------------------------------------ */
/* CONTACT */	

	#contactform-container {
	
		margin-top:20px;
		padding:10px 0 35px 0;
		font-size:11px
	
	}
	
	#contactform-box {
	
		background-color:#F6F6F6;
	
	}
	
	
	input.contactform-type {
	
		width:180px;
		border:1px solid #CCCCCC;
		padding:3px;
		color:#333333;
		margin-right:10px;
	
	}
	
	textarea.contactform-type {

		width:100%;
		border:1px solid #CCCCCC;
		font-family:Tahoma, Arial, Verdana;
		font-size:11px;
		padding:3px;
		color:#333333;
	
	}
	
	select.contactform-select {

		width:100%;
		font-size:11px;
		border:1px solid #CCCCCC;
		padding:3px;
		color:#333333;
		
	}
	
	label.error {
	
		color:#ff0000;
	
	}
	
	table.contactform {
	
		width:100%;		
		color:#666666;	
	
	}
	
	table.contactform td {
	
		padding: 5px 20px 5px 20px;
		vertical-align:top;
	
	}

	
	
	
A:link          {COLOR: #606060; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none;font-size:11px;}
A:active        {COLOR: #606060; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none;font-size:11px;}
A:visited       {COLOR: #606060; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none;font-size:11px;}
A:hover         {COLOR: #2f3ba7; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none;font-size:11px;}