/*
 * @colordef	black			#0C0402
 * @colordef	dark red		#591F08
 * @colordef	dark orange		#FE7C00
 * @colordef	light orange	#FD8D00
 * @colordef	creme			#FAF7F2
 */

@import url("../css/reset.css");
@import url("../js/jquery.jcarousel.css");
@import url("../css/global.css");

body {

	background: #FFF url('../images/background.header.gif') top left repeat-x;
	color: #3A4248;

	font: normal .69em Tahoma, Arial, sans-serif;

}

button, label {

	cursor: pointer;

}

object {float:left}

legend {display: none}

.accessibility {display: none}

.wrapper { 

	margin: 0 auto;

	overflow: auto;

	position: relative; 

	width: 979px;

}

.notxt {

	overflow: hidden;

	text-indent: -9998%;

}
.hidden { display: none !important }
a:hover { text-decoration: underline !important }

/* =header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header {
	background: url('../images/background.header.map.gif') center top no-repeat;
	height: 160px;
}
#header h1, #header h2 {
	margin: 11px 0 0 45px;
}
#header h1 a, #header h2 a {
	background: url('../pl/images/header.png') no-repeat;
	display: block;
	height: 133px;
	overflow: hidden;
	text-indent: -999em;
	width: 327px;
}

#header .wrapper {height: 100%}

#flash {

	height: 160px;

	position: absolute;

	width: 558px;

	top: 0;

	right: 17px;

}

#noflash {

	background: url('../images/flash.png') no-repeat 0 0;
	color: #000;

	height: 100%;

	width: 100%:

}
#noflash p {
	background: #FFF;
	display: inline;
	padding: 2px 3px;
}

/* -quick links
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#quick-links {
	background: url('../images/quicklinks.sep.gif') left no-repeat;
	position: absolute;
	right: 24px;
	top: 7px;
}
	#quick-links li {
		background: url('../images/quicklinks.sep.gif') right no-repeat;
		display: inline;
		float: left;
	}
	#quick-links a {
		background-image: url('../images/quicklinks.gif');
		background-repeat: no-repeat;
		display: inline;
		float: left;
		height: 11px;
		overflow: hidden;
		margin: 0 10px;
		text-indent: -99em;
		width: 11px;
	}
	#q-main a { background-position: 0 0 }
		#q-main a:hover { background-position: 0 -11px }
	#q-sitemap a { background-position: -11px 0 }
		#q-sitemap a:hover { background-position: -11px -11px }
	#q-contact a { background-position: -22px 0 }
		#q-contact a:hover { background-position: -22px -11px }
	#q-gb a, #q-pl a { width: 16px }
	#q-gb a { background-image: url('../images/gb.gif') }
	#q-pl a { background-image: url('../images/pl.gif') }

/* =menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#menu {
	background: url('../images/background.menu.gif') repeat-x;
	height: 42px;
	position: relative;
}

/* -main menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#main-menu {
	display: inline;
}
	#main-menu li {
		display: inline;
		float: left;
	}
	#main-menu a {
		background: url(../images/main-menu.a.bgg.gif) no-repeat top right;
		color: #f5f5f5;
		display: block;
		float: left;
		font-size: 1em;
		font-weight: bold;
		height: 27px;
		text-align: center;
		padding-top: 15px;
		text-decoration: none;
		text-transform: uppercase;
		width: 99px;
	}
	body #header #main-menu a:hover {
		color: #fff;
		text-decoration: none;	
	}
	#main-menu li.aktywne a {
		background-image: url(../images/main-menu.a.bgh.gif);
	
	}
	/*
	#m-1 a { background-position: 0 0 }
		#m-1 a:hover { background-position: 0 -42px }
	#m-2 a { background-position: -99px 0 }
		#m-2 a:hover { background-position: -99px -42px }
	#m-3 a { background-position: -198px 0 }
		#m-3 a:hover { background-position: -198px -42px }
	#m-4 a { background-position: -297px 0 }
		#m-4 a:hover { background-position: -297px -42px }
	#m-5 a { background-position: -396px 0 }
		#m-5 a:hover { background-position: -396px -42px }
	#m-6 a { background-position: -495px 0 }
		#m-6 a:hover { background-position: -495px -42px }
	#m-7 a { background-position: -594px 0 }
		#m-7 a:hover { background-position: -594px -42px }
	#m-22 a { background-position: 0 0 }
		#m-22 a:hover { background-position: 0 -42px }
	#m-23 a { background-position: -99px 0 }
		#m-23 a:hover { background-position: -99px -42px }
	#m-24 a { background-position: -198px 0 }
		#m-24 a:hover { background-position: -198px -42px }
	#m-25 a { background-position: -297px 0 }
		#m-25 a:hover { background-position: -297px -42px }
	#m-33 a { background-position: -396px 0 }
		#m-33 a:hover { background-position: -396px -42px }
	#m-34 a { background-position: -495px 0 }
		#m-34 a:hover { background-position: -495px -42px }
	#m-35 a { background-position: -594px 0 }
		#m-35 a:hover { background-position: -594px -42px }
	*/
		
