/* 
---------------------------------------------------------------------------------------------------------------------------------------------------
  Classes
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
.clear { display: block; clear: both; height: 1px; }
.off { display: none; }

.hidden { display: none; }
.show { display: block; }

.fleft { float: left; }
.fright { float: right; }

img.fleft { margin: 13px 13px 5px 0; }
img.right { margin: 13px 0 5px 13px; }

.aleft { text-align: left; }
.aright { text-align: right; }
.acenter { text-align: center; }

.corange { color: #EE902F; }
.cred { color: #B51F4A; }

.container { overflow: hidden; }

span.link-archive { padding-left: 13px; background: url(/media/img/icon-archive.gif) no-repeat 0 center; }
span.link-plus { padding-left: 13px; background: url(/media/img/icon-plus.gif) no-repeat 0 center; }
span.link-arrow { padding-left: 17px; background: url(/media/img/icon-arrow.gif) no-repeat 0 center; }

/* 
---------------------------------------------------------------------------------------------------------------------------------------------------
  Общее
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

* { margin: 0; padding: 0; }
html { height: 100%; }
body { position: relative; color: #7D7D7D; font: .7em/1.4 Tahoma, Verdana, Sans-Serif; background: #fff; height: 100%; }

form fieldset { border: 0; }
form input.text, form input.file, form select, form textarea { color: #7D7D7D; font-size: 1em; font-family: Tahoma; border: 1px solid #CDCDCD; }
form input.radio { position: relative; top: 3px; }
form input.button { padding: 1px 8px 2px 8px; color: #737373; font-size: 1em; background: #F3F3F3; border: 1px solid #D9D9D9; }
form input.image { position: relative; top: 2px; }
html:first-child form input.radio { top: -1px; }

h1, h2, h3, h4 { padding: 20px 0; color: #B51F4A; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1em; font-style: italic; }

p, ul, ol, dl, form { padding: 10px 0; }
blockquote { padding: 10px 0 10px 10px; }
ul, ol{padding-left:20px;}
a { color: #B51F4A; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: 0; }

#center { position: relative; margin: 0 auto; width: 839px; min-height: 100%; }

/*
---------------------------------------------------------------------------------------------------------------------------------------------------
  Шапка
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#header #logo { margin-top: 31px; float: left;}
table#header-nav { border-collapse: collapse; margin-top: 15px; font-family: Arial, "Century Gothic"; width: 100%; height: 35px;font-size: 1.1em;}
table#header-nav a { display: block; color: #000; text-decoration: none; height: 35px; }
table#header-nav a:hover { color: #B51F4A; font-weight: normal; }
table#header-nav td.active strong { display: block; color: #B51F4A; font-weight: normal; height: 35px; }
table#header-nav a:hover ,
table#header-nav  td.active strong  { background: url(/media/img/header-nav-bg.gif) no-repeat center bottom; }
table#header-nav td { padding: 0 15px; text-align: center; border-bottom: 1px solid #B51F4A; }
table#header-nav td.left { padding-left: 0; }
table#header-nav td.right { padding-right: 0; }

#header-bg { position: relative; background: url(/media/img/header-bg.gif) no-repeat 0 0; height: 272px; }
#header-car { background: url(/media/img/header-car.jpg) no-repeat 0 bottom; height: 272px; }

#header-bg form { position: absolute; right: 0; bottom: 11px; color: #fff; background: url(/media/img/header-form-bg.jpg) no-repeat 0 0; width: 195px; height: 158px; }
#header-bg form fieldset { padding: 0 10px; }
#header-bg form label { float: left; padding-right: 5px; text-align: right; width: 50px; }
html:first-child  #header-bg form label { padding-top: 1px; }
#header-bg form input.text { padding: 1px 0 2px 0; color: #fff; background: transparent; border: 1px solid #AB6C7A; width: 103px; }

#header .logon {width:170px; margin-top: 31px; text-align: right; float: right; }
#header .logon form {padding-top: 0px;}
#header .logon form p.head { padding-top: 0px; padding-bottom: 0; font-family: "Trebuchet MS"; font-weight: bold;  text-align: left;}
#header .logon form p{  text-align: left;padding:0px; padding-top: 5px;}
#header .logon form input.text{width: 70px; font-size: 1.2em;}
#header .logon form p.register { text-align: left;}
#header .logon form p.register a{ padding-left: 12px; background: url(/media/img/register-arrow.gif) no-repeat 0px 0.45em; }


/*
---------------------------------------------------------------------------------------------------------------------------------------------------
  Контент
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

#body { padding: 20px 0 113px 0; background: url(/media/img/body-div-bg.gif) no-repeat right bottom; }

#content-wrapper { float: left; width: 100%; }
#content { margin-left: 260px; }

#content .archive { padding: 0 0 20px 0; }
#content .archive .head { line-height: 22px; }
#content .archive .head a, #content .archive .head strong { float: left; margin: 0 3px; }
#content .archive .head strong { padding: 0 8px; background: #F4F4F4; }
#content .archive .body { padding: 8px 0 10px 25px; background: #F4F4F4; width: 270px; }
#content .archive .body .column { float: left; width: 90px; }

#content .news { padding: 5px 5px 8px 18px; }
#content .news-bg { background: #F4F4F4; }
#content .news p { padding: 5px 0; }

#content .catalog { padding: 5px 5px 8px 18px; }
#content .catalog-bg { padding-top: 10px; margin-bottom: 10px; background: #f4f4f4; }
#content .catalog .head { line-height: 1.4; }
#content .catalog .head .link { float: left; margin-right: 25px; }
#content .catalog .head .rate { float: left; position: relative; padding-left: 21px; background: url(/media/img/rate.gif) no-repeat 0 center; }
#content .catalog .head .rate strong.corange { cursor: pointer; }
#content .catalog .head .rate .values { position: absolute; top: 17px; left: 85px; line-height: 57px; background: url(/media/img/values.png) no-repeat 0 0; width: 337px; height: 58px; overflow: hidden; }
#content .catalog .head .rate .values span { float: left; margin: 0 4px; }
#content .catalog .head .rate .values .service { margin-left: 17px; padding-left: 20px; background: url(/media/img/value_service.gif) no-repeat 0 center; }
#content .catalog .head .rate .values .price { padding-left: 20px; background: url(/media/img/value_price.gif) no-repeat 0 center; }
#content .catalog .head .rate .values .speed { padding-left: 20px; background: url(/media/img/value_speed.gif) no-repeat 0 center; }
#content .catalog .body { padding-top: 20px; }
#content .catalog .body .padding { padding-top: 20px; }
#content .catalog .body span.link-plus { font-size: 0.9em; }

#content .pictures { padding-bottom: 20px; }
#content .pictures .picture { float: left; padding-left: 59px; padding-bottom: 13px; }
#content .pictures  .first { margin-left: -59px; }

#content .post-rate img { position: relative; top: 4px; }
#content .post-rate-float { float: right; position: relative; margin-top: -3.7em; }

#content .zayavka { position: relative; z-index: 1000; margin-top: -5px; margin-bottom: -25px; width: 146px; }
#content .zayavka .rate { margin-bottom: 8px; padding: 8px 0 8px 20px; text-align: center; background: #f4f4f4 url(/media/img/rate.gif) no-repeat 9px 0.6em; }
#content .zayavka .rate strong { color: #EE902F; }

#content .service-block { position: relative; padding: 10px 0; }
#content .service-block span { float: left; margin: 0 4px; }
#content .service-block .service { margin-left: -4px; padding-left: 20px; background: url(/media/img/value_service.gif) no-repeat 0 center; }
#content .service-block .price { padding-left: 20px; background: url(/media/img/value_price.gif) no-repeat 0 center; }
#content .service-block .speed { padding-left: 20px; background: url(/media/img/value_speed.gif) no-repeat 0 center; }

#content .lists-cols { margin: 10px 0; padding: 5px 20px; background: #f4f4f4; }
#content .lists-cols .list { float: left; width: 29%; }
#content .lists-cols p { padding-bottom: 0; }
#content .lists-cols .list ul { padding-top: 3px; }
#content .lists-cols .list ul li { list-style: none; }
#content .lists-cols label { display: block; padding: 0 0 5px 0; }

#content p.listing a { margin: 0 5px; }
#content p.listing strong.active { margin: 0 5px; padding: 0 4px; background: #f4f4f4; border: 3px solid #f4f4f4; border-bottom-width: 4px; }

#content form.rubrikator { padding: 8px 5px 13px 25px; background: #f4f4f4; }
#content form.rubrikator div { float: left; }
#content form.rubrikator div.left { width: 320px; }
#content form.rubrikator select { margin-top: 3px; width: 205px; }

#content form.addcomment { margin-top: -5px; }
#content form.addcomment p { padding: 5px 0; }
#content form.addcomment p.inp_text span { float: left; margin-right: 50px; }
#content form.addcomment label { display: block; }
#content form.addcomment input.text { width: 130px; }
#content form.addcomment input.text-long { width: 380px; }
#content form.addcomment textarea { width: 380px; height: 80px; }

#content form.form { margin-top: -5px; }
#content form.form p { padding: 5px 0; }
#content form.form p.inp_select span { float: left; margin-right: 40px; }
#content form.form p.inp_select select { width: 130px; }
#content form.form label { display: block; }
#content form.form input.text { width: 130px; }
#content form.form input.text-long { width: 300px; }
#content form.form textarea { width: 380px; height: 80px; }
#content form.form select.long { width: 300px; }
#content form.form .files { margin: 10px 0; padding: 10px 20px; background: #f4f4f4; }

#content form.form-long select.long { width: 440px; }
#content form.form-long textarea { width: 440px; }
#content form.form-long input.text { width: 200px; }
#content form.form-long p.inp_select select { width: 200px; }
#content form.form-long p.inp_select input.small {width: 130px; }
#content form.form-long p.inp_select select.small { width: 65px; }

#content .comment { padding: 0 0 20px 0; }
#content .comment p { padding: 0; }
#content .comment p.head img { position: relative; top: 3px; }

#content .opinion { padding: 5px 5px 10px 25px; }
#content .opinion-bg { background: #f4f4f4; }
#content .opinion img { position: relative; top: 3px; }
#content .opinion img.marka { margin-top: -3px; }


#content .tags_cloud p { padding: 0 17px;margin-top:0px; line-height: 18px; text-align: center; border:1px solid #f4f4f4;}
#content .tags_cloud p a { text-decoration: none; }
#content .tags_cloud p a:hover { text-decoration: underline; }
#content .tags_cloud p .size_0 { font-size: 0.6em; display:none;}
#content .tags_cloud p .size_1 { font-size: 0.8em; }
#content .tags_cloud p .size_2 { font-size: 1.0em; }
#content .tags_cloud p .size_3 { font-size: 1.2em; }
#content .tags_cloud p .size_4 { font-size: 1.4em; }
#content .tags_cloud p .size_5 { font-size: 1.6em; }
#content .tags_cloud p .size_6 { font-size: 1.8em; }
#content .tags_cloud p .size_7 { font-size: 2.0em; }
#content .tags_cloud p .size_8 { font-size: 2.5em; }


#content .peopleslist { padding: 0; }
#content .peopleslist .people a.name { position: absolute; top: 4px; left: 0px; font-weight: bold; color:#7D7D7D;text-decoration: none;}
#content .peopleslist .people { overflow: hidden; position: relative; float: left; font-size: 0.9em; width: 49.9%; height: 84px; }
#content .peopleslist .people img { position: absolute; top: 22px; left: 0px; }
#content .peopleslist .people .rating { position: absolute; top: 22px; left: 56px; color: #000; font-weight: bold; }
#content .peopleslist .people .rating span { color: #A8A8A8; font-weight: normal; }

#content p.place { position: relative; margin-top: -28px; padding-left: 0px; padding-bottom: 0; font-size: 0.9em; color: #CBCBCB; }

/* Categories */
#content .categories { padding: 10px 0; }
#content .categories .cols { padding: 8px 10px; background: #f4f4f4; }
#content .categories .cols .col { float: left; width: 49.9%; }
#content .categories .cols .col span { display: block; margin: 5px 0 5px 8px; padding-left: 10px; font-size: 1.1em; font-weight: bold; width: 83%; }
#content .categories .cols .col span  a { color: #000; font-weight: bold; }

