@charset "utf-8";
/* CSS Document */

a {
	outline: none;
}
body, html {
	height: 100%;
}
body {
	overflow: hidden;
	margin: 0 0 0 0;
	background: url(../images/sugar.jpg) center no-repeat #c3edff;
	behavior:url("js/csshover.htc");
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#lang
{
  position: absolute;
  top: 0px;
  right: 20px;
  width: 78px;
  height: 20px;
  z-index: 100;
  line-height: 20px;
  text-indent: 78px;
  overflow: hidden;
  display: block;
}
a.en
{
  background: url(../images/lang-en.png);
}
a.hu
{
  background: url(../images/lang-hu.png);
}
#logo {
	width: 343px;
	height: 229px;
	position: absolute;
	left: -49px;
	top: -33px;
	background: url(../images/logo-trans.png);
	overflow: hidden;
	line-height: 191px;
	text-indent: -1000px;
	display: block;
	cursor: pointer;
	z-index: 50;
}
/*főmenü*/

#menu-bg {
	position: absolute;
	top: 45px;
	left: 240px;
	background: url(../images/menu/bg-trans.png);
	width: 754px;
	height: 62px;
	z-index: 50;
}
#menu {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 45px;
	left: 260px;
	width: 750px;
	height: 55px;
	z-index: 51;
	list-style: none;
}
#menu li {
	float: left;
	height: 55px;
	cursor: pointer;
	position: relative;
	line-height: 70px;
}
#menu a,  #menu span {
	display: block;
	height: 55px;
	cursor: pointer;
}
#menu a {
	position: relative;
}
#menu span {
	position: absolute;
	top: 0;
	left: 0;
}
#menu ul {
	display: none;
}
#menu li:hover ul {
	display: block;
}
#menu ul {
	position: absolute;
	z-index: 100;
	top: 64px;
	left: 0;
	width: 168px;
	height: 160px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu-kinalatunk,  #menu-party-szerviz {
	z-index: 105;
}
#menu-sugar {
	z-index: 106;
}
#dd-kinalatunk-bg,  #dd-party-szerviz-bg,  #dd-sugar-bg {
	position: absolute;
	top: 45px;
	left: 0;
	width: 168px;
	height: 208px;
	background:url(../images/menu/dd-bg.png);
	display: none;
}
#dd-party-szerviz-bg {
	height: 124px;
	background:url(../images/menu/dd-bg-partyszerviz.png);
}
#dd-sugar-bg {
	height: 125px;
	background:url(../images/menu/dd-bg-sugar.png);
}
#menu li:hover #dd-kinalatunk-bg,  #menu li:hover #dd-party-szerviz-bg,  #menu li:hover #dd-sugar-bg {
	display: block;
}
#menu ul li {
	margin: 0;
	padding: 0;
	line-height: 120px;
	height: 23px;
	position: relative;
	overflow: hidden;
	width: 168px;
	text-indent: 170px;
}
#menu ul span {
	width: 168px!important;
	height: 23px;
}
#dd-tortak span {
	background: url(../images/menu/dd-tortak.png)!important;
}
#dd-tortak:hover span {
	background: url(../images/menu/dd-tortak_h.png)!important;
}
#dd-ajandektargyak span {
	background: url(../images/menu/dd-ajandektargyak.png)!important;
}
#dd-ajandektargyak:hover span {
	background: url(../images/menu/dd-ajandektargyak_h.png)!important;
}
#dd-muffinok,  #dd-muffinok span {
	height: 51px!important;
}
#dd-muffinok span {
	background: url(../images/menu/dd-muffinok.png)!important;
}
#dd-muffinok:hover span {
	background: url(../images/menu/dd-muffinok_h.png)!important;
}
#dd-partyfalatok span {
	background: url(../images/menu/dd-partyfalatok.png)!important;
}
#dd-partyfalatok:hover span {
	background: url(../images/menu/dd-partyfalatok_h.png)!important;
}
#dd-csokik,  #dd-csokik span {
	height: 51px!important;
}
#dd-csokik span {
	background: url(../images/menu/dd-csokik.png)!important;
}
#dd-csokik:hover span {
	background: url(../images/menu/dd-csokik_h.png)!important;
}
/***********************************/

#dd-szavakban span {
	background: url(../images/menu/dd-szavakban.png)!important;
}
#dd-szavakban:hover span {
	background: url(../images/menu/dd-szavakban_h.png)!important;
}
#dd-kepekben span {
	background: url(../images/menu/dd-kepekben.png)!important;
}
#dd-kepekben:hover span {
	background: url(../images/menu/dd-kepekben_h.png)!important;
}
#dd-hangokban span {
	background: url(../images/menu/dd-hangokban.png)!important;
}
#dd-hangokban:hover span {
	background: url(../images/menu/dd-hangokban_h.png)!important;
}
#dd-trend span {
	background: url(../images/menu/dd-trend.png)!important;
}
#dd-trend:hover span {
	background: url(../images/menu/dd-trend_h.png)!important;
}

/******************************/

#dd-eskuvoi span {
	background: url(../images/menu/dd-eskuvoi.png)!important;
}
#dd-eskuvoi:hover span {
	background: url(../images/menu/dd-eskuvoi_h.png)!important;
}
#dd-alkalmi span {
	background: url(../images/menu/dd-alkalmi.png)!important;
}
#dd-alkalmi:hover span {
	background: url(../images/menu/dd-alkalmi_h.png)!important;
}
#dd-szulinapi span {
	background: url(../images/menu/dd-szulinapi.png)!important;
}
#dd-szulinapi:hover span {
	background: url(../images/menu/dd-szulinapi_h.png)!important;
}
#dd-business span {
	background: url(../images/menu/dd-business.png)!important;
}
#dd-business:hover span {
	background: url(../images/menu/dd-business_h.png)!important;
}
/***********************************/

