body{
background: #FFFFFF url(../../images/bg.gif) repeat-x top;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
}

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


/* header */

#header {
height: 270px;
padding: 30px 20px 0 20px;
margin-bottom: 7px;
}

#header_line {
background: url(../../images/content_line.gif) no-repeat bottom right;
height: 1px;
font-size: 1px;
}

#logo {
float: left;
background: url(../../images/logo.png) no-repeat;
width: 241px;
height: 51px;
margin-bottom: 120px;
}

#logo a {
display: block;
width: 241px;
height: 51px;
float: left;
}


/* topnav */

#topnav {
background: url(../../images/topnav.png) no-repeat;
height: 46px;
width: 740px;
float: right;
padding: 2px 0 0 2px;
}

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

#topnav li {
float: left;
height: 44px;
width: 123px;
}

#topnav a {
display: block;
float: left;
height: 31px;
color: #9a9a9a;
text-decoration: none;
font-weight: bold;
font-size: 1.2em;
background: url(../../images/topnav.gif) no-repeat top;
text-align: center;
width: 123px;
text-transform: uppercase;
padding: 13px 0 0 0;
}

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

#topnav #topnav_first a {
background: url(../../images/topnav_first.gif) no-repeat top;
}

#topnav #topnav_first a:hover {
background: url(../../images/topnav_first.gif) no-repeat bottom;
}

#topnav #topnav_last a {
background: url(../../images/topnav_last.gif) no-repeat top;
}

#topnav #topnav_last a:hover {
background: url(../../images/topnav_last.gif) no-repeat bottom;
}



/* content */

#content {
float: left;
clear: both;
width: 960px;
padding: 7px 0 15px;
background: url(../../images/content_bg.gif) no-repeat right 40px;
}


/* left */

#content_left {
float: left;
width: 222px;
padding-right: 15px;
color: #3f3f3f;
}

#content_left p {
margin: 0;
padding: 7px 0;
line-height: 17px;
}

.left_box {
background: url(../../images/leftbox_bg.gif) repeat-y 0;
float: left;
width: 222px;
clear: both;
margin-bottom: 15px;
}
.left_box_bott {
background: url(../../images/leftbox_bott.gif) no-repeat left bottom;
padding: 0 15px;
float: left;
width: 192px;
}

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

.left_box li {
font-size: 1.2em;
font-weight: bold;
background: url(../../images/left_line.gif) repeat-x bottom;
padding: 12px 0;
}

.left_box li.left_box_last {
background: none;
}

.left_box a {
background: url(../../images/left_butt.gif) no-repeat 0 0;
padding: 0 0 0 20px;
}

.left_box a:hover {
background: url(../../images/left_butt.gif) no-repeat 0 -135px;
}

.link_btn {
height: 30px;
}

.left_box .link_btn a, #content_right .link_btn a {
background: #cacaca;
font-weight: bold;
padding: 5px 12px;
float: right;
}

#content_right .link_btn a {
float: left;
}

#content_left .left_box .link_btn a:hover, #content_right .link_btn a:hover {
background: #982173;
color: #FFFFFF;
}

.left_box ul ul {
background: #e7e7e7;
padding: 5px 0;
margin-top: 10px;
}

.left_box li li {
font-size: 0.85em;
background: none;
padding: 4px 0 4px 20px;
}

.left_box li li.left_kolekcije {
text-transform: uppercase;
font-size: 0.9em;
}

.left_box li li a {
background: none;
padding: 0;
}

.left_box li li a:hover {
background: none;
}


/* right */

#content_right {
float: right;
width: 720px;
color: #3f3f3f;
font-size: 1.1em;
/*background: url(../../images/content_top.gif) no-repeat 0 28px;
background: url(../../images/content_bottom.gif) no-repeat bottom left;*/
}

.text {
padding: 0 15px 0 0;
text-align: justify;
}

.ref_col1 {
float: left;
width: 345px;
padding-right: 15px;
}

.ref_col2 {
float: left;
width: 345px;
}


/* proizvodi */

.pro_kategorija {
line-height: 19px;
background: url(../../images/content_line.gif) no-repeat bottom right;
padding: 10px 0 15px;
float: left;
width: 705px;
}


/* galerija */

#gallery {
clear: both;
width: 705px;
float: left;
padding-bottom: 15px;
}

.gallery_th, .gallery_th_last {
float: left;
width: 165px;
margin: 15px 15px 0 0;
height: 126px;
}

.gallery_th_last {
margin: 15px 0 0 0;
}

.gallery_th a, .gallery_th_last a {
display: block;
float: left;
width: 155px;
height: 116px;
padding: 5px;
background: #d8d8d8;
text-align: center;
}

.gallery_th a:hover, .gallery_th_last a:hover {
background: #b6b6b6;
}

.gallery_th img, .gallery_th_last img {
border: 0;
}


/* materijali */

#materijali {
clear: both;
width: 705px;
float: left;
padding-bottom: 15px;
}

.materijal_th, .materijal_th_last {
float: left;
width: 225px;
margin: 15px 15px 0 0;
height: 134px;
}

.materijal_th_last {
margin: 15px 0 0 0;
}

.materijal_th a, .materijal_th_last a {
display: block;
float: left;
width: 215px;
height: 124px;
padding: 5px;
background: #d8d8d8;
text-align: center;
}

.materijal_th a:hover, .materijal_th_last a:hover {
background: #b6b6b6;
}

.materijal_th img, .materijal_th_last img {
border: 0;
}


/* materijali manji */

