/*OGOLNE*/

* {
	margin: 0;
	padding: 0
}

img {
	border: 0
}

a {
	text-decoration: none
}

ul, ol {
	list-style-type: none
}

body {
	background: white;
	font-size: 0.76em;
	font-family: Verdana, sans-serif
}

/*STRUKTURA*/

#tlo {
	background: url(/view/img/tlo.png) repeat-x;
	text-align: center
}

.centruj {
	width: 970px;
	text-align: left;
	margin: 0 auto;
}

#top {
	height: 275px;
	background: url(/view/img/top.png) no-repeat;
}

#lewo {
	float: left;
	width: 287px;
	background: url(/view/img/tlo_lewo.png) no-repeat
}

#prawo {
	width: 683px;
	float: right;
	background: url(/view/img/tlo_prawo_2.png) left repeat-y;
	font-size: 0.9em
}

#prawo_box {
	background: url(/view/img/tlo_prawo.png) top left no-repeat
}

#stopka {
	height: 112px;
	background: urL(/view/img/tlo_stopka.png) repeat-x;
	text-align: center
}

/*FORMS*/

/*input, textarea {
	border: 0
}*/

.form1 {
	width: 118px;
	height: 23px;
	background: url(/view/img/form1.png);
	float: left;
	color: #999999;
	font-size: 1.2em;
	padding: 7px 16px 0 16px
}

.form2 {
	width: 91px;
	height: 23px;
	background: url(/view/img/form1.png);
	float: left;
	color: #999999;
	font-size: 1.3em;
	color: #999999;
	font-size: 1.2em;
	padding: 7px 8px 0 16px;
	margin-left: 2px
}

#submit_login {
	width: 35px;
	height: 30px;
	background: url(/view/img/submit_login.png);
	float: left;
	cursor: pointer;
}

#form_szukaj {
	width: 174px;
	height: 22px;
	background: url(/view/img/form_szukaj.png);
	float: left;
	margin: 0 0 0 27px;
	padding: 8px 16px 0 16px;
	color: #999999;
	font-size: 1.1em;
	font-weight: bold
}

#submit_szukaj {
	width: 34px;
	height: 30px;
	background: url(/view/img/submit_szukaj.png);
	float: left;
	display: block;
	cursor: pointer;
}

#prod_select {
	margin-left: 27px;
	width: 240px
}

#form_newsletter {
	width: 174px;
	height: 22px;
	background: url(/view/img/form_newsletter.png);
	float: left;
	padding: 8px 16px 0 16px;
	color: #999999;
	font-size: 1.1em;
	font-weight: bold;
	margin-left: 17px
}

#submit_newsletter {
	width: 34px;
	height: 30px;
	background: url(/view/img/submit_newsletter.png);
	float: left;
	display: block;
	cursor: pointer;
}

.do_koszyka_blue {
	float: left;
	width: 96px;
	height: 27px;
	background: url(/view/img/do_kosza_blue.png);
	cursor: pointer;
}

.do_koszyka {
	float: left;
	width: 96px;
	height: 27px;
	background: url(/view/img/do_kosza.png);
	cursor: pointer;
}

.do_koszyka_big {
	background: url(/view/img/do_kosza_big.png);
	width: 266px;
	height: 39px;
	margin: 20px 0 0 29px;
	cursor: pointer;
}

#recenzje textarea {
	width: 274px;
	height: 150px;
	background: url(/view/img/dodaj_textarea.png);
	color: #999999;
	font-size: 1.1em;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	padding: 20px 15px;
	margin-bottom: 10px;
	overflow: auto
}

#form_rec {
	width: 249px;
	height: 23px;
	background: url(/view/img/form_rec.png);
	float: left;
	display: block;
	color: #999999;
	font-weight: bold;
	padding: 7px 7px 0 14px
}

#submit_rec {
	width: 34px;
	height: 30px;
	background: url(/view/img/submit_rec.png);
	float: left;
	display: block;
	cursor: pointer;
}

