body {
font-family: Monda;
font-size:16px;
margin:0;
padding:0;
}

#container {
position:relative;
width:1000px;
height:1000px;
margin: 0 auto;
}

#logo {
position:absolute;
top:0px;
left:0px;
width:249px;
height:335px;
background-color:#cf4339;
}

#meni {
position:absolute;
left:10px;
top:10px;
width:230px;
height:20px;
color:#fff;
font-style:italic;
font-size:14px;
}

#mm {
position:absolute;
left:0px;
top:0px;
width:250px;
height:40px;
}

#meni a {
text-decoration:none;
color:#fff;
font-style:italic;
}

#l {
position:absolute;
top:160px;
left:15px;
width:203px;
height:59px;
background-image:url('../images/logo.png');
}

#heading {
position:absolute;
top:180px;
left:300px;
width:650px;
height:100px;
color:#999;
font-style:italic;
font-size:13px;
}

#heading span {
color:#cf4339;
font-style:italic;
font-size:22px;
}

#m {
position:absolute;
top:0px;
left:264px;
width:736px;
height:146px;
}

.item {
float:left;
width:92px;
height:146px;
}

.i {
display:block;
position:absolute;
width:92px;
height:146px;
}

.hover {
position:absolute;
width:92px;
height:146px;
opacity:0;
}


.col1 {
    line-height: 18px;
    list-style: none outside none;
}


#product {
    background-color: #FFFFFF;
    border-top: 1px solid #CCCCCC;
    position:absolute;
    top: 320px;
    left: 0px;
    z-index: 2;
}


#title {
    font: bold 14px Monda;
    height: 20px;
    color:#cf4339;
    font-weight:bold;
    display: inline-block;
    width:220px;
    position:absolute;
    top:30px;
    left:15px;
    border-bottom: 1px solid #ccc;
}

#description {
    font: 10px Monda;
    left: 650px;
    position: absolute;
    color:#aaa;
    top: 0px;
    width: 300px;
    z-index:5;
}


#tabela {
    font: 9px Monda !important;
    height: 300px;
    left: 310px;
    position: absolute;
    top: 380px;
    width: 300px;
    z-index:5;
}





table td:first-child {
    font-weight: bold;
}

table td {
    padding: 2px;
    font: 10px Monda;
}

#cijena {
    font: 9px Monda !important;
    height: 300px;
    left: 15px;
    position: absolute;
    top: 80px;
    z-index:5;
}

#slika {
    height: 319px;
    left: 420px;
    position: absolute;
    top: 50px;
    width: 400px;
    z-index:2;
}

#kategorija {
    font-size: 10px;
    font-weight: bold;
    height: 20px;
    margin-left: 5px;
    padding-top: 5px;
    position: absolute;
    top:0px;
    left:300px;
    text-align: left;
    width: 400px;
    font: 9px Monda;
    z-index:20;
}

#product-container {
    position: relative;
}

#categories {
position:absolute;
top:125px;
left:265px;
width:700px;
height:300px;
display:none;
z-index:21;
}


#sub-categories {
position:absolute;
top:20px;
left:0px;
width:850px;
background-color: rgba(30,30,30,0.9);
border: 1px solid #000;
z-index:10;
overflow:visible;
font-family: Monda;
}


#arrow {
position:absolute;
top:0px;
left:39px;
width:25px;
height:21px;
background-image: url("../img/arrow.png");
z-index:20;
}

.col1 {
float: left;
width: 134px;
position: relative;
line-height: 18px;
list-style: none outside none;
}

h5 {

    font-size: 11px;
    margin: 8px 10px -3px !important;
    line-height: 24px;
    color: #fff;
    font-weight: 600;
    letter-spacing: -0.2px;
    border-bottom: 1px solid #fff;
}


#thumbnails-container {
position:relative;
z-index:5;
}

#display-container {
position:relative;
z-index:5;
}

#display {
position:absolute;
top:0px;
left:20px;
}



#thumbnails {
position:absolute;
width:200px;
height:50px;
top:30px;
left:120px;
border: 1px solid #ccc;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    border: 0 none;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

h6 {
margin-left:30px;
}

.col1 ol {
float: left;
width: 124px;
position: relative;
line-height: 18px;
list-style: none outside none;
margin-left:10px;
margin-top:5px;
margin-right:10px;
}