.materijali {
clear: both;
width: 705px;
float: left;
padding-bottom: 15px;
}

.materijal2_th, .materijal2_th_last {
float: left;
width: 129px;
margin: 15px 15px 0 0;
height: 129px;
}

.materijal2_th_last {
margin: 15px 0 0 0;
}

.materijal2_th a, .materijal2_th_last a {
display: block;
float: left;
width: 119px;
height: 119px;
padding: 5px;
background: #d8d8d8;
text-align: center;
}

.materijal2_th a:hover, .materijal2_th_last a:hover {
background: #b6b6b6;
}

.materijal2_th img, .materijal2_th_last img {
border: 0;
}





/* novosti */

.novost {
padding: 15px 0 10px;
float: left;
width: 705px;
background: url(../../images/content_line.gif) no-repeat bottom right;
}

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

.novost_slika img {
border: 3px solid #cccccc;
}

.novost_txt {
float: left;
width: 529px;
}

.novost_kraj {
clear: both;
text-align: right;
color: #acacac;
}

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

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

#kontakt_left {
float: left;
width: 270px;
}

#kontakt_right {
float: right;
width: 400px;
background: #EEEEEE;
padding: 10px 0 20px 20px;
margin-top: 15px;
}

.kontakt_ured {
background: #d5d5d5;
float: left;
margin-bottom: 10px;
width: 370px;
padding: 10px 0 10px 10px;
}



/* footer */


#footer {
clear: both;
height: 35px;
color: #434343;
padding: 9px 15px 0;
background: url(../../images/footer.gif) no-repeat right top;
}


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

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



/* headings */

h1 {
font-size: 1.1em;
color: #747474;
margin: 0;
padding: 6px 0 12px;
text-transform: uppercase;
background: url(../../images/content_line.gif) no-repeat bottom right;
}

.h1_cols {
float: left;
width: 490px;
border-bottom: 1px solid #c2d3e7;
padding: 4px 0 9px;
}

.h1_left {
float: left;
width: 310px;
border: 0;
padding: 0;
line-height: 19px;
}

.h1_right {
float: right;
text-align: right;
font-size: 0.85em;
}

h1 strong {
color: #df4c0b;
}

h2 {
font-size: 1.2em;
margin: 0;
padding: 0;
}

#content_left h2 {
color: #FFFFFF;
text-transform: uppercase;
height: 27px;
padding: 9px 0 0 17px;
background: url(../../images/left_h2.gif) no-repeat right;
clear: both;
}

h3 {
margin: 0;
font-size: 1.05em;
color: #747474;
padding: 10px 0 0;
}

.novost h3 {
padding: 0;
}

h4 {
color: #747474;
margin: 0;
text-transform: uppercase;
padding: 10px 0 0 0;
}



/* links */

a {
outline: none;
}

#content_left a {
color: #676767;
text-decoration: none;
}

#content_left a:hover {
color: #961c70;
text-decoration: underline;
}

#content_right a {
color: #961E71;
text-decoration: none;
}

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

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

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


/* other */

#content_right p {
margin: 0;
padding: 9px 0;
line-height: 19px;
}


.emph {
font-weight: bold;
}

.sep {
height: 1px;
line-height: 1px;
font-size: 1px;
clear: both;
background: url(../../images/content_line.gif) no-repeat -240px bottom;
padding: 5px 0 0;
margin-bottom: 5px;
}

.left_sep {
border-bottom: 1px solid #d7d7d7;
height: 1px;
line-height: 1px;
font-size: 1px;
clear: both;
}

.clear {
clear: both;
}

#content_right p.error {
color: #990000;
margin: 0;
padding: 0 0 10px;
}

.img_left {
float: left;
border: 3px solid #cccccc;
margin: 5px 15px 0 0;
}

.img_right {
float: right;
border: 3px solid #cccccc;
margin: 5px 0 0 15px;
}

.map_right {
float: right;
width: auto;
margin: 7px 0;
}


/* forms */

form {
margin: 0;
padding: 0;
}

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

#trazilica .trazilica_input {
background: #FFFFFF;
border: 1px solid #6889b0;
padding: 3px;
color: #6889b0;
width: 171px;
margin-bottom: 10px;
}

#trazilica .trazilica_btn {
background: #1098cc;
width: 70px;
padding: 3px 0;
border: 0;
cursor: pointer;
color: #FFFFFF;
font-weight: bold;
vertical-align: middle;
}

#detaljna_trazilica input.trazilica_btn {
background: #1098cc;
width: 70px;
padding: 3px 0;
border: 0;
cursor: pointer;
color: #FFFFFF;
font-weight: bold;
margin: 3px 0 0 0;
}

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

.kontakt_forma select {
width: 256px;
}

.kontakt_forma .kontakt_ured select {
	margin-bottom: 0;
}


.kontakt_forma input.checkbox {
background: none;
border: 0;
padding: 0;
width: 15px;
height: 15px;
vertical-align: top;
margin: 0 5px 0 0;
}


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

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

.kontakt_forma label.label_big {
	width: 320px;
	margin: 0 0 7px;
}

.kontakt_forma .kontakt_sistemi label {
margin: 0;
}

.kontakt_forma input.button {
width: 90px;
margin-left: 110px;
height: 26px;
background: #961E71;
border: 0;
color: #FFFFFF;
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;
color: #CF1A0C;
}

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

.kontakt_sistemi {
clear: both;
float: left;
width: 400px;
padding-bottom: 15px;
}

.kontakt_sistemi_row {
clear: both;
padding: 10px 0 0;
float: left;
width: 200px;
}