/* -------------------------------------------------------- */
/* BUTTON													*/
.button{
	/*background:url(img/projekty_domow.png)  -32px right no-repeat;*/
	color:#FFFFFF;
	clear:both;
	display:block;
	float:left;
	font-weight:bold;
	height:50px;
	line-height:31px;
	width:219px;
	margin-right:0px;
	margin-left:11px;
	margin-bottom:1px;
	border:1px solid brown;
}
a.button {
	text-decoration:none;
	border:0px solid black;
}

.button a:hover {
	border:0px solid black;
}
.button span {
	display:block;
	height:50px;
	width:220px;
	line-height:171px;
	padding-left:0px;
	padding-right:0px;
	margin-right:0px;
	border:0px solid pink;
	text-align:left;
}

.nr0 {
	background:url(/img/przyciski/konkurs-dla-fanow.jpg) left top no-repeat;
	z-index:1;
}

.nr1 {
	background:url(/img/przyciski/projekty_domow.jpg) left top no-repeat;
	z-index:1;
}

.nr2 {
	background:url(/img/przyciski/zasady_sprzedazy.jpg) left top no-repeat;
	margin-top:1px;
	z-index:1;
}

.nr3 {
	background:url(/img/przyciski/energooszczednosc.jpg) left top no-repeat;
	z-index:1;
}

.nr4 {
	background:url(/img/przyciski/partnerzy.jpg) left top no-repeat;
	margin-top:1px;
	z-index:1;
}

#menu ul ul.submenu {
	z-index:1;
	margin-left:80px;
}

.submenu li{
	line-height:24px;
	height:22px;
	font-family:Trebuchet MS;
	font-size:12px;
	background:url(/images/submenu_middle2.png) left top no-repeat;
	color:blue;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	padding-left:7px;
	margin:0px;
	border:0px solid red;
	width:210px;
	z-index:100;
}

.submenu li a {
	color:#888888;
	font-weight:normal;
	display:block;
	border:solid 1px #DEDEDE;
	padding:1px 0px 2px 9px;
	font-size:12px;
	text-decoration:none;
	text-align:left;
	width:200px;
}

.submenu li a:hover {
	color:#000032;
	border:solid 0px #DEDEDE;
	width:200px;
}

li.top {
	line-height:29px;
	height:27px;
	background:url(/images/submenu_top2.png) left top no-repeat;
	color:red;
	z-index:100;
}

li.bottom {
	line-height:27px;
	height:28px;
	background:url(/images/submenu_bottom2.png) left top no-repeat;
	border:0px solid black;
	width: 200px;
	z-index:100;
}

/* -------------------------------------------------------- */
/* MENU														*/
.v-menu{
	border:solid 0px #7F9FBF;
	width:200px;
	clear:both;
}
	ul.v-menu, .v-menu li{
		padding:0; 
		margin:0;
		list-style:none;
	}
	ul.v-menu{
		clear:both;
		margin-top:4px;
		padding:4px 10px;
	}
		.v-menu li a{
			color:#555555;
			font-weight:normal;
			display:block;
			border:solid 0px #DEDEDE;
			padding:1px 0px 2px 9px;
			font-size:12px;
			text-decoration:none;
			text-align:left;
		}
		.v-menu li a:hover{
			color:#999999;
			border:solid 0px #DEDEDE;
		}

.pierwsze_podmenu {
border:0px solid black;
}


#menu {
width: 12em;
background: #ffffff;
display:block;
float:left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
/*font: bold 11px/16px arial, helvetica, sans-serif;*/
display: block;
border-width: 0px;
border-style: solid;
border-color: #fff #888 #555 #bbb;
margin: 0px;
padding: 0px;
}


#menu li {
position: relative;
}

.menu_przyciski {
height:49px;
}

#menu ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
margin-left:20px;
}

#menu ul ul.sub1 {
	margin-top:-75px;
}

#menu ul ul.sub2 {
	margin-top:-27px;
	margin-left:80px;
}

#menu ul ul.sub3 {
	margin-top:-34px;
	margin-left:80px;
}

#menu ul ul.sub4 {
	margin-top:-23px;
	margin-left:80px;
}

div#menu ul ul,
div#menu ul li:hover ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul
{display: block;}