/* CSS Document */

/* common */

html { position: relative;}
body {padding-top: 111px; padding-left: 10px; padding-right: 10px; padding-bottom: 13px; margin: 0px;}

img {border: none; border-collapse: collapse;}

.clear { clear: both; height: 1px; font-size: 1px;}

#newszone p {padding: 0px; margin: 9px 0px 34px 0px;}

/* header */

#logo {
	position: absolute; 
	top: 46px; 
	right: 30px;
	width: 449px;
	height: 29px;
	background: url(/bitrix/templates/laki/img/log.png) no-repeat;
}

/* main part */

#maintab {
	padding: 0px; 
	margin: 0px; 
	vertical-align: top; 
	border: none; 	
}

td.firstcol {
	background: url(/bitrix/templates/laki/img/left-bg.gif) repeat-x top; 
	vertical-align: top; 
	width: 32%;
}

td.seccol {
	background: url(/bitrix/templates/laki/img/center-bg.gif) repeat-y top; 
	vertical-align: top; 
	width: 561px;
}

/* &#194;&#242;&#238;&#240;&#224;&#255; &#234;&#238;&#235;&#238;&#237;&#234;&#224; */

#topmenu {top: 35px; margin-left: -284px;  width: 500px; position: absolute; font-family: Trebuchet MS; font-size: 16px; color: #5a5a5a;}
#topmenu ul {padding: 0px; margin: 0px; list-style: none;}
#topmenu ul li {width: auto; float: left; margin-right: 20px; margin-top: 5px; height: 22px;}

#topmenu a, a:link, a:hover, a:visited {color: #5a5a5a; text-decoration: none;}
.active {background-color: #d10032; color: #fff; position: relative; padding-left: 11px; padding-right: 11px;}
.lm {position: absolute; top: 0px; left: 0px;}
.rm {position: absolute; top: 0px; right: -1px;}

#seccolbox {
	width: 100%; 
	position: relative;
}

#newstit {
	width: 135px; 
	height: 30px; 
	margin-left: -284px; 
	position: absolute; 
	top: 92px; 
	background: url(/bitrix/templates/laki/img/tits-news.png) no-repeat;
}
#abouttits {
	width: 139px;
	height: 27px;
	position: absolute;
	top: 92px;
	right: 266px;
	background: url(/bitrix/templates/laki/img/tits-about.png) no-repeat;
}
#phototit {
	width: 197px; 
	height: 35px; 
	position: absolute; 
	top: 407px; 
	right: 235px;
	background: url(/bitrix/templates/laki/img/tits-photo.png) no-repeat;
}

#newszone {
	background-color: #fff; 
	width: 350px; 
	height: 429px; 
	font-family: Tahoma; 
	font-size: 11px; 
	position: absolute; 
	margin-left: -284px; 
	margin-right: 0px; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	top: 128px; 
	color: #7f7f7f;
        z-index: 1;
}

#newszone p {
	padding: 0px; 
	margin: 0px 0px 10px 0px; 

#boxnews {
	margin-top: 26px; 
	margin-left: 20px; 
	margin-right: 44px; 
	margin-bottom: 60px;
	
}

#boxnews h1 {
	padding: 0px; 
	margin: 0px; 
	color: #333; 
	font-size: 12px; 
	font-weight: normal;
}

#boxnews a, a:link, a:visited { color: #000;}
#boxnews a:hover { color: #d10032; text-decoration: none;}

}
.datanews {
	height: 15px; 
	background-color: #424242; 
	color: #FFFFFF; 
	position: relative; 
	width: 60px; 
	text-align:center; 
	font-size: 11px; 
	padding-top: 2px; 
	margin-left: 6px; 
	margin-top: 3px;
}

.lu {position: absolute; top: 0; width: 6px; height: 17px; left: -6px;}
.ru {position: absolute; top: 0; width: 5px; height: 17px; right: -5px;}