#menu-sugar span,  #menu-sugar a {
	width: 69px;
}
#menu-sugar.active span,  #menu-sugar:hover span {
	background: url(../images/menu/sugar_h-trans.png);
}
#menu-sugar a span {
	background: url(../images/menu/sugar-trans.png);
}
#menu-kinalatunk span,  #menu-kinalatunk a {
	width: 115px;
}
#menu-kinalatunk.active span,  #menu-kinalatunk:hover span {
	background: url(../images/menu/kinalatunk_h-trans.png);
}
#menu-kinalatunk a span {
	background: url(../images/menu/kinalatunk-trans.png);
}
#menu-rendeles span,  #menu-rendeles a {
	width: 92px;
}
#menu-rendeles.active span,  #menu-rendeles:hover span {
	background: url(../images/menu/rendeles_h-trans.png);
}
#menu-rendeles a span {
	background: url(../images/menu/rendeles-trans.png);
}
#menu-party-szerviz span,  #menu-party-szerviz a {
	width: 127px;
}
#menu-party-szerviz.active span,  #menu-party-szerviz:hover span {
	background: url(../images/menu/party-szerviz_h-trans.png);
}
#menu-party-szerviz a span {
	background: url(../images/menu/party-szerviz-trans.png);
}
#menu-media span,  #menu-media a {
	width: 66px;
}
#menu-media.active span,  #menu-media:hover span {
	background: url(../images/menu/media_h-trans.png);
}
#menu-media a span {
	background: url(../images/menu/media-trans.png);
}
#menu-hirlevel span,  #menu-hirlevel a {
	width: 90px;
}
#menu-hirlevel.active span,  #menu-hirlevel:hover span {
	background: url(../images/menu/hirlevel_h-trans.png);
}
#menu-hirlevel a span {
	background: url(../images/menu/hirlevel-trans.png);
}
#menu-kapcsolat span,  #menu-kapcsolat a {
	width: 100px;
}
#menu-kapcsolat.active span,  #menu-kapcsolat:hover span {
	background: url(../images/menu/kapcsolat_h-trans.png);
}
#menu-kapcsolat a span {
	background: url(../images/menu/kapcsolat-trans.png);
}
/*oldalsó menü*/