/* кусок из 1декора  для того что бы сделать с колвом на странице */
#content .listing { position: relative; background: #f9f9f9;padding: 2px 13px; }
#content .listing .listing_left { margin-left: -21px; padding-left: 21px; }
#content .listing .listing_right { margin-right: -21px; padding-right: 21px; line-height: 35px; height: 35px; }
#content .listing p, 
#content .listing form { margin: 0; padding: 0; line-height: 35px; }
#content .listing form select {width : 80px; }
#content .listing p.pages { font-size: 1.1em; }
#content .listing p.pages a { margin: 0 4px; color: #000; font-weight: bold; }
#content .listing p.pages a.active { margin: 0 4px; padding: 0 5px; color: #999; background: #fff; border: 1px solid #C2D4CD; text-decoration: none;}

/* Articles */

#content .articles { padding: 10px 0; color: #765A6D; }
#content .articles .article { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px dashed #ccc; }
#content .articles .article .text { margin-top: -8px; margin-left: 165px; }
#content .articles .article .text p.head strong a { color: #B51F4A; font-size: 1.1em; }
#content .articles .article .text p.head span.rubrika { color: #ccc; }
#content .articles .article .marks { padding-top: 5px; }

#content p{ font-size: 1.1em; }

/* Comments */

#content .comments .collapse { float: right; margin-top: -2.5em; }
#content .comments .collapse span,
#content .comments strong.head { display: block; padding: 5px 0 10px 17px; color: #000; font-size: 1.2em; font-weight: bold; }
#content .comments strong.head span {  font-size: 0.8em; font-weight: normal; }
#content .comments .list .comment { padding: 10px 17px; border-bottom: 1px dotted #CBCBCB; }
#content .comments .list .comment p.head { padding-bottom: 0; font-size: 0.8em; }
#content .comments .list .comment p.head a.author_m { color: #000; font-size: 1.1em; font-weight: bold; text-decoration: none; }
#content .comments .list .comment p.head a:hover.author_m { text-decoration: none; }
#content .comments .list .comment p.head a.author_w { font-size: 1.1em; font-weight: bold; text-decoration: none; }
#content .comments .list .comment p.head a:hover.author_w { text-decoration: none; }
#content .comments .add_comment { margin: 0; padding: 5px 17px; }
#content .comments .add_comment p.add { padding: 10px 0; font-size: 1.2em; }
#content .comments .add_comment p.rating img { position: relative; top: 3px; }
#content .comments .add_comment form input.text { width: 305px; }
#content .comments .add_comment form textarea { width: 370px; }

