@charset "utf-8";
/* CSS Document */
body{
margin:0px;
padding:0px;
font-family:Tahoma, Arial, Verdana,  Helvetica, sans-serif;
font-size:11px;
background:url(../images/bg.gif) top repeat-x;
background-color:#7184a2;
behavior: url("../csshover.htc");
}
img {
   behavior: url("../pngbehavior.htc");
}
#main_wrapper{
margin:0 auto;
width:1050px;
background:url(../images/main_wrapper_bg.jpg) top repeat-x;
background-color:#7186a3;
min-height:820px;
height:expression('820px');
border-left:1px solid #56667d;
border-right:1px solid #56667d;
}
#main_wrapperBottom{
margin:0 auto;
width:1052px;
height:19px;
background:url(../images/main_wrapper_bttombg.jpg) top no-repeat;
}
#wrapper{
margin:0 auto;
width:1024px;
}
#header{
width:100%;
}
#headerTop{
background:url(../images/headerTopbg.jpg) bottom no-repeat;
width:1024px;
height:9px;
line-height:0px;
font-size:0px;
}
.clearfloat{
clear:both;
height:0px;
font-size:0px;
line-height:0px;
}
#footer{
margin:0 auto;
width:1024px;
padding-bottom:10px;
}
#mainContent{
width:100%;
}
#mainContent #left{
width:670px;
float:left;
}
#mainContent #right{
float:left;
width:336px;
margin-left:18px;
display:inline;
}
#searchSkuter{
margin-top:20px;
width:100%;
height:175px;
float:left;
background:url(../images/skuteri_searchBg.gif) top no-repeat;
display:inline;

}
#searchMotocikl{
width:100%;
height:175px;
float:left;
background:url(../images/motocikli_searchBg.gif) top no-repeat;

}
#searchAutomobili{
width:100%;
height:214px;
float:left;
background:url(../images/automobili_searchBg.gif);
}
#searchOprema{
width:100%;
height:125px;
float:left;
background:url(../images/oprema_searchBg.gif) top no-repeat;
}
h2{
padding-left:22px;
padding-top:expression('13px');
padding-bottom:0px;
margin-bottom:5px;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
}
#homeSearch{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#2e2e2a;
font-size:12px;
margin:0px;
padding:0px;
}
#homeSearch input{
width:150px;
height:16px;
padding:0px;
margin:0px;
line-height:10px;
float:left;
}
#homeSearch select{
margin-left:expression('10px');
width:154px;
height:18px;
line-height:10px;
font-size:12px;
}
#homeSearch ul{
margin:10px 10px 0px;
padding:0px;
padding-left:20px;
}
#homeSearch ul li{
list-style:none;
float:left;
}
#homeSearch ul li.name{
width:110px;
text-align:right;
margin-top:6px;
}
#homeSearch ul li.inputField{
width:100px;
margin-left:5px;
margin-top:3px;
display:inline;
}
li#button input{
height:26px;
width:85px;
margin-top:5px;
margin-left:185px;
display:inline;



}
input.motorcikliSearch_button{
float:right;

text-indent:-9999px;
font-size:0px;
width:85px;
height:26px;
background: url(../images/motocikli_searchBt.gif) top left no-repeat;
border:0px;
cursor:hand;
cursor:pointer;
}
input.motorcikliSearch_button:hover{
background-position: bottom left;
}
input.automobiliSearch_button{
float:right;
text-indent:-9999px;
font-size:0px;
width:85px;
height:26px;
background: url(../images/automobili_searchBt.gif) top left no-repeat;
border:0px;
cursor:hand;
cursor:pointer;
}
input.automobiliSearch_button:hover{
background-position: bottom left;
}
input.opremaSearch_button{
float:right;
text-indent:-9999px;
font-size:0px;
width:85px;
height:26px;
background: url(../images/oprema_searchBt.gif) top left no-repeat;
border:0px;
cursor:hand;
cursor:pointer;
}
input.opremaSearch_button:hover{
background-position: bottom left;
}
input.skuteriSearch_button{
float:right;
text-indent:-9999px;
font-size:0px;
width:85px;
height:26px;
background: url(../images/skuteri_searchBt.gif) top left no-repeat;
border:0px;
cursor:hand;
cursor:pointer;
}
input.skuteriSearch_button:hover{
background-position: bottom left;
}

