@charset "utf-8";

/* preset */
html, body {width: 100%; height: 100%; margin: 0px; padding: 0px;}
body {position: relative; left: 0px; top: 0px; border: 0px; background: #233670 url('../i/body.gif') 0px 0px repeat-x fixed; font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #1353A2;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, sup, sub, large, small, form, fieldset, legend, label, input, textarea, select, object, embed {text-align: left; vertical-align: top;}
div, h1, h2, h3, h4, h5, h6, p, a, ul, ol, li, dl, dt, dd, sup, sub, large, small, img, span, form, fieldset, legend, label, input, textarea, select, object, embed, table, tr, th, td {margin: 0px; padding: 0px; border: 0px;}
fieldset, legend, input, textarea, select, object, embed, table, tr, th, td {border-spacing: 0px; border-collapse: collapse;}
div, object, embed, form, fieldset, legend, label, input, textarea, select, h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd, img, a, sup, sub, large, small {position: relative; display: block;}
table, tr, th, td {position: relative; border-collapse: separate;}
a, span, sup, sub, large, small {position: static; display: inline;}
li {display: list-item;}
a {text-decoration: underline; color: #1353A2; outline: none;}
a:hover {text-decoration: none; color: #1353A2; outline: none;}

object, embed, object div, embed div {position: relative; display: block; left: 0px; top: 0px; width: 100%; height: 100%; margin: 0px; padding: 0px;}
a span {display: none;}
.hidden {display: none !important;}
.visible {display: block;}
div.print {display: none;}
div.printscreen {display: none;}

div.clearboth {position: relative; display: block; float: none; clear: both; left: 0px; top: 0px; width: 1px; height: 0px; margin: 0px; padding: 0px; overflow: hidden; visibility: hidden;}
/* /preset */



/* layout */
div.placeholder {float: none; clear: both; left: 0px; top: 0px; width: 1px; height: 11%; overflow: hidden; visibility: hidden; z-index: 100;}

div.container {position: relative; float: none; clear: both; width: 834px; height: auto; margin: 0px auto 0px auto; background: transparent; overflow: visible; z-index: 100;}

div.head {float: left; clear: both; width: 834px; height: 102px; overflow: visible; background: url('../i/head.gif') 0px 17px no-repeat; z-index: 101;}

div.cont {float: left; clear: both; width: 834px; height: auto; margin: 12px 0px 0px 0px; overflow: visible; background: url('../i/cont.gif') 0px 0px repeat-y; z-index: 201;}
div.cont div.bg_top {float: none; clear: both; top: -12px; width: 834px; height: 12px; margin: 0px 0px -12px 0px; overflow: hidden; background: url('../i/cont_top.gif') 0px 0px no-repeat;}
div.cont div.bg_bot {float: none; clear: both; top: 12px; width: 834px; height: 12px; margin: -12px 0px 0px 0px; overflow: hidden; background: url('../i/cont_bot.gif') 0px 0px no-repeat;}
div.cont div.box {float: none; clear: both; width: 770px; height: auto; margin: 20px 32px 12px 32px; padding: 0px 0px 0px 0px; overflow: visible; background: url('../i/box.gif') 0px 0px repeat-y; z-index: 10;}
div.cont div.box div.bg_top {top: -12px; width: 770px; height: 43px; margin: 0px 0px 0px 0px; overflow: hidden; background: url('../i/box_top.gif') 0px 0px no-repeat; z-index: 1;}
div.cont div.box div.bg_bot {top: 12px; width: 770px; height: 43px; margin: 0px 0px 0px 0px; overflow: hidden; background: url('../i/box_bot.gif') 0px 0px no-repeat; z-index: 1;}
div.cont div.box div.inner {float: none; clear: both; width: 770px; height: auto; margin: -43px 0px -43px 0px; padding: 0px 0px 0px 0px; overflow: hidden; z-index: 2;}
div.cont div.box div.inner div.box {display: block; float: none; clear: both; width: 750px; height: auto; margin: 20px 10px 12px 10px; padding: 0px 0px 0px 0px; overflow: visible; background: url('../i/boxi.gif') 0px 0px repeat-y; z-index: 10;}
div.cont div.box div.inner div.box div.bg_top {top: -12px; width: 750px; height: 28px; margin: 0px 0px 0px 0px; overflow: hidden; background: url('../i/boxi_top.gif') 0px 0px no-repeat; z-index: 11;}
div.cont div.box div.inner div.box div.bg_bot {top: 12px; width: 750px; height: 28px; margin: 0px 0px 0px 0px; overflow: hidden; background: url('../i/boxi_bot.gif') 0px 0px no-repeat; z-index: 11;}
div.cont div.box div.inner div.box div.inner {float: none; clear: both; width: 750px; height: auto; margin: -36px 0px -28px 0px; padding: 0px 0px 0px 0px; overflow: hidden; z-index: 12;}

div.cont div.boxlead {float: none; clear: both; width: 338px; height: auto; margin: 20px 32px 36px 464px; padding: 0px 0px 0px 0px; overflow: visible; background: url('../i/boxp.gif') 0px 0px repeat-y; z-index: 10;}
div.cont div.boxlead div.bg_top {top: -12px; width: 338px; height: 28px; margin: 0px 0px 0px 0px; overflow: hidden; background: url('../i/boxp_top.gif') 0px 0px no-repeat; z-index: 1;}
div.cont div.boxlead div.bg_bot {top: 12px; width: 338px; height: 28px; margin: 0px 0px 0px 0px; overflow: hidden; background: url('../i/boxp_bot.gif') 0px 0px no-repeat; z-index: 1;}
div.cont div.boxlead div.inner {float: none; clear: both; width: 338px; height: auto; margin: -36px 0px -28px 0px; padding: 0px 0px 0px 0px; overflow: hidden; z-index: 2;}


div.cont div.colc {float: none; clear: none; width: 834px; overflow: visible; z-index: 220;}

div.foot {float: none; clear: both; width: 834px; height: 114px; margin: 12px auto 0px auto; overflow: visible; background: url('../i/foot.gif') 0px 14px no-repeat; z-index: 300;}
/* /layout */



/* main */
div.main {width: 834px; height: 630px; overflow: hidden; background: url('../i/main.jpg') 0px 0px no-repeat;}
div.main a.fodraszat {position: absolute; display: block; left: 0px; top: 390px; width: 300px; height: 240px; overflow: hidden;}
div.main a.vasarloikartya {position: absolute; display: block; left: 320px; top: 390px; width: 190px; height: 240px; overflow: hidden;}
div.main a.shop {position: absolute; display: block; left: 530px; top: 390px; width: 304px; height: 240px; overflow: hidden;}
div.main div.bubble {position: absolute; left: 554px; top: 133px; width: 260px; height: 245px; overflow: hidden;}
div.main div.bubble h1 {font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; line-height: 15px; text-align: center; text-transform: uppercase; color: #fff; margin: 15px 50px 0px 50px; padding: 0px 0px 0px 0px;}
div.main div.bubble a {color: #fff; text-decoration: none;}
div.main div.bubble p {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 12px; text-align: center; color: #fff; margin: 6px 30px 0px 30px; padding: 0px 0px 0px 0px;}
div.main div.bubble div.img_mask {position: absolute; left: 56px; top: 155px; width: 147px; height: 64px; overflow: hidden; background: url('../i/main_mask.png') 0px 0px no-repeat;}
div.main div.bubble img {position: absolute; left: 56px; top: 155px; width: 147px; height: 64px; overflow: hidden;}
/* main */



/* head */
div.head span {display: none;}
div.head h1 {position: absolute; left: 28px; top: 11px; width: 118px; height: 88px; overflow: hidden;}
div.head h1 a {position: relative; display: block; float: left; clear: none; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden;}
div.head h2 {position: absolute; right: 25px; top: 44px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; font-weight: normal; color: #adcff4; overflow: hidden; white-space: nowrap;}
div.head h3 {position: absolute; right: 24px; top: 60px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 17px; font-weight: normal; color: #ffffff; overflow: hidden; white-space: nowrap;}
/* /head */



/* cont */
/* cont/common */
div.cont h1 {float: none; clear: none; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; line-height: 30px; text-transform: uppercase; margin: 0px 41px 0px 41px; text-align: left;}
div.cont h2 {float: none; clear: none; font-size: 17px; font-weight: normal; line-height: 21px; margin: 16px 42px 0px 42px; text-align: left;}
div.cont h2.num {position: relative; line-height: 21px; margin-left: 70px; overflow: visible;}
div.cont h2.num i {position: absolute; display: block; float: none; clear: both; left: -32px; top: 0px; width: 21px; height: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; font-style: normal; font-weight: bold; text-align: center; vertical-align: baseline; color: #fff; margin: 0px 0px 0px 0px; padding: 4px 0px 4px 2px; background: url('../i/bull_num.gif') 0px 0px no-repeat; overflow: hidden;}
div.cont h3 {float: none; clear: none; font-size: 13px; font-weight: bold; line-height: 16px; margin: 16px 42px 0px 42px; text-align: left;}
div.cont h4 {float: none; clear: none; font-size: 11px; font-weight: bold; line-height: 15px; margin: 16px 42px 0px 42px; text-align: left;}
div.cont p {line-height: 16px; margin: 16px 42px 0px 42px;}
div.cont p.small {font-size: 10px; line-height: 12px; color: #1353A2;}
div.cont p.indent {margin: -13px 42px 0px 160px;}
div.cont a.inv {text-decoration: none;}
div.cont a.inv:hover {text-decoration: underline;}
div.cont a.bull {padding-left: 17px; background: url('../i/bullr.gif') 0px 4px no-repeat;}
div.cont a.bullr {padding-left: 0px; padding-right: 17px; background-position: right 4px;}
div.cont ul {list-style: none; margin: 8px 42px 0px 45px;}
div.cont ul li {list-style: none; padding: 0px 0px 0px 15px; vertical-align: baseline; background: url('../i/bull.gif') 0px 7px no-repeat;}
div.cont ul li ul {margin: 0px 0px 0px 15px}
div.cont ol {list-style: none; margin: 8px 42px 0px 62px;}
div.cont ol li {list-style: outside decimal; padding: 0px 0px 0px 0px; vertical-align: baseline;}
div.cont ol li ol {margin: 0px 0px 0px 32px}
div.cont div.hr {float: none; clear: both; height: 1px; margin: 8px 40px 12px 40px; background: #C2CEE6; overflow: hidden; border-top: solid 1px #EFF5FC;}

div.cont div.image {position: absolute; left: 0px; top: 0px; width: 1px; height: 1px; overflow: hidden; background: url('../i/none.gif') 0px 0px no-repeat; z-index: 1;}
body.shop div.cont div.image {left: 0px; top: 110px; width: 834px; height: 309px; background-image: url('../i/image_shop.jpg');}
body.fodraszat div.cont div.image {left: 0px; top: 30px; width: 408px; height: 385px; background-image: url('../i/image_fodraszat.jpg');}
body.masszazs div.cont div.image {left: 0px; top: 50px; width: 415px; height: 328px; background-image: url('../i/image_masszazs.jpg');}
body.kozmetika div.cont div.image {left: 0px; top: 50px; width: 349px; height: 321px; background-image: url('../i/image_kozmetika.jpg');}
body.manikur div.cont div.image {left: 0px; top: 65px; width: 387px; height: 291px; background-image: url('../i/image_manikur.jpg');}
body.vasarloikartya div.cont div.image {left: 0px; top: 40px; width: 431px; height: 237px; background-image: url('../i/image_vasarloikartya.jpg');}
body.beautetermekek div.cont div.image {left: 0px; top: 65px; width: 489px; height: 335px; background-image: url('../i/image_termekek.jpg');}
body.csabitoajkak div.cont div.image {left: 0px; top: 85px; width: 489px; height: 286px; background-image: url('../i/image_termekek_csabitoajkak.jpg');}
body.csillogokormok div.cont div.image {left: 0px; top: 60px; width: 443px; height: 311px; background-image: url('../i/image_termekek_csillogokormok.jpg');}
body.ragyogoszemek div.cont div.image {left: 0px; top: 85px; width: 476px; height: 269px; background-image: url('../i/image_termekek_ragyogoszemek.jpg');}
body.tokeletesalapozas div.cont div.image {left: 0px; top: 93px; width: 440px; height: 329px; background-image: url('../i/image_termekek_tokeletesalapozas.jpg');}
body.internetsarok div.cont div.image {left: 0px; top: 18px; width: 834px; height: 444px; background-image: url('../i/image_shop-internetsarok.jpg'); background-position: 0px -14px;}

div.cont div.lead {height: 280px; margin: 0px 0px 0px 360px; padding: 10px 0px 0px 0px; z-index: 11; overflow: hidden;}
body.shop div.cont div.leads {width: 834px; height: 370px; margin: -28px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 11; overflow: hidden;}
body.shop div.cont div.leads div.col {width: 264px; float: left; clear: none; overflow: hidden;}
body.shop div.cont div.leads h1 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 16px; margin-right: 0px;}
body.shop div.cont div.leads p {font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; margin-top: 6px; margin-right: 0px; font-style: normal;}
body.shop div.cont div.leads a {text-decoration: none;}
body.beautetermekek div.cont div.lead {height: 340px; width: auto; margin: 0px 0px 0px 460px; padding: 10px 0px 0px 0px;}
body.beautetermekek div.cont div.lead h1 {font-size: 33px; line-height: 33px;}
body.beautetermekek div.cont div.lead h1 small {display: block; font-size: 21px; line-height: 21px; font-weight: normal;}
body.beautetermekek div.cont div.lead h1 i {display: block; font-size: 12px; line-height: 14px; font-weight: bold; font-style: normal; text-transform: none;}
body.beautetermekek div.cont div.lead p {font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; margin-top: 25px; font-style: normal;}
body.internetsarok div.cont div.lead {width: 440px; height: 296px; margin: 0px 0px 0px 0px; padding: 82px 0px 0px 0px;}
body.internetsarok div.cont div.lead h1 {color: #DEF6FC; font-size: 21px;}
body.internetsarok div.cont div.lead p {color: #DEF6FC; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 16px; margin-top: 6px;}
body.vasarloikartya div.cont div.lead h1 { margin: 0 0 0 17px; }
body.vasarloikartya div.cont div.lead {height: 165px; margin: 0px 0px 0px 430px; padding: 70px 0px 0px 0px;}
body.vasarloikartya div.cont div.lead a { display: block; width: 247px; height: 52px; background: url(../i/vasarloi_kartya.gif) no-repeat; text-indent: -9999px; margin-top: 5px; }
body.europaitermekvalasztek div.cont h1 {font-size: 21px; margin-top: 32px; margin-left: 60px;}
body.szalon div.cont div.lead {height: 240px; padding-top: 50px;}

div.cont div.box div.box h1,
div.cont div.box div.box h2,
div.cont div.box div.box h3,
div.cont div.box div.box h4,
div.cont div.box div.box p {color: #DEF6FC; margin-top: 8px; margin-left: 32px; margin-right: 32px;}
div.cont div.box div.box ul {color: #DEF6FC; margin-top: 8px; margin-left: 66px; margin-right: 32px;}
div.cont div.box div.box ol {color: #DEF6FC; margin-top: 8px; margin-left: 83px; margin-right: 32px;}
div.cont div.box div.box div.hr {margin: 0px 30px 0px 30px; background: #2B73C6; border-color: #589ADC;}
div.cont div.box div.box div.inner img {position: relative; display: block; float: left; clear: left; border: solid 1px #fff; width: 190px; height: 117px; margin: 12px 12px 0px 32px; padding: 0px; overflow: hidden;}
div.cont div.box div.box h1 a,
div.cont div.box div.box h2 a,
div.cont div.box div.box h3 a,
div.cont div.box div.box h4 a {color: #DEF6FC; text-decoration: none;}
div.cont div.box div.box h1 a:hover,
div.cont div.box div.box h2 a:hover,
div.cont div.box div.box h3 a:hover,
div.cont div.box div.box h4 a:hover {color: #212e84; text-decoration: none;}
div.cont div.box div.box p a {color: #212e84; text-decoration: none;}
div.cont div.box div.box p a:hover {color: #fff; text-decoration: none;}

div.cont div.boxlead h1 {font-size: 20px; line-height: 26px; color: #212e84; margin: 8px 12px 0px 24px; padding: 0px 0px 7px 0px; overflow: hidden; white-space: nowrap;}
div.cont div.boxlead h1 i {display: block; font-size: 12px; line-height: 16px; font-weight: bold; font-style: normal; text-transform: none;}
div.cont div.boxlead h2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; font-style: normal; font-weight: bold; text-transform: uppercase; color: #212e84; margin: 12px 24px 0px 24px;}
div.cont div.boxlead p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; font-style: normal; margin: 6px 24px 0px 24px;}
div.cont div.boxlead ul {margin: 6px 24px 0px 24px;}
div.cont div.boxlead ul li {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; font-style: normal; background-position: 0px 6px;}
div.cont div.boxlead div.hr {margin: 4px 24px 0px 24px; border: none; background: #212e84;}
/* /cont/common */

/* menu */
div.cont div.menu {position: relative; float: none; clear: both; left: 0px; top: -12px; width: 810px; height: 58px; overflow: visible; margin: 0px 12px 0px 12px; z-index: 111;}
div.cont div.menu ul {position: absolute; display: block; float: right; clear: none; left: auto; right: 0px; top: 0px; width: 810px; height: 30px; overflow: visible; text-align: center; list-style: none; white-space: nowrap; margin: 0px; padding: 0px;}
div.cont div.menu ul li {position: relative; display: block; float: left; clear: none; left: 0px; top: 5px; width: auto; height: 20px; overflow: visible; list-style: none; white-space: nowrap; margin: 0px 0px 0px -1px; padding: 0px; border-left: solid 1px #212e84; background: none;}
div.cont div.menu ul li a {position: relative; display: block; float: left; clear: none; left: 0px; top: 0px; width: auto; height: 16px; overflow: hidden; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; line-height: 16px; text-align: center; text-transform: uppercase; text-decoration: none; color: #212e84; margin: -5px 0px -5px 0px; padding: 7px 0px 7px 0px; background: #B0D1F4;}
div.cont div.menu ul li a:hover {text-decoration: none; background: transparent;}
div.cont div.menu ul li:hover a {background: transparent;}
div.cont div.menu ul li a.active {background: transparent;}
div.cont div.menu ul li.fooldal {border: 0px;}
div.cont div.menu ul li.fooldal a {width: 105px; padding-left: 271px;}
div.cont div.menu ul li.shop a {width: 68px;}
div.cont div.menu ul li.szalon a {width: 83px;}
div.cont div.menu ul li.vasarloikartya a {width: 154px;}
div.cont div.menu ul li.hirek a {width: 129px;}

div.cont div.menu ul li div.submenu {position: absolute; display: none; left: 0px; top: 25px; width: 834px; height: 30px; text-align: right; margin: 0px; padding: 0px 0px 0px 0px; overflow: visible; background: url('../i/submenu.gif') 0px 0px no-repeat #212E84; z-index: 10;}
div.cont div.menu ul li div.submenu ul {position: relative; display: block; float: right; clear: none; left: auto; right: 0px; top: 0px; width: auto; height: 30px; overflow: visible;}
div.cont div.menu ul li div.submenu ul li {border-color: #B0D1F4;}
div.cont div.menu ul li div.submenu ul li a {width: auto !important; color: #B0D1F4; background: transparent; padding-left: 16px; padding-right: 16px; margin-left: -1px;}
div.cont div.menu ul li div.submenu ul li a:hover {color: #212E84; background: #DDEBFA;}
div.cont div.menu ul li div.submenu ul li:hover a {color: #212E84; background: #DDEBFA;}
div.cont div.menu ul li div.submenu ul li a.active {color: #212E84; background: #DDEBFA;}
div.cont div.menu ul li div.submenu ul li.first {border: 0px;}
div.cont div.menu ul li div.submenu ul li.last a {padding-right: 28px;}
div.cont div.menu ul li.fooldal div.submenu {left: -11px;}
div.cont div.menu ul li.shop div.submenu {left: -387px;}
div.cont div.menu ul li.szalon div.submenu {left: -455px;}
div.cont div.menu ul li.vasarloikartya div.submenu {left: -538px;}
div.cont div.menu ul li.hirek div.submenu {left: -692px;}
div.cont div.menu ul li:hover div.submenu {display: block;}

body.fooldal        div.cont div.menu ul li.fooldal a {background: transparent;}
body.shop           div.cont div.menu ul li.shop a {background: transparent;}
body.szalon         div.cont div.menu ul li.szalon a {background: transparent;}
body.vasarloikartya div.cont div.menu ul li.vasarloikartya a {background: transparent;}
body.hirek          div.cont div.menu ul li.hirek a {background: transparent;}

body.shop.beautetermekek         div.cont div.menu ul li.shop div.submenu,
body.shop.europaitermekvalasztek div.cont div.menu ul li.shop div.submenu,
body.shop.internetsarok          div.cont div.menu ul li.shop div.submenu {display: block; z-index: 9;}
body.shop.beautetermekek         div.cont div.menu ul li.shop div.submenu ul li.beautetermekek         a,
body.shop.europaitermekvalasztek div.cont div.menu ul li.shop div.submenu ul li.europaitermekvalasztek a,
body.shop.internetsarok          div.cont div.menu ul li.shop div.submenu ul li.internetsarok          a {color: #212E84; background: #DDEBFA;}
/*
body.shop                        div.cont div.menu ul:hover li.shop div.submenu {display: none;}
body.shop                        div.cont div.menu ul:hover li.shop:hover div.submenu {display: block;}
*/

body.szalon.fodraszat div.cont div.menu ul li.szalon div.submenu,
body.szalon.masszazs  div.cont div.menu ul li.szalon div.submenu,
body.szalon.kozmetika div.cont div.menu ul li.szalon div.submenu,
body.szalon.manikur   div.cont div.menu ul li.szalon div.submenu {display: block; z-index: 9;}
body.szalon.fodraszat div.cont div.menu ul li.szalon div.submenu ul li.fodraszat a,
body.szalon.masszazs  div.cont div.menu ul li.szalon div.submenu ul li.masszazs  a,
body.szalon.kozmetika div.cont div.menu ul li.szalon div.submenu ul li.kozmetika a,
body.szalon.manikur   div.cont div.menu ul li.szalon div.submenu ul li.manikur   a {color: #212E84; background: #DDEBFA;}
/*
body.szalon           div.cont div.menu ul:hover li.szalon div.submenu {display: none;}
body.szalon           div.cont div.menu ul:hover li.szalon:hover div.submenu {display: block;}
*/

div.cont div.menu ul li div.submenu ul li div.subsubmenu {position: absolute; display: none; left: -2px; top: 25px; width: 223px; height: auto; margin: 0px; padding: 0px; overflow: hidden; border: solid 1px #212E84; border-top: 0px; background: #212E84;}
div.cont div.menu ul li div.submenu ul li div.subsubmenu ul {float: left; clear: both; width: 223px; height: auto; margin: 0px; padding: 0px; overflow: hidden;}
div.cont div.menu ul li div.submenu ul li div.subsubmenu ul li {float: left; clear: both; left: 0px; top: 0px; width: 223px; height: 26px; margin: -1px 0px 0px 0px; padding: 0px; overflow: hidden; border: none 0px; border-top: solid 1px #4557a0;}
div.cont div.menu ul li div.submenu ul li div.subsubmenu ul li a {float: left; clear: both; width: 191px !important; height: 15px; font-size: 12px; line-height: 15px; text-align: left; color: #B0D1F4 !important; background: #212E84 url('../i/subsubmenu.gif') 0px 0px no-repeat !important; margin: 0px !important; padding: 6px 16px 5px 16px; overflow: hidden;}
div.cont div.menu ul li div.submenu ul li div.subsubmenu ul li a:hover {color: #212E84 !important; background: #fff !important;}
div.cont div.menu ul li div.submenu ul li div.subsubmenu ul li a.active {color: #212E84 !important; background: #fff !important;}
div.cont div.menu ul li div.submenu ul li:hover div.subsubmenu {display: block;}
/* menu */

/**/
div.cont div.contact {width: 770px; margin: 12px auto 0px auto;}
div.cont div.contact img.hover {position: absolute; display: none; left: 214px; top: 142px; width: 152px; height: 136px;}
div.cont div.contact.hover img.hover {display: block;}
/**/

/**/
div.cont div.pager {margin: 12px auto 0px auto; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: bold; color: #00175F;}
div.cont div.pager a {font-weight: normal; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
div.cont div.pager a:href {font-weight: normal; text-decoration: none;}
/**/

/**/
div.cont div.prodmenu {width: 832px; height: 27px; margin: 12px 1px 0px 1px; overflow: hidden; z-index: 10;}
div.cont div.prodmenu a {position: relative; display: block; float: left; clear: none; width: 208px; height: 15px; font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; line-height: 15px; text-align: center; text-decoration: none; text-transform: uppercase; color: #DEF6FC; margin: 0px; padding: 5px 0px 7px 0px; overflow: hidden; background: url('../i/prodmenu.gif') 0px 0px no-repeat; overflow: hidden;}
div.cont div.prodmenu a:hover {color: #1353A2; background-position: 0px -100px;}
div.cont div.prodmenu a.active {color: #1353A2; background-position: 0px -100px;}
/**/

/**/
div.cont div.logos {width: 829px; height: 57px; top: 12px; margin: 10px 0px 0px 0px; padding: 0px 2px 0px 3px; overflow: hidden; background: url('../i/logos.gif') 0px 0px no-repeat; z-index: 10;}
div.cont div.logos a {position: relative; display: block; float: left; clear: none; width: 69px; height: 52px; overflow: hidden; background: url('../i/none.gif');}
div.cont div.logos a span {display: none;}
/**/

/**/
div.cont table {display: table; width: 690px; margin: 0px 30px 0px 30px;}
div.cont table th {font-size: 17px; font-weight: normal; line-height: 20px; color: #DEF6FC; text-align: right; vertical-align: top; text-transform: uppercase; border-bottom: solid 1px #448fda; padding: 8px 0px 4px 0px;}
div.cont table td {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #DEF6FC; text-align: right; vertical-align: top; border-bottom: solid 1px #448fda; border-top: solid 1px #2d7bcf; padding: 2px 0px 4px 0px;}
div.cont table td h6 {margin: 6px 0px 12px 0px; font-size: 14px; line-height: 17px; font-weight: bold; color: #DEF6FC;}
div.cont table td p {margin: 6px 0px 6px 0px !important; padding: 0px !important; color: #DEF6FC !important;}
div.cont table td small {font-weight: normal; font-size: 12px;}
div.cont table .c1 {width: auto; text-align: left; border-right: solid 1px #448fda;}
div.cont table .c2 {width: 128px; padding-right: 10px; border-right: solid 1px #448fda; border-left: solid 1px #2d7bcf;}
div.cont table .c3 {width: 128px; padding-right: 10px; border-right: solid 1px #448fda; border-left: solid 1px #2d7bcf;}
div.cont table .c4 {width: 128px; border-left: solid 1px #2d7bcf;}
div.cont table .colspan2 {width: 268px;}
div.cont table .colspan3 {width: 408px;}
div.cont table tr.first td {border-top: none;}
div.cont table tr.last td {border-bottom: none;}
body.masszazs div.cont table .c1,
body.kozmetika div.cont table .c1,
body.manikur div.cont table .c1 {width: auto; border-right: solid 1px #448fda;}
body.masszazs div.cont table .c4,
body.kozmetika div.cont table .c4,
body.manikur div.cont table .c4 {width: 128px;}
/**/

/**/
div.cont div.products {width: 834px; height: 262px; overflow: hidden; background: url('../i/products_bg.gif') 0px 0px no-repeat;}
div.cont div.products div.outer {position: absolute; left: 57px; top: 15px; width: 720px; height: 232px; overflow: hidden;}
div.cont div.products div.outer div.inner {position: absolute; left: 0px; top: 0px; width: 720px; height: 232px; overflow: hidden;}
div.cont div.products div.outer div.inner div.item {float: left; clear: none; width: 180px; height: 232px; overflow: hidden; background: url('../i/product_bg.gif') 0px 0px no-repeat;}
div.cont div.products div.outer div.inner div.item img {position: absolute; display: block; left: 12px; top: 0px; width: 156px; height: 190px; overflow: hidden; border: none 0px; margin: 0px; padding: 0px;}
div.cont div.products div.outer div.inner div.item dl {position: absolute; display: block; left: 2px; top: 192px; width: 176px; height: 38px; overflow: visible;}
div.cont div.products div.outer div.inner div.item dl dt {position: relative; display: table-cell; width: 176px; height: 38px; overflow: hidden; text-align: center; vertical-align: middle; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px;}
div.cont div.products div.outer div.inner div.item dl dt a {position: relative; display: block; width: 164px; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; text-transform: uppercase; text-align: center; vertical-align: middle; color: #DEF6FC; text-decoration: none; margin: 0px; padding: 0px 6px 0px 6px;}
div.cont div.products div.outer div.inner div.item dl dt a:hover {color: #DEF6FC; text-decoration: none;}
div.cont div.products div.outer div.inner div.item dl dd {position: absolute; display: none; left: -2px; top: auto; bottom: 40px; width: 160px; height: auto; overflow: hidden; padding: 8px 10px 4px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: 14px; text-align: center; color: #172365; background: url('../i/product_desc_bg.gif') 0px 0px no-repeat; opacity: 0.80; -moz-opacity: 0.80;}
div.cont div.products div.outer div.inner div.item dl:hover dd {display: block;}

body.arcapolas div.cont div.products div.outer div.inner {width: 1080px;}
body.testapolas div.cont div.products div.outer div.inner {width: 3600px;}
body.dezodoralas div.cont div.products div.outer div.inner {width: 1080px;}
body.ferfiaknak div.cont div.products div.outer div.inner {width: 360px;}
body.hajapolas div.cont div.products div.outer div.inner {width: 1620px;}
body.hajformazas div.cont div.products div.outer div.inner {width: 1260px;}
body.ajakapolas div.cont div.products div.outer div.inner {width: 2340px;}
body.onbarnito div.cont div.products div.outer div.inner {width: 540px;}
body.babaapolas div.cont div.products div.outer div.inner {width: 540px;}
/**/

/* cont/form */
form legend {display: none;}
form input, form select, form textarea {border: solid 1px #1353A2; outline: none; background: #fff;}
form input, form select, form textarea, form label {font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #1353A2;}
form input.readonly, form textarea.readonly {color: #888; border-color: #e0e0e0; background: #f8f8f8;}
div.cont form {position: relative; float: none; clear: both; width: 496px; margin: 15px 0px 0px 28px; padding: 0px 0px 0px 0px; overflow: visible;}
div.cont form .required {font-family: tahoma; font-size: 11px; line-height: 13px; vertical-align: baseline; color: #dd3311;}
div.cont form p {float: none; clear: both; font-size: 11px; line-height: 13px; margin: 0px 0px 0px 0px; padding: 5px 30px 7px 4px;}
div.cont form p.error {display: none; color: #dd3311;}
div.cont form div.hr {margin: 8px 26px 8px 0px;}
div.cont form fieldset {float: none; clear: both; width: 496px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: visible;}
div.cont form fieldset div.field {float: left; clear: both; width: 492px; margin: 0px 0px 0px 0px; padding: 3px 0px 3px 4px; overflow: visible;}
div.cont form fieldset div.field p {font-size: 11px; line-height: 13px; margin: 0px 0px 0px 0px; padding: 2px 0px 4px 0px;}
div.cont form fieldset div.field.error {background: #fff url('../img/form_error.gif') right 0px repeat-y;}
div.cont form fieldset div.field.error p.error {display: block;}
div.cont form fieldset div.button {position: relative; display: block; float: left; clear: none; width: 108px; height: 18px; text-align: center; background: #1353A2; border: solid 1px #C2CEE6; overflow: hidden;}
div.cont form fieldset label {float: left; clear: none; width: 224px; margin: 0px 14px 0px 0px; padding: 3px 0px 3px 0px; overflow: hidden;}
div.cont form fieldset input {float: left; clear: none; width: 216px; margin: 0px; padding: 2px 2px 2px 4px; overflow: hidden;}
div.cont form fieldset input.long {width: 159px; margin-right: 4px;}
div.cont form fieldset input.half {width: 102px; margin-right: 4px;}
div.cont form fieldset input.short {width: 45px; margin-right: 4px;}
div.cont form fieldset select {float: left; clear: none; width: 224px; margin: 0px; padding: 1px 1px 1px 0px; overflow: hidden;}
div.cont form fieldset select.long {width: 167px; margin-right: 4px;}
div.cont form fieldset select.half {width: 110px; margin-right: 4px;}
div.cont form fieldset select.short {width: 53px; margin-right: 4px;}
div.cont form fieldset textarea {float: left; clear: none; width: 218px; height: 70px; padding: 1px 1px 1px 3px; overflow: auto;}
div.cont form fieldset div.cbrb {float: left; clear: none; width: 224px; height: auto; margin: 0px; padding: 0px;}
div.cont form fieldset div.cbrb input {float: left; clear: left; width: 13px; height: 13px; margin: 4px 7px 0px 0px; padding: 0px 0px 3px 0px; border: none 0px; background: transparent;}
div.cont form fieldset div.cbrb label {float: left; clear: right; width: 204px; margin: 0px 0px 0px 0px;}
div.cont form fieldset div.cbrb.long {width: 167px; margin-right: 4px;}
div.cont form fieldset div.cbrb.long label {width: 147px;}
div.cont form fieldset div.cbrb.half {width: 110px; margin-right: 4px;}
div.cont form fieldset div.cbrb.half label {width: 90px;}
div.cont form fieldset div.cbrb.short {width: 53px; margin-right: 4px;}
div.cont form fieldset div.cbrb.short label {width: 33px;}
div.cont form fieldset div.cbrb.wide {width: 462px;}
div.cont form fieldset div.cbrb.wide label {width: 442px;}
div.cont form fieldset div.file {float: left; clear: none; width: 224px; height: auto; margin: 0px; padding: 0px; overflow: hidden;}
div.cont form fieldset div.file div.text {position: relative; float: left; clear: none; width: 144px; height: auto; margin: 0px 4px 0px 0px; padding: 0px; overflow: hidden; z-index: 11;}
div.cont form fieldset div.file div.text input {width: 136px;}
div.cont form fieldset div.file div.button {width: 51px; margin: 0px 4px 0px 0px; z-index: 9;}
div.cont form fieldset div.file div.button.delete {width: 17px; margin: 0px 0px 0px 0px; z-index: 9;}
div.cont form fieldset div.file div.browse {position: absolute; float: none; clear: both; right: 23px; top: 0px; width: 53px; height: 19px; text-align: right; overflow: hidden; opacity: 0.01; -moz-opacity: 0.01; z-index: 10; cursor: pointer;}
div.cont form fieldset div.file div.browse input {position: absolute; float: none; clear: both; right: -1px; top: 0px; width: auto; height: 19px; text-align: right; opacity: 0.01; -moz-opacity: 0.01; z-index: 10; cursor: pointer;}
div.cont form fieldset div.button.submit {left: 352px;}
div.cont form fieldset div.button input {position: absolute !important; left: 50% !important; top: -4px !important; width: 200px !important; height: 24px !important; color: #fff !important; text-align: center !important; margin: 0px 0px 0px -100px !important; padding: 0px !important; background: transparent !important; border: none 0px !important; cursor: pointer !important; overflow: hidden !important;}
div.cont form fieldset.error {background: #fff;}
div.cont form fieldset.error div.field {background: #fff url('../img/form_error.gif') right 0px repeat-y;}
div.cont form fieldset.error p.error {display: block;}
div.cont form fieldset:after {content: ''; position: relative; display: block; float: none; clear: both; height: 0px; margin: 0px; padding: 0px; border: none 0px; overflow: hidden; visibility: hidden;}
/* /cont/form */

/* /cont */



/* foot */
div.foot span {display: none;}
div.foot div.menu {position: absolute; left: 375px; top: 38px; width: auto; font-size: 10px; line-height: 12px; color: #fff; text-transform: none; text-align: center; white-space: nowrap;}
div.foot div.menu a {text-decoration: none; color: #fff;}
div.foot div.menu a:hover {text-decoration: none; color: #adcff4;}
div.foot div.menu a.active {color: #adcff4;}
div.foot div.copy {position: absolute; left: 24px; top: 38px; font-size: 9px; line-height: 12px; color: #fff; text-transform: none; white-space: nowrap;}
div.foot div.carnation {position: absolute; right: 24px; top: 36px; width: 131px; height: 19px; overflow: hidden;}
div.foot div.carnation a {position: relative; display: block; float: left; clear: none; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; background: url("../i/carnation.gif") 0px 0px no-repeat;}
/* /foot */



/* features */
div.fixed {position: fixed; display: none; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; z-index: 999;}
div.fixed div.cover {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #fff; overflow: hidden; -moz-opacity: 0.80; opacity: 0.80;}
div.fixed div.cover iframe {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #fff; overflow: hidden; -moz-opacity: 0.01; opacity: 0.01;}
/* /features */



/* debug for JS */
div#debug {position: absolute; display: block; left: 0px; top: 0px; width: 800px; height: 200px; font-family: courier new; font-size: 11px; line-height: 14px; padding: 2px; color: #333333; background: #ffffff; border: solid 2px #ff0000; overflow: auto; z-index: 9999;}
div#debug div {font-family: courier new; font-size: 11px; line-height: 14px; color: #333333;}
/* /debug for JS */