@charset "utf-8";
* {
margin: 0;
padding: 0;
}

html {
height: 100%;
}

body {
font: 1em tahoma, arial, sans-serif;
background: url(/img/main_background.gif) #e4e9f3 0 0 repeat-x;
}

img {
border: 0;
}

img, div { 
behavior: url(/js/iepngfix.htc) 
}

a {
color: #00257a;
}

a:hover {
color: #3b64c3;
}

p {
font: .75em/1.6 tahoma, arial, sans-serif;
margin-bottom: 10px;
color: #383838;
}

p.nomargin {
margin: 0;
}

.clear {
clear: both;
}

h1 {
font: 1.4em tahoma, arial, sans-serif;
color: #fff;
margin-bottom: 15px;
}

h2 {
font: 1.4em tahoma, arial, sans-serif;
color: #b20000;
margin-bottom: 15px;
}

h3 {
font-weight: bold;
font: .85em/1.6 tahoma, arial, sans-serif;
margin-bottom: 20px;
}

h4 {
font: .9em tahoma, arial, sans-serif;
font-weight: bold;
margin-bottom: 5px;
}

hr {
width: 100%;
color: #dedede;
height: 1px;
border-bottom: 1px solid #dedede;
clear: both;
}

#wrapper {
margin: 0 auto;
width: 902px;
}

#header {
border-left: 1px solid #576682;
border-right: 1px solid #576682;
height: 96px;
background: url(/img/menu_background.gif) bottom right repeat-x;
border-bottom: 1px solid #fff;
}

#logo {
padding: 18px 64px 0 64px;
float: left;
width: 82px;
}

#upper_menu {
float: left;
width: 665px;
height: 22px;
background: url(/img/upper_menu_background.gif) #afc2d8 0 0 no-repeat;
text-align: right;
color: #e1e5ea;
padding: 5px 15px 0 0;
font-size: 11px;
}

#upper_menu a {
color: #fff;
}

#upper_menu span {
float: left;
margin-left: 15px;
}

#container {
border-left: 1px solid #576682;
border-right: 1px solid #576682;
padding-bottom: 1px;
width: 900px;
height: 100%;
background: #fff;
float: left;
}

#footer {
text-align: center;
height: 55px;
float: left;
width: 902px;
background: url(/img/footer.gif) 0 bottom no-repeat;
font: .7em tahoma;
}

#footer ul {
padding: 10px 0 9px 0;
background: #576682;
}

#footer li {
list-style-type: none;
display: inline;
border-left: 1px solid #7f8eaa;
padding: 0 18px;
}

#footer li:first-child {
border: none;
}

#footer a {
color: #f2f5fa;
}

.copy {
float: left;
width: 902px;
text-align: center;
height: 20px;
font: .7em tahoma;
height: 35px;
}

.copy a {
color: #00257a;
}

.main_error {
font-size: 12px;
width: 425px;
height: 40px;
padding: 10px 15px 0 60px;
color: #fff;
margin-bottom: 10px;
background: url(/img/exclamation.gif) #b20000 10px 5px no-repeat;
}


/* oznaèevanje strani */

.pagination {
width: 185px;
text-align: center;
padding: 15px 5px;
font-size: 11px;
}

.pagination a {
background: #f4f3f3;
padding: 3px;
border: 1px solid #b9b0b0;
}

.pagination a:hover {
background: #fff;
text-decoration: none;
}

.paginationCurrentPage {
color: #00257a;
padding: 0 5px;
font-weight: bold;
}

.paginationPrevious {
margin-right: 3px;
}


/* stili za prikaz glavne vsebine na vstopni strani */

#content-homepage {
margin-top: 8px;
width: 900px;
float: left;
background: #fff;
}

#content-homepage-left {
width: 400px;
float: left;
margin: 0 40px 0 20px;
}

/* Hack za pravilen prikaz v IE6 */
* html #content-homepage-left {
margin: 0 40px 0 10px;
}

#content-homepage-right {
width: 400px;
float: left;
}

#content-homepage-right .item {
float: right;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #acb0b6;
}

