@charset "utf-8";

/* CSS Document */
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin: 0;
	padding: 0;
	text-align: center; 
	color:#000000;
	background-image:url(images/background.jpg);
}

h1,h2,h3 {
font-size:12px;
}
h3{
font-weight:normal;
}


a {
   text-decoration: none;
   color: #FFF;
   cursor:pointer;
}

a img {
  border: none;
  cursor:pointer;
}

ul a{
color:#FFFFFF;
cursor:pointer;

}


label {
	line-height: 1.1;
	text-align: right;
	width: 350px;
	margin: 0px;
	float:left;
}

input{
	margin-bottom:5px;
	margin-top:3px;
}


fieldset{
	border:0px;
	background-image:url(images/zam_tlo.jpg);
}


#alert_box{

	display:none;
	position:absolute;
	background-color:#eeeeee;
	width:90%;
	height:auto;
	left:20px;
	top:180px;
	border:1px solid gray;
	padding:0;
}

.alert_box_text {
	width:90%;
	border:1px solid gray;
	padding:15px;
	margin:25px;
}

.alert_box_toolbar {
	background-color:#F00C14;
	height:15px;
	text-align:right;
	width:100%;
}

.alert_box_toolbar a{
	padding:0px 15px 0px 0px;
}

#container {
	width: 978px;
	height: auto;
	text-align: left;
	margin: 0 auto;
} 

.button {
background-image:url(images/button.png);
cursor:pointer;
width:103px;
height:22px;
}

.smalltext{
	font-size:8px;
}

.mediumtext{
	font-size:11px;
}


.tlo {background:#fff; color:#000; font-weight:bold;}
.p1 { margin:0px 5px; height:1px; overflow: hidden; font-size: 0px; }
.p2 { margin:0px 3px; height:1px; overflow: hidden; font-size: 0px; }
.p3 { margin:0px 2px; height:1px; overflow: hidden; font-size: 0px; }
.p4 { margin:0px 1px; height:2px; overflow: hidden; font-size: 0px; }
.srodek { padding:0px 10px; }

.zamowienie{

padding-left:30px;
padding-right:30px;
}

.zamowienie_lista {
background-image:url(images/zam_tlo.jpg);
width:908px;
margin-left:5px;
padding:0px 0px 0px 3px;
}

 

#footer {
margin:5px 5px 5px 5px;
	padding: 5px 0 3px 0;
	background-image:url(images/layout_28.png);
	background-repeat: no-repeat;
	background-position: top center;
	height: 24px;
	width: 976px;
	font-size: 9px;
	text-align: center;
	color: #FFFFFF;
} 

#footer p {
	margin: 0; 
	padding: 10px 0; 
}

.fltrt { 
	float: right;
	margin-left: 8px;
}

.fltlft { 
	float: left;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#header {
	height:216px;
	width:977px;
}

#header_01 {
	background-image:url(images/layout_03.png);
	background-repeat:no-repeat;
	height:216px;
	width:24px;
	float:left;
}

#header_02 {
	height:13px;
	width:925px;
	float:left;
}

#header_02_01 {
	background-image:url(images/layout_04.png);
	background-repeat:no-repeat;
	height:13px;
	width:926px;
}

#header_02_02 {
	height:139px;
	width:925px;
}

#header_02_02_01{
	background-image:url(images/layout_07.jpg);
	background-repeat:no-repeat;
	height:139px;
	width:269px;
	float:left;
}

#header_02_02_02{
	background-image:url(images/layout_08.jpg);
	height:139px;
	width:397px;
	float:left;
}

#header_02_02_03{
	background-image:url(images/layout_09.jpg);
	background-repeat:no-repeat;
	height:139px;
	width:259px;
	float:right;
}

#header_02_03 {
	background-image:url(images/layout_10.png);
	background-repeat:no-repeat;
	height:32px;
	width:925px;
}

#header_02_04 {
	background-image:url(images/layout_11.png);
	background-repeat:no-repeat;
	height:23px;
	width:925px;
}

#header_02_05 {
	height:9px;
	width:925px;
}

#header_03 {
	background-image:url(images/layout_05.png);
	background-repeat:no-repeat;
	height:216px;
	width:28px;
	float:right;
}

 #kontakt {
	float:left;
	height:auto;
	width:923px;
	padding: 0px 0px 0px 25px;
 
 }

#kontakt_1{
	float:left;
	width: 720px;
	height: auto;
	
	
	}
	
	#kontakt_1_1{
	float:left;
	height:auto;
	width: 710px;
	
	}
	
	#kontakt_1_2{
	float:left;
	height:200px;
	width:718px;
	
	}


	
#kontakt_2{
	float:right;
	height:auto;
	width:200px;
	text-align: center;
	
	}

#product {
	float:left;
	height:auto;
	width:810px;
	}
	

	


.product_01{
	background-repeat:no-repeat;
	height:13px;
	width:810px;
	background-image: url(images/layout_13.png);
	}
	
.product_02{
	height:100%;
	width:810px;
	margin-bottom:10px;
	}
	
.product_02_01{
	height:215px;
	width:23px;
	float:left;
	}
	
