@charset "utf-8";
body { margin:0; padding:0; width:100%; background: #000 url(../images/main_bg.gif) top repeat-x;}
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto;}

/********** header **********/
.header { }
.block_header {margin:0 auto; padding:0; width:958px;}
/*logo*/
.logo { float:left; padding:0; margin:0; width:458px; height:129px;}
.language { float:right; position:relative; top:-20px; right: 5px; width:100px; height:0px; margin:5px 5px 5px 5px !important; margin:5px 5px 5px 5px; }
.language a {text-decoration:none; }
.language a: {text-decoration:underline; }
a.first:link {color:#9FF; font:normal 14px  Tahoma, Geneva, sans-serif; text-decoration:none; }      /* unvisited link */
a.first:visited {color:#9FF; font:normal 14px  Tahoma, Geneva, sans-serif; text-decoration:none; }  /* visited link */
a.first:hover {color:#9FF;  font:normal 14px  Tahoma, Geneva, sans-serif; text-decoration:underline; }  /* mouse over link */
a.first:active {color:#C00; font:normal 14px  Tahoma, Geneva, sans-serif; text-decoration:none; }  
.first {font:normal 14px  Tahoma, Geneva, sans-serif; }
.Zagreb { float: right; position:relative; top:-50px; right: 30px; width:900px; height:0px; margin:5px 5px 5px 5px !important; margin:5px 5px 5px 5px; }
.Zagreb p {color:#9FF; font:bold 16px  Tahoma, Geneva, sans-serif; text-decoration:none; } 
/*slider*/
.gallery {
	float:right;
	width:auto;
	height:auto;
	margin:10px 10px 0 0;
	margin-top: 40px;
	margin-right: 80px;
	margin-bottom: 0;
	margin-left: 0;
}
.video_position {
	float:right;
	width:auto;
	height:auto;
	margin:30px 30px 30px 30px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
}
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
a.bodylink:link {text-decoration:none; }      /* unvisited link */
a.bodylink:visited {text-decoration:none; }  /* visited link */
a.bodylink:hover {color:#C00; text-decoration:none; }  /* mouse over link */
a.bodylink:active {color:#C00; text-decoration:none; }  
.bodylink {font: normal 11px Tahoma, Geneva, sans-serif; text-decoration:none; }
.listlink {font: normal 12px Tahoma, Geneva, sans-serif; text-decoration:none; }
.listlink a {font: normal 12px Tahoma, Geneva, sans-serif; text-decoration:none; color:#3f91b4 }
.listlink a:hover {text-decoration:underline; }

/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:350px; height:184px; overflow:hidden; }
p#controls { margin:0; position:relative; }
</style>
<style type="text/css"> 

.style1 {color: #FFFFFF}
/* search */
.search { padding:0; margin:40px 50px 0 0; float:right;}
.search span { display:block; float:left;}
.search form { display:block; float:left; padding:5px 0;}
.search form .keywords { float:left; background: url(../images/search_bg.gif) left top no-repeat; border:0; height:14px; width:204px; padding:4px 5px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#a1a1a1;}
.search form .button { float:left; margin:0; padding:0;}
/* menu */	
.menu { padding:0; margin:0; width:958px; background:url(../images/menu_bg.gif) top repeat-x; height:56px;}
.menu ul { padding:15px 0 0 0; margin:0; list-style:none; border:0;}
.menu ul li { text-align:center; border-right:1px solid #4d4d4d; float:left; margin:0; padding:0 10px;}
.menu ul li a { float:left; text-align:center; padding:14px 0; margin:0; color:#fff; font:normal 11px  Tahoma, Geneva, sans-serif; text-decoration:none;}
.menu ul li a span { padding:14px 10px; margin:0; background:none;}
.menu ul li a:hover { color:#000; background:url(../images/r_menu.gif) no-repeat right top;}
.menu ul li a:hover span {color:#000; background:url(../images/l_menu.gif) no-repeat left top;}
.menu ul li a.active {color:#000; background:url(../images/r_menu.gif) no-repeat right top;}
.menu ul li a.active span {color:#000; background:url(../images/l_menu.gif) no-repeat left top;}
/* header_text */
.header_text2 { margin:0 auto; padding:0; width:958px; background:#fff; height:126px; border-bottom:1px solid #d1d1d1;}
.header_text2 h1 { width:400px; float:left; font: normal 34px Arial, Helvetica, sans-serif; color:#0287be; margin:0; padding:40px 0 0 30px;}
.header_text2 p{ width:470px; float:right; font: normal 13px Arial, Helvetica, sans-serif; color:#666; margin:0; padding:45px 20px 0 0;}
.header_text2_long { margin:0 auto; padding:0; width:958px; background:#fff; height:126px; border-bottom:1px solid #d1d1d1;}
.header_text2_long h1 { width:580px; float:left; font: normal 34px Arial, Helvetica, sans-serif; color:#0287be; margin:0; padding:40px 0 0 30px;}
.header_text2_long p{ width:290px; float:right; font: normal 13px Arial, Helvetica, sans-serif; color:#666; margin:0; padding:45px 20px 0 0;}
.header_text2_long_extra { margin:0 auto; padding:0; width:958px; background:#fff; height:126px; border-bottom:1px solid #d1d1d1;}
.header_text2_long_extra h1 { width:700px; float:left; font: normal 34px Arial, Helvetica, sans-serif; color:#0287be; margin:0; padding:40px 0 0 30px;}
.header_text2_long_extra p{ width:170px; float:right; font: normal 13px Arial, Helvetica, sans-serif; color:#666; margin:0; padding:45px 20px 0 0;}
.header_text { height:270px; margin:0 auto; padding:0; width:958px; background:#fff;}
.header_text .div .left1 { float:left; width:475px; padding:0; margin:0 auto; }
.header_text .div .left1 a { font: 13px Arial, Helvetica, sans-serif; color:#3f91b4; text-decoration:none;}
.header_text .div .left1 a:hover { text-decoration:underline;}
.header_text .div .left1 h1 {font:normal 34px  Arial, Helvetica, sans-serif; color:#535353;  padding:30px 0 0 45px; margin:0;}
.header_text .div .left1 h1 span { color:#0287be;} 
.header_text p { font:normal 13px  Arial, Helvetica, sans-serif; color:#000; padding:10px 0 0 45px; margin:0; line-height:1.8em;}
/*top_header*/
.top_header { height:215px; width:958px; background:url(../images/header_bottom_bg.gif) top repeat-x; margin:0 auto; padding:0;}
.top_header h2 { font: normal 24px Arial, Helvetica, sans-serif; color:#f3f4f4; padding:10px 10px; margin:0;}
.top_header p { font: normal 11px Arial, Helvetica, sans-serif; color:#f3f4f4; margin:3px 0; padding:7px 10px;}
.top_header p.backg { font: normal 11px Arial, Helvetica, sans-serif; color:#f3f4f4; margin:3px 5px; padding:2px 10px;}
.top_header .bloga2 { width:277px; border-left:1px solid #3b738f; border-right:1px solid #3b738f; float:left; margin:15px 15px; padding:0;}
.top_header p.backg a { float:left; color:#9FF; text-decoration:none;;}
.top_header p.backg a:hover { text-decoration:underline;}

.top_header a { color:#0385bb; text-decoration:underline; float:right;}
.top_header .bloga { width:277px; float:left; margin:15px 15px; padding:0;}
.top_header .bloga a { float:none; font: 11px Arial, Helvetica, sans-serif; color:#9FF; text-decoration:none; margin:0px 0px; }
.top_header .bloga a:hover { text-decoration:underline;}

/* body*/
.body { width:958px; margin:0 auto; padding:0; }
.body h1 { font: bold 24px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:10px; margin:0; border-bottom:0px solid #c5c5c5;}
.body h2 {font: bold 20px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:10px; margin:0; border-bottom:0px solid #dfdfdf;}
.body h3 {font: bold 16px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:10px; margin:0; border-bottom:0px solid #dfdfdf;}
.body h4 {font: bold 12px Arial, Helvetica, sans-serif; color:#3e4f59; padding:10px; margin:0; border-bottom:0px solid #dfdfdf;}
.body p { font: normal 12px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:5px 10px; margin:0; line-height:1.8em;}
.body table { font: normal 12px Arial, Helvetica, sans-serif; color:#6f6f6f; margin:0; line-height:1.8em;}
.body table span { font: bold 17px Arial, Helvetica, sans-serif; color:#666666; padding:5px 0; margin:0;}
.body table a { font: 12px Arial, Helvetica, sans-serif; color:#3f91b4; text-decoration:none;}
.body table a:hover { text-decoration:underline;}
.body p span { font: bold 17px Arial, Helvetica, sans-serif; color:#666666; padding:5px 0; margin:0;}
.body p a { font: 12px Arial, Helvetica, sans-serif; color:#3f91b4; text-decoration:none;}
.body p a:hover { text-decoration:underline;}
.body em { font: normal 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.body img.floated { float:left; margin:10px 15px; padding:0; }
.body .left1 { width:279px; float:left; margin:0; padding:20px;}
.body .right1 { width:596px; float:left; margin:20px !important; margin:20px 10px 20px 20px; padding:0;}
.body .bgg1 {background:url(../images/bg_body1.gif) top repeat-y; padding:0; margin:0; width:958px;}
.body .bgg2 {background:url(../images/body2_bg.gif) left top repeat-y; padding:0; margin:0; width:958px; }
.body .left2 { width:598px; float:left; margin:20px !important; margin:20px 20px 20px 10px; padding:0;}
.body .left2 .portfolio { width:150px; float:left; margin:10px 10px; padding:0;}
.body .left2 .portfolio a { text-decoration:none; font: bold 11px Tahoma, Geneva, sans-serif; color:#4a4a4a; padding:3px 5px; margin:2px 3px; background:#d9d9d9; border-left:1px solid #e2e2e2; border-top:1px solid #d1d1d1;}
.body .left2 .portfolio a:hover { color:#529cbb;}
.body .right2 { width:279px; float:left; margin:0; padding:20px;}
.body .right2 ul { font: normal 11px Tahoma, Geneva, sans-serif; color:#6e6e6e; margin:5px 15px; padding:0; list-style:none;}
.body .right2 li { background:#ececec url(../images/right2_bg_ul_li.gif) left no-repeat; margin:5px 2px; padding:5px 10px;}
.body .right2 a { font: normal 11px Tahoma, Geneva, sans-serif; color:#6e6e6e; text-decoration:none;}
.body .right2 a:hover { color:#3f91b4; text-decoration:underline;}


/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#2e2e2e;}
#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:80px; display:block; padding:5px 0; font:normal 11px Tahoma, Geneva, sans-serif; color:#6e6e6e; text-transform:capitalize;}
#contactform label span {  font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:400px; border:1px solid #c5c5c5; margin:5px 0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:400px; border:1px solid #c5c5c5; margin:10px 0; padding:2px; background:#fff; height:300px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 80px; border:0; color:#FFF;}
p.response { text-align:center; color:#F00; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/********** upload form **********/
#uploadform { margin:0; padding:5px 5px;}
#uploadform * { color:#2e2e2e;}
#uploadform ol { margin:0; padding:0; list-style:none;}
#uploadform li { margin:0; padding:0; background:none; border:none; display:block;}
#uploadform li.buttons { margin:5px 0 5px 0;}
#uploadform li.buttons2 { margin:5px 0 5px 0;}
#uploadform label { float:left; margin:0; width:40px; display:block; padding:10px 0; font:normal 11px Tahoma, Geneva, sans-serif; color:#6e6e6e; text-transform:capitalize;}
#uploadform label span {  font:normal 10px Arial, Helvetica, sans-serif;}
#uploadform input.text { width:200px; border:1px solid #c5c5c5; margin:5px 0; padding:5px 2px; height:16px; background:#fff;}
#uploadform textarea { width:200px; border:1px solid #c5c5c5; margin:10px 0; padding:2px; background:#fff; height:50px;}
#uploadform li.buttons input { padding:3px 0; margin:0 0 0 40px; border:1px solid #c5c5c5; background:#fff; position:relative; top:-25px;}
#uploadform li.buttons2 input { padding:4px 8px; margin:0 0 0 40px; border:1px solid #c5c5c5; color:#000; position:relative; top:-15px;}
p.response { text-align:center; color:#F00; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/********** footer **********/
.footer {  margin:0 auto; padding:0; background: url(../images/foote_bg.gif) top no-repeat; height:150px;}
.footer_resize { width:958px; margin:0 auto; padding:10px 0 0 0;}
.footer ul { margin:0; padding:25px 10px; list-style:none; float:right;}
.footer ul li { margin:0; padding:0 10px; float:right;}
.footer img { margin:5px 5px; padding:0;}
.footer p { margin:0; padding:25px 20px; float:right; color:#3895d5; font:normal 11px  Tahoma, Geneva, sans-serif; line-height:1.8em;}
.footer a { color:#3895d5; font:normal 11px  Tahoma, Geneva, sans-serif; text-decoration:none; line-height:1.8em;}
.footer a:hover { text-decoration:underline;}

/*********** new footer **************/
.header_04 { clear: both; font-size: 14px;  color: #c7bb10; font-weight: bold; background: url('images/footer_divider.jpg') repeat-x bottom;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px; padding-left:0; padding-right:0; padding-top:0; padding-bottom:10px }
.margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px;	}
#footer_wrapper { width: 958px; margin: 0 auto; background: url(../images/foote_bg.gif) top no-repeat; height:150px;}
#footer { width: 940px; padding: 20px; margin: 0 auto; color: #828c96; background: url('images/footer_bg.jpg') no-repeat bottom center;}
.section_w920 { text-align: center; width: 940px; }
.section_w184 { float: left; text-align: center;width: 200px; padding: 0 20px 0 0;	}
.section_w368 { float: left; text-align: center;width: 240px; padding: 0 20px 0 0; }
.rightContent {   min-height: 115px;   border-left: 1px solid #666;   float:left;}
.footer_menu_list { margin: 0px; padding: 0px; list-style: none; }
.footer_menu_list li { color:#3895d5; font:normal 11px  Tahoma, Geneva, sans-serif; text-decoration:none; line-height:1.8em;margin: 0px; padding: 0px; }
.footer_menu_list li a { color:#9FF; font:normal 11px  Tahoma, Geneva, sans-serif; text-decoration:none; line-height:1.8em; }
.footer_menu_list li a:hover { color: #9FF; font:normal 11px  Tahoma, Geneva, sans-serif; text-decoration:underline; line-height:1.8em; }
.footer p { margin:0; padding:25px 20px; float:right; color:#3895d5; font:normal 11px  Tahoma, Geneva, sans-serif; line-height:1.8em;}
a.last:link {color:#9FF; font:normal 11px  Tahoma, Geneva, sans-serif; text-decoration:none; line-height:1.8em; }      /* unvisited link */
a.last:visited {color:#9FF; font:normal 11px  Tahoma, Geneva, sans-serif; text-decoration:none; line-height:1.8em; }  /* visited link */
a.last:hover {color:#9FF; font:normal 11px  Tahoma, Geneva, sans-serif; text-decoration:underline; line-height:1.8em; }  /* mouse over link */
a.last:active {color:#9FF; font:normal 11px  Tahoma, Geneva, sans-serif; text-decoration:none; line-height:1.8em; }  /* selected link */ 
.last {font:normal 11px  Tahoma, Geneva, sans-serif; line-height:1.8em; }
/* end of footer */
.navnumber { font: normal 12px Arial, Helvetica, sans-serif; color:#6f6f6f; line-height:2.0em; }
.navnumber a { color:#3f91b4; text-decoration:none; }
.navnumber a:hover { text-decoration:underline; }
.navnumberNormal { font: normal 12px Arial, Helvetica, sans-serif; color:#6f6f6f; line-height:2.0em; }
.navnumberNormal a { color:#3f91b4; text-decoration:none; }
.navnumberNormal a:hover { text-decoration:underline; }

.navlist { font: normal 12px Arial, Helvetica, sans-serif; color:#6f6f6f; line-height:2.0em;list-style-image: url(../images/arrow.gif); }
.navlist a { color:#3f91b4; text-decoration:none; }
.navlist a:hover { text-decoration:underline; }
.navlistNormal { font: normal 12px Arial, Helvetica, sans-serif; color:#6f6f6f; line-height:2.0em; }
.navlistNormal a { color:#3f91b4; text-decoration:none; }
.navlistNormal a:hover { text-decoration:underline; }

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #cecece; padding:0; margin:8px 0; background:none;}
li2.bg2, .bg2 { clear:both; border-top:1px dashed #c7c7c7; padding:0; margin:15px 0; background:none;}