/* CLEAR
------------------------------ */
html,body {width:100%;height:100%;}
html,body,ul,ol,dl,li,dt,dd,p,blockquote,fieldset,legend,img,form,h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
ul,ol,li,dl,dt,dd {list-style:none;}
blockquote,fieldset,legend,img,form {border:0;}
th,address {font-style:normal;font-weight:normal;}

/* general elements */
html {background-color:#fff;}
body {font:normal 62.5%/1.5 Arial,"Trebuchet ms",Verdana,sans-serif;color:#000;text-align:center;}
a {color:#000;}
a:hover {text-decoration:none;}
p {margin:0 0 1em;}
textarea,input {background:#fff;border:1px solid #cecece;padding:.25em .2em .1em;line-height:1;}
textarea {font-family:Arial,"Trebuchet ms",Verdana,sans-serif;}
button {cursor:pointer;border:0;}
table {width:100%;clear:both;margin:0 0 1em;}
.hidden {display:none;}

ul li {margin:0 0 2px 0;background:url(../images/icons/raquo-tiny.gif) no-repeat 0 7px;padding:0 0 0 10px;}

#site {font-size:1.2em;width:965px;margin:0 auto 20px auto;text-align:left;}
#header {width:100%;margin:0 0 5px 0;}
#body {width:100%;}
#content {float:left;width:758px;}
#sidebar {float:right;width: 189px;}
#footer {width:100%;margin:15px 0 0 0;float:left;padding-bottom:20px;border-top:1px solid #eee;}

#header #top-nav {width:100%;margin:3px 0 2px 0;float:left;}
#header #top-nav ul {float:right;}
#header #top-nav ul li {float:left;margin:0 0 0 10px;padding:0;background:none;}
#header #top-nav ul li a {color:#B6BABB;text-decoration:none;text-transform:uppercase;font-size:.9em;}
#header #top-nav ul li a:hover {color:#52595F;}

#header-content {width:100%;float:left;}
#header-content .logo{float:left;margin:0 20px 0 0;}
#header-content #title{float:left;background:#a9aaab url(../images/title.png) no-repeat 0 0;width:864px;}
.sr #header-content #title{float:left;background:#a9aaab url(../images/sr/title.png) no-repeat 0 0;width:864px;}
#header-content #title h1 {display:none;}
#header-content #title img {float:right;margin:0 50px 0 0;}
#header-content #title-financial{float:left;background:#a9aaab url(/images/financial/title.png) no-repeat 0 0;width:864px;}
#header-content #title-financial h1 {display:none;}
#header-content #title-financial img {float:right;margin:0 50px 0 0;}

#breadcrumbs li {float:left;padding:0 0 3px 0;background:none;color:#B6BABB;font-size:.9em;}
#breadcrumbs li a {float:left;display:block;text-decoration:none;color:#B6BABB;padding:0 10px 0 0;margin:0 5px 0 0;background:url(../images/icons/breadcrumbs-sep.gif) no-repeat 100% 50%;}
#breadcrumbs li a:hover {text-decoration:underline;color:#52595F;}

#keyvisual {position:relative;height:250px;clear:left;}
#keyvisual img {position:absolute;}
#keyvisual p {width:600px;font-size:.95em;color:#fff;position:absolute;bottom:5px;margin:0;left:10px;line-height:1.3em;}
/*#keyvisual a {position:absolute;bottom:10px;right:20px;color:#fff;}*/

#content h2 {font-size:2em;text-transform:uppercase;margin:0 0 15px 0;}
#content h3 {width:694px;font-size:1.2em;margin:0 0 10px 0;padding:8px 10px;background-color:#cacccb;font-weight:bold;}
#content h4 {font-size:1.5em;margin-bottom:10px;}
#content h5 {font-size:1.2em;margin-bottom:5px;}
#content h6 {font-size:10px;font-weight:normal;}
#content .cms {width:714px;padding:20px;border:2px solid #f2f2f2; margin:20px 0; }
#content .cms a {color:#f8b600;}
#content .cms table {}
#content .cms table tr {background:#EDEDED;}
#content .cms table td {padding:2px 10px 2px 10px;border-bottom:4px solid #FFFFFF;}
#content .cms table tr.tableFirst {font-weight:bold;}
#content .cms table tr.tableLast {font-weight:bold;background:#f8b600;}

#navigation {background:#fbb03b;padding:5px 0 5px 18px;margin:0 0 20px 0;}
#navigation li {margin:0 0 3px 0;padding:0; background:none;}
#navigation li a{border-bottom:2px solid #dc9833;display:block;height:36px;background:url(../images/icons/raquo-orange.gif) no-repeat 100% 50%;width:140px;padding:9px 15px 5px 0px;line-height:1.3em;font-weight:bold;text-transform:uppercase;text-decoration:none;}
#navigation li a:hover {text-decoration:underline;}
#navigation .last a {border:none;}

#tabs {width:100%;margin:19px 0;float:left;}
#tabs li {float:left;margin:0 1px 0 0;padding:0;background:none;}
#tabs li#zgrabi-priloznost-menu {margin-right:0;}
#tabs li.last {margin-right:0;}
#tabs li a {float:left;width:222px;display:block;padding:9px 15px 8px 15px;height:20px;text-transform:uppercase;font-weight:bold;background-color:#cacccb;}
#tabs.sl li.first a {width:272px;}
#tabs.sl li.last a {width:172px;}
#tabs li a:hover, #tabs li.active a {background-color:#ededed;text-decoration:none;}

#banners {height:360px;overflow:hidden;position:relative;}
#banners ul {position:absolute;}
#banners ul li {float:left;width:754px;overflow:hidden;position:relative;margin:0 0 10px 0;border:2px solid #cbcbcc;padding:0;background:none;}
#banners li h3 {display:none;}
#banners li a.more {position:absolute;padding:0 0 0 8px;background:url(../images/icons/raquo.gif) no-repeat -1px 6px;right:20px;bottom:10px;}
#banners li a.more:hover {background-position:1px 6px;}
#banners li:hover a.more {background-position:1px 6px;}
#banners li img {float:left;}

#sidebar h3 {font-size:1.2em;margin:2px 0 10px 0;padding:8px 10px;background-color:#ededed;float:left;width:169px;}
#sidebar .links {margin:0 0 15px 0;}
#sidebar .links li {margin:0 0 3px 0;display:block;float:left;font-weight:bold;background:url(../images/icons/raquo-tiny.gif) no-repeat 0 7px;padding:0 0 0 10px;}

#sidebar .banners {margin-bottom:15px;}
#sidebar .banners li {background:none;padding:0;border:2px solid #cbcbcc;float:left;margin:0 0 10px 0;}
#sidebar .banners li.linkOnly {padding:0 0 0 10px;border:none;float:left;margin:0 0 10px 0;font-weight:bold;background:url(../images/icons/raquo-tiny.gif) no-repeat 0 7px;clear:left;width:175px;}
#sidebar .banners li.linkOnly a {display:block;width:100%;float:left;}
#sidebar .banners li img{float:left;}

#gallery {width:100%;margin:25px 0;}
#gallery li {float:left;background:none;padding:none;}
#gallery li#view {width:644px;overflow:hidden;padding:0;}
#gallery li#view ul{width:10000px;}
#gallery li#view ul li{width:auto;}
#gallery li#view ul li img{float:left;}
#gallery li.back a,#gallery li.forward a{text-indent:-9999px;display:block;outline:none;float:left;margin:18px 0 0 0;width:25px;height:60px;padding:0;}
#gallery li.forward {width:24px;padding:0 0 0 10px;}
#gallery li.back {width:24px;padding:0 10px 0 0;}
#gallery li.back a{background:url(../images/icons/back.gif) no-repeat 0 50%;}
#gallery li.back a:hover{background-position:-1px 50%;}
#gallery li.forward a{background:url(../images/icons/forward.gif) no-repeat 0 50%;}
#gallery li.forward a:hover{background-position:1px 50%;}
#gallery #images li {padding:0;margin:0 10px 0 0;}
#gallery #images li a {border:1px solid #f2f2f2;float:left;display:block;}
#gallery #images li a:hover {border:1px solid #ddd;}

#content .video {width:100%;text-align:center;margin:10px 0 0 0;}

#footer ul {float:right;}
#footer ul li {float:left;margin:0 0 0 10px;padding:0;background:none;}
#footer ul li a {color:#B6BABB;text-decoration:none;text-transform:uppercase;font-size:.8em;}
#footer ul li a:hover {color:#52595F;}

ul.cars {float:left;width:100%;margin-top:15px;}
ul.cars a {display:block;float:left;text-decoration:none;width:143px;height:95px;padding:0;overflow:hidden;position:relative;}
ul.cars li {cursor:pointer;position:relative;margin:0 8px 10px 0;padding:0;float:left;border:1px solid #ccc;background:#ededed;}
ul.cars li.nom {margin-right:0;}
ul.cars strong {font-weight:normal;display:block;text-align:center;text-transform:uppercase;padding:0;}
ul.cars li em {cursor:pointer;visibility:hidden;text-align:center;font-size:1.1em;position:absolute;top:0;left:0;width:143px;height:75px;padding-top:20px;z-index:-1;background:#ccc;font-weight:bold;}
ul.cars li a:hover em {visibility:visible;z-index:101;}

/* subvencije */

#keyvisual.subvencije {height:auto;margin-bottom:20px;}
#keyvisual.subvencije img {position:static;}

.countdown {background:url(../images/financial/header.jpg) no-repeat 0 0;float:left;width:100%;height:55px;margin:0 0 15px 0;}
.countdown span {display:block;font-weight:bold;font-size:1.8em;padding:10px 0 0 4px;text-transform:uppercase;}
.countdown span em {text-align:right;display:block;width:66px;float:left;letter-spacing:12px;padding:0 8px 0 24px;}
.countdown span strong {display:block;float:left;padding-left:7px;}

#content .news li {float:left;width:372px;padding:0;margin-right:10px;background:#ededed;border:1px solid #ccc;}
#content .news li.even {margin-right:0;}
#content .news li a {float:left;display:block;width:120px;overflow:hidden;}
#content .news li img {float:left;}
#content .news li .item{float:right;width:240px;padding:8px 0;}
#content .news li .item h3 {padding:0;margin:0 0 4px 0;width:240px;line-height:1.2em;font-size:1.1em;}
#content .news li .item a{float:none;display:inline;text-decoration:none;width:auto;overflow:auto;}
#content .news li .date {color:#7d7d7d;font-size:.9em;}
#content .news li p {margin:0;font-size:.98em;line-height:1.2em;}
#content .news li a.more {font-weight:bold;text-decoration:underline;}
#content .news li a.more:hover {text-decoration:none;}

/* jQuery lightBox plugin | @author Leandro Vieira Pinho - http://leandrovieira.com | @version 0.5 | @date April 11, 2008 */
#jquery-overlay {position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}
#jquery-lightbox {position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#jquery-lightbox a img {border:0;}
#lightbox-container-image-box {position:relative;background:#fff;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image {padding:10px;}
#lightbox-loading {position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#lightbox-nav {position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box > #lightbox-nav {left:0;}
#lightbox-nav a {outline:none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width:49%;height:100%;zoom:1;display:block;}
#lightbox-nav-btnPrev {left:0;float:left;}
#lightbox-nav-btnNext {right:0;float:right;}
#lightbox-container-image-data-box {font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0;}
#lightbox-container-image-data {padding:0 10px;color:#666;}
#lightbox-container-image-data #lightbox-image-details {width:70%;float:left;text-align:left;}
#lightbox-image-details-caption {font-weight:bold;}
#lightbox-image-details-currentNumber {display:block;clear:left;padding-bottom:1em;}
#lightbox-secNav-btnClose {width:66px;float:right;padding-bottom:.7em;}


/* FORMS
------------------------------ */
form.classic {width:100%;margin:0 0 1.5em;}
form.classic ol {width:100%;}
form.classic ol li {float:left;width:100%;margin:0 0 .5em;}
form.classic ol li li {float:none;width:auto;margin:0;display:inline;}
form.classic ol li ul,
form.classic ol li ol {display:inline;margin-left:32%;}
form.classic ol li label {float:left;display:block;padding:.5em 0 0;margin:0 1em 0 0;width:30%;}
form.classic ol li label span {color:#999;font-size:.917em;display:block;}
form.classic ol li.error {}
form.classic ol li.error label {color:#f00;font-weight:bold;}
form.classic ol li.error input, form.classic ol li.error select, form.classic ol li.error textarea {border-color:#f00;background:#f0d9da;}
form.classic .buttons {padding:1em 0;}

/* modal dialogs (jqModal) */
.jqmOverlay {background:#000;}
.modal-window {display:none;position:fixed;top:17%;left:50%;margin:0 0 0 -250px;padding:0;width:500px;background:#fff;z-index:1000;}
.login-window {cursor:pointer;}

.modal .content {padding:20px;}
.modal .content form {margin:0;}
.modal .content h2 {font:normal 2em/1 Times New Roman CE,Times,serif;margin:0;color:#333;}
.modal .close {background:#feb944;color:#fff;width:460px;padding:10px 20px;float:left;}
.modal .close span {cursor:pointer;display:block;float:right;text-indent:-1000em;width:13px;height:13px;background:url(../images/icons/close.png) no-repeat 0 0;}

/* zgrabi priloznsot */
a.priloznost-btn {display:block;float:left;background:#000 url(../images/icons/arrow-right.png) no-repeat 93% 55%;color:#feb944;padding:5px 35px 5px 10px;text-decoration:none;font-weight:bold;text-transform:uppercase;}
a.priloznost-btn:hover {text-decoration:underline;}
#content .priloznost-cms {padding:0;border:0;width:auto;}

/* wide layout (no sidebar) */
.wide #keyvisual {float:left;}
.wide #keyvisual p {width:auto;font-size:1em;color:#000;position:static;margin:0 0 2em;line-height:1em;}
.wide #navigation {width:175px;margin:0;float:right;}
.wide #tabs {float:left;margin:-10px 0 20px;}
.wide h4 {font-size:1.5em;margin:0 0 10px;}
.wide .stock-intro {width:758px;}
.stock-intro h5{font-size:0.8em;}

.cms-stock {float:left;clear:both;width:100%}

table.advantage {width:100%;clear:both;float:none;margin:2em 0 1.5em;}
table.advantage thead th {font-weight:bold;padding-bottom:10px;border-bottom:3px solid #ededed;}
table.advantage thead th a.desc {width:auto;text-decoration:none;display:block;padding-right:5px;background:url(../images/icons/align.png) no-repeat 100% 90%;}
table.advantage thead th a.asc {width:auto;text-decoration:none;display:block;padding-right:5px;background:url(../images/icons/align_up.png) no-repeat 100% 90%;}
table.advantage thead th a:hover {text-decoration:underline;}
table.advantage tbody td {font-size:.917em;}
table.advantage td,
table.advantage th {vertical-align:top;padding:3px 5px;}
table.advantage .odd td {background:#ededed;}

.upload li {width:100%;float:left;margin:0 0 .5em;}
.upload li label {display:block;float:left;width:150px;margin:0 15px 0 0;}
.upload li input {float:left;}
.upload li.submit input {margin-left:165px;}
.upload h4 {text-transform: uppercase;}

.disclaimer {font-size:0.9em;}

.options-wrap {position:relative;}
.options-wrap .switch {display:block;cursor:pointer;padding:0 3px;}
.options-wrap .switch:hover {background:#FBB03B;}
.options-list {position:absolute;top:0;left:35px;width:300px;padding:5px 10px;text-align:center;background:#ededed;text-align:left;border:2px solid #FBB03B;}

.red_disclaimer {color:#B52B3A;}
.disclaimer strong {font-size:1.2em;}
.p_clear {float:left;clear:both;}

.yellow {color:#FBB03B;}

/* HACKS
------------------------------ */
.clear,
.cms,
#gallery,
#header #top-nav ul,
#header,
#breadcrumbs,
#body,
#tabs,
#sidebar .links,
#sidebar .banners {display:inline-block;}

.clear:after,
.cms:after,
#gallery:after,
#header #top-nav ul:after,
#header:after,
#breadcrumbs:after,
#body:after,
#tabs:after,
#sidebar .links:after,
#sidebar .banners:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}

/* Hides from IE-mac \*/
* html .clear {height:1%;}
.clear {display:block;}
/* End hide from IE-mac */
.cclear {clear:left;width:100%;border:0;height:1px;line-height:1px;}
.cclear hr {display:none;}