/* J-Design CSS */

/* links */
a:link {
	color:#B52602; text-decoration: none; 
}
a:hover {
	color: #B52602; text-decoration: underline; 
}
a:visited {
	color: #B52602; text-decoration: none; 
}

p {
margin:0;
padding:0;
}

/* BODY */
#pozadina-sajta {
width: 802px;
height: auto;
border: 1px solid #ccc;
background-color:#FFFFFF;
padding: 2px;
margin-top: 5px;
}

/* HEADER */
#zaglavlje_container {
width: 800px;
height: auto;
border: 1px solid #ccc;
}
#zaglavlje_top {
width: 800px;
height: 55px;
background-image:url(../slike/header.png);
background-repeat: no-repeat;
}
#zaglavlje_bottom {
width: 800px;
height: 100px;
background-image:url(../slike/header_.png);
background-repeat: no-repeat;
}

/* TOP MENU */
#izbornik  {
width: 800px;
height: 21px;
background-image:url(../slike/izbornik_bg.png);
background-repeat:repeat-x;
border-top: 1px solid #ccc;
}

/* Brisanje bulleta */
#nav-menu ul
{
font-family: tahoma, arial, verdana;
font-size: 11px;
list-style: none;
padding: 0;
margin: 0;
} 

/* Sve u jedan red */
#nav-menu li
{
float: left;
border-right: 1px solid #ccc;
} 

/* Pravljenje okvira */
#nav-menu li a
{
float: left;
width: auto;
display: block;
color:#333333;
text-decoration: none;
text-align: center;
padding-top: 4px;
padding-bottom: 0;
padding-left: 10px;
padding-right: 10px;
} 
#nav-menu li a:hover
{
color: #FFFFFF;
height: 18px;
background-image:url(../slike/dugme_hover.png);
background-repeat:no-repeat;
float: left;
width: auto;
display: block;
text-decoration: none;
text-align: center;
} 

/* Skrivanje od IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* No wrap */ 

#nav-menu
{
width:30em
} 

/* Sadrzaj */
#kontenjer {
width: 800px;
height: auto;
border: 1px solid #ccc;
border-top: 0px;
border-bottom: 0px;
}

#lijeva_strana {
width: 600px;
height: auto;
padding: 2px;
}

#desna_strana {
width: 194px;
height: auto;
border: 1px solid #ccc;
border-top: 0;
background-color:#F4F4F4;
border-right: 0;
}

/* Aktuelni projekti CSS */ 
#aktuelni_projekti_header {
width:162px;
height:24px;
background-image:url(../slike/desno_underconstruction.png);
background-repeat:no-repeat;
padding-left: 30px;
padding-top: 7px;
text-transform:lowercase;
margin-left: 1px;
}

#aktuelni_projekti_box {
width: 194px;
height: auto;
font-family: tahoma, verdana, arial;
font-size: 11px;
color:#666666;
}

#aktuelni_projekti_slika {
	width: 175px;
	height: auto;
	font-family: tahoma, verdana, arial;
	border: 1px solid #ccc;
	margin: 5px;
	margin-bottom: 0px;
}

#aktuelni_projekti_tekst {
	width: 189px;
	height: auto;
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	padding: 5px;
	margin-bottom: 2px;
}

/* Kontaktirajte nas CSS */ 
#kontaktirajte_nas_header {
width:162px;
height:24px;
background-image:url(../slike/desno_contact.png);
background-repeat:no-repeat;
padding-left: 30px;
padding-top: 7px;
text-transform:lowercase;
margin-left: 1px;
}

#kontakt_box {
width: 194px;
height: auto;
font-family: tahoma, verdana, arial;
font-size: 11px;
color:#666666;
}

#kontakt_tekst {
	width: 189px;
	height: auto;
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	padding: 5px;
	margin-bottom: 2px;
}

/* Pratite nas... CSS */