/* NASLOV -TITLE */
.skuteri_titleDiv{
float:left;
width:565px;
height:61px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/skuteri_naslov_bg.png');
margin-top:15px;
/*padding-top:14px;*/
font-size:17px;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
letter-spacing:1px;
}
.skuteri_titleDiv *{
position:relative;
}
.skuteri_titleDiv[class]{
background: url(../images/skuteri_naslov_bg.png) top no-repeat;
}
.motocikli_titleDiv{
float:left;
width:565px;
height:61px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/motocikli_naslov_bg.png');
margin-top:15px;
/*padding-top:14px;*/
font-size:17px;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
letter-spacing:1px;
}
.motocikli_titleDiv *{
position:relative;
}
.motocikli_titleDiv[class]{
background: url(../images/motocikli_naslov_bg.png) top no-repeat;
}
.automobili_titleDiv{
float:left;
width:565px;
height:61px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/automobili_naslov_bg.png');
margin-top:15px;
/*padding-top:14px;*/
font-size:17px;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
letter-spacing:1px;
}
.automobili_titleDiv *{
position:relative;
}
.automobili_titleDiv[class]{
background: url(../images/automobili_naslov_bg.png) top no-repeat;
}
.oprema_titleDiv{
float:left;
width:565px;
height:61px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/oprema_naslov_bg.png');
margin-top:15px;
/*padding-top:14px;*/
font-size:17px;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
letter-spacing:1px;
}
.oprema_titleDiv *{
position:relative;
}
.oprema_titleDiv[class]{
background: url(../images/oprema_naslov_bg.png) top no-repeat;
}
.skuteri_titleDiv label{
padding-left:15px;
line-height:50px;
}
.motocikli_titleDiv label{
padding-left:15px;
line-height:50px;
}
.automobili_titleDiv label{
padding-left:15px;
line-height:50px;
}
.oprema_titleDiv label{
padding-left:15px;
line-height:50px;
}

/* END NASLOV -TITLE */

.mainText{
float:left;
font-size:12px;
font-weight:normal;
color:#ffffff;
line-height:15px;
font-weight:bold;
padding-left:5px;
}
.listBox{
width:322px;
float:left;
margin-left:14px;
margin-top:14px;
display:inline;
}
.listBox_top{
width:322px;
height:11px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/list_top.png');
}
.listBox_top *{
position:relative;
}
.listBox_top[class]{
background: url(../images/list_top.png) top no-repeat;
}
.listBox_middle{
width:320px;
height:expression('210px');
min-height:210px;
background:url(../images/list_middle.jpg) top repeat-x;
background-color:#374252;
border-left:solid 1px #ededed;
border-right:solid 1px #ededed;
}
.listBox_bottom{
width:322px;
height:11px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/list_bottom.png');
}
.listBox_bottom *{
position:relative;
}
.listBox_bottom[class]{
background:url(../images/list_bottom.png) top no-repeat;
}
#list {
width:100%;
font-size:11px;
}
.skuterList{
margin-top:30px;
}
.motocikliList{
margin-top:30px;
}
#list .leftBox{
float:left;
width:160px;
color:#ffffff;
font-weight:bold;
padding-left:10px;
}
#list .leftBox span{
font-weight:normal;
color:#e2e2e2;
font-size:11px;
}
#list .rightBox{
float:left;
width:140px;
}
#list .title {
width:100%;
height:30px;
}
#list .title a.titleSkuteri{
font-size:17px;
font-weight:bold;
color:#ffb857;
text-decoration:none;
padding-left:10px;
text-transform:uppercase;
}
#list .title a.titleSkuteri:hover{
color:#e2e2e2;
}
#list .title a.titleMotocikli{
font-size:17px;
font-weight:bold;
color:#acd255;
text-decoration:none;
padding-left:10px;
text-transform:uppercase;
}
#list .title a.titleMotocikli:hover{
color:#e2e2e2;
}
#list .title a.titleAutomobili{
font-size:17px;
font-weight:bold;
color:#6ab57e;
text-decoration:none;
padding-left:10px;
text-transform:uppercase;
}
#list .title a.titleAutomobili:hover{
color:#e2e2e2;
}
#list .title .titleOprema{
font-size:17px;
font-weight:bold;
color:#3fbada;
text-decoration:none;
padding-left:10px;
text-transform:uppercase;
}
.leftBox .first{
height:35px;
}
.skuterList .leftBox .second{
height:80px;
}
.motocikliList .leftBox .second{
height:77px;
}
.automobiliList .leftBox .second{
height:35px;
}
.opremaList .leftBox .second{
height:77px;
}
.third{
height:40px;
}
.price{
font-size:15px;
font-weight:bold;
}
.price label{
color:#ffffff;
font-size:11px;
font-weight:normal;
}
.skuterList .leftBox .price{
color:#ffb857;
}
.motocikliList .leftBox .price{
color:#acd255;
}
.automobiliList .leftBox .price{
color:#6ab57e;
}
.opremaList .leftBox .price{
color:#3fbada;
}