/* &#215;&#229;&#240;&#237;&#251;&#233; &#241;&#234;&#240;&#238;&#235;&#235; &#243; &#237;&#238;&#226;&#238;&#241;&#242;&#237;&#238;&#233; &#231;&#238;&#237;&#251; */
#scroll {position: absolute; right: -29px; bottom: -8px; width: 29px; height: 68px;}
#scroll-bot {width: 11px; height: 20px; position: absolute; right: -20px; bottom: 0px;}
#scroll-top {width: 11px; height: 19px; position: absolute; right: -20px; bottom: 18px;}
#scroll2 {position: absolute; right: 0px; bottom: -8px; width: 66px; height: 8px;}

/* &#206; &#237;&#224;&#241; &#231;&#238;&#237;&#224; */

#aboutzone {background-color: #fff; width: 430px; height: 247px; font-family: Tahoma; font-size: 11px; position: absolute; margin-right: 0px; right: 0px; margin-top: 0px; margin-bottom: 0px; top: 128px; z-index: 1;}
#boxabout {margin-top: 16px; margin-right: 16px; margin-left: 16px; margin-bottom: 30px;}

#boxabout h1 {font-size: 12px; color: #333333; margin: 0px; padding: 10px 0px 0px 0px; font-weight: normal;}

#scrollabout {position: absolute; right: -29px; bottom: -8px; width: 29px; height: 38px; background: url(/bitrix/templates/laki/img/scroll-about.png) no-repeat; text-align: center;}

#scroll2about {position: absolute; right: 0px; bottom: -8px; width: 65px; height: 8px;}

/* &#244;&#238;&#242;&#238;&#227;&#224;&#235;&#229;&#240;&#229;&#255; &#231;&#238;&#237;&#224; */

#scrollphoto {position: absolute; right: -29px; bottom: -8px; width: 29px; height: 38px; background: url(/bitrix/templates/laki/img/scroll-about.png) no-repeat; text-align: center;}
#scroll2photo {position: absolute; right: 0px; bottom: -8px; width: 65px; height: 8px;}
#photozone {background-color: #fff; width: 430px; height: 115px; font-family: Tahoma; font-size: 11px; position: absolute; right: 0px; top: 442px; z-index: 1;}
#boxphoto {margin-top: 14px; margin-right: 14px; margin-bottom: 11px;}
.prephoto {margin-left: 14px;}

#boxpartners {padding-top: 577px; padding-bottom: 135px; width: 100%; position: relative;}
#partnerstit {width: 156px; height: 35px; position: absolute; margin-left: -284px;}
#partnerslogos {width: 514px; height: 39px; position: absolute; left: -84px; top: 625px;}

td.thirdcol {
	background: url(/bitrix/templates/laki/img/right-bg.gif) repeat-x top; vertical-align: top;
}
/**/
#salonzone_475 {background-color: #fff; width: 740px; height: 475px; position: absolute; margin-right: 0px; right: 105px; margin-top: 0px; margin-bottom: 0px; top: 128px; z-index: 1;}
#salonzone {background-color: #fff; width: 740px; height: 275px; position: absolute; margin-right: 0px; right: 105px; margin-top: 0px; margin-bottom: 0px; top: 128px; z-index: 1;}
#boxsalon {margin-top: 30px; margin-right: 30px; margin-left: 30px; margin-bottom: 20px; color: #7f7f7f; font-size: 11px; font-family: Arial;}

#boxsalon h1 {font-size: 12px; color: #333333; margin: 0px; padding: 10px 0px 0px 0px; font-weight: normal;}
#boxsalon a {color: #000; text-decoration: underline;}
#boxsalon a:hover {color: #000; text-decoration: none;}

#scrollsalon {position: absolute; right: -29px; bottom: -8px; width: 29px; height: 38px; background: url(/bitrix/templates/laki/img/scroll-about.png) no-repeat; text-align: center;}

#scroll2salon {position: absolute; right: 0px; bottom: -8px; width: 65px; height: 8px;}

#salontits {
	width: 139px;
	height: 27px;
	position: absolute;
	top: 92px;
	right: 706px;
	background: url(/bitrix/templates/laki/img/tits-about.png) no-repeat;
}

#salonphotozone {
	background-color: #fff;
	width: 741px;
	height: 115px;
	font-family: Tahoma;
	font-size: 11px;
	position: absolute;
	right: 105px;
	top: 476px;
        z-index: 1;
}
#boxphotosalon {margin-top: 14px; margin-right: 14px; margin-bottom: 11px;}
.prephotosalon {margin-left: 13px;}

