﻿@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#fff url("../images/main_bg.png") repeat-x;font:normal 13px Arial, Helvetica, sans-serif;color:#414141}
html { padding:0; margin:0;}
img {border:none;}

.blue { color:#58b7ff;}
.imgFloatLeft {float:left;margin:0 20px 0 0;}
.imgFloatRight {
	float: right;
	margin: 0 0 20px 20px;
}

/* main */
.main {width:100%; padding:0; margin:0 auto; }
.resize { width:949px; margin:0 auto;}

/********** header **********/
.header { }
.block_header {margin:0 auto;width:949px;background: transparent url("../images/bg_header.jpg") no-repeat center top;}
/* logo */
.logo { float:left; padding:0; margin:0; width:299px;}
.logo2 { float:right; padding:0; margin:0; width:299px;}
/* search */
.search {float:right;width:200px;height:50px;margin:60px 0 0 0;padding:0;}
.search form { float:right; padding:15px 50px 0 0; margin:0;}
.search form strong { display:block; float:left; color:#b4b4b4; font:normal 11px Arial, Helvetica, sans-serif; padding:4px 10px;}
.search form b { display:block; float:left; color:#b4b4b4; font:normal 11px Arial, Helvetica, sans-serif; padding:4px 10px;}
.search form label { }
.search form input { float:left;}
.search form input.text { padding:3px 3px; margin:2px 5px 0 0; background:url("../images/search_form_bg.gif") top no-repeat; border:0; color:#b4b4b4; font:normal 12px Arial, Helvetica, sans-serif; width:198px; height:14px;}
.search form input.button_search { padding:0; margin:0; height:23px; width:23px;}
/* menu */	
.menu { padding:0; margin:0; width:949px; height:58px; background:url("../images/menu_bg.gif") top no-repeat;}
.rss { width:100px; float:left; margin:25px 0 0 10px; padding:0;}
.rss img { margin:0; padding:0; float:right;}
.menu ul { float:right; padding:0; margin:7px 30px 0 0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0;}
.menu ul li a { float:left; margin:0 1px 0 0; padding:15px 0; color:#c8c8c8; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:15px; margin:0; background:none;}
.menu ul li a:hover {color:#CCFFCC;background:url("../images/r_menu.gif") no-repeat right;}
.menu ul li a:hover span { color:#CCFFCC; background:url("../images/l_menu.gif") no-repeat left;}
.menu ul li a.active {color:#CCFFCC;background:url("../images/r_menu.gif") no-repeat right;}
.menu ul li a.active span { color:#CCFFCC; background:url("../images/l_menu.gif") no-repeat left;}
/********** slider **********/
.slider {margin:0 auto; width:949px; height:362px; padding:0; background:url("../images/slider_bg.jpg") top repeat-y; }
.slider .left1 { float:left; width:390px;}
.slider h2 { padding:60px 10px 10px 40px; margin:0; color:#565f65; font:normal 30px Arial, Helvetica, sans-serif;}
.slider strong { margin:0; color:#9ca3a8; font:normal 15px Arial, Helvetica, sans-serif; line-height:1.4em;}
.slider p { font:normal 11px Arial, Helvetica, sans-serif; color:#5e5e5e; padding:5px 0 5px 40px; margin:0; line-height:1.6em;}
.slider ul.buttons { float:left; padding:20px 0 10px 25px; margin:0; list-style:none;}
.slider ul.buttons li { float:left; padding:0 5px; margin:0;}
.slider .gallery { float:left; width:949px; height:362px; margin:0;}
/*teaser*/
.teaser {margin:0 auto; width:949px; height:100px; padding:0; background:url("../images/header-1.jpg") top left; }
.teaser-green-business {margin:0 auto; width:949px; height:100px; padding:0; background:url("../images/header-1.jpg") top left; }
.teaser-rexpo {margin:0 auto; width:949px; height:100px; padding:0; background:url("../images/header-2.jpg") top left; }
.teaser-reacon {margin:0 auto; width:949px; height:100px; padding:0; background:url("../images/header-3.jpg") top left; }
.teaser-rmdz {margin:0 auto; width:949px; height:100px; padding:0; background:url("../images/header-4.jpg") top left; }
.teaser-about {margin:0 auto; width:949px; height:100px; padding:0; background:url("../images/header-5.jpg") top left; }
.teaser-contact {margin:0 auto; width:949px; height:100px; padding:0; background:url("../images/header-1.jpg") top left; }
.teaser-events {margin:0 auto; width:949px; height:100px; padding:0; background:url("../images/header-2.jpg") top left; }
.teaser-green-news {margin:0 auto; width:949px; height:100px; padding:0; background:url("../images/header-3.jpg") top left; }
/*toppik*/
.toppik {margin:0 auto 43px auto; width:949px; padding:0; background:url("../images/topi_bg.png") top no-repeat; height:90px;}
.toppik p { padding:0; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#5e5e5e; }
.toppik h3 a {padding: 0;margin: 0;font: normal 18px Arial, Helvetica, sans-serif;color: #009933;text-decoration: none;font-weight: bold;}
.toppik ul li { float:left; padding:0 10px;}
.toppik .box {width:100px;float:left;padding:10px 10px;text-align:center;vertical-align:middle;}
/*blog_body*/
.toppik ul { float:right; width:500px; list-style:none; margin:20px 0 0 0; padding:0;}  
.toppik ul li { float:left; padding:0 10px;}
.toppik .box {width:120px;float:left;padding:0px 10px;text-align:center;vertical-align:middle;height:80px;}
.toppik .box1 {width:69px;float:left;padding:10px 20px 10px 20px;text-align:center;}
/*blog_body*/
.blog_body { width:949px; background:#fff url("../images/body_top_img.gif") 0 -10px no-repeat; margin:0 auto; padding:0;}
.blog_bottom { margin:0; padding:0 2px; background:url("../images/body_bottom_img.gif") bottom no-repeat;}
.blog_body p { margin:0 0 20px 0; font:normal 13px Arial, Helvetica, sans-serif; color:#414141; padding:5px; line-height:1.6em;}
.blog_body a { color:#009933; text-decoration:underline;}
.blog_body a.big {font:bold 13px Arial, Helvetica, sans-serif;color:#009933;text-decoration:none;}
.blog_body span { font:normal 15px Arial, Helvetica, sans-serif; color:#898989; line-height:1.4em;}
.blog_body ul { list-style: none;margin: 0;padding: 0 0 5px 0;background:none;}
.blog_body li { padding: 3px 0 3px 30px;margin: .4em 0;}
.blog_body ul.lists { background:none; list-style:none; margin:0; padding:0; border:0;}
.blog_body ul.lists li { font:normal 13px Arial, Helvetica, sans-serif; color:#333; padding:2px 5px; margin:0; line-height:1.8em;}
.blog_body h2 {
	font: normal 22px Arial, Helvetica, sans-serif;
	color: #006600;
	border-bottom: 1px solid #d1d4d7;
	padding: 13px 10px 13px 40px;
	margin: 5px 0;
	line-height: 1.6em;
}
.blog_body h2.welcome { background:url("../images/h2_welcome.gif") left no-repeat;}
.blog_body h2.what { background:url("../images/h2_what.gif") left no-repeat;}
.blog_body h2.our { background:url("../images/h2_our.gif") left no-repeat;}
.blog_body .lorem { width:275px; float:left; padding:10px 20px;}

/*FBG*/
.FBG { margin:0 auto; padding:0; width:949px;}
.FBG h2 {font:normal 22px Arial, Helvetica, sans-serif;color:#006600;border-bottom:1px solid #414a50;padding:13px 5px;margin:5px 0;line-height:1.6em;}
.FBG p { font:normal 11px Arial, Helvetica, sans-serif; color:#666666; padding:5px; margin:0; line-height:1.6em;}
.FBG a {color:#009933;text-decoration:underline;}
.FBG span { color:#878787;}
.FBG .larem { width:275px; float:left; padding:10px 20px;}

/* search2 */
.search2 { float:right; margin:10px 0 0 0; padding:0;}
.search2 form { padding:5px 0 0 0; margin:0;}
.search2 form label { }
.search2 form input { float:left;}
.search2 form input.text { padding:8px 3px; margin:2px 5px 0 0; background:url("../images/search_foorm_bg2.gif") top no-repeat; border:0; color:#b4b4b4; font:normal 12px Arial, Helvetica, sans-serif; width:175px; height:14px;}
.search2 form input.button_search { padding:0; margin:2px 0 0 0; height:28px; width:74px;}

/*left*/
.left { width:620px; float:left; padding:10px 20px; margin:0;}
.left h2 {font:normal 32px Arial, Helvetica, sans-serif;color:#006600;border-bottom:1px solid #d1d4d7;padding:10px 10px 10px 40px;	margin:0;	line-height:1.3em;}
.left h2.port { background:url("../images/h2_port.gif") left no-repeat;}
.left h2.sevr { background:url("../images/h2_servises.gif") left no-repeat;}
.left h2.con { background:url("../images/h2_con.gif") left no-repeat;}
.left h3 {font:normal 22px Arial, Helvetica, sans-serif;color:#666666;padding:10px;margin:0;line-height:1.4em;}
.left a {font:bold 13px Arial, Helvetica, sans-serif;color:#009933;text-decoration:underline;}
.left .img { float:left; margin:10px; padding:0;}
/*right*/
.right { width:245px; float:left; padding:10px 20px; margin:0;}
.right h2 {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #485157;
	border-bottom: 1px solid #d1d4d7;
	padding: 13px 10px;
	margin: 0;
	line-height: 1.6em;
	text-transform: capitalize;
}
.right a { font:bold 11px Arial, Helvetica, sans-serif; color:#5e676d; text-decoration:none;}
.right em { font:italic 13px Arial, Helvetica, sans-serif; color:#5d666c; line-height:1.6em; margin:0;}
.right ul { background:none; margin:10px; padding:0; list-style:none; border:0;}
.right li { padding:5px 5px; margin:0; border-bottom:1px solid #e0e2e4;}
.right li a {float:none;font:normal 11px Arial, Helvetica, sans-serif;color:#006600;text-decoration:none;}
.right li a:hover { text-decoration:underline;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#6e6e6e;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:5px 0; font:normal 11px Arial, Helvetica, sans-serif; color:#6e6e6e; text-transform:capitalize; float:left;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:440px; border:1px solid #dedede; margin:5px 0; padding:5px 2px; height:16px; background:#fff; float:left;}
#contactform textarea { width:440px; border:1px solid #dedede; margin:10px 0; padding:2px; background:#fff; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 110px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/*************footer**********/
.footer {padding:15px 0;margin:10px auto 0 auto;background:#003300 url("../images/footer_bg.gif") top repeat-x;width:949px;}
.footer p {float:left;width:424px;padding:0 25px;margin:0;color:#339900;font:normal 10px Arial, Helvetica, sans-serif;}
.footer a {color:#339900;font:normal 11px Arial, Helvetica, sans-serif;padding:0 5px;}
.text_left { text-align:left;}
.text_right { text-align:right; float:right;}

.clr { clear:both; padding:0; margin:0; background:none;}

p.clr { clear:both; padding:0; margin:0; background:none;}
.bg { clear:both; border-top:1px dashed #b8bec1; padding:0; margin:5px 0; background:none;}
li.bg { clear:both; border-top:1px dashed #b8bec1; padding:0; margin:5px 0; background:none;}

/*********icon list********/
.iconlist {list-style: none;margin: 0;padding: 0 0 5px 0;background:none;}
li.greencheck {
		background-image: url('../images/bul-green-check.gif');
		background-repeat: no-repeat;
		background-position: 5px .4em;
		}
li.greenarrow {
		background-image: url('../images/bul-green-arrow.gif');
		background-repeat: no-repeat;
		background-position: 5px .4em;
		}
li.blackcircle {
		background-image: url('../images/bul-black-circle.png');
		background-repeat: no-repeat;
		background-position: 5px .4em;
		}





.img_floatcenter {
	margin: 30px;
	padding: 30px;
}