.opremaList .rightBox .desc{
margin-top:10px;
color:#ffffff;
}


/*  BUTTON DETALJI  */

.detaljiSkuteriBt{
float:left;
border:none;;
width:95px;
height:26px;
background:url(../images/detalji_skuteriBt.gif) left top;
cursor:pointer;
cursor:hand;
text-indent:-9999px;
margin-top:15px;
margin-left:30px;
}
.detaljiSkuteriBt:hover{
background-position:left bottom;
}

.detaljiMotocikliBt{
float:left;
border:none;;
width:95px;
height:26px;
background:url(../images/detalji_motocikliBt.gif) left top;
cursor:pointer;
cursor:hand;
text-indent:-9999px;
margin-top:15px;
margin-left:30px;
}
.detaljiMotocikliBt:hover{
background-position:left bottom;
}

.detaljiAutomobiliBt{
float:left;
border:none;;
width:95px;
height:26px;
background:url(../images/detalji_automobiliBt.gif) left top;
cursor:pointer;
cursor:hand;
text-indent:-9999px;
margin-top:15px;
margin-left:30px;
}
.detaljiAutomobiliBt:hover{
background-position:left bottom;
}

.detaljiOpremaBt{
float:left;
border:none;;
width:95px;
height:26px;
background:url(../images/detalji_opremaBt.gif) left top;
cursor:pointer;
cursor:hand;
text-indent:-9999px;
margin-top:15px;
margin-left:30px;
}
.detaljiOpremaBt:hover{
background-position:left bottom;
}


/* END BUTTON DETALJI  */


.sort{
margin-top:25px;
margin-left:5px;
}
#left ul.homeTop{
margin: 20px 0px;
padding:0px;

}
#left ul.homeTop li{
list-style:none;
float:left;
}
#left ul.homeTop li#homeImg{
width:346px;
height:217px;
margin-top:15px;

}
#left ul.homeTop li#hometitle{
width:630px;
height:35px;
font-size:18px;
font-weight:bold;
color:#FFFFFF;
text-transform:uppercase;
}
#left ul.homeTop li#hometitle label{
color:#ffa92a;
}
#left ul.homeTop li#introText{
margin-left:35px;
width:260px;
color:#FFFFFF;
font-size:13px;
text-align:justify;
}
#left ul#homeNews{
margin:30px 0px;
padding:0px;
width:651px;
}
#left ul#homeNews li{
width:646px;
list-style:none;
float:left;
}
#left ul#homeNews li.top{
height:17px;
background:url(../images/homeNews_top.gif) top no-repeat;
}
#left ul#homeNews li.middle{
width:644px;
background:#FFFFFF;
border-left:solid 1px #56667d;
border-right:solid 1px #56667d;
}
#left ul#homeNews li.bottom{
height:17px;
background:url(../images/homeNews_bottom.gif) top no-repeat;
}
.middle ul{
margin:0px;
padding:0px;
padding-left:15px;
width:630px;
}
.middle ul li{
float:left;
list-style:none;
}
li.middle ul li.newsName{
width:400px !important;
color:#ffa92a;
font-size:14px;
font-weight:bold;
}
li.middle ul li.newsDate{
width:215px !important;
text-align:right;
}
li.middle ul li.news_shortText{
width:600px !important;
padding-top:10px;
font-size:13px;
}
li.middle ul li.news_shortText .all_news{
text-decoration:none;
color:#ffa92a;
}
li.middle ul li.news_shortText label{
color:#ffa92a;
}
.all_newsBt{
float:left;
border:none;;
width:82px;
height:26px;
background:url(../images/all_newsBt.gif) left top;
cursor:pointer;
cursor:hand;
text-indent:-9999px;
margin-top:15px;
margin-left:30px;
}
.all_newsBt:hover{
background-position:left bottom;
}
li.middle ul li.newsBt{
width:100px !important;
float:right !important;
padding-right:25px;
}
.friends{
float:left;
width:300px;
padding:0px 0px 0px 15px;
}
.krstarica[class]{
padding-top:15px;
}
.krstarica{
float:left;
width:300px;
padding:0px;
}
.friends li.title{
list-style:none;
font-size:13px;
color:#ffa92a;
}
.friends li.link{
list-style:none;
line-height:15px;
}
.friends li.link a{
text-decoration:none;
color:#ffffff;
}
.friends li.link a:hover{
color:#454545;
}
.krstarica_inside{
width:130px;
padding:5px;
background:#fff400;
margin-left:40px;
}