#sidemenu {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 790px;
	top: 130px;
	background: #9966CC;
	height: 300px;
	list-style: none;
	z-index: 50;
}
#sidemenu a {
	overflow: hidden;
	line-height: 170px;
}
#sidemenu a,  #sidemenu span {
	display: block;
	text-indent: 270px;
	cursor: pointer;
}
#sidemenu span {
	position: absolute;
	top: 0;
	left: 0;
}
#sidemenu li {
	position: absolute;
}
#sidemenu-tortak {
	left: 0;
	top: 0;
}
#sidemenu-tortak a,  #sidemenu-tortak span {
	width: 109px;
	height: 54px;
	left: 30px;
}
#sidemenu-tortak span {
	background: url(../images/sidemenu/tortak.png);
}
#sidemenu-tortak a:hover span {
	background: url(../images/sidemenu/tortak_h.png);
}
#sidemenu-ajandektargyak {
	left: 0;
	top: 42px;
}
#sidemenu-ajandektargyak a,  #sidemenu-ajandektargyak span {
	width: 153px;
	height: 57px;
}
#sidemenu-ajandektargyak span {
	background: url(../images/sidemenu/ajandektargyak.png);
}
#sidemenu-ajandektargyak a:hover span {
	background: url(../images/sidemenu/ajandektargyak_h.png);
}
#sidemenu-muffinok-mignonok-minitortak {
	left: 14px;
	top: 104px;
}
#sidemenu-muffinok-mignonok-minitortak a,  #sidemenu-muffinok-mignonok-minitortak span {
	width: 125px;
	height: 56px;
}
#sidemenu-muffinok-mignonok-minitortak span {
	background: url(../images/sidemenu/muffinok-mignonok-minitortak.png);
}
#sidemenu-muffinok-mignonok-minitortak a:hover span {
	background: url(../images/sidemenu/muffinok-mignonok-minitortak_h.png);
}
#sidemenu-party-falatok {
	top: 159px;
	left: 8px;
}
#sidemenu-party-falatok a,  #sidemenu-party-falatok span {
	width: 135px;
	height: 41px;
}
#sidemenu-party-falatok span {
	background: url(../images/sidemenu/party-falatok.png);
}
#sidemenu-party-falatok a:hover span {
	background: url(../images/sidemenu/party-falatok_h.png);
}
#sidemenu-csokik-cukrok-nyalokak {
	top: 208px;
	left: 22px;
}
#sidemenu-csokik-cukrok-nyalokak a,  #sidemenu-csokik-cukrok-nyalokak span {
	width: 112px;
	height: 74px;
}
#sidemenu-csokik-cukrok-nyalokak span {
	background: url(../images/sidemenu/csokik-cukrok-nyalokak.png);
}
#sidemenu-csokik-cukrok-nyalokak a:hover span {
	background: url(../images/sidemenu/csokik-cukrok-nyalokak_h.png);
}
#center {
	margin: auto;
	height: 100%;
	width: 1000px;
	position: relative;
	z-index: 10;
}
#container {
	width: 1000px;
	height: 610px;
	position: absolute;
	top: 50%;
	margin-top: -320px;
}
#aktualis {
	position: absolute;
	width: 695px;
	height: 295px;
	background: url(../images/aktualis-trans.png);
	line-height: 284px;
	text-indent: -3000px;
	overflow: hidden;
	top: 112px;
	left: 85px;
	cursor: pointer;
}
#lablec-ajanlat {
	z-index: 50;
}
#lablec-ajanlat,  #lablec-ajanlat-bg {
	width: 919px;
	height: 97px;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 449px;
	left: 37px;
	list-style: none;
}
#lablec-ajanlat-bg {
	background: url(../images/lablec-ajanlat-trans.png);
}
#lablec-ajanlat li {
	float: left;
	margin: 0 30px 0 0;
	position: relative;
}
#lablec-ajanlat a,  #lablec-ajanlat span {
	display: block;
	cursor: pointer;
	overflow: hidden;
}
#lablec-csokis-tortak a,  #lablec-csokis-tortak span {
	width: 162px;
	height: 143px;
}
#lablec-csokis-tortak {
	left: 54px;
	bottom: 19px;
}
#lablec-csokis-tortak span {
	background: url(../images/lablec-ajanlat/csokis-tortak-trans.png);
}
#lablec-eskuvoi-tortak a,  #lablec-eskuvoi-tortak span {
	width: 155px;
	height: 152px;
}
#lablec-eskuvoi-tortak {
	left: 39px;
	bottom: 22px;
	margin-left: -40px!important;
}
#lablec-eskuvoi-tortak span {
	background: url(../images/lablec-ajanlat/eskuvoi-tortak-trans.png);
}
#lablec-szulinapi a,  #lablec-szulinapi span {
	width: 166px;
	height: 211px;
}
#lablec-szulinapi {
	left: 29px;
	bottom: 69px;
}
#lablec-szulinapi span {
	background: url(../images/lablec-ajanlat/szulinapi-trans.png);
}
#lablec-designed-by a,  #lablec-designed-by span {
	width: 149px;
	height: 174px;
}
#lablec-designed-by {
	left: 25px;
	bottom: 47px;
}
#lablec-designed-by span {
	background: url(../images/lablec-ajanlat/designed-by-trans.png);
}
#lablec-special-edition a,  #lablec-special-edition span {
	width: 159px;
	height: 203px;
}
#lablec-special-edition {
	left: 2px;
	bottom: 46px;
}
#lablec-special-edition span {
	background: url(../images/tortak/special-edition.png);
}
a {
	cursor: pointer;
}
#footer {
	background: url(../images/footer.png) no-repeat;
	width: 1000px;
	height: 35px;
	position: relative;
	margin: auto;
	top: 592px;
    left: 5px;
	line-height: 100px;
	overflow: hidden;
	text-align: center;
}
#footer .virtual-link {
    position: absolute;
    z-index: 100;
    width: 150px;
    height: 12px;
    display: block;
}
#footer #petofi {
    top: 1px;
    left: 195px;
}
#footer #paulay {
    top: 1px;
    right: 40px;
}
#footer div#graphasel_link
{
  position: absolute;
  z-index: 1000;
  top: 20px;
  right: 82px;
  height: 20px;
  line-height: 10px;
  color: #95c8de;
  font-size: 8pt;
  text-align: left;
}
#footer div#graphasel_link a
{
  color: #95c8de;
  font-weight: bold;
  font-size: 8pt;
  text-align: left;
  text-decoration: none;
}
#footer a#maps{
	position: absolute;
	top: 0;
	left: 160px;
	display: block;
	width: 145px;
}
#tortafajtak {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 161px;
	left: 30px;
}
#tortafajtak li {
	position: absolute;
}
#tortafajtak a,  #tortafajtak span {
	display: block;
}
#tortafajtak a {
	position: relative;
	text-indent: -2000px;
}
#tortafajtak span {
	position: absolute;
	top: 0;
	left: 0;
}
#tortak-homemade a,  #tortak-homemade span {
	width: 159px;
	height: 151px;
}
#tortak-homemade span {
	background:url(../images/tortak/homemade.png);
}
#tortak-kristalyos {
	left: 170px;
	top: 0;
}
#tortak-kristalyos a,  #tortak-kristalyos span {
	width: 126px;
	height: 181px;
}
#tortak-kristalyos span {
	background:url(../images/tortak/kristalyos.png);
}
#tortak-eskuvoi {
	left: 314px;
	top: -39px;
}
#tortak-eskuvoi a,  #tortak-eskuvoi span {
	width: 161px;
	height: 156px;
}
#tortak-eskuvoi span {
	background:url(../images/tortak/eskuvoi.png);
}
#tortak-designed {
	left: 452px;
	top: 28px;
}
#tortak-designed a,  #tortak-designed span {
	width: 160px;
	height: 183px;
}
#tortak-designed span {
	background:url(../images/tortak/designed.png);
}
#tortak-fashion {
	left: 612px;
	top: -24px;
}
#tortak-fashion a,  #tortak-fashion span {
	width: 116px;
	height: 136px;
}
#tortak-fashion span {
	background: url(../images/tortak/fashion.png);
}
#tortak-husveti {
	left: 155px;
	top: 221px;
}
#tortak-husveti a,  #tortak-husveti span {
	width: 173px;
	height: 161px;
}
#tortak-husveti span {
	background: url(../images/tortak/husveti.png);
}
#tortak-special-edition {
	left: 9px;
	top: 151px;
}
#tortak-special-edition a,  #tortak-special-edition span {
	width: 159px;
	height: 203px;
}
#tortak-special-edition span {
	background: url(../images/tortak/special-edition.png);
}
#tortak-karacsonyi {
	left: 160px;
	top: 225px;
}
#tortak-karacsonyi a,  #tortak-karacsonyi span {
	width: 182px;
	height: 150px;
}
#tortak-karacsonyi span {
	background: url(../images/tortak/karacsonyi.png);
}
#tortak-csokis {
	left: 295px;
	top: 125px;
}
#tortak-csokis a,  #tortak-csokis span {
	width: 164px;
	height: 152px;
}
#tortak-csokis span {
	background: url(../images/tortak/csokistortak.png);
}
#tortak-valentinnapi {
	left: 424px;
	top: 242px;
}
#tortak-valentinnapi a,  #tortak-valentinnapi span {
	width: 169px;
	height: 146px;
}
#tortak-valentinnapi span {
	background: url(../images/tortak/valentinnapi.png);
}
#tortak-szulinapi {
	left: 587px;
	top: 158px;
}
#tortak-szulinapi a,  #tortak-szulinapi span {
	width: 165px;
	height: 238px;
}
#tortak-szulinapi span {
	background: url(../images/tortak/szulinapi.png);
}
#tortafajtak-bg {
	width: 758px;
	height: 474px;
	background: url(../images/tortak-bg.png);
	text-indent: -2000px;
	position: absolute;
	top: 0;
	margin-top: 108px;
	left: 91px;
}
#szavakban-bg {
	width: 668px;
	height: 442px;
	background: url(../images/szavakban/bg.png);
	position: absolute;
	top: 128px;
	left: 98px;
}
#szavakban {
	position: absolute;
	width: 668px;
	height: 442px;
	padding: 0;
	margin: 0;
	left: 98px;
	top: 128px;
	list-style: none;
}
#szavakban li {
	position: absolute;
	overflow: hidden;
}
#szavakban span {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#szavakban a {
	position: absolute;
	z-index: 2;
	display: block;
	text-indent: -200px;
	overflow: hidden;
}
#szavakban-1 {
	left: 53px;
	top: 45px;
}
#szavakban-1 a {
	left: 190px;
	top: 140px;
	height: 30px;
	width: 135px;
}
#szavakban-1,  #szavakban-1 span {
	width: 348px;
	height: 193px;
	background: url(../images/szavakban/1.jpg);
}
#szavakban-2 {
	left: 410px;
	top: 64px;
}
#szavakban-2 a {
	left: 55px;
	top: 162px;
	height: 30px;
	width: 135px;
}
#szavakban-2,  #szavakban-2 span {
	width: 212px;
	height: 213px;
	background: url(../images/szavakban/2.jpg);
}
#szavakban-3 {
	top: 238px;
	left: 64px;
}
#szavakban-3 a {
	left: 140px;
	top: 115px;
	height: 20px;
	width: 120px;
}
#szavakban-3,  #szavakban-3 span {
	width: 279px;
	height: 149px;
	background: url(../images/szavakban/3.jpg);
}
#szavakban-4 {
	top: 278px;
	left: 345px;
}
#szavakban-4 a {
	left: 50px;
	top: 75px;
	height: 30px;
	width: 135px;
}
#szavakban-4,  #szavakban-4 span {
	width: 272px;
	height: 121px;
	background: url(../images/szavakban/4.jpg);
}