#content-homepage-right .item img {
margin-left: 10px;
float: right;
border: 1px solid #acb0b6;
}

.klavzula {
width: 896; 
text-align: center; 
padding: 2px; 
background-color: #1d1b1c; 
color: #acacac; 
font: 10px/1 arial, sans-serif;
}

/* stili za prikaz glavne vsebine na podstraneh */

#content {
width: 900px;
float: left;
background: url(/img/content_background.gif) #fff 0 0  repeat-y;
}

#content-left {
float: left;
margin: 5px 0 20px 10px;
width: 200px;
height: 100%;
}

/* hack za pravilen prikaz levega menija v IE6 */
* html #content-left {
margin-left: 5px;
}

#content-left p {
margin: 5px 10px 5px 20px;
}

#content-left p a {
text-decoration: none;
}

#content-left ul {
font: .75em/1.6 tahoma, arial, sans-serif;
margin-top: 10px;
}

#content-left ul li {
border-top: 1px solid #fff;
border-bottom: 1px solid #bed0e7;
list-style-type: none;
}

#content-left ul li span {
font-size: 10px;
color: #8291ae;
}

#content-left ul li a {
text-decoration: none;
padding: 4px 5px 6px 20px;
display: block;
}

#content-left ul li a:hover {
background: url(/img/left_menu_background_hover.gif) #dee6f0 0 0 repeat-x;
}

#content-left ul li.selected {
background: #edf2f6;
}

#content-left ol {
font: .75em/1.6 tahoma, arial, sans-serif;
margin-left: 35px;
}

#content-left ol li {
margin-bottom: 7px;
}

#content-right {
padding: 15px 0 10px 15px;
float: left;
width: 660px;
}

#content-right ul {
margin: 0 0 10px 20px;
font: .75em/1.6 tahoma, arial, sans-serif;
}

#content-right .picture_right {
padding: 5px;
margin-left: 10px;
background: #dee6f0;
float: right;
text-align: center;
font-size: 11px;
}

#content-right .picture_right a {
text-decoration: none;
}

#content-right .picture_left {
padding: 5px;
margin-right: 10px;
background: #dee6f0;
float: left;
text-align: center;
font-size: 11px;
}

#content-right .picture_left a {
text-decoration: none;
}

#column-right {
padding: 20px 0 0 15px;
width: 170px;
background-color: #fff;
float: left;
}

.flash {
font-size: .85em;
font-weight: bold;
margin-bottom: 8px;
padding-bottom: 8px;
}

#main-image {
width: 870px;
height: 45px;
padding: 155px 0 0 30px;
}

#main-image-model {
width: 870px;
height: 100px;
padding: 0 0 0 30px;
}

/* oblika osnovne tabele */

#basic-table , #equipment {
border: 1px solid #cacaca;
width: 100%;
margin-bottom: 5px;
}

#basic-table a, #equipment a {
color: #000;
text-decoration: underline;
}

#basic-table a:hover, #equipment a:hover {
text-decoration: none;
}

#basic-table th , #equipment th {
font: .75em/1.4 tahoma, arial, sans-serif;
background-color: #a6bbd3;
color: #fff;
padding: 5px;
text-align: center;
border-right: 1px solid #880000;
border-bottom: 1px solid #880000;
}

#basic-table td , #equipment td {
color: #000;
padding: 8px 5px;
font: .75em/1.4 tahoma, arial, sans-serif;
border-right: 1px solid #cacaca;
text-align: center;
}

#basic-table tr.alt td , #equipment tr.alt td {
background-color: #f4f2f2;
}

#basic-table td.last , #equipment td.last {
border-right: none;
}

#basic-table .right , #equipment .right {
border-right: none;
}

#basic-table .left , #equipment .left {
text-align: left;
padding-left: 12px;
}

#basic-table .price , #equipment .price {
text-align: right;
padding-right: 10px;
}

/* zacetek kode za pravilno prikazovanje stolpcev */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* konec kode za pravilno prikazovanje stolpcev */


/* stili za strani z novicami */

