/* CSS Document */

body{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
color:#636363;
}

a{
text-decoration:none;
color:#064686;
}

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

h1#logo{
position:absolute;
width:238px;
height:74px;
background-image:url(../images/logo.gif);
text-indent:-5000px;
margin-left:710px;
}

h1#logoH{
width:114px;
height:71px;
background-image:url(../images/logo-hyundai.gif);
position:absolute;
text-indent:-5000px;
top:73px;
left:7px;
}


ul#qmeni{
position:absolute;
width:87px;
height:61px;
top:73px;
left:121px;
background-color:#F7F7F7;
padding:10px 0px 0px 20px;
}

ul#qmeni li{
font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:10px;
background-image:url(../images/bullet.gif);
background-position:left;
background-repeat:no-repeat;
}

ul#qmeni li a{
color:#636363;
text-decoration:none;
}




#slikaGlavna{
position:absolute;
top:152px;
left:7px;
width:493px;
height:374px;
background-image:url(../images/slika-back.gif);
z-index:0;
}

#vijesti{
position:absolute;
top:152px;
left:509px;
width:392px;
height:334px;
background-image:url(../images/vijesti-back.gif);
padding:20px;
}

#vijesti h1{
font-size:14px;
color:#064686;
font-weight:bold;
}

a.vijestipocetna{
color:#636363;
text-decoration:none;
}
a.vijestipocetna:hover{
color:#0A2366;
text-decoration:underline;
}

#vijesti li{
line-height:36px;
background-image:url(../images/tockice.gif);
background-position:bottom;
background-repeat:repeat-x;
}

#vijesti li span{
font-weight:bold;
}

#holder{
width:935px;
padding-top:106px;
padding-left:6px;
}


#izdvojeno{
width:935px;
padding-top:535px;
padding-left:6px;
}

.kucicaIzd{
width:227px;
float:left;
margin-right:7px;
padding-bottom:5px;
background-color:#F9F6F6;
}

.kucicaIzd h1{
font-size:12px;
color:#064686;
font-weight:bold;
padding:3px 5px 3px 0px;
}

.kucicaIzd p{
padding:5px 5px 0px 5px;
}

#futer{
width:931px;
padding-left:5px;
background-color:#0A2366;
line-height:31px;
text-align:right;
font-size:9px;
color:#FFFFFF;
clear:both;
padding-right:5px;
}

#probna{
width:189px;
height:203px;
background-image:url(../images/probna-voznja.gif);
float:right;
margin-left:4px;
margin-bottom:9px;
padding:50px 20px 20px 20px;
background-repeat:no-repeat;
}

#probna ul{
width:189px;
display:block;
}

#probna li{
width:189px;
margin-bottom:6px;
font-size:10px;
color:#FFFFFF;
}

#probna label{
display:block;
float:left;
width:80px;
}

.ProbFormItem{
border:1px solid #FFFFFF;
font-size:10px;
width:105px;
}

.ProbFormItem{
border:1px solid #FFFFFF;
font-size:10px;
width:105px;
}

#katalog, #rabljena{
width:184px;
height:203px;
background-repeat:no-repeat;
padding:50px 0px 20px 15px;
position:absolute;


}

#katalog{
top:345px;
left:755px;
background-image:url(../images/narucite-katalog.gif);
}

#servis{
width:184px;
height:309px;
background-repeat:no-repeat;
padding:50px 0px 20px 15px;
position:absolute;
top:348px;
left:747px;
background-image:url(../images/narucite-servis.gif);
}


#rabljena{
top:345px;
left:745px;
background-image:url(../images/upit-vozilo.gif);
}

#katalog ul,  #rabljena ul, #servis ul{
width:189px;
display:block;
}

#katalog li,  #rabljena li{
width:189px;
margin-bottom:6px;
font-size:10px;
color:#fff;
}

.boja_m{
width:12px;
height:12px;
border:1px solid;
}

#servis li{
width:189px;
margin-bottom:3px;
font-size:10px;
color:#fff;
}

.serFormItem{
border:1px solid #fff;
font-size:10px;
width:165px;
}


#katalog label, #rabljena label{
display:block;
float:left;
width:80px;
}

.katFormItem{
border:1px solid #fff;
font-size:10px;
width:85px;
}

#rab{
font-size:14px;
font-weight:bold;
}



.baton{
background-color:#005CA2;
color:#FFFFFF;
border:1px solid #FFFFFF;
font-size:10px;
}

#left{
float:left;
width:226px;
padding-top:35px;
}

