body { margin:0; padding:0; width:100%;  background:#fff; }
html { padding:0; margin:0;}

a { text-decoration:none; outline:none;}
a:hover { text-decoration:underline;}
/* main */
.main { padding:0; margin:0 auto;}
/********** header **********/
.blok_header { margin:0; padding:0; background: url(images/hader_bg.gif) top repeat-x;}
.header { width:980px; margin:0 auto; padding:0;}
/* logo */
.logo {padding:0; margin:0 0 0 0;width:343px;float:left;}
.login {padding:0; margin:0;width:363px;padding-top:35px;float:left;}
.login .label_login{display:block;height:20px;line-height:20px;font:bold 13px Arial, Helvetica, sans-serif;color:#069;margin:0;padding:0;}
.login form{padding:0; margin:0;}
.login form .user, .login form .pass{line-height:14px;height:17px; width:130px; float:left; background:#fff url(images/user.gif) no-repeat 5px 50%;border:1px solid #CCC;border-right-color:#f0f0f0;border-bottom-color:#f0f0f0;padding:7px 5px 7px 22px; margin:0; font:normal 12px Arial, Helvetica, sans-serif;color:#6c6c6c;}
.login form .pass{background:#fff url(images/pass.gif) no-repeat 5px 50%;margin-left:4px;border-right:none;}
.login form .button{float:left;margin:0;padding:0;}
/* text_top */
.text_top { width:200px; text-align:right; float:right; padding:10px 0 0 0; margin:0; font: normal 10px Arial, Helvetica, sans-serif; color:#fff;}
.text_top a { padding:0 5px; margin:0; font: normal 10px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
.text_top a:hover { text-decoration:none; color:#9b9b9b;}
/* menu */	
.menu_resizer{background:url(images/menu.gif) repeat-x 0 0}

/* search */
.search { padding:30px 0 0 0; margin:0; width:200px; float:right;}
.search form { display:block; float:right; padding:0;}
.search span { display:block; float:left; background: url(images/search_bg.gif) left top no-repeat; width:152px; padding:0 5px 0 0; height:33px;}
.search form .keywords { line-height:14px; height:17px; float:left; background: url(images/search_bg.gif) left top no-repeat; border:0;  padding:8px 5px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#6c6c6c;}
.search form .button {float:left; margin:0; padding:0;}
/********** body **********/
.body_resize { margin:0; padding:0;}
.body { width:980px;  margin:0 auto; padding:20px 0 10px 0;}
.body h2 {font:normal 18px Arial, Helvetica, sans-serif; color:#3d3d3d; margin:0; padding:5px 0 5px 18px; background:url(images/h2.gif) no-repeat 0 8px;}
.body h2.marg { margin:0 0 10px 0;}
.body h3 {font:normal 24px Arial, Helvetica, sans-serif;color:#000; border-bottom:3px solid #828282; padding:10px 0 10px 5px; margin:0 0 25px 0; background:#f0f0f0}
.body img { float:left; padding:0; margin:10px 5px;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#444444; line-height:1.8em; padding:5px 5px; margin:0;}
.body p span { color:#e16500; font: bold 12px Arial, Helvetica, sans-serif; line-height:1.8em; padding:0 0 0 10px; margin:0;}
.body a { text-decoration:none; color:#494949; line-height:1.8em; font: bold 11px Arial, Helvetica, sans-serif;}
.body_big {position:relative;width:560px; float:left; margin:0 0 5px 0; padding:0;}
.body_big div.news_toggler{position:absolute;top:0;right:-25px;width:30px;height:30px;background:url(images/news_toggler.gif) no-repeat 0 0;}
.body_big div.news_toggler a{display:block;width:30px;height:30px;}
.body_small { width:392px; float:right; margin:0 0 5px 0; padding:0;}
.news_entry{position:relative; height:70px;}
.news_entry:hover{background:lightyellow;}
.body_small .data {width:108px;background:url(images/bg_data_news.gif) top no-repeat;padding:5px 5px;text-align:center;height:28px; font: normal 11px Arial, Helvetica, sans-serif;color:#fff;text-transform:uppercase; position:absolute; top:1px; right:1px;}
.body_small p{width:256px;font-size:11px;}
.body_small a.readmore{display:block;position:absolute; top:40px; right:20px; width:100px; height:24px;}
.body_small a.readmore:hover{color:red;}
.body_port { width:225px; float:left; margin:10px 3px; padding:0;}
.body_port img { float:none; margin:5px  auto; padding:0;}
.body_port a { font: bold 11px Arial, Helvetica, sans-serif; color:#e16500;}
/*FBG*/
.FBG {margin:0;padding:0;}
.FBG_resize { width:980px; margin:0 auto; padding:0; border-top:4px solid #626262;}
.FBG_resize img { float:none; margin:10px 0; padding:0;}
.FBG_resize p { font: normal 12px Arial, Helvetica, sans-serif; color:#414141; padding:5px; margin:0; line-height:1.8em;}
.FBG_resize h2 { font: normal 24px Arial, Helvetica, sans-serif; color:#282828; padding:5px; margin:0;}
.FBG_resize a {margin:0; font:normal 11px Arial, Helvetica, sans-serif;color:#069;text-decoration:none; line-height:20px}
.FBG_resize a:hover {text-decoration:underline;}
.FBG_resize .right {width:190px; float:right; margin:10px 5px 10px 30px; padding:0;}
.FBG_resize .left { width:290px; float:left; margin:10px 0; padding:0;}
/* END_bloga*/
/*************footer**********/
.footer_resize {margin:0 auto; padding:10px 10px 30px 10px; border-top:1px solid #b9b9b9; background:url(images/footer.gif) repeat-x 0 0;}
.footer {padding:0;  margin:0;  }
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#6d6d6d;}
.footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#6d6d6d; text-decoration:none; padding:5px; margin:0;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:10px 0 0 0; float:left;} 
.footer p.rightt { text-align:right; width:30%; margin:0; padding:15px 0 0 0; float:right; font-size:9px; display:none;} 
/********** contact form **********/
.form { float:left; width:560px; margin-top:40px; margin-left:10px;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#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:100px; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#444444; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:320px; border:1px solid #dadada; margin:5px 0; padding:5px 2px; height:15px; background:#fff;}
#contactform textarea { width:320px; border:1px solid #dadada; margin:10px 0; padding:2px; background:#fff; height:150px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 308px; 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 #d5d5d5; padding:5px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}

/*-----  Index Portfolio  -----*/
.header_text {width:560px; margin:0 auto; padding:15px 0 0 0;}
#sliderArea {float: left; width:100%; margin: 0 0 20px -31px; padding:0; }

.index_port_item {float: right; overflow: hidden; cursor: pointer; position: relative; height: 220px; }
.index_port_item img {margin:0; padding:0; float:none;}
#sliderArea .index_port_item a{width: 100%; height: 220px; float: left; position: absolute; display: none; }
#sliderArea .current a {width:100%;height:220px;float:left;position:absolute;display:block;}

#sliderArea .index_port_item .caption { position: absolute; padding: 0; float: left; }
#sliderArea .index_port_item .caption h2 { font-weight: bold; }
#sliderArea .index_port_item .caption p { font-size: 13px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin: 0; }

/* Menu */
#nav, #nav ul {
	padding:0 0 5px 0;
	margin:0; list-style:none; 
	font: 11px Arial, sans-serif; 
	border:1px solid #000; 
	border-color:#f0f0f0 #cccccc #cccccc #f0f0f0; 
	border-width:1px;
	background:#004777 url(images/menu_grad.gif) repeat-y 0 0;
	position:relative; 
	z-index:200;
}
#nav{height:35px;padding:0 0 0 20px;border:none;background:#fff url(./images/menu.gif) repeat-x 0 0}

#nav li {float:left;}
#nav li li {float:none; background:#004777 url(images/menu_grad.gif) repeat-y 0 0;}
/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li a {display:block; float:left; color:#f0f0f0; margin:0 25px 0 10px; height:35px; line-height:35px; text-decoration:none; white-space:nowrap; font-weight:bold;}

#nav li li a {height:22px; line-height:22px; float:none; font-weight:normal;}

#nav li:hover {position:relative; z-index:300;}
#nav li:hover ul {left:0; top:35px;}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:6px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#b75;}

/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a{text-decoration:underline;color:lightyellow;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a{text-decoration:none; color:#f0f0f0;}

.body_big ul, .body_big p ul{
	display:block;
	margin:0;
	padding:0;
}

.body_big ul li{
	display:block;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#333;
	padding-left:30px;
	background:url(images/h2_bg_body.gif) no-repeat 17px 2px;
	line-height:18px;
	margin-top:5px;
}
.body_big ul li ul li{
	font:normal 11px Arial, Helvetica, sans-serif;
	background:url(images/h2_bg_body_2.gif) no-repeat 17px 2px;
}
.body_big p span {padding:0}
td{font:normal 12px Arial, Helvetica, sans-serif; color:black;}
td strong{color:#69C; font:bold 13px/20px Arial, Helvetica, sans-serif;}
td b{color:#666; font:bold 13px/20px Arial, Helvetica, sans-serif;}
td.h{color:#000; font-weight:bold !important; font-size:13px !important; padding:6px 0 !important;}
td.wt,td.wt a{color:white; background:#F60;padding:2px;}
.modalBoxBodyContent, #modalBoxBodyContent{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}