body { font: 14px times new roman, serif; background: #fff; color: #333;}
strong, b, .bold { font-weight: bold; }
em, i, .italic { font-style: italic;}
a { text-decoration: none; }
a:hover { text-decoration: underline; }


#container { /*margin: 0px auto; width: 960px; */margin-left: -480px; width: 960px; left: 50%; position: absolute;  }
/*.container-content { padding: 0 10px; background: transparent url(bg.container-top.png) no-repeat center top; }*/

#masthead {margin-bottom: 20px;}
#masthead .bk_masthead-ver1 { height: 180px; background: url(bg_header1.jpg) no-repeat;}
#masthead .bk_masthead-ver2 { height: 180px; background: url(bg_header2.jpg) no-repeat;}
#masthead div.logo1,
#masthead div.logo2 { display: block; width: 186px; height: 138px; }
#masthead div.logo1 span { background: transparent url(logo1.png) no-repeat left top; }
#masthead div.logo2 span { background: transparent url(logo2.png) no-repeat left top; }


/** Content
*/
#content {  }
.content-wrap {  }


/* MENU

/* common styling */

.menu {width: 774px; height: 44px; right: -34px; top: 132px; position: absolute;  z-index:100;}
.menu ul li a.button1 { display:block; width: 182px; height: 44px; background: transparent url(fir.nav1.png) no-repeat top left; overflow:hidden; text-indent: -200px}
.menu ul li a.button2 { display:block; width: 182px; height: 44px; background: transparent url(fir.nav2.png) no-repeat top left; overflow:hidden; text-indent: -200px}
.menu ul li a { text-decoration:none; color:#000; width:137px; height:34px; text-align:left; color:#fff; background:#710069; font-size:11px; overflow:hidden; margin-left: -34px; position:relative;}


.menu ul li a.introduction {background-position: 0 0; }
.menu ul li a.news {background-position: -182px top; }
.menu ul li a.tatoo {background-position: -364px top; }
.menu ul li a.services {background-position: -546px top;}
.menu ul li a.contact {background-position: -728px top; }

/*	active
*/
.menu ul li.active a.introduction {background-position: 0px -88px; }
.menu ul li.active a.news {background-position: -182px -88px; }
.menu ul li.active a.tatoo {background-position: -364px -88px; }
.menu ul li.active a.services {background-position: -546px -88px;}
.menu ul li.active a.contact {background-position: -728px -88px; }

.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* non-ie
**/

.menu ul li:hover a.introduction {background-position: 0 -44px;}
.menu ul li:hover a.news {background-position: -182px -44px;}
.menu ul li:hover a.tatoo {background-position: -364px -44px;}
.menu ul li:hover a.services {background-position: -546px -44px;}
.menu ul li:hover a.contact {background-position: -728px -44px;}

.menu ul li:hover ul {display:block; position:absolute; top:40px; left:0; width:137px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {}
.menu ul.menu-ver1 li:hover ul li a {background: transparent url(fir.navsub1.png) no-repeat top left;}
.menu ul.menu-ver2 li:hover ul li a {background: transparent url(fir.navsub2.png) no-repeat top left;}
.menu ul li:hover ul li a {display:block;  text-indent: -200px; overflow: hidden;color:#000;}

/* introduction sub
**/
.menu ul li:hover ul li a.intro-01 {background-position: 0px 0px;}
.menu ul li:hover ul li a.intro-02 {background-position: 0px -34px;}
.menu ul li:hover ul li a.intro-03 {background-position: 0px -68px;}
.menu ul li:hover ul li a.intro-04 {background-position: 0px -102px;}
.menu ul li:hover ul li a.intro-01:hover {background-position: -137px 0px;}
.menu ul li:hover ul li a.intro-02:hover {background-position: -137px -34px;}
.menu ul li:hover ul li a.intro-03:hover {background-position: -137px -68px;}
.menu ul li:hover ul li a.intro-04:hover {background-position: -137px -102px;}

/* tatoo sub
**/
.menu ul li:hover ul li a.tatoo-01 {background-position: -274px 0px;}
.menu ul li:hover ul li a.tatoo-02 {background-position: -274px -34px;}
.menu ul li:hover ul li a.tatoo-03 {background-position: -274px -68px;}
.menu ul li:hover ul li a.tatoo-04 {background-position: -274px -102px;}
.menu ul li:hover ul li a.tatoo-01:hover {background-position: -411px 0px;}
.menu ul li:hover ul li a.tatoo-02:hover {background-position: -411px -34px;}
.menu ul li:hover ul li a.tatoo-03:hover {background-position: -411px -68px;}
.menu ul li:hover ul li a.tatoo-04:hover {background-position: -411px -102px;}

/* services sub
**/
.menu ul li:hover ul li a.services-01 {background-position: -548px 0px;}
.menu ul li:hover ul li a.services-02 {background-position: -548px -34px;}
.menu ul li:hover ul li a.services-03 {background-position: -548px -68px;}
.menu ul li:hover ul li a.services-04 {background-position: -548px -102px;}
.menu ul li:hover ul li a.services-05 {background-position: -548px -136px;}
.menu ul li:hover ul li a.services-06 {background-position: -548px -170px;}
.menu ul li:hover ul li a.services-01:hover {background-position: -685px 0px;}
.menu ul li:hover ul li a.services-02:hover {background-position: -685px -34px;}
.menu ul li:hover ul li a.services-03:hover {background-position: -685px -68px;}
.menu ul li:hover ul li a.services-04:hover {background-position: -685px -102px;}
.menu ul li:hover ul li a.services-05:hover {background-position: -685px -136px;}
.menu ul li:hover ul li a.services-06:hover {background-position: -685px -170px;}

/* actions

**/

div.bk_masthead-ver1 ul.actions {width: 297px; height: 37px; top: 0px; right: 14px; position: absolute; }
div.bk_masthead-ver1 ul.actions li a {background: url(actions.png) no-repeat top left; height: 37px; text-indent: -200px; overflow:hidden;}
div.bk_masthead-ver1 ul.actions li.newsletter a { background-position: 0px 0px; width:138px; }
div.bk_masthead-ver1 ul.actions li.guestbook a {background-position: -138px 0px; width:159px; }

div.bk_masthead-ver2 ul.actions {width: 297px; height: 37px; top: 0px; right: 14px; position: absolute; }
div.bk_masthead-ver2 ul.actions li a {background: url(actions.png) no-repeat top left; height: 37px; text-indent: -200px; overflow:hidden;}
div.bk_masthead-ver2 ul.actions li.newsletter a { background-position: 0px -37px; width:138px; }
div.bk_masthead-ver2 ul.actions li.guestbook a {background-position: -138px -37px; width:159px; }




/** Footer
*/
div.bk_footer-ver1 {display: block; height:94px; background: url(bg-footer.png) no-repeat top left; }
div.bk_footer-ver1 div.footer-logo a { width: 269px; height: 38px; margin:11px 0px 0px 28px; background: url(fir.footer-logo.png) no-repeat top left; float: left; text-indent: -200px; overflow: hidden;}
div.bk_footer-ver2 {display: block; height:94px; background: url(bg-footer.png) no-repeat; background-position: 0px -94px;}
div.bk_footer-ver2 div.footer-logo a { width: 269px; height: 38px; margin:11px 0px 0px 28px; background: url(fir.footer-logo.png) no-repeat; background-position: 0px -38px; float: left; text-indent: -200px; overflow: hidden;}

#footer { margin-top: 15px; height: 26px; font-size: 13px; color: #f3fbe0; background: transparent url(bg.footer.png) repeat-x left top; clear: both; float: none; }
#footer ul {float:right; margin: 22px 20px 0px 0px; }
#footer li { padding: 0px 19px; text-align: center; }
#footer li a { font-size: 14px; color: #fff; font-weight: bold}


/*	CONTENT
*/



.title-h2 {padding: 13px 0px 0px 13px;}
.title-h1 {padding: 13px 0px 0px 13px;}
h2 {font: normal 19px times new roman, serif; color: #fff;}
h1 {font: normal 19px times new roman, serif; color: #fff;}
h2 a {color: #fff;}
h2 a:hover {text-decoration: none;}
h2.style-head2-inline {display: inline; font: normal 14px times new roman, serif; color: #333; background: transparent !important; background-color: transparent !important; margin: 0; padding: 0; float: none;}

div.bk_index-head {background-color: #fff; margin-bottom: -10px; padding-bottom: 20px}
div.bk_index-content {margin-top: 0px;padding-bottom: 10px; }

span.contact {float: left; display: block; width: 320px; margin-left: 10px;}
p.contact-box {margin-left: 20px; display: block;}
p.contact-box a {cursor: pointer; color: #099db9;}
span.contact-open {margin-left: 40px; display: block; }

.aright {text-align: right;}
/* index head navigation
*/
/* index subhead
*/
a.bk_index-navhead {height: 303px;}
.subhead-home { background: url(fir.subhead.home.jpg) no-repeat top left;}
.subhead-tatoo { background: url(fir.subhead.tatoo.jpg) no-repeat top left;}
.subhead-services { background: url(fir.subhead.services.jpg) no-repeat top left;}
.subhead-introduction { background: url(fir.subhead.introduction.jpg) no-repeat top left;}
/* recommendation
*/

a.bk_recommendation {display: block; height: 303px; background: url(fir.recommendation.jpg) no-repeat top left; }
div.bk_index_ver2 a.bk_recommendation {background-position: 0px -303px; }


/* banners
*/

div.span-530 a {position: relative; height: 120px; width: 260px; background: url(fir.index.banner.jpg) no-repeat top left; text-decoration: none !important;}
div.span-530 a.banner-tatoo {background-position: 0px 0px;}
div.span-530 a.banner-body {background-position: -260px 0px;}
div.span-530 a.banner-face {background-position: 0px -120px;}
div.span-530 a.banner-ipl {background-position: -260px -120px;}
div.span-530 a.banner-foto {background-position: 0px -240px;}


div.span-530 a span{display: block; height: 22px; width: 260px; background: url(fir.index.banner.button.png) no-repeat top left; font: bold 16px times new romman, serif; color: #e7f6f8; text-indent: -85px; position: absolute; bottom: 0px; cursor:pointer; padding-top:3px; text-align: center; letter-spacing: -0.01em;}
div.span-530 a:hover span {color: #0598b1; }
div.span-530 a.banner-tatoo span {background-position: 0px 0px;}
div.span-530 a.banner-body span {background-position: 0px -25px;}
div.span-530 a.banner-face span {background-position: 0px -50px;}
div.span-530 a.banner-ipl span {background-position: 0px -75px;}
div.span-530 a.banner-tatoo:hover span {background-position: -260px 0px;}
div.span-530 a.banner-body:hover span {background-position: -260px -25px;}
div.span-530 a.banner-face:hover span {background-position: -260px -50px;}
div.span-530 a.banner-ipl:hover span {background-position: -260px -75px;}

div.bk_index_ver2 div.span-530 a.banner-foto span {background-position: 0px -100px;}
div.bk_index_ver2 div.span-530 a.banner-body span {background-position: 0px -125px;}
div.bk_index_ver2 div.span-530 a.banner-face span {background-position: 0px -150px;}
div.bk_index_ver2 div.span-530 a.banner-ipl span {background-position: 0px -175px;}
div.bk_index_ver2 div.span-530 a.banner-foto:hover span {background-position: -260px -100px;}
div.bk_index_ver2 div.span-530 a.banner-body:hover span {background-position: -260px -125px;}
div.bk_index_ver2 div.span-530 a.banner-face:hover span {background-position: -260px -150px;}
div.bk_index_ver2 div.span-530 a.banner-ipl:hover span {background-position: -260px -175px;}




/* INDEX CONTENTS
*/
/* nav
*/

div.index-nav {padding: 0px 0px 0px 10px;}
div.index-nav h2 {display: block; background: url(fir.nav-index.png) no-repeat; padding:10px 0px 0px 65px; height:35px; margin:10px 0px; border-bottom: solid 2px #c4e8ef; background-position: 20px 0px;}
div.index-nav h2 a {position: absolute; top: 6px; font-size: 19px; /*font-style: italic;*/ color: #333;}
div.index-nav h2 a:hover {text-decoration: underline; color: #0395ae;}
div.bk_index_ver2 div.index-nav h2 {background: url(fir.nav-index2.png) no-repeat;background-position: 20px 0px; border-bottom: solid 2px #d1f5e6;}



/* index
*/
div.index-news {padding: 0px 10px;}
div.news-date {color: #0395ae;line-height: 13px;}
div.news-title h3 {margin-bottom: 0px;}
div.news-title h3 a {font-size: 16px; /*font-style: italic;*/ color: #888; }
div.news-title h3 a:hover {color: #0395ae;}
div.news-content { font-size: 14px; color: #555; line-height: 15px;}
div.news-content div {margin-top: 10px;}
a.news-content-more {background: url(fir.more.png) no-repeat; text-indent: -200px; height: 26px; width: 93px}
a.news-content-back {background: url(fir.back.png) no-repeat; text-indent: -200px; height: 26px; width: 93px; margin-bottom: 5px;}
h2.index-news-title {background: url(bg_index-title.png) no-repeat; height: 49px;}


/* introduction
*/



/* aloldalak
*/
div.subcontent-head-container {position: relative; background-color: #daedf1; }
div.subcontent-head-container h2 {height: 43px; width: 690px; background: url(bg.subcontent-head.png) no-repeat top left; padding: 0px;}
div.subcontent-head-container h1 {height: 43px; width: 690px; background: url(bg.subcontent-head.png) no-repeat top left; padding: 0px;}

h2 span.price-head { }

div.price-head-container {position: relative;}
div.price-head-container h2 {height: 31px; width: 690px !important; background: url(bg.subcontent-price-head.png) no-repeat top left; padding: 0px;margin-top: 5px; }
div.bk_index_ver2 div.price-head-container h2 {background-position: 0px -37px;}
div.price-head-container span.title-h2 {padding: 5px 0px 0px 13px;}


div.bk_index_ver2 div.subcontent-head-container h2.price-head { border-bottom: solid 2px #49b5a8;}

div.bk_index_ver2 div.subcontent-head-container {position: relative; background-color: #daf1f0; }
div.bk_index_ver2 div.subcontent-head-container h2 {height: 43px; width: 690px; /*background: url(bg.subcontent-head.png) no-repeat bottom left; */ background-position: 0px -44px;}

div.subcontent-head {padding: 10px 10px 15px; }
div.subcontent-head.block {margin-bottom: 0px;}
div.subcontent-head-text {padding: 10px 0px 0px;}
h3 a:link,
h3 a:visited {font-size: 15px;font-weight: bold; /*font-style: italic;*/ color: #555; }
h3 a:hover {color: #0395ae;}

h1 a:link,
h1 a:visited {font-size: 15px;font-weight: bold; /*font-style: italic;*/ color: #555; }
h1 a:hover {color: #0395ae;}

div.subcontent-head ul li {margin: 2px 0px;}
div.subcontent-head h4 a:link,
div.subcontent-head h4 a:visited {font-size: 14px;font-weight: bold; /*font-style: italic;*/ color: #555; background: url(fir.subcontent.listimg3.png) no-repeat; background-position: 0px 4px; padding: 0px 0px 0px 10px;}
div.subcontent-head h4 a:hover {color: #0395ae;background: url(fir.subcontent.listimg3_1.png) no-repeat;background-position: 0px 4px;}

span.subcontent-head-pic {float: right; margin-right: 0px; }
span.subcontent-head-pic span {font-size: 11px; margin-left: 10px; }
span.subcontent-head-pic span p {margin-left: 10px;}
span.subcontent-head-pic img {display: block; }

h3, .style-head3 {font: normal 18px times new roman, serif; /*font-style: italic;*/ margin-bottom: 20px;}
.style-head3 {color:#4ab7aa;}
h3 span.h3-large {font-size: 21px; color:#319488;}
h4 {/*font-style: italic;*/ font-weight: normal;}
p {padding: 0px 0px;}


div.subcontent-descriptions {padding: 10px;}
div.subcontent-descriptions a {color: #5dcec9;}
div.subcontent-descriptions h3 {color: #00a1c0; }
div.bk_index_ver2 div.subcontent-descriptions h3 {color: #4ab7aa;}



div.subcontent-descriptions ul.descriptions {margin: 10px 10px;}
div.subcontent-descriptions ul.descriptions li {padding: 0px; margin: 5px 10px 5px 20px; list-style-image: url(fir.subcontent.listimg.png); }
div.bk_index_ver2 div.subcontent-descriptions ul.descriptions li {list-style-image: url(fir.subcontent.listimg2.png);}

div.subcontent-descriptions ul.descriptions dl {margin-left: 20px;}
div.subcontent-descriptions ul.descriptions dl dt {padding-left: 30px;}
div.subcontent-descriptions ul.descriptions dl dd {padding-left: 60px;}
ul.pub_link a {color: #444; font-weight: bold;}


table.tatoo-price {}
table.tatoo-price td.tatoo-price-01 {width: 400px;}
table.tatoo-price td.tatoo-price-02 {width: 60px;}
table.tatoo-price td.tatoo-price-03 {text-align: center;width: 200px;}

span.tatoo-public-question {color: #379793;}
/* teszt
tatoo-sub01 -> Trendek/alcimek
*/
.color_h3 {color: #4ab7aa;}

p.tatoo-sub03-inf {width: 200px;}


/* recommendation form
*/
div.recom-content {position: relative; top: 0px; margin: 0; padding: 20px 30px; width: 720px; height: 360px; background: url(bg_commendatory.jpg); background-color: #fff; text-align: left; border: solid 4px #0ea7c1;}

/*div.recom-content {position: relative; top: 20px; margin: 0px auto; padding: 20px 30px; width: 720px; height: 360px; background: url(bg_commendatory.jpg); background-color: #fff; text-align: left; border: solid 4px #0ea7c1;}
*/
div.subcontent-head-container-recom h3 {font: normal 23px times new roman; color: #038aa2; margin-bottom: 0px;}

div.recom-form {padding: 0px; font: bold 14px times new roman, serif;}
div.recom-form form {font: bold 14px times new roman, serif; }
form.jNice {display: block; width: 355px; margin: 12px 0px 0px 0px;}
span.com-input {}
span.com-body { display:block; margin: 10px 0px 0px 0px; padding: 8px 0px; border-top: solid 1px #1cb8d2; }
span.com-input span {margin: 1px 0px; float: left;}
span.com-input span.com-input-line {display: block;  float: right; margin-right: 50px;}
span.com-input-line {}

span.com-close {display: block; width: 43px; height: 44px; background-image: url(com-close.png); cursor: pointer; float: right; position: absolute; top: 10px; right: 20px;}

/* newsletter form
*/

form.newsletter-form ul li span {display: block; width: 100px; float: left;}
form.newsletter-form ul li {margin: 15px 0px;}
form.newsletter-form ul li input {border: solid 2px #038aa2; width: 230px;}
form.newsletter-form ul li.newsletter-select {display: block; width: 320px; height: 20px; margin: 15px 0px 0px 0px;}
form.newsletter-form span.select-border { display: block; width: 150px; border: solid 1px #038aa2; display: table-cell; margin: 0px; padding: 0px;}
form.newsletter-form span.select-border select {width: 150px;}

form.newsletter-form span.newsletter-alert {display: block; height: auto !important; line-height: 1.5em !important; width: 340px; background-color: #fff9ce; padding: 1px 10px; border-top: solid 1px #1cb8d2; border-bottom: solid 1px #1cb8d2; margin: 16px 0px; line-height: 47px;}


/* PRICE TABLE
*/
h4.h4_fav {font-weight: bold; color: #00a1c0;}
div.bk_index_ver2 h4.h4_fav {font-weight: bold; color: #4ab7aa;}

table.price_table {border-collapse: collapse; text-align: left; background: none !important;/*background: url(bg_price_table1.png) no-repeat;*/ clear: both; float: none; margin-bottom: 20px;}
div.bk_index_ver2 table.price_table {border-collapse: collapse; text-align: left; background: none !important;/*background: url(bg_price_table2.png) no-repeat;*/}
table.price_table tr td {border-bottom: solid 1px #00bae1; padding: 8px;}
div.bk_index_ver2 table.price_table tr td {border-bottom: solid 1px #4ab7aa; padding: 8px;}

table.price_table tr.price_table-head td {border-bottom: none;}
table.price_table tr.price_table-fav td {background-color: #f6ea98;}

td.price_table-col1 {width: 430px;}
td.price_table-col2 {width:45px;}
td.price_table-col3 {width: 135px;}
td.price_table-aright {text-align: right; padding-right: 40px !important;}

table.price_table tr.price_table_last td.last-row {border-bottom: none;}

/* price table commendatory
*/
div.recom-content-table-fav h4 {margin-left: 10px; color: #038aa2 }
div.recom-content-table {position: relative; top: 0px; margin: 0px auto; padding: 20px 10px 1px 10px; width: 743px; background-color: #fff; text-align: left; border: solid 4px #0ea7c1;}
table.price_table-com {border-collapse: collapse; text-align: left; background: url(bg_price_table1_com.png) no-repeat; clear: both; float: none; margin: 0px 0px 20px 0px;}
table.price_table-com tr td {border-bottom: solid 1px #00bae1; padding: 8px;}
table.price_table-com tr.price_table-head td {border-bottom: none;}
table.price_table-com tr.price_table-fav td {background-color: #f6ea98;}

table.price_table-com tr td.tdfirst {padding-left: 15px;}
td.price_table-com-col1 {width: 90px;}
td.price_table-com-col2 {width:450px;}
td.price_table-com-col3 {width: 25px;}
td.price_table-com-col4 {width: 145px;}

p.price_table-lead {margin: 0px 0px 10px 10px;}

div.recom-content-table div.subcontent-head-container-recom h3 {font: normal 23px times new roman; color: #038aa2; margin: 0px 0px 20px 20px;}
span.com-close2 {display: block; width: 43px; height: 44px; background-image: url(com-close2.png); cursor: pointer; float: right; position: absolute; top: 10px; right: 20px;}


/* Article
*/
p.article {}
p.article span.article-ver1 {font-weight: bold; color: #07c0df;}
p.article span.article-ver2 {color: #a79627;}
p.article span.article-date {font-size: 12px;}
p.article img {float: left; margin: 0px 10px 0px 0px;}
p.article span.article-title h3 {margin-bottom: 0px;}
p.article span.article-lead {font-weight: bold;}


/* guestbook
*/

h4.guestbook-title {font-weight: bold;}

/*depilate-tb*/
table.depilate-tb tr td {padding:5px; vertical-align:top; font-size:13px;}
table.depilate-tb tr td strong {font-size:14px;}

/* JAVASCRIPT
*/

/************* slide toggle **************
******************************************/

.msg_list {margin: 10px 0px 10px 10px;padding: 0px;width: 660px;}
.msg_head, h2.msg_head {padding: 3px 10px;font-weight: bold;cursor: pointer;position: relative;/*background-color:#FFCCCC;*/margin:1px; background: url(fir.subcontent.listimg2.png) no-repeat; background-position: 0px 7px;}
h2.msg_head {display: block !important; color: #333 !important; font-size: 14px !important;}
.msg_head:hover {text-decoration: underline;}
.activet {font: bold 14px times new roman, serif; color: #4ab7aa;padding: 3px 10px;cursor: pointer;position: relative;background: url(fir.subcontent.listimg2_1.png) no-repeat; background-position: 0px 7px;margin:1px; }
.msg_body {margin-left: 10px; padding: 5px 10px 15px; /*background-color:#f6f6f6;*/ background-color:#daf1f0;}
ul.msg_body_list {margin: 5px 0px 10px 10px;}
/*-------*/


/*********** Jquery NICE FORM ************
******************************************/

div.recomm-pop .jRadioWrapper {/*float: left;*/}
div.recomm-pop .jNiceRadio {background: transparent url(radio_ok.png) no-repeat center top;vertical-align: middle;height: 20px;width: 18px;display:block;/*display: -moz-inline-block;*/}
div.recomm-pop .jNiceChecked { background-position: center bottom;}
div.recomm-pop .jNiceHidden {display: none;}