body { padding: 0; margin: 0; font: 0.7em Tahoma, Arial, sans-serif; line-height: 1.6em; background: #fff; color: #454545; text-align: center; word-wrap:break-word; }

/* links */
a { color: #003B6E; background: inherit; }
a:hover { color: #9EC068; background: inherit; }	

/* headings */
h1 { font: bold 4em 'Trebuchet MS', Arial, Sans-serif;	color: #006699;}
h2 { font: bold 2em Arial, Sans-Serif; margin: 0; padding: 0; }

/* lists and form elements */
ul { margin: 0; padding : 0; list-style : none; }
form { margin: 0; }


/* content holder */
#content { margin: 0 auto; width: 960px; padding: 0; }

/* header */
#header {
	position: relative;
	height: 85px;	
	background: #fff url(headerbg.gif) repeat-x 0% 100%;	
}
#header h1#logo {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 3.65em 'Trebuchet MS', Arial, Sans-serif;
	color: #006699;
	letter-spacing: -2px;
	text-transform: lowercase;
	top: 0; left: 5px;
				
}
#header h1#slogan {
	position: absolute;	 
	margin: 0; padding: 0;
	top:47px; left: 5px;
	color: #006699;
	text-indent: 0px;
	font: bold 1em Tahoma, 'trebuchet MS', Sans-serif; 
	text-transform: none;	
}

.orange { color: #ff6600; letter-spacing:0.05em  }
.green { color: #9EC068; }


/* horizontal tabbed menu */	
#tabs { background: #fff url(images/bigbox.gif) no-repeat top left; color: #000;  height: 64px;  padding: 0 0 0 270px; }

#tabs li { display: inline; height: 45px; }
#tabs li a { float: left; background: url(images/barbg.gif) no-repeat; color: #808080; padding: 7px 0; width: 83px; text-align: center; font-weight: bold; text-decoration: none; }
#tabs li a:hover { background: url(images/barcurrent.gif) no-repeat; color: #000; }	
#tabs li a.current { background: url(images/barcurrent.gif) no-repeat; color: #2C71AE; }	


/* search form */
#search { 
	float: left;
	clear: both;
	color: #000;
	background: transparent url(images/searchbg.gif) no-repeat;
	padding: 14px 0 20px 5px;
	width: 410px;
	margin: 5px 0 0 0;
}
	#search p { padding: 0; margin: 0; }

.oznaka {clear: both; margin: 35px 0 0 0; font-size: 1.3em; font-weight: bold; color: #006699; }



/* grey subheader */
.gboxtop { clear: both; height: 8px; background: #dedede url(images/gboxtop.gif) no-repeat; color: #000; margin-top: 10px }
.gbox { background: #dedede url(images/gbox.gif) no-repeat bottom left; color: #444; padding: 1px 13px 7px 13px; margin: 0 0 20px 0; }
.gbox p { padding: 0; margin: 0;}


/* main */
#main {
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 960px;
	text-align: justify;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}


/* left side */
#left { float: left; width: 198px; margin: 0;	text-align: justify}

		
/* right side */
#right { float: right;  display: inline;  width: 198px; margin: 0; text-align: justify;}
#right img {padding: 5px}
#right center {padding-bottom: 10px}
	.articles {
		margin: 0 10px 10px 10px;
		padding: 0;
		text-align: justify;
		color: #000;
	}


/* center side */
#center {
	float: left;
	width: 560px;
	margin: 0; 
	text-align: center;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;

}

#left, #right, #center {padding-bottom: 32767px; margin-bottom: -32767px}

/* footer  */
.footer { clear: both; text-align: center; line-height: 1.8em; padding: 0; margin: 0; border-top: 1px solid #ccc; }


/* table  */

table {width: 540px; padding: 0px; border: none; margin-top: 20px; font-family: verdana; }
table tr.siv {height: 17px; line-height: 17px; background: #B0C4DE; vertical-align: middle; text-align: middle}
table tr.beo {height: 22px; vertical-align: top; text-align: top; }

table td.a11 {width: 20px; }
table td.a12 {width: 20px; text-align: right; float:right; color:#fff; padding-right:2px; font-weight: bold; }
table td.a13 {width: 220px; font-weight: bold; vertical-align:middle}
table td.a14 {width: 300px}
table td.a14 p {float:left; color:yellow; font-weight: bold}
table td.a23 {font-style: italic}
table td.a24 p {color: #666666}

table img {border: 1px solid #B0C4DE}
table p {margin: 0; padding:0 5px 0 5px; color:#000; float: right; }
table sup {color: #666666; display: inline; padding: 0 5px 0 5px; }


/* headers */

#center h4 {font: bold 1.3em 'Arial'; color:#fff ; text-align:center; background: #006699 url(images/h4.gif) repeat-x; line-height: 30px; margin: 0; margin-bottom: 10px}
#left h4 {font: bold 1.3em 'Arial'; color:#fff ; text-align:center; background: #006699 url(images/h4left.gif) repeat-x; line-height: 30px; margin: 0; margin-bottom: 10px}
#right h4 {font: bold 1.3em 'Arial'; color:#fff ; text-align:center; background: #006699 url(images/h4left.gif) repeat-x; line-height: 30px; margin: 0; margin-bottom: 10px}

h5 {margin: 0; padding:0 5px 0 5px; color:#000; font-size: 1em; float: right; font-weight: normal; height: 15px}




#center a {padding-left: 5px; text-decoration: none; display:block; width:215px;}
#center a:link {text-decoration: none; width:215px; }      
#center a:active {color: #454545;text-decoration: none;width:215px}     
#center a:hover  {display:block; color: #fff; text-decoration: none; background:#006699; width:215px; }
#center a:visited {color: #666;text-decoration: none;width:215px}



#automobili {position: absolute; top: 10px; left: 300px;  z-index: 10}
#poslovi {position: absolute; top: 3px; left: 330px;  z-index: 20}
#upoznavanje {position: absolute; top: 55px; left: 640px;  z-index: 30}
#nekretnine {position: absolute; top: 25px; left: 440px; z-index: 1}
#automobili_ { font: bold 4em 'Trebuchet MS', Arial, Sans-serif; color: #ddd}
#poslovi_ {font: bold 3em 'Trebuchet MS', Arial, Sans-serif; color: #A9D0F5}
#upoznavanje_ { font: bold 1.7em 'Trebuchet MS', Arial, Sans-serif; color: #ee82ee}
#nekretnine_ { font: bold 4em 'Trebuchet MS', Arial, Sans-serif; color: #BEF781}

.padding10 {padding: 10px}
.padding5 {padding: 5px}