@charset "utf-8";

html,body 
{	margin:0;padding:0}
body{font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 13px; background-color: #a2a2a2;}
a{color: #099; text-decoration:none;}
a:hover{color: #09F; text-decoration:none;}
img, div { behavior: url(http://www.beobuild.rs/iepngfix.htc) }

a img{ text-decoration:none; border: 0px;}

 hr.news { 	
	color: #fff;
	background-color:none;
	border-style: solid;
	border-width:1px 0px 0px 0px;
	border-color: #f5f5f5;
	margin:10px;
	margin-left: 0px;
	margin-right: 0px;
	width: 100%; }

div#mother{ background-image: url("img/bg-second.jpg");
background-repeat: repeat-y;
margin: 0 auto;
width: 1013px;  }

div#navigator
{	height:55px; margin:0; padding: 0px;
	background-image: url(img/top-head.jpg);}
	
div#navigator.remar
{	background-image: url(img/top-head-remar.jpg);}

div#navigator-master
{	height:30px; margin:0; padding: 24px 0px 0px 905px;
	float: left;
	color: #FFF; text-transform:uppercase; letter-spacing: 2px; font-size:10px}
	
div#navigator-master.remar
{	padding: 24px 0px 0px 764px;}

div#navigator-master a {
	color: #fff;}
	
div#navigator-master a:hover {
	color: #6CF;}

div#header
{	height:197px; margin:0; padding: 0px;
	background-image:url(img/bg-head.jpg);}

div#header.remar
{	background-image:url(img/bg-head-remar.jpg);}
	
div#header-navigator
{	height:20px; margin:0px 0px 0px 17px; padding: 165px 0px 0px 0px;
	color: #FFF; text-transform: normal; letter-spacing: 1px; font-size:12px; font-weight: normal;}

div#header-navigator a {
	color: #fff;}
	
div#header-navigator a:hover {
	color: #6CF;}
	
div#header-navigator a.current {
	color: #6CF;}

div#container
{	margin: auto;
	text-align:left;
	background-color: #222222;}

div#container
{	width:990px;
	margin: 0 0px 0px 10px}

div#content
{	float:right; width:542px; padding: 0px 0px 0px 10px;
	background-image:url(img/bg-second_right.jpg); background-repeat: no-repeat; background-color:#222222;
	color: #FFF}
	
div#content.remar
{	background-image:url(img/bg-second_right-remar.jpg); background-repeat: no-repeat;}
	
div#content-short
{	float:right; width: 272px; #width:266px; padding: 0px 0px 0px 0px; margin: 0px; background-position: top right;
	background-image:url(img/bg-second_right_short.jpg); background-repeat: no-repeat; background-color:#222222;
	color: #FFF}
	
div#content-short.remar
{	float:right; width:266px; padding: 0px 0px 0px 10px;
	background-image: url(img/bg-second_right_short-remar.jpg); background-repeat: no-repeat; background-color:#222222;
	color: #FFF}
	
div#gadget
{	width: 265px;
float: left; display:block;
font-size: 13px;
 }
 
div#gadget-progressomat
{	width: 100%;
float: left; display:block;
font-size: 13px;
height: 100px;
margin-top: -11px;
 }
 
div#gadget-wide
{	width: 100%;
float: left; display:block;
font-size: 13px;
 }
 
div#gadgetwrapper {
	clear: both; }

div#info
{	background:#fff; background-image:url(img/top-second_left.jpg); background-repeat:no-repeat}

div#info.remar
{	background:#fff; background-image:url(img/top-second_left-remar.jpg); background-repeat:no-repeat}

div#info
{	float:left;width:438px}

div#info-long
{	float:left;width:714px;}
div#info-long
{	background:#fff; background-image:url(img/top-second_left.jpg); background-position:top right; background-repeat:no-repeat}

div#info-long.remar
{	background:#fff; background-image: url(img/top-second_left-remar.jpg); background-position:top right; background-repeat:no-repeat}

div#extra
{	background:#e5e5e5; background-image:url(img/bottom-maine_other.jpg); background-position:bottom; background-repeat:no-repeat;}

div#extra
{	float:left; width:438px}

div#extra-long
{	background:#e5e5e5; background-image:url(img/bottom-maine_other.jpg); background-position:bottom right; background-repeat:no-repeat;}

div#extra-long
{	float:left;width:714px}


div#extra-addendum
{	background:#222222;
	color: #FFF;}

div#extra-addendum
{	float:left;width:438px}

div#footer
{	clear: both; width:1013px; text-align:center; font-size: 12px; }

div#footer
{	background: none; height: 55px; color: #666;); background-position:bottom; background-repeat:no-repeat}

div#footer
{	margin: 0px 0px 0px 0; padding: 20px 0px 0px 0px;;}

div#extern {
	background-image:url(img/bg-extern.jpg); width: 188px; height:640px; padding: 0px; display: none;
	position: absolute; left: 1000px; top: 53px;}
	
div#extern2 {
display: block;
height: 60px;
left: 50%;
padding: 0;
position: absolute;
top: 146px;
width: 480px;}

div#extern img.imgspace {
	margin: 0px; margin-left: 10px; padding: 0px;}
/* Naslovi & Textovi */
h1 {
	font-size: 22px; font-style:normal;	font-weight: normal;
	border-bottom: 1px solid #ededed;
	margin: 10px 10px; padding: 3px 10px;
	text-align: left;}
	
h2 {
	font-size: 18px; font-style:normal;	font-weight: normal;
	border-bottom: 1px solid #ededed;
	margin: 17px 10px 10px 10px; padding: 3px 10px; text-align: left; clear:both}
	
h2.side {
	font-size: 16px; font-style:normal;	font-weight: normal;
	border-bottom: 1px solid #ededed;
	margin: 0px; padding: 9px; text-align: left; clear:both}
	
	
h3 {
	font-size: 18px; font-style:normal;	font-weight: normal; text-align: left; line-height: 23px;
	border-bottom: 1px solid #ededed;
	margin: 3px 10px 0px 10px; padding: 3px 10px;}
	
h4 {
	font-size: 18px; font-style:normal;	font-weight: normal;
	border-bottom: 1px solid #ededed;
	margin: 0px 10px 10px 0px; padding: 3px 10px;}
	
	
h4.pdf { background-image:url("http://www.beobuild.rs/visuals/data/media/6/100912-ICONPDF-01.gif");
background-position:left center;
background-repeat:no-repeat;
border-bottom:1px solid #EDEDED;
font-size:14px;
font-style:normal;
font-weight:normal;
margin:0;
padding:22px 0 22px 55px; }
	
h6 {
	font-size: 16px; font-style:normal;	font-weight: normal;
	border-bottom: 1px solid #444;
	margin: 24px 10px 10px 10px; padding: 3px 10px 3px 0px; text-align: left}
	
h1.extra {
	font-size: 16px; 
	border-bottom: 1px solid #CCC;}

h1.containers {
	font-size: 16px; 
	border-bottom: 1px solid #666;
	margin: 10px 0px 6px 0px;}
	
h1.containers-left {
	font-size: 16px; 
	border-bottom: 1px solid #666;
	margin: 6px 0px 6px 10px;}

h1.inform {
	font-size: 18px; 
	border-bottom: 0px solid #666;
	margin: -3px 0px -6px -10px;}

h1.sub {
	font-size: 12px; 
	border-bottom: 1px solid #666;
	margin: -3px -10px 6px -10px;}

h1.datum {
	font-size: 12px;
	border-bottom: none; margin: -10px 10px 0px 0px;}

h1.datumalt {
	font-size: 12px;
	border-bottom: none; margin: 0px 10px 2px 7px;}

h1.datum-sub {
	font-size: 12px;
	border-bottom: none; margin: -10px 10px 0px 10px;}
	
div.quote {
	background: #f7f7f7;
	border-color: #EDEDED; border-width: 1px; border-style: none solid solid none;
	font-size: 12px; font-style: normal;
	margin: 0px 0px 0px -10px; padding: 4px 0px 4px 19px; clear:both; }
	
div.side {
	background: #f7f7f7;
	border-color: #EDEDED; border-width: 1px; border-style: none none solid none;
	font-size: 12px; font-style: normal;
	margin: 0px -10px 0px 14px; padding: 0px; width: 320px; float:right; clear:both }
	
div.quote1 {
	background: #F7F7F7;
	border-color: #EDEDED; border-width: 1px; border-style: none solid solid none;
	font-size: 12px; font-style: normal;
	margin: 0px 11px 0px -10px; padding: 4px 0px 4px 19px; }
	
/** TX FIELD! **/
div#tx-field {
	line-height: 20px; text-align: justify;
	font-size: 13px;
	margin: 0px 10px; padding: 3px 0px;
	color: #333;}

div#tx-field p {
	margin: 0px;
	padding: 0px;
	color: #000;
}

div#tx-field-projects {
	line-height: 16px; text-align: justify;
	font-size: 13px;
	margin: 10px 15px 10px 0px; padding: 3px 0px;
	background-color: #f5f5f5;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color:#EDEDED;}
	
div#tx-field img.news {
	padding: 0px; margin: 10px; border-width: 0px; border-style:solid; border-color: #999; float: right;}
	
div#tx-field img.overicon {
	padding: 0px; margin: -48px 10px 10px 10px; border-width: 0px; border-style:solid; border-color: #999; float: right;}
	
div#tx-field img.lefty {
	padding: 0px; margin: 6px 0px 0px 0px; border-width: 0px; border-style:solid; border-color: #999; float: left;}
	
div#tx-field img.gleft {
	padding: 0px; margin: 10px; border-width: 0px; border-style:solid; border-color: #999; float: left;}
	
div#tx-field img.gright {
	padding: 0px; margin: 10px 0px 10px 10px; border-width: 0px ; border-style:solid; border-color: #999; float: right;}

div#gadget-tx-field {
	line-height: 20px; text-align: justify;
	margin: 0px; padding: 5px 10px;}
	
div#gadget-img-field {
	line-height: 20px; text-align: center;
	margin: 0px; padding:  5px 10px 10px 10px; border-bottom: 0px solid #666;}

div#gadget-img-fieldnobrd {
	line-height: 20px; text-align: center;
	margin: 0px; padding:  5px 10px 10px 10px; border-bottom: none;}
	
.spacing-right {
	padding-right: 20px; }
	
.spacing-right-lite {
	padding-right: 10px; }
	
div#tweet {
padding-left: 0;
margin-left: 0;
}

div#tweet li {
list-style: none;
margin: 0;
padding: 0px;
border-bottom: 1px solid gray;}

div#tweet ul { padding: 0px; margin: 0px; text-align:left}

div#tweetclip {
padding-left: 0;
margin-left: 0;
}

div#tweetclip li {
list-style: none;
margin: 0;
padding: 0px;
border-bottom: 1px solid gray;}

div#tweetclip ul { padding: 0px; margin: 0px; text-align:left}

div#tweetlive {
padding: 10px 0px;
margin-left: 0;
}

div#tweetlive li {
list-style: none;
margin: 0;
padding: 0px;
border-bottom: 1px solid gray;}

div#tweetlive ul { padding: 0px; margin: 0px; text-align:left}

div.focus { margin:auto; text-align:center}

/* EXPORT STIL EXP */
#pagination {
background-color:#EFEFEF;
border-color:#CCCCCC;
border-style:solid;
border-width:0 1px 1px 0;
float:right;
margin:0 6px 11px 0;
padding:5px;
text-align:center;
}
.t-thumb {
	width: 100px;
	height: 75px;
	margin: 1px;
	border: 10px solid #f4f4f4;
	border-top: 12px solid #f4f4f4;
	border-bottom: 13px solid #f4f4f4;
	background: #f4f4f4;
	padding: none; }
	
.t-thumb:hover {
	margin: 1px;
	border: 10px solid #FFDCBF;
	border-top: 12px solid #FFDCBF;
	border-bottom: 13px solid #FFDCBF;
	text-decoration: none;
	}

a.tb {
	float:left;
	display:block;
	width:107px;
	height:85px;
	margin: 1px;
	background-position:center;
	background-repeat: no-repeat;
	background-color: #ccc;
	border-color: #cccccc;
	border-style:solid;
	border-width: 0px 1px 1px 0px;}
	
a:hover.tb {
	width:93px;
	border-width: 0px 15px 1px 0px;
	border-right-color: #03C}

#tabber {
	border: 1px solid #ccc;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	width: 100%;
	margin-bottom: 1px;
	margin-top: 1px;
	padding: 10px;
	padding-right: 0px;
	padding-left: 0px;
}

.myinfo{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 5px 5px 5px 20px;
margin: 0px 0px -10px -10px;
background: #ededed;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #CCC;
color: #0066CC;
}

.openinfo{ /*class added to contents of 1st demo when they are open*/
color: #000000;
padding: 5px 5px 15px 20px;
background: #f5f5f5;
border-color: #ededed;
}  

.myinfo1{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
	padding: 5px 5px 5px 20px;
	margin: 0px 14px 8px 0px;
border: 1px;
border-style: none solid solid none;
border-color: #ccc;
background-color: #ededed;
}

.openinfo1{ /*class added to contents of 1st demo when they are open*/
color: #000000;
padding: 5px 5px 10px 20px;
}  
 

.imagemap {
	float: right;
	background-color: #f8f8f8;
	border: 0px solid #cccccc;
	margin: 0px 0px 5px 10px;
	padding: 10px;
}