body { background: #fff; background-attachment: fixed; background: url('/n.gif') no-repeat; }
body, td { font: 12px tahoma; color: #000; }
img { border: 0; }
* { margin: 0; padding: 0; }
#body { width: 1000px; margin: 0 auto; position: relative; }
* html #body { margin-left: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000) ? '0' : ((document.documentElement.clientWidth || document.body.clientWidth) - 1000) / 2); }
:focus { outline: 0; }

#fixed { width: 144px; height: 399px; position: fixed; z-index: 3; }
* html #fixed { top: top: expression(eval(document.body.scrollTop) + "px"); }
#noFixed { width: 144px; height: 399px; position: absolute; }

#logo { background: #00abc5; width: 144px; height: 199px; margin: 14px 0 0 0; }
#top1 { background: #ed1941; }
#top1, #top1hover { width: 77px; height: 58px; }

#top2 { background: #07abc5; }
#top2, #top2hover { width: 66px; height: 59px; }

#top3 { background: #ec008c; width: 50px; height: 62px; }

#top4 { background: #ffcb08; }
#top4, #top4hover { width: 63px; height: 58px; }

#top5 { background: #99ca3c; }
#top5, #top5hover { width: 53px; height: 57px; }
#logo img { margin: 25px 13px 0 13px; }
#left { width: 77px; margin: 10px 0 0 0; }
#left div, #right div { margin: 4px 0 0 0; }
#left div { float: right; }
#right div { float: left; }
#right { float: right; margin: 10px 0 0 0; width: 63px; }

#left img, #right img { margin: 3px 0 0 4px; }

#map { height: 1639px; background: url(/images/index/road.gif) 0 128px no-repeat; position: relative; width: 750px; }
#map { left: 169px; top: 176px; }
#map img { position: absolute; }
* html #map { top: -136px; }

.main { width: 750px; padding-bottom: 75px; }
#main1 { padding-left: 219px; padding-top: 176px;}

#row { left: 178px; top: 143px; }
#moscow { left: 115px; }
#voronezh { left: 197px; top: 470px; z-index: 2; }
#rostov-na-donu { left: 115px; top: 810px; z-index: 2; }
#taganrog { left: 230px; top: 1093px; }
#ua { left: 149px; top: 1189px; }
#mariupol { left: 186px; top: 1381px; z-index: 2; }
#veselo { left: 115px; top: 1589px; }

#text-top { position: absolute; left: 225px; height: 23px; top: 20px; font-size: 13px; }
#text-moscow { font-size: 16px; width: 380px; left: 292px; top: 162px; position: absolute; }
#text-voronezh { width: 380px; left: 314px; top: 532px; position: absolute; z-index: 3; }
#text-rostov-na-donu { width: 380px; left: 232px; top: 872px; position: absolute; z-index: 3; }
#text-mariupol { width: 380px; left: 304px; top: 1445px; position: absolute; z-index: 3; }
#text-taganrog { width: 380px; left: 311px; top: 1139px; position: absolute; z-index: 3; }

#bot { position: relative; width: 782px; height: 989px; background: url(/images/index/bot.jpg) 0 458px no-repeat; margin: 0 0 0 144px; }
* html #bot { top: -163px; }
#bot { top: 176px; }
#st13 { position: absolute; left: 74px; top: 112px; }
#beach { position: absolute; left: 52px; top: 313px; }
#active { position: absolute; left: 535px; top: 519px; }
#party { position: absolute; left: 280px; top: 290px; }
#brain { position: absolute; left: 535px; top: 277px; }
#text-bot { position: absolute; left: 246px; top: 15px; width: 470px; font-size: 16px; }
#text-bot div { margin: 0 0 15px 0; }
a:link { color: #0fabc5; }
p.blue { background: #0fabc5; color: #fff; }

#pogran { width: 964px; height: 11px; background: url(/images/index/pogran.png); position: absolute; top: 1385px; left: -15px; }

#text-leto { position: absolute; left: 494px; top: 909px; font-size: 14px; }

.bgRed { background-color: #ed1941; padding: 0 0 2px 0; }
.bgBlue { background-color: #07abc5; padding: 0 0 2px 0; }
.bgGreen { background-color: #99ca3c; padding: 0 0 2px 0; }
.bgYellow { background-color: #ffcb08; padding: 0 0 2px 0; }
.bgMagenta { background-color: #ec008c; padding: 0 0 2px 0; }

.colorRed { color: #ed1941; }
.colorBlue { color: #07abc5; }
.colorGreen { color: #99ca3c; }
.colorYellow { color: #ffcb08; }
.colorMagenta { color: #ec008c; }

a:link.colorRed { color: #ed1941; }
a:link.colorBlue { color: #07abc5; }
a:link.colorGreen { color: #99ca3c; }
a:link.colorYellow { color: #ffcb08; }
a:link.colorMagenta { color: #ec008c; }

.error { margin: 1em; padding: 1em; border: 0px solid red; text-align: center; background: #fdd; color: red; font: 16px verdana; }
.success { margin: 1em; padding: 1em; border: 0px solid green; text-align: center; background: #dfd; color: red; font: 16px verdana; }
.clear { clear: both; }

/*a:visited { color: #ec008c; }*/

#text-top p span { color: #fff; }
#text-top p { margin: 2px 0 12px 0; }

ul.veselo { list-style: none; }
ul.veselo li { padding: 0 0 0 8px; margin: 0 0 3px 0; }
ul.red.veselo li { background: url(/images/days/li/red.gif) 0 7px no-repeat; }
ul.blue.veselo li { background: url(/images/days/li/blue.gif) 0 7px no-repeat; }
ul.green.veselo li { background: url(/images/days/li/green.gif) 0 7px no-repeat; }
ul.yellow.veselo li { background: url(/images/days/li/yellow.gif) 0 7px no-repeat; }
ul.magenta.veselo li { background: url(/images/days/li/magenta.gif) 0 7px no-repeat; }

.dashed { text-decoration: none; border-bottom: 1px dashed #07abc5; float: right; }

#entrance { position: absolute; right: 50px; top: 10px; left: 650px; }
#entrance1 { float: right; width: 200px;}
#entrance .input { width: 127px; height: 17px; border: 1px solid #ec008c; font: 11px tahoma; color: #ec008c; }
#layoutLogin { clear: both; text-align: right; display: none; }
#entrance #submit { background: 0; border: 0; color: #ec008c; text-decoration: underline; cursor: pointer; }
#entrance .submit { margin: 19px 0 0 70px; text-align: left; }
#entrance .reg { color: #ec008c; display: block; margin: 35px 54px 0 0; }

#south { left: 110px; position: absolute; top: 160px; text-align: left; }
#south .dashed { float: left; }

#top4 img { margin: 4px 0 0 4px; }
#top3 { width: 60px; }

#top1, #top2, #top3, #top4, #top5 { position: relative; color: #fff; }

#top1hover div.podskazka, #top1 div.podskazka { position: absolute; bottom: 0; left: 77px; display: none; }
#top2hover div.podskazka, #top2 div.podskazka { position: absolute; bottom: 0; left: 66px; display: none; }
#top3hover div.podskazka, #top3 div.podskazka { position: absolute; bottom: 0; left: 60px; display: none; }
#top4hover div.podskazka, #top4 div.podskazka { position: absolute; bottom: 0; left: 63px; display: none; }
#top5hover div.podskazka, #top5 div.podskazka { position: absolute; bottom: 0; left: 53px; display: none; }

#request { width: 298px; height: 99px; background: url(/images/calendar/vinyl1.jpg) right no-repeat; font: 14px tahoma; }
#request .dashed { float: none; color: #ffcb08; }
#request .a { padding-top: 30px; }
#request { position: absolute; left: 409px; top: 0; }

#reqform { width: 378px; height: 376px; background: #ec008c; }
#reqform form { padding: 35px 0 0 32px; width: 310px; color: #fff; font: 14px tahoma; }
#reqform label { display: block; margin: 0 0 6px 0; text-align: left; }
#reqform .input { width: 308px; height: 18px; border: 0; background: #fff; font: 12px tahoma; color: #ec008c; }
#reqform textarea { width: 308px; height: 78px; border: 0; background: #fff; font: 12px tahoma; color: #ec008c; }
#reqform .submit { color: #fff; background: 0; border: 0; font: 14px tahoma; border-bottom: 1px solid #fff; padding: 0; cursor: pointer; }
#reqform .submit { margin-top: 20px; }

#reqform { display: none; }

#footer { height: 223px; background: #fff; padding: 93px 0 0 0; }
#footer li { font: 10px tahoma; }
#footer .bgMagenta { color: #fff; }
/*#footer1 { width: 307px; float: left; margin: 0 0 0 25px; }*/
#footer1 { width: 257px; float: left; margin: 0 0 0 145px; }
/*#footer2 { width: 256px; float: left; }*/
#footer2 { width: 206px; float: left; }
#footer3 { float: left; }
#footerUl { margin: 19px 0 0 0; }
#footerUl li { margin: 0 0 8px 0; background: url(/images/footer/li.gif) 0 6px no-repeat; }
#footer4 div { position: absolute; }
#footer4 { position: relative; }
#footer5 { margin: 205px 0 0 0; }
#footer5 #footer { height: 190px; }

* html #footer1 { margin: 0 0 0 42px; }

#hot { position: absolute; left: 177px; }
* html #hot {  }
#map { top: 296px; }
#text-top { top: 20px; /*120*/}
#pogran { top: 1505px; }
* html #pogran { top: 1475px; }
* html #map { top: -136px; }
#bot { top: 296px; }

#hot { width: 728px; padding: 10px 0 0 0; z-index: 100; }

#main1 { padding-top: 296px; }
* html #bot {  }