@charset "utf-8";
/* CSS Document 4 yoobee.pl */

body {	
	margin: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #e5e6ea;
}
div {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
	margin: 0;
}
.clear {
	clear: both;
}

/* ---- KQS ----*/

.kolor-12 {
	color: #BD0000;
}
.pogrubienie {
	font-weight: bold;
}
/*--------------*/
#outerContainer {
	width: 100%;
	background-image: url(images/center_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
}

#top {
	width: 969px;
	height: 316px;
	margin: 0 auto;
	background-image: url(images/top_bg.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	text-align: left;
}
#top a {
	color: #FFF;
	text-decoration: none;
}
#top a:hover {
	text-decoration: underline;
}

#topMenu {
	float: left;
	margin-top: 90px;
	margin-left: 30px;
}
a#topMenuHome {
	color: #ffc600;
	font-weight: bold;
}
a#topMenuKatalog {
	padding-left: 25px;
	font-weight: bold;
}
a#topMenuPromocja {
	padding-left: 18px;
	font-weight: bold;
}
a#topMenuKontakt {
	padding-left: 15px;
	font-weight: bold;
}

#topMenuRight {
	float: right;
	margin-top: 75px;
	margin-right: 25px;
	color: FFF;
}
#topMenuRight a {
	width: 99px;
	height: 43px;	
	background-repeat: no-repeat;
	text-align: center;
	line-height: 43px;
	padding: 0 10px;
}

#container {
	width: 969px;
	margin: 0 auto;
	background-color: #353540;
	background-image: url(images/container_bg.jpg);
	background-repeat: no-repeat;
	padding-bottom: 5px;
	text-align: left;
}
span.headerText {
	padding-left: 45px;
}
/*--- left column ---*/
#leftColumn{
	width: 250px;
	float: left;
}

#kategorieContainer {
	padding-top: 5px;
}
#kategorieHeader {
	width: 234px;
	height: 33px;
	background-image: url(images/kategorieHeader.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	text-transform: uppercase;
	line-height: 33px;	
	font-weight: bold;
	font-size: 12px;
}
#kategorieHeaderText {
	padding-left: 45px;
	float:left;
}
#kategorieHeader a {
	display: block;
	float: left;
	padding-left: 5px;
	padding-top: 10px;
}
#kategorieHeader a {
	line-height: 33px;
}
#kategorie a .text {
	padding-left: 45px;
}
#kategorie a {
	display: block;
	width: 233px;
	height: 24px;
	color: #c29960;
	text-decoration: none;
	line-height: 24px;	
	background-image: url(images/kategorieLink.jpg);
	background-repeat: no-repeat;
	margin-top: 2px;
}
#kategorie a:hover {
	text-decoration: underline;
}

#znakowanie a {
	padding-left: 45px;
	width: 233px;
	height: 24px;
	color: #c29960;
	text-decoration: none;
	line-height: 24px;	
	margin-top: 2px;
}
#znakowanie a:hover {
	text-decoration: underline;
}

#koszyk {
	text-transform: uppercase;
	color: #FFF;
}
#koszykHeader {
	width: 235px;
	height: 93px;
	background-image: url(images/koszykHeader.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	text-transform: uppercase;
	line-height: 93px;	
	font-weight: bold;
	font-size: 12px;
}
#koszykHeaderText {
	padding-left: 105px;
}
#koszyk p {
	margin: 0;
	margin-left: 20px;
}
#koszyk p#koszyk1 {
	margin-left: 35px;
	margin-right: 45px;
	border-bottom: 1px solid #666;
}
#koszyk p#koszyk2 {
	margin: 5px 0 10px 35px;
	color: #999;
}
#koszyk .koszykLink {
	padding-bottom: 5px;
}
#koszyk .koszykLink a,
.wyszukiwarkaLink a {
	color: #c29960;
	text-decoration: none;
	text-transform: uppercase;
}
#koszyk .koszykLink a:hover,
.wyszukiwarkaLink a:hover {
	text-decoration: underline;
}

#wyszukiwarkaHeader,
#subskrypcjaHeader,
#producentHeader {
	width: 235px;
	height: 33px;
	background-image: url(images/blackHeaderLeft.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	text-transform: uppercase;
	line-height: 33px;	
	font-weight: bold;
	font-size: 12px;
}
#wyszukiwarkaHeaderText,
#subskrypcjaHeaderText,
#producentHeaderText {
	padding-left: 45px;
}
#wyszukiwarka {
	padding-top: 25px;
}
/*#wyszukiwarkaInput {
	width: 138px;
	background-image: url(images/szukaj_bg.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	border: 0;
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 8px;
	padding-bottom: 7px;
}*/
#wyszukiwarkaInput {
	width: 150px;
}
#subskrybcjaText {
	margin-left: 25px;
	margin-right: 35px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #666;
	text-align: center;
	color: #999;
}
#subskrypcjaMenu input,
#subskrypcjaMenu select,
#producentSelect select {
	background-color: #FFF;
	border: 1px solid #000;
}
select#selectSubskrypcja {
	background-color: #FFF;
	border: 1px solid #000;
}
input#submitSubskrypcja {
	background-color: #000;
	color: #FFF;
	border: 1px solid #000;
}

