@charset "utf-8";
/* CSS Document */
/* 
	content:
	- PRESETS
	- LAYOUT
	- 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");
	
/* ------------------------------------------------------------------ */
/* TEXT CONTAINER */
	
	/* @import url("textcontainer.css");*/
	

/* ------------------------------------------------------------------ */
/* LAYUOT */
	
	body {
		background:#fff url(../images/background.gif) repeat-x 0 0
	}
	
	#container {
		width:975px;
		margin:0 auto
	}
	
	div.shadow {
		width:25px;
		height:328px
	}
	
	div.shadow-left { background:url(../images/sub_shadows.gif) no-repeat 0 0; float:left }
	div.shadow-right { background:url(../images/sub_shadows.gif) no-repeat -25px 0; float:right }
	
	#main div.shadow-left { background:url(../images/main_shadows.gif) no-repeat 0 0; float:left }
	#main div.shadow-right { background:url(../images/main_shadows.gif) no-repeat -25px 0; float:right }
	
	#main div.shadow { height:647px }
	
	#body {
		width:925px;
		float:left;
		display:inline
	}
	
	#sub-cnt {
		clear:both;
		padding:0 10px;
		overflow:hidden
	}
	
	* html #sub-cnt { height:1% }
	
/* ------------------------------------------------------------------ */
/* HEADER */	
	
	#header {
		width:925px;
		height:72px;
		float:left;
		display:inline
	}
	
	#header a#logo {
		width:135px;
		height:52px;
		display:inline;
		float:left;
		margin:10px 10px 0;
		background:url(../images/logo_niviss.gif) no-repeat 0 0;
		text-indent:-9000px
	}
	
	#banner {
		width:925px;
		height:200px;		
		float:left;
		display:inline;
		
	}
	
	#banner #banner-img { 
		clear:both;
		height:170px;
		background:url(../images/sub_banner.jpg) no-repeat 0 0;
		text-indent:-9000px
	}
	
	#main #banner { height:330px }
	
	#main #banner #banner-img {		
		height:300px;
		background:url(../images/main_banner.jpg) no-repeat 0 0		
	}
	
	#infobar {
		width:925px;
		height:32px;
		background:url(../images/infobar_bg.gif) no-repeat 0 0
	}
	
	#sidebar {
		width:230px;
		float:left;
		margin:15px 0
	}	
		

/* ------------------------------------------------------------------ */
/* menu top */

	
	#menu-top {
		clear:both;
		height:23px;
		background:url(../images/menu_bg.gif) no-repeat 0 0;
		padding:7px 0 0 30px
	}

	#menu-top ul {
		margin:0;
		padding:0;
		list-style-type:none
	}
	
	#menu-top ul li {
		float:left;
		display:inline
	}
	
	#menu-top ul li a {
		display:inline;
		height:16px;
		float:left;
		color:#fff;
		font:12px Arial, "Helvetica Neue", Helvetica, sans-serif;
		text-transform:uppercase;
		text-decoration:none;
		padding:0 12px;
		margin:0 2px;
		text-align:center	
	}	
	
	#menu-top ul li a:hover, #menu-top ul li.on a {
		color:#515151;
		background:#ffb642;
	}


/* ------------------------------------------------------------------ */
/* main boxes */

	#main-boxes {
		width:915px;
		float:left;
		display:inline;
		overflow:hidden;
		margin-top:7px;
		padding-left:10px
	}
	
	#main-boxes div.main-bx {
		width:221px;
		height:150px;
		float:left;
		display:inline;
		background:url(../images/main_bx_bg.gif) no-repeat 0 100%;
		margin:0 7px 0 0
	}
	
	#main-boxes div.main-bx h1, #main-boxes div.main-bx h1 a {
		clear:both;
		height:35px;
		display:block;
		text-indent:-9000px;
		overflow:hidden
	}
	
	#main-boxes div#main-bx01 h1 { background:url(../images/main_bx_sprites.gif) no-repeat 0 0 }
	#main-boxes div#main-bx02 h1 { background:url(../images/main_bx_sprites.gif) no-repeat 0 -35px }
	#main-boxes div#main-bx03 h1 { background:url(../images/main_bx_sprites.gif) no-repeat 0 -70px }
	#main-boxes div#main-bx04 h1 { background:url(../images/main_bx_sprites.gif) no-repeat 0 -105px }
	
	#main-boxes div.main-bx-body {
		clear:both;
		height:115px;
		overflow:hidden;
	}
	
	#main-boxes div.main-bx-body p {
		color:#8a8a8a;
		font:11px Tahoma, Geneva, Verdana, sans-serif
	}
	
	#main-boxes div.main-bx-body p strong { color:#35465f }
	
	#main-boxes div#main-bx01 div.main-bx-body { background:url(../images/main_bx_sprites.jpg) no-repeat 0 0; padding:24px 10px 0 104px; height:91px }
	#main-boxes div#main-bx02 div.main-bx-body { background:url(../images/main_bx_sprites.jpg) no-repeat 0 -115px; padding:24px 10px 0 120px; height:91px }
	#main-boxes div#main-bx03 div.main-bx-body { background:url(../images/main_bx_sprites.jpg) no-repeat 0 -230px; padding:24px 10px 0 105px; height:91px }
	#main-boxes div#main-bx04 div.main-bx-body { padding:20px 10px 0 15px; height:91px }
	
	#main-boxes div#main-bx04 div.main-bx-body table td {
		padding:0 5px 7px
	}

