body {
background: #003C1E;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
}

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


/* header top */

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

#header {
height: 215px;
}

#logo {
float: right;
background: url(../../images/logo.gif) no-repeat;
width: 350px;
}

#logo a {
display: block;
width: 350px;
height: 215px;
float: left;
}

#topnav {
float: left;
width: 610px;
height: 125px;
background: url(../../images/header_img.jpg) no-repeat;
padding-top: 90px;
}

#topnav ul {
list-style: none;
margin: 0;
padding: 0;
background: #762d30;
float: left;
width: 250px;
height: 26px;
font-size: 1.1em;
font-weight: bold;
padding: 12px 0 0 0;
}

#topnav li {
float: left;
border-right: 1px solid #a75558;
padding: 0 18px;
}

#topnav li#topnav_last {
border: 0;
}

#topnav li a {
color: #cfc0c3;
text-decoration: none;
}

#topnav li a:hover {
color: #FFFFFF;
}

#slogan {
background: url(../../images/slogan.png) no-repeat;
width: 360px;
height: 38px;
float: right;
}

* html #slogan {
background: url(../../images/slogan.gif) no-repeat;
}

#slogan em {
visibility: hidden;
}



/* content */

#content {
clear: both;
float: left;
width: 960px;
background: #655e5a;
}


/* left */

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

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

#content_left li {
border-bottom: 1px solid #817974;
font-size: 1.1em;
/*height: 30px;*/
float: left;
width: 250px;
}

#content_left a {
font-weight: bold;
color: #e2e1e0;
text-decoration: none;
height: 23px;
display: block;
float: left;
width: 235px;
padding: 7px 0 0 15px;
}

#content_left a:hover, #content_left .subnav a:hover {
background: #393431;
color: #c96464;
}


/* podlinkovi */

#content_left .subnav li {
font-size: 0.9em;
border-top: 1px solid #5d5653;
border-bottom: 0;
}

#content_left .subnav li.subnav_first {
border-top: 1px solid #817974;
}

#content_left .subnav li a {
background: #4c4643;
color: #dfdad7;
padding-left: 35px;
width: 215px;
font-weight: normal;
}


/* right */

#content_right {
float: right;
width: 710px;
background: url(../../images/content.jpg) repeat-y;
color: #FFFFFF;
min-height: 350px;
}

* html #content_right {
height: 350px;
}

.text {
padding: 0 20px 20px;
line-height: 17px;
text-align: justify;
float: left;
width: 670px;
}

.kategorija, .kategorija_last {
background-color: #FFFFFF;
background-position: center -15px;
background-repeat: no-repeat;
float: left;
width: 210px;
height: 135px;
margin: 20px 20px 0 0;
}

.kategorija_last {
margin-right: 0;
}

.text .kategorija a, .text .kategorija_last a {
display: block;
width: 200px;
height: 23px;
float: left;
color: #003c1f;
text-decoration: none;
font-weight: bold;
background: url(../../images/proiz.png) repeat-x bottom;
padding: 102px 0 0 0;
text-align: center;
font-size: 1.1em;
border: 5px solid #003c1f;
}

.text .kategorija a:hover, .text .kategorija_last a:hover {
color: #762d30;
border: 5px solid #762d30;
text-decoration: none;
}


/* detalji proizvoda */

.detalji_proizvoda {
border-right: 1px solid #8F8F8F;
border-bottom: 1px solid #8F8F8F;
margin-top: 20px;
}

.detalji_proizvoda td {
border-left: 1px solid #8F8F8F;
border-top: 1px solid #8F8F8F;
padding: 5px 7px;
background: url(../../images/table.png);
line-height: 14px;
}

* html .detalji_proizvoda td {
background: #413C3A;
}

.detalji_proizvoda td.detalji_title {
background: url(../../images/h1.png);
font-weight: bold;
width: 100px;
}

.detalji_proizvoda#detalji_table_big td.detalji_title {
width: 145px;
}

* html .detalji_proizvoda td.detalji_title {
background: #787472;
}

.detalji_img {
float: left;
border: 5px solid #003c1f;
margin: 20px 20px 10px 0
}

.detalji_img:hover {
border: 5px solid #762d30;
}

.detalji_img img {
border: 0;
}

.link_btn {
width: 280px;
float: left;
clear: left;
}

.link_btn a {
background: #003C1F;
color: #FFFFFF;
font-weight: bold;
padding: 5px 15px;
float: left;
text-decoration: none;
}

.link_btn a:hover {
background: #762D30;
}


/* podnavigacija */

.sub_subnav {
padding: 15px 0 0 20px;
float: left;
width: 670px;
}

.sub_subnav a {
background: #003C1F;
color: #BFFFDE;
font-weight: bold;
padding: 5px 10px;
float: left;
text-decoration: none;
margin-right: 7px;
display: inline;
}

.sub_subnav a:hover, .sub_subnav a.sub_subnav_current {
background: #762D30;
}


/* footer */


#footer {
height: 25px;
background: url(../../images/footer.gif) repeat-x;
color: #dfabad;
clear: both;
padding: 20px 15px 0;
}

#footer_left {
float: left;
width: auto;
text-align: left;
}

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



/* headings */

h1 {
font-size: 1.2em;
color: #ededed;
margin: 0;
background: url(../../images/h1.png) repeat-x;
height: 26px;
padding: 12px 0 0 15px;
}

* html h1 {
background: #74706e;
}

h1 strong {
color: #99DFBB;
}

h2 {
font-size: 1.1em;
margin: 0;
}

#content_left h2 {
background: #86817e;
color: #5f1a1c;
height: 26px;
padding: 12px 0 0 15px;
}

h3 {
color: #FFFFFF;
border-bottom: 2px solid #cf3a0b;
padding-bottom: 8px;
}


/* links */

a {
outline: none;
}

.text a {
color: #BFFFDE;
text-decoration: none;
}

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


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

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


/* other */

#content_right p {
margin: 0;
padding: 15px 0 0;
}

.emph {
font-weight: bold;
}

.clear {
clear: both;
}



/* forms */

form {
margin: 0;
padding: 0;
}

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

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

.kontakt_forma select {
width: 256px;
}

.kontakt_forma {
width: 430px;
float: left;
padding: 35px 0 0 0
}

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

.kontakt_forma input.button {
width: 112px;
margin-left: 110px;
height: 26px;
background:  #003C1F;
border: 0;
color: #BFFFDE;
font-weight: bold;
cursor: pointer;
margin-bottom: 0;
}

.kontakt_forma input.txt_error, .kontakt_forma textarea.txt_error, .kontakt_forma select.txt_error {
border: 1px solid #FF3F3F;
background: #FFE7DF;
color: #CF1A0C;
}

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

.txt_error_img {
margin-top: 8px;
}