
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial;
	font-size: 11px; 
    color: #4d4d4d;
    background: #d9e0e8 url('images/bg.gif') 0 248px repeat-x;
}

a img { border: 0px none;  }
a { text-decoration: none;}
a.white { color: #fff}
ul {list-style: none;}
p.title { color: #fff;padding-left: 23px;font-weight:bold;font-style:italic;font-family: Arial;font-size: 13px}
p.cena { color:red; text-align:right; }
#tlo_top {width: 100%;height: 248px; background: url('images/top_bg.gif') repeat-x }
#top { text-align: left; width: 1032px; height: 248px; background: url('images/top2.jpg') no-repeat; position:relative}
#log { 
	position:absolute;
	width:100px; 
	top: 70px;
	left: 800px;
	float: right; 
}
#log a {color: #515359;text-decoration: underline}
input.log { width: 187px; height: 19px; border:0; padding-left: 5px; padding-top: 3px; background: url('images/input_log.gif') no-repeat}
input.submit_log { width: 60px; height: 20px; border:0; color: #fff; cursor:pointer;background: url('images/submit_log.gif') no-repeat}
input.submit_left {	
	width: 60px; 
	height: 20px; 
	border:0;
	color: #fff;
	/*padding-top: 3px;*/ 
	text-align:center;
	cursor:pointer; 
	background: url('images/button.gif') no-repeat 
}
input.sn { width: 157px; height: 19px; border:0; padding-left: 5px; padding-top: 3px; background: url('images/input_sn.gif') no-repeat}

#koszyk {width: 140px; position:absolute; top: 128px; right: 255px; text-align: right; color: #22538a}
#koszyk a { color: #22538a;text-decoration: underline; font-weight: bold}
#kont_main { width: 1032px; background: url('images/kont_rep.gif') repeat-y; 
text-align:left; /* dla firefoxa */
}
#kont_main div.left { width: 16px; height: 192px; float: left; background: url('images/kont_left.gif') no-repeat left top} 
#kont_main div.right { width: 16px; height: 192px; float: right; background: url('images/kont_right.gif') no-repeat right top} 
#kont {
	width: 980px;
	
	padding-left:10px;
	padding-right:10px;
	overflow:hidden;
	background: #fff url('images/kont_bg.gif')
}

#kont_main div.bot2 { width: 1032px; height: 29px; font-size: 0; background: url('images/kont_bot.gif') no-repeat }

#lewa { width: 180px; float:left; text-align:left}
#srodek {width: 600px; margin-left: 9px; float: left; text-align:left}
#prawa {width: 180px; float: right; text-align:left}

#nav{ position:absolute; top: 220px; left: 20px; color: #fff}
#nav a{ color: #fff}
#box { 
	margin-top: 5px;
	padding-top: 3px; 
	width: 180px;
	background: url('images/box_top.gif') no-repeat top;
	font-size: 13px;
}
#box div.cont a:hover {
	text-decoration: underline;
}

#box div.cont {
	width: 170px;
	padding-top: 8px;
	padding-left: 8px;
	border-left: 1px solid #bfc1d8;
	border-right: 1px solid #bfc1d8;
 } 
#box div.cont a.prod_link {
	font-size: 13px;
}
#box div.cont a.prod_link:hover {
	text-decoration: underline;
}
 
#box div.bot {width: 180px; height: 4px; font-size: 0;background: url('images/box_bot.gif') no-repeat}

#box_big { 
	clear:both;
	padding-top: 8px; 
	width: 600px;
	background: url('images/box_top_big.gif') no-repeat top
}

#box_big div.cont {
	width: 598px;
	padding-top: 8px;
	
	border-left: 1px solid #bfc1d8;
	border-right: 1px solid #bfc1d8;
 }
#box_big div.bot {width: 600px; height: 4px; font-size: 0;background: url('images/box_bot_big.gif') no-repeat}

#box_big2 { 
	margin-top: 5px;
	padding-top: 3px; 
	width: 600px;
	background: url('images/box_top_big2.gif') no-repeat top
}

#box_big2 div.cont {
	width: 576px;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 12px;
	border-left: 1px solid #bfc1d8;
	border-right: 1px solid #bfc1d8;
 }
#box_big2 div.bot {width: 600px; height: 4px; font-size: 0;background: url('images/box_bot_big.gif') no-repeat}

#nag1 { width:415px; height:20px; padding-left:10px}
#foto1 { width:80px; height:80px; }
#opis1{ font-style:italic; font-size:12px; padding:5px; width:470px; height:70px;}

#polecane { width: 180px; height:190px; padding-top: 12px; border: 1px solid #cbd1d8; text-align:center;position:relative}
#polecane a {color: #fff}

#button { 
	position:absolute;
	top: 172px;
	left: 57px;
	width: 60px; 
	height: 17px; 
	padding-top: 3px; 
	margin-top: 6px; 
	cursor:pointer; 
	background: url('images/button.gif') no-repeat 
}

#button2 { 
	
	width: 60px; 
	height: 17px; 
	padding-top: 3px; 
	text-align:center;
	cursor:pointer; 
	background: url('images/button.gif') no-repeat 
}

div.ikony {width:200px; height:50px;}
div.ikona1 {float:left; width:50px; height:50px; background:url("images/l.jpg");}
div.ikona2{float:left; width:50px; height:50px; background:url("images/m.jpg");}
div.ikona3{float:left; width:50px; height:50px; background:url("images/n.jpg");}
div.ikona4{float:left; width:50px; height:50px; background:url("images/o.jpg");}

/*admin i formularze*/
#cont p.msg, #login p.msg {
	margin: 10px;
	padding: 3px;
	text-align: center;
	color: red;
	font-size: 13px;
	background-color: #DEEEFE;
	border: 1px solid #5284BD;
}
.admin label, .contact label {
	width: 60px;
	padding: 4px 0 0 0;
	display: block;
	float: left;
}

.login label{
	float: left;
	width: 60px;
	padding: 4px 0 0 0;
	display: block;
	color: white;
}
.contact label { width: 120px; }
.admin input, .admin textarea, .admin select.s, .contact input, .contact textarea {
	width: 450px;
	margin: 1px;
}
.admin textarea.edytor {
	width: 510px;
	height: 300px;
}
.contact input, .contact textarea { width: 370px; }
.login input {
	width: 200px;
	margin: 1px;
}
.admin .submit, .login .submit, contact.submit, .contact .submit {
	margin: 5px 0 0 64px;
}
.contact .submit { margin-left: 120px; }

input.nowidth, label.nowidth {
	width: auto;
	display: inline;
	float: none;
}

/* label required */
.r { font-weight: bold; }

