body {
background: #0d0d0d url(../../images/bg_bottom.gif) repeat-x bottom;
margin: 0;
padding: 0;
font: normal 0.7em Arial, Helvetica, sans-serif;
}

#bg_top {
background: url(../../images/bg_top.gif) repeat-x top;
}

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

#header {
background: url(../../images/header.jpg) no-repeat;
height: 173px;
padding: 2px 0 0 50px;
}

#header a {
display: block;
width: 250px;
height: 110px;
}

#topnav {
background: url(../../images/nav.gif) repeat-x;
height: 36px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: bold;
padding: 10px 0 0 0;
line-height: 19px;
}

#topnav ul {
list-style: none;
margin: 0;
padding: 0;
}

#topnav li {
float: left;
background: url(../../images/nav_sep.gif) no-repeat right;
padding: 0 25px;
height: 30px;
}

#topnav li#topnav_last {
background: none;
}

#topnav a {
color: #ffeac0;
text-transform: uppercase;
text-decoration: none;
display: block;
float: left;
background: url(../../images/nav_h.gif) no-repeat 0 -30px;
height: 24px;
padding: 4px 14px 0;
}

#topnav a:hover {
color: #FFFFFF;
background: #676767 url(../../images/nav_h.gif) repeat-x bottom;
}

#topnav img {
border: 0;
margin: 1px 0 0 5px;
vertical-align: top;
}

#content {
margin: 15px 0;
float: left;
width: 960px;
clear: both;
background: url(../../images/left.gif) repeat-y left;
}


/* left */

#left {
float: left;
width: 210px;
padding: 20px;
color: #a1a1a0;
}

.katalog, .letak {
height: 84px;
}

.katalog a, .letak a {
display: block;
float: left;
height: 84px;
width: 210px;
}

.katalog {
background: url(../../images/katalog.gif) no-repeat;
margin: 30px 0 15px;
}

.letak {
background: url(../../images/letak.gif) no-repeat;
}

#left_subnav {
border-bottom: 1px solid #333333;
padding: 0 0 10px 10px;
}

.left_pages {
padding: 5px 0 10px 0;
border-top: 1px solid #333333;
}

.left_current {
text-decoration: underline;
color: #CF5A8B;
}



/* right */


#right {
float: right;
width: 695px;
padding-left: 15px;
color: #7f7f7f;
}

#right_txt {
padding-left: 20px;
}

#reference_left {
float: left;
width: 330px;
}

#reference_right {
float: right;
width: 330px;
}


/* tepisi */

#tepisi_left {
float: left;
width: 230px;
padding-right: 20px;
}

#tepisi_mid {
float: left;
width: 195px;
padding-right: 15px;
}

#tepisi_right {
float: right;
width: 215px;
}


/* tehnicki podaci */

.teh_podaci {
width: 675px;
border-width: 1px 1px 0 0;
border-color: #3F3B37;
border-style: solid;
margin-top: 7px;
}

.teh_podaci td {
padding: 5px 5px 5px 8px;
border-width: 0 0 1px 1px;
border-color: #3F3B37;
border-style: solid;
}

.teh_podaci_left {
background: #1F1D1D;
width: 300px;
}


/* footer */

#footer {
clear: both;
background: url(../../images/footer.jpg) no-repeat;
height: 193px;
color: #707070;
padding: 13px 20px 0;
}

#footer_left {
float: left;
}

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


/* links */

a {
outline: none;
color: #d00070;
text-decoration: none;
}

a:hover {
color: #009dd2;
text-decoration: underline;
}

#footer a {
color: #9c9c9c;
text-decoration: none;
}

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



/* headings */

h1 {
visibility: hidden;
margin: 0;
}

h2 {
color: #a78e62;
font-size: 1.4em;
margin: 0 0 10px;
padding: 15px 0 15px 0;
border-bottom: 1px solid #272727;
}

h2 em {
font-style: normal;
color: #7F7667;
}

#right h2 strong {
font-weight: bold;
}

h3 {
font-size: 1.3em;
color: #a78e62;
margin: 0 0 8px;
border-bottom: 1px solid #333333;
padding: 0 0 10px 10px;
}

h4 {
font-size: 1.25em;
color: #736348;
margin: 0;
padding: 15px 0 5px 0;
}

h5 {
font-size: 1.1em;
margin: 0;
padding-top: 13px;
color: #5e5e5e;
}


/* misc */

#left p {
line-height: 17px;
margin: 0;
padding: 4px 0 4px 10px;
}

#left strong {
font-weight: normal;
color: #efefef;
}

#right p {
line-height: 18px;
margin: 0;
padding: 7px 0;
}

#right strong {
color: #bdbdbd;
font-weight: normal;
}

#right ul {
list-style: none;
margin: 0;
padding: 5px 0 10px;
}

#right li {
padding: 2px 0 3px;
}

#right_subnav {
border-bottom: 1px solid #272727;
padding: 10px 0 10px;
}

#right_subnav2 {
border-bottom: 1px solid #272727;
padding: 0 0 10px;
}

#right_subnav span, #right_subnav2 span {
margin: 0 10px;
}


.img_left {
float: left;
border: 0;
margin: 0 25px 0 0;
}

.sep {
border-bottom: 1px solid #272727;
height: 7px;
font-size: 1px;
}

.sep2 {
border-bottom: 1px solid #272727;
height: 15px;
font-size: 1px;
clear: both;
margin-bottom: 8px;
}

.pro_txt {
float: left;
display: block;
padding-top: 50px;
}

.basic {
color: #009dd2;
}

.touch {
color: #d00070;
}

.r-col {
color: #ddab42;
}


/* galerija */

.thumbs {
padding: 10px 0 5px;
}

.thumbs img {
border: 0;
margin: 0 3px 3px 0;
}