/* CSS Document @ PBZ Leasing */
/*

OVERRIDE DEFAULT SETTINGS

*/

*{
margin:0;
padding:0;
}

body{
font:12px Verdana;
color:#eee;
background:#222d2d;
}

html{ background:#222d2d; height:100%; }


a:focus{
outline:none;
}

p{
font:14px/1.6em Verdana;
letter-spacing:0.5px;
word-spacing:2px;
margin:20px 10px;
}

h2{
font:28px/40px Arial;
color:#eee;
padding:0 10px;
}

h3{
font:bold 16px Arial;
color:#fc3;
color:#eee;
margin:10px;
}

ul{
list-style:none;
}

/* 

ID'S

*/

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

#header{
position:relative;
background:url('img/header.png') repeat-x 0 0;
}

#info{
height:30px;
padding-top:10px;
clear:left;
background:url('img/red_lines.png') repeat-x 0 0;
text-align:right;

padding:0;
background:#dedede;
background:#fc3;
background:#333;
margin-bottom:10px;
}

#info a{
font:bold 12px/30px Tahoma;
text-decoration:none;
color:#fff;
padding:0 5px;
}

#info a.povecaj{
display:none;
visibility:hidden;
}

#left, #right{
float:left;
width:480px;
}

#footer{
clear:both;
position:relative;
color:#DFDFDF;
margin-top:50px;
padding:10px;
border-top:1px solid #c2c2c2;
}

/*

REDEFINE SPECIFIC TAGS

*/

#header #logo, #header #home{
position:absolute;
}

#header #logo{
background:url('img/logo.gif') no-repeat 0 0;
width:168px;
height:39px;
top:5px;
left:10px;
}

#header #home{
background:url('img/home.png') no-repeat 0 0;
width:35px;
height:30px;
top:20px;
left:342px;
}

#header ul{
float:right;
}

#header ul li{
float:left;
margin:0;
}

#header ul li a{
display:block;
width:190px;
height:20px; /* 20 + 28 + 16 = 64 */
padding:18px 0 16px 0;
background:url('img/nav.png') no-repeat 0 0;
text-align:center;
text-decoration:none;
font:19px Arial, "Trebuchet MS";
line-height:18px;
color:#262626;

color:#f1f1f1;
}

#header ul li a:hover{
background:url('img/nav.png') no-repeat 0 100%;
}

#header ul li.english{ position:relative; }
#header ul li a#english{ font-size:1px; width:18px; height:12px; line-height:0; padding:0; background:url('img/uk.gif') no-repeat 0 0; position:absolute; right:5px; top:35px; }


#left .top h2{ color:#f1f1f1; background:#484848; }

#left .bottom h2{ background:#484848; }

#right .bottom h2{ background:#484848; }

#right .bottom{ position:relative; background:#222D2D; }

#right .bottom h3 a{ color:#C3191C; text-decoration:underline; }

#right .bottom .veci{ width:310px; height:150px; float:left;  }

#right .bottom .veci img{  margin-left:8px; margin-top:15px; }

#right .bottom .manji{ width:170px; float:left;  }

#right .bottom .manji form{  }

#right .eLeasing { border:0; }

#right .eLeasing img { border:0; }

#footer p{
font:12px Tahoma;
margin:0;
}

#footer a{
text-decoration:underline;
color:#f1f1f1;
}

#footer a:hover{
text-decoration:none;
}

#footer a#impressum{
position:absolute;
right:10px;
top:10px;
}

/*

CLASSES

*/

.top{ height:300px; }

.bottom{ height:190px; }

.highlight{ color:#fc3; font-weight:bold; }

.kontaktFotke{ width:196px; width:auto; padding:2px; border:1px solid #eee; margin:10px 10px; float:left;} 

.kontaktFotke p{ margin:2px 0; font-weight:bold; display:block; text-align:center; }

.ukrasnaFotka{ margin:0 10px; padding:1px; border:1px solid #eee; }

.ukrasnaFotkaFloat{ float:left; margin:0 10px; padding:1px; border:1px solid #eee; }		

.ponudaFotke{ width:206px; margin:0 auto; }

.ponudaFotke img{ margin:10px auto; padding:2px; border:1px solid #eee; }

.karta { margin:0 auto; padding:0; text-align:center;}

.karta img{border:0; margin-top:40px;}

/*

CONTENT TEMPLATE

*/
body#template #content{
}

#contentData{
width:705px;
float:left;
}

#contentData h2{ color:#f1f1f1; width:600px; }

#contentData ul{ margin:20px 0; }

#contentData ul.auti{ float:left; width:150px; }

#contentData ul li, #navBar ul li{
font:12px/1.6em Tahoma;
margin:5px 20px 0 20px;
text-indent:15px;
background:url('img/list_item_alt.gif') no-repeat 0 8px;
}

#contentData ol{
margin:10px 20px;
padding-left:20px;
}

#contentData ol li{
font:12px/1.6em Tahoma;
margin:2px 5px;
}

