/* CSS Document */
/* 
	content:
	- PRESETS
	- LAYOUT
		footer
	- COMMON

	COLOR SET:

	.color00 - bialy (#ffffff)
	.color01 - czarny (#000)
	.color02 - niebieski (#0066ff)
	.color03 - czerwony (#ff0000)
	.color04 - szary jasny (#999)
	.color05 - szary sredni (#666)	
	.color06 - szary ciemny (#333)	
	
*/



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

	@import url("presets.css");
	
	@import url("textcontent.css");
	
/* ------------------------------------------------------------------ */
/* TEXT CONTAINER */
	
	@import url("textcontainer.css");


/* ------------------------------------------------------------------ */
/* LAYUOT */
	
	
	body {background:url(../images/lt_bg.png) repeat-x #fff;}
	
	#container {
	
		width:976px;
		margin:0 auto
	
	}
	
	#header {
	
		width:976px;
		height:210px;
	
	}

	div.navimap {
		
		height:61px;
		clear:both;
		overflow:hidden;
		background:url(../images/lt_navimap_bg.jpg) no-repeat top left;
	
	}
	
	#body {
	
		width:732px;
		float:left;
		background:url(../images/lt_body_bg.gif) repeat-x top
	
	}
	
	#body h1 {
	
		color:#224f8c;
		font: 18px Arial, Tahoma, Verdana
		
	}

	/* ------------------------------------------------------------------ */
	/* footer */
	
		#footer {
			
			clear:both;
			text-align:center;
			padding:30px 0;
			background:url(../images/lt_ft_bg.png) no-repeat top;
			font-size:11px
		
		}
		
			#footer a {text-decoration:none}
		
			#footer a:hover {text-decoration:underline}
		
			#footer p.nav {
			
				padding:10px 0 0 0;
				color:#efefef
			
			}
					
				#footer p.nav a {
				
					margin:0 10px 0 8px;
					color:#c0c0c0
				
				}
				
				#footer p.nav a:hover {color:#6DB3F7}
			
					#footer p.nav a.bold {color:#2D88E0}		
	
			#footer p.copyright {padding-top:8px}
	
				#footer p.copyright a {color:#d6d6d6}
			
				#footer p.copyright a:hover {color:#999}	
				

	/* ------------------------------------------------------------------ */
	/* navi path */	
 	
		div.navi-path {
		
			color:#bbb;
			margin:0 0 0 244px;
			font-size:11px
		
		}
	
		div.navi-path span, div.navi-path a {
		
			margin:0 6px;
			color:#aaa			
		
		}
		
		div.navi-path a:hover {color:#6DB3F7}		
		
		div.navi-path span {color:#666}



	/* ------------------------------------------------------------------ */
	/* sidebar */
	
		div.sidebar {
		
			width:244px;
			float:left;
		
		}
		
		div.sidebar div.nav-2nd {
		
			clear:both;
			background:url(../images/lt_menu_bg.png) repeat-x top #245190
		
		}	
		
		div.sidebar div.nav-2nd a.cat {
		
			height:26px;
			display:block;
			clear:both;
			font:normal 15px Arial, Tahoma, Verdana;
			border-bottom:1px solid #5073a1;
			background:url(../images/micropoint01.gif) no-repeat 54px 12px;
			padding:10px 0 0 80px;
			text-decoration:none;
			color:#fff		
		
		}
		
		div.sidebar div.nav-2nd a.cat:hover {

			background-color: #0b203c;
			filter:alpha(opacity=50);
			-moz-opacity: 0.5;
			opacity: 0.5;		
		
		}
		
		div.sidebar div.nav-2nd li a {
		
			color:#fff;
			text-decoration:none
		
		}
	
		div.nav-2nd-roll {
		
			clear:both;
			border-bottom:1px solid #5073a1;
			padding:5px 0
			
		}
	
		
		div.nav-2nd-roll a {	
			
			color:#fff;
			font-size:11px;
			display:block;
			text-decoration:none;
			padding:3px 0 3px 90px;
		
		}
			
		div.nav-2nd-roll a:hover {
	
			background-color: #0b203c;
			filter:alpha(opacity=60);
			-moz-opacity: 0.6;
			opacity: 0.6;
	
		}		
				
				
		div.sidebar div.bx-contact {
		
			clear:both;
			text-align:center;
			padding:10px;
			color:#acabab;
			position:relative;
			top:-20px;
			font-size:11px
		
		}
		
		div.sidebar div.bx-contact p {
		
			line-height:16px;
			padding-bottom:5px
			
		}

		div.sidebar div.bx-contact a {color:#999999}
		div.sidebar div.bx-contact a:hover {color:#6DB3F7}		
		
		


	/* ------------------------------------------------------------------ */
	/* main */		
	
		#slider {
		
			width:328px; 
			height:226px; 
			float:left;
			background:#fff
		
		}
				
		div.productbox {
		
			width:707px;
			clear:both;
			overflow:hidden;
			margin-left:25px;
			background:url(../images/productbox_bg.gif) repeat-x top #58A6EE
		
		}
		
		div.productbox div.item {
	
			width:235px;
			float:left;
			
	
		}
		
		div.productbox div.item p {
		
			display:block;
			clear:both;
			font-size:11px;
			color:#d6eeff;
			width:185px;
			padding:15px 25px 0 25px;
			overflow:hidden;
			border-right:1px solid #9bcbf8
			
		}
		
		div.productbox div.item p.more {		
		
			padding:5px 25px 10px 25px;
			text-align:right;
			color:#fff;
			font-weight:bold
		
		}
		
		div.productbox div.item p.more a {		
		
			color:#fff;
			text-decoration:none
		
		}		
		
		div.productbox div.item p strong {color:#fff}
		
		div.productbox div.item table.thumb01 {
			
			/* border-right:1px solid #fff */
		
		}
		
	/* ------------------------------------------------------------------ */
	/* thumb */		
	
		table.thumb {
		
			float:left;
			display:inline;
			text-align:center;
		
		}
		
			table.thumb td {
		
				vertical-align:middle
			
			}
	
		table.thumb01, table.thumb01 td {
		
			width:235px;
			height:120px;
		
		}

		table.thumb02, table.thumb02 td {
		
			width:165px;
			height:130px;
		
		}

		table.thumb03 {
		
			float:right
		
		}

		table.thumb03, table.thumb03 td {
		
			width:165px;
			height:130px;
		
		}
		
		table.thumb04, table.thumb03 td {
		
			width:120px;
			height:95px;
		
		}		
		
	/* ------------------------------------------------------------------ */
	/* colors */		
		
		.color07 {
		
			color:#245290 !important
		
		}		
		
		a.color07:hover {
		
			color:#2D88E0 !important
		
		}			
		

		
	/* ------------------------------------------------------------------ */
	/* common */

		div.spacer-dotted {
		
			width:100%;
			clear:both;
			overflow:hidden;
			height:1px;
			background:url(../images/dot.gif) repeat-x;
			margin:5px 0 15px 0;
			padding:0;
			font-size:0;
			line-height:0
		
		}
		
		div.get-pdf {
			
			height:32px; 
			margin-bottom:10px
		
		}
		div.get-pdf img {	
			
			float:left;
			margin-right:10px; 
			border:0
			
		}
		div.get-pdf a.hoverline {
			
			font:normal 10px Tahoma, Verdana;
			line-height:11px;
			position:relative; 
			top:2px
			
		}		
		
	/* ------------------------------------------------------------------ */
	/* navi pages */					
	
		p.navi-pages {
			
			text-align:right
		
		}
	
	
		p.navi-pages a {
		
			color:#959595;
			font-size:11px;
			margin:0 3px;
			text-decoration:none
		
		}
		
		p.navi-pages a:hover {	
		
			color:#006BC6;
			text-decoration:underline	
		
		}
		
		p.navi-pages a.off {
		
			color:#006BC6;
			font-weight:bold
		
		}
		
		p.navi-pages a.off:hove {
		
			text-decoration:none
		
		}		
		
	
		
	/* ------------------------------------------------------------------ */
	/* list item */			
		
		div.list-item {
		
			clear:both;
			background:#f9f9f9;
			overflow:hidden;
			margin-bottom:10px
		
		}
		
		div.product-item {
		
			margin-right:5px
		
		}
		
		div.list-item div.topline {
			
			clear:both;
			height:5px;
			background:#e8e8e8;
			border-bottom:1px solid #fff;
			font-size:0
		
		}
		
		div.list-item div.bottomline {
		
			height:8px;
			clear:both;
			font-size:0
		
		}
		
		div.list-item table.thumb02, div.list-item table.thumb04 {
		
			margin:0 10px 0 0
		
		}
		
		div.list-item table.thumb03 {
		
			margin:0 0 0 10px	
		
		}
		
		div.list-item h2 {
			
			padding:0 10px 10px 0
		
		}

		div.product-item h2 {
			
			font: bold 12px Tahoma, Arial, Verdana;
			height:
		
		}

		div.product-item div.body {
			
			height:125px;
			overflow:hidden
		
		}
		
		div.product-item p.desc {
			
			height:75px;
			overflow:hidden
		
		}		
		
		div.list-item div.body {
		
			padding:10px 10px 0 10px;
		
		}
		
		div.list-item p.more {
		
			text-align:right;
			font-weight:bold;
			padding:0;
				
		}
		
		
		div.list-item p.date {
		
			padding-bottom:0;
			color:#CCCCCC;
			position:relative;
			top:-5px
				
		}		
		
		div.list-item p.more a {
	
			text-decoration:none
		
		}		
		
		
		
	/* ------------------------------------------------------------------ */
	/* contact */	

		table.contact-container {
		
			font-size:11px;
			
		}
	
		table.contact-container td.attr {
		
			color:#bbb
		
		}
		
		table.contact-container td.value {
		
			color:#666
		
		}
				
		
		table.contact-container td {
		
			padding:3px 25px 3px 0;
		
		}
		
	

		
		
		input.contactform-type {
		
			width:180px;
			border:1px solid #E6E6E6;
			padding:3px;
			color:#666;
			margin-right:10px;
		
		}
		
		textarea.contactform-type {
	
			width:100%;
			border:1px solid #E6E6E6;
			padding:3px;
			color:#333333;
		
		}
		
		select.contactform-select {
	
			width:100%;
			font-size:11px;
			border:1px solid #E6E6E6;
			padding:3px;
			color:#333333;
			
		}
		
		label.error {
		
			color:#ff0000;
		
		}
		
		table.contactform {
		
			width:100%
		
		}
		
		table.contactform td {
		
			padding: 5px 20px 5px 0;
			vertical-align:top;
			font-size:11px
		
		}
		
		span.required {
		
			color:#FF0000;
		
		}		
	
		div.map-container {
		
			width:50%;
			float:right	
		
		}
		
		div.map-container div#googlemap {
		
			width:360px; 
			height:220px; 
			float:right;
			
			border:5px solid #fff
		
		}	


	/* ------------------------------------------------------------------ */
	/* alert-box */	
	
	
		div.alert-box {
		
			clear:both;
			padding:10px 13px 5px 13px;
			margin:10px auto;
			background-color:#f4f4f4;
			border:1px solid #ededed
		
		}
	
		div.alert-box p {
		
			margin-bottom:5px;
			color:#333;
			font-weight:bold;
			text-align:center
		
		}			
		
	/* ------------------------------------------------------------------ */
	/* 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;
			
		}
	
		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;
			
		}