/* ------------------------------------------------------------------ */
/* FOOTER */	

	#footer {
		width:895px;
		clear:both;
		color:#ebeef2;
		font:11px Tahoma, Geneva, Verdana, sans-serif;
		padding:0 10px 0 0;
		background:#f7f7f8 url(../images/footer_bg_sprites.gif) no-repeat 895px 0;
		margin:0 auto 20px;
		overflow:hidden
	}

	#footer p.nav { padding:10px 0 0 }

	#footer a { text-decoration:none }	
	#footer a strong { color:#fabd5d }		

	#footer p.nav a {
		color:#acb5c4;
		margin:0 8px 0 6px;
	}
	
	#footer p.nav a:hover { text-decoration:underline; color:#fabd5d }
	
	#footer div.nav-set {
		float:left;
		background:#f7f7f8 url(../images/footer_bg_sprites.gif) no-repeat -10px 100%;
		padding:10px 0 20px 7px
	}
	
	#footer p.copyright { padding:10px 0 0 }		

	#footer p.copyright a, #footer p.created a { 
		color:#acb5c4;
		font-size:11px
	}	

	#footer div.copyright-cnt {
		float:right;
		text-align:right;
		padding-top:10px
	}

	
	#main #footer { width:915px; float:left; display:inline; clear:none }
	
	#main #footer, #main #footer div.nav-set, #main #footer div.copyright-cnt {
		background:none;
		margin:0;
		padding-top:0
	}

	
/* ------------------------------------------------------------------ */
/* COMMON */

	h1.page-title {
		color:#3e5a7b;
		font:18px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;
		letter-spacing:-1px;
		padding-bottom:15px
	}

	p.more {
		white-space:nowrap;
		padding:10px 0;
		color:#fa9900 !important;
		font:bold 10px Tahoma, Geneva, Verdana, sans-serif !important
	}
	
	p.more a {
		color:#fa9900;
		text-decoration:none;
	}
	
	p.more a:hover { text-decoration:underline }


	a {
		color:#f7a11a;
		text-decoration:none
	}

	a:hover {
		text-decoration:underline
	}
	
	a.btn-small {
		width:100px;
		height:20px;
		display:inline;
		background:url(../images/btn_small_bg.gif) no-repeat 0 0;
		text-align:center;
		color:#fff;
		font:bold 11px/17px Tahoma, Geneva, Verdana, sans-serif;
	}	
	
	.color07 {
		color:#F7A11A !important
	}

/* ------------------------------------------------------------------ */
/* spacers, lines */
	
	div.spacer {
		clear:both;		
		padding-top:10px;
		margin-bottom:10px;
		overflow:hidden;
		font-size:0;
		line-height:0;
	}

	* html div.spacer { height:1% }

	div.spacer-dot { height:1px; background:url(../images/dot01.gif) repeat-x 0 bottom }
	div.spacer-line { border-bottom:1px solid #F1EFE5 }
	

/* ------------------------------------------------------------------ */
/* breadcrumbs */	
	
	div.breadcrumbs {		
		clear:both;
		font:11px Tahoma, Geneva, Verdana, sans-serif;
		padding-left:266px;
		padding-top:12px;
		color:#b3b1bd
	}
	
	div.breadcrumbs a {
		margin:0 7px 0 5px;
		color:#b3b1bd;
		text-decoration:none
	}
	
	div.breadcrumbs a:hover { text-decoration:underline }
	
	div.breadcrumbs span { 
		margin:0 10px;
		color:#b3b1bd;
		font-weight:bold 
	}
	
	
	/* ------------------------------------------------------------------ */
	/* photo thumb */	

		div.thumb-left p, div.thumb-right p {
			text-align:center;
			padding-top:10px;
			padding-bottom:5px;
		}
			
		div.thumb-left {
			width:275px;
			float:left;
			margin:0 20px 10px 0
		}
	
		div.thumb-right {
			width:275px;
			float:right;
			margin:0 0 10px 20px
		}	
		
	/* ------------------------------------------------------------------ */
	/* info boxes */	
	
		div.alert-box, div.info-box, div.error-box, div.newsletter-info {
			clear:both;
			padding:10px 15px 5px;
			overflow:hidden;
			margin:10px 0;
			text-align:center
		}
		
		div.alert-box p, div.info-box p, div.error-box p, div.newsletter-info p {
			padding:0 0 5px;
			text-align:center;
			font-weight:bold;
			color:#A3A3A1;
		}		
		div.alert-box {
			border:1px solid #595959;
			background:#616161;
		}
		
		div.info-box {
			border:1px solid #7db75e;
			background:#87c565;
		}	
		
		div.error-box {
			border:1px solid #c54444;
			background:#cf5757;		
		}		
		
		div.newsletter-info {
			border:1px solid #ece8db;
			background:#fff;
			margin-bottom:0
		}		
		
		
	

	/* ------------------------------------------------------------------ */
	/* navi-pages */		
	
		div.navi-pages {	
			margin:0 12px 0 0;
			padding:5px 0 5px 0;
			float:left;
			display:inline;		
		}
		
		div.navi-pages * {	
			font-family:Tahoma, Arial;
			font-size:11px;	
		}
		
		div.navi-pages .navi-dot {
			float: left;
			color: #AAAAAA;
		}
		
		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 a { text-decoration:none }
	
		
		div.navi-pages .page-off a { color:#666 }
		
		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:#eee;
			font-weight:bold;
			color:#666666;	
		}
	
		div.navi-pages .page-step {		
			height:16px;
			float:left;	
			margin:0px 10px;	
			color:#AAAAAA;
			font-family: Arial;
			font-size: 9px;		
		}
		
		div.navi-pages .page-step a {		
			color:#AAAAAA;	
			text-decoration: none;	
			font-family: Tahoma;
			font-size: 11px;	
			font-weight: bold;				
		}
		
		div.navi-pages .page-step a:hover {		
			color:#333333;
			text-decoration: underline;			
		}
		
		div.navi-pages .page-step a span { font-weight: normal }
		
		div.navi-pages .page-off, div.navi-pages .page-active {
			min-width:18px;
			width: auto !important;
			width: 18px;
		}
		
		div.navi-pages .page-arrow {
			width:10px; 
			height:18px; 
			display:block; 
			float:left
		}	


/* ------------------------------------------------------------------ */
/* thumb */		

	table.thumb {
		float:left;
		display:inline;
		text-align:center;
		background-color:#fff;
	}

	table.thumb td { vertical-align:middle }

	table.thumb01, table.thumb01 td,  table.thumb01 td p { width:220px; }

	table.thumb01 td { height:110px }

	table.thumb01 td p {
		overflow:hidden;
		text-align:center;
		padding:0
	}

	table.thumb01 td p img {
		margin:0;
		padding:0
	}


/* ------------------------------------------------------------------ */
/* collumns */
	
	div.col-set-00 {
		width:625px;
		float:left;
		overflow:hidden;
		margin:15px 0;
		padding:0 25px
	}
	
	#offer div.col-set-00 { padding-right:0; width:650px }
	
	div.col-set-01 {
		width:675px;
		float:left;
		background:url(../images/dot02.gif) repeat-y 50% 0;
		overflow:hidden;
		margin:15px 0
	}
	
	div.col-set-01 div.col-01 {
		width:287px;
		float:left;
		padding:0 25px
	}	


	div.col-set-02 {
		width:675px;
		float:left;
		/* background:url(../images/dot02.gif) repeat-y 35% 0; */
		overflow:hidden;
		margin:15px 0
	}
	
	div.col-set-02 div.col-02a {
		width:227px;
		float:left;
		padding:0 25px
	}		

	div.col-set-02 div.col-02b {
		width:347px;
		float:left;
		padding:0 25px
	}
	
	#contact div.col-set-02 div.col-02b { padding-right:0; width:372px }

	

/* ------------------------------------------------------------------ */
/* text content */

	div.text-content { font:16px/18px Tahoma, Geneva, Verdana, sans-serif }
	
	div.text-content p, div.text-content li {
		padding-bottom:0.75em;
		font:0.750em/1.313em Tahoma, Geneva, Verdana, sans-serif;
		color:#5e616a
	}
	
	div.text-content ul, div.text-content ol {
		margin-left:20px
	}
	
	div.text-content li { padding-bottom:0.25em }
	
	div.text-content p strong {	color:#f7a11a }
	
	div.text-content h1 {
		color:#3e5a7b;
		font:1.250em/1.125em Arial, "Helvetica Neue", Helvetica, sans-serif;
		letter-spacing:-1px;
		padding-bottom:0.3em
	}
	
	
	div.text-content h2 {
		color:#3e5a7b;
		font:bold 0.814em/1.125em Tahoma, Geneva, Verdana, sans-serif;
		
		padding:0.5em 0 0.8em
	}	

	div.text-content .s11 { font-size:0.689em !important }
	div.text-content .s12 { font-size:0.750em !important }
	div.text-content .s13 { font-size:0.814em !important }
	div.text-content .s14 { font-size:0.875em !important }
	div.text-content .s15 { font-size:0.938em !important }
	div.text-content .s16 { font-size:1.000em !important }

	
/* ------------------------------------------------------------------ */
/* contact table */		

	#sidebar table.contact-table { margin:10px 15px }
	
	#contact table.contact-table td {
		font-size:12px
	}
	
	table.contact-table td {
		color:#667f99;
		padding:3px 15px 3px 0
	}

	table.contact-table th {
		color:#667f99;
		padding:3px 15px 3px 0;
		font-size:12px
	}	


/* ------------------------------------------------------------------ */
/* google maps */		

	div.map-container {	float:left; padding-bottom:20px	}
		
	div.map-container div#googlemap {		
		width:363px; 
		height:220px; 
		float:right;		
		border:5px solid #F7F7F8		
	}	
	
	
/* ------------------------------------------------------------------ */
/* boxes */		

	div.bx { clear:both; overflow:hidden }
	
	div.bx div.bx-top, div.bx div.bx-bottom { clear:both }
	div.bx div.bx-top div, div.bx div.bx-bottom div { float:right }
	
	div.bx div.bx-body { 
		clear:both;
		overflow:hidden		
	}
	
	* html div.bx div.bx-body { height:1% }


	/* box 01 */

	div.bx01 div.bx-top { height:6px }
	div.bx01 div.bx-bottom { height:6px }
	
	div.bx01 div.bx-top div {
		width:6px;
		height:6px;	
	}
	
	div.bx01 div.bx-bottom div {
		width:6px;
		height:6px;	
	}

	div.bx01 { background:#F9F9FA url(../images/bx01_sprites.gif) repeat-x -6px -6px }
	div.bx01 div.bx-top { background:url(../images/bx01_sprites.gif) no-repeat -6px 0; }
	div.bx01 div.bx-top div { background:url(../images/bx01_sprites.gif) no-repeat 0 0 }
	div.bx01 div.bx-bottom { background:url(../images/bx01_sprites.gif) no-repeat -6px -6px }
	div.bx01 div.bx-bottom div { background:url(../images/bx01_sprites.gif) no-repeat 0 -6px }
	div.bx01 div.bx-body {
		background:url(../images/bx01_sprites.gif) no-repeat right -43px;
		padding:0 9px
	}	
	
	
/* ------------------------------------------------------------------ */
/* product list */	
	
	div.product-short {
		clear:both;
		padding:7px 0 5px;
		overflow:hidden
	}
	
	* html div.product-short { height:1% }
	
	div.product-short img {
		float:left;
		margin:0 10px 0 0	
	}
	
	div.product-short h2 {
		color:#F7A11A;
		font:bold 13px Tahoma, Geneva, Verdana, sans-serif;
		padding:5px 0 10px;
		line-height:18px;
		/* letter-spacing:-1px */
	}
	
	div.product-short h2 a {
		color:#F7A11A;
		text-decoration:none
	}
	
	div.product-short h2 a:hover { text-decoration:underline }
	
	div.product-short p { 
		color:#5E616A;
		font:11px/15px Tahoma, Geneva, Verdana, sans-serif;
		padding-bottom:7px
	}
	
	a.btn-czytajwiecej {
		width:88px;
		height:19px;
		text-indent:-5000px;
		display:block;
		background:url(../images/btns_sprites.gif) no-repeat 0 0
	}
	
	div.product-short a.btn-czytajwiecej { margin-top:5px }	

	
	
/* ------------------------------------------------------------------ */
/* product */	
			
	table.params { margin:15px 0 }

	table.params td {
		padding:5px 10px;
		font:0.689em/1.125em Tahoma, Geneva, Verdana, sans-serif;
		border-bottom:1px solid #fff
	}
	
	table.params td.attr {	
		background:#f7f7fa;
		color:#3E5A7B		
	}
	
	table.params tr.dark td.attr { background:#f1f2f6 }
	table.params tr.dark td.value { background:#f7f7fa }