@charset "utf-8";
/* CSS Document */

*{ 	margin:0; padding:0; }
html,body{
	width:100%; background:#fff;
	font:normal 11px Verdana; color:#7b7b7b;	
}
html{
	overflow-y:scroll;
}
a { 
	outline:none; text-decoration:none;
}
a.created{
	display:block;
	width:130px; height:55px; position:absolute; bottom:70px; right:0;
}
.clear {	
	clear:both; 
}
div#main{
	 width:953px; margin:0 auto; position:relative;
}

/*HEADER ************************************/
div#head{
	width: 953px; background: url(../images/head.jpg) top left no-repeat;
	height:194px; float:left; 
}
div#head ul#menu{
	width: 953px; padding:84px 0 0 0; position:relative; z-index:10000!important;
	
}
div#head ul#menu li{	
	list-style-type:none; float:left; 
	}
	div#head ul#menu li:hover a#about, div#head ul#menu li a.currentabout{
		background: url(../images/menu-background.png) 0px -110px no-repeat!important; 
	}
	div#head ul#menu li:hover a#services, div#head ul#menu li a.currentservices{
		background: url(../images/menu-background.png) -170px -110px no-repeat!important; 
	}
	div#head ul#menu li:hover a#spa, div#head ul#menu li a.currentspa{
		background: url(../images/menu-background.png) -599px -110px no-repeat!important; 
	}
	
	/*SUB MENU***********************************/
				/*position****/
				div#head ul#menu li ul.submenu-about{
					position:absolute; display: none; padding:0;
					width:198px; top:153px; left:6px; 
				}
				div#head ul#menu li ul.submenu-services{
					position:absolute; display: none; padding:0;
					width:198px; top:149px; left:122px;
				}
				div#head ul#menu li ul.submenu-spa{
					position:absolute; display: none; padding:0;
					width:198px; top:153px; right:109px; z-index:10000!important;
				}
				/*end position****/
				
				/*top picture************/				
				div#head ul#menu li ul.submenu-about li#history, div#head ul#menu li ul.submenu-spa li#history{
					background:url('../images/submenu-top.png') top left no-repeat;
					padding:23px 0 0px 0px;
				}
				
				div#head ul#menu li ul.submenu-services li#med_services{
					background:url('../images/submenu-services-top.png') top left no-repeat;
					padding:23px 0 0px 0px; width: 206px;
				}
				/*end top picture************/
								
				div#head ul#menu li ul.submenu-about li, div#head ul#menu li ul.submenu-services li, div#head ul#menu li ul.submenu-spa li{
					width: 198px; 
					background:url('../images/submenu-repeat.png') repeat-y;
					height:20px;
				}							
				div#head ul#menu li ul li a{
					display:block; width:164px;
					color:#2d2a6f; line-height:20px;
					padding:0px 0 0 34px; 
					
				}
				div#head ul#menu li ul li a:hover, div#head ul#menu li ul li a.current{
					color: #e31b23; background: url('../images/sub-hover.jpg') 22px center no-repeat;
					line-height:20px; 
				}
				
				div#head ul#menu li ul li a.bottom{
					background:url('../images/submenu-bottom.png') top left no-repeat;
					width:198px; height:22px;
				}
				div#head ul#menu li.drop ul { 	
					display: block;  
				}
	/*END SUBMENU*************************/			
	
div#head ul#menu li a{
	float:left;
}
div#head ul#menu li a#about{	
	background: url(../images/menu-background.png) 0px 0px no-repeat;
	width:170px; height:110px; display:block; text-indent:-9999px;
}
div#head ul#menu li a#services{	
	background: url(../images/menu-background.png) -170px 0px no-repeat;
	width:176px; height:110px; display:block;  text-indent:-9999px;
}
div#head ul#menu li a#logo{	
	background: url(../images/menu-background.png) -346px 0px no-repeat;
	width:253px; height:110px; display:block;  text-indent:-9999px;
}
div#head ul#menu li a#spa{	
	background: url(../images/menu-background.png) -599px 0px no-repeat;
	width:194px; height:110px; display:block;  text-indent:-9999px;
}
div#head ul#menu li a#contacts{	
	background: url(../images/menu-background.png) -793px 0px no-repeat;
	width:160px; height:110px; display:block; text-indent:-9999px;
}
div#head ul#menu li a#about:hover{
	background-position: 0px -110px ;
}
div#head ul#menu li a#services:hover{
	background-position: -170px -110px ;
}
div#head ul#menu li a#spa:hover{
	background-position: -599px -110px ;
}
div#head ul#menu li a#contacts:hover, div#head ul#menu li a.currentcontacts{
	background-position: -793px -110px!important;
}