#news-main {
width: 430px; 
border-right: 1px dotted #d3d3d3; 
margin-right: 10px; 
padding-right: 10px;
float: left;
}

#news-right {
width: 200px; 
float: right;
}

#news-right .news-search { 
margin-bottom: 20px;
border: 1px solid #b9cade;  
padding: 5px;
width: 190px; 
background: #d5e0ec; 
font: .75em/1.6 tahoma, arial, sans-serif;
}

#news-right .enews { 
border: 1px solid #b9cade; 
padding: 10px; 
width: 180px; 
background: #d5e0ec; 
font: .75em/1.6 tahoma, arial, sans-serif;
}

#news-right .enews img {
float: left; 
margin: 15px 10px 20px 0;
}

.banner-heading {
background: #4d6081;
width: 202px; 
text-align: center; 
font-size: .75em; 
font-weight: bold; 
padding: 5px 0; 
color: #fff;
}

.banner-ad {
border: 1px solid #4d6081; 
margin-bottom: 20px;
}

#news-body {
font-size: 12px;
line-height: 17px;
padding-bottom: 8px;
}

#news-body ul {
margin-left: 15px;
font-size: 12px;
line-height: 17px;
}

#news-body ul li {
margin-bottom: 5px;
}

#news-body p {
font-size: 12px;
line-height: 17px;
}

#news-body img {
border: 1px solid #b9b9b9;
padding: 3px;
margin: 5px;
}

#news-body a {
text-decoration: underline;
}

#news-created {
font-size: .7em;
margin-bottom: 3px;
}

.attachment {
font-size: 12px;
margin-top: 10px;
}

.attachment a {
text-decoration: underline;
}

#newslist-application {
width: 583px;
height: 36px;
background: url('/img/newslist_icon.gif') #fff 0 0 no-repeat;
color: #fff;
}

#newslist-application a {
display: block;
padding: 9px 0 0 80px;
font-size: 12px;
color: #011a5a;
}


/* Konec stilov za strani z novicami */

.description {
font: .75em/1.6 tahoma, arial, sans-serif;
text-align: center;
margin-bottom: 5px;
}

.description a {
color: #fff;
}

.akcija-levo {
float: left;
width: 700px;
}

/* Zacetek stilov za AKCIJSKO STRAN */

.akcija-desno {
font: .7em/1.6 tahoma, arial, sans-serif;
width: 270px;
float: left;
padding: 5px 0 20px 30px;
}

.akcija-desno ul {
margin-bottom: 0px;
}

.akcija-desno ul li {
margin-bottom: 12px;
}

.akcija-desno span {
display: block;
margin-bottom: 5px;
}

.akcija-spodaj {
border-top: 1px solid #dadada;
padding: 2px 0;
margin: 3px 0;
clear: both;
font: .6em/1.2 tahoma, arial, sans-serif;
}

/* Konec stilov za AKCIJSKO STRAN */


/* Zacetek stilov za VOSCILNICE */

#voscilnica-obrazec {
float: left; 
width: 145px; 
padding: 8px; 
line-height: 17px; 
border: 1px solid #727c8d; 
margin-right: 15px; 
font-size: .75em;
}

#voscilnica-obrazec .error-message {
color: #b20000;
font-size: 0.8em;
}

#voscilnica-motiv {
float: left; 
padding: 8px; 
text-align: center; 
border: 1px solid #727c8d; 
font-size: .75em;
}

#voscilnice-container {
width: 998px;
border-left: 1px solid #dadada;
border-right: 1px solid #dadada;
}

.voscilnica {
background: url('/img/greeting_background.jpg') #f4f4f4;
border: 1px solid #727c8d;
}

.voscilnica td {
padding: 10px;
font-size: 12px;
text-align: left;
}

.voscilnica-forma td {
padding: 5px;
font-size: 12px;
text-align: left;
}

#voscilnice-container option {
padding: 0 5px 3px 0;
}

#voscilnice-container input {
font-size: 12px;
}

/* Konec stilov za VOSCILNICE */


/* Zacetek stilov za ZASTOPNIKE */

.zastopniki-box {
float: left;
margin-right: 30px;
}

