body {font-family:Arial,sans-serif; margin:0px auto; text-align:left; font-size: 12px;background-color:#01483d;color:#000; background-image: url('gfx/bg_body.jpg'); background-position: 50% 0; background-repeat: no-repeat; }
div#bg {width:980px; margin:0px auto; background: url('gfx/shadow.jpg') repeat-y}
div.center {width:960px;margin:0px auto;}
div#wrapper {padding:0px 10px;}

a { color: #03B96A; }
a:hover { color: #fff; }

.fr {float:right;}
.fl {float:left;}
div.clear {clear:both; line-height:0px;padding:0px;margin:0px}
.fw {font-weight:bold;}

div#logo {border:0px solid #f00;}
div#logo img {border:0px; float:left;}

#panorama { background-image: url('gfx/panorama3.jpg'); background-repeat: no-repeat; height: 310px; }
#transparent{ padding-top:271px;}
#opacity{
  opacity: .8;
  filter: alpha(opacity=80);
  background-color:#fff;
  height:40px;
  width:960px;
  padding: 0;
  margin: 0;
}
.leftalign { text-align: left; line-height:40px; padding-left:20px; }
div.flag {padding:0px 10px;float:right;height:40px;overflow:hidden}
div.flag a img {border:0px solid #000;margin:10px 0px 0px 5px}

div#flag a.active img {background-color: #fff;
		opacity: .90;
		filter: alpha(opacity=50);} 
div#flag img.active  {background-color: #fff;
		opacity: .90;
		filter: alpha(opacity=50);}     
div#flag a:hover img {background-color: #fff;
		opacity: .90;
		filter: alpha(opacity=90);} 
    div#flag a img {background-color: #fff;
		opacity: .50;
		filter: alpha(opacity=50);} 

