/* CSS Document 
Auto Knez - Opel [www.auto-knez.hr/opel]
Getim [www.getim.hr]
*/

*{ margin:0px; padding:0px; }
body{ font: 62.5% Verdana, Arial, Helvetica, sans-serif; text-align:center; background-color:#ccd2d5; color:#333; }

/* Layout */

/* Main definitions */
p, h1, h2, h3, h4, h5, h6, #content ul { margin-bottom:10px; }
p { font-size:1.2em; line-height:1.6em; /**/ color:#222; }

h1, h2, h3 {  color:#333; font-weight:normal; }
h1 { font-size:2.4em; letter-spacing:-1px; /*font-weight:bold;*/ }
h2 { font-size:2em; }
h3 { font-size:1.6em; }
a { color:#FDBE0F; }
a:hover { text-decoration:underline; color:#000; }
strong { font-weight:bold; }
em {}
#content h2, #content h3 { letter-spacing:-1px; }
.sidebar-right h3, .sidebar-left h3 { font-weight:bold; }
#content ul { font-size:1.2em; line-height:1.8em; list-style:none; }
#content ul li { background:url(../img/icons/bullet-yellow.png) no-repeat 0 10px; padding-left:16px;  }
* html #content ul li { padding-left:0; text-indent:16px; display:block; float:none; }
#content ul li ul { font-size:inherit; font-size:1em; }

.clear { clear:both; }
.alignleft { float:left; }
.alignright { float:right; }

/* */
.center { width:940px; padding:0 10px; margin:0 auto; text-align:left; }
.background { background:url(../img/bg-container-repeat-y.png) repeat-y center top; }
.background-end { background:url(../img/bg-container-end-no-repeat.png) no-repeat center top; height:30px; }

#header-bg { height:130px; margin-top:20px; padding-top:10px; background:url(../img/bg-header-no-repeat.png) no-repeat center top; text-align:left; position:relative; }
#header { width:940px; height:130px; position:absolute; top:10px; left:10px; background:url(../img/bg-header.jpg) no-repeat center top; }
#container { text-align:left; padding-bottom:10px; }
#content { float:left; display:inline; padding:20px; }
.sidebar-left { width:230px; display:inline; background:url(../img/bg-sidebar-border-dotted-repeat-y.png) repeat-y right top;  }
.sidebar-right { width:230px; display:inline; background:url(../img/bg-sidebar-border-dotted-repeat-y.png) repeat-y left top; }
.breadcrumbs { width:940px; height:30px; background:url(../img/bg-breadcrumbs-no-repeat.jpg) no-repeat left top; margin:0; }
#footer {}
#sitemap {}

.small { width:440px; } .medium { width:670px; } .full { width:900px; }

/* Sidebar Modules > Modules, Sidemenu */
.sidebar-left .mod, .sidebar-right .mod { background:url(../img/bg-sidebar-border-dotted-repeat-x.png) repeat-x left bottom; padding:20px 20px 10px 20px; float:left; width:190px; }
.sidebar-left .mod h3, .sidebar-right .mod h3 { font-size:1.2em; line-height:1.3em; }
.sidebar-left .mod p, .sidebar-right .mod p { font-size:1.1em; line-height:1.4em; }

.sidebar-left .sidemenu .menu { border-top:1px solid #f5f5f5; font-size:1.1em; margin-bottom:10px; }
.sidebar-left .sidemenu .menu li { display:block; height:1%; }
.sidebar-left .sidemenu .menu li a { display:block; padding:8px 5px; border-bottom:1px solid #f5f5f5; text-decoration:none; color:#666; }
.sidebar-left .sidemenu .menu li a:hover { color:#222; background-color:#f5f5f5; border-bottom:1px solid #eee; }
.sidebar-left .sidemenu .menu li li.active a { color:#fff; background-color:#FDBE0F; border-bottom:1px solid #eee; }

/* Headnav > dropdown.css */

/* Container Modules > Breadcrumbs */
.breadcrumbs { position:relative; }
.breadcrumbs .mod { width: 709px; font-size:1.1em; line-height:2.64em; display:block; position:absolute; top:0; left:0; }
.breadcrumbs .mod h3 { float:left; font-size:1em; margin:0; padding:0 10px 0 10px; color:#666; }
.breadcrumbs .mod ul { float:left; }
.breadcrumbs .mod ul li { float:left; padding:0 10px 0 16px; color:#666; background:url(../img/icons/arrow-right.png) no-repeat center left; }
.breadcrumbs .mod ul li a { color:#444; }
.breadcrumbs .mod ul li a:hover { text-decoration:none; }

/* Header, Logo */
#header-logo { display:block; width:280px; height:50px; text-decoration:none; position:absolute; left:40px; top:30px;  }

/* Sitemap */
#sitemap { padding-top:20px; }
#sitemap-switch { display:block; margin:0 20px; }
#sitemap-switch a { display:block; padding:10px; text-decoration:none; color:#333; border:1px solid #ddd; background:#f5f5f5 url(../img/icons/arrow-bottom.png) no-repeat 145px center; font-weight:bold; }
#sitemap-switch a:hover { border:1px solid #eee; }
#sitemap ul { padding:0 20px; font-size:1.1em; line-height:1.4em; padding:0 30px; }
#sitemap ul li { width:100%; }
#sitemap ul li a { padding:3px 0 3px 14px; display:block; background:url(../img/icons/bullet-yellow.png) no-repeat left 8px; }
#sitemap ul ul, #sitemap ul ul ul { font-size:inherit; font-size:1em; padding:0 20px; /*margin-top:0;*/ }
#sitemap ul a { color:#444; text-decoration:none; }
#sitemap ul a:hover { color:#222; text-decoration:underline; }
#sitemap h2.menutitle { font-size:1.4em; padding:0 30px; margin:10px 0; }

#sitemap .cols3 {}
#sitemap .cols3 .column { width:33%; float:left; }
/*#sitemap ul { display:none;}*/

/* Footer */
#footer p { font-size:1.1em; padding:0 10px; }
#footer p a { font-weight:bold; text-decoration:none; color:#666; font-weight:normal; text-decoration:none; }
#footer p a:hover { color:#333; text-decoration:underline; }
#footer p span.lastupdate { color:#97a0a4; }

/* z-index */
#header-bg { z-index:100; }
#container { position:static; z-index:10; }

/* Featured, Slider */
#featured { border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:none; position:relative; /*height:264px;*/ height:360px; padding-bottom:22px; background:url(../img/bg-carshowcase-shadow-repeat-x.png) repeat-x center bottom; }
#featured #slider-akcija { width:389px; border-top:1px solid #fff; position:absolute; top:0; left:0; }
#featured #slider-akcija ul { overflow:hidden; height:264px; }
#featured #slider-akcija li { width:389px; height:264px; float:left; }
#featured ol#akcija-controls { position:absolute; top:240px; left:5px; z-index:50; }
#featured ol#akcija-controls li { float:left; margin-right:10px; }
#featured ol#akcija-controls li a { display:block; font-size:1em; font-weight:bold; color:#333; padding:0 6px; line-height:2em; background-color:#fff; text-decoration:none; }
#featured ol#akcija-controls li.current a { background-color:#FDBE0F; color:#fff; }

#featured #img-list { width:280px; position:absolute; top:0; left:389px; }
#featured #img-list h2 { font-size:1.6em; color:#585858; margin:0 10px; padding:8px; }
#featured #img-list ul li { display:block; margin:0 10px; border-top:1px solid #e5e5e5; padding:5px 0; clear:both; height:65px; }
* html #featured #img-list ul li { width:245px; }
#featured #img-list ul li h3 { font-size:1.4em; margin-bottom:0; }
#featured #img-list ul li h3 a { color:#f39800; text-decoration:none; }
#featured #img-list ul li h3 a span { color:#888888; font-size:0.86em; display:block; }
#featured #img-list ul li img { float:left; border:2px solid #333; margin-right:10px;  }
/*
#featured #img-list ul li a span { display:block; position:absolute; bottom:0; left:0; background-color:#000; width:218px; font-size:1.1em; color:#fff; font-weight:bold; padding:8px 5px; opacity:.6; }
#featured #img-list ul li a:hover span { background-color:#000; opacity:1; color:#fff; }
*/

/* Content, Slider 2 */
.slider-container { position:absolute; top:1px; right:0; margin-bottom:0; padding-bottom:0px; background-color:#3f64ab;  /* background:url(../img/bg-sidebar-border-dotted-repeat-x.png) repeat-x center bottom; */ }
#slider-izdvojeno { padding-top:40px; height:103px; }
#slider-izdvojeno ul { }
#slider-izdvojeno ul li { list-style:none; background-image:none; padding:0; margin:0; height:103px; text-indent:0!important; float:left!important; }
#slider-izdvojeno ul li a { width:90px; display:block; float:left; /* margin-left:20px; */ font-weight:bold; text-align:center; text-decoration:none; color:#fff; }
#slider-izdvojeno ul li a.first { margin-left:0; }

#izdvojeno-controls { position:absolute; top:10px; right:5px; text-align:right; display:block; width:90px; }
* html #izdvojeno-controls {  width:100px; }
#izdvojeno-controls li { float:left; margin-left:10px; }
#izdvojeno-controls li a { display:block; font-size:1em; font-weight:bold; color:#333; padding:0 6px; line-height:2em; background-color:#fff; text-decoration:none; }
#izdvojeno-controls li.current a { background-color:#FDBE0F; color:#fff; }

/*
#slider-izdvojeno-prev, #slider-izdvojeno-next { display:block; height:19px; width:18px; position:absolute; margin:0; padding:0; }
#slider-izdvojeno-prev { top:0; left:616px; }
#slider-izdvojeno-next { top:0; left:652px; }
#slider-izdvojeno-prev a, #slider-izdvojeno-next a { float:left; height:19px; width:18px; background:url(../img/icons/slider-izdvojeno-buttons.png) no-repeat 0 0; text-indent:-8000px; }
#slider-izdvojeno-prev a { background-position:0 0; }
#slider-izdvojeno-next a { background-position:-18px 0; }
#slider-izdvojeno-prev a:hover { background-position:0 -19px;}
#slider-izdvojeno-next a:hover { background-position:-18px -19px; }
*/

/* Mod Featured, Pocetna */
.mod-featured { position:absolute; right:0; top:145px; }
.mod-featured .narucite-dio, .mod-featured .probna-voznja { float:left; background-color:#ccc; width:134px; height:120px; text-align:center; position:relative; }
.mod-featured .narucite-dio { margin-left:1px; background-color:#14418f; }
.mod-featured .probna-voznja { background-color:#9d1111; }

.mod-featured .narucite-dio a, .mod-featured .probna-voznja a { width:134px; height:120px; display:block; text-indent:-8000px; }

.mod-featured .narucite-dio { width:135px; background:url(http://auto-knez.hr/opel/files/images/izdvojeno/mod-narucite-dio.jpg) repeat-x; }
.mod-featured .probna-voznja { background:url(http://auto-knez.hr/opel/files/images/izdvojeno/mod-probne-voznje.jpg) no-repeat; }

/* Car slider */
#car-slider { margin:0 1px 0px 1px; /* padding-bottom:30px; */ z-index:1!important; }

/* Content, Category 2cols */
.vozila .article_row, .article_row { width:100%; float:left; clear:both; background:url(../img/bg-sidebar-border-dotted-repeat-x.png) repeat-x left bottom; padding:20px 0; }
.vozila .article_row .column1 { display:block; width:315px; float:left; padding-right:20px; }
.vozila .article_row .column2 { display:block; width:315px; float:right; padding-left:20px; }

.vozila h2 { font-size:1.6em; font-weight:bold;  }
.vozila p { font-size:1.1em; line-height:1.4em; }
.vozila img { float:right; margin:0 0 10px 10px;}
.vozila a.readon { font-size:1.1em; font-weight:bold; }

a.readon, a.istaknuto { font-size:12px; font-weight:bold; color:#fff; background-color:#FDBE0F; padding:3px 5px; text-decoration:none; /*background:#FDBE0F url(../img/icons/arrow-right.png) no-repeat right center;*/ }
a.readon:hover, a.istaknuto:hover { text-decoration:underline; }

/* Osobna vozila */
.osobna-vozila .cijena { background:none; padding:0; }
/*.cijena { display:block; font-style:italic; background:url(../img/bg-cijena.png) no-repeat -100px center ; padding:10px; }
.cijena strong { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; font-weight:bold; color:#000; }*/
.cijena { display:block; font-style:italic; /*background:url(../img/bg-cijena.png) padding:10px;*/ }
.cijena strong { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; font-weight:bold; color:#000; }

/*
a.istaknuto { color:#666; line-height:1.6em; text-decoration:none; padding:10px 20px 10px 10px; display:block; width:160px; font-weight:bold; background:#eee url(../img/icons/arrow-right.png) no-repeat 175px center ;  }
a.istaknuto:hover { background-color:#FFE333; color:#000; }
*/

.vozilo-position { position:relative; margin:-70px -300px 0 0; float:right; }
.mod_spacer { height:260px; }

/* Tablica */
.tablica { width:100%; font-size:1.2em; }
.tablica th { font-weight:bold; }
.tablica th, .tablica td { background:url(../img/bg-sidebar-border-dotted-repeat-x.png) repeat-x left bottom; padding:10px; }

/* Google Map */
.map { margin-bottom:10px; float:right; width:400px; }

/* Nas tim */
#page_nas-tim div { float:left; width:33%; margin-bottom:10px; }
#page_nas-tim div img { display:block; border:1px solid #ddd; padding:1px; margin:0 auto 10px auto; text-align:center; }
#page_nas-tim div h3 { margin-bottom:0; }
#page_nas-tim div h3, #page_nas-tim div p { text-align:center; }

/* tablica-rabljena-vozila */
.rabljena-vozila {}
.tablica-rabljena-vozila { font-size:10px; color:#666; border-left:1px solid #ddd; border-top:1px solid #ddd; }
.tablica-rabljena-vozila th { padding:4px 2px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-weight:bold; background-color:#eee; color:#333; font-size:12px; }
.tablica-rabljena-vozila td { padding:2px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.tablica-rabljena-vozila tr:hover td { background-color:#e5e5e5; color:#222; }

/**/
.tablica-shop { font-size:1.4em; color:#666; border-top:1px solid #eee; margin:10px 0 0 0; padding-bottom:20px; }
.tablica-shop th { padding:5px; border-bottom:2px solid #ddd; font-weight:bold; background-color:#f5f5f5; color:#333; }
.tablica-shop td { padding:5px; border-bottom:1px solid #eee; vertical-align:middle; }
.tablica-shop tr:hover td { background-color:#f5f5f5; color:#222; }

/**/
.brzi-servis { font-size:10px; color:#666; border-right:1px solid #ddd; border-top:1px solid #ddd; font-family:Arial, Helvetica, sans-serif; margin-bottom:15px; }
.brzi-servis th { padding:4px 3px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;  font-weight:bold; background-color:#eee; color:#333; font-size:12px; text-align:center; }
.brzi-servis td { padding:3px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align:center; }
.brzi-servis tr:hover td { color:#222; }

/* 
	TableCloth	
	by Alen Grakalic, brought to you by cssglobe.com
*/
/* general styles */
/*
table, td{ font:100% Arial, Helvetica, sans-serif; }
table{width:100%;border-collapse:collapse;margin:1em 0;}
th, td{text-align:left;padding:.5em;border:1px solid #fff;}
th{background:#328aa4 url(tr_back.gif) repeat-x;color:#fff;}
td{background:#e5f1f4;}
*/

/* tablecloth styles */
tr.even td{background:#fff;}
tr.odd td{background:#f5f5f5;}

th.over, tr.even th.over, tr.odd th.over{background:#f8e58c;}
th.down, tr.even th.down, tr.odd th.down{background:#f8e58c;}
th.selected, tr.even th.selected, tr.odd th.selected{}

td.over, tr.even td.over, tr.odd td.over{background:#f8e58c;}
td.down, tr.even td.down, tr.odd td.down{background:#f8e58c;color:#fff;}
td.selected, tr.even td.selected, tr.odd td.selected{background:#f8e58c;color:#555;}

/* use this if you want to apply different styleing to empty table cells*/
td.empty, tr.odd td.empty, tr.even td.empty{background:#fff;}

/* Joomla plugins, JCE */
.jcepopup span { float:left; border:1px solid #ddd; }
.jcepopup:hover span { border:1px solid #FDBE0F; }
.jcepopup span img { display:block; border:1px solid #fff; }
.zoom-image { display:none!important; }

/* Icons */
.mod p.phone { background:url(../img/icons/phone.png) no-repeat left center; padding:4px 0 4px 16px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; color:#bbb; }
.mod p.phone strong { color:#333; }
.mod p.pdf { }
.mod p.pdf a { color:#888; text-decoration:none; font-weight:bold; background:url(../img/icons/pdf.png) no-repeat 5px center; padding:14px 0 14px 46px; border:1px solid #e5e5e5; background-color:#f5f5f5; display:block; }
.mod p.pdf a:hover { text-decoration:underline; border:1px solid #ddd; background-color:#eee; color:#333; }

/* Footnote */
.footnote { border-top: 1px solid #eee; padding-top:10px; margin-top:10px; float:left; }
.footnote p { font-size:1.1em; line-height:1.3em; color:#888; }

/* Uvjeti korištenja */
#uvjeti_koristenja p { font-size:1em; line-height:1.3em; color:#888; margin-bottom:5px; }


/* Cijena istaknuto */
.cijena-istaknuto { color:#fbbe00; font-weight:bold; }

/* Separator */
hr { display:block; border-top: 1px solid #eee; padding-top:10px; margin-top:10px; border-bottom:none; border-left:none; border-right:none; }

/* Main Menu and submenu hide */
#menu .item51, #menu .item68 { display:none; }
/*.sidemenu .item202 a span, 
.sidemenu .item126 a span, 
.sidemenu .item97 a span, 
.sidemenu .item234 a span,
.sidemenu .item134 a { display:none!important; }
.sidemenu .item202 a a, 
.sidemenu .item126 a a, 
.sidemenu .item97 a a, 
.sidemenu .item234 a a,
.sidemenu .item134 a a { display:block!important; }*/

/* Flash car showcase */
#carshowcase { background:url(../img/bg-carshowcase-shadow-repeat-x.png) repeat-x center bottom; padding-bottom:20px; width:938px; margin:0 1px; height:200px; }

/* Vozila icons */
#menu .item22 a, /* osobna */
#menu .item23 a,
#menu .item24 a,
#menu .item25 a,
#menu .item26 a,
#menu .item27 a,
#menu .item28 a,
#menu .item29 a,
#menu .item30 a,
#menu .item31 a,
#menu .item32 a,
#menu .item33 a,
#menu .item34 a,
#menu .item35 a,
#menu .item36 a, /* opc logo */
#menu .item37 a, /* osobna opc */
#menu .item38 a,
#menu .item39 a,
#menu .item40 a
/* gospodarska  */
/* #menu .item41 a,  
#menu .item42 a,
#menu .item43 a */ { padding-left:80px; background-position:6px center!important; }

#menu .item22 a { background:url(http://auto-knez.hr/opel/files/images/ponuda-vozila/icons/corsa.png) no-repeat; } /* osobna */
#menu .item23 a { background:url(http://auto-knez.hr/opel/files/images/ponuda-vozila/icons/meriva.png) no-repeat; }
#menu .item24 a { background:url(http://auto-knez.hr/opel/files/images/ponuda-vozila/icons/astra.png) no-repeat; }
#menu .item25 a { background:url(http://auto-knez.hr/opel/files/images/ponuda-vozila/icons/astra-gtc.png) no-repeat; }
#menu .item26 a { background:url(http://auto-knez.hr/opel/files/images/ponuda-vozila/icons/astra-karavan.png) no-repeat; }
#menu .item27 a { background:url(http://auto-knez.hr/opel/files/images/ponuda-vozila/icons/astra-sedan.png) no-repeat; }
#menu .item28 a { background:url(http://auto-knez.hr/opel/files/images/ponuda-vozila/icons/zafira.png) no-repeat; }
#menu .item29 a { background:url(http://auto-knez.hr/opel/files/images/ponuda-vozila/icons/insignia.png) no-repeat; }
#menu .item30 a { background:url(http://auto-knez.hr/opel/files/images/ponuda-vozila/icons/insignia-sports-tourer.png) no-repeat; }
#menu .item31 a { background:url(http://auto-knez.hr/opel/files/images/ponuda-vozila/icons/antara.png) no-repeat; }
#menu .item32 a { background:url(http://auto-knez.hr/opel/files/images/ponuda-vozila/icons/gt.png) no-repeat; }
#menu .item33 a { background:url(http://auto-knez.hr/opel/files/images/ponuda-vozila/icons/astra-twintop.png) no-repeat; }
#menu .item34 a { background:url(http://auto-knez.hr/opel/files/images/ponuda-vozila/icons/combo-tour.png) no-repeat; }
#menu .item35 a { background:url(http://auto-knez.hr/opel/files/images/ponuda-vozila/icons/vivaro-tour.png) no-repeat; }

#menu .item36 a { background:url(http://auto-knez.hr/opel/files/images/ponuda-vozila/icons/opc.png) no-repeat; } /* opc logo */

#menu .item37 a { background:url(http://auto-knez.hr/opel/files/images/ponuda-vozila/icons/astra-opc.png) no-repeat; } /* osobna, opc */
#menu .item38 a { background:url(http://auto-knez.hr/opel/files/images/ponuda-vozila/icons/corsa-opc.png) no-repeat; }
#menu .item39 a { background:url(http://auto-knez.hr/opel/files/images/ponuda-vozila/icons/meriva-opc.png) no-repeat; }
#menu .item40 a { background:url(http://auto-knez.hr/opel/files/images/ponuda-vozila/icons/zafira-opc.png) no-repeat; }

/* gospodarska */
/*
#menu .item41 a { background:url(http://auto-knez.hr/opel/files/images/ponuda-vozila/icons/combo.png) no-repeat; } 
#menu .item42 a { background:url(http://auto-knez.hr/opel/files/images/ponuda-vozila/icons/movano.png) no-repeat; }
#menu .item43 a { background:url(http://auto-knez.hr/opel/files/images/ponuda-vozila/icons/vivaro.png) no-repeat; }*/



/*.Slider */
.slider {
    border-top:1px solid #fff;
    clear:both;
    width:100%;
    float:left;
    position:relative;
}
.slider .wrapper {
    overflow:hidden;
    height:360px;
    width:938px;
}
.slider .holder {
    width:9999px;
    float:left;
}
.slider .slide {
    width:938px;
    height:360px;
    float:left;
}

.slider .controls {
    float:right;
    position:absolute;
    bottom:20px;
    right:20px;
    z-index:20;
}
.slider .controls li {
    float:left;
    margin-left:5px;
    -moz-box-shadow:    0px 2px 5px rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.5);
    box-shadow:         0px 2px 5px rgba(0,0,0,.5);
}
.slider .controls li a img {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.slider .controls li a img { border:1px solid #fff; height:35px; }
.slider .controls li a:hover img { border-color:#f29a00; opacity:.8 }
.slider .controls li img { display:block; }

.slider .arrow, .slider #start-stop { display:none; }


.info {
    padding:9px;
    width:920px;
    float:left;
    clear:both;
}
.info .column { float:left; margin-left:8px; width:210px; padding:7px; }
.info .column.first { margin-left:0; }
.info .column h4 {
    font-size:14px;
    line-height:20px;
    font-weight:bold;
    margin-bottom:0;
}
.info .column p {
    font-size:12px;
    line-height:18px;
    margin-bottom:0;
}