@charset "utf-8";
/* CSS Document */
@font-face {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-style: normal;
	}
		
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0px;
	padding:0px;
	font-family:Arial;
	font-size:14px;
	color:#666;
	line-height:19px;
}

body{overflow-x:hidden; font-family:Arial;}

img{border:0px;}
a{ text-decoration:none; color:#999; outline:0;}
a:hover{color:#999; outline:0;}
.clear{clear:both;}
h1{font-family:Arial; font-size:17px; font-weight:bold; color: #000; margin-bottom:15px; margin-top:20px;}
h2{font-family:Arial; font-size:14px; font-weight:bold; color:#1c66ae; margin-bottom:20px;}
h3{font-family:Arial; font-size:12px; font-weight:bold; color:#1c66ae; margin-bottom:5px; line-height:14px;}
h4{font-family:Arial; font-size:14px; color:#3254a5; margin-bottom:5px; line-height:14px;}
h6{font-family:Arial; font-size:15px; font-weight:bold; color:#1c66ae; margin-bottom:15px; line-height:14px;}
.clearer { font-size: 0px; height: 0px; width: 100%; display: block; clear: both; visibility: hidden; }
.subProduct{ font:bold 12px Arial; color:#626262}
.text12px_gray{ font:normal 12px Arial; color:#666}


/*** page style ***/
#wraperRoot{width:100%; margin:0px auto;}
#headerRoot{width:100%; height:130px; padding:0px; margin:0px; background: #FFF; float:left;}
#header{width:1000px; height:130px; padding:8px 0px; margin:0px auto;}
#header .hLeft{width:334px; height:100px; padding:0px; margin:0px; text-align:left; float:left;}
#header .hRight{width:500px; height:100px; padding:0px; margin:0; text-align:right; float: right;}
#header .hRight #navigation{height:24px; padding:0px; margin:30px 0 0 0; display:inline-block; list-style:none; float:right;}
#header .hRight #navigation li{padding:0px; width:150px; margin:0; text-align:right; float:left;}
#header .hRight #navigation li a{font-family:Arial; font-size:15px; color: #000; text-decoration:none; font-weight: bold;}
#header .hRight #navigation li a:hover{font-family:Arial; font-size:15px; color:#A8C2FF; text-decoration:none;}
#header .menu{width: 368px; height:auto; padding:0px; margin:20px 0 0 0; text-align:right; float: right; }
#header .menu .hrTop{width:100%; padding:0px; margin:0px; text-align:right; float:left;}
#header .menu .hrTop .language{width:60px; height:15px; padding:5px 0px; margin-top:-5px; text-align:right; background:#3559AD; float:right;}
#header .menu .hrTop .language a{padding:0px; margin:0px 5px; font-family:Arial; font-size:12px;color:#fff; text-decoration:none;}
#header .menu .hrTop .language a:hover{padding:0px; margin:0px 5px; font-family:Arial; font-size:12px; color:#A8C2FF; text-decoration:none;}
#header .menu .hrBottom{width:100%; height:24px; padding:0px; margin:0px; float:left;}
#header .menu .hrBottom #navigation{height:24px; padding:0px; margin:0px; display:inline-block; list-style:none; float:right;}
#header .menu .hrBottom #navigation li{padding:0px; margin:0px 0px 10px 20px; text-align:right; float:left;}
#header .menu .hrBottom #navigation li a{font-family:Arial; font-size:16px; color: #000; text-decoration:none; font-weight:none;}
#header .menu .hrBottom #navigation li a:hover{font-family:Arial; font-size:16px; color:#A8C2FF; text-decoration:none;}

#contentRoot{width:100%; padding:0px; margin:0px; float:left;}
#mainSlider{width:100%; height:380px; padding:0px; margin:0px; text-align:center;  float:left;}
#content{width:100%; padding:0px; margin:0px; float:left;}

#hakkimda{ width:1000px; margin:0px auto; height:400px; padding:30px 0;}
#hakkimdaleft{float:left; width:300px; height: 400px; margin:0; padding-right:5px; border-right:1px #CCCCCC solid;}
#hakkimdamiddle{float:left; width:290px; height: 400px; margin:0; padding-left:50px; }
#hakkimdaright{float: right; width:290px; height: 400px; margin:0; border-left:1px #CCCCCC solid; padding-left:15px; }



#footerRoot{width:100%; height:100px; padding:0px; margin:30px 0 0 0; float:left; background-color:#333333;}
#footerContainer{width:100%; height:100px; padding:0px; margin:0px auto; border-top:1px solid #f3f3f3;}
#footer{width:1000px; height:100px; padding:0px; margin:0px auto;}
#footer .fTop{width:1000px; height:96px; padding:0px; margin:0px auto;}

#footer .fCenter{width:1020px; height: auto; padding:25px 0px; margin:0px auto; text-align:center;}
#footer .fCenter .menu{width:150px; height:24px; padding:0px; margin-right:20px; display:inline-block; list-style:none; float:left;}
#footer .fCenter .menu li{width:100%; padding:0px; margin:0px 0px 0px 19px; line-height:16px; text-align:left; float:left;}
#footer .fCenter .menu li a{font-family:Arial; font-size:12px; color:#fff; text-decoration:none;}
#footer .fCenter .menu li a:hover{font-family:Arial; font-size:12px; color:#A8C2FF; text-decoration:none;}

#footer .fBottom{width:1000px; height:40px; padding:0px; margin:0px auto;}
#footer .fBottom .fbLeft{width:200px; height:12px; padding:14px 0px; margin:0px; font-family:Arial; font-size:11px; color:#707070; text-align:left; float:left;}
#footer .fBottom .fbRight{width:800px; height:20px; padding:10px 0px; margin:0px; text-align:right; float:left;}
/*** page style ***/

#social { width:35px; /*height:131px;*/ height:131px; top:50px; position: fixed; z-index:9999; right:0; text-align:right;}
#facebook {display:block;height:32px; width:33px;}
#twitter { display:block;height:32px;width:33px;}
#youtube { display:block;height:32px;width:33px;}
#linkedin { display:block;height:32px;width:33px;}
#blog{ display:block; height:32px; width:33px; background:url(../images/blog.jpg) no-repeat; border-right:1px solid #fe5802; border-top:1px solid #fff;}