/*TOP*/

#top h1 {
	padding-left: 313px
}

#login {
	width: 443px;
	float: left;
	padding:40px 0 0 58px
}

#w_koszyku {
	padding-top: 40px;
	color: #999999;
	
}

#w_koszyku p {
	padding-top: 4px
}

#w_koszyku .przed {
	font-size: 1.2em;
	padding-left: 5px;
	float: left;
	display: block;
	font-weight: bold
}

#w_koszyku .suma {
	color: #f81600;
	font-size: 0.9em;
	padding: 4px 7px 0 14px;
	font-weight: bold;
	float: left;
	display: block
}

#w_koszyku .cena {
	font-size: 1.2em;
	float: left;
	display: block;
	font-weight: bold;
}

#w_koszyku .cena_small {
	font-size: 0.8em;
	float: left;
	display: block;
	padding-top: 1px
}

#w_koszyku .zl {
	font-size: 1.2em;
	float: left;
	display: block;
	font-weight: bold;
	padding-left: 4px
}

#login h2, #w_koszyku h2 {
	float: left
}

#login p, #w_koszyku p {
	float: left;
	width: 310px;
	padding-left: 10px
}

#login a, #w_koszyku p a {
	color: #0072d2;
	padding-left: 20px;
	background: url(/view/img/button_blue.png) left center no-repeat;
	float: left;
	display: block;
	margin-top: 7px;
	font-size: 0.9em;
	font-weight: bold;
	height: 14px;
	font-size: 0.9em
}

#login a:hover, #w_koszyku p a:hover {
	color: #0087F6;
	text-decoration: underline
}

#login a.nowy {
	margin-right: 11px
}

#w_koszyku .zobacz {
	margin-top: 14px;
	display: block;
	float: left;
	display: block;
	width: 200px
}

#nav_g {
	margin: 7px 0 0 26px
}

#nav_g li {
	float: left
}

/*LEWO*/

#wyszuk {
	margin-bottom: 1px
}


#kategorie {
	margin-top: 28px
}

#menu {
	margin-top: 4px
}

#menu li a {
	width: 242px;
	height: 27px;
	display: block;
	background: url(/view/img/menu_blue.png);
	margin-left: 25px;
	margin-bottom: 1px;
	padding: 11px 0 0 18px;
	color: #ffcc00;
	font-size: 1.2em;
	font-weight: bold
}

#menu li a:hover {
	text-decoration: none;
	color: #FF8F06
}

#menu li a.pom {
	background: url(/view/img/menu_orange_big.png);
	color: white
}

#menu li a.pom:hover {
	color: #E3E3E3
}

#menu li li a {
	width: 234px;
	height: 23px;
	background: url(/view/img/menu_orange.png);
	margin-bottom: 1px;
	padding: 8px 0 0 27px;
	color: white;
	font-size: 1em;
}

#menu li li a:hover {
	color: #E3E3E3;
	text-decoration: none
}

#menu li li ul {
	margin: 8px 0
}

#menu li li li a {
	color: #0072d2;
	font-size: 0.9em;
	height: 14px;
	width: 165px;
	margin: 10px 0 6px 40px;
	background: url(/view/img/button_blue2.png) left center no-repeat;
	padding: 0 0 0 21px;
}

#menu li li li a:hover {
	color: #0087F6;
	text-decoration: underline
}

#producenci {
	margin: 20px 0 10px 0
}

#newsletter {
	width: 278px;
	height: 168px;
	background: url(/view/img/newsletter_tlo.png);
	margin: 15px 0 15px 4px
}

#newsletter p.opis {
	height: 54px;
	color: white;
	font-size: 0.9em;
	margin: 5px 17px 0 17px
}

/*PRAWO*/

#okruszki {
	color: #999999;
	padding: 10px 0 15px 15px
}

#okruszki span {
	font-weight: bold
}

