/***************************************/
/* ОБЩИЕ СТИЛИ */
/***************************************/

* {margin:0;padding:0;border:0;}
a {color:#e90f00;text-decoration:underline; }
a:hover { text-decoration:none;}
input, select { vertical-align:middle; }
textarea {border:1px solid #bababa; }
td, th { vertical-align:top;}
h3 { font-size:18px; margin:5px 0 10px 0; font-weight:normal;}
h2 { font-size:18px; margin:5px 0 10px 0; font-weight:normal; }
.clear { clear:both;}
.input-img { border:0;}
.radio { margin:0 10px 0 2px;}

.error { color:#ff0000; border:1px solid #ddaaaa; padding:15px 10px 15px 50px; font-weight:bold; background:#fff url(/images/error.jpg) no-repeat 7px 7px;} 

/* Фон внешний и внутренний */
.bg-dark {background:url(/images/bg.png) repeat left top; padding:9px;}
* html .bg-dark {background:#3e3d41 none;}
.bg-gym {background:#fff url(/images/text-bg.jpg) repeat left top;}

/* BODY */
body { text-align:center; font-family:trebuchet ms, myriad pro, helvetica, arial; font-size:12px; background:#000 url(/images/bg-repeat.jpg) repeat-x left top; color:#5a5a5a; min-width:1000px;}
#body { width:auto; margin:0 auto; text-align:left; position:relative; padding:0; background:url(/images/bg.jpg) no-repeat left top;}

/* Служебные классы */
.content { margin:10px 0 0 0; }
.date { color:#888888;}

/* Текстовый блок */
.text { font-size:14px; }
.text p { margin:7px 0;}
.text img { float:left; margin:3px 10px 10px 0; border:1px solid #d06565; padding:2px;}
.text ul { list-style:circle; padding:0 0 0 20px;}

/* Пейджинг */
.pages { margin:0 0 10px 0; line-height:25px;}
.pages a { padding:0 7px; border:1px solid #dadada; text-decoration:none; background:#fff; color:#5a5a5a;}
.pages a:hover { border:1px solid #d06565; color:#e90f00; }
.pages span { padding:0 7px; font-weight:bold; background:#96D065; }

/* Шапка сайта */
#header { height:102px;}
#logo { position:absolute; left:0; top:0;}
#slogan { position:absolute; left:415px; top:15px; color:#FCFCFC; font-size:18px;}

/* Левое меню */
#left { position:fixed; left:0; top:103px; padding-left:0;}
* html #left {background:#3e3d41 none;}
#left .d1 { background:url(/images/left.png) no-repeat left top; height:414px; padding:6px 0 0 0; width:180px;}
#left a { display:block; font-size:18px; color:#ff0000; padding:13px 0 13px 70px; margin:8px 0;}
#left #i-clubs { background:url(/images/icon-clubs.png) no-repeat 15px 5px;}
#left #i-rate { background:url(/images/icon-rate.png) no-repeat 15px 7px;}
#left #i-services { background:url(/images/icon-services.png) no-repeat 15px 7px;}
#left #i-price { background:url(/images/icon-price.png) no-repeat 15px 7px;}
#left #i-comments { background:url(/images/icon-comments.png) no-repeat 15px 7px;}
#left #i-map { background:url(/images/icon-map.png) no-repeat 15px 7px;}
#left #i-contacts { background:url(/images/icon-contacts.png) no-repeat 15px 7px;}

#left #i-new { background:url(/images/icon-new.png) no-repeat 15px 5px;}
#left #i-open { background:url(/images/icon-open.png) no-repeat 14px 6px;}
#left #i-poll { background:url(/images/icon-poll.png) no-repeat 17px 7px;}
#left #i-urgent { background:url(/images/icon-urgent.png) no-repeat 12px 5px;}
#left #i-active { background:url(/images/icon-active.png) no-repeat 17px 5px;}
#left #i-best { background:url(/images/icon-best.png) no-repeat 13px 6px;}
#left #i-popular { background:url(/images/icon-popular.png) no-repeat 12px 5px;}

/* Верхнее меню */
#menu { background:#c10708 url(/images/menu-bg.jpg) repeat-x left top;}
#menu .d1 { height:40px; background:url(/images/menu-left.jpg) no-repeat left top; }
#menu ul { list-style:none; padding:0 0 0 10px; position:relative; overflow: hidden;   }
#menu li { display:block; float:left; padding:1px 0 0 0;}
#menu li.back { background: url("/images/menu-a-r.jpg") no-repeat right 6px;  width: 11px; height: 34px; z-index: 8;  position: absolute; }
#menu li.back .left { background: url("/images/menu-a.jpg") no-repeat left 5px;  height: 33px; margin-right: 11px; }
#menu a { display:block; padding:6px 30px 8px 30px; color:#fcfcfc; font-size:18px; text-decoration:none; z-index: 10; position: relative; }
#menu li a:hover, #menu li a:active, #menu li a:visited { border: none;}

#rss { position:absolute; right:8px; top:55px;}

/* Основной блок */
#main { margin:0 0 0 193px; padding:0 0 20px 0; position:relative; }

/* Заголовки вкладок */
#tabs { height:30px;}
#tabs a { display:block; height:23px; float:left; margin:0 5px 3px 0; padding:4px 20px 0 32px; color:#d30603; font-size:14px; background:#e8e8e8 url(/images/tab.jpg) no-repeat 15px 9px; text-decoration:none;cursor:pointer;}
#tabs a.current { height:26px; margin:0 5px 0 0; background:#fff url(/images/tab-open.jpg) no-repeat 15px 9px; }

/* Контейнер вкладок */
#boxes {}

/* Хлебные крошки */
#crumbs { font-size:13px; color:#e90f00; padding:10px 10px 0 17px;}
#crumbs span { color:#5a5a5a; padding:0 3px;}
#crumbs a {padding:0 3px;}

/* Div-ы вкладок */
.box { display:none; min-height:200px; padding:10px 20px 20px 20px; }
.box.visible { display:block;}
.box h1 { color:#d60500; font-size:20px; font-weight:normal; margin:0 0 10px 0;}

/* Нижние списки ссылок */
h3.bottom { color:#fff; font-size:18px; margin:15px 0 15px 10px;}
.blinks a { margin:0 10px 0 0; color:#575757; }
.blinks a:hover { color:#fff;}
#tags { padding:0 20px 10px 40px;}
#districts { padding:0 20px 10px 40px; font-size:17px;}

/* Footer */
#footer { height:55px; border-top:1px solid #560502; background:#000; color:#5A5A5A; clear:both;}
#footer a { color:#fff;}
#footer .left { float:left; padding:17px 0 0 20px;}
#footer .right { float:right; padding:17px 25px 0 0;}
#footer .right a { font-weight:bold; padding:0 5px 0 0;}
#counters { margin:10px auto 0 auto; width:100px; text-align:center;}

/* Форма логина */
#login { position:absolute; right:0; top:0; color:#fff; font-size:14px;}
#login a {color:#fff;}
#login td { padding:0 0 0 13px; }
#login th { font-weight:normal; text-align:right; vertical-align:middle; }
#login .links th, #login .links td {vertical-align:bottom;}
#login td a { font-size:12px; padding:0 14px 0 0; background:url(/images/key.gif) no-repeat right 6px;}
#login th a { font-size:17px; line-height:18px;}
#login .input { width:155px; height:26px; margin:2px 7px 2px 0; padding:0 3px; color:#BDB9B3;}
#login .submit { }
#login div { text-align:center; padding:5px 10px; }

/* Вертикальные блоки внизу страницы */
#blocks td { padding:10px; color:#292929;}
#blocks h3 { font-size:18px; color:#FFFFFF; text-align:center; margin:15px 0;}
/*** Контейнеры блока */
.block { background:#fff url(/images/block-lt.jpg) no-repeat left top; position:relative;}
.block .d1 {background:url(/images/block-rt.jpg) no-repeat right top;}
.block .d2 {background:url(/images/block-lb.jpg) no-repeat left bottom;}
.block .d3 {  padding:10px; background:url(/images/block-rb.jpg) no-repeat right bottom;}
/*** Внутренний DIV */
.block-sub { overflow:hidden; position:relative;  width:220px; height:320px;  }
#last-comments { }
#last-questions { }
#articles { height:300px; padding:10px;}
/*** Стили внутренних элементов */
.block .comment { padding:5px 10px; overflow:hidden;}
.block .date { color:#747474;}
#article-list { list-style:none;}
#article-list ul { list-style:none; padding:0 0 0 15px;}
#img-club { float:none;}

/* Контейнер карты */
#YMapsID { height:400px; border:3px solid #dadada;}

/*************************************************/
/*************************************************/

/* Форма комментария */
.comment-form  b { display:block; margin:10px 0 0 0;}
.comment-form  .input { width:210px; padding:3px; border:1px solid #bababa;}
.comment-form  select.input { width:217px; padding:0; height:24px;}
.comment-form  textarea { height:200px; width:400px; padding:3px;}

/* Вывод комментариев */
#comments { border-bottom:1px solid #dadada; border-left:1px solid #dadada; border-right:1px solid #dadada; background:#fff; margin:20px 0;}
#box-comments .comment { padding:10px; border-top:1px solid #dadada; position:relative;}
#box-comments .comment.blocked { background:#EFEFEF;color:#BBBBBB;}
#box-comments .comment .message { margin:7px 70px 7px 120px;}
#box-comments .comment p { margin:7px 0; padding:0;}
#box-comments .nick { font-weight:bold; margin:0 20px 0 0; float:left; width:100px;}
#box-comments .date { font-size:12px; color:#888;}
#box-comments .comment .rate { position:absolute; right:10px; top:3px; width:120px;}
#box-comments .comment.blocked .rate { display:none;}
#box-comments .comment.blocked a { color:#bbb;}
#box-comments .comment .rate img {margin:0 1px; float:right;}
#box-comments .ghost { position:absolute; right:10px; top:3px;}

#box-comments .comment h2 { font-size:18px; margin:0 0 5px 0; }
#box-comments .comment .views { font-size:12px; color:#888; margin:0 0 10px 0;}

.club-img { float:left; }
.club-img img { width:200px; border:1px solid #D06565; padding:2px; }
.club-img img.no-photo { width:auto; border:0; margin:0 55px;}
.club-info { margin:0 0 0 220px; }

.avatar { float:left;width:160px;}

.rates1 { background-color:#FFE3E3;}
.rates2 { background-color:#fcf2f2;}
.rates3 { background-color:#fcfde5;}
.rates4 { background-color:#f0faf1;}
.rates5 { background-color:#DAF1DB;}

#edit-profile { }
#edit-profile .submit { display:block; margin:5px 0 15px 0;}
#edit-profile h2 { color:#d60500; }
#edit-profile .help { font-size:10px; color:#888; width:500px;}

#rating { border:1px solid #DADADA; background:#fff;}
#rating .rate { border-bottom:1px solid #DADADA; position:relative; height:22px; overflow:hidden;}
#rating .r-name { float:left; padding:2px 5px 0 0; text-align:right; width:160px;}
#rating .r-name img {float:left; margin:0 0 0 2px;}
#rating .r-bg { float:left; background:url(/images/rate.jpg) repeat-x left top; height:22px; padding:0 5px; }
#rating .r-rate { float:left; padding:2px 0 0 0; color:#fff; letter-spacing:1px;}

#social { margin:10px auto; height:20px; width:470px;}
#vkgroup { width:200px; height:300px; float:right; margin:20px 10px 10px 0;}

#prices { border:1px solid #dadada; border-bottom:0; font-size:13px; background:#fff; margin:20px 0;}
#prices th { border-bottom:1px solid #dadada;  padding:2px 5px 3px 5px; text-align:center; }
#prices td { border-bottom:1px solid #dadada; padding:2px 5px 3px 5px; text-align:center; }
#prices td.left { text-align:left;}
#prices tr:hover { background:#f6f6f6;}
#prices .th:hover { background:none;}
#prices span {color:#bbb; font-size:11px;}

.ex-image { text-align:center;}
.ex-image img { padding:2px; border:1px solid #d06565; }

#video iframe { padding:2px; border:3px solid #bbb;}
.BBComWidget { float:left;}