html,body {
	height: 100%;
}

* {
	padding: 0;
	margin: 0;
}

body,form,input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5a5a5a;
	line-height: 16px
}
body {
    /*_position: relative;*/
}

a {
	color: #5a5a5a;
	text-decoration: underline;
}

a:hover {
	text-decoration: none
}

a img {
	border: 0px
}

#bg {
    background: #EFF2EB url(../images/bg.jpg) 0 0 no-repeat;
	/*background: url(../images/bg.jpg) no-repeat 0 0 #f7f7f7; TOKILL: старая подложка*/
	position: relative;
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

#logo {
	width: 135px;
	height: 158px;
	overflow: hidden;
	position: relative;
	font-size: 10px;
	padding: 20px 0 0 20px;
	margin: 32px 0 0 50px;
	float: left;
}

* html #logo {
	margin: 32px 0 0 25px;
}

#logo span {
	position: absolute;
	top: 0;
	left: 0;
	width: 135px;
	height: 158px;
	background: url(../images/logo.gif) no-repeat 0 0;
	cursor: pointer;
	cursor: hand;
}

#kontact {
	float: right;
	width: 214px;
	padding: 20px 342px 12px 0;
	font-size: 1em;
	line-height: 21px;
	color: #5B5B5B;
}

#kontact a {
    color: #fff;
	text-decoration: none;
}

#kontact span {
	display: block;
	font-weight: bold;
	margin-top: 6px;
	line-height: 21px;
}

#foto {
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
	height: 461px;
	background: url(../images/foto.jpg) no-repeat 100% 0;
}
#announce #foto { background: url(../images/foto1.jpg) no-repeat 100% 0; }
#news #foto { background: url(../images/foto2.jpg) no-repeat 100% 0; }
#media #foto { background: url(../images/foto3.jpg) no-repeat 100% 0; }
#services #foto { background: url(../images/foto4.jpg) no-repeat 100% 0; }
#technologies #foto { background: url(../images/foto5.jpg) no-repeat 100% 0; }
#production #foto { background: url(../images/foto6.jpg) no-repeat 100% 0; }
#about #foto { background: url(../images/foto7.jpg) no-repeat 100% 0; }
#salon #foto { background: url(../images/foto-salon.jpg) no-repeat 100% 0; }
#tatyana #foto { background: url(../images/foto8.jpg) no-repeat 100% 0; }
#vacancies #foto { background: url(../images/foto-vacancies.jpg) no-repeat 100% 0; }
#consultancy #foto { background: url(../images/foto-consultancy.jpg) no-repeat 100% 0; }
#club #foto { background: url(../images/foto-club.jpg) no-repeat 100% 0; }

#menu {
	clear: both;
	background: url(../images/menu.gif) no-repeat 0 0;
	height: 31px;
	width: 675px;
	margin: 0 0 0 25px;
	overflow: hidden;
	font-size: 1em;
}

#menu li {
	list-style: none;
	float: left;
	border-left: 1px solid #646d64;
	padding: 0 12px;
	font-weight: bold;
	margin-top: 7px;
}

#menu .frst {
	border: none;
}

#menu a {
	text-decoration: none;
	color: #646d64;
	font-weight: normal;
}

#main_wrapper {
    clear: both;
    float: left;
    width: 700px;    
    padding: 0 0 25px 0;
}

#main_blk {
	background: url(../images/main_t.gif) no-repeat 0 0 #fff;	
	margin: 14px 0 0 25px;	
}

#main {
	background: url(../images/main_b.gif) no-repeat 0 100%;
	width: 650px;
	min-height: 880px;
	height: auto !important;
	height: 880px;
	padding: 25px 0 75px 25px;
	clear: both;
	font-size: 0.9em;
	position: relative;
}
.error_layout #main {
    min-height: 400px;
    height: auto !important;
    height: 400px;
}

.aux_blk {
    margin: 12px 0 0 25px;
    background: url(../images/aux_t.gif) no-repeat 0 0 #fff;
}
.aux {
    clear: both;
    padding: 25px 0 25px 25px;
    background: url(../images/main_b.gif) no-repeat 0 100%;
    font-size: 0.9em;
}
.aux .text {
    padding-bottom: 5px;
} 