#inner-szavakban,  #party-szerviz-content {
	position: absolute;
	left: 211px;
	top: 191px;
	font-size: 11px;
	color: #4b2412;
}
#party-szerviz-content {
	top: 266px;
	left: 191px;
	font-family: "Tahoma", Arial;
	color: #848484;
}
#inner-szavakban p,  #party-szerviz-content p {
	line-height: 18px;
	margin: 0 20px 0 1em;
}
.szavakban-inner-1 {
    margin-top: 13px;
    margin-left: -11px;
    width: 500px!important;
    font-family: "Georgia", Arial;
}
.szavakban-inner-1 span {
    font-size: 16px!important;
}
.szavakban-inner-1 b {
    color: #ff4cc1;
}
.szavakban-4-inner {
    margin-top: 12px;
    margin-left: -11px;
    padding-right: 20px!important;
    width: 499px!important;
}
.szavakban-4-inner p{
    margin-bottom: 18px!important;
    font-family: "Georgia", Arial;
    letter-spacing: -0.4px;
    font-size: 11px;
}
#inner-szavakban h2 {
	margin: 1em 0 0 0;
	font-size: 11px;
}
#inner-szavakban ul {
	margin: 0;
	padding: 4px 16px;
	line-height: 18px;
}
#inner-szavakban em,  #party-szerviz-content em {
	font-style: normal;
	font-weight: bold;
	color: #ff4cc1;
}
#szavakban-navigation {
	position: absolute;
	top: 425px;
	left: 166px;
	width: 468px;
	height: 93px;
	padding: 0 0 0 42px;
	margin: 0;
	list-style: none;
	background: url(../images/szavakban/number-navigation.jpg);
}
#szavakban-navigation li {
	width: 60px;
	height: 93px;
	float: left;
	margin: 0 4px 0 0;
}
#szavakban-navigation a {
	display: block;
	width: 60px;
	height: 93px;
	background: url(../images/szavakban/number-navigation.jpg);
	position: relative;
	text-indent: 60px;
	overflow: hidden;
}
#nav-number-1 {
	background-position: -42px 93px!important;
}
#nav-number-2 {
	background-position: -106px 93px!important;
}
#nav-number-3 {
	background-position: -170px 93px!important;
}
#nav-number-4 {
	background-position: -234px 93px!important;
}
#nav-number-1.active,  #nav-number-1:hover {
	background-position: -42px 0!important;
}
#nav-number-2.active,  #nav-number-2:hover {
	background-position: -106px 0!important;
}
#nav-number-3.active,  #nav-number-3:hover {
	background-position: -170px 0!important;
}
#nav-number-4.active,  #nav-number-4:hover {
	background-position: -234px 0!important;
}
.h1number {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 180px;
	left: 146px;
	margin: 0;
	overflow: hidden;
	text-indent: 60px;
}
#number-1 {
	background: url(../images/szavakban/number-1.jpg);
}
#number-2 {
	background: url(../images/szavakban/number-2.jpg);
}
#number-3 {
	background: url(../images/szavakban/number-3.jpg);
}
#number-4 {
	background: url(../images/szavakban/number-4.jpg);
}
#kepekben-bg, #kepekben-bg2,  #kepekben, #kinalatunk-bg {
	width: 684px;
	height: 444px;
	position: absolute;
	top: 127px;
	left: 90px;
	padding: 0;
	margin: 0;
	list-style: none;
}
#kepekben-bg {
	background:url(../images/kepekben/bg.png);
}
#kepekben-bg2 {
    background:url(../images/kepekben/bg2.png);
}
#kepekben-petofi_u {
    width: 256px;
    height: 281px;
    background-image: url('../images/kepekben/petofi_u.jpg');
    top: 57px;
    left: 67px;
}
#kepekben-paulay_u {
    width: 269px;
    height: 277px;
    background-image: url('../images/kepekben/paulay_u.jpg');
    top: 96px;
    right: 70px;
}
#kepekben-petofi_u .iconbar {
    top: 248px;
    left: 64px;
}
#kepekben-paulay_u .iconbar {
    top: 244px;
    left: 61px;   
} 
#kepekben-petofi_u a,
#kepekben-paulay_u a{
    display: block;
    outline: none;
    width: 100%;
    height: 100%;
}      