.product_02_02{
	background-image:url(images/layout_18.png);
	background-repeat:no-repeat;
	height:215px;
	width:778px;
	float:left;
	}
	
.product_02_02_foto{
	background-repeat:no-repeat;
	height:209px;
	width:258px;
	float:left;
	margin-top:4px
		}
.product_02_02_01{
	width:515px;
	height:209px;
	float:left;
	}
	


.product_02_02_towar{
	font-weight:bold;
	background-image: url(images/opis.png);
	background-repeat:no-repeat;
	width:510px;
	height:25px;
	margin-top:5px;
	padding: 10px 1px 1px 5px;
	}	
	

	
		
.product_02_02_opis{
	padding: 3px 3px 3px 3px;
	width:505px;
	height:115px;
	float: none;
	

	}
	
.product_02_02_zakup{
	width:515px;
	height:38px;
	}
	
	
.product_02_02_cena{
	font-weight:bold;
	padding: 5px 1px 1px 2px;
	margin-top:5px;
	background-repeat:no-repeat;
	background-image:url(images/cena.png);
	width:105px;
	height:26px;
	float: left;
	}
	
	.product_02_02_konfigurator{
	font-weight:bold;
	padding: 0px 1px 0px 5px;
	background-repeat:no-repeat;
	width:136px;
	height:38px;
	float: left;
	}
	
.product_02_02_cena a{
	color:#000000;
	}
	

	
.product_02_02_galeria{
	padding: 5px 1px 1px 5px;
	margin-top:5px;
	width:40px;
	height:26px;
	float: right;
	}	
	
.product_02_02_kolornik{
	padding: 5px 1px 1px 5px;
	margin-top:5px;
	width:40px;
	height:26px;
	float: left;
	}	
	
	
.product_02_02_do_koszyka{
	width:112px;
	height:38px;
	float: left;
	margin: 0px 0px 0px 15px;
	}	
	
.product_02_02_do_pobrania{
	padding: 5px 1px 1px 5px;
	margin-top:5px;
	width:40px;
	height:26px;
	float: right;
	}	
	

	
.product_02_03{
	background-image:url(images/layout_19.png);
	background-repeat:no-repeat;
	height:215px;
	width:9px;
	float:right;
	}
	
.product_03{
	background-image:url(images/layout_20.png);
	background-repeat:no-repeat;
	height:16px;
	width:810px;
	margin-bottom:200px;
	}
	
.unity_galeria{
	height:450px;
	width:auto;
	padding-left: 23px;
	text-align:right;
	padding-right: 17px;
}	


.unity_kolornik{
	background: url(images/layout_backgound.png) no-repeat;
	height:380px;
	width:auto;
	text-align:right;
	margin:0px 15px 10px 23px;
	display:none;
}	

.unity_kolornik h2{
	text-align:left;
}

.kolornik_image{
	margin: 5px 0px 0px 10px;
	width:444px;
	float:left;
}

.kolornik_miniatury{
	margin: 5px 5px 0px 0px;
	margin-bottom:15px;
	width:290px;
	float:right;
	}

.unity_kolornik ul, .unity_kolornik ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom:15px;
}


.unity_kolornik ul li {
	float: left;
}

.unity_kolornik ul li a{
display: block;
text-decoration: none;
padding: 5px;
margin:1px;
border: 1px outset #ccc;
height: 21px;
width: 31px;
}

.do_pobrania{
	background: url(images/layout_backgound.png) no-repeat;
	height:auto;
	width:auto;
	padding:5px;
	margin:0px 15px 10px 23px;
}


.do_pobrania a:hover {
	color: #ccc;
}


#side_bar{
	float:right;
	width:168px;
	height: auto;
}



#side_bar_01{
	width:150px;
	height:13px;
	margin-left: 4px;
	background-image: url(images/layout_15.png);
	
}

#side_bar_02{
	width:142px;
	background-image:url(images/layout_14.jpg);
	background-repeat:no-repeat;
	float:left;
	height: auto !important;
	height: 50%; /* IE */
	min-height: 50%;
	margin-left: 8px;
	padding: 0px 4px 4px 2px;
}

#side_bar_02 td{
	font-size: 8.5px;
}

#side_bar_02 a{
font-weight:bold;
}

.side_bar_foto{
	background-repeat:no-repeat;
	height:112px;
	width:138px;
	float:left;
	margin-top:4px;
	margin-bottom: 4px;
		}




/*MENU*/

#menu  {
	font-size:12px;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 900px;
}

#menu li {
	background:  url("images/seperator.png") center right no-repeat;
	float: left;
	font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

#menu a{
	color: #000;
	display: block;
	float: left;
	margin: 0;
	padding: 4px 8px 10px 10px;
	text-decoration: none;
	}

#menu a:hover {
	color: #ccc;
}

#menu_kategorie  {
	font-size:12px;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 789px;
}

#menu_kategorie li {
	background:  url("images/seperator.png") center right no-repeat;
	float: left;
	font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

#menu_kategorie a{
	color: #000;
	display: block;
	float: left;
	margin: 0;
	padding: 4px 8px 10px 10px;
	text-decoration: none;
}

#menu_kategorie a:hover {
	color: #ccc;
	
}