body
{
background: #b6b9ba url(images/bg.jpg) repeat-x;
font-family: Verdana, Arial, mono;
font-size: 11px;
color:#797979;
line-height:  1.6em;
font-weight: normal;
margin:0px; 
text-align:left;
}


* {
	margin: 0;
	padding: 0;
}

img {border: 0;}

.container
{width:1000px;}

#main
{width:991px;
background: url(images/maintxt.jpg) repeat-y;
float:left;}

#top
{float:left;
background: url(images/link_line.jpg) no-repeat;
height:86px;
width:991px;}

#logo
{
height:126px;
width:978px;
background: url(images/logo.jpg) no-repeat;
float:left;}

#partneri a {
margin-bottom: 10px;
display: block;
float: left;
width: 253px;
text-align: center;
}

#link
{float:left;
margin-top:12px;
margin-left:20px;}

#link1
{width:109px;
margin-bottom:13px;
height:42px;
background: url(images/link1.jpg) no-repeat;
float:left;}

#link1 a
{width:109px;
margin-bottom:13px;
height:42px;
background: url(images/link1a.jpg) no-repeat 0 50px;
float:left;}

#link1 a:hover
{width:109px;
margin-bottom:13px;
height:42px;
background: url(images/link1a.jpg) no-repeat;
background-position:left;
float:left;}

#link2
{width:194px;
margin-bottom:13px;
height:42px;
background: url(images/link2.jpg) no-repeat;
float:left;}

#link2 a
{width:194px;
height:42px;background: url(images/link2a.jpg) no-repeat 0 50px;
display:block;
float:left;}


#link2 a:hover
{width:194px;
height:42px;
display:block;
background-position:right;
background: url(images/link2a.jpg) no-repeat;
float:left;}

#link3
{width:101px;
margin-bottom:13px;
height:42px;
margin-left:130px;
background: url(images/link3.jpg) no-repeat;
float:left;}

#link3 a
{width:101px;
margin-bottom:13px;
height:42px;
background-position:left;
display:block;
background: url(images/link3a.jpg) no-repeat 0 50px;
float:left;}

#link3 a:hover
{width:101px;
height:42px;
background-position:right;
display:block;
background: url(images/link3a.jpg) no-repeat;
float:left;}

#link4
{width:111px;
margin-bottom:13px;
height:42px;
background: url(images/link4.jpg) no-repeat;
float:left;}

#link4 a
{width:111px;
height:42px;
background: url(images/link4a.jpg) no-repeat 0 50px;
float:left;}

#link4 a:hover
{width:111px;
background-position:right;
height:42px;
background: url(images/link4a.jpg) no-repeat;
float:left;}

#link5
{width:100px;
margin-bottom:13px;
height:42px;
background: url(images/link5.jpg) no-repeat;
float:left;}

#link5 a
{width:100px;
margin-bottom:13px;
height:42px;
background: url(images/link5a.jpg) no-repeat 0 50px;
float:left;}

#link5 a:hover
{width:100px;
margin-bottom:13px;
height:42px;background-position:right;
background: url(images/link5a.jpg) no-repeat;
float:left;}

#link6
{width:106px;
margin-bottom:13px;
height:42px;
background: url(images/link6.jpg) no-repeat;
float:left;}

#link6 a
{width:106px;
display:block;
height:42px;
background: url(images/link6a.jpg) no-repeat 0 50px;
float:left;}

#link6 a:hover
{width:106px;
height:42px;display:block;
background: url(images/link6a.jpg) no-repeat;
float:left;}

#link7
{width:87px;
margin-bottom:13px;
height:42px;
background: url(images/link7.jpg) no-repeat;
float:left;}

#link7 a
{width:87px;
margin-bottom:13px;
height:42px; 
background: url(images/link7a.jpg) no-repeat 0 50px;
float:left;}

#link7 a:hover
{width:92px;
margin-bottom:13px;
height:42px; background-position:right;
background: url(images/link7a.jpg) no-repeat;
float:left;}


#banner
{width:978px;
height:223px;
background: url(images/top.jpg) no-repeat;
float:left;
padding-top: 16px;
margin-left: 7px;
display: inline;}

#bottom
{height:138px;
background: url(images/bottom_bg.jpg) repeat-x;
clear:both;}

#sadrzaj_bottom
{height:97px;
width:990px;
margin-left:6px;
background: url(images/bottom.jpg) no-repeat;
float:left;
display: inline;}

#container_bottom
{width:1000px;}

.naslov
{background:url(/Gast-interijeri/images/right_naslov.jpg) no-repeat;
width:225px;
height:34px;
float:left;
color:#678a96;
text-align:left;
margin-left:15px;
font: bold 17px Arial, Helvetica, sans-serif;
padding: 12px 0 0 20px;
display: inline;}

.oprema
{background:url(images/oprema.jpg) no-repeat;
width:163px;
float:left;
margin-top:5px;
margin-left:10px;
height:26px;}

#left
{float:left;
width:260px;}

.welcome
{background:url(images/naslov.jpg) no-repeat;
width:98px;
display:block;
margin-bottom:19px;
height:32px;}

#maintxt-sadrzaj
{float:left;
width:690px;
margin-left:15px;
text-align:left;}


#maintxt-sadrzaj p
{margin-top:13px;
margin-bottom:13px;}

#maintxt-sadrzaj a
{color:#0f4776;
font-weight:bold;
text-decoration:none;}

#maintxt-sadrzaj ul
{
margin-left:50px;}

#maintxt-sadrzaj li
{
background:url(images/kocka.jpg) no-repeat;
background-position:left;
padding-left:10px;
list-style:none;}

#maintxt-sadrzaj a:hover
{color:#47769e;
font-weight:bold;
text-decoration:none;}


#left ul
{float:left;
list-style: none;
margin-left:28px;
}

#left ul.kat_raz1, ul.kat_raz1 {
font-size: 13px;
}


ul.kat_raz2, ul.kat_raz3, ul.kat_raz4, ul.kat_raz5 {
font-size: 11px;
}

#left ul.kat_raz1, #left ul.kat_raz2, #left ul.kat_raz3, 
#left ul.kat_raz4, #left ul.kat_raz5 {
margin-left: 32px;
}


ul.kat_raz5 {
font-weight: normal;
}



#nav_main {
width: 300px;
}

#left li, #nav_main li
{float:left;
background:url(/Gast-interijeri/images/kocka2.gif) no-repeat 0 12px;
padding: 5px 0 5px 8px;
width:205px;
border-bottom:1px solid #cacbcc;
text-align:left;
list-style: none;
font-weight: bold;}

#left ul.kat_raz2 li {
width: 205px;
}

#nav_main ul.kat_raz1 li, #nav_main ul.kat_raz2 li {
width: 300px;
}

#left ul.kat_raz3 li, #nav_main ul.kat_raz3 li {
width: 185px;
padding-left: 25px;
background:url(/Gast-interijeri/images/kocka2.gif) no-repeat 15px 12px;
}

#nav_main ul.kat_raz3 li {
width: 280px;
}

#left ul.kat_raz4 li, #nav_main ul.kat_raz4 li {
width: 175px;
padding-left: 35px;
background:url(/Gast-interijeri/images/kocka2.gif) no-repeat 25px 12px;
}

#nav_main ul.kat_raz4 li {
width: 270px;
}

#left ul.kat_raz5 li, #nav_main ul.kat_raz5 li {
width: 165px;
padding-left: 45px;
background:url(/Gast-interijeri/images/kocka2.gif) no-repeat 35px 12px;
font-weight: normal
}

#nav_main ul.kat_raz5 li {
width: 260px;
}

#left .kat_raz1 li a, #maintxt-sadrzaj .kat_raz1 li a {
color: #1B596F;
text-decoration:none;
}

#left .kat_raz2 li a, #maintxt-sadrzaj .kat_raz2 li a {
color:#137A9F;
text-decoration:none;}

#left .kat_raz1 li a:hover, #left .kat_raz2 li a:hover,
#maintxt-sadrzaj .kat_raz1 li a:hover, #maintxt-sadrzaj .kat_raz2 li a:hover {
color:#333333;
}

#left .kat_raz3 li a, #maintxt-sadrzaj .kat_raz3 li a {
color: #3F3F3F;
text-decoration: none;
}

#left .kat_raz3 li a:hover, #maintxt-sadrzaj .kat_raz3 li a:hover {
color: #000000;
}

#left .kat_raz4 li a, #left .kat_raz5 li a, 
#maintxt-sadrzaj .kat_raz4 li a, #maintxt-sadrzaj .kat_raz5 li a {
color: #656869;
text-decoration: none;
}