/* Forum */

#content table.forum { border-collapse: collapse; width: 100%; }
#content table.forum a { color: #1B202D; }
#content table.forum th, 
#content table.forum td { padding: 10px 5px; }
#content table.forum th { color: #042745; font-size: 0.9em; font-family: Tahoma; font-weight: bold; text-align: left; border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; }
#content table.forum td { color: #462B3E; border-bottom: 1px solid #E6E6E6; }
#content table.forum td.icon { padding-left: 0; }
#content table.forum td.icon img { position: relative; top: 2px; }
#content div.add_post input,#content div.add_post textarea{width:100%;}

/* Register */

#content form.register sup { color: red; font-weight: bold; }
#content form.register label { display: block; padding-bottom: 3px; }
#content form.register p.head { padding: 10px 17px 5px 17px; border-bottom: 1px solid #CBCBCB; }
#content form.register .long, 
#content form.register .short { padding: 10px 17px; }
#content form.register .short .col { float: left; width: 49.9%; }
#content form.register .description { padding-top: 5px; color: #765A6D; font-size: 0.9em; }
#content form.register .long input.text, 
#content form.register .long select { width: 97.5%; }
#content form.register .long textarea { width: 97.5%; }
#content form.register .short input.text, 
#content form.register .short select { width: 95%; }
html:first-child #content form.register .short input.text, 
html:first-child #content form.register .short select { width: 99%; }
#content form.register input.submit { margin-left: 17px; }
#content form.register .rules { padding: 10px 17px; color: #A8A8A8; font-size: 0.9em; }
#content form.register p.register_place { padding: 10px 17px; color: #765A6D; font-size: 0.9em; }
#content form.register div.error {border:1px solid #eee; padding:10px; background-color:#FFEEEE;}