.zastopniki-box label{
margin-left: 5px;
font: .75em/1.6 tahoma, arial, sans-serif;
}

.zastopniki-list {
font: .75em/1.6 tahoma, arial, sans-serif;
}

.zastopniki-list td {
padding: 5px;
}

.zastopnik-opis {
font-size: 12px;
}

.zastopnik-opis .podrobno p {
padding-right: 10px;
font-size: 12px;
}

#maps-menu {
margin-top: 10px;
margin-left: 20px;
border: 1px solid #ccc;
border-right: 3px solid #ccc;
border-bottom: 3px solid #ccc;
padding: 15px 15px 15px 20px;
background-color: #f7f7f7;
width: 350px;
}

/* Konec stilov za ZASTOPNIKE */


/* Zacetek stilov za MODELE */

.modeli-levo {
width: 29px;
height:770px;
background: url('/img/range_category.gif') 7px 82px #b20000 no-repeat;
float: left;
}

.modeli-desno {
border-right: 1px solid #dadada;
width: 970px;
float: left;
}

.modeli-vrsta {
width: 100%;
height: 154px;
background: url('/img/range_background.gif') repeat-x;
}

.modeli-vrsta div {
float: left;
}

/* Konec stilov za MODELE */


/* Zacetek stilov za CENIK */

#cenik , #oprema , #izracun {
border: 1px solid #727c8d;
width: 100%;
}

#cenik th , #oprema th {
font: .75em/1.4 tahoma, arial, sans-serif;
background-color: #626b7d;
color: #fff;
padding: 8px;
text-align: center;
border-right: 1px solid #727c8d;
}

#cenik td , #oprema td {
padding: 12px;
font: .75em/1.4 tahoma, arial, sans-serif;
border-right: 1px solid #727c8d;
background-color: #fff;
text-align: center;
}

#cenik tr.alt td , #oprema tr.alt td {
background-color: #eff3f7;
}

#cenik td.last , #oprema td.last{
border-right: none;
}

#cenik .desno , #oprema .desno{
text-align: right;
border-right: none;
}

#cenik .levo , #oprema .levo {
text-align: left;
}

.pricelist-pdf {
font-size: 12px;
margin: 0 0 10px 10px;
float: right;
padding: 13px 15px 0 60px;
width: 230px;
height: 32px;
background: url('../img/pdf_download_back.gif') no-repeat;
}

#izracun th {
font: .75em/1.4 tahoma, arial, sans-serif;
background-color: #7d6a6a;
color: #fff;
padding: 12px;
text-align: left;
border-right: 1px solid #6b5b5b;
}

#izracun td {
font: .75em/1.4 tahoma, arial, sans-serif;
padding: 12px;
}

#izracun td.gray {
background-color: #efeeee;
}

.clause {
margin-top: 5px;
font-size: .7em;
}

/* Konec stilov za CENIK */


/* Zaèetek stilov za TEHNIÈNE LASTNOSTI */

#spec {
border: 1px solid #727c8d;
width: 100%;
}

#spec th {
font: .75em/1.4 tahoma, arial, sans-serif;
background-color: #626b7d;
color: #fff;
padding: 8px;
text-align: center;
border-right: 1px solid #727c8d;
}

#spec td {
padding: 12px;
font: .75em/1.4 tahoma, arial, sans-serif;
border-top: 1px solid #ccd4e3;
border-right: 1px solid #ccd4e3;
background-color: #fff;
}

#spec tr.alt td {
background-color: #eff3f7;
}

#spec td.last {
border-right: none;
}

#spec .desno {
border-right: none;
}

#spec .levo {
text-align: left;
}

/* Konec stilov za TEHNIÈNE LASTNOSTI */


/* Zacetek stilov za MAPO */

.mapa {
font: .75em/1.8 tahoma, arial, sans-serif;
float: left;
margin: 10px 0 20px 30px;
padding-left: 10px;
border-left: 1px solid #dadada;
}

.mapa ul {
list-style-type: none;
margin-right: 25px;
}

