/* CSS Document */
HTML {
	width: 100%; 
	height: 100%
}
body {
    color : #000000;
	background: #006600 url(../../images/harpo/pasek_tlo.gif) repeat-x left top;
	
    height : 100%;
    width : 100%;
    margin : 0;
    padding : 0;
    font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
/*zmienny kolor*/	
.lead {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:15px;
	}	
.noresize { 
	 color: #333333;
	 background-color: #006600; 
	 
	 font-family: Verdana, Arial, sans-serif; 
	 font-size: 12px !important; 
	 font-weight: normal;
	}
.style1 {
	color:#ffffff;
	}

.container {
	color:#000000;
	background-color:#fff7d2;
	
	min-height:450px; 
	height:480px; 
	display:table;
	width:100%;
}	

/*lista*/
.bullet {
	padding:15px 15px 0px 0;
	width:200px;
	display:block;
}

.bullet h3 {
	color: #663300;
	background-color: #D0D3A0;	
	margin:0px;
	padding: 2px 0 2px 10px;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.bullet div{
	background-color:#f5edcc;
	
	border:1px solid #ccc;
	padding: 5px 10px 10px 20px;
	}
	
.bullet li {
	padding:1px;
	list-style-position:outside;
	list-style-type:square;
	}

.bullet p, a{ 
	color:#000000;
	
	font-weight: normal;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

/*promocja*/
.promo {
	padding:15px 15px 0px 0px;
	width:200px;
	display:block;
}

.promo h3 {
	color: #663300;
	background-color: #D0D3A0;	
	
	margin:0px;
	padding: 2px 0 2px 10px;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.promo h3.a {
	color: #663300;
	
	font-weight: bold;
	}

.promoframe {
	background-color:#f5edcc;
	
	border:1px solid #ccc;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.promo p { 
	color:#000000;
	
	font-weight: normal;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	}

.promo div {
	padding: 2px 2px 5px 3px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.promo a { 
	color:#000000;
	
	text-decoration:none;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

/*produkt tresc skrocona*/
.nazwakat {
	padding:15px 15px 0px 15px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.produkt {
	padding:15px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
 }
.produkt a{
	text-decoration:underline;
}
.produkt h3 {
	color: #663300;
	
	margin:0px 0px 8px 0px;
	padding: 2px 0 2px 0px;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #000000;
	 }
	 

.produkt_opis {
	padding:0 10px 0 10px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.produkt_btn{
	color: #663300;
	background-color: #D0D3A0;	
	
	font-size: 12px;
	border-bottom: 2px solid #928F67;
	border-top: 2px solid #E9E8CD;
	}

.produkt_dodaj {
	background-color:#f5edcc;
	border:1px dashed #663300;
	}

.produkt_cena {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
	
/*menu artykulow*/
.menu {
	padding:15px 15px 0px 0;
	width:150px;
	display:block;
	}

/* artykul*/
.artykul {
	color:#000000;

	padding: 5px 15px 5px 15px;
	font-size:12px;
}

.artykul h3{
	color: #660000;
	}

.text {
	font-size:12px;
	color:#000000;
	}	

/*koszyk skrocony*/

.koszyk_skr {
	padding:15px 15px 0px 0px;
	font-size:12px;
	width:200px;
	display:block;
	}

.koszyk_skr h3 {
	color: #663300;
	background-color: #D0D3A0;
	
	margin:0px;
	padding: 2px 0 2px 10px;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.koszyk_skr div{
	border:1px solid #ccc;
	background-color:#f5edcc;
	padding: 5px;
	text-align:center;
	}

/*koszyk*/
.koszyk {
	width:auto;
	font-size:12px;
	padding:15px;
	}

.koszyk h3 {
	color: #663300;
	background-color: #D0D3A0;
	
	margin:0px;
	padding: 2px 0 2px 10px;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.koszyk_naglowek td {
	color: #663300;
	background-color: #f5edcc;	
	
	padding:4px;
	border-bottom:2px solid #D0D3A0;
	border-top:2px solid #D0D3A0;
	}

.koszyk_pozycja td {
	color: #663300;
	
	padding:4px;
	border-bottom:1px solid #cccccc;
	}

.koszyk_suma td{
	color: #663300;
	padding:4px;
	border-bottom:2px solid #D0D3A0;
	background-color: #f5edcc;
}
/*zamowienie*/

.zamowienie {
	width:auto;
	font-size:12px;
	padding:15px;
	}
.zamowienie input{
	width:200px;
	}
.zamowienie h3 {
	color: #663300;
	background-color: #D0D3A0;	
	margin:0px;
	padding: 2px 0 2px 10px;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

	}

.dziekujemy {
	text-align:center;
	width:auto;
	font-size:12px;
	padding:15px;
	}

/*topMenu*/
.pageMenu {
	background-color: #D0D3A0;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top: 86px; 
	padding: 5px 0 6px 0;
	border-bottom: 2px solid #928F67;
	border-top: 2px solid #E9E8CD;
	}

.pageMenu a {
	color: #663333;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0 1% 0 1%;
	font-weight: bold;
	}
	
	/*lewa kolumna*/
.logo {
	position:absolute;
	top:0px;
	width:270px;
	height:112px;
	background-image: url(../../images/harpo/logo.gif);
	background-repeat: repeat-x;
	background-position: left top;
	}

.logo h2 {
	display:none;
	}

.braille {
	position:absolute;
	top:112px;
	width:270px;
	height:215px;
	background-image: url(../../images/harpo/braille.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	}

.left_menu {
	position:absolute;
	top:327px;
	}

.left_menu1 {
	position:absolute;
	top:327px;
	}
	
.left_menu2 {
	position:absolute;
	top:371px;
	}

.left_menu3 {
	position:absolute;
	top:415px;
	}

.left_menu4 {
	position:absolute;
	top:417px;
	}
	
.left_menu5 {
	position:absolute;
	top:447px;
	}
	
.left_menu a {
margin:0px;
padding:0px;
	}	

.switchStyle {
	position:absolute;
	top:480px;
	}


div.form_field {
clear:both;

width:750px;
border: 0px solid black;
position: relative;
padding-top:2px; 
padding-bottom:2px;
}
div.form_field label {
display:block;
float:left;
width:250px;
text-align: right;
padding-right: 5px;
}

div.form_field label.error{
		/*
		position:absolute;
		top:0px;
		right:15px;
		*/
		height: 20px;
		line-height: 20px;
		width: 160px;
}

div.form_field input {
float:left;
width:300px;
}
div.form_field select {
float:left;
width:300px;
}
div.form_field textarea {
float:left;
height:200px;
width:300px;
}
div.submit_button {
clear:both;
margin-left:350px;
text-align:left;
}


h4#haha{
		margin-top:50px;
		text-align: center;	
	}