body {
	margin: 0; 
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #0066CC;
	background-color: #FFFFFF;
	background-image: url(images/tlo.jpg);
	background-repeat: repeat-y;
	background-position: center;
}
*{
	margin: 0px;  
	padding: 0px;
}
a:link, a:visited { color: #0066CC; text-decoration: none; font-weight: bold; } 
a:active, a:hover { color: #FF6600; text-decoration: underline; font-weight: bold;}
h1 { 
	font-size: 24px;
	font-weight: bold;
	color: #22b7d1;
	padding-top: 30px;	
}
h2 {
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
	color: #f0a007;
}
img{
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none; margin:0px;
}
#pojemnik{
	width: 630px;
	height: auto;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 80px;
	text-align: justify;
}
#pojemnik2{
	width: 630px;
	height: auto;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 80px;
	border: 1px solid #CCCCCC;
	text-align: justify;
}
#pojemnik2 h1{
	font-size: 18px;
	font-weight: bold;
	color: #0066CC;
	text-align: center;
}
#pojemnik2 h3{
	font-size: 15px;
	font-weight: bold;
	color: #0066CC;
	height: 20px;
	text-align: center;
}
#pojemnik2 ul{
	margin-left: 10px;
}
#pojemnik h3{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 15px;
	font-weight: bold;
	color: #0066CC;
	height: 20px;
	text-align: center;
}
#pojemnik h4{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 15px;
	font-weight: bold;
	color: #0066CC;
	height: 20px;
	text-align: left;
}
#galeria {
width: 550px;
height:auto;
margin:auto;
}

#gal2 {
align: center;
width: 650px;
height:auto;
margin:auto;
}

#gal3 {
align: left;
width: 400px;
height:auto;
margin:auto;
}

#gal3 a{
	width:120px;
	height:170px;
	text-align: center;
	position: relative;
	top: 10px;
	float:left;
}

#gal4 {
align: left;
width: 400px;
height:auto;
margin:auto;
}

#gal5 {
align: center;
width: 350px;
height:auto;
margin:auto;
}

#gal5 a{
	width:105px;
	height:170px;
	text-align: center;
	position: relative;
	top: 10px;
	float:left;
}

#gal4 a{
	width:100px;
	height:170px;
	text-align: center;
	position: relative;
	top: 10px;
	float:left;
}


#galeria a{
	width:108px;
	height:135px;
	text-align: center;
	position: relative;
	top: 10px;
	float:left;
}

#gal2 a{
	width:160px;
	height:150px;
	text-align: center;
	position: relative;
	top: 10px;
	float:left;
}


#cechy {
width: 605px;
height:auto;
margin:auto;
}
nr{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 15px;
	font-weight: bold;
	color: #0066CC;
}
#right {
	float:right;
	width: auto;
	height: auto;
}
#left {
	float:left;
	width: auto;
	height: auto;
}

#clear {clear:both;}
#clear_l {clear:left;}
#clear_r {clear:right;}
#main {
	width: 774px; 
	margin: auto;
}
#main_top {
	width: 774px;
	height: 82px;
	font-size: 15px;
	font-weight: bold;
	color: #000000;

	background:url(images/main_top.jpg) no-repeat;
}
#main_top p{ 
	position: relative; 
	top: 60px;
}
#main_middle {
	display: block;
	width: 774px;
	height: auto;
	font-size: 12px;
	color: #0066CC;
	text-decoration: none;
	background-image: url(images/main_middle.jpg);
	background-repeat: repeat-y;
}
#main_bottom {
	float: left;
	width: 774px;
	height: 67px;
	background: url(images/main_bottom.jpg) no-repeat;
}


/* ETYKIETY */
#menu {
	display:block;
	float:left;
	width:54px;
	height:auto; 
}
#etykieta {
	width:54px;
	height: 156px;
	background:url(images/etykieta.jpg)  no-repeat;
}
#etykieta:hover ,#etykieta.active {
	 background-position: 0px -156px;
}
#etykieta2 {
	width:54px;
	height: 156px;
	background:url(images/etykieta2.jpg) no-repeat;
}
#etykieta2:hover ,#etykieta2.active {
	 background-position: 0px -156px;
}
#etykieta3 {
	width:54px;
	height: 156px;
	background:url(images/etykieta3.jpg) no-repeat;
}
#etykieta3:hover ,#etykieta3.active {
	 background-position: 0px -156px;
}
/*	border: thin solid #CCCCCC;*/


/*proba*/
#langmenu
{
	width: 220px;
	height: 15px;
	position: absolute;
	left: 280px;
	top: 0px;
	padding: 0px;
	margin: 0px;
}

#langmenu li
{
	list-style: none;
	display: inline;
}

#langmenu li a
{
	margin-right: 3px;
	margin-top: 0px;
	display: block;
	float: left;
}


#menu_gorne {
	width: auto;
	height: 350px; 
	background:url(images/menu_gorne_l.jpg) repeat-x;

}
#menu_gorne_main {
	width: 889px;
	height: 350px; 
	margin: 0 auto;


}
/*gora strony szkielet i jezyki*/
#menu_gorne_logo {
	width: 889px;
	height: 118px; 
	background:url(images/menu_gorne_logo.jpg) no-repeat;
	margin: 0 auto;
}
#menu_gorne_left {
	width: 103px;
	height: 232px; 
	background:url(images/menu_gorne_left.jpg) no-repeat;
	float:left;

}

#menu_gorne_flash {
	width: 584px;
	height: 232px; 
	background:url(images/menu_gorne_flash.jpg) no-repeat;
	float:left;


}

/*Left Menu */
#leftmenu {
	display:block;
	width: 202px;
	height: 232px;
	float: left;

}


