* { padding: 0; margin: 0 }

BODY { font: 12px Tahoma; color: #001646; background: #94bef8 url('../images/body_bg.gif') repeat-x }
BODY.spage { background: #46679b; }

TABLE { border-collapse: collapse; border: 0 }

A IMG, IMG { border: 0 }
.png { filter:expression(fixPNG(this)) }

A { color: #001646 }
A.white { color: #fff }

TD { font-size: 12px }

P { margin: 0 0 15px 0 }
P.last { margin-bottom: 30px }
P.pad { margin-left: 22px }

OL { margin: 0 36px 30px 60px }
OL LI { font-size: 20px; color: #fff }
@media all and (min-width: 0) { OL LI { margin: 0 0 10px 0 } } /*Для Opera*/
OL LI SPAN { font-size: 12px; color: #001646 }

UL { margin: 0 36px 30px 60px }
UL LI { margin: 0 0 10px 0 }

#logo { display: block; position: absolute; width: 435px; height: 73px; top: 18px; left: 477px; text-decoration: none }
#logo DIV { font: 15px 'Myriad Pro'; color: #b7ccdf; margin: 29px 0 0 142px  }

#main { background: url('../images/main_bg.jpg') no-repeat }
#left_main { width: 25%; height: 100%; vertical-align: top; padding: 51px 52px 155px 52px  }
#right_main { background: url('../images/right_main_bg.jpg') right 113px no-repeat; vertical-align: top; padding: 152px 50px 50px 0 }

#main_menu A { display: block; font-size: 18px; text-decoration: none; margin: 0 0 8px 0; padding: 0 0 0 8px }
#main_menu A.sel { padding: 0 0 0 6px; border-left: 2px solid #fff; color: #fff }

#main_menu .lev2 { margin: -2px 0 10px 0 }
#main_menu .lev2 A { display: block; font-size: 13px; font-weight: bold; color: #001646; text-decoration: none; margin: 0 0 5px 17px }
#main_menu .lev2 A.sel { color: #fff; padding: 0 0 0 8px; border: none; margin: 0 0 5px 17px }

.nav { float: left; overflow: hidden; padding: 3px 10px 3px 16px; margin: 0 0 27px 13px; font-size: 13px; font-weight: bold; background: #bfd8fb }
.nav A.start { padding-left: 7px; background: url('../images/nav_start_bg.gif') 0 4px no-repeat }
.nav IMG { margin: 0 6px }

.image { background: #3e5d91 }
.image .start { background: url('../images/image_lt.gif') no-repeat; vertical-align: bottom }
.image .start IMG { width: 3px; height: 3px; }
.image .center { padding: 2px 0 }
.image .center IMG { border: 1px solid #698ec5 }
.image .end { background: url('../images/image_rt.gif') right top no-repeat; vertical-align: bottom }
.image .end IMG { width: 3px; height: 3px; }
#right_main .left { float: left; margin: 2px 15px 0 0 }

#artlist { padding: 0 14px; margin: 0 0 8px 0 }
#artlist SPAN { display: block; font-size: 10px; font-weight: bold; margin: 0 0 5px -14px }
#artlist TABLE { background: #cbe0fc; margin: 0 0px 22px 0px }
#artlist .start { background: url('../images/artlist_lt.gif') no-repeat; vertical-align: bottom }
#artlist .start IMG { width: 6px; height: 6px; }
#artlist .center { padding: 4px 6px; width: 100% }
#artlist .end { background: url('../images/artlist_rt.gif') right top no-repeat; vertical-align: bottom }
#artlist .end IMG { width: 6px; height: 6px; }

#qanswer { margin: 0 0px 8px 25px }
#qanswer SPAN { display: block; margin: 0 0 9px 0 }
#qanswer TABLE { background: #355386; margin: 0 0px 22px 0px }
#qanswer .start { background: url('../images/qanswer_lt.gif') no-repeat; vertical-align: bottom }
#qanswer .start IMG { width: 6px; height: 6px; }
#qanswer .center { padding: 4px 6px; width: 100%; color: #fff }
#qanswer .center A { color: #fff }
#qanswer .end { background: url('../images/qanswer_rt.gif') right top no-repeat; vertical-align: bottom }
#qanswer .end IMG { width: 6px; height: 6px; }

.addquestion { background: #cbe0fc; margin: 0 0px 22px 25px }
.addquestion .start { background: url('../images/artlist_lt.gif') no-repeat; vertical-align: bottom }
.addquestion .start IMG { width: 6px; height: 6px; }
.addquestion .center { padding: 8px 6px; width: 100% }
.addquestion .end { background: url('../images/artlist_rt.gif') right top no-repeat; vertical-align: bottom }
.addquestion .end IMG { width: 6px; height: 6px; }
.addquestion TEXTAREA { border: none; width: 100%; background: #cbe0fc; font: 12px Tahoma; color: #001646; overflow: auto }
.question_send { margin: 0 0px 0px 25px }

.inventory { width: 100%; margin: 0 0px 30px 0px }
.inventory .start_1 { background: #46679b url('../images/inv_lt.gif') no-repeat }
.inventory .start_1 IMG { width: 6px; height: 6px; }
.inventory .center_1 { background: #46679b; padding: 6px 8px; color: #fff; font-size: 13px; font-weight: bold; vertical-align: top }
.inventory .center_1 A { color: #fff }
.inventory .center_1 .min { font-size: 11px }
.inventory .end_1 { background: #46679b url('../images/inv_rt.gif') right top no-repeat }
.inventory .end_1 IMG { width: 6px; height: 6px; }
.inventory .start_2 { background: #f5f9fe url('../images/inv_lb.gif') left bottom no-repeat }
.inventory .start_2 IMG { width: 6px; height: 6px; }
.inventory .center_2 { background: #f5f9fe; padding: 8px 8px; vertical-align: top }
.inventory .center_2 .min { font-size: 11px }
.inventory .end_2 { background: #f5f9fe url('../images/inv_rb.gif') right bottom no-repeat }
.inventory .end_2 IMG { width: 6px; height: 6px; }

.score TD { border-right: 2px solid #f5f9fe; background: #d0dae8; vertical-align: bottom }
.score INPUT { border: none; background: #d0dae8; width: 120px; height: 16px; padding: 2px 4px; font: 12px Tahoma; color: #001646 }

.paging { text-align: center }
.paging A { font-size: 11px; font-weight: bold; margin: 0 3px 0 0; text-decoration: none }
.paging A.sel { font-size: 17px; font-weight: normal; text-decoration: underline; color: #fff }
.paging SPAN { font-size: 11px; font-weight: bold; margin: 0 3px 0 0 }

.imglist TD { padding-left: 31px }
.imglist .image TD { padding-left: 0px }

.info TD { border: 1px solid #94bef8; vertical-align: bottom; padding: 8px 13px 11px 13px } 
.info .c1 TD { background: #bfd8fb }
.info .c2 TD { background: #d9e8fd }
.info TH { border: 1px solid #94bef8; font-size: 13px; color: #fff; text-align: left; vertical-align: top; background: #355386; padding: 4px 13px 5px 13px }
.info .avail { display: block; padding: 0 0 0 15px; background: url('../images/avail.gif') 0 2px no-repeat }

H1 { font-size: 23px; color: #fff; margin: 0 0 14px 0; font-weight: normal }
H2 { font-size: 18px; color: #fff; margin: 0 0 7px 0; font-weight: normal }
H2 A { color: #fff; text-decoration: none; }
H2 A:hover { text-decoration: underline; }
H3 { font-size: 13px; font-weight: bold; margin: 0 0 7px 0 }
H4 { font-size: 13px; color: #fff; font-weight: bold; margin: 0 0 5px 0 }

#footer { height: 173px; background: url('../images/footer_bg.jpg') left bottom repeat-x }
#footer_theme { height: 173px; width: 100%; background: url('../images/footer_theme_bg.jpg') right bottom no-repeat; position: relative }
#footer_theme DIV { font-size: 11px; color: #b7ccdf; padding: 0 0 0 45px; position: absolute;  left: 0px; bottom: 11px }
#footer_theme A { color: #b7ccdf } 

/*Для стартовой страницы*/
#spage_main { background: #94bef8 url('../images/spage_main_bg.jpg') no-repeat }

#spage_left_main { width: 25%; height: 100%; vertical-align: top; padding: 51px 52px 115px 52px  }

#spage_right_main { vertical-align: top; padding: 152px 50px 50px 0 }

#spage_main_menu A { display: block; font-size: 18px; text-decoration: none; margin: 0 0 8px 0; padding: 0 0 0 8px; color: #fff }
#spage_main_menu A.sel { padding: 0 0 0 8px; color: #001646; text-decoration: underline; }

#spage_footer { height: 425px  }
#spage_footer_theme { height: 425px; width: 100%; background: url('../images/spage_footer_theme_bg.jpg') right top no-repeat; position: relative }
#spage_footer_theme DIV { font-size: 11px; color: #b7ccdf; padding: 0 0 0 45px; position: absolute;  left: 0px; bottom: 4px }
#spage_footer_theme A { color: #b7ccdf }

#coords { position: relative; width: 100% }
#joke { position: absolute; right: -36px; top: -30px; width: 274px; height: 274px; /*background: red*/ }
#logo_main { display: block; position: absolute; width: 435px; height: 73px; top: -130px; left: 225px; text-decoration: none; /*background: green*/ }
#logo_main DIV { font: 15px 'Myriad Pro'; color: #b7ccdf; margin: 25px 0 0 144px  }

#under1 { background: url('../images/under1.jpg') left top no-repeat }
#under2 { background: url('../images/under2.jpg') right top no-repeat }
#under3 { background: url('../images/under3.jpg') left bottom no-repeat }
#under4 { background: url('../images/under4.jpg') right bottom no-repeat }