.contact{
padding:25px 0px 0px 0px;
padding-bottom:0px;
margin:0 auto;
margin-top:15px;
width:560px;
}
.contact span{
font-size:13px;
color:#FFFFFF;
}
.contact label{
color:#FFFFFF;
}
.contact .contactForm{
margin:0px;
padding:0px;
margin-top:20px;
}

.inputTitle{
font-size:11px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
margin-top:50px;
line-height:30px;
}
.inputFild{
font-size:11px;
line-height:30px;
}
.input1{
font-size:11px;
color:#ffffff;
border:solid 1px #d9d9d9;
background:#3a4557;

}
.posaljiBt{
float:left;
border:none;;
width:90px;
height:26px;
background:url(../images/posalji.gif) left top;
cursor:pointer;
cursor:hand;
text-indent:-9999px;
margin-top:15px;
margin-left:295px;
}
.posaljiBt:hover{
background-position:left bottom;
}
#det{
width:350px;
float:left;
margin-top:35px;
margin-left:25px;
}
#det ul{
margin:0px;
padding:0px;
}
#det ul li{
float:left;
list-style:none;
line-height:17px;
font-size:12px;
}
#det ul li.name{
width:120px;
text-align:right;
padding-right:5px;
color:#e3e3e3;
clear:left;
}
#det ul li.nameBase{
width:200px;
text-align:left;
padding-right:15px;
color:#ffffff;
font-weight:bold;
}
#pic{
width:400px;
float:left;
margin-top:35px;
}
#pic ul{
margin:0px;
padding:0px;
}
#pic ul li{
float:left;
list-style:none;
width:150px;
padding-left:15px;
padding-top:15px;
}
#pic img{
border: 1px solid #b2c1d5; 
margin: 0px; 
padding: 6px;
}
.newsAll_date{

float:left;
font-size:11px;
font-weight:normal;
color:#FFFFFF;
margin-left:505px;
display:inline;
}
.newsAll{
padding:40px 20px;
font-size:12px;
font-weight:normal;
color:#FFFFFF;
}
.news{
padding:20px;
}
.news ul{
margin:0px;
padding:0px;
color:#FFFFFF;
}
.news ul li{
list-style:none;
float:left;
width:100%;
}
.news ul li a{
color:#ffa92a;
text-decoration:none;
}
.news ul li.title{
font-size:14px;
font-weight:bold;
color:#ffa92a;
}
.news ul li.neswDesc{
padding-top:15px;
}
#footer{
color:#526177;
}
#footer a{
color:#435062;
}
#footer a:hover{
color:#ffa92a;
}
#footer_left{
padding-bottom:10px;
float:left;
width:200px;
color:#526177;
}
#footer_right{
float:right;
text-align:right;
widows:200px;
}
#contactTitle{
font-size:18px;
color:#FFFFFF;
text-transform:uppercase;
font-weight:bold;
}
.contactImg{
padding:15px 0px 0px 50px;
}
.contentContact{
color:#FFFFFF;
font-size:14px;
text-align:center;
padding-right:90px;
}
.contentContact p.web{
font-size:12px;
}
.contentContact p.web a{
text-decoration:none;
color:#ffa92a;
}
.contentContact p.web a:hover{
color:#FFFFFF;
}