html {font-family:"arial,helvetica,sans-serif"; color:#fff; background:#000; font-size:10px;}

body {}

/* GLOBALS */
h1 {font-size:24px;}
h2 {font-size:22px;}
h3 {font-size:20px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:14px;}
.cleardiv{clear:both; font-size:1px;}

a{color:#999; font-size:11px; text-decoration:none; outline:none;}
a:hover{color:#fff;}

/* Layout */
.topContent {min-height:95px; overflow:hidden;}
.topContent .logo {float:left; width:180px; text-align:center; margin-top:20px;}
.topContent .meniTop {float:left;}

/* Menu  */
#menu {font-weight:bold;}
#menu li {float:left;}
#menu li a{border-left:1px solid #999; border-bottom:1px solid #999; padding:5px 7px 5px 7px;}

/* Submenu  */
#menu li ul {position:absolute; margin-top:5px; left:0; margin-left:180px; display:none; width:500px;  font-weight:normal;}
#menu li ul li {padding-top:7px;}
#menu li ul li a{border:none;}
#menu li ul li a:hover{border:none;}


.primarenContent {border:0px solid red;  overflow:hidden; min-height:300px; margin-left:10px;}
.sekundarenContent{border:0px solid red; float:left; width:750px; margin-left:190px; overflow:hidden;}
* html .sekundarenContent{margin-left:95px;}


.primarenContent .flashBox {width:747px; float:left;  border:0px solid green;}
.primarenContent .staticBox {width:747px; float:left;  border:0px solid green;}

.meniFooter{position:fixed; left:180px; bottom:0; background:#000;}

/* Footer menu */
.meniFooter {margin-bottom:5px;  font-size:10px;}
.meniFooter ul li {float:left; margin-right:20px;}

/* Left menu */
.menuLeftBox {width:180px; float:left; text-align:left;}
.menuLeftBox h2{border-bottom:1px solid #868686; font-size:11px; padding-bottom:3px;}
.menuLeftBox ul {margin:10px;}

.menuLeftBox ul li ul {margin:0; margin-left:10px; display:none;}
.menuLeftBox ul li.selected ul {display:block;}
.menuLeftSelected, .menuSelected {color:#fff;}

/* Front links */
.frontLinks ul li{float:left; width:230px; margin-right:18px; margin-top:18px; text-align:left;}
.frontLinks img{float:left; margin-right:10px;}
.frontLinks b{font-size:12px;}
.frontLinks a{color:#fff;}
.frontLinks a:hover{color:#999;}
.frontLinks a:hover b{color:#fff;}

/* Menu modeli */
.menuModeli {font-size:11px; }
* html .menuModeli {margin-top:30px;}

.menuModeli ul li{width:150px; height:100px; border:0px solid red; background-position:0px 20px; background-repeat:no-repeat;
                    margin-top:10px; overflow:hidden; position:relative; cursor:pointer;}
.menuModeli ul li.mini{background-image: url(images/bg_navigation_mini_stroke.gif);}
.menuModeli ul li.minicabrio{background-image: url(images/bg_navigation_mini_cabrio_stroke.gif);}
.menuModeli ul li.miniclubman{background-image: url(images/bg_navigation_mini_clubman_stroke.gif);}

.menuModeli ul li.miniOver{background-image: url(images/bg_navigation_mini.gif);}
.menuModeli ul li.minicabrioOver{background-image: url(images/bg_navigation_mini_cabrio.gif);}
.menuModeli ul li.miniclubmanOver{background-image: url(images/bg_navigation_mini_clubman.gif);}

.menuModeli ul li ul {position:absolute; height:100px; left:-150px; border:0px solid red;}
.menuModeli ul li ul li {height:12px; margin:0; border:0px solid green;}

/* Static pages */
.contactPage{width:500px; text-align:left; margin-left:160px; margin-bottom:50px;}
.contactPage h2 {margin-left:10px; color:#666; font-weight:bold;}
.contactSodrzina {border:10px solid #666; margin:10px; padding:10px;}

.internetUslovi {width:500px; text-align:left; margin-left:160px; margin-bottom:50px;}
.internetUslovi h2 {margin-left:10px; color:#666; font-weight:bold;}
.internetUsloviSodrzina {border:10px solid #666; margin:10px; padding:10px;}

.pravnaPoraka {width:800px; text-align:left; margin-left:160px; margin-bottom:50px;}
.pravnaPoraka h2 {margin-left:10px; color:#CC0001; font-weight:bold;}
.pravnaPorakaSodrzina {border:10px solid #CC0001; margin:10px; padding:10px;}

.drugiSajtovi {width:800px; text-align:left; margin-left:160px; margin-bottom:50px; }
.drugiSajtovi h2 {margin-left:10px; color:#587aa8; font-weight:bold;}
.drugiSajtoviSodrzina {border:10px solid #587aa8; margin:10px; overflow:hidden;}
.drugiSajtoviSodrzina img {float:right;}
.drugiSajtoviTekst {width:200px; float:left; padding:10px; border:0px solid red;}

/* Oprema page */
.oprema {width:520px; float:left; }
.opremaItem {border:10px solid #414140; margin:10px; overflow:hidden;}
.opremaItem .titleHolder {width:200px; background:#fff; color:#000; font-weight:bold; display:none; position:absolute; z-index:5; border:1px solid #666; border-left:none;}
.opremaItem .title { padding:2px; text-align:left;}
.opremaItem .titleHolder .title a:hover{color:#000;}
.opremaItem .curTitle { padding:2px; text-align:left; background:#fff; color:#000;}
.opremaItem .curTitle a{}
.opremaItem .itemName {width:396px; float:left; color:#333; border-bottom:1px solid #666; text-align:left;  background:#ccc; padding:2px;}
.opremaItem .tip {width:75px; float:left; border-left:1px solid #666;  border-bottom:1px solid #666;  background:#ccc;  padding:2px;}
.opremaItem .legenda {background:#fff; color:#333; height:20px; text-align:left; vertical-align:middle; line-height:20px; padding:5px;}


/* Fakti-cifri page */
.faktiCifri {width:520px; float:left; margin:10px; border:10px solid #647c88;}
table {width:100%; color:#333; text-align:left;}
table tr {background:#ccc; border-bottom:1px solid #666;}
table tr.first {background:#fff;}
table tr td {padding:5px;}
table tr td.left {border-right:1px solid #666; width:60%;}

/* Ceni page */
.staticBox {text-align:left;}
.staticBox h1 {font-weight:bold; float:left; margin-left:10px;}
.staticBox h6 { float:left; margin-left:10px;}
.ceniPage {width:747px; float:left; margin:10px; margin-top:0;  text-align:left;}
.ceniPage .ceniContent {width:313px; float:left; text-align:left; padding:10px;}
.ceniPage p{margin:10px;}
.ceniPage img {max-width:720px;}
.ceniPage img.leftFloat {float:left; margin:0px 10px 0px 0px;}
.ceniPage img.rightFloat {float:right; margin:0px 0px 0px 10px;}