/* CSS Document */

/* common */

html { position: relative;}
body {padding-top: 140px; 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;
	background: url(../img/log.png) no-repeat;
        font-family: Trebuchet MS; font-size: 10.5pt; color: #999999;
        
}

/* main part */

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

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

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

/* Вторая колонка */

#topmenu {top: 35px; margin-left: -284px;  width: 470px; 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(../img/tits-news.png) no-repeat;
}
#abouttits {
	width: 139px;
	height: 27px;
	position: absolute;
	top: 92px;
	right: 266px;
	background: url(../img/tits-about.png) no-repeat;
}
#abouttitsmain {
	width: 139px;
	height: 27px;
	position: absolute;
	top: 92px;
	right: 290px;
	background: url(../img/tits-about.png) no-repeat;
}
#phototit {
	width: 197px; 
	height: 35px; 
	position: absolute; 
	top: 407px; 
	right: 235px;
	background: url(../img/tits-photo.png) no-repeat;
}

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

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

#boxnews p {
	padding: 0px 0px 5px 0px; 
	margin: 0px; 
	
}

#boxnews ul {
	padding: 0px 0px 10px 20px; 
	margin: 0px; 
	
}

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

#boxnews a:link {color: #d10032;}
#boxnews a:visited {color: #d10032;}
#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-bottom: 6px; 
}

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

/* Черный скролл у новостной зоны */
#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;}

/* О нас зона */

#aboutzone {background-color: #fff; color: 7f7f7f; 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;}
#boxabout {margin-top: 16px; margin-right: 16px; margin-left: 16px; margin-bottom: 30px;}

#boxabout a:link {color: #d10032;}
#boxabout a:visited {color: #d10032;}
#boxabout a:hover {color: #d10032; text-decoration: none;}

#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(../img/scroll-about.png) no-repeat; text-align: center;}

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

/* фотогалерея зона */

#scrollphoto {position: absolute; right: -29px; bottom: -8px; width: 29px; height: 38px; background: url(../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;}
#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: 50px; position: absolute; left: -84px; top: 625px;}

td.thirdcol {
	background: url(../img/right-bg.gif) repeat-x top; vertical-align: top;
}
/**/

#salonzone {background-color: #fff; width: 740px; height: 275px; position: absolute; margin-right: 0px; right: 105px; margin-top: 0px; margin-bottom: 0px; top: 128px;}
#salonzone_475 {background-color: #fff; width: 740px; height: 475px; position: absolute; margin-right: 0px; right: 105px; margin-top: 0px; margin-bottom: 0px; top: 128px;}
#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: #d10032; text-decoration: underline;}
#boxsalon a:hover {color: #d10032; text-decoration: none;}

#scrollsalon {position: absolute; right: -29px; bottom: -8px; width: 29px; height: 38px; background: url(../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(../img/tits-about.png) no-repeat;
}
#vactits {

	width: 151px;
	height: 27px;
	position: absolute;
	top: 92px;
	right: 694px;
	background: url(../img/tits-vac.png) no-repeat;
}

#frtits {

	width: 218px;
	height: 37px;
	position: absolute;
	top: 92px;
	right: 628px;
	background: url(../img/tits-fr.png) no-repeat;
}

#promo {

	width: 218px;
	height: 37px;
	position: absolute;
	top: 92px;
	right: 628px;
	
}


#salonphotozone {
	background-color: #fff;
	width: 741px;
	height: 115px;
	font-family: Tahoma;
	font-size: 11px;
	position: absolute;
	right: 105px;
	top: 476px;
}
#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(../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;}
#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(../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;
}

#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;
}
#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(../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(../img/tits-ask.png) no-repeat;
}
#faqtit {
	width: 292px;
	height: 36px;
	margin-left: -284px;
	position: absolute;
	top: 92px;
	background: url(../img/tits-faq.png) no-repeat;
}

.faq-q {padding-left: 22px; background:  url(../img/faq1.gif) no-repeat top left; color: #000; margin-bottom: 30px;}
.faq-a {margin-left: 21px; background: url(../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;
        
}

#boxteam {
	margin-top: 5px; 
	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; z-index: 3;
}

#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;
}
#boxopis {margin-top: 13px; margin-right: 13px; margin-left: 13px; z-index: 6;}

#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(../img/tits-opisanie.png) no-repeat;
}
#masteratit {
	width: 135px;
	height: 35px;
	margin-left: -284px;
	position: absolute;
	top: 92px;
	background: url(../img/tits-mastera.png) no-repeat;
}

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


/* 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;
}

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

#boxus ul {margin: 0px; padding: 0px 00px 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; 
        padding-bottom: 0px; 
	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;
}
#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: 5px; padding-bottom: 10px; }
.ustext {float: left; padding-bottom: 2px;}
.ustextmore {padding-bottom: 15px; padding-left: 5px; width: 300px; color: #999;}
.usprice {float: right; color: #333px; padding-bottom: 2px;}

#ustit {
	width: 105px; 
	height: 36px; 
	margin-left: -284px; 
	position: absolute; 
	top: 92px; 
	background: url(../img/tits-us.png) no-repeat;
}
#usphtits {
	width: 82px;
	height: 29px;
	position: absolute;
	top: 92px;
	right: 271px;
	background: url(../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;
}

#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;
	
	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(../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(../img/tits-otz2.png) no-repeat;
}
#otztit {
	width: 263px;
	height: 28px;
	margin-left: -284px;
	position: absolute;
	top: 92px;
	background: url(../img/tits-otz.png) no-repeat;
}

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


#mnogotits {

	width: 152px;
	height: 36px;
	position: absolute;
	top: 92px;
	right: 706px;
	background: url(../img/tits-mnogoru.png) no-repeat;
}



#promotits {

	width: 98px;
	height: 33px;
	position: absolute;
	top: 92px;
	right: 706px;
	background: url(../img/tits-promo.png) no-repeat;
}