#salonphototit {
	width: 197px;
	height: 35px;
	position: absolute;
	top: 436px;
	right: 650px;
	background: url(/bitrix/templates/laki/img/tits-photo.png) no-repeat;
}

/* contact page */

#conzone {background-color: #fff; width: 439px; height: 376px; position: absolute; margin-right: 0px; right: 405px; margin-top: 0px; margin-bottom: 0px; top: 128px; z-index: 1;}
#boxcon {margin-top: 25px; margin-right: 17px; margin-left: 17px; margin-bottom: 9px; color: #7f7f7f; font-size: 11px; font-family: Arial;}

#boxcon h1 {font-size: 11px; color: #000; margin: 0px; padding: 0px 0px 5px 0px; font-weight: normal;}
#boxcon p {margin: 0px; padding: 0px 0px 15px 0px;}
#boxcon a {color: #000; text-decoration: underline;}
#boxcon a:hover {color: #000; text-decoration: none;}

#contits {
	width: 393px;
	height: 37px;
	position: absolute;
	top: 92px;
	right: 451px;
	background: url(/bitrix/templates/laki/img/tits-contact.png) no-repeat;
}

/* faq page */

#faqzone {
	background-color: #fff;
	width: 440px;
	height: 573px;
	font-family: Tahoma;
	font-size: 11px;
	position: absolute;
	margin-left: -284px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	top: 128px;
	color: #7f7f7f;
        z-index: 1;
}

#boxfaq {
	margin-top: 33px; 
	margin-left: 15px; 
	margin-right: 38px; 
	margin-bottom: 60px;
	
}

#boxfaq h1 {
	padding: 0px; 
	margin: 0px; 
	color: #333; 
	font-size: 12px; 
	font-weight: normal;
}

#boxfaq a, a:link, a:visited { color: #000; text-decoration: underline;}
#boxfaq a:hover { color: #000; text-decoration: none;}

/* */
#scroll {position: absolute; right: -29px; bottom: -8px; width: 29px; height: 68px;}
#scroll-bot {width: 11px; height: 20px; position: absolute; right: -20px; bottom: 0px;}
#scroll-top {width: 11px; height: 19px; position: absolute; right: -20px; bottom: 18px;}
#scroll2 {position: absolute; right: 0px; bottom: -8px; width: 66px; height: 8px;}


#askzone {
	background-color: #fff;
	width: 305px;
	height: 275px;
	font-family: Tahoma;
	font-size: 11px;
	position: absolute;
	margin-right: 0px;
	right: 49px;
	margin-top: 0px;
	margin-bottom: 0px;
	top: 128px;
        z-index: 1;
}
#boxask {margin-top: 34px; margin-right: 23px; margin-left: 23px; margin-bottom: 28px;}

#boxask h1 {font-size: 11px; color: #000; margin: 0px; padding: 0px 0px 5px 0px; font-weight: normal;}
#boxask p {margin: 0px; padding: 0px;}

#scrollask {position: absolute; right: -29px; bottom: -8px; width: 29px; height: 38px; background: url(/bitrix/templates/laki/img/scroll-about.png) no-repeat; text-align: center;}

#scroll2ask {position: absolute; right: 0px; bottom: -8px; width: 65px; height: 8px;}

#asktits {
	width: 255px;
	height: 36px;
	position: absolute;
	top: 92px;
	right: 99px;
	background: url(/bitrix/templates/laki/img/tits-ask.png) no-repeat;
}
#faqtit {
	width: 292px;
	height: 36px;
	margin-left: -284px;
	position: absolute;
	top: 92px;
	background: url(/bitrix/templates/laki/img/tits-faq.png) no-repeat;
}

