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



body	{ margin:0; padding:0; font-family: Verdana, Arial, Tahoma, sans-serif; font-size:11px; line-height: 16px; color: #555; }

a, a:active { color: #555; text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { color: #7fc41c; text-decoration: none; }

img		{ border: none; }


#linetop	{ position: relative; width: 100%; height: 9px; background: #3c893e url(../images/linetop.jpg) center top no-repeat; margin: 0; padding:0; }

#page		{ position: relative; width: 916px; height: auto; margin: 0 auto; padding: 0 0 0 0; }
.logo		{ position: relative; float: left; width: 80px; height: 30px; margin-right: 5px; }

.menubar			{ position: relative; float: right; width: auto; height: auto; margin: 10px 0 10px 0; }
.menubar ul			{ position: relative; float: left; width: auto; height: auto; list-style: none; margin: 0; padding: 0; }
.menubar ul li		{ position: relative; float: left; width: auto; height: auto; padding: 0 15px; border-right: 1px #3c893e solid; font-weight:bold; }	
.menubar ul li a	{ color: #3c893e; text-decoration: none; }
.menubar ul li a:hover	{ color: #7fc41c; text-decoration: none; }

.language			{ position: relative; float: right; width: auto; height: auto; margin: 10px 0 0 15px; font-weight:bold; color: #3c893e; }

.language img		{ border: none; }

.header				{ position: relative; float: left; width: 916px; height: 197px; margin: 10px 0 0 0;  }

.contentPan			{ position: relative; float: left; width: 916px; height: auto; margin: 20px 0 0 0; padding-bottom: 30px; } 
.contentLeft		{ position: relative; float: left; width: 250px; height: auto; margin:0; padding:0; }
.contentLeft img 			{ position: relative; float: left; margin: 10px 0 0 0; }
.contentLeft img.program 	{ position: relative; margin: 0 0 0 5px; }

.menuleft			{ position: relative; float: left; width: 250px; height: auto; background: #fff url(../images/line-01.png) left top repeat-y;  padding-bottom: 10px; }
.menuleft ul		{ position: relative; float: right; width: auto; height: auto; list-style: none; background: none; }
.menuleft ul li		{ position: relative; float: left; width: auto; height: auto; margin: 0; padding: 3px 50px; background: none; }
.menuleft ul li	a, a:active, a:visited		{ color: #555; text-decoration: none; }
.menuleft ul li a:hover						{ color: #247c26; text-decoration: none; }

.tabTop				{ position: relative; float: left; width: 100%; height: 24px; background:url(../images/tab.jpg) left top repeat; }
.tabTop span		{ position: relative; float: left; width: auto; height: auto; background:url(../images/tabMoz.jpg) left top no-repeat; color: #fff; font-weight:bold; padding: 5px 0 0 10px; }

.smallBox			{ position: relative; float: left; width: 250px; height: auto; margin: 10px 0 0 0; clear: both; } 

.smallBox p			{ position: relative; float: left; margin: 5px 0; }

ul.program			{ position: relative; float: left; width: auto; height: auto; margin: 0; padding: 0; list-style: none; }
ul.program li		{ position: relative; float: left; width: 200px; height: auto; padding: 0 0 2px 20px; background: url(../images/arrow.png) left center no-repeat; }
ul.program li a			{ color: #985b03; text-decoration: none; }
ul.program li a:hover	{ color: #247c26; text-decoration: none; } 



.mediumBox			{ position: relative; float: left; width: 324px; height: auto; margin: 10px 4px 0 0; text-align: left; } 
.mediumBox a, .mediumBox a:active { color: #555; text-decoration: none; }
.mediumBox a:visited 			{ color: #555; text-decoration: none; }
.mediumBox a:hover 				{ color: #7fc41c; text-decoration: none; }

.largeBox			{ position: relative; float: left; width: 650px; height: auto; margin: 10px 0 0 0; text-align: left; }
.largeBox a, .largeBox a:active { color: #555; text-decoration: none; }
.largeBox a:visited 			{ color: #555; text-decoration: none; }
.largeBox a:hover 				{ color: #7fc41c; text-decoration: none; }

.contentBox			{ position: relative; float: left; width: 99.2% !important; width: 95%; height: auto; background: url(../images/bgBox.jpg) left bottom repeat-x; border: 1px #cecece solid;  border-top: none; text-align: left; } 
.contentBoxM			{ position: relative; float: left; width: 99.2% !important; width: 318px; height: 240px; background: url(../images/bgBox.jpg) left bottom repeat-x; border: 1px #cecece solid;  border-top: none; text-align: left; } 
.contentBoxL		{ position: relative; float: left; width: 99.6% !important; width: 98.5%; height: auto; background: url(../images/bgBox.jpg) left bottom repeat-x; border: 1px #cecece solid;  border-top: none; text-align: left; }

.content			{ position: relative; float: left; margin: 10px 5px; width: 95%; height: auto; text-align: left; } 
.contentL			{ position: relative; float: left; margin: 10px 5px;; width: 98%; height: auto; text-align: left; }

.contentDoctorTalk	{ position: relative; float: left; margin: 0 0; width: 320px; height: 216px; }
.contentDoctorTalk img 		{ position: relative; float: left; margin: 2px 0 0 0; }

.contentDoctorTalk p.topDoctorTalk		{ position: relative; float: left; margin: 10px 0 0 10px; color: #247c26; font-weight:bold; text-align: left;  }
.contentDoctorTalk p.detailDoctorTalk	{ position: relative; float: left; margin: 5px 0 0 10px; width: 150px; text-align: left; }

.contentMsg						{ position: relative; float: left; margin: 10px 0 10px 10px; width: 95%; height: auto; text-align: left;  }
.contentMsg p.topMsg			{ position: relative; float: left; margin: 10px 0 0 5px; width: 95%; color: #247c26; font-weight:bold; text-align: left;  } 

.contentMsg p.detailMsg			{ position: relative; float: left; margin: 5px 0 10px 5px; width: 95%; text-align: left; }



.contentCaseStudy				{ position: relative; float: left; margin: 10px 0 10px 10px; width: 95%; height: auto; text-align: left;  }

.contentCaseStudy img			{ position: relative; float: left; text-align: left; }

.contentCaseStudy .spanTop		{ position: relative; float: left; width: 150px; margin: 0 0 0 10px; height: 12px; background: url(../images/icon_talk.jpg) left top no-repeat; text-align: left;  }

.contentCaseStudy p.title		{ position: relative; float: left; width: 150px; height: auto; margin: 3px 0 0 10px; text-align: left; }

.contentCaseStudy p.subtitle 	{ position: relative; float: left; width: auto; height: auto; margin: 5px 0 0 10px; text-align: left; }	

.contentCaseStudy .spanTop2		{ position: relative; float: left; width: 150px; margin: 0 0 0 10px; height: 12px; background: url(../images/icon_talk2.jpg) right top no-repeat; text-align: left;  }



.contentArticle						{ position: relative; float: left; width: 100%; height: auto; border-bottom: 1px #247c26 dotted; padding-bottom: 10px; padding-top: 10px; text-align: left;  }
.contentArticle a, .contentArticle a:active 	{ color: #555; text-decoration: none; }
.contentArticle a:visited			 	{ color: #555; text-decoration: none; }
.contentArticle a:hover			 	{ color: #7fc41c; text-decoration: none; }

.contentArticle img				{ position: relative; float: left; width: 134px; height: 134px; }

.contentArticle p.topArticle 			{ position: relative; float: left; margin: 0 0 0 15px; width: 75%;  font-weight:bold; text-align: left;  } 

.contentArticle p.detailArticle 		{ position: relative; float: left; margin: 0 0 0 15px; width: 75%;  text-align: left; }



.contentPromotion							{ position: relative; float: left; margin: 10px 0 10px 10px; width: 95%; height: auto; text-align: left;  }

.contentPromotion	p.topPromotion			{ position: relative; float: left; margin: 10px 0 0 5px; width: 95%; color: #247c26; font-weight:bold;text-align: left;  } 

.contentPromotion   p.detailPromotion		{ position: relative; float: left; margin: 5px 0 0 5px; width: 95%; text-align: left; }



.contentRight		{ position: relative; float: right; width: 656px; height: auto; }

.Flabanner			{ position: relative; float: left; width: 656px; height: 177px; }

 
.follow					{ position: relative; float: right; width: 250px; height: auto; margin: 0 0 0 0; }
.follow	img.topfollow	{ position: relative; float: left; margin: 20px 3px 0 0; }
.follow	img				{ position: relative; float: left; margin: 0 3px 0 0; } 

.footerPage		{ position: relative; width: 100%; height: 80px; background: url(../images/bgFooter.jpg) left top repeat-x; clear: both; 
padding: 20px 0 0; }

.contentFooters			{ position: relative; margin: 0 auto; width: 950px; }

.contentFooters img		{ position: relative; float: left; margin-top: 20px; }	

.contentFooters p		{ position: relative; float: left; border-left: 1px #ccc solid; padding-left: 20px; margin-left: 20px; }