#okruszki a {
	color: #999999;
	padding-right: 0px;
	margin-right: 0;
	/*background: url(/view/img/strz_gray.gif) right center no-repeat*/
}

#okruszki a:hover {
	color: black;
	text-decoration: underline
}

#prawo h2 {
	color: #ff0000;
	padding: 0 0 16px 45px;
	font-size: 1.6em;
	font-weight: normal
}

.item_blue {
	width: 612px;
	margin-left: 45px;
	background: url(/view/img/item_blue.png)
}

.item_blue_top {
	background: url(/view/img/item_blue_top.png) top no-repeat;
	padding-top: 15px
}

.item_blue_bottom {
	background: url(/view/img/item_blue_bottom.png) bottom no-repeat;
	padding-bottom: 20px
}

.item_blue_left {
	width: 206px;
	text-align: center;
	float: left;
	padding-bottom: 10px;
}

.item_blue_right {
	margin-left: 206px;
	padding: 0 20px 0 20px
}

.item_blue h3 {
	font-size: 1.3em;
	margin: 0 0 20px 26px;
	color: #0072d2
}

.item_blue h3 a, .item h3 a {
	color: #0072d2
}

.item_blue h3 a:hover, .item h3 a:hover {
	color:  #0087F6;
	text-decoration: underline
}

.item_blue h3 span, .item h3 a span {
	font-weight: normal;
	padding-left: 15px
}

.item_blue h4, .item h4, .prod h4 {
	color: #666666;
	font-size: 1em;
	margin-bottom: 9px
}

#prawo p.opis, #prawo p.dostepny  {
	color: #666666;	
	margin: 9px 0 18px 0
}

#prawo p.dostepny span {
	font-weight: bold
}

#prawo .cena_old {
	float: left;
	width: 55px;
	color: #999999;
	font-size: 1.4em;
	text-decoration: line-through;
	padding-top: 10px
}

#prawo .normal {
	float: left;
	display: block
}

#prawo .small {
	float: left;
	display: block;
	font-size: 0.7em
}

#prawo .cena_n {
	float: left;
	font-size: 2.5em;	
	color: #ff9900;
	width: 124px
}

#prawo .pelny {
	float: left;
	padding-right: 3px
}

#prawo h2.szary {
	color: #999999;
	padding: 15px 0 10px 45px;
}

.linia_blue {
	height: 15px;
	background: url(/view/img/linia_blue.png);
	overflow: hidden;
	margin-left: 45px;
	width: 612px;
}

.item {
	width: 612px;
	border-bottom: 1px solid #d2eff7;
	margin: 12px 0 20px 45px
}

.item_box {
	background: url(/view/img/item.png) left repeat-y;
}

.item_left {
	width: 206px;
	text-align: center;
	float: left;
	padding-bottom: 10px;
}

.item_right {
	margin-left: 206px;
	padding: 0 20px 0 20px
}

#prawo .item h3 {
	background: url(/view/img/item_znak.png) left center no-repeat;
	padding: 5px 0 0 46px;
	height: 25px;
	font-size: 1.3em;
	margin: 0 0 20px 0px;
	color: #0072d2
}

#prawo_dol {
	height: 34px;
	background: url(/view/img/prawo_dol.png);
	width: 661px;
	margin-left: -4px
}

#prawo_dol a {
	margin-left: 284px
}

/*STOPKA*/

#nav_dol {
	width: 918px;
	height: 54px;
	background: url(/view/img/nav_dol.png);
	margin-left: 26px
}

#nav_dol li {
	float: left;
	display: block;
	width: 153px;
	text-align: center;
	padding-top: 25px
}

#nav_dol a {
	font-size: 1.1em;
	padding-left: 10px;
	background: url(/view/img/strz_yellow.gif) left center no-repeat;
	color: #ffca00;
	font-weight: bold;
	padding-bottom: 2px
}

#nav_dol a:hover {
	text-decoration: underline;
	color: #ffca00
}

