@import "reset.css";

body {
	font-family: tahoma;
	font-size: 12px;
	color: #2b2b2b;
	line-height: 18px;
	background: #d5cfcf url(../img/bodybg.gif) repeat-x;

}
strong { font-weight: bold; }
#container { position:relative; width: 960px; margin: 0 auto; }
	#header {
		float: left;
		width: 960px;
		height: 180px;
		margin-top: 24px;
		position: relative;
		}
	#content {
		float: left;
		width: 960px;
		background: #ffffff;
		padding-bottom: 4px;
		}
		#content #lefta {
				float:left;
	      width: 33%;
	      display: inline;
				}
				#content #leftb {
				float:left;
	      width: 66%;
	      display: inline;
				}
		
		#contentb {
		float: right;
		width: 960px;
		background: #e4e4e4;
		padding-top: 10px;
    padding-bottom: 10px;
    
		}
		#bialy {
		float: left;
		width: 960px;
		background: #ffffff;
		padding-bottom: 10px;
		}
		
    #content #topic {
			float: left;
			width: 918px;
			height: 25px;
			background: url(../img/wherebg.gif) no-repeat;
			padding-left: 42px;
			padding-top: 16px;
			}
			
			h2, a.sign {
				color: #fff;
				font-size: 14px;
				font-family: Arial, Helvetica, Verdana,sans-serif;
				text-transform: uppercase;
				font-weight: bold;
				}
		#subpages {
			float: left;
			margin-left: 20px;
			display: inline;
			width: 616px;
			border-bottom: 1px solid #e4a2b0;
			padding-bottom: 10px;
			padding-top: 10px;
			}
			
			#subpages ul {
				float: left;
				padding-left: 22px;
				
				}
				#subpages ul li {
					float: left;
					}
					#subpages ul li a {
						float: left;
						font-family: Arial, Helvetica, Verdana, sans-serif;
						font-weight: bold;
						font-size: 14px;
						color: #201c1c;
						text-decoration: none;
						padding: 4px 7px;
						margin-right: 8px;
						}
						#subpages ul li a.act, #subpages ul li a:hover {
							background: #be2143;
							color: #fff;
							
							}
							#subpages2 {
			float: left;
			margin-left: 20px;
			display: inline;
			width: 616px;
			border-bottom: 1px solid #e4a2b0;
			padding-bottom: 10px;
			padding-top: 10px;
			}
			
			#subpages2 ul {
				float: left;
				padding-left: 22px;
				
				}
				#subpages2 ul li {
					float: left;
					}
					#subpages2 ul li a {
						float: left;
						font-family: Arial, Helvetica, Verdana, sans-serif;
						font-weight: bold;
						font-size: 14px;
						color: #201c1c;
						text-decoration: none;
						padding: 4px 7px;
						margin-right: 8px;
						}
						#subpages2 ul li a.act, #subpages2 ul li a:hover {
							background: #be2143;
							color: #fff;
							
							}
			#content #left {
				float: left;
				width: 593px;
				margin-left: 43px;
				display: inline;
				position: relative;
				}
				
				#logo {
					float: right;
			width: 570px;	
			margin-right: 20px;
			
					text-align: right;
		
					}
				.box {
					float: left;
					width: 593px;
					padding-top: 15px;
					border-bottom: 1px solid #e299aa;
					padding-bottom: 15px;
					}
					.box:last-child .box.last-child { border: none;}
					.box.last-child { border: none;}
					.box img {
						float: left;
						margin-right: 11px;
						}
					.box .head {
						float: left;
						width: 593px;
						padding-bottom: 10px;
						}
						.box .head a {
							float: left;
							font-weight: bold;
							font-family: Arial, Helvetica,  Verdana, sans-serif;
							font-size: 13px;
							color: #2b2b2b;
							text-decoration: none;
							}
							.box .head a:hover { text-decoration: underline;}
						.box .head span {
							float: right;
							font-weight: bold;
							font-family: Arial, Helvetica, Verdana, sans-serif;
							font-size: 14px;
							color: #2b2b2b;
							text-decoration: none;
							}
							
					a.more, a.back {
						float: right;
						margin-top: 0px;
						background: url(../img/amore.gif) no-repeat right;
						text-decoration: none;
						font-weight: bold;
						font-family: Arial, Helvetica, Verdana, sans-serif;
						font-size: 13px;
						color: #2b2b2b;
						padding-right: 20px;
						}
						a.more:hover, a.back:hover { text-decoration: underline;}
						a.back {
						clear: both;
							float: left;
							padding-right: 0px;
							padding-left: 20px;
							padding-bottom: 0px;
							margin-bottom: 0px;
							background: url(../img/aback.gif) no-repeat left;
							}

		#content #right {
			float: left;
			width: 263px;
			margin-left: 10px;
			display: inline;
			margin-top: -1px;
			}
			#right h3 {
				float: left;
				width: 250px;
				background: #e4e4e4;
				color: #424242;
				font-weight: bold;
				font-family: Arial, Helvetica, Verdana, sans-serif;
				font-size: 12px;
				padding: 7px;
				padding-right: 0;
				padding-left: 13px;
				}
			#right a.more { margin-top: 25px;}
			
	.poz {
				float: left;
				width: 263px;
				position: relative;
				border-bottom: 1px solid #dedede;
				height: 118px;			
				}
				.poz img {
					position: absolute;
					left: 3px; top: 18px;
					}
				.poz p {
					position: absolute;
					width: 115px;
					top: 28px;
					left: 130px;
					}
					.poz p a, a.black, a.green {
						display: block;
						color: #424242;
						font-weight: bold;
						font-family: Arial, Helvetica, Verdana, sans-serif;
						font-size: 12px;
						text-decoration: none;
						margin-bottom: 5px;
						}
						.poz p a:hover { text-decoration: underline;}
						
		#footer {
			float: left;
			width: 960px; height: 10px;
			position: relative;
			background: url(../img/footerbg.gif) no-repeat;
			}
			#footer a.sign {
				text-decoration: none;
				position: absolute;
				left: 42px;
				top: 6px;
				}
			#footer p {
				position: absolute;
				font-size: 12px;
				font-family: Arial, Helvetica, Verdana, sans-serif;
				font-weight: bold;
				color: #4d4848;
				left: 21px;
				top: 40px;
				}
			#footer ul {
				position: absolute;
				left: 700px;
				top: 23px;
				}
				#footer ul li {
					float: left;
					}
					#footer ul li a {
						float: left;
						background: url(../img/fotullia.gif) no-repeat right top;
						font-size: 12px;
						font-family: Arial, Helvetica, sans-serif;
						font-weight: bold;
						color: #4d4848;
						text-decoration: none;
						padding-top: 17px;
						padding-right: 15px;
						margin-right: 10px;
						}
						#footer ul li a:hover { text-decoration: underline;}
						