#produktDniaHeader {
	width: 235px;
	height: 33px;
	background-image: url(images/greenHeaderLeft.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	text-transform: uppercase;
	line-height: 33px;	
	font-weight: bold;
	font-size: 12px;
}
#produktDniaHeaderText {
	padding-left: 45px;
}
#produktDniaFoto {
	width: 235px;
	height: 215px;
	background-image: url(images/produktDnia_bg.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
}
#produktDniaFoto img {
	margin-top: 30px;
	margin-left: 0px;
}
#produktDniaNazwa {
	margin-top: 10px;
	margin-left: 35px;
	margin-right: 35px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #666;
	text-align: center;
	color: #999;
}
#produktDniaNazwa a {
	color: #999;
	text-decoration: none;
}
#produktDniaNazwa a:hover {
	text-decoration: underline;
}

#ogladaneHeader {
	width: 235px;
	height: 33px;
	background-image: url(images/blackHeaderLeft.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	text-transform: uppercase;
	line-height: 33px;	
	font-weight: bold;
	font-size: 12px;
}
#ogladaneHeaderText,
#kupowaneHeaderText {
	padding-left: 45px;
}

#kupowaneHeader {
	width: 235px;
	height: 33px;
	background-image: url(images/blackHeaderLeft.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	text-transform: uppercase;
	line-height: 33px;
	font-weight: bold;
	font-size: 12px;
}

#ogladane ol,
#kupowane ol {
	color: #FFF;
	padding: 0;
	margin: 10px 20px;
	list-style-position: inside;
}
#ogladane ol li,
#kupowane ol li {
	line-height: 20px;
	border-bottom: 1px solid #44434c;
}
#ogladane ol li a,
#kupowane ol li a {
	color: #c29960;
	text-decoration: none;
}
#ogladane ol li a:hover,
#kupowane ol li a:hover {
	text-decoration: underline;
}

/*--- central column ---*/
#wstep {
	text-align: center;
	margin: 0 15px 0 25px;
	padding-top: 25px;
	color: #999;
}
#wstep a {
	font-weight: bold;
	color: #E95C1F;
}
#wstep .strong {
	font-weight: bold;
	color: #FFF;
}
.sortowanie {
	/*background-image:url(images/sortuj_bg.jpg);
	background-repeat:repeat-x;*/
	height:61px;
}
.sortowanieInside {
	padding-top:13px;
}
#srodekColumn {
	width: 719px;
	float: left;
}

#centralColumn {
	float: left;	
}

#aktualnosci {
	width: 424px;
	padding-top: 25px;
	margin-left: 25px;
}
#aktualnosciHeader {
	width: 424px;
	height: 33px;
	background-image: url(images/aktualnosciHeader.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	text-transform: uppercase;
	line-height: 33px;	
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
}
#aktualnosciHeaderText {
	padding-left: 45px;
}
.news {
	width: 212px;
	float: left;
	padding-bottom: 10px;
}
.newsTitle {
	padding-left: 5px;
}
.newsTitle img {
	padding-right: 5px;
}
.newsTitle a {
	color: #FFF;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}
.newsTitle a:hover,
.newsWiecej a:hover {
	text-decoration: underline;
}
.newsDate {
	color: #8f91a7;
	padding-left: 23px;
}
.newsTresc {
	margin: 0;
	padding: 5px 5px 5px 23px;
	color: #999;
}
.newsTresc p {	
	margin: 0;
	margin-bottom: 5px;
}
.newsWiecej {
	padding-left: 23px;
}
.newsWiecej a {
	font-size: 10px;
	color: #c29960;
	padding-left: 5px;
	text-decoration: none;
}

#polecamy {
	width: 424px;
}
#polecamyHeader {
	margin-left: 25px;
	width: 424px;
	height: 33px;
	background-image: url(images/polecamyHeader.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	text-transform: uppercase;
	line-height: 33px;
	padding-left: 45px;
	font-weight: bold;
	font-size: 12px;
}
#polecamyTop {
	width: 449px;
	height: 39px;
	background-image: url(images/polecamyTop.jpg);
	background-repeat: no-repeat;
}
#polecamyContent {
	width: 424px;
	margin-left: 25px;
	background-color: #f2f3ed;
}
.polecamyProdukt {
	width: 190px;
	height: 152px;
	background-image: url(images/polecamyProdukt_bg.jpg);
	background-repeat: no-repeat;
	float: left;
	margin-left: 15px;
	margin-top: 15px;
	position: relative;
}
.polecamyNazwa {
	text-align: center;
	margin-top: 9px;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 4px;
	background-color: #FFF;
}
.polecamyNazwa a {
	text-decoration: none;
	color: #000;
	background-color: #FFF;
}
.polecamyFoto {
	margin-left: 8px;
	float: left;
}
.polecamyCeny {
	margin-top: 5px;
	margin-left: 13px;
	float: left;
	color: #FFF;
}
.polecamyCeny div {
	color: #FFF;
}
.polecamyKoszyk {
	position: absolute;
	top: 115px;
	left: 130px;
}