h2 {font-size:17px;font-weight:normal;margin:0px;color:#979795;}
span.black {color:#211A10;}
div.projekat {background-color:#000;padding:2px 0px 1px 18px;color:#1e1b13;}
div.projekat div.pp {border:0px solid #f00;float:right;line-height:18px;}
div.projekat div.box_l {float:left;width:580px;padding:10px 5px 0px 0px;color:#fff;}
div.projekat div.p10 {color:#fff;} 
div.p10 {padding:10px 0px;}
div.zeleno {background-color:#03b96a;float:right;width:325px; padding-top: 15px; }
div.image {border:0px solid #f00;text-align:center;}
div.image img {border:3px solid #fff;margin-bottom:10px;}
h1 {font-size:16px;font-variant:small-caps;font-weight:normal;margin:0px ;}
span.gray {color:#6C6E6D;}

a.white {font-size:16px;font-variant:small-caps;font-weight:normal;text-decoration:none;}
a.white:hover {font-size:16px;font-variant:small-caps;font-weight:normal;text-decoration:underline;}

div.more {float:right;line-height:40px;text-align:left;}
div.more a {color:#000;text-decoration:underline;}
div.more a:hover {color:#000;text-decoration:none;}
div.more a.green {color:#1AD57E;text-decoration:underline;}
div.more a.green:hover {color:#1AD57E;text-decoration:none;}
span.green_b {color:#0C9061;font-weight:bold;}
span.green {color:#30E095;}
table {padding:0px;margin:0px;}
table tr.space td {height:4px;line-height:8px;}
table td {vertical-align:top;background-color:#ededed;}
table td.td_left {vertical-align:top;background-color:#C0DFDA;width:320px;}
table td.td_left div.left {background-color:#C0DFDA;border:0px solid #f00;}
table td.td_right {vertical-align:top;background-color:#C0DFDA;width:625px;border:0px solid #f00;}
div.plr10 {padding:0px 10px;}
div.image_r {padding-bottom:10px;}
div.image_r img {border:3px solid #fff;margin-right:7px;}
div#footer {background-color:#000;color:#fff;padding:1px 20px;}
div#footer div#footer_bg {background:url('gfx/footer.gif') repeat-x;line-height:89px;height:89px;width:960px;text-align:center;margin:0px auto;}
div#footer div#footer_bg ul {margin:0px; padding:0px;}
div#footer div#footer_bg ul li {display:block;padding:0px 10px;line-height:89px;text-decoration:none;float:left;margin:0px;background:url('gfx/dot.gif') right no-repeat;}
div#footer div#footer_bg ul li a{text-decoration:none;color:#fff;}
div#footer div#footer_bg ul li a:hover {text-decoration:none;color:#000;}
div#footer div#footer_bg div#footer_pad {text-align:center;width:800px;float:right;}

div.projekat_green {background-color:#000;padding:2px;}
div.projekat_green div.headline {background-color:#03b96a;width: 100%;}
div.projekat_green div.pp {border:0px solid #f00;float:right;line-height:18px;color:#fff;}
div.projekat_green div.box_l {float:left;width:580px;padding:10px 5px 0px 18px;}
div.projekat_green div.zeleno {background-color:#03b96a;float:right;width:320px;padding:5px 10px ;}
div.projekat_green div.zeleno_r {background-color:#03b96a;width:300px;/*height: 220px;*/font-size: 1.25em;padding: 50px 10px;/*float:right;padding:5px 10px ;  */}

div.projekat_gray {background-color:#D5D7D6;padding:2px;color:#1A1710;margin-top:2px;}
div.projekat_gray div.headline {background-color:#999;font-variant:small-caps;width: 100%;}
div.projekat_gray div.pp {border:0px solid #f00;float:right;line-height:18px;width:260px;}
div.projekat_gray div.box_l {float:left;width:580px;padding:10px 5px 10px 18px;}
div.projekat_gray div.gray {background-color:#999;float:right;width:320px;padding:5px 10px ;color:#fff;}
div.projekat_gray img {margin-right:18px;}

div.headline h1 {padding:10px 0px 10px 18px; }

div.detail { padding:0px;font-size:12px;text-align:center;}
div.detail ul {margin:10px 0px 10px 0px; padding:0px;}
div.detail ul li  {margin:0px; padding:0px}
div.detail ul li {display:inline;width:110px;text-decoration:none;float:left;width:110px;}
div.detail ul li a {text-decoration:none;color:#004b36;}
div.detail ul li a:hover {color:#004b36;text-decoration:underline;}
div.detail ul li.active a {color:#004b36;}
div.detail ul li.active a:hover {color:#004b36;text-decoration:underline;}
div.detail ul li.active a:visited {text-decoration:none;color:#004b36;}
div.detail ul li.active a:link {text-decoration:underline;color:#004b36;}
div.detail ul li.active a:active {text-decoration:underline;color:#004b36;}
sprat { border: 0px solid #f00; }
sprat div {vertical-align:top;padding:0px 10px 5px 0px;background-color:#C0DFDA}
.sprat div a.button span {
display:block;
float:left;
}
.sprat div a.button {
background:transparent url('gfx/box_line.gif') repeat-x scroll 0%;
color:#064441;
display:block;
float:left;
line-height:34px;
padding:0px;
text-decoration:none;
}
.sprat div a.button span.l {
background:transparent url('gfx/box_l.gif') no-repeat scroll left center;
padding:0px 25px;
}
.sprat div a.button span.r {
background:transparent url('gfx/box_r.gif') no-repeat scroll right center;
}

.sprat div a.button:hover {
cursor:pointer;
text-decoration:none;
}
.sprat div a#active, .sprat div td a.button:hover {
background:transparent url('gfx/box_line_a.gif') repeat-x;
color:#FFFFFF;
text-decoration:none;
}
.sprat div a#active span.l, .sprat div a.button:hover span.l {
background:transparent url('gfx/box_la.gif') no-repeat scroll left center;
}
.sprat div a#active span.r, .sprat div  a.button:hover span.r {
    background:transparent url('gfx/box_ra.gif') no-repeat scroll right center;}
.sprat div.detail {text-align:center;}
.sprat div.detail a {text-decoration:none;color:#004b36;}
.sprat div.detail a:hover {color:#004b36;text-decoration:underline;}
.sprat div.detail a.active {color:#004b36;text-decoration:underline;}
div.b_green {background-color:#C0DFDA;margin:0px 6px;background:url('gfx/bottom_box.jpg') repeat-x;padding:10px;}
span.white {color:#fff;}
a.white {color:#fff;}

div#header {background: url('gfx/menu_line.gif') repeat-x; }

#navcontainer { font-size: 16px; font-weight: normal; font-variant: small-caps; }

#navcontainer li { padding: 0px; margin: 0px;}

#navcontainer ul#navlist {padding:0px; margin:0px;}

#navcontainer ul
{
text-align: center;
color: #fff;
line-height:76px;
overflow:hidden;
height: 310px;
display: inline;
}

#navcontainer ul li
{
display: inline;
margin-right: 3px;

}

#navcontainer ul li a:link, #navcontainer ul li a:visited
{
font-size: 16px;
color: #fff;
text-decoration: none;
padding:30px 20px;
background:url('gfx/menu.gif') repeat-x ;
}



#navcontainer ul li a:hover
{
background: #1FD485;
color:#064441;
text-decoration: none;
padding:30px 20px;
}

#navcontainer ul#navlist li#active a
{
background: #1FD485;
color:#064441;
text-decoration: none;
}

/*div.zeleno {background-color:#03b96a;float:right;width:325px;padding:35px 5px 5px 5px;}*/
#container {
	position	: relative;
	top			: 0px;
	left		: 0px;
	width		: 300px;
	height		: 200px;
	background	: #03b96a;
	overflow	: hidden;
    float       : left;
}

#content {
	position	: relative;
	width		: 290px;
	left		: 0px;
    padding: 5px;
}

#scrollArea {
	left		: 318px;
    top         : 0px;    
	height		: 200px;
	width		: 15px;
	border		: 1px solid #01483d;
    background  : #1E1B13;
	overflow	: hidden;
}

#scroller {
	position	: relative;
    float       : left;

	width		: 15px;
	background-color	: #03B96A;
	background-image	: url('gfx/scroller.gif');
	border		: 1px solid #01483d;
}

.white span.highlight {color:#6C6E6D;}
.black span.highlight {color:#30E095;}
.vizitka { width: 305px; border-left: 1px solid #30E095; float: left; padding: 10px 5px;height:110px }


/*ul#submenu
{
text-align: left;
color: #fff;

display: block;
padding:0px;
margin:0px;
line-height:20px;

}

ul#submenu li
{
display: block;
margin:2px 0px;


}

ul#submenu li a:link, ul#submenu li a:visited
{
color: #fff;
text-decoration: none;

padding:2px 0px 2px 15px;

}

ul#submenu li a:hover
{
color:#064441;
text-decoration: none;

background: #000;
text-decoration: none;
padding:2px 0px 2px 15px;


}

ul#submenu li.active a
{
background: #000;
color:#064441;
text-decoration: none;
}*/

div.box_l a img {border:2px solid #03B96A}
div.box_l a:hover img {border:2px solid #fff}

div.galerija li {padding:0px;margin:0px;}
div.galerija ul#submenu {padding:0px;margin:0px}
div.galerija ul {text-align: left;
color: #fff;
line-height:20px;
overflow:hidden}
div.galerija ul li {list-style:none}
div.galerija ul li a:link, ul li a:visited
{
color: #fff;
text-decoration: none;

padding:2px 0px 2px 15px;


}
div.galerija ul li a:hover
{
color:#064441;

text-decoration: none;
padding:2px 0px 2px 15px;

}
div.galerija ul#submenu li,div.galerija ul#submenu li.active {
width: 100%;
border-bottom: 1px solid #000; padding: 3px;
}
div.galerija ul#submenu li.active 
{
background: #000;
color:#064441;
text-decoration: none;
}

ul.onama {margin:7px 0px;padding:0px 0px 0px 30px;}
ul.onama li {list-style-type:disc;}

div.project_black {}
div.project_black ul li {padding:5px 0px;margin:0px}
div.project_black li {list-style-type:none;}
div.project_black ul {padding:0px 0px 10px 0px;margin:0px}
div.project_black ul li a {color:#fff;text-decoration:none;}
div.project_black ul li a:hover {color:#1AD57E;text-decoration:none;}

div.gallery {border:0px solid #f00;font-size:14px;padding:10px 0px}
div.gallery a {color:#03B96A;text-decoration:none;padding:10px 0px 10px 0px;}
div.gallery a:hover {color:#fff;text-decoration:none;padding:10px 0px 10px 0px;}