@charset "utf-8";
body { margin:0; padding:0; width:100%; color:#666;  background:#ffffff;}
html { padding:0; margin:0; }
div {margin:0; padding:0; }
img {border:none; }
/*ul{ margin:0; padding:0; list-style:none;}
ul li{margin:0; padding:0; line-height:18px;  font-size:12px; font-family:Arial, Helvetica, sans-serif;  }*/
.red {color:#F00; }
/* main */
.main {width:100%;  padding:0; margin:0 auto; }
.resize { width:955px; margin:0 auto;}
h5 {font-size:14px; color:#069; line-height:30px; font-weight:bold; }
/********** header **********/
.header {  background:#6C9C38; height:78px; width:100%; background:url(../images/header-bg.jpg) repeat-x;}

.block_header {margin:0 auto; width:100%; height:100px;padding-top:16px;text-align:center;}
.block_header h1 {font-family:Arial, Helvetica, sans-serif; font-size:36px; width:400px; font-weight:normal; line-height:90px; height:90px; color:#FFF; display:block; margin:0; padding:0; }
.banner {width:100%; height:305px; margin:0 auto; padding:0; display:block; background:#222;}

/* logo */
.logo { float:left; padding:0; margin:0; width:180px;}





/********** block index **********/
.body { background:#ffffff; padding:0; margin:0; }
.body_resize { width:980px; margin:0 auto; padding:10px 0; }
.body h2 { font:normal 24px Arial, Helvetica, sans-serif; color:#424a55; padding:5px 10px; margin:0;}
.body h3 { font:bold 20px Arial, Helvetica, sans-serif; color:#424a55; padding:5px 0 0 0; margin:0 0 10px 0;  border-bottom:1px solid #e0e0e0; }
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#666666; margin:0; padding:0 0 10px 0; line-height:19px;}
.body a { font:normal 13px Arial, Helvetica, sans-serif; color:#006d9b; text-decoration:none; margin:0; padding:0; }
.body a:hover { text-decoration:underline;}
.body em { font:italic 12px Arial, Helvetica, sans-serif; color:#797979; line-height:1.8em; padding:10px 0 0 10px;}
.body .bloga { border-top:2px solid #e0e0e0; width:950px; margin:5px auto; padding:20px 0 0 0;}
.body .bloga .twitter { width:300px; float: left;}
.body .bloga .twitter img { float: left; margin:5px 0; padding:0;}
.body .bloga .area { width:600px; float: right;}
.body .bloga .area h2.Contact { background:url(images/h2_contact.gif) left no-repeat;  padding:5px 0 8px 50px;  border-bottom:1px solid #e0e0e0;}
.body .bloga .area .box1 { width:390px; float: left; margin:2px 2px; padding:0;}
.body .bloga .area .box2 {  width:190px; float: right; margin:2px 2px; padding:0;}

/*left*/
.left { width:225px; float:left; margin:5px 0px; padding:5px 10px 5px 0;}
.left em { font:italic 13px Arial, Helvetica, sans-serif; color:#666666;}
.left h2 { border-bottom:1px solid #e0e0e0; padding:5px 0 8px 40px; margin:0;}
.left h2.about { background:url(images/h2_About.gif) left no-repeat;}
.left h2.news { background:url(images/h2_news.gif) left no-repeat;}
.left .data { background:url(images/bg_data.gif) left no-repeat; width:150px; float:left; margin:5px 5px; padding:0 0 0 20px; font: bold 17px Arial, Helvetica, sans-serif; color:#666666;}
.left p.border {padding:30px 5px; margin:0; border-bottom:2px solid #e0e0e0; border-top:2px solid #e0e0e0;}
.left p.bg_left { background: url(images/left_bg.gif) top left no-repeat;}
.left .left-nav {height:30px; font-size:14px; margin:0; padding:0; line-height:30px; font-weight:bold; border-bottom:1px solid #CCC; color:#000; }
.left img { float:left; margin:5px 0; padding:0;}
.left ul { margin:0; padding:10px 0 0 0;}
.left li { list-style:none; background:url(../images/arow.jpg) left no-repeat; padding:6px 30px; margin:0; border-bottom:1px dashed #999999;}
.left li a { font:bold 13px  Arial, Helvetica, sans-serif; color:#333; text-decoration:none; padding:0; margin:0;}
.left li a:hover { color:#4090d3; text-decoration:none;}

/*right*/
.right {   margin:5px 0 0 10px; padding:5px 0;}
.right a { font:normal 13px Arial, Helvetica, sans-serif; color:#006d9b; text-decoration:none; margin:5px 0;}
.right h2 { border-bottom:1px solid #e0e0e0; padding:5px 0 8px 40px; margin:0;}
.right h4 { font:normal 28px Arial, Helvetica, sans-serif; color:#424a55; border-bottom:1px solid #d7d7d7; padding:5px 5px; margin:0;}
.right h2.Our { background:url(images/h2_servises.gif) left no-repeat;}
.right h2.What { background:url(images/h2_bg_What.gif) left no-repeat;}
.right h2.Contact { background:url(images/h2_contact.gif) left no-repeat;  padding:5px 0 8px 50px;}
.right .box1 { width:390px; float: left; margin:2px 2px; padding:0;}
.right .box2 {  width:190px; float: right; margin:2px 2px; padding:0;}
.right .contact-form { background:#EEEEF7; border:1px solid #CCCCE6; padding:20px; margin-top:20px; }
/*.right img { float:right; margin:20px 20px; padding:0;}*/



/********** footer **********/
.footer { background:#F2F2F2; padding:20px 0 30px 0; border-top:1px solid #ddd; margin-top:15px; }
.footer .resize p.footer_logo { float:right; padding:0; margin:0 10px;}
.footer .resize div { color:#666; font:normal 11px Arial, Helvetica, sans-serif; text-align: left;}
.footer .resize div p {padding:0; margin:0;}
.footer .resize div img { float:right;}
.footer .resize div a { color:#666; font:normal 11px Arial, Helvetica, sans-serif; padding:0 5px; }
.footer .resize div a:hover { text-decoration:none; }
.text_left { text-align: left;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #d7d7d7; padding:0; margin:0; background:none;}


.right-float {float:right; }
.leftt-float {float:left; }