.col1 ol li {
margin-left: 0;
position: relative;
line-height: 18px;
}

.col1 ol li a {
    transition: background-color 20ms ease-in-out 0s, color 20ms ease-in-out 0s;
}

.col1 ol li a {
    color: #bbb;
    font-size: 10px;
    line-height: 15px;
    padding: 3px 0;
    display:box;
}

.col1 ol li a:hover {
    color: #fff;
}

#slider-container {
position:absolute;
top:400px;
left:0px;
width:1000px;
height:369px;
}

#footer {
position:absolute;
top:860px;
left:0px;
width:1000px;
height:100px;
background-color:#e1e1e1;
}

#gornji {
position:relative;
margin: 0 auto;
width:200px;
height:60px;
}

.m {
float:left;
padding:10px;
margin-right:20px;
margin-top:10px;
font-family: Monda;
color:#555;
font-size:11px;
}

#prvi {
margin-left:20px;
}

#donji {
width:100%;
height:40px;
background-color:#aeaeae;
}

#copyright {
font-family: Monda;
color:#fff;
font-size:11px;
width:260px;
margin: 0 auto;
padding:10px;
}

#proizvod {
position:absolute;
top:360px;
left:0px;
width:1000px;
height:460px;
}

#gray {
position:absolute;
top:0px;
left:0px;
width:295px;
height:490px;
background-color:#ebebeb;
z-index:20;
}

#prethodna {
background-image: url("../images/left.png");
width:72px;
height:72px;
position:absolute;
top:150px;
left:320px;
z-index:2;
}

#naredna {
background-image: url("../images/right.png");
width:73px;
height:74px;
position:absolute;
top:150px;
left:850px;
z-index:2;
}

#tS2 {
position:absolute;
top:260px;
}

#bg1 {
position:absolute;
top:0;
left:290px;
background-image: url("../images/bg1.png");
width:280px;
height:352px;
z-index:1;
}

#bg2 {
position:absolute;
top:0;
left:780px;
background-image: url("../images/bg2.png");
width:259px;
height:92px;
z-index:1;
}

#map {
position:absolute;
left:480px;
top:400px;
width:500px;
height:340px;
background-color:#534;
}

#adresa {
position:absolute;
left:0px;
top:500px;
width:400px;
height:300px;
color:#aaa;
font-family: Monda;
font-size:15px;
}

#adresa span {
color:#cf4339;
font-size:18px;
}

#about {
position:absolute;
top:400px;
left:100px;
width:800px;
font-family: Monda;
font-size:15px;
color:#aaa;
}

#about span {
font-size:20px;
color:#cf4339;
}

#a {
position:absolute;
top:0;
left:0;
background-image: url("../images/fade.png");
width:83px;
height:146px;
display:none;
}

#n {
position:absolute;
top:0;
left:83px;
background-image: url("../images/fade.png");
width:83px;
height:146px;
display:none;
}

#k {
position:absolute;
top:0;
left:166px;
background-image: url("../images/fade.png");
width:83px;
height:146px;
display:none;
}

#header {
float:left;
width:100%;
height:46px;
background-color:#cf4339;
}

#header2 {
float:left;
width:100%;
height:46px;
background-color:#cf4339;
margin-top:40px;
}

#proizvodc {
width:480px;
height:439px;
float:left;
}

#wrap {
position:relative;
width:480px;
height:439px;
padding:20px;
}

#gore {
position:absolute;
width:460px;
height:30px;
border-bottom:1px solid #cf4339;
font-weight:bold;
}

#ime {
float:left;
}

#opis {
float:left;
font-size:10px;
width:350px;
height:40px;
overflow:hidden;
}

#kat {
float:right;
color:#cf4339;
}

#slikac {
position:absolute;
top:60px;
left:20px;
}

#cijenac {
position:absolute;
top:55px;
left:220px;
}

#tabelac {
position:absolute;
top:225px;
left:20px;
}

#t td {
border-bottom:1px solid #000;
}

#descriptionc {
position:absolute;
top:350px;
left:20px;
font-size:10px;
width:460px;
}

#hw {
position:relative;
width:100%;
height:100%;
color:#fff;
font-size:12px;
}

#ll {
float:right;
margin-right:60px;
}

#copyright a {
text-decoration:none;
color:#fff;
}