.polecamyCeny img,
.polecamyCeny form {
	margin-top: 5px;
	margin-left: 15px;
}
#polecamyBottom {
	width: 466px;
	height: 43px;
	background-image: url(images/polecamyBottom.jpg);
	background-repeat: no-repeat;
}

.katalogProdukt {
	width: 210px;
	height: 168px;
	background-image: url(images/katalogProdukt_bg.jpg);
	background-repeat: no-repeat;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
}
.katalogNazwa {
	text-align: center;
	margin-top: 11px;
	font-weight: bold;
	margin-left: 6px;
	margin-right: 5px;
	background-color: #FFF;
}
.katalogNazwa a {
	text-decoration: none;
	color: #000;
	background-color: #FFF;
}
.katalogFoto {
	margin-left: 15px;
	float: left;
}
.katalogCeny {
	margin-top: 7px;
	margin-left: 20px;
	float: left;
	color: #FFF;
}
.katalogCeny div {
	color: #FFF;
}
.katalogKoszyk {
	position: absolute;
	top: 125px;
	left: 150px;
}
.katalogCeny img,
.katalogCeny form {
	margin-top: 5px;
	margin-left: 15px;
}

/*--- right column ---*/
#rightColumn{
	width: 235px;
	float: right;
}

#promocjeHeader {
	width: 235px;
	height: 33px;
	background-image: url(images/promocjeHeader.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	text-transform: uppercase;
	line-height: 33px;
	margin-top: 25px;
	font-weight: bold;
	font-size: 12px;
}
#promocjeContent {
	width: 234px;
	margin-left: 1px;
	padding-top: 20px;
	padding-bottom: 5px;
	background-color: #FFF;
	background-image: url(images/promocjeContent_bg.jpg);
	background-position: top;
	background-repeat: no-repeat;	
}
.promocjaFoto {
	width: 95px;
	height: 95px;
	float: left;
}
.promocjaNazwa {
	width: 139px;
	text-align: center;
	float: left;
	padding-top: 10px;
}
.promocjaNazwa a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.promocjaNazwa a:hover,
.promocjaKup a:hover {
	color: #518b01;
}
.promocjaKup {
	width: 139px;
	text-align: center;
	float: left;
	padding-top: 10px;
	line-height: 23px;
}
.promocjaKup a {
	display: block;
	height: 23px;
	float: right;
	margin-right: 20px;
	/*color: #000;*/
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	line-height: 23px;
}
a.promocjaKupButton {
	margin-right: 0px;
}
.promocjaHr {
	margin: 5px 20px;
	border-top: 1px solid #f6f5f4;
}
#promocjeBottom {
	width: 234px;
	height: 6px;
	background-image: url(images/promocjeBottom.jpg);
	background-repeat: no-repeat;
	margin-left: 1px;
}

/*--- footer ---*/

#footer {
	width: 969px;
	height: 81px;
	margin: 0 auto;
	background-image: url(images/footer_bg.jpg);
	background-repeat: no-repeat;
	color: #505155;
	text-align: left;
}
#footer a {
	color: #505155;
}
#footer a:hover {
	color: #518b01;
}
#footerText {
	float: left;
	padding: 20px 15px;
}
#footerMenu {
	float: right;
	padding: 20px 15px;
}
#footerMenu a {
	padding-left: 10px;
}

/*--- podstrony ---*/
#rightHeader {
	float: right;
	width: 710px;
	height: 33px;
	background-image: url(images/rightHeader.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	text-transform: uppercase;
	line-height: 33px;
	margin-top: 25px;
	font-weight: bold;
	font-size: 12px;
}
#right {
	float: right;
	width: 710px;
	margin-left: 1px;
	padding-top: 20px;
	padding-bottom: 5px;
	background-color: #FFF;
	background-image: url(images/rightTop.jpg);
	background-position: top;
	background-repeat: no-repeat;	
}
#rightBottom {
	float: right;
	width: 710px;
	height: 6px;
	background-image: url(images/rightBottom.jpg);
	background-repeat: no-repeat;
	margin-left: 1px;
}

#right h1,
#right h2 {
	color: #e95c1f;
	margin-left: 20px;
}
#right h1 {
	font-size: 15px;	
}
#right h2 {
	font-size: 13px;	
}
#right p {
	margin-left: 20px;
}