.faq-q {padding-left: 22px; background:  url(/bitrix/templates/laki/img/faq1.gif) no-repeat top left; color: #000; margin-bottom: 30px;}
.faq-a {margin-left: 21px; background: url(/bitrix/templates/laki/img/faq2.gif) no-repeat top left; margin-bottom: 30px; padding-left: 22px; padding-top: 0px; padding-bottom: 0px;}

/* team page */

#teamzone {
	background-color: #fff;
	width: 441px;
	height: 573px;
	font-family: Tahoma;
	font-size: 11px;
	position: absolute;
	margin-left: -284px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	top: 128px;
	color: #7f7f7f;
        z-index: 1;
}

#boxteam {
	margin-top: 27px; 
	margin-left: 17px; 
	margin-right: 38px; 
	margin-bottom: 35px;
	
}

#boxteam p {
	padding: 0px; 
	margin: 0px; 
}

#boxteam h1 {
	padding: 0px; 
	margin: 0px; 
	color: #333; 
	font-size: 12px; 
	font-weight: normal;
}

#boxteam a, a:link, a:visited { color: #000; text-decoration: none;}
#boxteam a:hover { color: #000; text-decoration: none;}

#opiszone {
	background-color: #fff;
	width: 307px;
	height: 573px;
	font-family: Tahoma;
	font-size: 11px;
	position: absolute;
	margin-right: 0px;
	right: 49px;
	margin-top: 0px;
	margin-bottom: 0px;
	top: 128px;
        z-index: 1;
}
#boxopis {margin-top: 13px; margin-right: 13px; margin-left: 13px;}

#boxopis h1 {font-size: 11px; color: #000; margin: 0px; padding: 7px 0px 0px 0px; font-weight: bold;}
#boxopis p {margin: 0px; padding: 0px;}
#boxopis ul {padding: 0px 0px 0px 20px;; margin: 0px;}

#opistits {
	width: 182px;
	height: 29px;
	position: absolute;
	top: 92px;
	right: 174px;
	background: url(/bitrix/templates/laki/img/tits-opisanie.png) no-repeat;
}
#masteratit {
	width: 135px;
	height: 35px;
	margin-left: -284px;
	position: absolute;
	top: 92px;
	background: url(/bitrix/templates/laki/img/tits-mastera.png) no-repeat;
}

.opis {width: 190px; float: left;}
.opis img {margin-right: 13px; margin-bottom: 9px;}


/* uslugi page */

#uszone {
	background-color: #fff; 
	width: 443px; 
	height: 560px; 
	font-family: Tahoma; 
	font-size: 11px; 
	position: absolute; 
	margin-left: -284px; 
	margin-right: 0px; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	top: 128px; 
	color: #7f7f7f;
        z-index: 1;
}

#boxus {
	margin-top: 15px; 
	margin-left: 19px; 
	margin-right: 15px; 
	margin-bottom: 15px;
	
}

#boxus ul {margin: 0px; padding: 0px 0px 0px 20px;}

#boxus h1 {
	padding: 0px; 
	margin: 0px; 
	color: #333; 
	font-size: 12px; 
	font-weight: normal;
}

.dataus {
	height: 15px; 
	background-color: #000; 
	color: #FFFFFF; 
	position: relative; 
	text-align:center; 
	font-size: 11px; 
	padding-top: 2px; 
	margin-left: 6px; 
	margin-top: 3px;
	float: left;
}
.dataus1 {
	height: 15px; 
	background-color: #000; 
	color: #FFFFFF; 
	position: relative; 
	text-align:center; 
	font-size: 11px; 
	padding-top: 2px; 
	margin-left: 6px; 
	margin-top: 3px;
	float: right;
}

.lu {position: absolute; top: 0; width: 6px; height: 17px; left: -6px;}
.ru {position: absolute; top: 0; width: 5px; height: 17px; right: -5px;}

#boxus a, a:link, a:visited { color: #7f7f7f;}
#boxus a:hover { color: #7f7f7f; text-decoration: none;}

/*  */
#scroll {position: absolute; right: -29px; bottom: -8px; width: 29px; height: 68px;}
#scroll-bot {width: 11px; height: 20px; position: absolute; right: -20px; bottom: 0px;}
#scroll-top {width: 11px; height: 19px; position: absolute; right: -20px; bottom: 18px;}
#scroll2 {position: absolute; right: 0px; bottom: -8px; width: 66px; height: 8px;}

/* */

