/* CSS Document @ PBZ Leasing */
/*

OVERRIDE DEFAULT SETTINGS

*/

*{
margin:0;
padding:0;
}

body{
font:11px Tahoma;
color:#525252;
background:#f1f1f1;
background:#f8f8f8;
}

a:focus{
outline:none;
}

p{
font:11px/1.5em Tahoma;
margin:10px;
}

h2{
font:22px/40px "Trebuchet MS";
color:#fff;
background:#3c3c3c;
padding:0 10px;
}

h3{
font:16px "Trebuchet MS";
color:#C3191C;
margin:10px;
}

ul{
list-style:none;
}

/* 

ID'S

*/

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

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

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

#info a{
margin:0;
padding:0;
}

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

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

/*
#info a.povecaj{
float:right;
width:24px;
height:24px;
margin-top:12px;
margin-right:12px;
background:url('img/accessibility-icon.png') no-repeat 0 0;
display:block;
border:1px solid #fff;
}
#info a:hover.povecaj{
border:1px solid #842D2B;
}
*/

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

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

/*

REDEFINE SPECIFIC TAGS

*/

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

#header #logo{
background:url('img/logo_n.gif') no-repeat 0 0;
width:168px;
height:39px;
top:15px;
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.english{ position:relative; }


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

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

#header li#easter-regatta{ padding-top:15px; padding-left:20px; background:url('img/nav_n.png') no-repeat 0 0; }
#header li#easter-regatta a{ display:inline; padding:0 8px; background:none; border:0; width:auto; height:auto; }
#header li#easter-regatta a img{ border:0; }

#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:10px; top:45px; }


#left .top{ background:url('img/left_top.gif') no-repeat 100% 100%; }

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

#left .bottom{ background:#e9e9e9 no-repeat 100% 100%; }

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

#right .bottom{ position:relative; background:#f1f1f1 url('img/right_bottom.gif') no-repeat 100% 100%; }

#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:11px Tahoma;
margin:0;
}

#footer a{
text-decoration:none;
color:#525252;
}

#footer a#impressum{
position:absolute;
right:10px;
top:10px;
text-decoration:none;
color:#525252;
}

/*

CLASSES

*/

.top{ height:260px; }

.bottom{ height:190px; }

.red{ color:#C3191C; }

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

.kontaktFotke img{ margin-bottom:0px; }

.kontaktFotke p{ margin:2px 0; font-weight:bold; display:block; text-align:center; }
    
.ukrasnaFotka{ margin:0 10px; padding:1px; border:1px solid #999; }	

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

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

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

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

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

CONTENT TEMPLATE

*/
body#template #content{
background:url('img/contentData.png') repeat-y 0 0;
}

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

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

#contentData ul{ margin:20px 0; }

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

#contentData ul li, #navBar ul li{
font:11px/1.4em Tahoma;
margin:5px 20px 0 20px;
background:url('img/list_item.gif') no-repeat 0 6px;
padding-left:15px;
}

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

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

#contentData a{ color:#525252; }

#content a{ color:#C3191C; text-decoration:none; }

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

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

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

#navBar h3 a{ color:#C3191C; background:#ccc; padding:2px 5px; margin:10px 0; }

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

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

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

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

table.ponudaVozila a{
text-align:right;
display:block;
}

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

table.regata{
 border:2px;
margin:25px 25px;
width:650px;

}

table.regata th{ color:#C3191C; vertical-align:top; }

table.regata th, table.regata td{
padding:5px 10px;
border:1px solid #ccc;
}

table.regata tbody th{
text-align:right;
color:#525252;
}



table.regata tr:hover{ background:#ddd; }

table.prijevoz{
 border:2px;
margin:25px;
width:300px;

}
table.prijevoz th{ color:#C3191C; vertical-align:top; }

table.prijevoz th, table.prijevoz td{
padding:5px 10px;
border:1px solid #ccc;
}

table.prijevoz tbody th{
text-align:right;
color:#525252;
}



table.prijevoz tr:hover{ background:#ddd; }

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

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:#ccc;
}

table.leasing tbody{
border-bottom:2px solid #ccc;
}

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

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

table.izracunLeasinga th{
padding:10px;
}

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

table.izracunLeasinga select{
border:1px solid #A5ACB2;
margin:2px;
padding:1px;
font:11px Tahoma;
}

table.izracunLeasinga option{
font:11px Tahoma;
padding:1px 3px;
}

.zebraPattern{
background:#e3e3e3;
}

ul.ponudaSlike{
float:left;
width:335px;
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;
display:block;
padding:1px;
margin:0;
}

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

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;
}

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

h3#nagradenasl
{
font:18px "Trebuchet MS";
color:#C3191C;
margin:20px;
}
    

ol#nagrade{
list-style:upper-roman;
text-align:left;
}

ol#nagrade li{
font:14px/1.5em Tahoma;
margin:0;
}

#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:11px/1.4em Tahoma;
margin:5px 20px 0 20px;
background:url('img/list_item.gif') no-repeat 0 6px;
padding-left:15px;
cursor:pointer;
text-decoration:underline;
}

.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:#525252;
background:#F1F1F1;
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:11px 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:#525252;
background:#F1F1F1;
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; 
margin-right:5px;
border:0;
}


#prijava input, textarea, select{
font:11px 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;
}


#content .subnav{
clear:both;
margin:0 10px 10px 550px;
padding:30px 10px 5px 5px;
}

#content .subnav a{color:#525252; text-decoration:none;}
#content .subnav a:hover{text-decoration:underline;}


/*
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.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 */