.mapa h1 {
font-size: 16px;
color: #b20000;
}

.mapa-vrh {
width: 900px;
height: 30px;
color: #fff;
background-color: #626b7d;
text-align: center;
font: 1em/1.8 tahoma, arial, sans-serif;
}

/* Konec stilov za MAPO */


/* Zacetek stilov za NEWSLISTO */


#form_newslist {
width: 500px;
border: 1px solid #727c8d;
font: .75em/1.8 tahoma, arial, sans-serif;
}

#form_newslist .title {
width: 482px; 
padding: 5px 9px; 
background: #626b7d;
color: #fff;
font-weight: bold;
margin-bottom: 5px;
}

#form_newslist .title img {
float: left;
padding: 2px 10px 0 0;
}

#form_newslist .input {
padding: 3px 10px;
}

#form_newslist .input:hover {
background: #eff5fd;
}

#form_newslist .input .input_text {
border: 1px solid #423f3b;
}

#form_newslist .input .input_text_date {
border: 1px solid #423f3b;
}

#form_newslist .input_text_date option {
padding-right: 5px;
}

#form_newslist .input_checkbox {
margin-right: 5px;
}

#form_newslist .input_check {
padding-left: 10px;
}

#form_newslist .submit {
margin: 0 0 10px 10px;
}

#form_newslist #sex_1 {
margin-left: 10px;
margin-right: 3px;
}

#form_newslist #sex_0 {
margin-right: 3px;
}

#form_newslist .input label {
margin-top: -3px;
text-align: right;
margin-right: 5px;
padding-top: 4px;
width: 70px;
float: left;
display: block;
}

#form_newslist .error-message {
font-size: 10px;
color: #b20000;
padding-left: 70px;
}

/* Konec stilov za NEWSLISTO */



/* Zacetek stilov za formo TEST DRIVE */


#form_testdrive {
width: 500px;
border: 1px solid #727c8d;
font: .75em/1.8 tahoma, arial, sans-serif;
}

#form_testdrive .title {
width: 482px; 
padding: 5px 9px; 
background: #626b7d;
color: #fff;
font-weight: bold;
margin-bottom: 5px;
}

#form_testdrive .title img {
float: left;
padding: 2px 10px 0 0;
}

#form_testdrive .input {
padding: 3px 10px;
}

#form_testdrive .input:hover {
background: #eff5fd;
}

#form_testdrive .input .input_text {
border: 1px solid #423f3b;
}

#form_testdrive .input .input_text_date {
border: 1px solid #423f3b;
}

#form_testdrive .input_text_date option {
padding-right: 5px;
}

#form_testdrive .input_checkbox {
margin-right: 5px;
}

#form_testdrive .input_check {
padding-left: 10px;
}

#form_testdrive .submit {
margin: 0 0 10px 10px;
}

#form_testdrive #sex_1 {
margin-left: 10px;
margin-right: 3px;
}

#form_testdrive #sex_0 {
margin-right: 3px;
}

#form_testdrive #car_will_stay_1 {
margin-right: 3px;
margin-left: 10px;
}

#form_testdrive #car_will_stay_0 {
margin-right: 3px;
}

#form_testdrive .input label {
margin-top: -3px;
text-align: left;
margin-right: 5px;
padding-top: 4px;
width: 120px;
float: left;
display: block;
}

#form_testdrive .error-message {
font-size: 10px;
color: #b20000;
padding-left: 85px;
}

.promo_code {
font: .9em/1.3 tahoma, arial, sans-serif;
padding: 5px 0;
margin: 10px 10px 0 10px;
border-top: 1px dotted #626b7d; 
}

/* Konec stilov za formo TEST DRIVE */



/* Zaèetek stilov za BOUTIQUE */

#content-right-boutique {
padding: 15px 0 10px 15px;
float: left;
width: 440px;
}

.okvir {
border: 0;
margin-right: 15px;
}

h4.boutique {
font-size: .8em;
font-weight: bold;
color: #b20000;
background: none;
margin-bottom: 5px;
}

.boutique-left {
padding-top: 10px;
width: 120px; 
float: left; 
margin-bottom: 15px;
}

