/* content elements*/

* { font-family: Arial; padding: 0; margin: 0 }
BODY { color: #323232; background: #fff }

TABLE { border-collapse: collapse; border: 0 }
IMG { border: 0 }
A IMG { border: 0 }
A { color: #56B010 }

.bg01 { background: #65CC03 url('../images/bg/01.gif') 100% 0 no-repeat }

#main { width: 100%; height: 100% }

#head_link { font-size: 11px; padding: 12px 20px }
#head_link .left { float: left; font: italic 11px Arial; color: #878787 }
#head_link .left A { color: #878787; margin: 0 7px 0 3px; background: url('../images/bg/dot.gif') 0 100% repeat-x; text-decoration: none }
#head_link .right { float: right; color: #0088E8 }
#head_link .right A { color: #0088E8 }
#head_link .right A:hover { color: #65CC03 }

#head_line { background: url('../images/bg/02.gif') 0 100% repeat-x }
#head_line TD.line { background: url('../images/bg/02.gif') 0 100% repeat-x }

#logo { padding: 30px 60px 30px 40px }

.tizer { width: 50% }
.tizer DIV { display: block; padding: 10px; margin: 20px 0; border: 1px solid #cecece; background: #fff; text-decoration: none; cursor: pointer; }
.tizer IMG { float: left; margin: 0 12px 0 0; border: 1px solid #d4d4d4; }
.tizer TD { vertical-align: top; }
.tizer H1 { font: bold 12px Arial; color: #56B010; margin: 0 0 5px 0; text-decoration: underline; }
.tizer P { font: 11px Arial; }

#menu TD { font: bold 12px Arial; background: #FAFAFA url('../images/bg/06.gif') repeat-x; white-space: nowrap }
#menu DIV { background: url('../images/bg/04.gif') no-repeat  }
#menu A { display: block; padding: 10px 23px 10px 24px; color: #0088E8; background: url('../images/bg/05.gif') repeat-y; text-decoration: none }
#menu A:hover { color: #65CC03 }
*html #menu A { height: 35px }

#menu TD.first DIV { background: url('../images/bg/05.gif') repeat-y }
#menu TD.first A { background: url('../images/bg/04.gif') no-repeat }

#menu TD.sel { background: #fff url('../images/bg/05.gif') repeat-x }
#menu TD.sel A { color: #323232 }
#menu TD.end { width: 1px; background: #CECECE }

#columns { height: 100%; vertical-align: top; padding: 30px 0 }

.block { clear: both; overflow: hidden; zoom: 1; padding: 0 0 4px 0 }
#content .block H1 { margin: 0 0 18px 0 }
.block H1 A { font: 18px Arial; color: #0088E8 }
.block H1 A:hover { color: #56B010 }
.block IMG { display: block; float: left; border: 2px solid #D4D4D4; margin: 0 16px 13px 0 }
*html .block IMG { margin: 0 16px 9px 0 }
#content .block P { font: 14px Arial; text-align: justify; line-height: 1.4; margin: 0 0 14px 0 }

/*.block .left { display: block; float: left; font: italic 12px Arial; color: #8C8C8C; clear: both }
.block .left A { color: #878787; margin: 0 1px 0 2px; background: url('../images/bg/dot.gif') 0 100% repeat-x; text-decoration: none }
.block .right { display: block; float: right; font: italic 12px Arial; color: #8C8C8C }*/

.block .text { overflow: hidden; zoom: 1; }
.block .footer { overflow: hidden; zoom: 1; margin: 0 0 14px 0; clear: both }
.block .footer .left { float: left; font-size: 12px }
.block .footer .right { float: right }

.tags { margin: 0 0 20px 0; clear: both; font-size: 12px }

.dotline { height: 1px; font-size: 0px; margin: 0 0 20px 0; background: url('../images/bg/dot2.gif') repeat-x }

#column_right { vertical-align: top }

.add { display: block; height: 20px; font: 18px Arial; color: #0088E8; padding: 0 0 24px 24px; background: url('../images/bg/add.gif') 0 3px no-repeat }
.add:hover { color: #56B010 }

.informer { padding: 25px 30px 22px 30px; margin: 0 0 30px 0; background: #FAFAFA; border: 1px solid #D4D4D4 }
.informer H1 { font: 18px Arial; margin: 0 0 12px 0 }

.minimargin H1 { font: 18px Arial; margin: 0 0 12px 0 }
.minimargin .informer { margin-bottom: 17px }

.navigator { list-style-type: none }
.navigator A { display: block; font: 14px Arial; color: #0088E8; padding: 0 0 0 15px; margin: 0 0 6px -10px; text-decoration: none }
.navigator A:hover, .navigator A.sel { color: #56B010; background: url('../images/arrow.gif') 0 5px no-repeat }
.navigator A.noarrow { color: #0088E8; background: none }
.navigator .dotline { margin: 0 0 4px 0 }
.navigator P A {  font: 12px Arial; color: #323232; padding: 0 0 0 25px; margin: 0 0 6px -10px; text-decoration: none }

#calendar { color: #F27B01; margin: 0 0 30px 0 }
#calendar H1 { font: 18px Arial; margin: 0 0 12px 0 }
#calendar A { color: #0088E8 }
#calendar A:hover, #calendar A.sel { color: #56B010 }
#calendar A { display: block; font: 14px Arial; margin: 0 0 5px 0 }
#calendar DIV { text-align: center; border-top: 1px solid #D4D4D4; margin: 4px 0 8px 0; padding: 6px 0 12px 0; background: url('../images/bg/07.gif') repeat-x bottom }
#calendar DIV TD { font: 14px Arial; color: #979797; padding: 3px 4px }
#calendar DIV A { margin: 0; text-decoration: none }

#footer TD { height: 95px; border-top: 1px solid #D4D4D4; background: url('../images/bg/08.gif') repeat-x }
#footer .txt { width: 100% }
#footer .txt TD { font: 12px Arial; line-height: 1.5; border: 0 }
#footer .live { border: 1px solid #D4D4D4; }

/* Информационное наполнение */

#content { font: 14px Arial; line-height: 1.3; vertical-align: top }
#content P { margin: 0 0 20px 0 }

#content H1 { font: 22px Arial; margin: 0 0 22px 0 }
#content H2 { font: 18px Arial; color: #0088E8; margin: 0 0 13px 0 }
#content H3 { font: bold 15px Arial; color: #56B010; margin: 0 0 10px 0 }

#content LI { line-height: 1.3; padding: 2px 0 0 0 }
#content UL, #content OL { display: inline-block; padding: 0 0 17px 30px; margin: 0 }
#content UL { list-style-type: none }
#content UL LI, #content OL UL LI { background: url('../images/ul.gif') 0 0.8em no-repeat; padding-left: 18px; text-align: left }
#content UL OL LI { padding-left: 0 }
#content OL { margin-left: 22px }
#content OL LI { background-image: none }
#content UL OL, #content UL UL, #content OL UL, #content OL OL { padding: 0 0 0 30px; margin: 5px 0 2px 0 }
#content UL OL, #content OL OL { margin-left: 22px }

TABLE.data {  }
TABLE.data CAPTION {  }
TABLE.data TH { font: bold 13px Tahoma; color: #fff; padding: 10px 10px; background: #979797; border-left: 1px solid #fff; border-bottom: 1px solid #fff }
TABLE.data TD { font: 12px Arial; color: #787878; padding: 10px 10px; border-left: 1px solid #fff; border-bottom: 1px solid #fff }
TABLE.data TR.blue TD { background: #F6F6F6 }
TABLE.data TR.last TD { padding: 0; background: #979797; border-bottom: 0; border-left: 1px solid #fff; }

IMG.left { display: block; float: left; border: 2px solid #D4D4D4; margin: 7px 22px 10px 0 }
IMG.right { display: block; float: right; border: 2px solid #D4D4D4; margin: 7px 0 10px 22px }

TABLE.img { display: block }
TABLE.img IMG { border: 2px solid #D4D4D4 }
TABLE.img .comment { font: italic 12px Arial; color: #979797; padding: 5px 4px 0 4px }
TABLE.left { float: left; margin: 7px 22px 0px 0 }
TABLE.right { float: right; margin: 7px 0 10px 22px }

#path { position: relative; font-size: 11px; margin: -20px 0 20px 0 }
#path SPAN { font-size: 14px }

#more { padding: 0 0 22px 0; vertical-align: top }
#more H1 { font: 18px Arial; margin: 0 0 12px 0 }
#more LI { font: bold 12px Arial; margin: 0 0 10px 0 }
#more LI A { color: #0088E8 }

.paging { overflow: hidden; zoom: 1; margin: 0 0 20px 0 }
.paging SPAN { float: left; margin: 0px 7px 0 0 }
.paging A { float: left; margin: 0px 7px 0 0; color: #0088E8; font-weight: bold  }
.paging A:hover, .paging A.sel { color: #56B010; } 

#inside { border: 1px solid #D4D4D4; margin: 0 0 20px 0 }
#inside TD.H1 { font: 14px Arial; color: #0088E8; padding-bottom: 14px }
#inside TD { padding: 13px 0 8px 20px }
#inside DIV { float: left; padding: 0 40px 0 0 }
#inside DIV A { display: block; font: 12px Arial; color: #323232; padding: 0 0 0 15px; margin: 0 0 5px 0; text-decoration: none }
#inside DIV A:hover, #inside DIV A.sel { color: #0088E8; background: url('../images/arrow_blue.gif') 0 5px no-repeat }
#inside .dotline { padding: 0 }
#inside .dotline SPAN { display: block; width: 20px; height: 1px; background: #fff }
#inside .dotline SPAN.left { float: left }
#inside .dotline SPAN.right { float: right }

.review { padding: 0 0 5px 0; clear: both }
.review * { font: 14px Arial }
.review H1 { margin: 0 0 20px 0 }
.review H1 A { font: 18px Arial; color: #0088E8 }
.review H1 A:hover { color: #56B010 }
.review IMG { border: 2px solid #D4D4D4; margin: 0 0 30px 0 }
.review UL LI { margin: 0 0 7px 0 }
.review TD { vertical-align: top }
.review P { font: 14px Arial; text-align: justify; line-height: 1.4; margin: 0 0 14px 0 }
.review .left { display: block; float: left; font: italic 12px Arial; color: #8C8C8C; clear: both }
.review .left A { color: #878787; margin: 0 1px 0 2px; background: url('../images/bg/dot.gif') 0 100% repeat-x; text-decoration: none }

#article { /*padding: 0 0 22px 0;*/ vertical-align: top }
#article IMG { display: block; float: left; margin: 5px 13px 0 0; border: 2px solid #D4D4D4 }
#article DIV { font: 12px Arial; line-height: 1.4em; padding: 0 0 20px 0; margin: 0 0 20px 0; background: url('../images/bg/dot2.gif') 0 100% repeat-x }
#article DIV.last { background: none; padding-bottom: 0px }
#article A.begun { font: italic 12px Arial; color: #0088E8 }
#article H1 { font: 18px Arial; margin: 0 0 12px 0 }
#article H2 { font: bold 12px Arial; margin: 0 0 10px 0 }
#article .all { font: bold 12px Arial; padding: 0 15px 0 0; color: #0088e8; background: url('../images/arrow_blue.gif') 100% 5px no-repeat; }

.catel { margin:0pt 0pt 20px; padding:0pt 0pt 20px; background: url(../images/bg/dot2.gif) left bottom repeat-x }
.catel TABLE { width: 100%; border: 1px solid #e0e0e0; border-collapse: separate; margin: 0 0 13px 0 }
.catel TD { font-size: 11px; padding: 5px 10px; background: #fbfbfb; width: 35% }
.catel .shade { background: #f4f4f4; font-weight: bold; width: 15% }
#content .catel H3 { font-size: 13px; margin: 0 0 8px 0 }
#content .catel P { font-size: 12px; margin: 0px }

.catel .logo { float: right }
.catel .bmarg { margin: 0 0 10px 0 }


#mybegun  {  margin: 20px 0 30px 0; padding: 0px 0 9px 10px; border: 1px solid #D4D4D4; background: #FAFAFA; }
.bgbanner { margin-top: 10px; }
.bgbanner B { font-family: Tahoma; }
#mybegun .bgbanner A { font-family: Tahoma; }
#mybegun .bgbanner DIV { margin: 0 0 7px 0; padding: 0 8px; }
#mybegun UL LI { background: none; }
#mybegun TABLE { display: none; }
#mybegun TABLE TD { padding-left:15px; white-space:nowrap; vertical-align: bottom; }
#mybegun TABLE TD A FONT { color: #56B010; }

.adsense  {  margin-bottom: 30px; padding: 9px; border: 1px solid #D4D4D4; background: #FAFAFA; }

#catalog { width: 100%; border: 1px solid #D4D4D4; }
#catalog TD.H1 { font: 14px Arial; color: #0088E8; padding-bottom: 14px; }
#catalog TD { padding: 13px 0 8px 20px; }
#catalog .towns { width: 100%; }
#catalog .towns TD { padding: 0 40px 0 0; vertical-align: top }
#catalog .towns TD A { display: block; font: 12px Arial; color: #323232; padding: 0 0 0 15px; margin: 0 0 7px 0; background: url('../images/arrow_brown.gif') 0 5px no-repeat; text-decoration: none; }
#catalog .towns TD A.big { color: #56B010; background: url('../images/arrow.gif') 0 5px no-repeat; }
#catalog .towns TD A:hover, #catalog .towns TD A.sel { color: #0088E8; background: url('../images/arrow_blue.gif') 0 5px no-repeat; }
#catalog .dotline { padding: 0; }
#catalog .dotline SPAN { display: block; width: 20px; height: 1px; background: #fff; }
#catalog .dotline SPAN.left { float: left; }
#catalog .dotline SPAN.right { float: right; }


.add { display: block; height: 20px; font: 18px Arial; color: #0088E8; padding: 0 0 24px 24px; background: url('../images/bg/add.gif') 0 3px no-repeat }
.add:hover { color: #56B010 }

#friends UL { padding-bottom: 10px; }
#friends LI { font-size: 12px; margin-bottom: 10px; }
#friends LI SPAN { font-weight: bold; color: #0088e8; }
#friends LI A { color: #323232; }

#friends .paging { font-size: 12px; padding: 0 0 0 50px; }
#friends .paging A { float: left; margin: 0px 9px 0 0; font-weight: bold; color: #0088E8; }
#friends .paging A:hover, .paging A.sel { color: #56B010; }

#friends .addsite { display: block; overflow: hidden; margin: 0 0 10px 30px; }
#friends .addsite SPAN { float: left; font: 18px arial; }
#friends .addsite A { float: left; font: bold 12px arial; margin: 3px 0 0 7px; }
#friends .addsite A:hover { color: #0088E8; } 

#friends .code { text-align: center; }
#friends .code TEXTAREA { width: 80%; height: 50px; font-size: 12px; padding: 1px 4px; margin-bottom: 24px; }

#friends LABEL { display: block; font-size: 12px; margin-bottom: 4px; }
#friends SPAN.comment { display: block; font-size: 11px; color: #0088e8; margin-bottom: 16px; }

#friends INPUT.txt { display: block; font-size: 13px; width: 50%; height: 21px; padding: 1px 4px; margin-bottom: 16px; }
#friends INPUT.btn { cursor: pointer; width: 120px; height: 23px; font-size: 13px; }

#friends SELECT { display: block; width: 50%; height: 20px; font-size: 13px; margin-bottom: 16px; }
#friends TEXTAREA { width: 50%; height: 100px; font-size: 13px; padding: 1px 4px; margin-bottom: 4px; }

#friends .list { padding: 20px 30px 5px 30px; margin: 0 0 30px 0; background: #FAFAFA; border: 1px solid #D4D4D4 }
#friends .list A { font: 18px Arial; color: #0088e8; }
#friends .list A:hover { color: #56B010; }
#friends .list P { font-size: 12px; padding-top: 7px; }


SPAN.hleblink { display: none !important }
#hleb { font-size: 10px; color: #a3a3a3; margin: 10px 0 10px 0}
#hleb A { color: #a3a3a3 }