#leftmenu1 {
	background-image: url(images/nowosci.jpg);
	background-repeat: no-repeat;
	width: 202px;
	height: 43px;

}
#leftmenu1:hover ,#leftmenu1.active {
	 background-position: 0px -43px;

}
#leftmenu2 {
	background-image: url(images/kontakt.jpg);
	background-repeat: no-repeat;
	width: 202px;
	height: 41px;

}
#leftmenu2:hover ,#leftmenu2.active {
	 background-position: 0px -41px;

}
#leftmenu3 {
	background-image: url(images/omarce.jpg);
	background-repeat: no-repeat;
	width: 202px;
	height: 41px;

}
#leftmenu3:hover ,#leftmenu3.active {
	 background-position: 0px -41px;

}
#leftmenu4 {
	background-image: url(images/certyfikaty.jpg);
	background-repeat: no-repeat;
	width: 202px;
	height: 41px;

}
#leftmenu4:hover ,#leftmenu4.active {
	 background-position: 0px -41px;

}
#leftmenu5 {
	background-image: url(images/sklepy.jpg);
	background-repeat: no-repeat;
	width: 202px;
	height: 66px;

}
#leftmenu5:hover ,#leftmenu5.active {
	 background-position: 0px -66px;

}



/*Top Menu */
#topmenu {
	width: 750px;
	height: 262px;
	margin: auto;
	position: relative;
	left: 25px;
	top: 5px;
}
#doprawa{
	float:right;
}
.h_prawy{
	margin-left: 225px;
	margin-right: 0px;
}
#dolewa{
	float: left;
}

#topmenu ul {
	list-style: none;
	line-height: normal;
	float: right;
}
#topmenu li {
	display: inline;


}
#topmenu a {
	display: inline;
	float: left;

}
#topmenu a:hover {
	 background-position: 0px -132px;
}
#topmenu .active a{
	 background-position: 0px -132px;

}

#topmenu1 {
	background-image: url(images/jet.jpg);
	background-repeat: no-repeat;
	width: 125px;
	height: 132px;
z-index:-1;
}
#topmenu2 {
	background-image: url(images/kwe.jpg);
	background-repeat: no-repeat;
	width: 116px;
	height: 132px;
}
#topmenu3 {
	background-image: url(images/ballerina.jpg);
	background-repeat: no-repeat;
	width: 117px;
	height: 132px;
}
#topmenu4 {
	background-image: url(images/breaker.jpg);
	background-repeat: no-repeat;
	width: 116px;
	height: 132px;
}
#topmenu5 {
	background-image: url(images/t.jpg);
	background-repeat: no-repeat;
	width: 117px;
	height: 132px;
}
#topmenu6 {
	background-image: url(images/lalka.jpg);
	background-repeat: no-repeat;
	width: 125px;
	height: 132px;
}
#topmenu7 {
	background-image: url(images/sanki.jpg);
	background-repeat: no-repeat;
	width: 116px;
	height: 132px;
}
#topmenu8 {
	background-image: url(images/maxi.jpg);
	background-repeat: no-repeat;
	width: 117px;
	height: 132px;
}

#topmenu8a {
	background-image: url(images/maxi.jpg);
	background-repeat: no-repeat;
	width: 117px;
	height: 132px;
	}
	
#topmenu9 {
	background-image: url(images/sun.jpg);
	background-repeat: no-repeat;
	width: 117px;
	height: 132px;
}

#topmenu10 {
	background-image: url(images/hustawka.jpg);
	background-repeat: no-repeat;
	width: 117px;
	height: 132px;
}

#topmenu11 {
	background-image: url(images/el-nino.jpg);
	background-repeat: no-repeat;
	width: 123px;
	height: 132px;
}

#topmenu12 {
	background-image: url(images/akc.jpg);
	background-repeat: no-repeat;
	width: 123px;
	height: 132px;
}


#compatible
{
	width: 170px;
	height: 221px;
	position: absolute;
	left: 5px;
	top: 5px;
	padding: 0px;
	margin: 0px;

	background-image: url(images/compatible.gif);
	background-repeat: no-repeat;
}
#compatibleIE
{
	width: 250px;
	height: 550px;
	position: absolute;
	left: 0px;
	top: 370px;
	padding: 0px;
	margin: 0px;
	background-image: url(images/compatibleIE.gif);
	background-repeat: no-repeat;
}
#wprawo {
align: left;
	width: 250px;
	height: 150px;
	margin: 0px;
	position: relative;
	left: 0px;
	top: auto;
}
#nk {
align: left;
	width: 30px;
	height: 50px;
	margin: 0px;
	position: relative;
	left: 0px;
	top: auto;
}
#tw {
align: left;
	width: 30px;
	height: 50px;
	margin: 0px;
	position: relative;
	left: 0px;
	top: 140px;
}




#panel
{	background: url(images/panel.gif);
	//background: #405780;
height: 110px;
width: 300px; //glebokosc sch;log
	padding: 10px;
	//width: 200px;
 
	position: fixed;
	margin-top: -100px; /*połowa wysokości panelu w górę */	
	left: 0px;
	top: 50%;
z-index:15;
 
}
 
ul#main_menu
{



	list-style: none;
}
 
#main_menu a
{
	color: #ffffff;
	text-decoration: none;

}
 
#main_menu a:hover
{
	text-decoration: underline;

}

.slide_button
{
	background: url(images/przycisk.gif) no-repeat scroll 0 0 transparent;
	display: block;
	height: 80px;
	text-indent: -9999px;
	width: 80px;
 
	position: absolute;
	right: -80px;
	top: 0px;
}
 
.zamknij
{
	background-position: -80px 0px;
}
 
a:focus { 
outline:none; //usuwanie niebieskiej obwódki w FF
}