#usphzone {
	background-color: #fff;
	width: 324px;
	height: 560px;
	font-family: Tahoma;
	font-size: 11px;
	position: absolute;
	margin-right: 0px;
	right: 28px;
	margin-top: 0px;
	margin-bottom: 0px;
	top: 128px;
        z-index: 1;
}
#boxusph {margin-top: 12px; margin-right: 12px; margin-left: 12px;}
#boxusph p {padding: 0px; margin: 0px;}
#boxusph img {margin: 0px 0px 12px 0px;}

.ustextbox {padding-top: 15px; padding-left: 15px; padding-right: 21px; padding-right: 14px;}
.ustext {float: left; padding-bottom: 2px;}
.ustextmore {padding-bottom: 15px; padding-left: 5px;}
.usprice {float: right; color: #333px; padding-bottom: 2px;}

#ustit {
	width: 105px; 
	height: 36px; 
	margin-left: -284px; 
	position: absolute; 
	top: 92px; 
	background: url(/bitrix/templates/laki/img/tits-us.png) no-repeat;
}
#usphtits {
	width: 82px;
	height: 29px;
	position: absolute;
	top: 92px;
	right: 271px;
	background: url(/bitrix/templates/laki/img/tits-usph.png) no-repeat;
}

/* otziv page */

#otzzone {
	background-color: #fff;
	width: 440px;
	height: 573px;
	font-family: Tahoma;
	font-size: 11px;
	position: absolute;
	right: 19px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	top: 128px;
	color: #7f7f7f;
	left: 83px;
        z-index: 1;
}

#boxotz {
	margin-top: 33px; 
	margin-left: 15px; 
	margin-right: 38px; 
	margin-bottom: 60px;
	
}

#boxotz h1 {
	padding: 0px; 
	margin: 0px; 
	color: #333; 
	font-size: 12px; 
	font-weight: normal;
}

#boxotz a, a:link, a:visited { color: #000; text-decoration: underline;}
#boxotz a:hover { color: #000; text-decoration: none;}

/* */
#scroll {position: absolute; right: -29px; bottom: -8px; width: 29px; height: 68px;}
#scroll-bot {width: 11px; height: 20px; position: absolute; right: -20px; bottom: 0px;}
#scroll-top {width: 11px; height: 19px; position: absolute; right: -20px; bottom: 18px;}
#scroll2 {position: absolute; right: 0px; bottom: -8px; width: 66px; height: 8px;}


#askzone2 {
	background-color: #fff;
	width: 305px;
	height: 275px;
	font-family: Tahoma;
	font-size: 11px;
	position: absolute;
	margin-right: 0px;
	z-index: 1;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -284px;
	top: 128px;
}
#boxask2 {margin-top: 34px; margin-right: 23px; margin-left: 23px; margin-bottom: 28px;}

#boxask2 h1 {font-size: 11px; color: #000; margin: 0px; padding: 0px 0px 5px 0px; font-weight: normal;}
#boxask2 p {margin: 0px; padding: 0px;}

#scrollask2 {position: absolute; right: -29px; bottom: -8px; width: 29px; height: 38px; background: url(/bitrix/templates/laki/img/scroll-about.png) no-repeat; text-align: center;}

#scroll2ask2 {position: absolute; right: 0px; bottom: -8px; width: 65px; height: 8px;}

#askotztits {
	width: 119px;
	height: 29px;
	position: absolute;
	top: 92px;
	right: 360px;
	background: url(/bitrix/templates/laki/img/tits-otz2.png) no-repeat;
}
#otztit {
	width: 263px;
	height: 28px;
	margin-left: -284px;
	position: absolute;
	top: 92px;
	background: url(/bitrix/templates/laki/img/tits-otz.png) no-repeat;
}

.otz-q {padding-left: 22px; background:  url(/bitrix/templates/laki/img/otz.gif) no-repeat top left; color: #000; margin-bottom: 30px;}
.faq-a {margin-left: 21px; background: url(/bitrix/templates/laki/img/faq2.gif) no-repeat top left; margin-bottom: 30px; padding-left: 22px; padding-top: 0px; padding-bottom: 0px;}
