﻿
* { margin: 0; padding: 0; outline: 0; border: 0; }
body { background: #e8e1b8 url(../img/body_bg.png) repeat-x center top; font: 12px Arial; color: #000; }

#body { width: 870px; padding: 10px 20px 20px; background: #fff; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; margin: 0 auto; }

#header { width: 890px; height: 30px; padding-top: 115px; background: url(../img/header_bg.jpg) no-repeat; position: relative; left: -20px; }
#logo { display: block; width: 323px; height: 100px; background: url(../img/logo.png); position: absolute; top: 10px; left: 5px; }
#english { display: block; width: 75px; height: 22px; background: url(../img/header_english.png); font-size: 10px; text-align: right; text-decoration: none; color: #3e7d92; position: absolute; top: 0; right: 0; }

#topnav { height: 30px; background: url(../img/topnav_bg.png); color: #3f92d7; line-height: 30px; padding-left: 15px; }
#topnav a { font-size: 11px; color: #fff; padding: 0 5px; text-decoration: none; font-weight: bold; }
#topnav a.active, #topnav a:hover { color: #c5cc21; }

#footer { width: 910px; margin: 10px auto; font-size: 10px; color: #80807e; }
#footer a { color: #80807e; text-decoration: none; padding: 0 5px; }
#footer span { float: right; }


#content { overflow: hidden; padding-top: 16px; }


.full { width: 427px; }
.half { width: 205px; }

.l { float: left; padding-right: 8px; }
.r { float: right; padding-left: 8px; }
.clr { clear: both; }

.f15 { font-size: 15px; }

.b { display: block; border-bottom: 8px solid #fff; }
.b.gr { border-bottom-color: #809208; }
.b.bl { border-bottom-color: #407e93; }
.b.br { border-bottom-color: #937a2a; }

h1 { border-bottom-width: 2px !important; font-size: 14px; line-height: 20px; margin: 8px 0; }

a { color: #3d7e94; }

p { margin: 8px 0; }

#home_title { height: 130px; font-size: 26px; color: #fff; padding: 15px; background: #b2d56f; }

#home_gallery { background: #013334; padding: 5px; overflow: hidden; }
#home_gallery a { border: 2px solid #858585; margin: 5px; display: block; width: 90px; height: 100px; float: left; }

#home_news { height: 310px; margin-top: 10px; overflow: hidden; position: relative; }
#home_news div { overflow: hidden; margin-top: -5px; }
#home_news p { font-size: 11px; border-bottom: 1px solid #7e9308; padding: 5px 0; margin: 5px 0; position: relative; }
#home_news p a { display: block; width: 12px; height: 11px; background: url(../img/home_news_arrow.png); position: absolute; bottom: 5px; right: 0; } 

#home_sidebar { margin-top: 10px; }
#home_sidebar > div { padding: 10px; background-image: url(../img/home_sidebar.png); font-size: 10px; line-height: 11px; overflow: hidden; }
#home_sidebar > div p { margin: 0; font-size: 12px; margin-bottom: 5px; }

#home_login { height: 91px; }
#home_login div { overflow: hidden; padding: 2px 0; line-height: 18px; }
#home_login .labelClass { float: left; clear: left; }
#home_login .label_a { float: left; clear: left;  color: #fff; font-size: 9px; }
#home_login .inputClass { float: right; width: 100px; border: 1px solid #ccc; font-size: 10px; padding: 2px; }
#home_login .inputform_submit { width: auto; border: 0; line-height: 17px; background: url(../img/form_submit_btn.png) no-repeat right top; text-align: left; padding: 0 25px 0 5px; color: #fff; float:right; }

#home_awards { height: 90px; background-position: 0 -100px; }
#home_awards a { color: #5a8007; }

#home_articles { height: 110px; background-position: 0 -210px; }
#home_articles a { display: block; line-height: 28px; padding-left: 35px; color: #666; background-repeat: no-repeat; margin-top: 10px; text-decoration: none; font-weight: bold; font-size: 11px; }
#home_article_1 { background-image: url(../img/home_articles_icon_1.png); }
#home_article_2 { background-image: url(../img/home_articles_icon_2.png); }



#news { padding: 0 100px; }
#news div { margin-top: 20px; border-top: 2px solid #809208; padding-top: 10px; overflow: hidden; }
#news img { float: left; margin: 0 20px 20px 0; }




#awards_banner { height: 160px; background: url(../img/content_img_awards.jpg); }
#awards_banner p { width: 380px; padding: 20px; margin: 0; color: #fff; font-size: 17px; }

#awards { padding: 0 90px; }
#awards div { margin-top: 15px; overflow: hidden; }
#awards img { float: left; margin: 0 10px 10px 0; }
#awards p { float: left; width: 200px; margin: 0; }
#awards dl { float: right; width: 320px; font-size: 11px; line-height: 15px; }
#awards dt { float: left; width: 80px; font-weight: bold; }
#awards dd { float: left; width: 230px; }




#article { padding: 0 20px; }

#article .l { width: 172px; }
#article .r { width: 642px; } 

#article .r img { display: block; margin-top: 14px; } 

#article .title { font-weight: bold; color: #809208; }
#article .l .title { font-size: 16px; margin: 10px 0; }

#author { font-size: 11px; margin: 20px 0 30px; }

#other_articles { font-size: 10px; }
#other_articles a { display: block; color: #000; text-decoration: none; margin: 5px 0; padding-left: 5px; }
#other_articles b { margin-left: -5px; }

#article_links { font-size: 10px; margin: 30px 0; }
#article_links a { display: block; margin: 5px 0; }


#article li { margin-left: 20px; }

#article_columns img { display: block; margin: 20px 0; }
.column { padding: 7px; }


#print { margin-top: 20px; border-top: 2px solid #407e93; padding-top: 10px; text-align: right; }
#print a { display: inline-block; line-height: 35px; background: url(../img/print.png) no-repeat left center; padding-left: 45px; color: #019247; font-weight: bold; text-decoration: none; }




#galeri { padding: 0 135px 20px; overflow: hidden; }
#galeri h1 { clear: both; padding-top: 20px; }
#galeri a { display: block; float: left; padding: 5px 10px; }




#arge { padding: 15px 30px; }
#arge img { display: block; margin: 15px 0; }




#corporate { padding: 0 10px; }

#corporate .l { width: 634px; }
#corporate .r { width: 200px; }

#corporate .l .l { width: 197px; margin-right: 5px; }
#corporate .l .l p { padding: 0 7px; }

#corporate img { display: block; margin: 10px 0 0; }

#corporate .title { color: #417d95; font-weight: bold; }

#corporate_news img { border: 3px solid #888; margin: 8px; }





#products a { display: block; width: 100px; border: 1px solid #c8c7c2; margin: 32px; padding: 4px; background: #ede8ca; float: left; text-decoration: none; }
#products img { display: block; }
#products p { color: #808d09; font-weight: bold; font-size: 13px; }


#products_detail > div { float: left; }

#prod_type { width: 100px; border: 1px solid #c8c7c2; margin: 20px; padding: 4px; background: #ede8ca; }
#prod_type img { display: block; }
#prod_type p { color: #808d09; font-weight: bold; font-size: 13px; }

#prod_info { width: 330px; margin-top: 10px; }
#prod_info .title { font-weight: bold; margin-top: 20px; }
#prod_info h1 { margin-top: 30px; }
#prod_info li { margin-left: 15px; }

#prod_img { width: 340px; margin-left: 30px; }
#prod_img div { width: 120px; height: 155px; float: left; margin: 20px 20px 10px; text-align: center; font-size: 11px; }
#prod_img img { display: block; width: 120px; height: 120px; margin-bottom: 5px; }




#column3 { padding: 15px 15px 25px; }
#column3 div { width: 240px; float: left; padding: 0 20px; }
#column3 .bl p { background-image: url(../img/bullet_blue.png); }
#column3 .br p { background-image: url(../img/bullet_brown.png); }
#column3 .gr p { background-image: url(../img/bullet_green.png); }
#column3 p { padding-left: 10px; background-repeat: no-repeat; background-position: 0 5px; }
#column3 .xx { padding-top: 10px; }
#column3 .xx p { padding: 0; }



#contact { padding: 15px 115px; }
#contact div { width: 260px; float: left; padding: 0 30px; }
#contact p { overflow: hidden; padding: 2px 0; line-height: 20px; }
#contact label { font-weight: bold; float: left; clear: left; }
#contact input, #contact textarea { float: right; width: 180px; border: 1px solid #ccc; font: 12px Arial; padding: 2px; }
#contact textarea { height: 100px; }
#contact input.form_submit { width: auto; border: 0; background: #818f08; padding: 5px 10px; color: #fff; }