#content .marks { font-size: 1.0em; color: #A8A8A8; }
#content .marks p { padding: 0; }
#content .marks span.rating { color: #000; font-weight: bold; }

/* Board */
#content .board h2.head { padding: 10px; color: #A8A8A8; font-size: 0.9em; border-bottom: 1px solid #CBCBCB; }
#content .board { padding: 10px 0; color: #765A6D; }
#content .board .objava { padding-top: 20px; padding-bottom: 15px; border-bottom: 1px dashed #CBCBCB; }
#content .board .objava .text { margin-top: -8px; }
#content .board .objava .text p.head { width:49.5%; float: left; }
#content .board .objava .text p.phone {width:49.5%; float: left; }
#content .board .objava .marks { padding-top: 5px; }

/* Sidebars */

#leftside { float: left; margin-left: -100%; padding-left: 53px; width: 175px; }
#leftside-curve { margin-left: -53px; padding: 30px 0; background: url(/media/img/leftside-curve.gif) no-repeat 0 30px; height: 45px; }

.sidebar h3 { padding: 10px 0; font-size: 1.3em; }

.sidebar #lastnews h3 { padding: 20px 0; }
.sidebar #lastnews h3 small { display: block; color: #C5C5C5; font-size: 0.8em; font-family: "Arial Narrow", Arial; font-weight: normal; line-height: 1; }
.sidebar #lastnews p { padding: 0; }
.sidebar #lastnews p.links a { color: #B51F4A; }
.sidebar #lastnews a { color: #959595; }
.sidebar #lastnews .news { padding: 13px 0; }
.sidebar #lastnews .news .date { position: relative; float: left; margin-left: -40px; width: 40px; }
.sidebar #lastnews .news .date span { color: #B51F4A; }