#main .list{
	padding:0 25px 0 10px;

}
#main .make .list{
	padding-left: 20px
}
#main h3 {
	font-size: 1.75em;
	font-weight: normal;
	margin-bottom: 25px;
	text-transform: capitalize;
}
#main h4 {
    font-size: 1.60em;
    font-weight: normal;
    margin-bottom: 20px;
    /*text-transform: capitalize;*/
    padding:15px 0px;
    margin-bottom:0px;
}
.list .more {
    color: #607860;
    margin-top: 18px;
	padding-bottom: 15px
}
#main .list .more a {
	color: #5a5a5a;
}
.list .more .op_w{
	background: url(../images/blog.gif) no-repeat 100% 2px;
	padding-right: 25px
}
.list .title {
	display: block;
	font-weight: bold;
	background: url(../images/li.gif) no-repeat 0 6px;
	padding-left: 10px;
	position: relative;
	right: 10px
}
.flash .flash_txt {
	display: table;
	zoom: 1;
	_height: 0;
	padding-right: 25px;
	text-align: justify;
}

.flash_img {
	float: right;
	margin-right: 25px
}

.flash .more {
	display: block;
	text-align: right;
	margin: 5px 176px 0 0
}

.make dl {
	display: table;
	zoom: 1;
	_height: 0;
	padding: 0 20px;
}

.make .atic {
	display: table;
	zoom: 1;
	_height: 0;
	padding: 20px 25px 0 20px;
	text-align: justify;
}

.make img {
	float: left;
	margin: 20px 0 0 0;
	border: solid 1px #d6ddd6;
}

.make .list a {
	background: url(../images/li1.gif) no-repeat 0 6px;
}

.make h4,#anons h4 {
	font-size: 1.4em;
	margin-top: 35px;
	font-weight: normal;
}

#anons dl {
	padding: 0
}

#anons dd {
	background: url(../images/li1.gif) no-repeat 0 6px;
	padding: 0 20px 0 10px;
	margin-top: 18px;
	zoom: 1;
	_height: 1%;
}

#anons .more {
	padding-right: 25px
}

#part {
	clear: both;
	padding: 25px 0 15px 50px;
	font-size: 0.9em;
	font-weight: bold;

}

#part div {
	float: left;
	margin-right: 10px
}

#part img {
	float: left;
	margin: 0 5px;
	border: solid 1px #d6ddd6;
}

#copy {
    background: #BDCDB2;
	/*background: #d3dad3; TOKILL: старый цвет */
	text-align: right;
	font-size: 13px;
	padding: 7px 25px 7px 0;
	border-bottom: solid 24px #fff;
	border-top: solid 3px #fff;
	clear: both;
	color: #5A5A5A;
}
#copy a {
    color: #5A5A5A;
}

div#news {
	float: right;
	margin: 225px 0 0 0;
	width: 252px;
	padding-right: 23px;
    font-size: 0.9em;
}

div#news.in {
	margin-top: 193px
}

#blog {
	font-size: 1em;
	text-align: right;
	background: url(../images/blog.gif) no-repeat 100% 2px;
}

#blog a {
	padding-right: 26px
}

div#news h4 {
	color: #607860;
	font-size: 1.3em;
	position: relative;
	top: 5px;
	margin-top: 10px
}

ul.list {
    list-style: none;
}
.list {
	padding-left: 12px
}

.list dt, .list .date {
	font-size: 0.9em;
	color: #607860;
	margin-top: 10px
}

.list a {
	display: block;
	font-weight: bold;
	background: url(../images/li.gif) no-repeat 0 6px;
	padding-left: 10px;
	position: relative;
	right: 10px
}

.list dt a {
	font-size: 1.15em;
}

.list .more {
	text-align: right;
}

.list .more a {
	background: none;
	right: 0;
	font-weight: normal;
	color: #b0b9b0;
	display: inline;
}
.feed_view .date {
    font-weight: bold;
}
#main .feed_view h4 {
    font-size: 1.4em;
}