/* -search panel
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#search-panel {
	position: absolute;
	left: 693px;
}
	#search-panel label {
	/*
		background: url('../pl/images/search.label.gif') no-repeat;
	*/
		display: block;
		float: left;
		height: 42px;
		overflow: hidden;
		text-indent: -99em;
		width: 79px;
	}
	
	#search-panel input {
		background: #fff url(../images/search.input.bg.gif) no-repeat;
		border: 0;
		float: left;
		font-size: 10px;
		margin: 14px 4px 0 0;
		padding: 1px 4px 3px 20px;
		width: 107px;
	}
	
	#search-panel button {
		background: url('../pl/images/search.button.gif') no-repeat;
		border: 0;
		display: block;
		float: left;
		height: 17px;
		margin-top: 14px;
		overflow: hidden;
		text-indent: -99em;
		width: 47px;
	}
	
/* =special offers
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#special-offers {
	background: url('../images/sof.bg.gif') repeat-x;
}
	#special-offers .wrapper {
		background: url('../images/bag.special.wrapper.gif') no-repeat;
		height: 167px;
		padding: 13px 0 0 0;
	}

#special-offers li {
	display: inline;
	float: left;
	margin: 0 13px 0 17px;
}

#special-offers img {
	height: 158px;
	width: 294px;
}

/* -stripe
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#stripe {
	background: url('../images/background.stripe.gif') repeat-x;
}
	#stripe .wrapper {
		background: url('../images/background.stripe.wrapper.gif') no-repeat;
		height: 60px;
	}

/* =content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content {
	background: url('../images/background.content.gif') repeat-x;
}

/* -main content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#main-content {
	overflow: auto;
	padding: 10px 10px 25px;
}

/* -breadcrumbs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#breadcrumbs {
	color: #3A4248;
	margin: 0 0 3em;
	overflow: auto;
}
#breadcrumbs a {
	color: #3A4248;
	text-decoration: none;
}
#breadcrumbs .last a {
	color: #A40000;
	text-decoration: underline;
}

#breadcrumbs li {
	background: url('../images/breadcrumbs.array.gif') right 6px no-repeat;
	float: left;
	margin-right: 8px;
	padding-right: 12px;
}
	#breadcrumbs li.last { background: none }
	
/* -sidebar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#sidebar {
	float: left;
	margin-right: 45px;
	overflow: auto;
	width: 201px;
}

#sidebar h3 {
	background: url('../pl/images/sidebar.gif') no-repeat;
	height: 21px;
	overflow: hidden;
	text-indent: -99em;
}

#sidebar li a {
	background: url('../images/sidebar.item.gif') left bottom no-repeat;
	color: #3A4248;
	display: block;
	padding: 5px 12px;
	text-decoration: none;
}
	#sidebar li a.active { color: #A40000 }

#sidebar li a span {
	background: url('../images/bullet.big.gif') 0 5px no-repeat;
	padding-left: 11px;
}

#sidebar li ul li a {
	padding-left: 30px;
}

#sidebar li.extend {
	background: #FAFAFA url('../images/sidebar.extend.gif') 187px 11px no-repeat;
}

#sidebar a:hover {
	color: #000;
	text-decoration: none !important;
}

/* -page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#page {
	float: left;
	padding-bottom: 1em;
	width: 100%;
}
body.sidebar #content .full-width {
	width: 100%;
}
#content .no-sidebar {
	float: none;
	margin: 0 auto;
}
.body {
	float: left;
	width: 720px;
}

body.sidebar #page {
	width: 695px;
}
body.sidebar .body {
	width: 459px;
}

#page h1 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 1em;
	text-transform: uppercase;
}

#page li {
	background: url('../images/bullet.gif') 0 6px no-repeat;
	margin-bottom: 1em;
	text-align: justify;
	text-indent: 1.5em;
}

#page p{
	margin-bottom: 1em;
	text-align: justify;
	text-indent: 1.5em;
}

/* -thumbnails
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#thumbnails {
	float: right;
	margin-left: 40px;
	height: 474px;
	overflow: hidden;
	width: 196px;
}
#thumbnails ul {
	overflow: hidden;
}

#thumbnails li {
	background: #EAEAEA url('../images/thumbnails.gif') top right no-repeat;
	color: #B30F21;
	display: block;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 5px;
	text-indent: 0;
	text-transform: uppercase;
}
	#thumbnails li:hover {	
		background: #EAEAEA url('../images/thumbnails.active.gif') top right no-repeat;
	}
	#thumbnails li a {
		background: url('../images/pdf.gif') right 0 no-repeat;
		color: #B30F21;
		display: block;
		height: 16px;
		padding-bottom: 1px;
		text-decoration: none;	
		width: 186px;
	}
	#thumbnails li strong {
		color: #3A4248;
	}

#thumbnails img {
	display: block;
	height: 91px;
	margin-bottom: 5px;
	width: 186px;
}

#thumbnails .jcarousel-container, #thumbnails {height: 335px}
#thumbnails .jcarousel-clip {height: 280px}

#thumbnails .jcarousel-prev, #thumbnails .jcarousel-next {
	background-image: url('../images/thumbnails.arrow.gif');
	background-repeat: no-repeat;
	display: block;
	height: 14px;
	margin: 0 0 20px 84px;
	overflow: hidden;
	text-indent: -99em;
	width: 22px;
}
#thumbnails .jcarousel-prev { background-position: 0 0 }
#thumbnails .jcarousel-next { 
	background-position: -22px 0;
	bottom: 0;
	margin: 20px 0 0 84px;
	position: absolute;
}

/* -services
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#services {
	background: url(../images/services.bgg.gif) no-repeat center top;
	clear: both;
	display: block;
	width: 100%;
} 
#services .wrapper {
	overflow: auto;
	width: 980px;
}
#services.iebg {background-image: url(../images/services.bgg.ie.gif)}

#services .box {
	display: inline;
	float: left;
	height: 169px;
	margin: 0 2px 0 7px;
	overflow: hidden;
	position: relative;
	padding: 4px 10px;
	width: 295px;
}
	#services .box.last { 
		margin-right: 0; 
		width: 302px;
	}
	#services .box.new { background: url('../pl/images/new.gif') top right no-repeat }
	#services .box.promotion { background: url('../pl/images/news.corner.bg.png') top right no-repeat }
	
#services h2 {
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 14px;
	margin-bottom: .8em;
	overflow: hidden;
	text-indent: -999em;
}

#services strong { color: #A40000 }
#services h4 { font-weight: bold }

#services li {
	background: url('../images/bullet.gif') 0 6px no-repeat;
	padding-left: 1.5em;
}

#services a.more, #services .description a {
	background: url('../images/more.gif') 0 2px no-repeat;
	bottom: 14px;
	color: #383839;
	font-size: .91em;
	height: 15px;
	padding-left: 15px;
	position: absolute;
	right: 10px;
}
#services .description a {
	margin-top: 5px;
}

#services .product {
	overflow: auto;
	margin: 1em 0;
}
#services .thumbnail {
	float: left;
}
#services .description {
	clear: right;
	float: right;
	width: 150px;
}
/* Headers */
h2#stamps {
	background-image: url('../pl/images/stamps.gif');
	width: 108px;
}
h2#recent-products {
	background-image: url('../pl/images/recent-products.gif');
	margin-bottom: 0px;
	margin-top: 9px;
	width: 103px;
}
h2#hot-promotion {
	background-image: url('../pl/images/hot-promotion.gif');
	background: url(../images/news.bg.png) no-repeat 0 0;
	margin-top: 5px;
	width: 84px;
}
	