#left h1{
color:#0062AC;
padding:20px 15px 0px 10px;
font-size:14px;
margin-bottom:15px;
}

#right{
float:left;
width:515px;
min-height:500px;
height:auto !important;
height:500px;
}
#right h2{
font-weight:norma;
font-size:14px;
margin:0px 0px 5px 0px;
color:#064686;
}

#header{
width:709px;
height:219px;
margin-bottom:20px;
}


#header h1{
position:relative;
color:#FFFFFF;
font-size:24px;
line-height:56px;
width:689px;
font-weight:normal;
background-image:url(../images/backh1.png);
padding:0px 10px 0px 10px;
margin-top:-56px;
}


h1{
font-size:24px;
color:#0062AC;
}

p{
margin-bottom:15px;
}


#galerija{
width:515px;
margin-bottom:15px;
}

#galerija2{
width:190px;
float:left;
}

#galerija img{
margin-right:10px;
margin-bottom:10px;
}


ul#meni2{
width:205px;
}


ul#meni2 li{
background-image:url(../images/tockice.gif);
background-position:bottom;
background-repeat:repeat-x;
padding:0px 0px 1px 0px;
}

ul#meni2 li a{
color:#0A2366;
text-decoration:none;
display:block;
background-image:url(../images/strelice3.gif);
background-position:left;
background-repeat:no-repeat;
padding:5px 0px 5px 20px;
margin-left:10px;
}
ul#meni2 li a:hover{
background-color:#F7F7F7;
}

ul#meni2 ul{
width:170px;
margin:0px 0px 0px 30px;
}

ul#meni2 li li{
background-image:none;
}

ul#meni2 li li a{
width:170px;
display:block;
font-size:10px;
background-image:none;
padding:4px 0px;
margin:0px;
}


ul#meni2 li li a:hover{
background-color:#F7F7F7;
}

.izlistAuta{
width:225px;
float:left;
height:150px;
padding:5px 0px 15px 0px;
margin:0px 10px 5px 0px;
}

.izlistAuta h2{
font-weight:bold;
font-size:16px;
margin-left:0px;
margin-bottom:5px;
color:#064686;
}

.izlistAuta ul{
margin:0px;
padding:0px;
list-style-type:none;
color:#666;
float:left;
width:76px;
}

.izlistAuta li{
margin-bottom:3px;
}

.slikaIzlist{
float:left;
margin:0px 7px 0px 0px;
border:1px solid #666;
width:140px;
}

.izlistOp{
width:215px;
float:left;
height:180px;
padding:5px 0px 0px 0px;
margin:0px 21px 10px 0px;
}

.izlistOp h2{
font-weight:bold;
font-size:16px;
margin-bottom:5px;
color:#064686;
}

.izlistOp ul{
margin:0px;
padding:0px;
list-style-type:none;
color:#666;
}

.izlistOp li{
margin-bottom:3px;
}

.slikaOpIzlist{
margin:0px 0px 7px 0px;
border:1px solid #666;
width:215px;
}

.str{
font-weight:bold;
}

a.det{
font-size:10px;
color:#064686;
}

a.det:hover{
text-decoration:none;
}

#right2{
float:left;
width:709px;
}

#boja{
width:615px;
margin-bottom:15px;

}

#boja img{
float:left;
margin-right:15px;
}

#boja li img{
float:left;
margin-right:5px;
}

#boja ul{
width:190px;
display:block;
float:left;
}

#boja li{
margin-bottom:3px;
}

#boja li a{
text-decoration:none;
color:#064686;
}

#boja li a:hover{
color:#636363;
}

#pdflinks{
width:170px;
position:absolute;
margin-left:770px;
top:620px;
}

#pdflinks li{
background-image:url(../images/pdf.gif);
padding-left:30px;
background-position:left;
background-repeat:no-repeat;
line-height:25px;
font-size:12px;
margin-bottom:10px;
}
#galerijarabljena{
width:520px;
margin-bottom:15px;
}

#galerijarabljena img{
width:120px;
margin:0px 5px 5px 0px;
}
#galerijarabljena a{
text-decoration:none;}

#pModeli{
width:710px;
margin-bottom:15px;
padding:20px 0px 0px 0px;
}
#pModeli dl{
margin:0px 18px 20px 15px;
float:left;
border:1px solid #f3f3f3;
}
#pModeli dt{
margin:0px;
padding:0px;
}
#pModeli dd{
text-align:center;
padding:5px 0px;
margin:0px;
}