/* SPIS TREŚCI */
/*
Body i hacki - 1body
Top - 2top
Menu główne - 3mainMenu
Główny kontener - 4głównyKontener
Promo box strony głównej - 5promoBox
Promo box podstron - 6promoBox
Szary zaokrąglony boks (Newsletter, kontakt) - 7graybox
Footer - 8Footer
Typografia - 9Typo
Inputy - 10Inputs
*/
/*Hacks and main elements 1body */
input::-moz-focus-inner /*reset paddingu na buttonach w firefoxie*/
{
border: 0;
padding: 0;
}
body {
	padding: 0px;
	margin: 0px;
	background-color: #dfdfdf;
	background-image: url(../img/bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	color: #575757;
	text-align: left;
	font-size: 11px;
	font-family: Arial;
}
img {
	margin:0px;
	padding:0px;
	border:0px;
}
a {
	color:#474747;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
}
a:hover {
	color:#f5a202;
	text-decoration:none;	
}
div#wrapper {
	margin:0px auto;
	width:962px;
}
/* Top 2top */
div.top {
	float:left;
	width:962px;
	padding-top:20px;
}
a.topLogo {
	float:left;
	width:122px;
	height:111px;
	background-image:url(../img/logo.png);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0px;
	padding:0px;
	outline:none;
	border:none;
	margin-left:32px;
}
div.topGodziny {
	float:right;
	height:35px;
	min-width:130px;
	padding-right:130px;
	margin-right:16px;
	margin-top:12px;
	background-image:url(../img/godzinyTop_bg.png);
	background-position:top right;
	background-repeat:no-repeat;	
}
div.topGodziny p {
	float:left;
	margin:0px;
	padding:0px;
	font-weight:bold;
	font-size:12px;
	color:#767676;
	margin-top:13px;
}
/* Menu główne 3mainMenu */
ul.mainMenu {
	float:left;
	margin:0px;
	padding:0px;
	height:62px;
	width:962px;
	list-style:none;
	margin-top:-32px;
}
ul.mainMenu span.filler {
	background-image:url(../img/mainMenu_filler.png);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0px;
	padding:0px;
	height:62px;
	width:430px; /* Tą wartość należy zmieniać poprzez prosty kod w zależności od długości menu, więcej informacji tutaj: http://www.redditgadgetguide.com/r/web_design/comments/aqg7k/height_or_width_minux_px_css/ */
	float:left;
}
ul.mainMenu span.row {
	float:left;
	width:19px;
	margin:0px;
	padding:0px;
	height:62px;
	background-image:url(../img/mainMenu_bg.png);
	background-position:top left;
	background-repeat:no-repeat;	
}
ul.mainMenu span.right {
	float:left;
	width:11px;
	height:62px;
	background-image:url(../img/mainMenu_right.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	*margin-top:-16px;
	*margin-right:-12px;
	*float:right;
	z-index:100;
}
ul.mainMenu li {
	float:left;
	margin:0px;
	padding:0px;
	padding-left:12px;
	padding-right:12px;
	padding-top:18px;
	height:44px;
	background-image:url(../img/mainMenu_li.png);
	background-repeat:repeat-x;
	background-position:top left;	
}
ul.mainMenu li a {
	float:left;
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color:#474747;
	text-decoration:none;
}
ul.mainMenu li a span {
	float:left;
	width:0px;
	padding:0px;
	background-image:none;
}
ul.mainMenu li#current {
	float:left;
	margin:0px;
	padding:0px;
	height:62px;
	background-image:url(../img/mainMenu_li.png);
	background-repeat:repeat-x;
	background-position:top left;
	padding-right:33px;
}
ul.mainMenu li#current a {
	float:left;
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color:white;
	text-decoration:none;
	background-image:url(../img/currentLeft.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:40px;
	padding-left:33px;
	padding-top:14px;
	z-index:100;
	margin-top:4px;
	width:auto;
	overflow:visible;
}
ul.mainMenu li#current span {
	float:left;
	margin:0px;
	padding:0px;
	background-image:url(../img/currentRight.png);
	background-position:top left;
	background-repeat:no-repeat;
	width:33px;
	height:54px;
	margin-right:-33px;
	z-index:100;
	margin-top:4px;
}
/* Główny kontener 4głównyKontener */
div.transparentBox {
	float:left;
	width:951px;
	min-height:200px;
	background-image:url(../img/mainBg.png);
	background-repeat:repeat-y;
	background-position:top center;
	padding-left:11px;
}
div.transparentBox_down {
	float:left;
	width:962px;
	height:13px;
	background-image:url(../img/mainDown.png);
	background-repeat:no-repeat;
	background-position:top center;	
}
div.mainContent {
	float:left;
	width:951px;
	margin-bottom:64px;	
}
div.mainLeft {
	float:left;
	width:250px;
	margin-right:12px;
	min-height:50px;
	padding-top:4px;
}
div.mainRight {
	float:left;
	border-top:1px solid #d1d1d1;
	width:674px;
	min-height:50px;
	padding-top:6px;
}
div.mainRight div.columnLeft {
	float:left;
	width:180px;
	min-height:50px;
	margin-right:80px;
}