.doctor_blog_author {
    padding: 10px 12px;
    background: #f8f8f8;
}
.doctor_blog_author .title {
    margin: 0 0 10px 0;
    font-weight: bold;
}
.doctor_blog_author .image {
    float: left;
    margin: 0 14px 0 0;
    padding-top: 0.2em;
}
.doctor_blog_author .image img {
    border: 1px solid #636363;
}
#news .doctor_blog_author .image {
    margin: 0 11px 3px 0;
}
.doctor_blog_announce {
    margin: 18px 0 0 0;   
    padding-top: 6px;
    background: url("../images/login_form_top.gif") 0 0 no-repeat;    
}
.doctor_blog_announce .text {
    background: #fafcf8;   
}
.doctor_blog_announce .doctor_blog_author {
    padding-top: 7px;
    padding-bottom: 0;
    text-align: left;
}
.doctor_blog_latest {
    padding: 2px 12px 14px 12px;
    background: #FAFCF8 url("../images/login_form_bot.gif") 0 100% no-repeat;
}
.doctor_blog_latest .title {
    padding: 10px 0 3px 0;
    border-top: 1px solid #b5b5b5;
    font-size: 15px;
    font-weight: bold;    
}
.doctor_blog_latest .more {
    text-align: right;
} 

#podp {
	position: absolute;
	left: 25px;
	bottom: 15px;
	font-size: 1em
}

#inp_t {
	border: solid 1px #d3dad3;
	padding: 2px;
	margin: 0 10px;
	font-size: 0.9em
}

#inp_b {
	background: url(../images/podpis.gif) no-repeat 0 0;
	border: none;
	width: 100px;
	height: 21px;
	padding-bottom: 3px;
	font-size: 1em
}

* html #inp_b {
	padding-bottom: 0
}

#links {
	padding: 15px 0 0 50px;
	font-size: 0.9em;
}

#links a {
	text-decoration: none;
}

#menu_r {
	padding: 10px 0;
	margin: 0 0 10px 0;
	list-style: none;
	border-bottom: solid 1px #b2b9ab;
}

#menu_r li {
	background: url(../images/li2.gif) no-repeat 0 7px;
	padding-left: 10px;
	font-size: 1.35em;
	color: #556657;
	font-weight: bold;
	margin: 9px 0
}

#menu_r li a {
	color: #657867;
	font-weight: normal;
	text-decoration: none;
}

.photo {
	list-style: none;
	padding: 0;
	margin: 0
}

.photo li {
	float: left;
	margin: 0;
	position: relative;
	padding: 0 28px 25px 0
}

.photo li img {
	border: solid 1px #d6ddd6;
}

#pages {
	text-align: center;
	width: 100%;
	margin-top: 30px
}

* html #pages {
	margin-top: 15px
}

#pages #p_bg {
	padding: 4px 15px;
	background: #ebedeb;
	font-size: 1.35em;
	font-weight: bold;
	color: #5a5a5a
}

#pages img,#pages a {
	padding: 0 0 0 3px;
	font-size: 0.9em;
	text-decoration: none;
	font-weight: normal;
}

#pages span {
	background: #a0afa0;
	color: #fff;
	margin: 0;
	padding: 0 3px;
	position: relative;
	left: 3px
}
.l_blk{
	width: 50%;
	float: left;
}
.l_blk ul{
	list-style: none;
}
.l_blk li{
	background: url(../images/li1.gif) no-repeat 0 6px;
padding: 0 0 6px 10px
}
.l_blk h4{
	color: #607860;
	font-size: 1.2em;
	padding: 15px 0
}
.l_blk a{
	text-decoration: none;
	color: #000
}
.tables{
	background: #f8f8f8;
	position: relative;
	right: 10px;
	padding: 10px 10px 20px 10px
}
.tables h4{
	font-size: 1.2em;
	padding: 5px 0
}
.tables h4 a{
	font-size: 0.85em;
	font-weight: normal;
	color: #a8a8a8;
	text-decoration: none;
}
.tables h5{
	font-size: 1em;
	font-weight: bold;
	padding-top:10px;
}
.tables table {
border: 1px solid #a8a8a8;
border-collapse: collapse;
background: #fff;
margin-top: 10px
}
.tables td{
	border: 1px solid #a8a8a8;
	text-align: center;
	padding: 3px 6px
}
.tables .frst{
	text-align: left;
}
.wh{
	background: none
}
.text {
	padding:0 25px 25px 0;
	text-align: justify;
}
#news .text {
    padding: 0 0 10px 0;;
}


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix, .clear {
	zoom: 1; /* IE5.5+ */
	_height: 1%; /* IE5-6 */
}
.clear{
	clear: both;
}
div#overlay {
    position: fixed;
    _position: absolute;
    z-index: 1000;
    top: 0;
    _top: expression(eval(document.documentElement.scrollTop - 25));
    left: 0;
    width: 100%;
    _width: expression(eval(document.body.clientWidth));
    background: #000;
}