#contentData a{ color:#525252; }

#content a{ color:#f1f1f1; }

#contentData a:hover{ text-decoration:none; }

#navBar{ width:255px; float:left; }

#navBar a{ color:#f1f1f1; text-decoration:none; }

#navBar h3 a{ padding:2px 5px; margin:10px 0; }

#navBar a:hover{ background:gray; }

table.ponudaVozila{
border-collapse:collapse;
margin:20px 10px;
width:320px;
}

table.ponudaVozila th{ color:#f1f1f1; vertical-align:top; }

table.ponudaVozila th, table.ponudaVozila td{
padding:8px 10px;
border:1px solid #999;
}

table.ponudaVozila tbody th{
text-align:right;
color:#f1f1f1;
}

#contentData table.ponudaVozila a{
text-align:right;
display:block;
color:#f1f1f1;
font-weight:bold;
}

table.ponudaVozila tr:hover{ background:#666; }

/*************************************/

table.leasing{
border-collapse:collapse;
margin:10px;
}

table.leasing caption{
font-weight:bold;
}

table.leasing thead{
background:#333;
color:#ccc;
}

table.leasing th{
padding:5px;
}

table.leasing tr.alternate{
background:#666;
}

table.leasing tbody{
border-bottom:1px solid #999;
}

table.leasing td{
text-align:center;
padding:6px 10px;
}

table.izracunLeasinga{
margin:20px;
margin-top:0;
border-collapse:collapse;
}

table.izracunLeasinga th{
padding:10px;
}

table.izracunLeasinga td{
padding:4px 15px;
}

.zebraPattern{
background:#666;
}

ul.ponudaSlike{
float:left;
width:330px;
margin:0;
padding:0;
}

ul.ponudaSlike a img{
display:block;
border:none;
}

#contentData ul.ponudaSlike li{
background:none;
float:left;
margin:0 5px 10px 5px;
padding:0;
}

#contentData ul.ponudaSlike li a{
border:none;
border:1px solid #525252;
border:1px solid #f1f1f1;
display:block;
padding:1px;
margin:0;
}

#contentData ul.ponudaSlike li a:hover{ border:1px solid #525252; }

ul#thumbnails{}

ul#thumbnails li{
float:left;
display:block;
text-align:center;
background:none;
margin:20px 30px 20px 0;
}

ul#thumbnails li img{
display:block;
border:1px solid #ccc;
padding:2px;
}

ul#thumbnails li a{
display:block;
text-align:center;
text-decoration:underline;
margin:5px 0;
color:#f1f1f1;
}

#steps{
margin:0;
margin:10px 0 15px 0;
padding:0;
border:0;
list-style:none;
}

#steps li{
float:left;
display:block;
width:122px;
height:122px;
margin-left:20px;
}

#steps a{
display:block;
border:0;
width:122px;
height:122px;
text-decoration:none;
text-indent:-9999px;
}

#kalkulator{ 	background:url(img/123_gumbi.gif) no-repeat -9px -18px;}
#dokumentacija{ background:url(img/123_gumbi.gif) no-repeat -145px -18px;}
#posaljiUpit{ 	background:url(img/123_gumbi.gif) no-repeat -282px -18px;}

#kalkulator:hover{ 		background:url(img/123_gumbi.gif) no-repeat -9px -157px;}
#dokumentacija:hover{ 	background:url(img/123_gumbi.gif) no-repeat -145px -157px;}
#posaljiUpit:hover{ 	background:url(img/123_gumbi.gif) no-repeat -282px -157px;}


.slikaKalkulator{ background:url(img/123_gumbi_mali.gif) no-repeat -1px 0; width:61px; height:61px; display:block; margin:20px; }
.slikaDokumentacija{ background:url(img/123_gumbi_mali.gif) no-repeat -69px 0; width:61px; height:61px; display:block; margin:20px; }
.slikaUpit{ background:url(img/123_gumbi_mali.gif) no-repeat -137px 0; width:61px; height:61px; display:block; margin:20px; }

