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

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

#header_top {
height: 31px;
float: left;
width: 935px;
font-size: 0.9em;
}

#header_top_left {
width: 835px;
height: 24px;
float: left;
background: url(images/bg_top_left.gif) repeat-x;
color: #9b9b9b;
padding: 7px 0 0 10px;
}

.header_top_right {
width: 41px;
height: 27px;
float: right;
background: url(images/bg_top_right.gif) repeat-x;
padding-top: 4px;
text-align: center;
margin-left: 4px;
}

.header_top_right img {
border: 0;
}

#header {
background: url(images/header.jpg) no-repeat;
width: 935px;
height: 172px;
clear: both;
}

#topnav {
float: left;
height: 36px;
width: 935px;
}

#topnav_left {
background: url(images/bg_left.jpg);
width: 236px;
float: left;
height: 25px;
color: #616161;
font-weight: bold;
font-size: 1.3em;
padding: 7px 0 0 14px;
}

#topnav_left img {
padding-left: 5px;
}

#topnav_right {
background: url(images/nav.gif) repeat-x;
width: 680px;
height: 32px;
float: right;
}

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

#topnav_right li {
float: left;
width: 170px;
height: 32px;
border-right: 1px solid #d3d3d5;
}

#topnav_right li.tn_last {
border: none;
width: 167px;
}

#topnav_right li a {
display: block;
float: left;
width: 170px;
height: 24px;
text-align: center;
font-weight: bold;
font-size: 1.1em;
background: url(images/nav_h.gif) no-repeat 0 32px;
padding-top: 8px;
}

#topnav_right li.tn_last a {
width: 167px;
}

#topnav_right li a:hover {
background: url(images/nav_h.gif) repeat-x
}

#content {
width: 935px;
float: left;
clear: both;
background: url(images/bg_left.jpg) repeat-y;
}

#left {
width: 250px;
float: left;
background: #8653a9;
border-top: 5px solid #b873d3;
}

#left dl {
margin: 0;
padding: 0;
}

#left dt {
border-bottom: 1px solid #b873d3;
}

#left dt a {
display: block;
padding: 10px 5px 10px 15px;
font-weight: bold;
}

#left dt a:hover {
background: #6e3e94;
}

#left dt.dt_first {
border-bottom: 1px solid #c78adc;
}

#left dd {
background: #a366c1;
margin: 0;
border-bottom: 1px solid #c78adc;
}

#left dd a {
display: block;
padding: 7px 5px 7px 35px;
font-size: 0.9em;
}

#left dd a:hover {
background: #be7ed7;
}

.left_sep {
float: left;
height: 4px;
width: 250px;
clear: left;
background: #FFFFFF;
border-top: 5px solid #b873d3;
}

#right {
float: right;
width: 680px;
padding: 20px 0;
color: #6b6b6c;
font-size: 0.9em;
line-height: 19px;
}

#right_bg {
float: right;
background: url(images/content_bg.gif) repeat-y top center;
}

#col1 {
float: left;
width: 320px;
padding: 0 10px;
}

#col1 .box {
padding-bottom: 5px;
float: left;
border-bottom: 3px solid #e7e8e8;
width: 320px;
clear: both;
margin-bottom: 30px;
}

#right p.box_right {
text-align: right;
padding: 10px 5px 4px 0;
}

#col2 {
float: right;
width: 320px;
padding: 0 10px;
}


#right p {
margin: 0;
padding: 7px 0;
}

#right #col1 ul {
margin: 0;
padding: 5px 0 5px 30px;
}

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

.right_pon {
width: 320px;
float: left;
clear: both;
border-bottom: 2px solid #e5d1ed;
padding: 10px 0 6px;
}

.rp_left {
float: left;
width: 120px;
height: 90px;
}

.rp_left a {
display: block;
float: left;
width: 120px;
height: 90px;
}

#blatex-izlivnik {
background: url(images/ponuda/blatex-izlivnik.jpg) no-repeat;
}

#blatex-izlivnik a {
background: url(images/ponuda/blatex-izlivnik_h.jpg) no-repeat 0 90px;
}

#blatex-izlivnik a:hover {
background: url(images/ponuda/blatex-izlivnik_h.jpg) no-repeat;
}

#oprema-inox {
background: url(images/ponuda/oprema-inox.jpg) no-repeat;
}

#oprema-inox a {
background: url(images/ponuda/oprema-inox_h.jpg) no-repeat 0 90px;
}

#oprema-inox a:hover {
background: url(images/ponuda/oprema-inox_h.jpg) no-repeat;
}

#medicinska-nemedicinska-oprema {
background: url(images/ponuda/medicinska-nemedicinska-oprema.jpg) no-repeat;
}

#medicinska-nemedicinska-oprema a {
background: url(images/ponuda/medicinska-nemedicinska-oprema_h.jpg) no-repeat 0 90px;
}

#medicinska-nemedicinska-oprema a:hover {
background: url(images/ponuda/medicinska-nemedicinska-oprema_h.jpg) no-repeat;
}

#namjestaj {
background: url(images/ponuda/namjestaj.jpg) no-repeat;
}

#namjestaj a {
background: url(images/ponuda/namjestaj_h.jpg) no-repeat 0 90px;
}

#namjestaj a:hover {
background: url(images/ponuda/namjestaj_h.jpg) no-repeat;
}

#opremanje-objekata {
background: url(images/ponuda/opremanje-objekata.jpg) no-repeat;
}

#opremanje-objekata a {
background: url(images/ponuda/opremanje-objekata_h.jpg) no-repeat 0 90px;
}

#opremanje-objekata a:hover {
background: url(images/ponuda/opremanje-objekata_h.jpg) no-repeat;
}

.rp_right {
background: #dfe0e0;
width: 190px;
height: 80px;
float: right;
padding: 10px 0 0 10px
}

#right .rp_right p {
padding: 3px 0;
}

#right2 {
width: 650px;
padding: 0 15px;
clear: both;
}

.podkat {
float: left;
width: 293px;
height: 200px;
margin: 15px 10px 0 0;
display: inline;
padding: 0 10px;
border: 1px solid #e7e8e8;
}

.podkat img {
float: left;
border: 0;
}

.podkat ul {
padding-left: 130px;
margin: 10px 0 0;
}

.item {
float: left;
width: 500px;
margin: 15px 0;
clear: both;
border: 1px solid #e7e8e8;
padding: 10px 0 8px 10px;
}

.item2, .item3 {
float: left;
width: 200px;
height: 150px;
border: 1px solid #e7e8e8;
padding: 10px 0 8px;
text-align: center;
margin: 10px 10px 10px 0;
}

.item3 {
height: 123px;
}

.item2 h2 {
clear: both;
}

.item2_img {
width: 200px;
height: 120px;
background-repeat: no-repeat;
background-position: center center;
}

.item img {
float: left;
margin-right: 15px;
}

#right .podkat p.box_right {
font-size: 1.1em;
font-weight: bold;
padding-top: 20px;
}

#right .item p.box_right {
font-weight: bold;
padding: 45px 10px 0 0;
}

#footer {
clear: both;
background: #FFFFFF url(images/footer.gif) repeat-x bottom;
height: 23px;
color: #b980d6;
font-size: 0.9em;
padding: 18px 10px 0
}

#footer_left {
float: left;
}

#footer_right {
float: right;
text-align: right;
font-weight: bold;
}

/* links */

#header_top a {
color: #686868;
text-decoration: none;
}

#header_top a:hover {
color: #7630a8;
}

#topnav_right a {
color: #616161;
text-decoration: none;
}

#topnav_right a:hover {
color: #8837b4;
}

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

#right a {
color: #9c59c1;
text-decoration: none;
}

#right a:hover {
color: #67298a;
text-decoration: underline;
}

#right .podkat a:hover {
text-decoration: none;
}

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

#footer a:hover {
color: #ebccfb;
}

/* headings */

h1 {
color: #888888;
font-size: 1.6em;
border-bottom: 2px solid #e7e8e8;
margin: 0;
padding-bottom: 7px;
}

h2 {
font-size: 1.1em;
color: #888888;
margin: 0;
padding: 5px 0 7px
}

.podkat h2 {
font-size: 1.3em;
padding: 10px 0 15px;
}

h3 {
font-size: 1.4em;
color: #888888;
margin: 0;
border-bottom: 1px solid #e7e8e8;
padding: 15px 0 7px;
}

.ref_list {
margin-left: 15px;
}

.partneri img {
border: 1px solid #cfcfcf;
margin-right: 7px;
}

#mapa {
margin: 0;
padding: 10px 0 0 30px;
}

#mapa li {
font-size: 1.1em;
font-weight: bold;
padding: 4px 0
}

#mapa li ul li {
font-size: 0.9em;
}

#mapa li ul li ul li {
font-weight: normal;
font-size: 1em;
padding: 2px 0
}


/* KONTAKT FORMA */

#forma {
margin: 0;
padding-top: 10px;
}

input, select, textarea {
background: #f2f2f2;
border: 1px solid #bababa;
font-family: Arial, Helvetica, sans-serif;
color: #4f4f4f;
font-size: 1em;
width: 300px;
margin-top: 3px;
margin-bottom: 10px;
padding: 3px
}

.button {
background: #f2f2f2;
width: 65px;
padding: 2px 0
}

legend {
display: none;
}

fieldset {
border: 0;
margin: 0;
padding: 0
}

.alert {
color: #FF0000
}