﻿#top {height: 150px;}

#logo { 
		margin-top: 20px;
		margin-left: 0px;
		float: left;
		width: 455px;
		height: 105px;
	}
#flagi { 
		margin-top: 20px;
		margin-right:50px;
		width: auto;
		height: 25px;
		float: right;
		}
#logo_prawe { 
		margin-top: 20px;
		margin-right:60px;
		width: 300px;
		height: 80px;
		float: right;
		clear: right;
		}
#banner {
		margin-left: 0px;
		margin-top: 0px;
		float: left;
		width: 970px;
		height: 400px;
		margin-bottom: 100px;
		position:relative;
		z-index: 1;
		}
#stopka {
	margin-top: 20px;
	background-image: url("Obrazki/stopka.jpg");
	background-repeat: repeat-x;
	background-position: center top;
	width: 970px;
	height: 60px;
	margin: 20px auto 0 auto;
	text-align: center;
	clear: both;
	}

#stopka ul {
	padding-top: 30px;
	}

#stopka li {
	display: inline;
	width: auto;
	padding: 10px;
	border-right: 2px solid #cec7c6;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	}


#stopka a { color: #fff;}

#stopka a:hover { color: #E6E6E6;
				font-weight: bold;}

a:link {text-decoration: none;}

#tresc {
	width: 800px;
	height: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	clear: both;
	text-align: center;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding-top: 10px;}
* html #tresc {margin-left: 20px;}

#tresc p {margin-top: 20px;
		text-align: left;
		color: #000;}

#tresc ul {
	margin-top: 20px;
	margin-left: 50px;
	width: 500px;
	text-align: justify;
	list-style-type: disc;
	list-style-position: inside;
	font-weight: normal;
	color: #000;
	font-size: 12px;
	}

#tresc li {padding: 5px;}	

#tresc h1 {
	margin-top: 20px;
	font-weight: bold;
	color: #000;
	text-align: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}

#tresc h2 {
	margin-top: 20px;
	font-weight: bold;
	color: #000;
	text-align: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}

#tresc h3 {
	margin-top: 20px;
	font-weight: bold;
	color: #000;
	text-align: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}

#tresc table {
	border-collapse: collapse;
	margin: 20px auto 10px auto;
	text-align: left;
	border: 2px solid red;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;}
	
#tresc table td {
		border: 1px solid red;
		padding: 5px;}	
		
#tresc  img {
	margin: 10px auto auto 10px;}
		
#lewa	{
	width: 400px;
	float: left;
	margin-top: 20px;
	text-align: justify;
	}	

#lewa p {
	font-size: 12px;
	font-weight: normal;
	color: #000;
	line-height: 150%;
	}

#lg { 
	margin-top: 20px;
	margin-bottom: 20px;
	height: auto;
	}
	
.ld {
	height: 100px;
	margin-top: 10px;}

.ld img { 
	margin-top: 15px;
	float: left;
	}
	
.ld p { 
		
		margin-right: 10px; 
		width: 250px; 
		float: right;
		text-align: left;
		}
.lg p { 
		
		float: right; 
		 
		}
.lg img { 
	margin-top: 10px;
	float: left;
	
	}
	
#lewa h2 {
	color: #e31717;
	border-bottom: solid 2px #1451a3;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	}
.a {margin-top: 10px; }
.b {margin-top: 40px; }
.c {margin-top: 30px; }
.d {margin-top: 20px; }

p { margin-top: 20px; }
p a{ color: #000;}
p a:hover { color: #4D4D4D;
			}

#prawa {
	width: 350px;
	height: auto;
	margin-top: 20px;
	float: right;
	
	}
#prawa p {margin-right: 20px;
		margin-top:0px;}
	
#n { 
	background-image: url("Obrazki/n1.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 113px;
	padding-left: 70px;
	margin-top: 20px;
	height: 100px;
	font-size: 15px;
	font-weight: bold;
	}
	
* html #n {height: 200px;
		margin-left: 20px;}	
	
#k { 
	background-image: url("Obrazki/kooperacja.gif");
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 113px;
	padding-left: 70px;
	margin-top: 0;
	height: 100px;
	font-size: 15px;
	font-weight: bold;
	}
	
* html #k {margin-top: 10px;
		margin-left: 20px;
		height: 200px;}
		
#p { 
	background-image: url("Obrazki/prezentacja.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 110px;
	padding-left: 80px;
	margin-top: 0;
	height: 100px;
	font-size: 15px;
	font-weight: bold;
	}
* html #p {margin-top: 10px;
		margin-left: 20px;
		height: 200px;}
	
#n a {color: #000; margin-left: 100px;}	
#n a:hover {color: white;}

#k a {color: #000; margin-left: 100px;}	
#k a:hover {color: white;}

#p a {color: #000; margin-left: 100px;}	
#p a:hover {color: white;}
	
#s {
	
	margin-left: 35px;
	width: auto;
	height: 270px;
	font-size: 12px;
	font-weight: normal;
	color: #1451a3;
}

#k1 { 
	margin-top: 20px;
	width: 200px;
	height: auto;
	float: left;
	background-color: white;
	border: 1px solid #84110e;
	}
#k1 p { margin-left: 5px;}
#k2 { 
	width: 250px;
	height: 650px;
	float: left;
	margin-left: 50px;
	margin-bottom: 20px;
	}