#kinalatunk-bg {
	top: 128px;
	left: 92px;
	background:url(../images/kinalatunk/bg.png);
}
#kinalatunk-bg.ajandek {
	top: 116px;
	left: 93px;
	background:url(../images/kinalatunk/bg2.png);
}
#kepekben li {
	position: absolute;
}
#kepekben a {
	position: absolute;
	display: block;
	overflow: hidden;
	text-indent: -200px;
}
#kepekben-cukraszda-enterior {
	width: 213px;
	height: 213px;
	background: url(../images/kepekben/cukraszda-enterior.jpg);
	top: 92px;
	left: 75px;
}
#kepekben-cukraszda-enterior a {
	top: 170px;
	left: 20px;
	width: 200px;
	height: 35px;
}
#kepekben-image-kepek {
	width: 171px;
	height: 164px;
	background:url(../images/kepekben/image-kepek.jpg);
	top: 218px;
	left: 316px;
}
#kepekben-image-kepek a {
	top: 120px;
	left: 0;
	width: 170px;
	height: 30px;
}
#kepekben-mindennapjaink {
	width: 315px;
	height: 157px;
	background:url(../images/kepekben/mindennapjaink.jpg);
	top: 57px;
	left: 310px;
}
#kepekben-mindennapjaink a {
	width: 120px;
	height: 25px;
	left: 160px;
	top: 135px;
}
.kepekben-h1 {
	position: absolute;
	top: 183px;
	left: 160px;
	width: 233px;
	height: 58px;
	overflow: hidden;
	text-indent: -500px;
	margin: 0;
}
#cukraszda-enterior-h1 {
	background: url(../images/kepekben/h1-cukraszda-enterior.jpg)
}
#mindennapjaink-h1 {
	background: url(../images/kepekben/h1-mindennapjaink.jpg)
}
#image-kepek-h1 {
	background: url(../images/kepekben/h1-image-kepek.jpg)
}
#gallery, #product-gallery {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 234px;
	left: 180px;
	width: 600px;
}
#product-gallery {
	top: 230px;
	left: 164px;
}
#gallery li, #product-gallery li {
	float: left;
	margin: 7px;
}
#product-gallery li {
	margin: 0 0 5px 5px;
	position: relative;
}
#gallery img, #product-gallery img {
	display: block;
	background: #fff;
	padding: 5px;
	border: 1px solid #ffa6c8;
}
#product-gallery img {
	padding: 2px;
	border: 0;
	width: 67px;
	height: 67px;
}
#product-gallery span {
	display: block;
	width: 71px;
	height: 71px;
	position: absolute;
	background: url(../images/circle-mask.png);
}
#product-gallery a:hover span {
	background: url(../images/circle-mask_h.png);
	width: 81px;
	height: 81px;
	top: -5px;
	left: -5px;
}
#product-gallery.ajandek span {
	background: url(../images/circle-mask2.png);
}
#product-gallery.ajandek a:hover span {
	background: url(../images/circle-mask2_h.png);
}
#gallery a:hover img {
	background: #bffeff;
}
#gallery-nav {
	position: absolute;
	display: block;
	width: 161px;
	height: 16px;
	overflow: hidden;
	background: url(../images/kepekben/navigation.jpg);
	top: 212px;
	left: 536px;
}
#gallery-nav.prodgal {
	z-index: 1000;
	top: 478px;
	left: 535px;
}
#gallery-prev,  #gallery-next {
	display: block;
	float: left;
	height: 16px;
	overflow: hidden;
	position: relative;
	text-indent: -200px;
}
#gallery-prev {
	width: 65px;
}
#gallery-next {
	width: 95px;
	left: 1px;
}
#trend-bg, #trend {
	width: 725px;
	height: 475px;
	position: absolute;
	top: 116px;
	left: 72px;
}
#trend-bg {
	background: url(../images/trend/bg.png);
}
#trend {
	overflow: hidden;
	text-indent: -11000px;
}
#hangokban-bg,  #hangokban{
  width: 701px;
	height: 432px;
	position: absolute;
	top: 127px;
	left: 83px;
	padding: 0;
	margin: 0;
	list-style: none;
}
#hangokban-bg{
  background: url(../images/hangokban/bg.png);
}
#hangokban li{
  position: absolute;
  overflow: hidden;
  line-height: 400px;
}
#hangokban li#hangokban-title{
  top: 18px;
  left: 237px;
  z-index: 10;
  width: 352px;
  height: 107px;
  background: url(../images/hangokban/title.png);
}
#hangokban li#hangokban-p-1{
  top: 86px;
  left: 303px;
  z-index: 9;
  width: 302px;
  height: 101px;
  background: url(../images/hangokban/paragraph-1.png);
}
#hangokban li#hangokban-p-2{
  top: 196px;
  left: 341px;
  z-index: 8;
  width: 335px;
  height: 178px;
  background: url(../images/hangokban/paragraph-2.png);
}
#party-szerviz-bg,  #party-szerviz-nav {
	width: 685px;
	height: 444px;
	position: absolute;
	top: 127px;
	left: 90px;
}
#party-szerviz-bg {
	background: url(../images/partyszerviz/bg.png);
}
#party-szerviz-nav {
	width: 516px;
	height: 94px;
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	left: 171px;
	top: 201px;
}
#party-szerviz-nav li {
	float: left;
	width: 129px;
	height: 47px;
}
#party-szerviz-nav a {
	display: block;
	width: 129px;
	height: 47px;
	background: url(../images/partyszerviz/nav.jpg);
	overflow: hidden;
	position: relative;
	text-indent: -200px;
}
#party-eskuvoi a {
	background-position: 0 0;
}
#party-szulinapi a {
	background-position: -129px 0;
}
#party-alkalmi a {
	background-position: 258px 0;
}
#party-business a {
	background-position: -387px 0;
}
#party-eskuvoi a:hover,  #party-eskuvoi a.active {
	background-position: 0 -47px;
}
#party-szulinapi a:hover,  #party-szulinapi a.active {
	background-position: -129px -47px;
}
#party-alkalmi a:hover,  #party-alkalmi a.active {
	background-position: 258px -47px;
}
#party-business a:hover,  #party-business a.active {
	background-position: -387px -47px;
}
#rendeles-bg {
	background: url(../images/rendeles/bg.png);
	width: 683px;
	height: 455px;
	position: absolute;
	top: 117px;
	left: 90px;
}
#rendeles-text {
	top: 183px;
	left: 184px;
}
#rendeles-text,  #rendeles-text span {
	position: absolute;
	width: 501px;
	height: 153px;
	overflow: hidden;
}
#rendeles-text span {
	background: url(../images/rendeles/text.jpg);
}
#rendeles-info {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 353px;
	left: 161px;
	list-style: none;
}
#rendeles-info li {
	float: left;
	width: 150px;
	height: 150px;
	position: relative;
	overflow: hidden;
	background: url(../images/rendeles/boxes.jpg) no-repeat;
	margin-left: 25px;
	text-indent: -1000px;
}
#rendeles-fax {
	background-position: -175px 0!important;
}
#rendeles-email {
	background-position: -350px 0!important;
}
#kapcsolat,
#kapcsolat #bg{
	width: 686px;
	height: 444px;
	position: absolute;
	top: 128px;
	left: 90px;
    padding: 0px;
}
#kapcsolat #bg {
    top: 0px;
    left: 0px;
    background-image: url('../images/kapcsolat/contact-bg.png');
}