/*END HEADER****************************/

/*CONTENT*********/

h1{
	font: normal 11px Verdana, Tahoma, Arial;
	text-transform:uppercase;	
}
.red {
	color: #e31b23;
}
.blue{
	color:#222054;
}
.black{
	color: #3f3e3e;
}
div#content {
	float:left; width:953px; 
	background: url('../images/bottom-background.jpg') bottom no-repeat;
	padding: 0 0 60px 0; 
}
div#content-main {
	float:left; width:953px; 
	background: url('../images/bottom-background.jpg') bottom no-repeat;
	padding: 0 0 150px 0; 
}
div#flash {
	width:953px; height:360px; float:left;
}
div.begin_login{
	padding: 0 0 0 346px;
}
div.begin_login label {
	width:94px; color:#3f3e3e; text-align:left; float:left;
}
div.begin_input {
	height:14px; width:169px; background: url('../images/input-begin-background.jpg') no-repeat;
	padding: 1px 4px; float:left;
}
div.begin_input input{
	height:14px; border:0px; width:169px;
	color: #7b7b7b;  line-height:12px; float:left; 
}
input.button_begin{
	background: url('../images/button-begin-background.jpg') no-repeat;
	width:58px; height:15px; text-align:center; text-transform:uppercase; 
	color:#fff; border:0px; font: normal 10px Verdana; line-height:15px;
	padding:0 0 3px 0; margin-left:94px;
}
div.title{
	padding: 10px 0 0 34px; width:953px;
	height:37px; float:left; 
}
div.path{
	height:10px; padding: 7px 0 7px 38px; width:915px;
	color: #b0afaf; font: normal 10px Verdana; float:left;
	text-transform:lowercase; 
}
div.path a{
	color: #b0afaf;
}
div.inside{
	width:100%; padding-top: 24px; float:left;  
	background:url(../images/border-inside-content.png) top left no-repeat;
}
span.text{
	width: 690px; display:block; padding: 34px 0 0 38px; float:left;
}
span.text ul {
	margin-left:30px; list-style:url(../images/sub-hover.jpg);
}
span.text-clients ul li {
	line-height:17px; 
}	
div.pictures {
	float:right; width:213px; padding-bottom:30px;
}
div.mask-about{
	width:179px; height:187px; position:relative;
	padding:26px 34px 0 0;
}
div.mask-about img{
	float:right;
}
div.mask-about img.maska{
	position: absolute; top:0; right:0;
}



/*Sertificates**********************/


div.list-sertificates{
	height:30px; width:422px; list-style-type:none; 
	background: url('../images/list-top-background.jpg') 15px top no-repeat;
	float:left; padding:0px 0 0 40px;
}
div.list-sertificates div{
	height:30px;  line-height:30px;
	background:url('../images/list-bottom-background.jpg') bottom right no-repeat;
}
div.list-sertificates div a{
	font-size:10px;
}

/*Clients***************************/

span.text-clients{
	width: 918px; display:block; padding: 34px 0 0 38px; float:left;
	
}
span.text-clients ul {
	margin-left:30px; list-style:url(../images/sub-hover.jpg);
}
span.text-clients ul li {
	line-height:17px; 
}
span.text-clients img{
	margin:0 10px 0 20px;
}
div.left, div.right {
	width:460px; float:left;
}
div.left h1{
	padding: 0 0 10px 38px;
}
div.right h1{
	padding: 0 0 10px 38px;
}


/*Lab*********************************/