#k3 { 
	width: 220px;
	height: 480px;
	float: right;
	margin-left: 50px;
	}	

.i { 
	color: red;
	font-weight: bold;}

.j { font-weight: bold;}

#sub {
	width: 290px;
	height: 300px;
	background-image: url("Obrazki/s.gif");
	background-repeat: no-repeat;
	margin-left: 40px;
	
	
	}
#sub table {margin-top: 0px;
			border: none;}
#menu { position: relative;
	   z-index: 2;
	background-image: url("Obrazki/pasek_menu_2.jpg");
	background-repeat: no-repeat;
	background-position: left center ;
	width: 970px;
	height: 31px;
	float: left;
	clear: both;
	padding-left: 85px; 
	margin-left: 0px;
	margin-top: -100px;}
*html #menu {padding-left: 50px; background-image: url("Obrazki/pasek_menu_3.jpg");
	background-repeat: no-repeat;
	background-position: left center; }


#menu-przyciski {
	background-image: url("Obrazki/pasek_menu.jpg");
	background-repeat: no-repeat;
	background-position: left center ;
	width: 970px;
	height: 35px;
	float: left;
	clear: both;
	padding-left: 300px;
	}
#menu-lampki {
	background-image: url("Obrazki/pasek_menu.jpg");
	background-repeat: no-repeat;
	background-position: left center ;
	width: 970px;
	height: 35px;
	float: left;
	clear: both;
	padding-left: 300px;
	}
#menu-laczniki {
	background-image: url("Obrazki/pasek_menu.jpg");
	background-repeat: no-repeat;
	background-position: left center ;
	width: 970px;
	height: 35px;
	float: left;
	clear: both;
	padding-left: 15px;
	}
#menu-krzywkowe {
	background-image: url("Obrazki/pasek_menu.jpg");
	background-repeat: no-repeat;
	background-position: left center ;
	width: 970px;
	height: 35px;
	float: left;
	clear: both;
	padding-left: 25px;
	}
#menu-kasety{
	background-image: url("Obrazki/pasek_menu.jpg");
	background-repeat: no-repeat;
	background-position: left center ;
	width: 970px;
	height: 35px;
	float: left;
	clear: both;
	padding-left: 200px;
	}
#menu-akcesoria{
	background-image: url("Obrazki/pasek_menu.jpg");
	background-repeat: no-repeat;
	background-position: left center ;
	width: 970px;
	height: 35px;
	float: left;
	clear: both;
	padding-left: 7px;
	}	
#menu-partex{
	background-image: url("Obrazki/pasek_menu_1.jpg");
	background-repeat: no-repeat;
	background-position: left center ;
	width: 970px;
	height: 70px;
	float: left;
	clear: both;
	padding-left: 35px;
	text-align: center;
	}	
#menu-nowosci{
	background-image: url("Obrazki/pasek_menu.jpg");
	background-repeat: no-repeat;
	background-position: left center ;
	width: 970px;
	height: 35px;
	float: left;
	clear: both;
	padding-left: 65px;
	}	
	
#menu-rop{
	background-image: url("Obrazki/pasek_menu.jpg");
	background-repeat: no-repeat;
	background-position: left center ;
	width: 970px;
	height: 35px;
	float: left;
	clear: both;
	padding-left: 40px;
	}	

#rop_promocja_1{
	float: left;
	width: 400px;
	
	margin-bottom: 20px;
	}
#rop_promocja_2{
	float: right;
	margin-right: 60px;
	text-align: center;
	}	
	
#promocja{
	background-color: white;
	text-align: center;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	height: 800px;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	}
#promocja p {margin-top: 20px;
			color: #000;}
#rop_promocja_2 h1 {
	margin-top: 20px;
	font-weight: bold;
	color: #84110e;
	}
	
#subForm { 
	font-size: 15px;
	margin-top: 30px;
	}
	
#subForm .label {
	float: left;
	width: 200px;
	margin-left: 100px;
	margin-right: 10px;
	text-align: right;
	clear: left;
	}
	
input#subscribe {
	margin-left: 320px;
	background-color: #CBD893;
	font-family: Arial, Verdana;
	width: 70px;
	}
	
input#zero {
	margin-left: 50px;
	background-color: #CBD893;
	font-family: Arial, Verdana;
	width: 90px;
	}
	
textarea#nazwa, input#email, input#imie {
		background-color: #FBEF99;
		font-family: Arial, Verdana;
		font-size: 12px;
		width: 300px;
		}
		
textarea#nazwa:focus,
input#email:focus,
input#imie:focus {
			background-color: #FDD041;
			}
			
.pp {
		font-family: Arial, Verdana;
		font-size: 14px;
		text-align: center;
		margin-top: 50px;
		margin-bottom: 30px;
		}
.pp a {
	margin-top: 30px;
	}
	
.picture_0 {
		
		width: 250px;
		margin-top: 10px;
		margin-left: 275px;
		clear: both;
		}
		
*html .picture_0 {margin-left: 0px;}		
.picture {
		float: left;
		width: 250px;
		margin: 0 5px 20px 5px;
		}
		
.photo img {
			border: 1px solid #666;
			padding: 5px;
		}	
		
.picture p b{
			font: Arial;
			font-size: 10px;
			margin-left: 55px;
			}
			
.picture_0 p b{
			font: Arial;
			font-size: 10px;
			margin-left: 20px;
			}	
		