#kapcsolat h1{
    position: relative;
    top: 41px;
    left: 67px;
    width: 408px;
    height: 52px;
    margin: 0px!important;
    padding: 0px!important;

}

#kapcsolat h1 span {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 408px;
    height: 52px;
    background: url('../images/kapcsolat/kapcsolat-elerhetosegeink.jpg') top left no-repeat;   
}

#kapcsolat #sugar-stores {
    position: relative;
    top: 63px;
    left: 53px;
    width: 585px;
    height: 198px;
    margin: 0px!important;
    padding: 0px!important;
    list-style: none;
}

#sugar-stores .sugar-store {
    position: relative;
    width: 187px;
    height: 198px;
    margin: 0px 8px 0px 0px;
    padding: 0px;
    float: left;
}

.sugar-store h2 {
    margin: 0px;
    padding: 0px;
    text-align: center;
    line-height: 40px;
}

.sugar-store a,
.sugar-store a span {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 187px;
    height: 198px;
    display: block;
}

#store-paulay h2 span {
    background: url('../images/kapcsolat/kapcsolat-store-paulay.png');
}
#store-paulay h2 a:hover span {
    background: url('../images/kapcsolat/kapcsolat-store-paulay_over.png');
}
#store-petofi h2 span {
    background: url('../images/kapcsolat/kapcsolat-store-petofi.png');
}
#store-petofi h2 a:hover span {
    background: url('../images/kapcsolat/kapcsolat-store-petofi_over.png');
}
#store-office h2 span {
    background: url('../images/kapcsolat/kapcsolat-store-office.png');
} 
#store-office h2 a:hover span{
    background: url('../images/kapcsolat/kapcsolat-store-office_over.png');
}

#kapcsolat #more-info {
    position: absolute;
    bottom: 47px;
    left: 138px;
    width: 409px;
    height: 14px;
    font-size: 12px;
    color: #ff9494;
    text-align: center;
}
#kapcsolat #more-info span{
    display: block;
    width: 409px;
    height: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url('../images/kapcsolat/more-text.jpg');
}

#kapcsolat-single,
#kapcsolat-single #bg{
	width: 686px;
	height: 444px;
	position: absolute;
	top: 128px;
	left: 90px;
    padding: 0px;
}
#kapcsolat-single #bg {
    top: 0px;
    left: 0px;
    background-image: url('../images/kapcsolat/contact-bg2.png');
}
#kapcsolat-single h1 {
    position: relative;
    top: 41px;
    left: 67px;
    width: 408px;
    height: 52px;
    margin: 0px!important;
    padding: 0px!important;
}

#kapcsolat-single h1 span {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 408px;
    height: 52px;
    background: url('../images/kapcsolat/kapcsolat-elerhetosegeink.jpg') top left;   
}

#go-to-store {
    position: absolute;
    top: 51px;
    right: 66px;
    width: 110px;
    height: 30px;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#go-to-store li {
    position: relative;
    display: block;
    float: left;
    width: 30px;
    height: 30px;   
    margin: 0px;
    padding: 0px;
}
#go-to-store #to-paulay,
#go-to-store #to-office {
        margin-right: 10px!important;
}
#go-to-store a span{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 30px;
    display: block;
}

#go-to-store #to-paulay a span {
    background: url('../images/kapcsolat/to_paulay.jpg') 0px 0px;
}
#go-to-store #to-paulay a.actual-store span,
#go-to-store #to-paulay a:hover.actual-store span {
    background: url('../images/kapcsolat/to_paulay.jpg') -60px 0px;
}
#go-to-store #to-paulay a:hover span {
    background: url('../images/kapcsolat/to_paulay.jpg') -30px 0px;
}

#go-to-store #to-petofi a span {
    background: url('../images/kapcsolat/to_petofi.jpg') 0px 0px;
}
#go-to-store #to-petofi a.actual-store span,
#go-to-store #to-petofi a:hover.actual-store span {
    background: url('../images/kapcsolat/to_petofi.jpg') -60px 0px;
}
#go-to-store #to-petofi a:hover span {
    background: url('../images/kapcsolat/to_petofi.jpg') -30px 0px;
}

#go-to-store #to-office a span {
    background: url('../images/kapcsolat/to_office.jpg') 0px 0px;
}
#go-to-store #to-office a.actual-store span,
#go-to-store #to-office a:hover.actual-store span {
    background: url('../images/kapcsolat/to_office.jpg') -60px 0px;
}
#go-to-store #to-office a:hover span {
    background: url('../images/kapcsolat/to_office.jpg') -30px 0px;
}

#kapcsolat-single .store{
    position: relative;
    top: 63px;
    left: 53px;
    width: 187px;
    height: 198px;
}
#kapcsolat-single h2 {
    margin: 0px;
    padding: 0px;
    text-align: center;
    line-height: 40px;
}
#kapcsolat-single h2 span {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 187px;
    height: 198px;
    display: block;
}

#store-paulay .iconbar {
    top: 165px;
    left: 21px;
}

#store-petofi .iconbar {
    top: 165px;
    left: 35px;   
} 

#store-details  {
    position: absolute;
    top: 115px;
    right: 66px;
    width: 347px;
    height: 254px;
    font-size: 11px;
}
#store-details span{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 347px;
    height: 254px;
    display: block;
}

#store-details #store-location-petofi,
#store-details #store-location-paulay {
    display: block;
    width: 54px;
    height: 18px;
    border: 0px;
    outline: none;
    position: absolute;
    left: 24px;
    z-index: 10;
    text-indent: -1000px;
    overflow: hidden;
    cursor: pointer;
}