/* kalejdoskop , magazyn- zamow */

.sem {
					color: #2b2b2b;
					font-weight: bold;
					float: left;
					width: 100%;
					margin-top: 15px;
					margin-bottom: 15px;
					 }
				#content .form p {
					color: #2b2b2b;
					padding-top: 8px;
					}
				#left .col {
					float: left;
					width: 250px;
					}
					#left .two {
						width: 116px;
						display: inline;
						margin-left: 18px;
						}
					#left .three {
						width: 165px;
						display: inline;
						margin-left: 18px;
						}
					#left .col label {
						float: left;
						width: 228px;
						color: #2b2b2b;
						font-weight: bold;
						padding-left: 2px;
						padding-bottom: 5px;
						padding-top: 10px;
						}
					#left .col input, #left .col select {
						float: left;
						background: #cdcdcd;
						border: 1px solid #ebebeb;
						width: 223px;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						padding-left: 5px;
						}
						
						#left .two label {
							width: 100px;
						}
						#left .two input, #left .two select {
							width: 65px;
							}
							
						#left .three label {
							width: 120px;
							}
						#left .three input, #left .three select {
							width: 120px;
							}
							
					form.zamow {
						padding-top: 15px;
						float: left;
						}
						
						.confirm {
							float: left;
							width: 593px;
							padding-top: 30px;
						}
						.confirm a.more {
							margin-top: 38px;
							}
							
						.magazins .poz {
				height: 200px;
				}
				.magazins .poz p {
					width: 150px;
					}
				a.pdf {
					margin-top: 25px;
					background: url(../img/pdficon.gif) no-repeat 0px 2px;
					padding-left: 23px;
					color: #424242;
					font-weight: bold;
					font-family: Arial, Helvetica, Verdana, sans-serif;
					font-size: 12px;
					text-decoration: none;
					float: left;
					width: 130px;
					}
			
