body {
background: url(../../images/bg.jpg);
margin: 0;
padding: 0;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 0.7em;
}

#bg_top {
background: url(../../images/bg_line.jpg) repeat-x 0 35px;
}

#center {
width: 960px;
margin: 0 auto;
}

/* header_top */

#header_top {
background: url(../../images/header_top.gif) no-repeat;
height: 35px
}

#header_left {
color: #b7b7b7;
float: left;
width: 400px;
padding: 10px 0 0 5px;
}

#header_left a {
color: #dddddd;
text-decoration: none;
font-weight: bold;
margin: 0 10px;
}

#header_left a:hover {
color: #FFFFFF;
text-decoration: underline;
}


/* header_right */

#header_right {
float: right;
width: 265px;
color: #dad9d9;
padding-top: 7px;
}

#header_right label {
font-weight: bold;
}

.pretraga_input {
background: #d6d6d6;
border: 1px solid #5f5f5f;
color: #484848;
padding: 3px;
vertical-align: middle;
width: 150px;
}

.pretraga_button {
background: #e42000 url(../../images/pretraga_button.gif) repeat-x bottom;
color: #ffdaca;
font-weight: bold;
border: 1px solid #5f5f5f;
padding: 2px 8px;
vertical-align: middle;
height: 21px;
}

#header {
background: url(../../images/header.jpg) no-repeat;
height: 135px;
}


/* content */

#content {
background: url(../../images/content.gif) repeat-y;
float: left;
clear: both;
}

/* lijevi */

#content_left {
float: left;
width: 250px;
}

#content_left h3 {
background: url(../../images/left_heading.gif) repeat-x;
height: 31px;
font-size: 1.1em;
margin: 0;
color: #eeeded;
/*border-top: 1px solid #878787;*/
float: left;
width: 250px;
}

#content_left h3 a {
color: #eeeded;
text-decoration: none;
background: url(../../images/left_heading_h.gif) no-repeat 0 100px;
display: block;
float: left;
padding: 8px 0 0 15px;
width: 235px;
height: 23px;
}

#content_left h3 a:hover {
color: #FFFFFF;
background: url(../../images/left_heading_h.gif) no-repeat;
}


#content_left ul {
list-style: none;
margin: 0;
padding: 0 0 0 1px;
}

#content_left li {
float: left;
}

#content_left li a {
border-bottom: 1px solid #a1a1a1;
display: block;
background: url(../../images/leftnav_h.gif) no-repeat 0 50px;
color: #484848;
text-decoration: none;
font-weight: bold;
padding: 7px 0 7px 15px;
float: left;
width: 233px;
}

#content_left li a:hover {
background: #E11A00 url(../../images/leftnav_h.gif) no-repeat bottom right;
border-bottom: 1px solid #bd1600;
color: #FFFFFF;
}


#content_left ul.left_submenu {
padding-left: 0;
}

#content_left li .left_submenu li {
background: url(../../images/left_submenu.gif) repeat-y;
}

#content_left .left_submenu li a {
padding: 7px 0 7px 30px;
width: 217px;
font-weight: normal;
}



/* desni */

#content_right {
float: right;
width: 160px;
line-height: 17px;
}

#content_right h4 {
background: #ffffff url(../../images/right_heading.gif) no-repeat left;
height: 25px;
margin: 0;
color: #7b7b7b;
padding: 7px 0 0 10px;
font-size: 1em;
}

#content_right .marketing h4 {
background: url(../../images/marketing.gif) no-repeat;
color: #FFFFFF;
}

.rightbox {
background: url(../../images/rightbox.gif) repeat-y left;
width: 159px;
}

.rightbox ul {
list-style: none;
margin: 0;
padding: 0;
}

.rightbox li {
border-bottom: 1px solid #b7b7b7;
padding: 5px 10px;
}

.marketing img {
border: 0;
max-width: 145px;
width: expression(this.width > 145 ? 145: true);
margin: 7px 0 0 7px;
}


/* sredina */

#content_mid {
float: left;
width: 550px;
line-height: 17px;
color: #747474;
}


/* novosti */

.novost {
padding: 15px 15px 5px;
float: left;
width: 520px;
background: url(../../images/novost.gif) no-repeat bottom;
}

.novost_slika {
float: left;
width: 170px;
text-align: center;
margin: 0 15px 5px 0;
}

.novost_slika img {
border: 0;
}

.novost_kraj {
background: url(../../images/novost_kraj.gif) repeat-x;
height: 24px;
float: left;
width: 535px;
clear: both;
text-align: right;
padding: 7px 15px 0 0;
color: #acacac;
}

.novost_kraj a {
margin: 0 10px 0 0;
}

.novost_kraj strong {
margin: 0 0 0 10px;
font-weight: normal;
color: #555555;
}

.novost_izdvojeno {
background-position: center;
background-repeat: no-repeat;
background-color: #FFFFFF;
font-size: 1.3em;
font-weight: bold;
text-align: center;
height: 100px;
border-bottom: 1px solid #C6C6C6;
font-family: Arial, Helvetica, sans-serif;
}