#left .kat_raz4 li a:hover, #left .kat_raz5 li a:hover,
#maintxt-sadrzaj .kat_raz4 li a:hover, #maintxt-sadrzaj .kat_raz5 li a:hover {
color: #333333;
}

#breadcrumbs {
float: left;
width: 690px;
border-bottom: 1px solid #BFBFBF;
padding-bottom: 5px;
margin-bottom: 15px;
}

/* kategorije sredina */

.kategorija_row {
float: left;
width: 690px;
padding-bottom: 10px;
}

.kategorija, .proizvod {
float: left;
width: 162px;
text-align: center;
margin: 0 10px 0 0;
font-weight: bold;
display: inline;
background: #FFFFFF url(/Gast-interijeri/images/kategorija.gif) repeat-x bottom;
}

.proizvod {
background: #DADADC;
}

.kategorija a, .proizvod a {
display: block;
float: left;
width: 150px;
padding: 10px 5px 6px;
background: url(/Gast-interijeri/images/kategorija_h.gif) no-repeat 0 170px;
border: 1px solid #bfbfbf;
outline: none;
}

#maintxt-sadrzaj .kategorija a:hover, #maintxt-sadrzaj .proizvod a:hover {
background: #b5b9ba url(/Gast-interijeri/images/kategorija_h.gif) repeat-x bottom;
color: #FFFFFF;
border: 1px solid #646566;
}

#maintxt-sadrzaj .proizvod a:hover {
background: #8EC7DB;
color: #1B596F;
border: 1px solid #638F9F;
}

#maintxt-sadrzaj .kategorija span, #maintxt-sadrzaj .proizvod span  {
line-height: 14px;
}

.kategorija img, .proizvod img {
max-width: 150px;
max-height: 100px;
width: expression(this.width > 150 ? 150: true);
height: expression(this.height > 100 ? 100: true);
margin-bottom: 5px;
}

.img_left {
float: left;
margin: 0 20px 30px 0;
}

.img_right {
float: right;
margin: 0 0 0 20px;
}

#proizvod_kraj {
clear: both;
padding-top: 20px;
}

#proizvod_kraj a {
display: block;
float: right;
border: 1px solid #bfbfbf;
background: #FFFFFF url(/Gast-interijeri/images/kategorija.gif) repeat-x bottom;
font-weight: bold;
padding: 2px 8px;
margin-right: 5px;
}

#maintxt-sadrzaj #proizvod_kraj a:hover {
background: #b5b9ba url(/Gast-interijeri/images/kategorija_h.gif) repeat-x bottom;
color: #FFFFFF;
border: 1px solid #646566;
}


/* novosti */

.novost {
background: #DADADC;
border: 1px solid #bfbfbf;
padding: 10px;
float: left;
width: 660px;
margin-bottom: 15px;
}

.novost_kraj {
text-align: right;
margin-top: 15px;
}

h3 {
font-size: 1.3em;
color: #678A96;
margin: 0;
padding: 0 0 7px;
}


/* */

.copy
{float:left;
color:#5e6264;
margin-top:45px;
margin-left:20px;}

.virtus
{float:left;
color:#5e6264;
margin-top:45px;
margin-left:494px;}

.virtus a
{float:left;
color:#5e6264;
text-decoration:none;
}

.virtus a:hover
{float:left;
color:#000;
}


.sub1
{border-bottom:1px solid #cacbcc;float:left;margin-top:5px;
margin-left:30px;padding-left:35px;
width:150px;padding-bottom:8px;}

.link11
{width:160px;
text-align:left;}

.link11 a
{color:#444545;
text-decoration:none;
font-size:11px;
font-weight:bold;}


.link11 a:hover
{color:#000000;
text-decoration:none;
font-size:11px;
font-weight:bold;}

h2 {
color: #99a3a6;
font: normal 20px Arial, Helvetica, sans-serif;
margin: 0;
padding-bottom: 15px;
}

#maintxt-sadrzaj ul.def_list {
margin-left: 30px;
}

#maintxt-sadrzaj ul.def_list li {
margin-bottom: 4px;
}

a {
outline: none;
}

.google_mapa {
float: right;
width: 400px;
}

.logo_left {
float: left;
margin: 20px 40px 0 0;
}

.clear {
clear: both;
}