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


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

}

div.wersja1 a {
display:block;
width:100%;
height:100%;
background: url(mPen5/images/std30.png) no-repeat;
}

div.wersja1 a:link, div.wersja1 a:visited {
background: url(mPen5/images/std30_hover.png)  no-repeat;
}

div.wersja1 a:hover, div.wersja1 a:active {
background: url(mPen5/images/std30.png) no-repeat;
color:red;
}

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

div.wersja2 a {
display:block;
width:100%;
height:100%;
background: url(mPen5/images/std30+.png) center no-repeat;
}

div.wersja2 a:link, div.wersja2 a:visited {
background: url(mPen5/images/std30+_hover.png) center no-repeat;
}

div.wersja2 a:hover, div.wersja2 a:active {
background: url(mPen5/images/std30+.png) center no-repeat;
color:red;
}

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

div.wersja3 a {
display:block;
width:100%;
height:100%;
background: url(mPen5/images/pro30+.png)  top right no-repeat;
}

div.wersja3 a:link, div.wersja3 a:visited {
background: url(mPen5/images/pro30+_hover.png)  top right no-repeat;
}

div.wersja3 a:hover, div.wersja3 a:active {
background: url(mPen5/images/pro30+.png) top right no-repeat;
color:red;
}

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

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

div.wersja4 a:link, div.wersja4 a:visited {
background: url(mPen5/images/pro30_hover.png)  top right no-repeat;
}

div.wersja4 a:hover, div.wersja4 a:active {
background: url(mPen5/images/pro30.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_extra {
  width: 448px;
	border-bottom: solid 1px #c4c4c4;
	margin-bottom:20px;
	margin-top:2px;
	margin-left:0px;
	margin-right:0px;
}

.accordion_extra h3 {
	background: #f3f3f3;
	padding: 7px 15px;
	margin: 0px;
	font: bold 90%/100% Arial, Helvetica, sans-serif;
	color:#034b7a;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}

.accordion  h3#zarezPokoje, h3#sprzatanie,  h3#sklep,h3#dokumentyKasowe, h3#kasaFiskalna, h3#zmiany, h3#zarzadzanieKontami,  h3#raportyRejestrowane , h3#organizer, h3#cennik, h3#rejestr_sprzedazy_uslug, h3#wspol_sys_rez{
  background: transparent url(mPen5/images/1.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 {
	background: transparent url(mPen5/images/8.png1) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0px;
	font: bold 90%/100% Arial, Helvetica, sans-serif;
	color:#3b3b3b;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}

.accordion h3#kartotekaKlientow, h3#grafikPokoi, h3#bazaPokoi,h3#rezerwacje, h3#rezerwacja, h3#recepcja, h3#ksiegaMeld, h3#finanse, h3#raportyPodsumowania, h3#zarzadzanieBaza,h3#ustawienia  {
	background: transparent url(mPen5/images/8.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#grafikOnline, h3#calendarOnline {
	background: transparent url(mPen5/images/extra.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#szkolenie {
	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#rezerwacjaOnline, h3#wielostanowiskowa  {
	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, .accordion_extra h3:hover, h3#szkolenie:hover, h3#grafikPokoi:hover, h3#kartotekaKlientow:hover, h3#bazaPokoi:hover , h3#grafikOnline:hover, h3#calendarOnline:hover, h3#rezerwacja:hover, h3#rezerwacje:hover, h3#recepcja:hover, h3#zarezPokoje:hover, h3#ksiegaMeld:hover,h3#organizer:hover, h3#sprzatanie:hover,h3#finanse:hover, h3#sklep:hover,h3#dokumentyKasowe:hover, h3#raportyPodsumowania:hover, h3#kasaFiskalna:hover, h3#zarzadzanieBaza:hover, h3#ustawienia:hover, h3#zmiany:hover,  h3#zarzadzanieKontami:hover , h3#raportyRejestrowane:hover, h3#rezerwacjaOnline:hover, h3#cennik:hover , h3#rejestr_sprzedazy_uslug:hover, h3#wielostanowiskowa:hover, h3#wspol_sys_rez:hover {
	background-color: #eaeaea;
}

.accordion h3.active, .accordion_extra h3.active, h3.active#bazaPokoi, h3.active#kartotekaKlientow, h3.active#grafikPokoi, h3.active#szkolenie, h3.active#grafikOnline, h3.active#calendarOnline, h3.active#rezerwacja, h3.active#recepcja, h3.active#rezerwacje, h3.active#zarezPokoje, h3.active#ksiegaMeld, h3.active#organizer, h3.active#sprzatanie, h3.active#finanse, h3.active#sklep,h3.active#dokumentyKasowe, h3.active#raportyPodsumowania, h3.active#kasaFiskalna, h3.active#zarzadzanieBaza, h3.active#ustawienia, h3.active#zmiany, h3.active#zarzadzanieKontami, h3.active#raportyRejestrowane, h3.active#raporty, h3.active#rezerwacjaOnline, h3.active#cennik, h3.active#rejestr_sprzedazy_uslug, h3.active#wielostanowiskowa, h3.active#wspol_sys_rez {
	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;
}

.wybor1{
a:hover background-image; 
}

#demotip { 
    display:none; 
    background:transparent url('arrow_right.png') no-repeat; 
    font-size:12px; 
    height:21px; 
    width:187px; 
    padding:12px 10px 10px 19px;
		margin:0px;
		text-align:center;
    color:#fff;     
}

#produkty_pow_tematycznie
{
margin: 0pt; padding: 13px 0pt 0pt; 
background: #393939; 
text-transform: uppercase; 
text-align: center; 
font-weight: bold; font-size: 12px; 
width: 448px; height: 30px; 
vertical-align: middle;
color: #fff;
}