.boutique-right {
font-size: 1em;
margin-top: 5px;
width: 320px; 
float: left; 
}

.boutique-right .attachments {
float: right; 
border-bottom: 1px dotted #bdbbb8; 
padding: 8px; 
margin-left: 10px;
}

#equipment-list {
width: 182px;
font-size: .75em;
background: #dee6f0;
padding: 10px;
margin: 0 0 30px 0;
border-bottom: 1px solid #dfdada;
}

#equipment-list li {
list-style-type: none;
margin-bottom: 12px;
}

#equipment-list a {
font-weight: bold;
text-decoration: underline;
}

#equipment-list .description {
line-height: 1.2em;
font-size: .8em;
}

.symbol {
margin-top: 10px;
float: right;
font-size: .7em;
}


/* Konec stilov za BOUTIQUE */


/* Zaèetek stilov za NAMIZJA */

.desktop {
width: 190px; 
height: 250px; 
margin: 0 10px 10px 10px; 
text-align: center; 
float: left;
}

.desktop img {
border: 1px solid #7d6a6a;
}


/* Zacetek stilov za prikaz povecane slike v BOUTIQUE */

#lightbox{
background-color:#fff;
padding: 10px;
border: 1px solid #bbb;
}

#lightboxDetails {
font-size: 0.8em;
padding-top: 0.4em;
}	

#lightboxTopDetails {
margin-right: 20px;
font-size: 0.8em;
padding-top: 1em;
}

#lightboxCaption{ float: left; font-size: 10px;}
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#lightboxImage { margin-top: 10px; }

#overlay{ background-image: url(../img/overlay.png); }

#lightbox #closeButton {
top: 4px;
right: 5px;
float: left;
margin: 0;
padding: 0;
}

#lightbox #printButton {
cursor:pointer;
position:absolute;
top: 3px;
right: 27px;
float: left;
margin: 0;
padding: 0;
}

/* Koda, potrebna za pravilen prikaz .png transparentnega ozadja v IE */

* html #overlay{
background-color: #000;
back\ground-color: transparent;
background-image: url(../img/blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/overlay.png", sizingMethod="scale");
}

/* Konec stilov za prikaz povecane slike v BOUTIQUE */

.back-nomargin {
  text-decoration: underline;
  clear: both;
  font-size: 11px;
  margin-top: 10px;
  padding-left: 10px;
  background: url(/img/back_arrow.gif) left center no-repeat;
  float: left;
}

.back {
  text-decoration: underline;
  clear: both;
  font-size: 11px;
  padding-left: 10px;
  background: url(/img/back_arrow.gif) left center no-repeat;
  float: left;
}

.back-line {
  border-top: 1px solid #ccc;
  width: 95%;
  text-decoration: underline;
  clear: both;
  font-size: 11px;
  padding: 10px 10px;
  background: url(/img/back_arrow.gif) left center no-repeat;
  float: left;
}

/* Začetek stilov za NASVETE UPORABNIKOV */


#guides div {
  margin: 10px 5px;
  float: left;
  width: 200px;
}

#guides div ul {
  margin: 5px 5px 5px 22px;
  font: .75em/1.4 tahoma;
}

.wide-guide {
  font: .75em/1.4 tahoma;
  float: left;
  width: 390px;
  padding: 15px;
  margin: 5px 0;
  background-color: #f3f3f3;
  border: 1px solid #ddd;
}

.wide-guide h3 {
  margin: 0;
  font-weight: bold;
  color: #b20000;
  font: 1em/1.4 tahoma;
}

#content-right .wide-guide ul, ol {
  font: 1em/1.4 tahoma;
  margin: 5px 5px 5px 15px;
}

#guides div p {
  margin: 0 8px;
  font: .75em/1.4 tahoma;
}

#guides h3 {
  margin: 0 0 0 8px;
  font-weight: bold;
  color: #b20000;
}

#guides hr {
  padding-top: 15px;
  margin-bottom: 15px;
  border: 0;
  border-bottom: 1px solid #ddd;
}