html {width: 100%; height: 100%;}
body {margin: 0; padding: 0; width: 100%; height: 100%; color: #383b3d; font-family: Arial, Helvetica, sans-serif; background: #fff fixed repeat-y 1280px url('body_shadow.jpg'); /**background: #bbb fixed; background: #bbb repeat-x 0 200px url('/sotalia/img/bg.jpg') background: #fff repeat-x 0 200px fixed;**/}
#body {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 780)? "780px" : "100%" && ((document.documentElement.clientWidth || document.body.clientWidth) > 1280)? "1280px" : "100%"); min-width: 780px; max-width: 1280px; background: #fff;}
img {border: 0;}
a {color: #08adc7;}
a:hover, a:active {color: #ff7847;}
a.direct {color: #3685c2; border-bottom: 1px dashed; cursor: hand; cursor: pointer;}
a.win {position: relative; white-space: nowrap; padding-right: 15px; background: no-repeat 100% 50% url('ico_win.gif');}
a.win:hover, a.win:active {background: no-repeat 100% 50% url('ico_win_active.gif');}
/**
a.win:visited {background: no-repeat 100% 50% url('/sotalia/img/img/ico_win_visited.gif');}
a.win:active, a.win:visited:active {background: no-repeat 100% 50% url('/sotalia/img/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: 83%; color: #800900; font-style: italic;}*/
.prelist {margin-bottom: 0.3em;}
.also {margin-top: 1.5em;}
.date {position: relative; left: -25px; color: #6e8c9f; margin: 1.5em 0 0.3em 0; font-style: italic; font-weight: bold;}
ul, ol {position: relative; font-size: 80%; padding: 0; margin: 0 0 1em 0; line-height: 1.5em;}
ul li {list-style: none; background: no-repeat 0 0.45em url('li.gif'); margin: 0 0 0.3em 20px; padding-left: 15px;}
ul li.second {margin-left: 55px;}
ul li.third {margin-left: 90px;}
ol li {margin: 0 0 0.3em 35px;}
li p, li ul, li ol, li h4 {font-size: 100%;}
h1 {position: relative; clear: both; color: #ff7847; font-size: 150%; margin: 0 0 0.4em 0; font-style: italic;}
h2 {position: relative; clear: both; color: #ff7847; font-size: 130%; margin: 1.2em 0 0.4em 0;}
h2 a {color: #b82c27;}
h3 {position: relative; clear: both; color: #698aa5; font-size: 100%; margin: 1.2em 0 0.4em 0;}
h4 {position: relative; clear: both; color: #698aa5; font-size: 90%; margin: 1.2em 0 0.4em 0; font-style: italic;}
h5 {position: relative; clear: both; color: #698aa5; font-size: 80%; margin: 1.2em 0 0.4em 0; font-style: italic;}
.first {margin-top: 0;}
table {border: 0; border-collapse: collapse;}
td {padding: 0;}
table.simple {margin-bottom: 1em; border-bottom: 1px solid #fff;}
table.simple th {text-align: left; padding: 0 2em 0.6em 0; border-bottom: 1px solid #979fa5; font-style: italic; font-size: 80%;}
table.simple td {padding: 0.6em 2em 0.6em 0; border-bottom: 1px dashed #979fa5; border-top: 1px dashed #979fa5; font-size: 80%;}
table.simple .align_right {text-align: right;}
table.simple .additional {padding-left: 2em; font-size: 70%; border: none;}
form {margin: 0;}
form table {margin: 0; width: 100%; position: relative;}
form td {font-size: 80%; padding: 0.5em 1em 0.5em 0; vertical-align: top;}
td.field {width: 100%;}
.star {position: absolute; margin-left: -1em; color: #e93e00;}
span.error {color: #e93e00;}
input, select, textarea {font-size: 100%; font-family: Arial, Tahoma, Verdana, sans-serif; margin: 0; width: 95%;}
input.error, textarea.error {border: 2px solid #e93e00;}
.btn {cursor: pointer; cursor: hand; padding: 3px; width: auto;}
.spacer {float: left;}
.spacer img {width: 1px; height: 1px;}
.br {width: 100%; height: 1px; clear: tour;}
.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('/design/sotalia/png.htc');}
.crnr_tl {position: absolute; width: 10px; height: 10px; top: 0; left: 0; width: 24px; height: 24px;}
.crnr_tr {position: absolute; top: 0; right: 0; border-right: 1px solid #fff; margin: 0 -1px 0 0; width: 24px; height: 24px;}
.crnr_br {position: absolute; bottom: 0; right: 0; border-right: 1px solid #fff; border-bottom: 1px solid #fff; margin: 0 -1px -1px 0; width: 24px; height: 24px;}
.crnr_bl {position: absolute; left: 0; bottom: 0; border-bottom: 1px solid #fff; margin: 0 0 -1px 0; width: 24px; height: 24px;}
#zoom_screen {z-index: 5; position: fixed; width: 100%; height: 100%; background: url('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: #fff url('zoom_loading.gif') no-repeat center; cursor: hand; cursor: pointer;}
#zoomed_photo {margin: 8px;}
#close_zoomed {z-index: 6; position: absolute; top: 20px; right: 20px; width: 26px; height: 26px;}
p.counter {font-size: 90%; position: relative; left: -3.8em; margin: 2.5em 0 0 0; color: #698aa5;}
p.counter a, #counter a:visited, #counter a:active {color: #353a3d; padding: 8px 14px 10px 14px;}
p.counter strong {color: #fff; font-weight: normal; background: no-repeat url('counter_bg.gif'); padding: 8px 14px 10px 14px;}
p.counter span {padding: 8px 14px 10px 14px;}
p.chooser {line-height: 2em;}
p.chooser a, p.chooser a:visited {color: #353a3d; padding: 2px 5px 3px 5px;}
p.chooser strong {font-weight: normal; padding: 2px 5px 3px 5px; background: #8ca7b8; color: #fff;}
p.chooser strong a, p.chooser strong a:visited {color: #fff; padding: 0;}
#header_index {position: relative; width: 100%; height: 400px;}
#menu {}
#logo_sotalia {position: absolute; top: 68px; left: 15%; width: 174px; height: 166px; margin-left: -87px;}
#cloud1 {position: absolute; top: 25px; left: 67.5%; width: 226px; height: 125px;}
#header_index #cloud2 {position: absolute; top: 145px; right: 51%; width: 136px; height: 75px;}
#menu_yellow {position: absolute; top: 200px; width: 70%; right: 0; height: 50px; padding-left: 25px; background: #facf43 repeat-x url('menu_yellow.jpg');}
#menu_wave_yellow {left: 32%;}
#menu_pink {position: absolute; top: 250px; width: 80%; right: 0; height: 50px; padding-left: 25px; background: #f45fac repeat-x url('menu_pink.jpg');}
#header_index #menu_wave_yellow-pink {left: 65%;}
#menu_green {position: absolute; top: 300px; width: 75%; right: 0; height: 50px; padding-left: 25px; background: #a1cf26 repeat-x url('menu_green.jpg');}
#menu_wave_pink-green {left: 29%;}
#menu_wave_green {right: 3%; top: 0;}
a.menu, #menu strong {z-index: 1; position: relative; top: 15px; color: #fff; font-size: 90%; font-weight: bold; font-style: italic;}
a.menu:hover, #menu strong {top: 12px; font-size: 130%;}
#navi {z-index: 1; position: absolute; top: 16px; left: 275px; color: #fff; font-size: 90%; font-weight: bold; font-style: italic;}
#navi a {color: #fff; font-size: 80%;}
img.wave {position: absolute; width: 160px; height: 100px; bottom: 0;}
#header_products, #header_about, #header_contacts, #header_news {position: relative; width: 100%; height: 300px;}
#cloud7 {position: absolute; top: -50px; left: 53.5%; width: 360px; height: 200px;}
#cloud2 {position: absolute; top: 200px; right: 48.5%; width: 136px; height: 75px;}
#header_products #menu_yellow {top: 50px; width: 25%;}
#header_products #menu_pink {top: 100px; width: 65%;}
#header_products #menu_wave_yellow-pink {right: 0;}
#header_products #menu_green {top: 150px; width: 30%;}
#header_about #cloud7 {top: -100px;}
#header_about #cloud2 {top: 150px;}
#header_about #menu_yellow {top: 50px; width: 65%;}
#header_about #menu_pink {top: 100px; width: 35%;}
#header_about #menu_wave_yellow-pink {right: 0;}
#header_about #menu_green {top: 150px; width: 30%;}
#header_contacts #cloud7 {top: -150px;}
#header_contacts #cloud2 {top: 100px;}
#header_contacts #menu_yellow {top: 50px; width: 25%;}
#header_contacts #menu_pink {top: 100px; width: 35%;}
#header_contacts #menu_wave_yellow-pink {right: 0;}
#header_contacts #menu_green {top: 150px; width: 65%;}
#txt {z-index: 1; position: relative; width: 100%;}
#cloud3 {position: absolute; top: 35px; right: 5%; width: 80px; height: 44px;}
#txt_column {position: relative; left: 15%; width: 55%;}
.news {float: left; width: 49%;}
.news p {margin-right: 5em; color: #6e8c9f;}
#partners {position: relative; width: 100%; height: 100px;}
#cloud5 {position: absolute; bottom: -85px; width: 349px; height: 250px;}
#partners div {position: absolute; top: 50px; width: 90%; height: 50px; padding-right: 25px; background: #8ca7b8;}
#partners_wave {right: 10%;}
#partners a {z-index: 1; position: absolute; float: left; display: block; height: 26px; width: 102px; top: 13px; background-repeat: no-repeat; background-position: 0 0;}
#partners a:hover {background-position: 0 100%;}
#menu_catalog {position: relative; width: 71.6%; height: 300px; background: #f4f5eb no-repeat 0 0 url('menu_catalog_bg.gif'); margin-top: 40px; margin-bottom: -40px;}
#menu_catalog .crnr_tl, #menu_catalog .crnr_tr, #menu_catalog .crnr_bl, #menu_catalog .crnr_br {width: 49px; height: 49px;}
#menu_catalog1 {position: absolute; left: 20.95%; width: 28%; top: 30px;}
#menu_catalog1 a, #menu_catalog1.passive a:hover, .passive a:hover {color: #08adc7;}
#menu_catalog1.passive a, .passive a, #menu_catalog1 a:hover {color: #7acdd3;}
#menu_catalog2 {position: absolute; left: 48.88%; width: 28%; top: 30px;}
#menu_catalog2 a, #menu_catalog2.passive a:hover, .passive a:hover {color: #08adc7;}
#menu_catalog2.passive a, .passive a, #menu_catalog2 a:hover {color: #7acdd3;}
a#menu_catalog_girl, .passive a#menu_catalog_girl:hover {color: #f05694;}
.passive a#menu_catalog_girl, a#menu_catalog_girl:hover {color: #f2a5bf;}
a#menu_catalog_boy, .passive a#menu_catalog_boy:hover {color: #4a7ce0;}
.passive a#menu_catalog_boy, a#menu_catalog_boy:hover {color: #9bb5e0;}
#menu_catalog3 {position: absolute; left: 76.82%; width: 28%; top: 30px;}
#menu_catalog3 a, #menu_catalog3.passive a:hover, .passive a:hover {color: #08adc7;}
#menu_catalog3.passive a, .passive a, #menu_catalog3 a:hover {color: #7acdd3;}
a#menu_catalog_autumn, .passive a#menu_catalog_autumn:hover {color: #f3933f;}
.passive a#menu_catalog_autumn, a#menu_catalog_autumn:hover {color: #f0c08d;}
a#menu_catalog_winter, .passive a#menu_catalog_winter:hover {color: #a37ae1;}
.passive a#menu_catalog_winter, a#menu_catalog_winter:hover {color: #c8b4e0;}
a#menu_catalog_spring, .passive a#menu_catalog_spring:hover {color: #58c83c;}
.passive a#menu_catalog_spring, a#menu_catalog_spring:hover {color: #a1db8c;}
a#menu_catalog_summer, .passive a#menu_catalog_summer:hover {color: #22c8c2;}
.passive a#menu_catalog_summer, a#menu_catalog_summer:hover {color: #86dbd0;}
.menu_catalog_no {position: absolute; display: block; left: -35px; top: -0.4em; height: 27px; width: 27px; background: no-repeat url('menu_catalog_no.gif'); font-size: 75%; color: #f4f5eb; font-style: italic; padding: 0.4em 0 0 0.75em; font-weight: bold;}
#menu_catalog .passive .menu_catalog_no {background: no-repeat url('menu_catalog_no_passive.gif');}
#menu_catalog p {font-size: 75%; color: #6e8c9f; font-style: italic; width: 90%; font-weight: bold;}
#menu_catalog .passive p {color: #adbdbf;}
#menu_catalog ul {position: absolute; font-size: 95%; font-weight: bold; left: -25px;}
#menu_catalog li {display: block; margin: 0; padding: 0; background: none; height: 30px; clear: both;}
#menu_catalog a, #menu_catalog strong {position: relative; display: block; height: 36px; float: left; padding: 0 25px;}
/**
#menu_catalog a:hover {color: #ff7847;}
**/
#menu_catalog a {cursor: hand; cursor: pointer;}
#menu_catalog a.on {text-decoration: none;}
#menu_catalog a span, #menu_catalog strong span {display: block; height: 30px; padding-top: 6px;}
#menu_catalog strong span, #menu_catalog a.on span {color: #f4f5eb; background: #6e8c9f;}
/** #menu_catalog .passive strong span, #menu_catalog .passive a.on span, {background: #adbdbf;} **/
#menu_catalog .crnr_l {position: absolute; top: 0; left: 0; width: 25px; height: 36px;}
#menu_catalog .crnr_r {position: absolute; top: 0; right: 0; width: 25px; height: 36px;}
#catalog {position: relative; width: 100%; margin-top: 60px;}
#cloud6 {position: absolute; bottom: -100px; right: 0%; width: 513px; height: 225px;}
#catalog_columns {position: relative; left: 15%; width: 85%;}
.product {position: relative; float: left; width: 33%; margin-top: 40px;}
.n {z-index: 1; position: absolute; top: -25px; left: -75px; width: 50px; height: 50px;}
.product_img {position: relative; width: 150px; height: 200px; background-repeat: no-repeat; left: -25px;}
.product_img .crnr_tl, .product_img .crnr_tr, .product_img .crnr_bl, .product_img .crnr_br {width: 49px; height: 49px;}
.product_img a {display: block; width: 100%; height: 100%;}
.product_img a:hover, .product_img a:active {background: no-repeat 50% 50% url('ico_zoom.gif');}
.product h2 {font-size: 95%; font-weight: bold; width: 90%;}
.product h3 {font-size: 75%; color: #33393d; font-weight: bold; width: 90%;}
.product p {font-size: 75%; color: #6e8c9f; font-style: italic; width: 90%;}
#not_footer {padding-bottom: 100px;}
#footer {position: relative; width: 100%; height: 250px; background: #dbe2e7;}
#footer_wave {position: absolute; left: 15%;}
a#guesswho {position: absolute; left: 15%; top: 50px; margin-left: -11px; width: 11px; height: 129px; background: no-repeat 0 0 url('guesswho.gif');}
a#guesswho:hover, a#guesswho:active {background-position: 100% 0;}
#bnr {position: absolute; left: 28%; top: 50px;}
#address {position: absolute; left: 43.3%; top: 50px;}
#phones {position: absolute; left: 71.6%; text-align: right; top: 50px;}
#footer p {font-size: 75%; color: #6e8c9f;}