/* =meta
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#meta {
	background: #F1F1F1 url('../images/background.meta.gif') repeat-x;
	position: relative;
}
#meta .wrapper {
	position: static;	
}

#meta .box {
	background: url('../images/background.meta.box.gif') no-repeat;
	float: left;
	height: 155px;
	padding: 50px 16px 10px;
	position: relative;
	width: 458px;
}
	#meta #contact.box {
		width: 457px;
	}

#meta h3 {
	height: 55px;
	margin-bottom: 1em;
	overflow: hidden;
	text-indent: -99em;
}

#meta a { color: #A40000 }
#meta a:hover { color: #000 }

#meta strong { color: #A40000 }

/* Partners */

#partners h3 {
	background: url('../pl/images/partners.png') no-repeat;
	margin-left: -11px;
	position: absolute;
	top: -12px;
	width: 468px;
}
	
#partners .informations p {
	background: url('../images/bullet.gif') 0 6px no-repeat;
	margin-bottom: 1em;
	text-align: justify;
	text-indent: 1.5em;
}

#partners .informations li {
	background: url('../images/bullet.gif') 0 6px no-repeat;
	padding-left: 1.5em;
}

#partners .informations {
	float: left;
	width: 200px;
}


#partners .logos {
	float: right;
	height: 160px;
	overflow: hidden;
	width: 230px;
}
#partners .jcarousel-container {
	width: 230px;
}
#partners .jcarousel-prev, #partners .jcarousel-next {
	background-image: url('../images/partners.arrow.gif');
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 160px;
	overflow: hidden;
	text-indent: -99em;
	width: 19px;
}
#partners .jcarousel-prev { background-position: 0 center; margin-right: 11px; }
#partners .jcarousel-next { background-position: -19px center; float: right !important; }
#partners .logos ul {
	float: left;
	width: 160px;
}
	#partners .logos li {
		display: block;
		float: left;
		height: 155px;
		text-align: center;
		width: 160px;
	}
	#partners .logos .jcarousel-clip {
		width: 160px;
	}

