.lista_grupy {position: absolute; width: 240px; z-index: 1; left: 13px; top: 130px;height:auto;}
.lista_elementy {position: absolute; width: 497px; z-index: 2; left: 232px; top: 0px; height:100%}

.lista_g {cursor:pointer;font-size:small;font-weight:bold;color:white;border: 1px solid #B9C87E; min-height:30px; background-color: #6FA71E; background-image: url('design/docs/doca.png'); background-repeat: no-repeat; background-position: right center}
.lista_g:hover {background-color: #7FB72E;}
.lista_gon {cursor:pointer;font-size:medium;font-weight:bold;color:white;border: 1px solid #C48C52; min-height:30px; background-color:#AF5D17; background-image: url('design/docs/doca.png'); background-repeat: no-repeat; background-position: right center}
.lista_gon:hover {background-color:#BF6D27;}
.lista_gtxt {margin: auto; padding: 6px 30px 6px 6px;}

.lista_elementy_top {background-image: url('design/docs/doc_t.png'); height: 18px; width: 497px; background-repeat: no-repeat}
.lista_elementy_middle {
	background-image: url('design/docs/doc_m.png');
	width: 497px;
	color: white;
	text-align: center;
	vertical-align:middle;
	margin:auto;
	height:auto;
	min-height:100%;
}
.lista_elementy_bottom {background-image: url('design/docs/doc_b.png'); height: 18px; width: 497px; background-repeat: no-repeat}

.lista_element {
	border-style: solid;
	border-width: 2px 2px 2px 20px;
	border-color: #6FA71E;
	display: inline-block;
	width: 180px;
	margin: 5px;
	padding: 5px;
	cursor: pointer;
	text-align:left;
}

.lista_element:hover {border-color: #8FC73E;}