/* sklep kategorie */

			.where {
					font-size: 12px;
					font-weight: bold;
					color: #828282;
					float: left;
					margin-left: 7px;
					padding-top: 10px;
					display: inline;
					
				}
					.where a { color: #4f4f4f; text-decoration: none; }
					.where a.last-child { color: #2b2b2b; }
						.where a:hover { text-decoration: underline;}
			 ul.prods {
                   float: left;
                   width: 620px;
                   padding-top: 20px;
                   margin-left: -30px;
                   display: block;
                   padding-bottom: 50px;                          }
                   ul.prods li.beztla {
                       float: left;
                       margin: 42px;
                       margin-top: 0;
                       margin-right: 0;
                       display: inline;
                       width: 80px;
                       height: 100px;                         
							  border: 1px solid #cbcbcb;                                          }
ul.prods li.tlo {
                       float: left;
                       margin: 36px;
                       margin-top: 0;
                       margin-right: 0;
                       display: inline;
                       width: 88px;
                       height: 108px;                         
							       
							  background: url(../img/tlolisting.jpg) no-repeat bottom right ;
							  }

                       ul.prods li a {
                           width: 80px;
                           height: 100px;
                           float: left;
                           text-align: center;
                                                     display: table;
                           #position: relative;
                           overflow: hidden;
                           }
                           ul.prods li span {
                           #position: absolute;                            #top: 50%;
                           display: table-cell;
                           vertical-align: middle;
                               }
                   ul.prods li img {
                       width: 66px;
                       #position: relative;  #top: -50%
                       } 
								
						 
						 
	
						.foot {
							float: left;
							border-top: 1px solid #e4a2b0;
							width: 603px;
							padding-top: 10px;
						}
						
	#right form {
				float: center;
				width: 263px;
				
			
			}
				#right form div {
					float: left;
					border-bottom: 1px solid #dedede;
					width: 246px;
					padding-left: 17px;
					padding-bottom: 15px;
					}
					#right form input, #right form select {
						float: left;
						width: 157px;
						border: 1px solid #bfbfbf;
						}
						#right form select { width: 160px; }
				#right form label {
					color: #424242;
					font-weight: bold;
					font-family: Arial, Helvetica, Verdana, sans-serif;
					font-size: 12px;
					float: left;
					width: 75px;
					clear: left;
				}
					#right form label, #right form input, #right form select {
						margin-top: 7px;
						}
					#right form input.subl {
						float: right;
						border: 0;
						margin-top: 0px;
						background: url(../img/amore.gif) no-repeat right;
						text-decoration: none;
						font-weight: bold;
						font-family: Arial, Helvetica, Verdana, sans-serif;
						font-size: 13px;
						color: #2b2b2b;
						text-align: right;
						cursor: pointer;
						padding-right: 20px;
						}
						
						#rajt form {
				float: center;
				width: 300px;
				margin-left:50px;
			
			}
				#rajt form div {
					float: center;
					border-bottom: 1px solid #dedede;
					width: 246px;
					padding-left: 27px;
					padding-bottom: 15px;
					}
					#rajt form input, #rajt form select {
					
						width: 80px;
						border: 1px solid #bfbfbf;
						}
						#rajt form select { width: 160px; }
				#rajt form label {
					color: #424242;
					font-weight: bold;
					font-family: Arial, Helvetica, Verdana, sans-serif;
					font-size: 12px;
					float: left;
					width: 75px;
					clear: left;
				}
					#rajt label, #rajt form input, #rajt form select {
						margin-top: 7px;
						}
					#rajt form input.subl {
						float: left;
						border: 0;
						margin-top: 7px;
						background: url(../img/amore1.gif) no-repeat right;
						text-decoration: none;
						font-weight: bold;
						font-family: Arial, Helvetica, Verdana, sans-serif;
						font-size: 13px;
						color: #2b2b2b;
						text-align: right;
						cursor: pointer;
						padding-right: 20px;
						}
/* wizytowka */

	.text {
					float: left;
					width: 368px;
					display: inline;
					margin-left: 10px;
					padding-top: 0px;
					text-align: justify;
					}
					.text p {
						padding-top: 15px;
						
						}
					.text p a {
						color: #a61031;
						text-decoration: none;
						}
						.text p a:hover { text-decoration: underline;}
			.text1 {clear: both;
					float: left;
					width: 368px;
					display: inline;
					margin-left: 20px;
					padding-top: 20px;
					}
					.text1 p {
						padding-top: 15px;
						}
					.text1 p a {
						color: #a61031;
						text-decoration: none;
						}
						.text1 p a:hover { text-decoration: underline;}
					.photos1 {
					
					float: right;
					width: 180px;
					display: inline;
					margin-left: 20px;
					padding-bottom: 20px;
					padding-top: 35px;
					}
					.photos1 img {
					
						}
					.photos1 a {
						float: left;
						width: 180px;
						text-align: center;
						display: inline;
						margin-top: 11px;
						}
				.photos {
					
					float: right;
					width: 180px;
					display: inline;
					margin-left: 0px;
					padding-bottom: 20px;
					padding-top: 10px;
					}
					.photos img {
					
						}
					.photos a {
						float: left;
						width: 180px;
						text-align: center;
						display: inline;
						margin-top: 11px;
						}
