@charset "utf-8";
body { margin:0; padding:0; width:100%; }
html { padding:0; margin:0; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
/* main */
.main { padding:0; margin:0 auto; }
/********** header **********/
.blok_header { margin:0; padding:0; border-bottom:1px solid #ebebeb; background:url(../images/header_bg.gif) top center no-repeat #4fa130; }
.header { width:960px; margin:0 auto; padding:0; }
.header h2 { font:bold 30px Arial, Helvetica, sans-serif; color:#fff; padding:35px 10px; margin:0; text-transform:uppercase; }
/* logo */
.logo { padding:0; margin:0; width:267px; float:left; }
/* menu */	
.menu { padding:35px 0 0 0; margin:0; width:480px; float:right; }
.menu ul { text-align:left; padding:0; margin:0; list-style:none; border:0; float:left; }
.menu ul li { float:left; margin:0; padding:0 3px; border:0; }
.menu ul li a { float:left; margin:0; padding:12px 0; color:#ffffff /* #7898aa */; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; }
.menu ul li a span { padding:12px 9px; background:none; }
.menu ul li a:hover { color:#fff; background:url(../images/r_menu.gif) no-repeat right; }
.menu ul li a:hover span { color:#fff; background:url(../images/l_menu.gif) no-repeat left; }
.menu ul li.active a { color:#fff; background:url(../images/r_menu.gif) no-repeat right; }
.menu ul li.active a span { color:#fff; background:url(../images/l_menu.gif) no-repeat left; }

/* sub menu */
.FBG_blog .menu { padding:35px 0 0 0; margin:0; width:480px; float:right; }
.FBG_blog .menu ul { text-align:left; padding:0; margin:0; list-style:none; border:0; float:left; }
.FBG_blog .menu ul li { float:left; margin:0; padding:0 3px; border:0; }
.FBG_blog .menu ul li a { float:left; margin:0; padding:12px 0; color:#4fa130 /* #7898aa */; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; }
.FBG_blog .menu ul li a span { padding:12px 9px; background:none; }
.FBG_blog .menu ul li a:hover { color:#fff; background:url(../images/r_menu.gif) no-repeat right; }
.FBG_blog .menu ul li a:hover span { color:#fff; background:url(../images/l_menu.gif) no-repeat left; }
.FBG_blog .menu ul li.active a { color:#fff; background:url(../images/r_menu.gif) no-repeat right; }
.FBG_blog .menu ul li.active a span { color:#fff; background:url(../images/l_menu.gif) no-repeat left; }

.FBG_blog ul.menu, .FBG_blog div.menu {width: 900px; margin:auto; padding: 0px;}
.FBG_blog div.menu {padding: 0 0 5px 0;}

/* Ca3er style */
.cu3er_resize { width:960px; margin:0 auto; padding:20px 0 35px 0; }
#cu3er-container { width:960px; outline:0; }
/********** body **********/
.body_resize { margin:0; padding:0; background:#fefefe; }
.body { width:960px; margin:0 auto; padding:10px 0; }
.body h2 { font:bold 14px Arial, Helvetica, sans-serif; color:#101010; margin:0; padding:15px 0; }
.body h2 span { font:normal 11px Arial, Helvetica, sans-serif; color:#7e7e7e; }
.body img { padding:0; margin:10px auto; }
.body img.floated { float:left; padding:0; margin:10px 15px 10px 5px; }
.body p, .body li, .body tr td { font:normal 12px Arial, Helvetica, sans-serif; color:#535353; line-height:1.8em; padding:5px 0; margin:0; }
.body p span { font:bold 12px Arial, Helvetica, sans-serif; color:#277fc2; }
.body p.data { background:url(../images/data_bg.gif) top no-repeat; margin:5px 0; padding:5px 0; float:left; width:98px; text-align:center; color:#fff; }
.body .sta-product p.data { background:url(../images/big_data_bg.gif) top no-repeat; margin:5px 0; padding:5px 0; float:left; width:150px; text-align:center; color:#fff; }
.body a { text-decoration:none; color:#17b4cf; font:bold 11px Arial, Helvetica, sans-serif; }
.right { width:299px; float:right; padding:5px 40px 5px 10px; margin:0; }
.left { width:560px; float:left; padding:5px 10px 5px 40px; margin:0; border-right:1px solid #ced3d6; }
.full { padding:5px 10px; margin:0; }
.port { width:310px; float:left; padding:5px 0; margin:0; }
/*FBG_blog*/
.FBG_blog { background:#fefefe url(../images/fbg_blog_bg.gif) bottom repeat-x; border-bottom:1px solid #fefefe; margin:0; padding:0; }
.FBG_blog_resize { width:940px; margin:0 auto; padding:0px; }
.FBG_blog_resize p { font:bold italic 16px Arial, Helvetica, sans-serif; color:#969696; padding:0; margin:0; }
.FBG_blog_resize img { float:right; margin:0; padding:0; }
.FBG_blog_resize img.floated { float:left; margin:3px 20px 20px 0; padding:0; }
.FBG_blog_resize .recent { width:760px; float:left; padding:0; margin:5px 0 0 0; }
/*FBG*/
.FBG { background:#fbfbfb url(../images/fbg_bg.gif) bottom repeat-x; margin:0; padding:0; border-bottom:1px solid #e6e6e6; margin:0; padding:0; }
.FBG_resize { width:960px; margin:0 auto; padding:0; }
.FBG_resize img { float:left; margin:10px; padding:0; }
.FBG_resize a { font:bold 11px Arial, Helvetica, sans-serif; color:#1ab8d2; text-decoration:none; }
.FBG_resize p { font:normal 12px Arial, Helvetica, sans-serif; color:#565656; padding:5px 0; margin:0; line-height:1.8em; }
.FBG_resize p span { font:bold 14px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:5px 0; margin:0; }
.FBG_resize .left { width:220px; float:left; margin:0; padding:20px 10px; border:0; }
/* END_bloga*/
/*************footer**********/
.footer { padding:0; margin:0; background:url("../images/header_bg.gif") no-repeat scroll center -90px #4fa130; border-top:1px solid #c7c7c7; }
.footer_resize { width:940px; margin:0 auto; padding:20px 10px;}
.footer p { font:normal 11px Arial, Helvetica, sans-serif; color:#ffffff /* #7898aa */; }
.footer a { font:bold 11px Arial, Helvetica, sans-serif; color:#14b2cc; text-decoration:none; padding:5px; margin:0; }
.footer p.right { text-align:left; width:350px; margin:0; padding:15px 0 0 0; }
.footer p.leftt { text-align:left; width:550px; margin:0; padding:15px 0 0 0; float:left; }
.footer div.leftt { text-align:left; width:550px; margin:0; padding:15px 0 0 0; float:left; }
.footer div.right { text-align:left; width:550px; margin:0; padding:0px; float:left; clear: left;}

/********** contact form **********/
.form { float:left; width:550px; margin:5px auto; padding:0; background:#fff; border:1px solid #dedede; }
/********** contact form **********/
#contactform { margin:0; padding:5px 0; }
#contactform * { color:#7a7a7a; }
#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 { float:left; margin:0; width:150px; padding:5px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#222; text-transform:capitalize; }
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif; }
#contactform input.text { width:480px; border:1px solid #e9e9e9; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8; float:left; }
#contactform textarea { width:480px; border:1px solid #e9e9e9; margin:10px 0; padding:2px; background:#f8f8f8; height:150px; float:left; }
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF; }
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto; }
p.clr, .clr { clear:both; padding:0; margin:0; }
li.bg, .bg { clear:both; border-bottom:1px solid #e2e2e2; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none; }


/* Joomla Specific */
ul.actions {display: block; float: right; margin: 0px; padding: 0px; clear: both;}
ul.actions li {float: left; list-style: none;}
ul.actions li a img {border: 0 none;}

ul.pagenav {display: block; float: right; margin: 0px; padding: 0px; clear: both;}
ul.pagenav li {float: left; list-style: none; padding-left: 5px;}
ul.pagenav li a img {border: 0 none;}

.footer ul li {list-style: none; float: left;}
.footer ul li a {color: white;}
.footer ul.menu { float: left; padding: 0px; width: auto; margin: -3px 0 0 0; }

/* Contacts */
div.contact h2 { display: none; }
div.contact {font-family: Arial,Helvetica,sans-serif; color: #535353; font-size: 12px; line-height: 1.8em;}
.tip { background-color: #23485B; color: white; padding: 10px;}
.tip-title { font-weight: bold; }

	/* Tabbed Version */
	div.contact dl#contact-slider { display: block; }
	div.contact dl#contact-slider dt.tabs { display: block; float: left; padding: 0px; height: 23px;}
	div.contact dl#contact-slider dt.tabs h3 { padding: 0px; margin: 0px; }
	div.contact dl#contact-slider dt.tabs h3 a { color: #fff; padding: 10px; background-color: #23485B;}
	div.contact dl#contact-slider dt.tabs.open h3 a, div.contact dl#contact-slider dt.tabs h3 a:hover { background-color: #142128; }

	div.contact div.current { padding-top: 10px; clear: both; background-color: #efefef; border-color: #142128 #2E5C75 #2E5C75 #142128; border-style: solid; border-width: 1px;}
	div.contact div.current img {padding: 0px; margin: 0px 10px; }
	div.contact div.current .jicons-icons { float: left; }
	div.contact div.current address { float: left; }
	div.contact div.current address span { font-style: normal; }
	div.contact div.current .contact-contactinfo { clear: left; margin-top: 10px; }
	div.contact div.current .contact-contactinfo p {  }

	div.contact div.current div.contact-form { padding-top: 20px 20px 20px 0;}
	div.contact div.current div.contact-form fieldset { border: 0 none; }

	/* Plain Version (With a google map) */
	div.contact h3 { padding: 10px 0 0 0; margin: 0px; clear: left; color: #101010; font: bold 14px Arial,Helvetica,sans-serif; }
	div.contact div.contact-address, div.contact div.contact-contactinfo, div.contact div.contact-form { float: left; clear: left; }
	div.contact div p span, div.contact div p span a, #gmap span a {color: #535353; font-weight: normal; }
	div.contact .jicons-text { font-weight: bold !important; color: #101010 !important;}
	div.contact div.contact-address address span { font-style: normal; }
	div.contact div#gmap { float: right; }
	
	div.contact #contact-form dd { margin-left: 0px; }
	div.contact #contact-form dd .invalid { border: 1px solid red; }
	
/* Content */
	/* Product Categories Page */
	div.categories { font: inherit; width: 100%; margin: auto;}
	div.categories div.cat { width: 150px; height: 150px; margin: 5px; float: left; }
	
	div.categories div.cat a { display: block; width: 150px; height: 150px; line-height:150px; color: black; text-align: center; }
	div.categories div.cat.even a { background-color: #efefef; }
	div.categories div.cat.odd a { background-color: #b2b2b2; }
	div.categories div.cat.even a:hover { background-color: #438829; color: #FFFFFF; }
	div.categories div.cat.odd a:hover { background-color: #234615; color: #FFFFFF; }
	
	a.cargopak {background: url(../images/cargopak.gif) no-repeat scroll 0 0 transparent; display:block; height: 53px; width: 304px; margin: 0; padding: 0; float: right; position: relative; top: -12px; right: -22px;}