html {width: 100%; height: 100%;}
body {margin: 0; padding: 0; width: 100%; height: 100%; color: #d0d0d0; font-family: Arial, Helvetica, sans-serif; background: #000 fixed repeat-y 1280px url('/img/border.gif');}
#body {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 770)? "770px" : "100%" && ((document.documentElement.clientWidth || document.body.clientWidth) > 1280)? "1280px" : "100%"); min-width: 770px; max-width: 1280px; background: #000;}
img {border: 0;}
a {color: #28a2fa;}
a:hover {color: #fff;}
a.direct {border-bottom: 1px dashed; text-decoration: none; cursor: hand; cursor: pointer;}
a.win {padding-right: 15px; background: no-repeat 100% 50% url('/img/ico_win.gif');}
/**
a.win:visited {background: no-repeat 100% 50% url('img/ico_win_visited.gif');}
a.win:active, a.win:visited:active {background: no-repeat 100% 50% url('img/ico_win_active.gif');}
:active {color: #ff5360;}**/
p {font-size: 80%; padding: 0; margin: 0 0 1em 0; line-height: 1.5em;}
.date {margin-bottom: 0; font-size: 80%; color: #800900; font-style: italic;}
.address {margin-top: 2.5em; color: #999; font-style: italic;}
.prelist {margin-bottom: 0.3em;}
.also {margin-top: 1.2em;}
.ans {font-style: italic; margin: 0 40px 1em 40px; padding: 4px; background-color: #111111 !important;}
ul, ol {font-size: 80%; padding: 0; margin: 0 0 1em 0; line-height: 1.5em;}
ul li {list-style: none; background: no-repeat 0 0.65em url('/img/li.gif'); margin: 0 0 0.3em 30px; padding-left: 10px;}
ol li {margin: 0 0 0.3em 40px; position: relative;}
li p, li ul, li ol {font-size: 100%;}
h1 {position: relative; left: -60px; clear: both; color: #951309; font-size: 170%; font-weight: normal; margin: 1.2em 0 0.4em 0;}
h2 {clear: both; color: #951309; font-size: 140%; font-weight: normal; margin: 1.2em 0 0.3em 0;}
h2 a {color: #951309;}
h3 {clear: both; color: #999; font-size: 120%; font-weight: normal; margin: 1.2em 0 0.3em 0;}
h4 {clear: both; color: #999; font-size: 100%; font-weight: normal; margin: 1.2em 0 0.3em 0;}
h5 {clear: both; font-size: 107%; padding: 0; margin: 1.2em 0 0.3em 0; line-height: 1.4em;}
.first {margin-top: 0;}
table {border: 0; border-collapse: collapse;}
td {padding: 0;}
table.simple {margin-bottom: 1em; border-bottom: 1px solid #000; font-size: 80%;}
table.simple th {text-align: left; padding: 0.6em 2em 0.6em 2em;}
table.simple td {padding: 0.6em 2em 0.6em 2em; border-bottom: 1px solid #4d0600;}
table.simple td.align_right {text-align: right;}
.spacer {float: left;}
.spacer img {width: 1px; height: 1px;}
.br {width: 100%; height: 1px; clear: both;}
.nobr {white-space: nowrap;}
.roman {position: relative; left: -0.6em; white-space: nowrap;}
.star {font-family: Arial, Helvetica, sans-serif;}
img.png {//background-image: none !important; behavior: url('/img/png.htc');}
img.ill {float: left; margin: 0.3em 1.2em 1em 0;}
form {margin: 0;}
form table {margin: 0; width: 100%;}
form td {font-size: 80%; padding: 0.5em 1em 0.5em 0; vertical-align: top;}
form td label {position: relative; top: 0.2em;}
td.field {width: 100%;}
.star {color: #951309;}
span.error {color: #951309;}
input, select, textarea {font-size: 100%; font-family: Arial, Tahoma, Verdana, sans-serif; margin: 0; width: 90%;}
input.error, textarea.error {border: 2px solid #951309;}
.btn {cursor: pointer; cursor: hand; padding: 3px; width: auto;}
.crnr_tl {position: absolute; width: 10px; height: 10px; top: 0; left: 0; width: 25px; height: 25px;}
.crnr_tr {position: absolute; top: 0; right: 0; border-right: 1px solid #000; margin: 0 -1px 0 0; width: 25px; height: 25px;}
.crnr_br {position: absolute; bottom: 0; right: 0; border-right: 1px solid #000; border-bottom: 1px solid #000; margin: 0 -1px -1px 0; width: 25px; height: 25px;}
.crnr_bl {position: absolute; left: 0; bottom: 0; border-bottom: 1px solid #000; margin: 0 0 -1px 0; width: 25px; height: 25px;}
p.counter {font-size: 90%; margin: 40px 0; color: #698aa5; white-space: nowrap;}
p.counter a, #counter a:visited, #counter a:active {color: #5c5c5c; padding: 9px 14px 11px 14px;}
p.counter a:hover {color: #fff;}
p.counter strong {color: #951309; font-weight: normal; background: no-repeat url('/img/counter_bg.gif'); padding: 9px 14px 11px 14px;}
p.counter span {padding: 9px 14px 11px 14px;}
#zoom_screen {z-index: 5; position: fixed; width: 100%; height: 100%; background: url('/img/zoom_bg.gif');}
*body #zoom_screen {position: absolute; left: expression((ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLef ) + 'px'); top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px');}
#zoomed_div {position: absolute; left: 50%; top: 50%; background: #000 url('/img/zoom_loading.gif') no-repeat center; cursor: hand; cursor: pointer;}
#zoomed_photo {margin: 8px;}
#closezoomed {z-index: 6; position: absolute; top: 16px; right: 16px; width: 16px; height: 16px;}
#header_index {position: relative; width: 100%; height: 442px; background: no-repeat url('/img/header_index_bg.gif');}
#flashcontent p {position: relative; top: 200px; width: 50%; text-align: center;}
#header {position: relative; width: 100%; height: 280px; background: no-repeat url('/img/header_bg.gif');}
#logo_maramax {position: absolute; top: 50px; left: 6%; width: 202px; height: 62px;}
#navi1 {position: absolute; left: 39%; top: 67px;}
#navi1 img {position: relative; width: 81px; height: 81px; left: -40px; margin-bottom: 0.4em;}
#header p {font-size: 70%; color: #5c5c5c;}
#header a {color: #5c5c5c;}
#navi1 {position: absolute; left: 39%; top: 67px;}
#navi1 img {position: relative; width: 81px; height: 81px; left: -40px; margin-bottom: 0.4em;}
#navi1 p {font-size: 70%; color: #5c5c5c;}
#navi1 a {color: #5c5c5c;}
#navi2 {position: absolute; left: 60%; top: 81px;}
#navi2 img {position: relative; width: 121px; height: 120px; left: -60px; margin-bottom: 0.4em;}
#navi2 p {font-size: 70%; color: #999;}
#navi2 a {color: #999;}
#navi3 {position: absolute; right: 5%; top: 0;}
#navi3 img {width: 201px; height: 181px;}
#menu_bar {position: relative; width: 100%; height: 125px;}
#hsm {position: absolute; z-index: 1; left: 6%; width: 21%; height: 50px; background: #404040; margin-top: 5px;}
#hsm a {z-index: 1; float: left; display: block; width: 27px; height: 27px; background-position: 0 0; margin-top: 10px;}
#hsm strong, #hsm a:hover {z-index: 1; float: left; display: block; width: 27px; height: 27px; background-position: 0 100%; margin-top: 10px;}
#hsm strong img, #hsm a img {width: 27px; height: 27px;}
#hsm #ico_h {position: absolute; left: 15%; background-image: url('/img/ico_h.gif');}
#hsm #ico_s {position: absolute; left: 50%; background-image: url('/img/ico_s.gif'); margin-left: -14px;}
#hsm #ico_m {position: absolute; right: 15%; background-image: url('/img/ico_m.gif');}
#bubbles1 {position: absolute; width: 196px; height: 99px; top: -9px; left: -22px;}
#menu {position: absolute; left: 33%; width: 67%;}
#menu ul {position: relative; margin: 0;}
#menu li {position: relative; float: left; width: 24.5%; margin: 0; padding: 0; background: none; height: 42px;}
#menu li a {position: absolute; z-index: 1; display: block; height: 14px; background-position: 0 0; background-repeat: repeat-y; border-bottom: 1px solid #28a2fa;}
#menu li a:hover {background-position: 0 28px; border-bottom: 1px solid #d0d0d0;}
#menu li strong {position: absolute; z-index: 1; display: block; height: 14px; background-position: 0 14px; background-repeat: repeat-y;}
#menu li strong a {background-position: 0 14px; background-repeat: repeat-y; border-bottom: 1px solid #d0d0d0; width: 100%;}
#menu li strong a:hover {background-position: 0 14px; background-repeat: repeat-y;}
#menu li a img, #menu li strong img {width: 100%; height: 14px;}
#menu_on {position: absolute; z-index: 0; width: 206px; height: 60px; top: -19px; left: -49px;}
#menu #menu_about {background-image: url('/img/menu_about.gif'); width: 88px; height: 14px;}
#menu #menu_news {background-image: url('/img/menu_news.gif'); width: 126px;}
#menu #menu_school {background-image: url('/img/menu_school.gif'); width: 122px;}
#menu #menu_franchising {background-image: url('/img/menu_franchising.gif'); width: 101px;}
#menu #menu_shops {background-image: url('/img/menu_shops.gif'); width: 56px;}
#menu #menu_photo {background-image: url('/img/menu_photo.gif'); width: 87px;}
#menu #menu_guestbook {background-image: url('/img/menu_guestbook.gif'); width: 110px;}
#menu #menu_contacts {background-image: url('/img/menu_contacts.gif'); width: 117px;}
#content {position: relative; width: 100%; margin-bottom: 2em;}
#left_index {position: relative; float: left; width: 66%;}
#bubbles2 {position: absolute; width: 190px; height: 61px; top: -18px; left: 11%;}
#left_index h1 {z-index: 1; position: relative; left: 25%;}
#left_index h1 span {position: relative; left: -60px;}
.news {position: relative; padding-bottom: 1.5em}
div.date {position: relative; left: 25%; margin-left: -40px; width: 80px; height: 80px; background: no-repeat url('/img/bubble_date.gif'); text-align: center;}
div.date span {display: block; padding-top: 1.8em;}
.news_txt {position: relative; left: 34.5%; margin-top: -40px; width: 64.5%;}
#left {position: relative; float: left; width: 49.5%; left: 16.5%;}
#left_gallery {position: relative; float: left; width: 67%; left: 16.5%;}
.tab {border: 1px dotted #222; background: #111; padding: 2em;}
.tab table.simple {border-bottom: 1px solid #111;}
.gallery {clear: both; width: 100%; margin: 2em 0;}
.gallery a {display: block; float: left; width: 120px; height: 120px; margin: 0 2em 2em 0; background-repeat: no-repeat; background-position: 0 0;}
.gallery a:hover {background-position: 0 100%;}
.gallery a img {width: 120px; height: 120px;}
.gallery div {width: 120px; height: 180px; float: left; margin: 0 2em 0 0;}
.gallery div a {float: none; margin: 0 0 0.5em 0;}
.gallery div p {margin: 0 -2em 0 60px;}
.gallery div p a, .gallery div p a:hover {position: absolute; display: inline; float: none; width: auto; height: auto; margin: 0; background: none;}
#right {position: relative; float: right; width: 33%;}
#bubbles3 {position: absolute; width: 103px; height: 115px; top: 80px; right: 0;}
#bubbles4 {position: absolute; width: 101px; height: 101px; top: 30px; left: 32%;}
#bubbles13 {position: absolute; width: 207px; height: 104px; top: 85px; left: 30%; margin-left: -76px;}
#bnr {position: relative; left: 30%; margin-top: 80px; width: 50%;}
#bnr img {position: relative; width: 150px; height: 150px; left: -75px; margin-bottom: 0.8em;}
#bnr.bnr_small img {left: -50px; width: 102px; height: 100px;}
#bnr h1 {left: 0; font-size: 100%; margin: 0 0 0.2em 0;}
#bnr p {font-style: italic;}
#submenu {position: relative; left: 30%; margin-top: 80px; width: 50%; font-size: 100%; color: #d0d0d0;}
#submenu li {margin: 0 0 0.7em 0; padding: 0; background: none;}
#submenu strong {font-weight: normal;}
#submenu strong a {color: #fff;}
#submenu ul {margin-left: 2em; font-size: 80%;}
#submenu ul li {margin: 0 0 0.4em 0;}
#partners {position: relative; width: 100%; height: 30px;}
#partner1 {position: absolute; left: 6%; width: 104px; height: 26px;}
#partner2 {position: absolute; left: 50%; margin-left: -66px; width: 132px; height: 19px;}
#partner3 {position: absolute; right: 6%; width: 99px; height: 25px;}
#footer {position: relative; width: 100%; height: 435px; margin-top: 2em; background: no-repeat 100% 0 url('/img/scissors.gif');}
#bubbles5 {position: absolute; width: 60px; height: 60px; top: 120px; left: 3.5%;}
#bubbles6 {position: absolute; width: 41px; height: 40px; top: 205px; left: 69%;}
#bubbles7 {position: absolute; width: 79px; height: 100px; top: 60px; right: 0;}
#bubbles8 {position: absolute; width: 150px; height: 150px; top: 0; left: 34%;}
#shop1 {position: absolute; top: 30px; left: 16.5%;}
#shop2 {position: absolute; top: 60px; left: 48%;}
#shop3 {position: absolute; left: 77%;}
.shop img {position: relative; width: 120px; height: 120px; left: -60px; margin-bottom: 0.8em;}
.shop h1 {left: 0; font-size: 90%; margin: 0 0 0.3em 0;}
.shop p {margin: 0;}
.shop p.phone {font-size: 100%; position: relative; left: -0.6em;}
#bubbles9 {position: absolute; width: 114px; height: 182px; bottom: 0; left: 0;}
#slogan {position: absolute; width: 378px; height: 122px; bottom: 17px; left: 6%;}
#bubbles10 {position: absolute; width: 196px; height: 61px; bottom: 0; right: 16%;}
#bubbles11 {position: absolute; width: 89px; height: 89px; bottom: 120px; right: 1.5%;}
#bubbles12 {position: absolute; width: 94px; height: 81px; bottom: 0; right: 0;}
#guesswho {position: absolute; left: 77%; bottom: 70px;}