div.mainRight div.columnRight {
	float:left;
	width:412px;
	min-height:50px;
}
ul.subMenu {
	float:left;
	width:100%;
	list-style:none;
	margin:0px;
	padding:0px;	
}
ul.subMenu li {
	float:left;
	width:100%;
	border-bottom:1px solid #d8d8d8;
	height:38px;	
}
ul.subMenu li span {
	float:left;
	width:15px;
	border-bottom:1px solid #a0a0a0;
	height:38px;	
}
ul.subMenu li a {
	float:left;
	margin-left:18px;
	margin-top:12px;
	font-size:12px;
	font-family:Arial;
	color:#474747;	
}
ul.subMenu li a:hover {
	color:#242424;
}
ul.subMenu li a#current {
	float:left;
	margin-left:24px;
	margin-top:12px;
	font-size:12px;
	font-family:Arial;
	color:#f5a802;
	background-image:url(../img/subMenu_arrow.png);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:18px;	
}
div.mainRight h1 {
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color:#575757;
	background-image:url(../img/header_bg.png);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:20px;
	width:100%;
	float:left;
	*margin-top:6px;
	margin-bottom:4px;
}
div.mainRight p {
	float:left;
	width:100%;
	font-size:11px;
	font-family:Arial;
	font-weight:normal;
	color:#575757;
	margin-top:4px;
	*margin-bottom:18px;
}
/* Promo Box strony głównej 5promoBox */
div.bigYellow {
	float:left;
	height:441px;
	background-image:url(../img/bigYellow_left.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:22px;
	margin-top:-4px;
}
div.bigYellow div.content {
	float:left;
	width:895px;
	background-image:url(../img/bigYellow_mid.png);
	background-position:top left;
	background-repeat:repeat-x;
	height:441px;
}
div.bigYellow div.content img {
	float:left;
	margin:0px;
	padding:0px;
	margin-left:-16px;
	margin-top:6px;
	z-index:1;
	position:relative;
}
div.bigYellow div.right {
	float:left;
	height:441px;
	width:22px;
	background-image:url(../img/bigYellow_right.png);
	background-position:top left;
	background-repeat:no-repeat;
}
div.imageInfo {
	float:left;
	height:101px;
	background-image:url(../img/photoInfo_right.png);
	background-position:top right;
	background-repeat:no-repeat;
	margin-top:-101px;
	margin-left:-16px;
	z-index:10;
	position:relative;
	padding-right:21px;
}
div.imageInfo_right {
	float:left;
	height:83px;
	width:546px;
	background-image:url(../img/photoInfo_left.png);
	background-position:top left;
	background-repeat:no-repeat;
	z-index:10;
	position:relative;
	padding-left:360px;
	padding-top:20px;
}
div.imageInfo_right h1 {
	float:left;
	margin:0px;
	padding:0px;
	font-size:14px;
	font-family:Arial;
	text-transform:uppercase;
	color:white;
	width:100%;	
}
div.imageInfo_right p {
	float:left;
	margin:0px;
	padding:0px;
	margin-top:12px;
	font-size:11px;
	font-family:Arial;
	color:white;
	width:400px;
	overflow:hidden;	
}
div.imageInfo div.linkHold {
	float:right;
	width:80px;
	height:98px;
	margin-top:-34px;
	border-left:1px solid #363433;
	position:relative;
}
div.imageInfo div.linkHold a {
	float:left;
	width:45px;
	height:45px;
	background-image:url(../img/imageInfo_link.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	margin-top:28px;
	margin-left:28px;	
}
div.promoBonus {
	float:left;
	position:relative;
	width:296px;
	height:440px;
	z-index:20;
	margin-top:-458px;
	margin-left:36px;	
}
div.promoArrow_left {
	float:left;
	position:absolute;
	width:42px;
	height:81px;
	background-image:url(../img/arrowBG_left.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	margin-left:-64px;
	margin-top:112px;
	*margin-top:-204px;
	*margin-left:-396px;
}
div.promoArrow_left a {
	float:left;
	width:11px;
	height:16px;
	background-image:url(../img/arrow_left.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	margin-top:32px;
	margin-left:24px;
}
div.promoArrow_right {
	float:left;
	position:absolute;
	width:42px;
	height:81px;
	background-image:url(../img/arrowBG_right.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	margin-left:917px;
	margin-top:112px;
	*margin-top:-204px;
	*margin-left:585px;
}
div.promoArrow_right a {
	float:left;
	width:11px;
	height:16px;
	background-image:url(../img/arrow_right.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	margin-top:32px;
	margin-left:8px;
}
ul.yellowMenu {
	float:right;
	list-style:none;
	margin:0px;
	padding:0px;
	width:628px;
	height:86px;
	padding-left:300px;
	background-image:url(../img/yellowMenu_bg.png);
	background-position:top left;
	background-repeat:no-repeat;
	position:absolute;
	margin-top:310px;
	margin-left:-16px;
	*margin-top:-131px;
	*margin-left:-350px;
}
ul.yellowMenu li {
	float:right;
	height:86px;
	padding-left:16px;
	padding-right:16px;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color:#9b7100;
	text-transform:uppercase;	
}
ul.yellowMenu li a {
	float:left;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color:#9b7100;
	text-transform:uppercase;
	margin:0px;
	padding:0px;
	margin-top:46px;	
}
ul.yellowMenu li.active {
	float:right;
	height:86px;
	padding-left:16px;
	padding-right:16px;
	background-image:url(../img/yellowMenu_arrow.png);
	background-position:center 64px;
	background-repeat:no-repeat;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color:#9b7100;
	text-transform:uppercase;	
}
ul.yellowMenu li.active a {
	float:left;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color:#9b7100;
	text-transform:uppercase;
	margin:0px;
	padding:0px;
	margin-top:32px;	
}
ul.yellowMenu li#current {
	float:right;
	height:86px;
	padding-left:16px;
	padding-right:16px;
	background-image:url(../img/yellowMenu_arrow.png);
	background-position:center 64px;
	background-repeat:no-repeat;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color:#9b7100;
	text-transform:uppercase;	
}
ul.yellowMenu li#current a {
	float:left;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color:#9b7100;
	text-transform:uppercase;
	margin:0px;
	padding:0px;
	margin-top:32px;	
}
/* Promo Box podstron 6promoBox */
div.smallYellow {
	float:left;
	height:174px;
	background-image:url(../img/smallYellow_left.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:21px;
	margin-top:-4px;
}
div.smallYellow div.content {
	float:left;
	width:895px;
	background-image:url(../img/smallYellow_mid.png);
	background-position:top left;
	background-repeat:repeat-x;
	height:174px;
}
div.smallYellow div.content img {
	float:left;
	margin:0px;
	padding:0px;
	margin-left:-16px;
	margin-top:6px;
	z-index:1;
	position:relative;
}
div.smallYellow div.right {
	float:left;
	height:174px;
	width:22px;
	background-image:url(../img/smallYellow_right.png);
	background-position:top left;
	background-repeat:no-repeat;
}
div.promoBonus_small {
	float:left;
	position:relative;
	width:135px;
	height:200px;
	z-index:20;
	margin-top:-192px;
	margin-left:108px;	
}
div.smallYellow_head {
	float:left;
	width:249px;
	height:32px;
	overflow:hidden;
	background-image:url(../img/smallYellow_header.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin-top:-6px;
	padding-top:18px;
	padding-left:18px;
}
div.smallYellow_head a {
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#AC8400;
	text-shadow: #FFE595 0px 1px;
	margin:0px;
	padding:0px;	
}
div.breadcrumb {
	float:left;
	width:684px;
	height:28px;
	color:#474747;
	font-family:11px;
	font-family:Arial;
	padding-top:15px;	
}
div.breadcrumb p {
	color:#474747;
	font-family:11px;
	font-family:Arial;
	float:left;
	margin:0px;
	padding:0px;
	margin-right:8px;
}
div.breadcrumb a {
	color:#474747;
	font-family:11px;
	font-family:Arial;
	float:left;
	margin:0px;
	padding:0px;
	background-image:url(../img/bread_arrow.png);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right:12px;
	margin-right:8px;
}
div.breadcrumb a:hover {
	text-decoration:underline;	
}
div.breadcrumb a.last {
	color:#f5a202;
	background-image:none;
	margin:0px;
	padding:0px;
}
/* Szary zaokrąglony boks 7graybox */
div.grayBox {
	float:left;
	margin:0px;
	padding:0px;
	background-image:url(../img/grayBox_left.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:65px;
	width:854px;
	margin-top:-30px;
	margin-bottom:4px;
	padding-top:20px;
	padding-left:46px;
}
div.grayBox div.right {
	float:right;
	margin:0px;
	padding:0px;
	background-image:url(../img/grayBox_right.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:85px;
	width:42px;
	margin-right:-42px;
	margin-top:-20px;
}
div.grayBox .center {
	float:left;
	width:160px;
	margin-left:52px;
	margin-right:82px;
}
div.grayBox .center p {
	float:left;
	color:#7E7E7E;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	width:100%;
	margin:0px;
	padding:0px;
	margin-bottom:12px;
	text-align:right;	
}
div.grayBox .center img {
	float:right;
	margin-right:-34px;
	margin-top:-1px;
	*margin-top:-16px;
	*margin-left:8px;	
}
/* Footer 8Footer */
div.footer {
	float:left;
	width:962px;
	margin-top:16px;
}
div.footerLogos {
	float:left;
	width:958px;
	border-bottom:1px solid #cbcbcb;
	border-top:1px solid #cbcbcb;
	min-height:80px;	
}
div.footerLogos img {
	float:left;
	margin-top:18px;	
}
div.footerSub {
	float:left;
	width:962px;
	margin-top:28px;
	font-size:11px;
	font-family:Arial;
	color:#8e8e8e;	
}
/* Footer typografia */
div.footer a {
	color:#8e8e8e;
}
div.footer a:hover {
	color:#676767;	
}
div.footerSub p.left {
	float:left;
	margin:0px;
	padding:0px;
}
div.footerSub p.right {
	float:right;
	margin:0px;
	padding:0px;	
}

/* Typografia i buttony 9Typo */
div.yellowButton {
	float:left;
	height:50px;
	margin:0px;
	padding:0px;
	background-image:url(../img/yellowButton_left.png);
	background-position:top left;
	background-repeat:no-repeat;
}
div.yellowButton a {
	float:left;
	margin:0px;
	padding:0px;
	height:43px;
	font-size:12px;
	font-weight:bold;
	color:#ac8400;	
	text-shadow:0px 1px #ffe595;
	padding-left:24px;
	padding-top:14px;
}
div.yellowButton img {
	float:right;
	margin-left:8px;
	*visibility:hidden; /* były problemy z ustawieniem obrazków na tym buttonie w IE7 więc w tej przeglądarce jest niewidoczny */
	*margin:0px;
	margin-top /*\**/:-0px\9
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{ div.yellowButton img {margin-top:-15px;} }
div.yellowButton .right {
	float:right;
	height:50px;
	width:24px;
	margin:0px;
	padding:0px;
	background-image:url(../img/yellowButton_right.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin-right:-24px;
}
div.grayBox div.yellowButton .right {
	float:left;
	height:50px;
	width:24px;
	margin:0px;
	padding:0px;
	background-image:url(../img/yellowButton_right.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin-right:-24px;		
}
div.grayButton {
	float:left;
	height:50px;
	margin:0px;
	padding:0px;
	background-image:url(../img/grayButton_left.png);
	background-position:top left;
	background-repeat:no-repeat;	
}
div.grayButton a {
	float:left;
	margin:0px;
	padding:0px;
	height:43px;
	font-size:12px;
	font-weight:bold;
	color:#7e7e7e;
	text-shadow:0px 1px white;
	padding-left:24px;
	padding-top:14px;
}
div.grayButton .right {
	float:right;
	height:50px;
	width:24px;
	margin:0px;
	padding:0px;
	background-image:url(../img/grayButton_right.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin-right:-24px;	
}
div.grayBox div.grayButton .right {
	float:left;
	height:50px;
	width:24px;
	margin:0px;
	padding:0px;
	background-image:url(../img/grayButton_right.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin-right:-24px;		
}
/* Inputy 10Inputs */
input.whiteInput {
	float:left;
	height:28px;
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	background-color:transparent;
	padding-left:8px;
	margin-top:8px;
	margin-left:8px;
	color:#ababab;
	font-size:12px;
	font-family:Arial;
	*padding-top:6px;
	padding-top /*\**/:6px\9
}
@-moz-document url-prefix() { input.whiteInput { padding-top:6px; } }
input.whiteInput:focus {
	float:left;
	height:28px;
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	background-image:url(../img/smallInput_left.png);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:transparent;
	padding-left:8px;
	margin-top:8px;
	margin-left:8px;
	padding-top /*\**/:6px\9
}
@-moz-document url-prefix()
{
	input.whiteInput:focus {
		padding-top:6px;
	}
}
div.whiteInput_end {
	float:left;
	height:28px;
	width:9px;
	background-image:url(../img/smallInput_right.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	margin-top:8px;
}
div.inputNormal {
	float:left;
	height:32px;
	background-image:url(../img/inputRight.png);
	background-position:top right;
	background-repeat:no-repeat;
	padding-right:16px;
	margin-bottom:6px;
	margin-top:6px;
}
div.inputNormal input {
	float:left;
	height:32px;
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	background-image:url(../img/inputLeft.png);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:transparent;
	padding-left:24px;
	padding-top /*\**/:8px\9;
	font-family:Arial;
	font-size:11px;
	color:#919191;
}
@-moz-document url-prefix() { div.inputNormal input { padding-top:9px; } }
textarea.textNormal {
	float:left;
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	background-color:transparent;
	background-image:url(../img/inputBig.png);
	background-position:top left;
	background-repeat:no-repeat;
	width:346px;
	height:128px;
	padding-top:14px;
	padding-left:24px;
	padding-right:24px;
	padding-bottom:12px;
	font-family:Arial;
	font-size:11px;
	color:#919191;
	resize:none;
	margin-top:6px;
	margin-bottom:18px;
	overflow:auto;
}