#store-details #store-location-petofi {
    top: 145px;
}
#store-details #store-location-paulay {
    top: 125px;
}

#store-details #petofi-address {
    background: url('../images/kapcsolat/petofi-address.jpg');
}

#store-details #paulay-address {
    background: url('../images/kapcsolat/paulay-address.jpg');
}
#store-details #office-address {
    background: url('../images/kapcsolat/office-address.jpg');
} 

span.kepekbengal{
    background: url('../images/kepekben/navigation2.jpg')!important;
    top: 489px!important;
    left: 515px!important;
}

#kepekben-menu {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 177px;
	left: 184px;
}
#kepekben-menu li {
	float: left;
}
#kepekben-menu li a {
	display: block;
	height: 51px;
	background-image: url(../images/kepekben/menu-new.jpg);
	position: relative;
	overflow: hidden;
	text-indent: -300px;
}
#kepekben-menu-petofi {
	width: 253px;
	background-position: 0 0px;
}
#kepekben-menu-paulay {
	width: 254px;
	background-position: -253px 0px;
}
#kepekben-menu-petofi.active,  #kepekben-menu-petofi:hover {
	background-position: 0 -51px;
}
#kepekben-menu-paulay.active,  #kepekben-menu-paulay:hover {
	background-position: -253px -51px;
}
#media-bg {
	background: url(../images/media-bg.png);
	width: 696px;
	height: 460px;
	position: absolute;
	top: 117px;
	left: 90px;
}
#media-scroll {
	position: absolute;
	top: 287px;
	left: 473px;
	width: 300px;
	overflow: auto;
}
#rolunk-irtak {
	list-style: none;
	padding: 0;
	margin: 0;
}
#rolunk-irtak li {
	width: 207px;
	border-bottom: 1px dashed #c0bdb8;
	float: left;
}
#rolunk-irtak span,  #rolunk-irtak a {
	display: block;
	text-decoration: none;
}
#rolunk-irtak a {
	padding: 5px 9px;
	width: 189px;
}
#rolunk-irtak a:hover {
	background: #e4fbff;
}
.url {
	font-size: 11px;
	font-weight: bold;
	color: #a09e99;
}
.description {
	font-size: 10px;
	color: #df73a5;
	text-transform: uppercase;
}
#media-images {
	position: absolute;
	top: 240px;
	left: 200px;
	width: 192px;
	height: 270px;
	overflow: hidden;
}
#media-images ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#media-images li {
	margin: 0 0 0 0;
	padding: 0;
	float: left;
}
#media-images a {
	font-size: 9px;
	color: #908e89;
	text-decoration: none;
}
#media-images img {
	display: block;
	border: 1px solid #c2bfba;
	width: 190px;
	height: 250px;
}
#media-elozo,  #media-kovetkezo {
	width: 34px;
	height: 33px;
	position: absolute;
	top: 350px;
	overflow: hidden;
	text-indent: -500px;
}
#media-elozo {
	left: 156px;
	background: url(../images/media/elozo.jpg);
}
#media-kovetkezo {
	left: 403px;
	background: url(../images/media/kovetkezo.jpg);
}
/*///////////////////////////////////////////////////////////////////////////*/

.scroll-pane,  .no-scroll-pane {
	position: relative;
	overflow: auto;
	width: 500px;
	padding-right: 0px;
	height: 219px;
}
#party-szerviz-content,  .scroll-pane {
	width: 520px;
}
#media-scroll .scroll-pane {
	width: 270px;
	height: 210px;
}
#party-szerviz-content .no-scroll-pane {
	width: 500px!important;
}
.no-scroll-pane {
	width: 450px;
}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
#media-scroll .jScrollPaneTrack {
	background: url(../images/scroll2.jpg) no-repeat 9px 0 #fff;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(../images/scroll.jpg) no-repeat 9px 0 #fff;
}
.jScrollPaneDrag {
	position: absolute;
	background: url(../images/scrollbar.png) repeat center bottom;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/

	height: 9px;
}
a.jScrollArrowUp:hover {
/*background-color: #f60;*/

}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/

	height: 9px;
}
a.jScrollArrowDown:hover {
/*background-color: #f60;*/

}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
/*background-color: #f00;*/

}
#izek-es-meretek-menu {
	position: absolute;
	top: 108px;
	left: 370px;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 260px;
	height: 60px;
}
#izek-es-meretek-menu a {
	display: block;
	height: 60px;
	overflow: hidden;
	text-indent: -200px;
}
#izek-es-meretek-menu li {
	height: 60px;
	float: left;
}
#izek-es-meretek-izek {
	width: 128px;
	background: url(../images/izek-es-meretek/izek.png);
}
#izek-es-meretek-meretek {
	width: 132px;
	background: url(../images/izek-es-meretek/meretek.png);
}
#izek-es-meretek-izek:hover, #izek-es-meretek-izek.active {
	background: url(../images/izek-es-meretek/izek_h.png);
}
#izek-es-meretek-meretek:hover, #izek-es-meretek-meretek.active {
	background: url(../images/izek-es-meretek/meretek_h.png);
}
#meretek-bg {
	position: absolute;
	top: 168px;
	left: 91px;
	width: 696px;
	height: 409px;
	background: url(../images/izek-es-meretek/meretek-bg.png);
	overflow: hidden;
	text-indent: -10000px;
}
#izek-bg {
	position: absolute;
	top: 176px;
	left: 115px;
	width: 673px;
	height: 394px;
	background: url(../images/izek-es-meretek/izek-bg.png);
	overflow: hidden;
	text-indent: -1000px;
}
#izek-bg ul {
	list-style: none;
}
#feliratkozas-form {
	visibility: hidden;
	width: 274px;
	height: 122px;
	position: absolute;
	z-index: 100;
	top: 100px;
	left: 680px;
}
#feliratkozas-form div {
	width: 274px;
	height: 122px;
	background: url(../hirlevel/feliratkozas.png);
	position: absolute;
	top: 0;
	left: 0;
}
#feliratkozas-form img {
	position: absolute;
	z-index: 200;
	top: 0;
	left: 0;
	display: none;
}
#feliratkozas-close {
	position: absolute;
	top: 20px;
	right: 24px;
	display: block;
	width: 20px;
	height: 20px;
	background: none;
	overflow: hidden;
	text-indent: -200px;
	z-index: 201;
	background: url(images/blank.gif);
}
#feliratkozas-form #email {
	position: absolute;
	display: block;
	width: 190px;
	height: 16px;
	border: none;
	top: 73px;
	left: 25px;
	background: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff4cc1;
}
#feliratkozas-ok {
	position: absolute;
	border: none;
	background: none;
	top: 65px;
	right: 20px;
	overflow: hidden;
	text-indent: -100px;
	line-height: 100px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}