.sidebar .poll h3 { padding-bottom: 0; }
.sidebar .poll p.answers { padding-left: 25px; }
.sidebar .poll input.radio { margin-right: 3px; }

.sidebar .articles p { padding: 0; }
.sidebar .articles p.link a { color: #959595; text-decoration: none; }
.sidebar .articles p.link a:hover { text-decoration: underline; }

.sidebar .lastforum { padding: 0; }
.sidebar .lastforum .message { padding: 13px 0; }
.sidebar .lastforum .message div.date { position: relative; float: left; margin-left: -40px; width: 40px; }
.sidebar .lastforum .message div.date span { color: #B51F4A; }


.sidebar .adv{ margin-left:-40px;}
.sidebar .adv ul { margin:0; padding:0;}
.sidebar .adv ul li{ list-style-type: none; margin-bottom:5px; margin-left:0;}
.sidebar .adv ul li a{ text-decoration: none;}
.sidebar .adv ul li a:hover{ text-decoration: underline;}

/*--*/
div.lastpub {padding:5px;width:355px;}
div.lastpub h3{padding:0px;}
div.lastpub small{display:block;}
div.lastpub a img{float:left; margin: 13px 13px 5px 0;border:2px solid #7D7D7D;}
div.lastpub a:hover img{border:2px solid #B51F4A;}
/*

/*
---------------------------------------------------------------------------------------------------------------------------------------------------
  Footer
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

#footer { position: relative; width: 100%; min-height: 115px; }
#footer .main { margin-left: 260px; }
#footer .main p.item { position: relative; padding-left: 25px; background: url(/media/img/footer-item.gif) no-repeat 0 center; }
#footer .links { position: absolute; top: 0; left: 0; padding-top: 5px; color: #c5c5c5; font-size: 0.9em; font-family: Verdana; text-align: center; border-top: 5px solid #f4f4f4; width: 210px; }
#footer .links ul li{ list-style-type: none; float: left; margin-right: 5px; }
#footer .links ul li a { color: #c5c5c5; text-decoration: none; }
#footer .links ul li a:hover { text-decoration: underline; }