.text ul li{
	margin-left:20px;
	padding:2px;
}

/* ----- forms ----- */
input.text {
    padding: 0;
}
.error_msg {
    clear: both;
    margin: 2px 0;
    padding: 5px;
    border: 1px solid red;     
    font-weight: bold;
    color: red;
    *zoom: 1;
}
.error {
    color: red;
}
form .mark {
    color: red;
}
.success_msg {
    margin: 0 0 2em 0;
    padding: 0 25px 0 0;
    font-weight: bold;
}
.strong {
    font-weight: bold;
}

.level_form {
    margin: 0 0 2em 0;
    padding: 0 25px 0 0;
    font-size: 13px;
}
.level_form .field {
    clear: both;
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 5px 0;
    *padding: 4px 0;
    *zoom: 1;
}
.level_form .error {
    clear: both;
    margin: 0 0 0 176px;
}
.level_form .note {
    clear: both;
    margin: 0 0 10px 0;
    *zoom: 1;    
}
.level_form .field .name {
    float: left;
    width: 160px;
    margin: 0 16px 0 0;
}
.level_form .field .control {
    float: left;
} 
.level_form input.text {
    width: 278px;
    border: 1px solid #B7B7B7;
    font-size: 13px;
}
.level_form select {
    width: 280px;
    *vertical-align: middle;
    border: 1px solid #B7B7B7;
    font-size: 13px;
    color: #5a5a5a;
}
.level_form select option {
    background: #fff;
    font-size: 13px;
    color: #5a5a5a;
}
.level_form textarea {
    width: 278px;
    height: 40px;
    border: 1px solid #B7B7B7;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #5a5a5a;
}
.level_form input.checkbox {
    margin: 0 5px 0 0;
}
.level_form .buttons {
    clear: both;
    margin: 0 0 10px 0;
    padding: 5px 0;    
}
.level_form .left {
    float: left;
}
.level_form .right {
    float: right;
}
/* ----- /forms ----- */

/* ----- login form ----- */
#news #userForm {
    margin: 22px 0;
    padding: 6px 0 0 0;
    background: url("../images/login_form_top.gif") 0 0 no-repeat;
}
#news #userForm form {
    padding: 6px 12px 12px 12px;
    background: #FAFCF8 url("../images/login_form_bot.gif") 0 100% no-repeat;    
}
#news #userForm .form_title {
    margin: 0 0 3px 0;
    font-weight: bold;
}
#news #userForm form, #news #userForm input, #news #userForm button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}
#news #userForm .field {
    clear: both;
    padding: 9px 0 0 0;
    *padding: 7px 0 0 0;      
}
#news #userForm .required {
    *zoom: 1;    
}
#news #userForm .field .name {
    float: left;
    width: 50%;
}
#news #userForm .field .control {
    float: left;
    width: 50%;
    margin: 0 0 0 -2px;
}
#news #userForm input.text {
    width: 100%;    
    padding: 0;
    border: 1px solid #B7B7B7;    
    _position: relative;
}
#news #userForm .field_remember .control {    
    padding-top: 3px;
    *padding-top: 0px;
}
#news #userForm button {
    float: right;
    color: #5a5a5a;
}
#news #userForm button:hover {
    text-decoration: none;
}
#news #userForm .aux_links {
    clear: both;
    padding: 12px 0 0 0;
}
#news #userForm .aux_links div {
    margin: 0 0 5px 0;
}

#news #userForm .greeting {
    margin: 0 0 10px 0;
}
#userForm .mark {
    display: none;
}
/* ----- /login form ----- */

/* ----- search form ----- */
#search {
	margin: 15px 0 0 0;
}

#search-button {
	margin: 0 0 0 3px;
	font-size: 13px;
}
/* ----- /search form ----- */