span.text-lab{
	width:600px; float:left;
}
div.left-drop-box{
	margin-left:38px; width:400px; float:left; padding: 0 0 15px 0;
}
div.right-drop-box{
	width:400px; float:left; padding: 0 0 15px 10px; margin-left:40px;
}
div.left-drop-box h2, div.right-drop-box h2{
	text-transform:uppercase; padding: 0 0 0 5px;
}
.lab ul {
	margin-left:30px; list-style:url(../images/sub-hover.jpg);
}
.lab ul li {
	line-height:17px;
}

/*Services******************************/

div.menu-left{
	width:325px; float:left; 
	background: url('../images/menu-left-background-top.jpg') top left no-repeat;
	padding: 20px 0 0 0;
}
div.menu-left-bottom{
	background:transparent url('../images/menu-left-background-bottom.jpg') bottom left no-repeat;
	padding:  0 0 55px 0; float:left;
}
div.menu-left-repeat{
	background: url('../images/menu-left-background-repeat.jpg') top left repeat-y;
	float:left;
}
div.menu-left ul {
	width:325px; float:left; padding: 10px 0 10px 0;
	
}
div.menu-left ul li {
	background: url('../images/menu-left-border-top.jpg') top left no-repeat;
	list-style-type:none;
}
div.menu-left ul li div{
	background: url('../images/menu-left-border-bottom.jpg') bottom left no-repeat;
	list-style-type:none;
}
div.menu-left ul li div a{
	display:block; line-height:25px;	
	padding: 0 0 0 38px; color: #222054;
	
}
div.menu-left ul li div a:hover,  a.menu-left-current{
	background: url('../images/sub-hover.jpg') 22px  no-repeat!important;	
	color:#e31b23!important;
}

div.services-text{
	padding:35px 0 0 10px; width:615px; float:left;
}
div.services-text ul li{
	margin:0 5px 0 30px; line-height:15px;
	list-style: url(../images/sub-hover.jpg);
}
h2{
	font:normal 11px Verdana;
}
/*Spa********************************************/

.pictures-gallery{
	float:left; width:300px; padding:0px 0 30px 0;
}
.pictures-gallery a img{
	border:none;
}
div.mask-spa{
	width:261px; height:262px; position:relative;
	padding:36px 39px 0 0; z-index:0!important;
}
div.mask-spa img, div.mask-spa-small img{
	float:right;
}
div.mask-spa img.maska, div.mask-spa-small img.maska{
	position: absolute; top:0; right:0; z-index:1!important;
}
div.mask-spa-small{
	width:82px; height:69px; position:relative;
	padding:12px 13px 0 0; float:left;
}



/*Contacts*********************************************/


div.left-contacts{
	padding:0 0 0 38px; width:410px; float:left;
	line-height:17px;
}
div.right-contacts{
	width:360px; float:right; 
}
.right-contacts label{
	width:80px; float:left; line-height:
}
.right-contacts div{
	width:262px; height:14px;
	background:url(../images/input-contacts-background.jpg) no-repeat;
	float:left;  padding:1px 5px; margin-bottom:8px;
}
.right-contacts div input{
	border:0px; width:252px; height:14px;  font:normal 11px Verdana; 
	float:left;
}
.right-contacts div.coder {
	background:url(../images/textarea-contacts-background.jpg) no-repeat;
	height:104px;padding:3px 8px;
}
.right-contacts div.coder textarea{
	height:100px; width:242px; 
	border:0; font:normal 11px Verdana;
}
.right-contacts div.code-contacts{
	background: url(../images/input-seccode-background.jpg) no-repeat; 
	float:left; padding: 1px 15px; height:14px; width:50px; margin-right:10px;
}
.right-contacts div.code-contacts input{
	width:40px; height:14px; border:0px; float:left;
}
.right-contacts input.send{
	background: url('../images/button-begin-background.jpg') no-repeat;
	width:58px; height:15px; text-align:center;  
	color:#fff; border:0px; font: normal 10px Verdana; line-height:15px;
	padding:0 0 3px 0;  float:right; margin-right:35px;
}


.services-text table{ width:100%!important;} 
.services-text table td{ border:1px solid #7b7b7b; color:#222054;}