#follow_us_header {
width:162px;
height:24px;
background-image:url(../slike/desno_follow_us.png);
background-repeat:no-repeat;
padding-left: 30px;
padding-top: 7px;
text-transform:lowercase;
margin-left: 1px;
}

#follow_us_box {
width: 194px;
height: auto;
font-family: tahoma, verdana, arial;
font-size: 11px;
color:#666666;
}

#follow_us_tekst {
	width: 189px;
	height: auto;
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	padding: 5px;
	margin-bottom: 2px;
}

/* Korisni linkovi CSS */
#korisni_linkovi_box {
width: 194px;
height: auto;
font-family: tahoma, verdana, arial;
font-size: 11px;
color:#666666;
}

#korisni_linkovi_tekst {
	width: 189px;
	height: auto;
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	padding: 5px;
}

/* sadrzaj */
.title_text {
	width: auto;
	height: auto;
	font-family: tahoma, verdana, arial;
	color: #666666;
	margin-top: 2px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: bottom;
	border-bottom: 1px solid #999;
	padding-bottom: 3px;
	padding-left: 2px;
}

.title_text_2 {
	width: auto;
	height: auto;
	font-family: tahoma, verdana, arial;
	color: #666666;
	margin-top: 2px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: bottom;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding-bottom: 3px;
	padding-left: 2px;
	padding-top: 3px;
}
.title_novosti {
	width: auto;
	height: auto;
	border-bottom: 1px solid #ccc;
	font-family: tahoma, verdana, arial;
	color: #666666;
	margin-top: 2px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: bottom;
}
.sadrzaj_slika {
	width: auto;
	height: auto;
	border: 1px solid #ccc;
	float: left;
	margin-right: 4px;
}
.sadrzaj_slika_on_right {
	width: auto;
	height: auto;
	border: 1px solid #ccc;
	float: right;
	margin-left: 4px;
}

h1 {
font-family: tahoma, verdana, arial;
font-size: 18px;
margin: 0px;
padding-left: 5px;
}

h3 {
font-family: tahoma, verdana, arial;
font-size: 14px;
font-weight: 250;
color: #666;
margin: 0px;
}

h2 {
font-size: 21px;
margin: 0px;
padding: 0px;
}

h4 {
font-size: 12px;
margin: 0px;
padding: 0px;
margin-bottom: 2px;
}

.text {
	width: auto;
	height: auto;
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	color: #666666;
	margin-top: 2px;
	padding-left: 1px;
	padding-bottom: 8px;
	padding-top: 5px;
	}
	
/* novosti */
.novosti_box {
width: auto;
height: auto;
border: 1px solid #ccc;
border-top: 0px;
font-family: tahoma, verdana, arial;
font-size: 11px;
color: #333333;
padding-top: 5px;
padding-bottom: 5px;
background-image:url(../slike/novosti_bg.png);
background-repeat: no-repeat;
padding-left: 5px;
}

/* footer */
#footer {
	width: 800px;
	height: auto;
	border-top: 1px solid #ccc;
	margin-top: 5px;
	background-color: #F4F4F4;
	border-bottom: 1px solid #ccc;
}

#jdesign_logo {
	width: 134px;
	height: 41px;
	margin-top: 22px;
	border-right: 1px solid #ccc;
	margin: 5px;
	}
	
#footer_text {
	width: auto;
	height: auto;
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	color:#666666;
}

/* kontakt forma */
.input_box {
border: 1px solid #ccc;
background-color:#FFF9DD;
font-family: tahoma, verdana, arial;
font-size: 11px;
}

.submit_button {
border: 1px solid #999999;
background-color: #ccc;
font-family: tahoma, verdana, arial;
font-weight: bold;
color: #333;
}
.form_body {
font-family: tahoma, verdana, arial;
font-size: 11px;
}
.kontakt_informacije {
	width: auto;
	height: auto;
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	color: #666666;
	margin-top: 2px;
	padding-bottom: 3px;
	padding-left: 1px;
	}