#copy {
	color: #0060be;
	float: left;
	padding: 15px 0 0 46px;
	font-size: 0.9em
}

#sunweb {
	float: right;
	padding: 15px 45px 0 0;
	font-size: 0.9em
}

#sunweb span {
	float: left;
	display: block;
	margin-top: 3px
}

#sunweb img {
	float: left;
	margin-left: 5px
}

#sunweb a {
	color: #0060be
}

#sunweb a:hover {
	text-decoration: none;
	color: #0060be
}

/*ROZNE*/

.clear {
	clear: both
}

.skip {
	height: 1px;
	margin-top: -1px;
	overflow: hidden
}

/*KATEGORIA*/
#prawo h2.szary_big {
	color: #999999
}

.podstrony {
	float: right;
	margin-top: -30px;
	padding-right: 38px;
	color: #999999;
	font-size: 1.1em
}

.podstrony .podstrony_nag {
	padding-right: 10px
}

.podstrony .podstrony_nag, .podstrony li {
	float: left
}

.podstrony li span {
	padding: 0 10px
}

.podstrony li span.pod_akt {
	padding: 0;
	font-weight: bold
}

.podstrony li.g {
	padding-right: 10px
}

.podstrony a {
	color: #999999
}

.podstrony a:hover {
	color: black;
	text-decoration: underline
}

/*PRODUKT*/

.prod {

}

.prod_lewo {
	width: 296px;
	text-align: center;
	float: left;
	padding-top: 20px
}

.prod_prawo {
	margin-left: 296px;
	width: 294px;
}

.prod_lewo img {
	margin-bottom: 15px
}

.prod_prawo_box {
	border-left: 1px solid #e4f6fa;
	border-bottom: 1px solid #e4f6fa;
	float: left;
	display: block;
	padding: 20px 0 20px 29px
}

.prod_linia {
	height: 1px;
	overflow: hidden;
	background: #e4f6fa;
	margin: 20px 0
}

.prod_prawo h3 {
	color: #999999;
	font-size: 1.2em;
	line-height: 1.3em
}

.prod .cena_n {
	width: 150px;
}

.vat {
	float: left;
	display: block;
	font-size: 0.4em;
	padding: 1.6em 0 0 5px
}

#recenzje {
	width: 612px;
	margin: 20px 0 30px 45px;
}

.rec {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e4f6fa
}

.rec h3 {
	color: #999999;
	font-size: 0.8em;
	font-weight: normal
}

.rec span {
	color: #666666;
	font-size: 1.7em;
	font-weight: bold
}

.rec p {
	margin: 10px 0;
	color: #666666;
}

.rec p.rec_kiedy {
	color: #999999;
	font-size: 0.8em;
	margin: 0 0 10px 0
}

.rec_kiedy span {
	color: #666666;
	font-size: 1.4em;
	font-weight: bold
}

#rec_dodaj h3 {
	color: #666666;
	font-size: 1.3em;
	margin: 20px 0 15px 0
}

/* dodane Marcin Dunajko */

.uwaga {
	margin-right:10px;
	color:red;
	text-align:center;
	font-weight:bold;
	font-size:11px;
}

.tytul {
	font-size:14px;
	font-weight:bold;
	margin-left:0px;
	margin-bottom: 20px;
	margin-top: 5px;
}

.tekst {
	color:#000000;
}
#tab_menu_nieaktywne {
	background: #F5F5F5;
	color: #666;
}

#tab_menu_aktywne{
	background: #F5F5F5;
}

#tab_menu_aktywne a{
	text-decoration: underline;
	color: #0072d2;
}

#tab_menu_aktywne a:hover{
	text-decoration: none;
	color: #0087F6;
}

.linkk a{
	text-decoration: none;
	color: #0072d2;

}

.linkk a:hover{
	text-decoration: underline;
	color: #0087F6;
}

.validation-advice {
	margin: 5px 0;
	padding: 2px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
	font-family:Tahoma;
	font-size:11px;
}