#content_mid .novost_izdvojeno a {
display: block;
height: 31px;
padding-top: 69px;
text-decoration: blink;
}

#content_mid .novost_izdvojeno a:hover {
text-decoration: none;
}

.novost_izdvojeno a span {
display: block;
background: url(../../images/izdv_novost.png);
padding: 7px 0 7px;
}

* html .novost_izdvojeno a span {
background: #FFFFFF;
}

#content_mid #novost_detalji {
line-height: 19px;
}

#content_mid #novost_detalji p {
padding-top: 0;
}


/* galerija slika */

.gallery {
float: left;
clear: both;
width: 520px;
padding-top: 10px;
}

.img_th, .img_th_last {
float: left;
padding: 5px;
background: #CFCFCF;
width: 155px;
height: 117px;
margin: 0 10px 10px 0;
}

.img_th_last {
margin-right: 0;
}


.gallery a {
float: left;
background-position: center;
background-repeat: no-repeat;
display: block;
width: 155px;
height: 117px;
}

#gallery img {
border: 0;
}


/* dokumenti */

.dokumenti {
margin: 0;
padding: 10px 0 5px;
list-style: none;
float: left;
width: 520px;
}

.dokumenti li {
float: left;
margin: 0 5px 5px 0;
/*height: 31px;*/
min-width: 120px;
}

.dokumenti img {
border: 0;
vertical-align: middle;
margin-left: 5px;
}

.dokumenti a {
background: #FFFFFF;
border: 1px solid #C8C8C8;
font-weight: bold;
padding: 4px 10px;
float: left;
/*height: 25px;*/
display: block;
min-width: 120px;
}

* html .dokumenti a {

}

#content_mid .dokumenti a:hover {
background: #DADADA;
text-decoration: none;
border: 1px solid #BFBFBF;
}


/* linkovi */

.link {
border-bottom: 1px solid #C8C8C8;
margin: 0 15px;
padding: 12px 0 15px;
text-align: justify;
}

.link a {
font-weight: bold;
}

#content_mid .link p {
padding: 3px 0 0;
}


/* footer */

#footer {
background: url(../../images/footer.gif) no-repeat;
height: 25px;
width: 930px;
float: left;
clear: both;
color: #cccccc;
padding: 10px 15px 0;
}

#footer_left {
float: left;
}

#footer_right {
float: right;
text-align: right;
}

#footer a {
color: #cccccc;
text-decoration: none;
font-weight: bold;
}

#footer a:hover {
color: #FFFFFF;
text-decoration: underline;
}



/* other */

h1 {
background: url(../../images/h1.gif) repeat-x bottom;
margin: 0;
font: bold 1.3em Arial, Helvetica, sans-serif;
color: #a0a0a0;
padding: 8px 0 8px 15px;
}

h2 {
color: #6889dc;
font-size: 1.1em;
margin: 0;
}

#novost_detalji h2 {
font-size: 1.1em;
margin: 0;
color: #5F94BF;
padding: 15px 0 7px;
clear: both;
border-bottom: 1px solid #DFDFDF;
}

#content_mid p {
margin: 0;
padding: 10px 0;
text-align: justify;
}


/* links */

a {
outline: none;
}

#content_mid a {
color: #325cc4;
text-decoration: none;
}

#content_mid a:hover {
color: #cc2127;
text-decoration: underline;
}

#content_right a {
color: #0a38bd;
text-decoration: none;
}

#content_right a:hover {
color: #cc2127;
text-decoration: underline;
}


/* forms */

form {
margin: 0;
padding: 0;
}

input, select, textarea {
font: normal 1em Tahoma, Arial, Helvetica, sans-serif;
}


.kontakt_forma input, .kontakt_forma textarea, .kontakt_forma select {
width: 250px;
margin-top: 3px;
margin-bottom: 10px;
padding: 4px;
background: #FFFFFF;
border: 1px solid #C6C6C6;
float: left;
color: #747474;
}

.kontakt_forma select {
width: 256px;
}

.kontakt_forma {
width: 400px;
float: left;
padding: 15px 0 0 15px;
}

.kontakt_forma label {
width: 120px;
float: left;
margin-top: 5px;
font-weight: bold;
}

.kontakt_forma input.button {
margin-left: 120px;
background: #e42000 url(../../images/pretraga_button.gif) repeat-x bottom;
color: #ffdaca;
font-weight: bold;
border: 0;
cursor: pointer;
margin-bottom: 0;
padding: 5px 15px;
width: 100px;
}

.kontakt_forma input.txt_error, .kontakt_forma textarea.txt_error, .kontakt_forma select.txt_error {
border: 1px solid #E42000;
color: #D50500;
}

.txt_error_img {
float: left;
margin: 6px 0 0 4px;
border: 0;
}

#content_mid p.kontakt_emph {
	font-weight: bold;
	padding-left: 15px;
}