#balloon {
	position: absolute;
	overflow: hidden;
	text-indent: -2000px;
	z-index: 1000;
	top: 50%;
	left: 50%;
}
#balloon-link {
	display: block;
	text-indent: -1000px!important;
	line-height: 1000px!important;
	position: absolute;
	z-index: 1000;
	width: 100%;
	height: 100%;
	overflow: hidden;
	
}
#balloon #balloon-background {
	background: url(../images/sos.png) no-repeat center center;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}
#balloon #balloon-close {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1001;
	width: 40px!important;
	height: 40px!important;
}
#balloon #balloon-close a {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 3px;
	right: 3px;
  z-index: 101;
	cursor: pointer;
	overflow: hidden;
}
#balloon a#link {
	z-index: 100;
	top: 15px;
	left: 13px;
	width: 200px;
	height: 120px;
}
#balloon-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #ceeeff;
	z-index: 999;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
}

/*ICONBAR*/
.iconbar {
    position: absolute;
    margin: 0px;
    padding: 0px;
}
.iconbar li {
    position: relative!important;
    width: 26px;
    height: 26px;
    float: left;
    display: block;
    cursor: pointer;
    background-position: bottom left;
    background-repeat: no-repeat;
}

#pink-udito {
    margin-right: 3px;
    padding-top: 1px;
}
#pink-suti {
    margin-right: 3px;
    padding-top: 0px;
}
#pink-fagyi {
    margin-right: 3px;
    padding-top: 1px;
}
#pink-rizs {
    margin-right: 4px;
    padding-top: 0px;
}
#pink-shop {
    margin-right: 0px;
    padding-top: 0px;
}
#blue-udito {
    margin-right: 0px;
    padding-top: 0px;
}
#blue-suti {
    margin-right: 5px;
    padding-top: 2px;
}
#blue-torta {
    margin-right: 2px;
    padding-top: 2px;
}
#blue-shop {
    margin-right: 0px;
    padding-top: 3px;
}
#darkpink-udito {
    margin-right: 2px;
    padding-top: 0px;
}
#darkpink-suti {
    margin-right: 3px;
    padding-top: 1px;
}
#darkpink-fagyi {
    margin-right: 3px;
    padding-top: 1px;
}
#darkpink-rizs {
    margin-right: 4px;
    padding-top: 0px;
}
#darkpink-shop {
    margin-right: 0px;
    padding-top: 1px;
}
#darkblue-udito {
    margin-right: 1px;
    padding-top: 0px;
}
#darkblue-suti {
    margin-right: 5px;
    padding-top: 2px;
}
#darkblue-torta {
    margin-right: 2px;
    padding-top: 2px;
}
#darkblue-shop {
    margin-right: 0px;
    padding-top: 3px;
}


#blue-udito {
    background-image: url('../images/iconbar/blue-udito.jpg');
}
#blue-suti {
    background-image: url('../images/iconbar/blue-suti.jpg');
}
#blue-torta {
    background-image: url('../images/iconbar/blue-torta.jpg');
}
#blue-fagyi {
    background-image: url('../images/iconbar/blue-fagyi.jpg');
}
#blue-rizs {
    background-image: url('../images/iconbar/blue-rizs.jpg');
}
#blue-shop {
    background-image: url('../images/iconbar/blue-shop.jpg');
}

#darkblue-udito {
    background-image: url('../images/iconbar/darkblue-udito.jpg');
}
#darkblue-suti {
    background-image: url('../images/iconbar/darkblue-suti.jpg');
}
#darkblue-torta {
    background-image: url('../images/iconbar/darkblue-torta.jpg');
}
#darkblue-shop {
    background-image: url('../images/iconbar/darkblue-shop.jpg');
}

#pink-udito {
    background-image: url('../images/iconbar/pink-udito.jpg');
}
#pink-suti {
    background-image: url('../images/iconbar/pink-suti.jpg');
}
#pink-torta {
    background-image: url('../images/iconbar/pink-torta.jpg');
}
#pink-fagyi {
    background-image: url('../images/iconbar/pink-fagyi.jpg');
}
#pink-rizs {
    background-image: url('../images/iconbar/pink-rizs.jpg');
}
#pink-shop {
    background-image: url('../images/iconbar/pink-shop.jpg');
}

#darkpink-udito {
    background-image: url('../images/iconbar/darkpink-udito.jpg');
}
#darkpink-suti {
    background-image: url('../images/iconbar/darkpink-suti.jpg');
}
#darkpink-fagyi{
    background-image: url('../images/iconbar/darkpink-fagyi.jpg');
}
#darkpink-rizs{
    background-image: url('../images/iconbar/darkpink-rizs.jpg');
}
#darkpink-shop {
    background-image: url('../images/iconbar/darkpink-shop.jpg');
}

.blue-title,
.darkblue-title,
.pink-title, 
.darkpink-title {
    position: absolute;
    top: -15px;
    display: none;
    padding: 3px 4px 4px 4px!important;
    font-family: Arial Narrow, Arial!important;
    font-size: 8px;
    line-height: 8px;
    white-space: nowrap;
    letter-spacing: 1px;
    background: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.blue-title {
    color: #778eff;
}
.darkblue-title {
    color: #0077af;
}
.pink-title {
    color: #ff77c3;
}
.darkpink-title {
    color: #e823bd;
}
.iconbar li:hover .blue-title,
.iconbar li:hover .darkblue-title,
.iconbar li:hover .pink-title,
.iconbar li:hover .darkpink-title {
    display: block;
}