#MyLayer {width: 1000px; margin: 0 auto; }
#MyLayer p { line-height: 21.7; margin: 10px 30px; }

body {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #494949; margin:0; padding:0; font-size: 1}
BODY, HTML {height: 100%}
textarea {font-family: Tahoma, Arial, Helvetica, sans-serif; background-color: white}
table {font-size: 100%}
img {border:0; margin:0}
// a {text-decoration:underline;color:#8797dc}  // ovo je za bojanje lika u plavo
// a:hover{text-decoration:none;color:#8797dc}
form {padding:0;margin:0}
h3 {color:#6e96dc; font-size:100%}
input {background-color: white}


UL {
	list-style-type: none;
	margin: 2px 2px 2px 20px;
	padding: 0px;
	list-style-image:url(./images/mk_text_list2.jpg)
}

li {padding-bottom: 1px; padding-top:1px}

lix {
	list-style-type: none;
	margin: 10px 2px 2px 20px;
	padding: 0px;
	list-style-image:url(./images/mk_text_list2.jpg)
	padding-bottom: 0px; padding-top:0px
}

p {padding-top: 40px; margin-top: 40px}

#table_outer {height: 100%; width:100%}
#table_outer tr {vertical-align:top}
#table_outer tr.top {height: 100%; background-color:white}
.wrapper {clear:both;margin:0;padding:0;min-width:995px;width:expression(document.body.clientWidth>995?"100%":"995px") }
/*.wrapper {clear:both;margin:0;padding:0;min-width:1000px;width:100%}*/
#top {clear:both;margin:0;padding:0; height: 3px; border-bottom: 1px solid white}
#top .left {clear:both;margin:0;padding:0; width: 225px; border-right: 1px solid white; background-color: #69c60d; height:3px}

#top_inner {clear:both;margin:0;padding:0; height: 18px; border-bottom: 1px solid white; background-color:#759fe9}
#top_inner .left {clear:both;margin:0;padding:0; width: 225px; border-right: 1px solid white; background-color: #69c60d; height:18px}
#top_inner .left .item {font-size: 10px; background: url(./images/bg_ico2.jpg) no-repeat left center; padding: 4px 2px 0px 10px; float:left; margin-left: 8px; line-height: 1em}
#top_inner .left .item a {color: white; text-decoration:none}

#header {height: 143px; background: #65BEFB url(./images/bg_header.jpg) repeat-x bottom left}
#header .left {width: 22%; float: left}
#icons {text-align: center; padding-top: 10px; white-space: nowrap; margin-top:10px}
#icons .item {background: url(./images/bg_ico.jpg) no-repeat top left; padding: 7px; margin-left: 20px; display: inline}
#header .right {width: 78%; float: left}
#header .right .position {float: right; padding-right: 35%}


#header_informer {background: #759fe9 url(./images/bg_footer.jpg) repeat-x top left; border-left: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white}
#header_informer .conteiner {background: url(./images/bg_hd_inf_face.jpg) no-repeat bottom right; padding: 10px 100px 10px 10px; color: white; font-size: 10px; magrin:0px; line-height: 13px}
#header_informer .buttons {height: 27px; white-space:nowrap; border-top: 1px solid white; padding:0; background-color: white}
#header_informer .buttons img {vertical-align:middle; margin:0}

#logo {position: absolute; top: 125px; left:inherit; height: 67px; width: 230px}
#logo .logo_right {background: url(./images/bg_logo_right.png) no-repeat top right;  height: 67px}
#logo_sdw {position: absolute; top: 115px; background: url(./images/bg_logo_sdw.png) no-repeat top left; height: 67px; width: 7px}
.logo_position {padding: 0px}

/**/

#path {color: #818181; padding:0; margin:0; margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #dbe1eb}
#path span {margin-left: 5px; margin-right: 5px}

#body {background-color: white}
#body .container {width: 100%; float: left;	margin-right: -225px;	background-color: white}
#body .container .content {margin-left: 225px; margin-right: 225px; background-color: white}
#body .container .content .main {padding: 12px 18px 18px 18px; line-height: 1.4em; text-align:justify}
#body .container .left {width: 225px;	float: left}
#body .container .left .position {padding: 8px 10px 10px 10px}
#body .right {width: 225px; float: right}
#body .right .position {padding: 8px 10px 10px 10px}

#map {background-color: white; border-top: 1px solid #dce2ec;}
#map .container {clear:both; width: 100%; float: left;	margin-right: -22%;	background-color: white}
#map .container .content {margin-left: 22%; margin-right: 22%; background-color: white}
#map .container .content .main {padding: 5px; text-align:center}
#map .container .content .main a {color: #6e9be9; text-decoration:underline}
#map .container .content .main a:hover {color: #74c234; text-decoration:underline}
#map .container .content .main span {color: #5a7bb4; padding: 0px 8px 0px 8px}
#map .container .left {width: 22%;	float: left}
#map .right {width: 22%; float: right}

/**/
#main_nav {background: #688dcf url(./images/bg_main_menu.jpg) repeat-x bottom left; height: 37px; border-top: 1px solid white}
#main_nav .container {width: 100%; float: left;	margin-right: -225px}
#main_nav .container .content {margin-left: 225px; margin-right: 225px}
#main_nav .container .content .main {}
#main_nav .container .content .main .menu_sep {float: left; border-top: 3px solid #688dcf; width: 1px}
#main_nav .container .content .main .menu_sep img {margin:0;margin-top:12px}
#main_nav .container .content .main .menu_sep_selected {float: left; border-top: 3px solid #7fcd31; width: 1px}
#main_nav .container .content .main .menu_sep_selected img {margin:0;margin-top:12px}

#main_nav .container .content .main .menu_item {float: left; border-top: 3px solid #688dcf; cursor:pointer; cursor:hand}
#main_nav .container .content .main .menu_item_selected {float: left; border-top: 3px solid #7fcd31; cursor:pointer; cursor:hand}
#main_nav .container .content .main .menu_item img {margin-top: 12px; margin-left: 8px; margin-right: 8px}
#main_nav .container .content .main .menu_item_selected img {margin-top: 12px; margin-left: 8px; margin-right: 8px}
#main_nav .container .left {width: 225px;	float: left}
#main_nav .right {width: 225px; float: right}
#main_nav .main_menu_outer {padding-left: 8px}


/* inforner block */
.informer_block {clear:both; background-color: #fafafa; font-size: 10px}
.informer_block .hd {background: url(./images/bg_inf_hd.jpg) repeat-x top;margin:0;padding:0;clear:both; height:26px}
.informer_block .hd .inner {background: url(./images/0white.jpg) no-repeat top right; margin:inherit; padding:inherit}
.informer_block .hd .inner .title {background: url(./images/bg_inf_title.jpg) no-repeat top left; padding:7px 0px 3px 10px; margin:inherit; color: white; font-weight:bold}
.informer_block .hd .inner .title img {margin-top: 0}

.informer_block .left_b {clear:both;margin:0;padding:0px; background: url(./images/bg_inf_line.jpg) repeat-y left}
.informer_block .left_b .right_b {clear:both;margin:0;padding:0; background: url(./images/bg_inf_line.jpg) repeat-y right}
.informer_block .left_b .right_b .bottom {background: url(./images/bg_inf_bb.jpg) repeat-x bottom;margin:0;padding:0;clear:both}
.informer_block .left_b .right_b .bottom .inner {background: url(./images/bg_inf_bl.jpg) no-repeat bottom left; margin:inherit; padding:inherit;clear:both}
.informer_block .left_b .right_b .bottom .inner .bg {background: url(./images/bg_inf_br.jpg) no-repeat bottom right; margin:inherit; padding:inherit;clear:both}
.informer_block .left_b .right_b .informer_content {padding: 10px 10px 0px 10px; margin:inherit}

/* news list in block */
.news_container {border-bottom: 1px solid #dbe1eb; margin-bottom: 10px}
.news_container .date {color:#8c9bdd; font-weight:bold; padding-bottom: 3px}
.news_container .title {color:#69b12b; font-weight:bold; line-height: 13px}
.news_container .title a {color:#69b12b}
.news_container .annotation {padding:inherit;margin:inherit}
.news_container p {margin-top: 3px}

.case_studies_container {border-bottom: 1px solid #dbe1eb; margin-bottom: 9px}
.case_studies_container .title {color:#69b12b; font-weight:bold; line-height: 12px; padding-bottom: 3px}
.case_studies_container .title a {color:#69b12b}
.case_studies_container p {margin-top: 4px; margin-bottom:4px }

.selected_link1 {margin:0;color: #84cf39; font-weight:bold; background: url(./images/mk_side_menu_1_act.jpg) no-repeat left center; padding-left: 10px; line-height: 12px; margin-bottom: 7px}
.selected_link {margin:0;color: #84cf39; background: url(./images/mk_side_menu_2_act.jpg) no-repeat left center; padding-left: 10px; line-height: 12px; margin-bottom: 7px}

.simple_link1 {margin:0;background: url(./images/mk_side_menu_1.jpg) no-repeat left center; padding-left: 10px; line-height: 12px; margin-bottom: 7px}
.simple_link {margin:0;background: url(./images/mk_side_menu_2.jpg) no-repeat left center; padding-left: 10px; line-height: 12px; margin-bottom: 7px}
.simple_link1 a {color: #6f93d3; font-weight:bold}
.simple_link a {color: #6f93d3}

.active_link1 {margin:0;font-weight:bold; background: url(./images/mk_side_menu_1_act.jpg) no-repeat left center; padding-left: 10px; line-height: 12px; margin-bottom: 7px}
.active_link {margin:0;background: url(./images/mk_side_menu_2_act.jpg) no-repeat left center; padding-left: 10px; line-height: 12px; margin-bottom: 7px}
.active_link1 a, .active_link1 a:hover {color: #84cf39}
.active_link a, .active_link a:hover  {color: #84cf39}


/* sections */
.section1 {margin-bottom: 10px}
.section1 .hd {border-bottom: 2px solid #FF0000; background: url(./images/bg_section1.jpg) no-repeat 100% 40%}
.section1 .item {border-bottom: 1px solid #dbe1eb; padding: 5px 2px 7px 0px; margin: 0 0 3px 0}
//.section1 .item a {color:#8797dc; text-decoration:underline}
//.section1 .item a:hover {color:#8797dc; text-decoration:none}
.section1 img {margin-bottom: 5px}

/* links */
.link1 {background: url(./images/mk_link1.jpg) no-repeat 0 65%; padding-left: 15px}
//.link1 a {color: #8797dc; text-decoration: underline}
//.link1 a:hover {color: #8797dc; text-decoration: none}

.link2 {background: url(./images/mk_link2.jpg) no-repeat 0 65%; padding-left: 15px}
.link2 a {color: #6db61f; text-decoration: underline}
.link2 a:hover {color: #6db61f; text-decoration: none}

.section2 { padding:0px; margin: 0px}
.section2 p { padding:0px; margin: 0px}
.section2 .hd {background: url(./images/bg_section2.jpg) no-repeat 0 50%; padding-left: 25px; color: #7fcd31; font-weight: bold; margin-bottom: 5px}
.section2 .hd a {color: #7fcd31}
.section2 .date {color:#8c9bdd; padding-bottom: 3px}
.section2 .rubrics {color: #8c9bdd; font-weight:normal}
.hr1 {background: url(./images/bg_sep1.jpg) repeat-x;margin-top: 10px; margin-bottom: 10px}

.person_info_block {margin-bottom: 25px; float:left}
.person_info {float:left; border-bottom: 1px solid #D0CCD8; padding: 10px 0 5px 0; margin-top: 15px; background-color:#F2F2F5; width:100%}
.person_info .left_b {float: left; padding-left:5px}
.person_info .right_b {float: right; padding-right:5px}
// Boja fonta u headeru
.portfolio_section {padding: 0px; margin: 0px}
.portfolio_section .hd {background: url(./images/bg_section3.jpg) no-repeat 0 50%; padding-left: 25px; color: #DF9700; font-weight: bold; margin-bottom: 5px; margin-top: 25px}
.portfolio_section .hd2 {text-align:right; color: #6e9be9; font-weight: bold; white-space:nowrap}
.portfolio_section .properties {border: 1px solid #dee4ed; padding: 5px; margin-bottom:10px}
.portfolio_section .properties .left_block {text-align:center; padding: 10px 20px 10px 20px}
.portfolio_section .properties .left_block img {border: 1px solid #dadada; vertical-align:middle}
.portfolio_section .properties .right_block {padding: 10px 20px 10px 20px}
.portfolio_section .properties .right_block .highligts {padding: 5px 5px 5px 10px; background-color: #ebeff4; color: #688dcf; font-weight: bold}
.portfolio_section .properties .right_block .item {border-bottom: 1px solid #dee4ed; padding: 5px 5px 5px 10px}
.portfolio_section .properties .right_block .last {border-bottom: none}
.portfolio_section .properties .right_block span.title {font-weight: bold; color:#69c60d}
.portfolio_section p {padding-bottom: 0px; margin-bottom: 0px}

.portfolio_section .links {}
.portfolio_section .links span {margin-left:5px; margin-right:5px; color:#cbd1da}
//.portfolio_section .links a {color: #8797dc; font-weight:bold}


#footer {background: #759fe9 url(./images/bg_footer.jpg) repeat-x top left;  border-top: 3px solid #c6d8f7; color: white;  font-size: 90%; float:left; width:100%}
#footer .container {clear:both; width: 100%; float: left;margin-right: -225px}
#footer .container .content {margin-right: 225px}
#footer .container .content .main {padding: 5px 5px 5px 15px}
#footer a {color: white; text-decoration:underline}
#footer a:hover {color: white; text-decoration:none}
#footer .container .content .main span {color: #5a7bb4; padding: 0px 8px 0px 8px}
#footer .right {width: 225px; float: right; text-align:right}
#footer .right .pos {text-align:left; width:220px; float:right}

#search {padding: 5px 5px 0px 10px}
#search .input {font-size: 11px; vertical-align:middle; width:70%; border-left:1px solid #a2bae4; border-top:1px solid #a2bae4}
#search .button {vertical-align:middle; padding:0; margin:0}
#search .span {vertical-align:middle}

.f-text {line-height: 12px; font-size: 100%; width: 345px; border:1px solid #d5d8de; color:#595959}
.f-textarea {line-height: 12px; font-size: 100%; width: 345px; height: 100px; border:1px solid #d5d8de; color:#595959}
.butt {
font-size: 95%;
background-color: #6e96dc;
border-bottom: solid 2px #5888dc;
border-right: solid 2px #5888dc;
border-top: solid 2px #86a5dc;
border-left: solid 2px #86a5dc; 
color: white; font-weight:bold}


.mandatory {color: #B21919}
.info {color: #006600; font-weight: bold}
.error {color: #B21919; font-weight: bold}

TABLE.table {width: 100%}
TABLE.table TD {border-left: 1px solid #D0CCD8; border-top: 1px solid #D0CCD8; padding: 5px}
TABLE.table TR.header TD {font-weight: bold; background-color: #F2F2F5} 
TABLE.table {border-right: 1px solid #D0CCD8; border-bottom: 1px solid #D0CCD8}

/***************/
DIV.menu-sh {
	border-right: #698fd2 2px solid; border-top: #698fd2 2px solid; background-color: #fafafa; border-left: #698fd2 2px solid; border-bottom: #698fd2 1px solid;
}
TABLE.tab-menu-sh {
	font-weight: normal; font-size: 100%
}
TABLE.tab-menu-sh TD {
	border-bottom: #698fd2 1px solid
}
TD.blk-menu-sh {
	padding-right: 20px; background-position: right center; padding-left: 5px; padding-bottom: 0px; padding-top: 0px; background-repeat: no-repeat; cursor: pointer; cursor: hand
}
TD.blk-menu-sh-act {
	padding-right: 20px; background-position: right center; padding-left: 5px; padding-bottom: 0px; padding-top: 0px; background-repeat: no-repeat; cursor: pointer; cursor: hand
}
TD.blk-menu-sh {
	color: #5c667d
}
TD.blk-menu-arr {
	background-image: url(/images/arr.jpg)
}
TD.blk-menu-arr-act {
	background-image: url(/images/arr-act.jpg)
}
TD.blk-menu-sh-act {
	color: white; background-color: #729be3
}
DIV.blk-menu {
	position: absolute
}

TABLE.maxw .nav-butt IMG { margin-left: 2px; margin-right: 1px}