/* Contact */

#contact h3 {
	background: url('../pl/images/contact.png') bottom no-repeat;
	position: absolute;
	top: -12px;
	width: 472px;
}

#contact address {
	float: left;
	margin-bottom: 1.2em;
	width: 150px;
}
	#contact address span {
		display: block;
		width: 150px;
	}
	#contact address span.given-name {
		background: url('../images/hpsystems.png') no-repeat;
		height: 13px;
		overflow: hidden;
		text-indent: -99em;
		width: 68px;
	}

#contact #map {
	float: right;
}
	
#contact #fast-contact {
	background: url('../images/contact.gif') 0 0 no-repeat;
	clear: left;
	display: inline;
	float: left;
	height: 70px;
	margin-left: 25px;
	padding: 20px 0 0 50px;
	width: 200px;
}

/* =footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer {
	background: #323131;
	color: #FFF;
	font-size: .91em;
	overflow: auto;
	padding: 14px 0;
}
#footer .wrapper {
	clear: both;
	position: static;
}
#footer p {
	float: left;
}
#footer h5 {
	float: right;
	font-weight: normal;
}
#footer a {	
	color: #FFF;
	margin-left: 2px;
	text-decoration: none;
}
#footer a b {
	background: url('../images/bullet.gif') 0 6px no-repeat;
	font-weight: normal;
	margin-left: 2px;
	padding-left: 9px;
}
#page .catalog {
	width: 100%;
	text-align:center;
}
#page .catalog td, #page .catalog th {
	border-bottom: 1px solid #e1e0e0;
	padding: 10px 5px;
	vertical-align: middle;
}
#page .catalog th {
	border-bottom: 1px solid #a40000;
	color: #a40000;
	font-weight: bold;
}
#page .catalog a {
	color: #A40000;
}
#page table.catalog tr.odd td {
	background: #fafafa;
}
#main-content .siedziby {
	clear: both;
	margin: 15px 0;
	display: block;
	overflow: auto;
	width: 100%;
}
#main-content .siedziby .flaga {
	float: left;
	clear: left;
}
#main-content .siedziby .panstwo {
	color: #A40000;
	font-weight: bold;
	line-height:3em;
}
#main-content .siedziby .panstwo, #main-content .siedziby .adres, #main-content .siedziby .kontakt {
	margin-left: 70px;
}
#main-content .siedziby p {
	text-indent: 0;
}
#main-content .siedziby h3 {
  font-weight:bold;
	clear: both;
}