/* ----- registration form ----- */
.registration_form input.inp_date {
    width: 40px;
}
.registration_form select.inp_date {
    width: 188px;
}
/* ----- /registration form ----- */

/* ----- faq ----- */
.faq {
    margin: 0 0 1em 0;
    padding: 0 25px 0 0;
    list-style: none;
}
.faq li {
    margin: 0 0 24px 0;
    *zoom: 1;
    _height: 1%;
}
.faq .question {
    padding: 13px 13px 8px 13px;
    background: #F8F8F8;
}
.faq .record_highlight .question { background: #FFFF88; }
.faq .record_select .question { background: green; }

.faq .answer {
    padding: 12px 13px 8px 13px;
    border-top: 1px solid #E0E0E0;
    background: #FCFCFC;
}
.faq .image {
    float: left;
    margin: 0 14px 7px 0;
    padding-top: 0.2em;
}
.faq .image img {
    display: block;
    border: 1px solid #636363;
}
.faq .text {
    margin: 0 0 0.7em 0;
    padding: 0;
}
.faq .author {
    text-align: right;
    font-size: 11px;
    font-weight: bold;
}
.faq .control a {
    display: inline-block;
    display: -moz-inline-box;    
    padding: 1px 13px;
    background: #dfe7d8;
    border: 1px solid #dfe7d8;  
    font-size: 11px; 
    text-decoration: none;
    outline: 0;
    *zoom: 1;
    _height: 1%;
}
.faq .control a.opened {
    background: #dfe7d8;
}
.faq .control a:hover {
    border: 1px dotted gray;
}

.faq_form {
    margin: 0 0 1em 0;
    padding: 0 25px 0 0;
    font-size: 13px;
}
.faq_form .field {
    margin: 0 0 18px 0;
}
.faq_form .field .name {
    margin: 0 0 0.5em 0;
    font-weight: bold;    
}
.faq_form .field .control {
    padding: 0 2px 0 0;
}
.faq_form textarea {
    width: 100%;
    height: 200px;
    margin: 0 -2px 0 0;
    border: 1px solid #B7B7B7;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #5a5a5a;
}
.faq_form .buttons {
    text-align: right;
}
.faq_form .mark {
    display: none;
}
/* ----- /faq ----- */

/* ----- vacancies ----- */
.vacancies {
    margin: 0 0 2em 0;
    padding: 0 25px 0 0;
}
ul.vacancies {
    margin: 0 0 1em 0;
    list-style: none;
}
.vacancies li {
    margin: 0 0 2em 0;
    padding: 0 0 0 10px;
    background: url(../images/li.gif) no-repeat scroll 0 0.5em;
}
.vacancies p {
    margin: 0 0 1em 0;
}
ul.vacancies p {
    margin: 0 0 0.5em 0;
}
.vacancies ul {
    margin: 0 0 1em 0;
    padding: 0 0 0 2em;
    list-style-type: disc;
}
ul.vacancies ul {
    margin: 0 0 0.5em 0;
}
.vacancies ul li {
    margin: 0 0 0.5em 0;
    padding: 0;
    background: none;
}
#main .vacancies h4 {
    margin: 0 0 0.25em 0;
    padding: 0;
    font-size: 1.4em;    
}
#main ul.vacancies h4 {
    font-size: 1em;
    font-weight: bold;
}
.vacancies  .date {
    margin: 0 0 1em 0;
    font-size: 0.9em;
    color: #607860;
}
.vacancies .announce {
    margin: 0 0 0.5em 0;
}
.vacancies .description {
    margin: 0 0 1em 0;
}
ul.vacancies .description {
    margin: 0 0 0.5em 0;
}
.vacancies .read_more {
    text-align: right;
}

.vacancy_form {
    *zoom: 1;
    _height: 1%;
}
.vacancy_form textarea {
    width: 420px;
    height: 200px;
}
.captcha_field input, .captcha_field img {
    vertical-align: top;
}
.captcha_field img {
    margin-right: 5px;
}
.captcha_field input.text {
    width: 50px;
}
/* ----- /vacancies ----- */

.error_layout #page_title {
    margin: 0 0 1em 0;
    font-size: 2em;
    font-weight: normal;
    line-height: normal;
    color: red;
}