.wer_content{
margin:0;
padding:0;
text-align:center;
width: 448px;
height: 28px;
background: transparent;
display:inline;
}


div.wer1 {
float:left;
width:149px;
height: 37px;
color:white;
margin:0;
display:inline;
padding:0;
background: url(mFakt5/images/stanKlucz.png) no-repeat;

}

div.wer1 a {
display:block;
width:100%;
height:100%;
background: url(mFakt5/images/stanKlucz.png) no-repeat;
}

div.wer1 a:link, div.wer1 a:visited {
background: url(mFakt5/images/stanKlucz_hover.png)  no-repeat;
}

div.wer1 a:hover, div.wer1 a:active {
background: url(mFakt5/images/stanKlucz.png) no-repeat;
color:red;
}

div.wer2 {
float: left;
width:149px;
height: 37px;
color:white;
margin:0;
display:inline;
padding:0;
background: url(mFakt5/images/stanBox.png) center no-repeat;
}

div.wer2 a {
display:block;
width:100%;
height:100%;
background: url(mFakt5/images/stanBox.png) center no-repeat;
}

div.wer2 a:link, div.wer2 a:visited {
background: url(mFakt5/images/stanBox_hover.png) center no-repeat;
}

div.wer2 a:hover, div.wer2 a:active {
background: url(mFakt5/images/stanBox.png) center no-repeat;
color:red;
}

div.wer3 {
float: left;
width:149px;
height: 37px;
color:white;
margin:0;
display:inline;
padding:0;
background: url(mFakt5/images/magKlucz.png) top right no-repeat;
}

div.wer3 a {
display:block;
width:100%;
height:100%;
background: url(mFakt5/images/magKlucz.png)  top right no-repeat;
}

div.wer3 a:link, div.wer3 a:visited {
background: url(mFakt5/images/magKlucz_hover.png)  top right no-repeat;
}

div.wer3 a:hover, div.wer3 a:active {
background: url(mFakt5/images/magKlucz.png) top right no-repeat;
color:red;
}

div.wer4 {
float: left;
width:149px;
height: 37px;
color:white;
margin:0;
display:inline;
padding:0;
background: url(mFakt5/images/magBox.png) top right no-repeat;
}

div.wer4 a {
display:block;
width:100%;
height:100%;
background: url(mFakt5/images/magBox.png)  top right no-repeat;
}

div.wer4 a:link, div.wer4 a:visited {
background: url(mFakt5/images/magBox_hover.png)  top right no-repeat;
}

div.wer4 a:hover, div.wer4 a:active {
background: url(mFakt5/images/magBox.png) top right no-repeat;
color:red;
}



.accordion {
  width: 448px;
	border-bottom: solid 1px #c4c4c4;
	margin-bottom:20px;
	margin-top:2px;
	margin-left:0px;
	margin-right:0px;
}
.accordion  h3#listaKlient,  h3#listaTow, h3#nowyDok, h3#listaDok, h3#dokKlient,  h3#nowyDruk , h3#kopieRobocze, h3#drukiLista, h3#slowniki, h3#rapOgolne, h3#zarzBaza, h3#ponadto{
  background: transparent url(mFakt5/images/tak_tak.png) no-repeat right -51px;
	padding: 7px  15px;
	margin: 0;
	font: bold 90%/100% Arial, Helvetica, sans-serif;
	color:#3b3b3b;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}


.accordion h3#magazyn, h3#rapMagazyn, h3#kasaFisk,h3#dokumentZakupu {
	background: transparent url(mFakt5/images/nie_tak.png) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 90%/100% Arial, Helvetica, sans-serif;
	color:#3b3b3b;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}



.accordion h3#szkol {
	background: transparent url(mPen5/images/szkolenie.png) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 90%/100% Arial, Helvetica, sans-serif;
	color:#3b3b3b;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}


.accordion  h3#wielostan  {
	background: transparent url(mPen5/images/arrow-square.png) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 90%/100% Arial, Helvetica, sans-serif;
	color:#3b3b3b;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}


.accordion h3:hover, h3#szkol:hover, h3#wielostan:hover,  h3#listaKlient:hover,  h3#listaTow:hover, h3#nowyDok:hover, h3#listaDok:hover, h3#dokKlient:hover,  h3#nowyDruk:hover , h3#kopieRobocze:hover, h3#drukiLista:hover, h3#slowniki:hover, h3#rapOgolne:hover, h3#zarzBaza:hover, h3#ponadto:hover, h3#magazyn:hover, h3#rapMagazyn:hover, h3#kasaFisk:hover,h3#dokumentZakupu:hover{
	background-color: #eaeaea;
}

.accordion h3.active, h3.active#szkol, h3.active#wielostan,  h3.active#listaKlient,  h3.active#listaTow, h3.active#nowyDok, h3.active#listaDok, h3.active#dokKlient,  h3.active#nowyDruk , h3.active#kopieRobocze, h3.active#drukiLista, h3.active#slowniki, h3.active#rapOgolne, h3.active#zarzBaza, h3.active#ponadto, h3.active#magazyn, h3.active#rapMagazyn, h3.active#kasaFisk,h3.active#dokumentZakupu {
	background-position: right 5px;
	background-color:#dddddd;
	
}
.accordion div {
	background: #f7f7f7;
	display:none;
	margin: 0;
	padding: 5px 15px 10px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}