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


/* General Settings */

html {
	
}

body {	
	font: normal 14px arial,sans-serif;	
	margin: 0 auto;
	color: black;
	direction: rtl;
}

p, form, ul, div {margin: 0; }

img {border: 0;}

.clear {
	clear: both;
	display: block;	
}

h1 {
	font: bold 1.48em arial;
	margin: 0 0 8px 0;
}

h2 {
	font: bold 1.14em arial;
	margin: 0 0 5px 0;
}

/**************************************************************/

#top {
	width: 100%;
	height: 448px;
	background: url(../images/center.png);
	margin: 0 auto;	
}

	.phone_img {
		position: absolute;
		right: 10px; 
		top: 360px;
	}


.hp_main {font-size: 1.42em; font-weight: bold;}

#inner_top {
	width: 100%;
	height: 75px;
	margin: 0 auto 0;	
}

    #top_menu {padding-top: 8px;}

	#top .content {margin: 0 auto; width: 980px; height: 448px; position: relative;}
	#inner_top .content {margin: 0 auto; width: 980px; height: 135px; position: relative;}
	
	#hp_read_more {position: absolute; right: 390px; top: 380px;}
	
	#top ul, #inner_top ul {list-style-type: none; position: absolute; top: 22px; right: 420px;}
		#top ul li, #inner_top ul li {float: right; margin-left: 20px;}
			#top ul li a, #inner_top ul li a  {color: black; text-decoration: none; font: normal 1.28em arial;}
			#top ul li a:hover, #inner_top ul li a:hover {color: #03c6fe;} 
			
			.top_mnu_hover {color: #03c6fe !important;}
	
	
#hp_main {
	width: 100%;
	height: 580px;
	background: #f6f6f6;
	margin: 0 auto 0;	
}
	#hp_main .content {position:relative; width: 980px; padding: 0px 0 20px 0; margin: 0 auto;}
	
		.circle {
			width: 173px; height: 173px;
			background: url(../images/treatment.png);
			position: absolute; cursor: pointer;
		}
		    .circle .txt {text-align: center; padding: 60px 14px 0 15px; width: 140px; height: 90px; transition: all 0.3s;}
		    .circle .t {padding-top: 64px !important;}
			.circle a {font: normal 1.5em arial; color: white; text-decoration: none;}
			
			/*******/
			#a {top: 60px; left: 390px;}
			
			#b {top: 211px; left: 476px;}
			
			#c {top: 211px; left: 304px;}			
			
			#d {top: 361px; left: 390px;}
			
			#e {top: 361px; left: 218px;}
			
			#f {top: 361px; left: 563px;}
			
			
#inner_main {
	width: 100%;
	min-height: 500px;
	background: #f6f6f6;
	margin: 0 auto;	
	padding-top: 20px;
}
	#inner_main .content {
		width: 980px;
		margin: 0 auto;
		min-height: 500px;
	}
	
		#side_menu {
			float: right;
			width: 269px;
			min-height: 500px;
			padding-bottom: 25px;
		}
		
			.main_category {width: 269px; height: 48px; background: url(../images/title.png); }
			.main_category p {padding: 15px 10px 0 0;}
			.main_category a{text-decoration: none; color: white; font-weight: bold; display: block;}
			
			.sub_category {width: 269px; height: 32px; background: #f1f1f1; border-bottom: 1px solid #c2c2c2;  }
			.sub_category p {padding: 9px 10px 0 0;}
			.sub_category a{text-decoration: none; color: #454545; font-weight: normal; display: block;}
			
			#side_menu ul {margin-bottom: 10px; list-style-type: none;}
			#side_menu ul li:last-child {border-bottom: none;}
		
		#inner_content {
			float: right;
			width: 711px;
		}
			#inner_content .txt {padding: 10px 20px 10px 10px; font-size: 1.15em; line-height: 22px;}
		
	
	
#footer {
	margin: 0 auto;
	width: 100%;
	height: 257px;
	background: url(../images/footer.jpg);
	color: white;
}

	#footer .content {
		margin: 0 auto;
		width: 980px; padding: 20px 0px 0 0;
	}
		
		#footer .content a {color: white; text-decoration: none;}
	
	    #footer ul {
	      float: right;
	    
	      margin-left: 0px;
	    }
	    
	    .main_cat a {font-weight: bold; font-size: 1.07em;}