a.slikaDokumentacija:hover{ background:url(img/123_gumbi_mali.gif) no-repeat -69px -69px; }
a.slikaUpit:hover{ background:url(img/123_gumbi_mali.gif) no-repeat -137px -69px; }

.right{
float:right;
margin:20px;
}


/*

show/hide children script

*/

#kontejner{ padding:20px 0; }

.header { 
font:12px/1.6em Tahoma;
margin:5px 20px 0 20px;
margin:10px 20px;
background:url('img/list_item_alt.gif') no-repeat 0 8px;
padding-left:15px;
cursor:pointer;
}

.details { 
display:none; 
visibility:hidden;
margin:10px 10px 10px 25px;
padding:10px 10px;
border:1px dashed #ccc;
}

.headerPodruznica{ 
font:11px/1.4em Tahoma;
margin:15px 20px;
padding:10px;
border:1px dashed #ccc;
width:220px;
float:left;
}

.headerPodruznica p{
text-align:center;
margin-bottom:25px;
}

.detailsPodruznica{
margin:10px 5px;
}

#kartaPodruznica{
margin:20px 15px;
width:380px;
float:left;
display:block;
}

#kartaPodruznica img{
border:0;
display:block;
}

/*

FORM

*/

form{
margin:20px;
}

form fieldset{
border:1px dashed #ccc;
width:310px;
padding:10px;
}
form legend{
font:bold 12px Tahoma;
color:#fff;
background:#000;
padding:2px;
}

form label{
width:70px;
display:block;
float:left;
clear:left;
text-align:right;
margin:2px;
padding:2px 5px;
cursor:pointer;
}
form input, form textarea, form select{
font:12px Tahoma;
border:1px solid #A5ACB2;
margin:2px;
padding:2px;
width:200px;
overflow:hidden;
}
form input:focus, textarea:focus, select:focus{
border:1px solid #525252;
}
form input.submit{
margin-left:86px!important;
margin-left:91px;
background:#fff;
cursor:pointer;
clear:both;
width:auto;
}

#prijava{
margin:20px;
}

#prijava fieldset{
border:1px dashed #ccc;
width:300px;
padding:10px;
}
#prijava legend{
font:bold 12px Tahoma;
color:#fff;
background:#000;
padding:2px;
}

#prijava label{
width:70px;
display:block;
float:left;
clear:left;
text-align:right;
margin:2px;
padding:2px 5px;
cursor:pointer;
}

#prijava .checkbox{
width:275px;
}

#prijava label.checkbox input{ 
width:auto;
width:auto; 
margin-right:5px;
border:0; 
}

#prijava input, #prijava textarea, #prijava select {
font:12px Tahoma;
border:1px solid #A5ACB2;
margin:2px;
padding:2px;
width:190px;
overflow:hidden;
}
#prijava input:focus, textarea:focus, select:focus{
border:1px solid #525252;
}
#prijava input.submit{
margin-left:86px!important;
margin-left:91px;
background:#fff;
cursor:pointer;
clear:both;
width:auto;
}


/* ********************************************************* */

form#newsletter{
margin:0;
}

form#newsletter legend{
display:none; visibility:hidden;
}

form#newsletter fieldset{
border:none;
padding:0;
width:150px;
}

/*
form#newsletter legend{
visibility:hidden;
display:none;
}
*/

form#newsletter label{
width:150px;
display:block;
float:none;
text-align:left;
margin:2px;
padding:2px 0;
cursor:pointer;

}

form#newsletter input{
width:150px;
margin:2px;
padding:2px;
}

form#newsletter input.submit{
margin:2px !important;
background:#fff;
cursor:pointer;
clear:both;
width:auto;
}

.subnav{
clear:both;
margin-left:550px;
}
/*
form#newsletter input{
font:11px Tahoma;
border:1px solid #A5ACB2;
margin:2px;
padding:2px;
}

form#newsletter input:focus{
border:1px solid #525252;
}

form#newsletter input.submit{
margin-left:56px;
background:#fff;
cursor:pointer;
clear:both;
}
*/

/*

CLEARING FLOATS

*/

a#ador{ position:absolute; top:50px; left:480px; width:20px; height:13px; background:url(img/ador-tamni.gif) no-repeat 0 0; text-indent:-9999px; display:block; }


.clearFloats{ clear:both; }

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */