@import url('koszyk.css');
html, body{height: 100%}
body{
	margin: 0px;
	text-align: center;
	font-family: "Trebuchet Ms",Verdana,Arial,serif;
	background-color:#EEF0F0;
	font-size:0.7em;
	background-image: url('images/1.png');
	background-repeat: repeat-x;
	background-position: top;
	color:#484E50;
	line-height: inherit;
	position: relative;
	height: 100%;
}
a{text-decoration: none;color:#484E50;font-weight: bold;}
a:hover{text-decoration: none;color:#395B93;font-weight: bold;}
.clear{clear: both;}
img{border: 0px;margin: 0;display: block;}
form,fieldset{margin: 0;display: inline;border: 0;}
p{line-height: normal;margin: 0;padding: 0;}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#logo{
	position: absolute;
	z-index: 2;
	top:10px;
	left:0px;
	width: 205px;
	height: 96px;
	display: inline;
	float: left;
}
img#text{
	position: absolute;
	z-index: 2;
	top:40px;
	left:200px;
}
.fl{display: inline;float: left;}
.fr{display: inline;float: right;}
div#main{
	width: 941px;
	display: block;
	margin: 0 auto;
	text-align: left;
	position: relative;
	z-index: 1;
	top:0%;
	left:0%;
}
#ip1{margin-right: 50px;}
div#lady{
	display: inline;
	float: right;
	position: absolute;
	z-index: 1;
	top:0%;
	right:0%;
}
div#welcome{
	display: inline;
	float: left;
	width:100%;
	background-image: url('images/6.jpg');
	background-repeat: no-repeat;
	background-position: top left; 
	position: absolute;
	z-index: 2;
	top:69px;
	left:0%;
	height: 500px;
}
div.witamy{
	display: block;
	width: 506px;
	color:#FFF;
	text-align: justify;
	padding-top: 125px;
}
div.dotto{display: block;clear: both;line-height: 1px;height: 1px;font-size:1px;background-image: url('images/dotto.gif');background-color: transparent;margin: 10px 0 10px 0;background-repeat: repeat-x;}
div#offer{
	display: block;
	clear: both;
	position: relative;
	z-index: 3;
	top:0%;
	left:0%;
	width: 100%;
}
div#offer_p{
	display: block;
	width: 506px;
	color:#FFF;
	text-align: justify;
	background-image: url('images/offer.gif');
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #637175;
	height: auto!important;
	height:360px;/*IE*/
	min-height:360px;
	margin-top: 140px;
}
#offer_p a{color:#FFF;}#offer_p a:hover{color:#FCF;}
div.offer{
	background-image: url('images/hdotto.gif');
	background-repeat: repeat-y;
	background-position: right;
	display: inline;
	float: left;
	padding-right: 20px;
	margin: 10px;
	width: 430px;
}
#offer img{
	background-color: #FFF;
	border: 1px solid #666;
	float: left;
	margin-right:15px;
	display: inline;
	background-image: url('images/loading.gif');
	background-position: center ;
	background-repeat: no-repeat;
}
#offer h1{
	line-height: 12px;
	font-weight: bold;
	display: block;
	border: 0;
	font-size:small;
	height: 10px;
	margin: 0 0 8px 0;
	padding: 0;
}
#offer p{
	text-align: justify;
	margin: 0;
	padding: 0;
	display: block;
}
div#menu{
	width: 899px;
	display: inline;
	float: left;
	height: 39px;
	background-image: url('images/m2.gif');
	position: relative;
	z-index: 3;
}
.padds{padding: 10px 20px 10px 20px;}
.padds h1{
	line-height: 12px;
	font-weight: bold;
	display: block;
	border: 0;
	font-size:small;
	height: 10px;
	margin: 0 0 8px 0;
	padding: 0;
	font-style: italic;
	color:white;
}
a.sc{color:white;font-weight: bold;font-style: italic;}
a.sc:hover{color:#FCF;font-weight: bold;font-style: italic;}
div.cena{font-weight: bold;color:#FFF;font-size:1.6em;color:#FCF;font-style: italic;text-align: center;}
div#koszyk{
	position: absolute;
	z-index: 3;
	top:10px;
	right:160px;
	text-align: center;
	font-size:1.1em;
}
#koszyk strong{font-weight: bold;font-style: italic;}
#koszyk a{font-weight: lighter;font-style: italic;}
a.print{display: inline;float: right;background: url('images/print.gif') no-repeat right;padding-right: 20px;font-size:0.8em;font-weight:lighter;color:#8E9496;}
a.print:hover{display: inline;float: right;background: url('images/print.gif') no-repeat right;padding-right: 20px;font-size:0.8em;font-weight:lighter;color:#54595A;}
.form{
	border: 1px solid #848687;
	background-color: #FFF;
	display: block;
	font-family: "Trebuchet Ms",Verdana,Arial,serif;
	margin: 1px;
	font-size:1.0em;
}
.sub{background-color: #848687;border: 0;color:white;padding: 0 10px 0 10px;display: block;margin: 3px;font-weight: bold;font-size:1.1em;}
div.photo{display: inline;float: left;margin: 0 10px 5px 0;text-align: center;font-size:0.9em;width: 158px;color:#A9A9A9;}
.photo img{border: 1px solid #4B5D64;background-color: #FFF;display: block;}
div.photo_shop{
	display: inline;
	float: right;
	margin: 0 0 0 10px;
	text-align: center;
	font-size:0.9em;
	width: 158px;color:#A9A9A9;
}
.photo_shop img{border: 1px solid #4B5D64;background-color: #FFF;display: block;margin: 0 auto;}
.add{
	display: block;
	width: 125px;
	height: 20px;
	padding-left:8px;
	background-image: url('images/add_shop.gif');
	text-align: center;
	color:white;
	padding-top: 6px;
	margin: 0 auto;
}
div#fotter{width: 100%;display: block;clear: both;margin: 0 auto;text-align: center; position: relative;margin-top: 35px;}
#fotter a{font-weight: lighter;font-size:0.8em;color:#8E9496;} 
#fotter a:hover{font-weight: lighter;font-size:0.8em;color:#54595A;}
.galeria{
	clear: both;
	display: block;
	background-image: url('images/dotto.gif');
	background-repeat: repeat-x;
	background-position:top;
	padding-top: 10px;
	width: 100%;
	padding-bottom: 5px;
	margin-top: 5px;
}
.galeria img{border: 1px solid #4B5D64;}
.galeria a{
	display: block;
	float: left;
	text-align: center;
	margin: 0 10px 10px 10px;
}
h1.prod{color:#FFC0F2;font-style: normal;}
img.oferta{
	display: block;
	float: none;
	margin: 0 auto;
	border: 1px solid #4B5D64;
} 
div.oferta{
	display: inline;
	float: left;
	margin: 0 25px 9px 25px;
	text-align: center;
	width: 172px;
}
#lista{margin: 0;padding: 0;list-style-type: circle;width: 45%;display: block;}
#lista li{border-bottom: 1px dotted #CBD0D2;}
#lista a{color:#FCF;}
#lista a:hover{color:#FFF;}
/*MENU+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#mm{list-style: none;margin: 0;padding: 0;}
#mm li, #mm a, #mm a:hover{float: left;display: inline-block;position: relative;z-index: 3;top:0%;left:0%;}
#mm li{
	background: url('images/separator.gif') repeat-y left;
	height: 36px;
	padding-left: 2px;
	display: block;
}
#mm a{
	font-size:1.2em;
	font-weight: bold;
	height: 27px;
	padding: 10px 8px 0 8px;
	background-image: url('images/m2.gif');
	display: block;
}
#mm a:hover{
	font-size:1.2em;
	font-weight: bold;
	height: 27px;
	padding: 10px 8px 0 8px;
	background-image: url('images/on.gif');
	color: #4F4F4F;
	display: block;
}
#mm0{
	position: absolute;
	z-index: 3;
	top:37px;
	background-color: #929A9E;
	left:2px;
	display: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
	
}
#mm0 li{
	float: none;
	display: block;
	width: 260px;
	margin: 0px;
	padding: 0px;
	min-height:20px;
   height:auto !important;
   height:20px;
	background-image: none;
	border-bottom:1px solid #80888B;
}
#mm0 li:hover{
	float: none;
	display: block;
	width: 260px;
	margin: 0px;
	padding: 0px;
	min-height:20px;
   height:auto !important;
   height:20px;
	background-image: none;
	background-color: #5B6366;
	border-bottom:1px solid #80888B;
}
#mm0 a{
	font-weight: bold;
	display: block;
	min-height:20px;
   height:auto !important;
   height:20px;
	background-image: url('images/dot.gif');
	background-position:left;
	background-repeat:no-repeat;
	padding: 0 10px 0 15px;	
	color:white;
	font-size:0.8em;
	margin: 0px;
}
#mm0 a:hover{
	font-weight: bold;
	display: block;
	min-height:20px;
   height:auto !important;
   height:20px;
	background-image: url('images/dot.gif');
	background-position:left;
	background-repeat:no-repeat;
	padding: 0 10px 0 15px;
	color:#FFC1DF;
	font-size:0.8em;
	margin: 0;
}
.mm1{
	position: absolute;
	z-index: 3;
	top:0px;
	background-color: #929A9E;
	left:260px;
	display: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
/*MENU+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/