body { padding: 0px; margin: 0px; background: #383B40; font-family: Tahoma; font-size: 11px; }

a { color: #00569F; text-decoration: underline; }
a:hover { text-decoration: none; }

#overall { width: 1004px; text-align: left; }

#bookmark { float: left;  width: 250px; padding: 5px 5px 5px 18px; }

#userauthorize { padding: 0px 5px 0px 420px; }
#userauthorize .a_form td { padding: 0px 5px 0px 5px; }
.a_form input.text { font-family: Tahoma; font-size: 11px; color: #000000; text-align: right; padding-right: 10px; width: 110px; }

#userpanel { padding: 0px 5px 0px 300px; }
#userpanel .u_menu td { padding: 5px 5px 0px 5px; }

#top { background: #383B40; }

#top, #hor-menu { color: #EEE8D4; }
#top a, #hor-menu a, .block-header a  { color: #EEE8D4; }

#logo { border-bottom: 1px solid #ffffff; }

#hor-menu { width: 100%; background: #CC0000; border-bottom: 1px solid #000000; }
#hor-menu td.inner-cell { padding: 3px 18px 3px 18px; }
#hor-menu ul { padding: 0px; margin: 0px 0px 0px 0px; list-style: none; font-size: 12px; font-weight: Bold; color: #EEE8D4; }
#hor-menu ul li { float: left; margin-right: 15px; }

#search {  }

#main-window { border-top: 1px solid #ffffff; background: #EEE8D4; }

.pad-top { padding-top: 25px; }
.bar-spacer { height: 15px; }
.bar-line-spacer { height: 2px; background: url("/images/hor-line.gif") left top repeat-x; }

.column-left { vertical-align: top; background: url("/images/1x1-right.gif") right top repeat-y; border-left: 1px solid #F5F2E8; }
.column-right { vertical-align: top; background: url("/images/1x1-left.gif") left top repeat-y; border-right: 1px solid #DBD6C0; }
.column-center { font-size: 13px; vertical-align: top; border-left: 1px solid #F5F2E8; border-right: 1px solid #DBD6C0; }

.block-header { background: #383B40; font-weight: Bold; color: #EEE8D4; padding: 7px 18px 7px 18px; }
.block-header-big { background: #cc0000; font-weight: Normal; color: #EEE8D4; font-size: 18px; padding: 7px 18px 7px 18px; }

.content-bar { padding: 7px 5px 7px 18px; }
.content-main { padding: 10px 5px 18px 18px; background: #F7F3E7; }

.copyright-menu { padding: 0px; margin: 0px; text-decoration: none; list-style: none; }
.copyright-menu li { padding-bottom: 4px; }


.path { margin: 0px 0px 10px 0px; padding: 0px 18px 0px 18px; }
.path-inner { padding: 7px 0px 7px 0px; }


.news-item { padding-bottom: 7px; }

.news-item-main { padding-bottom: 4px; }
.news-item-main span.news-date { display: block; padding-bottom: 2px; }
.news-item-main .title-link { font-size: 13px; font-weight: Bold; }
.news-short-text { padding-bottom: 15px; }


.referenceline { padding-bottom: 7px; }
.referenceline .ext_info { font-size: 10px; color: #383B40; }
.referenceline .ext_info a { color: #383B40; }

.font11 { font-size: 11px !important; }

h2 { color: #00569F; font-size: 18px; font-weight: Normal; }


ul.menu { padding: 0px; margin: 0px; list-style: none; }
ul.menu li { display: block; float: left; width: 240px; padding: 5px 5px 5px 0px; margin: 0px; }
ul.menu li.reference { display: block; float: none; clear: both; padding: 7px 5px 22px 0px; }



.form * { font-size: 13px; }
.form input { width: 350px; }
.form textarea { width: 350px; height: 300px; }
.form input.button { border: 1px solid #505050; }

.f_bold { font-weight: Bold; }
.f_form { margin-bottom: 0px; padding-bottom: 0px; }
.f_form * { font-size: 13px; font-family: Arial; }
.f_form input.text { width: 350px; border: 1px solid #505050;}
.f_form select { width: 350px; border: 1px solid #505050; }
.f_form textarea.short { width: 350px; height: 100px; }
.f_form textarea { width: 350px; height: 135px; border: 1px solid #505050;}
.f_form input.button { border: 1px solid #505050; }
input.button { border: 1px solid #505050; }
input.protectcode { width: 90px; font-size: 20px; }

.error { color: #c00000; font-size: 14px; font-weight: Bold; }

.t_list { width: 450px; border-left: 1px solid #DFDFDF; border-top: 1px solid #DFDFDF; }
.t_list td, .t_list th { vertical-align: middle; font-size: 12px; padding: 3px; border-right: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; }
.t_list th { font-weight: Bold; background: #EFEFEF; text-align: left; }

.leftleft { float: left; width: 240px; }
.leftright { padding: 0px 0px 0px 250px }

li.city a { color: #cc0000; }



.t_forum { width: 724px; border-left: 1px solid #DFDFDF; border-top: 1px solid #DFDFDF; }
.t_forum .small { font-size: 11px; color: #555555; }
.t_forum td, .t_forum th { vertical-align: top; font-size: 12px; padding: 3px; border-right: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; }
.t_forum th { font-weight: Bold; background: #EFEFEF; }
.t_forum td.spacer { background: #F4F8FD; }

.gallery td { width: 250px; text-align: center; padding: 5px; border: 1px solid #DFDFDF; font-size: 13px; }

.button { text-align: center; color: #383b40; }

.menu-addreference { font-weight: Bold; font-size: 10px; padding-left: 10px; }
.personal-experience-list { width: 250px; }

.rss { float: right; padding: 8px 5px 0px 0px; }


/* ЭТО БЛОК СО ЗВЕЗДОЧКАМИ */

.star-rating,   
.star-rating a:hover,   
.star-rating a:active,   
.star-rating a:focus,   
.star-rating .current-rating{   
 background: url(/images/starrating_stars.gif) left -1000px repeat-x;   
 /* В качестве фона для сылок, списка и текущего рейтинга  
    зададим нашу картинку и расположим ее пока за  
    пределами элемента */  
}   
  
.star-rating{   
 position: relative;   
 width: 125px; /* Ширина всего рейтинга*/  
 height: 25px;   
 overflow: hidden;   
 list-style: none;   
 margin: 0;   
 padding: 0;   
 background-position: left top;   
 /* Фоном будет являться "пустая" звездочка */  
}   
  
.star-rating li{   
 display: inline;   
 /* Элементы списка пойдут друг за другом. */  
}   
  
.star-rating a,   
.star-rating .current-rating{   
 position: absolute;   
 top: 0;   
 left: 0;   
 text-indent: -1000em;   
 /* Уберем текст за пределы видимости */  
 height: 25px;   
 line-height: 25px;   
 outline: none;   
 overflow: hidden;   
 border: none;   
}   
  
.star-rating a:hover,   
.star-rating a:active,   
.star-rating a:focus{   
 background-position: left bottom;   
 /* При наведении мышки и т.д. фоном будет  
    нижняя часть картинки, а именно "подсвеченная"  
    звездочка */  
}   
  
/* Зададим стили для каждой звездочки */  
.star-rating a.one-star{   
 width: 20%;   
 z-index: 6;   
}   
  
.star-rating a.two-stars{   
 width: 40%;   
 z-index: 5;   
}   
  
.star-rating a.three-stars{   
 width: 60%;   
 z-index: 4;   
}   
  
.star-rating a.four-stars{   
 width: 80%;   
 z-index: 3;   
}   
  
.star-rating a.five-stars{   
width:100%;   
z-index:2;   
}   
  
/* Текущий рейтинг выше всех и имеет в качестве  
   фона "нормальную" звездочку */  
.star-rating .current-rating{   
 z-index: 1;   
 background-position: left center;   
}  

/* конец блока со звездочками */

.rb { margin: 0px 0px 10px 15px; }