/* newsletter */

#content .newslt {
	padding-top: 30px;

}
	#content .newslt a.more {
		float: left;
		}
		
		
		a.black, a.green {
			text-align: center;
			margin-top: 10px;
			}
			a.green { color: #0a7259; }
			
			.desc a.pdf {
				padding-bottom: 20px;
				}
				.desc ul  {
				list-style-type: disc;
				margin-left: 20px;
				}
/* kategorie */

ul.kats {
					float: left;
					width: 640px;
					display: inline;
					margin-left: -40px;
					margin-top: 25px;
					padding-bottom: 50px;
					}
					ul.kats li {
						display:inline;
float:left;
height:142px;
margin:0px 0pt 0pt 55px;
overflow:hidden;
text-align:center;
width:71px;
						}
ul.kats li.right {
display:inline;
float: right;
height:142px;
margin: 0;
margin-right: 10px;
overflow:hidden;
text-align:center;
width:71px;
}
						ul.kats li a {
							text-decoration: none;
							color: #424242;
							font-weight: bold;
							font-family: Arial, Helvetica, Verdana, sans-serif;
							font-size: 12px;
							}
							ul.kats li a:hover { text-decoration: underline;}
						
						
						.flash {
							width: 780px; 
							left: 175px;
							display: inline;
							top: 12px;
							vertical-align: top;
							position: absolute;
							}
							
								#header img {
			position: absolute;
			left: 0px; top: 0px;
			z-index: 0;
			}
			#header img.log {
				z-index: 100;
			
			}
							
/* o nas */

.logos {clear:both;
					float: left;
					padding-top: 15px;
					width: 195px;
					}
				.dane {
				margin-top: 0px;
					padding-top: 5px;
					padding-bottom: 30px;
					}
			
					.dane p {
						font-weight: bold;
						float: left;
						width: 400px;
						}
					.dane ul {
						float: left;
						width: 400px;
						padding-bottom: 10px;
						padding-top: 5px;
						}
						.dane ul li {
							padding-left: 10px;
							background: 
							url(../img/daneulli.gif) no-repeat 0 8px;
							}
		
					
					
				.where span {
					font-weight: bold;
					color: #000;
					}
				.dkont {
					float: left;
					display: inline;
					padding-left: 14px;
					padding-top: 5px;
					}
					.dkont strong {
						color: #ca0b3f;
						display: block;
						margin-top: 5px;
						}
					.dkont b { 
						font-weight: bold; 
						display: block; 
						margin-top: 12px; 
						padding-bottom: 3px;
						}
						ul.mapa-strony {
						clear: both;
						float: left;
						color: #2b2b2b;
						}
							ul.mapa-strony li {
						clear: both;
						float: left;
						color: #2b2b2b;
						}
						ul.mapa-strony li a,a:hover {
					 	text-decoration: none;
						color: #cdcdcd;
						}
						.box1 {
					float: left;
					width: 593px;
					padding-top: 15px;
					border-bottom: 1px solid #e299aa;
					padding-bottom: 15px;
					}
					.box1:last-child .box.last-child { border: none;}
					.box1.last-child { border: none;}
					.box1 img {
						
						margin-right: 11px;
						}
					.box1 .head {
						float: left;
						width: 593px;
						padding-bottom: 10px;
						}
						.box1 .head a {
							float: left;
							font-weight: bold;
							font-family: Arial, Helvetica, Verdana, sans-serif;
							font-size: 13px;
							color: #2b2b2b;
							text-decoration: none;
							}
							.box1 .head a:hover { text-decoration: underline;}
						.box1 .head span {
							float: right;
							font-weight: bold;
							font-family: Arial, Helvetica, Verdana, sans-serif;
							font-size: 14px;
							color: #2b2b2b;
							text-decoration: none;
							}
							
						
.komorowice {
                           
									
}
.width {height:33px;width: 593px;display:inline;}