/*--------------------------------------------- [Main CSS Stylesheet] Project: Getro d.d. Primary Use: Screen Version: 1.0 Date: 09.10.2008. Last Change: 19.12.2008. Author: Dimedia ---------------------------------------------*/ /* CSS Reset Stylesheet import */ @import url("reset.css"); html, body, #wrapper { height:100%; } body > #wrapper { min-height:100%; height:auto; } body { font-size:62.5%; font-family:Arial, sans-serif; color:#686868; background:#fff; line-height:1.5; height:100%; } /* Defaults + Wrapper */ .clear:after { content:"."; height:0; display:block; visibility:hidden; clear:both; } * html .clear { height:1%; } *:first-child+html .clear { min-height:0; } #wrapper { width:970px; margin:0 auto 30px; font-size:1.2em; position:relative; z-index:4; } strong { font-weight:bold; } strong.colored { color:#7f8fa2; } p { margin:13px 0; } p.colored,dl.colored { color:#000; } .r-float { float:right; } .required { color:#f00; float:none; } a,a:link,a:visited,a:active { color:#2971a7; text-decoration:underline; } a:hover { text-decoration:none; } input,select,textarea { border-width:0; font-family:Arial, sans-serif; font-size:1em; color:#777; background:#fff url(../images/input-select-textarea-bg.png) no-repeat left top; } input.checkbox,input.radio { border-width:0; background:none; } select { padding:3px 0 0 2px; } textarea { overflow:auto; } #wrapper .no-padding { padding:0 0 11px; width:537px; } #wrapper .no-border { background:none; } #wrapper .wider-2 { padding:0 0 11px; width:775px!important; } #wrapper .wider-2 h2, #wrapper .no-padding h2 { margin:0 0 25px; } #wrapper .skipper-links { position:absolute; left:-9999px; top:-9999px; } /* File download link */ .download { display:block; width:77px; height:74px; background:url(../images/download-circle-trans.png) no-repeat; line-height:74px; font-size:.833em; color:#fff!important; text-decoration:none!important; position:relative; cursor:pointer; text-align:center; } .pdf span { display:block; background:url(../images/download-link-pdf-trans.png) no-repeat; position:absolute; left:39px !important; left:10px; top:15px; margin-left:-18px; cursor:pointer; width:37px; } /* Header */ #header { background:#103e7b url(../images/main-header-image.png) no-repeat; height:117px; position:relative; } h1 a { display:block; position:relative; top:12px; left:19px; width:247px; height:95px; background:url(../images/logo.jpg) no-repeat; text-indent:-9999px; overflow:hidden; } #header ul { font-size:.917em; position:absolute; bottom:8px; right:10px; } #header ul li { display:inline; padding:0 5px 0 8px; background:url(../images/header-nav-link-separator.png) no-repeat left center; } #header ul li:first-child, #header ul li.first { background:none; } #header ul li a { color:#7fbed6; text-decoration:none; font-weight:bold; } #header ul li a:hover, #header ul li.active a { color:#fff!important; } /* flash header */ #flashHeader { height:117px; } #flashHeader .alt { display:none; } /* Main navigation + Search */ #main-nav { background:#ffd51d url(../images/rounded-corners.png) no-repeat -1618px bottom; height:34px; position:relative; z-index:3; margin-bottom:10px; } #main-nav ul { float:left; padding:4px 0 0 3px; } #main-nav ul li { float:left; position:relative; margin:0 5px; padding-right:4px; display:inline; cursor:pointer; } #main-nav ul li a { display:block; padding:4px 11px 5px 15px; color:#7c7c7c; font-weight:bold; text-decoration:none; } #main-nav ul li.active, #main-nav ul li:hover, #main-nav ul li.hover { background:url(../images/mainnav-item.png) no-repeat right top; } #main-nav ul li a:hover, #main-nav ul li:hover a, #main-nav ul li.active a, #main-nav ul li.hover a { color:#333; background:url(../images/mainnav-item.png) no-repeat; } #main-nav ul li div { display:none; position:absolute; top:27px; left:0; background:url(../images/mainnav-dropdown-rc-bottom.png) no-repeat left bottom; margin:0; padding:1px 0 3px; width:178px; } #main-nav ul li ul { background:#ffd51d url(../images/mainnav-dropdown-bg.png) no-repeat left top; margin:0; padding:0 11px 5px 8px !important; padding-right:7px; width:159px; } #main-nav ul li ul li { width:100%; margin:0 0 3px; cursor:pointer; } #main-nav ul li ul li:first-child,#main-nav ul li ul li.first { margin-top:5px; } #main-nav ul ul li a { display:block; line-height:1.4; font-weight:bold; color:#7c7c7c!important; text-decoration:none; padding:5px 10px 5px 10px; background:none!important; } #main-nav ul ul li:hover, #main-nav ul ul li.hover { background:url(../images/nav-item-bottom.png) no-repeat left bottom; color:#333!important; } #main-nav ul ul li:hover a, #main-nav ul ul li a:hover, #main-nav ul ul li.hover a { background:url(../images/nav-item-top.png) no-repeat left top!important; color:#333!important; } #main-nav ul li:hover div, #main-nav ul li.hover div { display:block; } #main-nav form { float:left; } #main-nav form input { width:150px; padding:2px 0 1px 5px; position:absolute; top:9px; right:30px; font-size:.833em; } #main-nav form button { background:#878787 url(../images/search-button.png) no-repeat; width:16px; height:16px; border:none; text-indent:-9999px; overflow:hidden; cursor:pointer; position:absolute; top:9px; right:14px; } /* Breadcrumb */ #breadcrumb { margin:-7px 0 7px; clear:left; position:relative; z-index:1; } #breadcrumb li { display:inline; font-size:.833em; } #breadcrumb li a { color:#3385ad; text-decoration:none; background:url(../images/breadcrumb-arrow.png) no-repeat left center; padding:0 3px 0 9px; } #breadcrumb li.first a { background:none; padding-left:0; } #breadcrumb li a:hover, #breadcrumb li.active a { color:#666667!important; } /* Content */ #content { position:relative; z-index:2; padding-bottom:130px; } /* Content --> Sub-navigation */ #sub-nav { width:178px; float:left; position:relative; z-index:4; margin-right:17px; } #sub-nav h2 { background:#12407b url(../images/subnav-main-heading.png) no-repeat center bottom; height:45px; } #sub-nav h2 a { display:block; text-decoration:none; color:#ffd51d; font-weight:bold; height:28px; line-height:28px; padding-left:10px; } #sub-nav ul { background:#ffd51d url(../images/box-bg.png) no-repeat -442px bottom; padding:0 11px 5px 8px; width:159px; float:left!important; float:none; overflow:visible!important; overflow:hidden; } #sub-nav ul li { margin:3px 0; cursor:pointer; } #sub-nav ul li a { display:block; line-height:1.4; font-weight:bold; color:#7c7c7c; text-decoration:none; padding:5px 0 5px 10px; } #sub-nav ul li:hover, #sub-nav ul li.hover { background:#fcd11b url(../images/nav-item-bottom.png) no-repeat left bottom; color:#333; } #sub-nav ul li:hover a, #sub-nav ul li.hover a { background:url(../images/nav-item-top.png) no-repeat left top; color:#333; } #sub-nav ul li.active { padding-top:5px; background:#fcd11b url(../images/nav-item-top.png) no-repeat left top; color:#333; } #sub-nav ul li.active a { padding:0 0 5px 10px; background:url(../images/nav-item-bottom.png) no-repeat left bottom; color:#333; } #sub-nav ul li.active ul { width:160px; background:#f3f3f3 url(../images/subnav-subitems.png) no-repeat left bottom; padding:0; float:none!important; } #sub-nav ul li.active ul li { margin:0; padding:0; background:none; position:relative; } #sub-nav ul li.active ul li a { margin:0; padding:5px 0 5px 10px; background:none; } #sub-nav ul li.active ul li a:hover { background:url(../images/subnav-subitems.png) no-repeat -160px -5px; } #sub-nav ul li.active ul li:first-child a, #sub-nav ul li.active ul li.first a { background:url(../images/subnav-subitems.png) no-repeat left top; } #sub-nav ul li.active ul li:first-child a:hover, #sub-nav ul li.active ul li.first a:hover { background:url(../images/subnav-subitems.png) no-repeat -160px top; } #sub-nav ul li.active ul li.last a:hover { background:url(../images/subnav-subitems.png) no-repeat -160px bottom; } #sub-nav ul li.active ul ul { background:#f3f3f3; border:none; position:absolute; top:0; left:156px; z-index:4; width:150px; padding:5px; display:none; } #sub-nav ul li.active ul ul li a { background:#f7eab2!important; border-top:1px dashed #fff!important; color:#7c7c7c!important; } #sub-nav ul li.active ul ul li:first-child a { border-top:none!important; } #sub-nav ul li.active ul ul li a:hover { background:#efd99b!important; color:#333!important; } #sub-nav ul ul li { position:relative; height:1%; } #sub-nav ul ul li:hover ul { display:block; } /* Content -> Main */ #main { width:485px; float:left; background:#fff url(../images/middle-box.png) no-repeat left bottom; padding:11px 26px; position:relative; z-index:3; } #main h2 { font-size:2em; color:#333; font-weight:bold; padding:11px 80px 0 26px; margin:-11px -26px 25px; background:#fff url(../images/middle-box.png) no-repeat left top; } /* Page Specific Classes */ #content .wider-1 { margin-left:0; background:#fff url(../images/no-sbar-box-bg.png) no-repeat left bottom; width:680px; } #content .wider-1 h2 { background:#fff url(../images/no-sbar-box-bg.png) no-repeat left top; } #content .wider-2 { width:723px; background:#fff url(../images/no-sbar-box-bg.png) no-repeat -732px bottom; } #content .wider-2 h2 { background:#fff url(../images/no-sbar-box-bg.png) no-repeat -732px top; } #content #main.index { width:713px; padding-left:0; padding-right:0; margin-left:0; padding-top:279px; background:none; } /* Content -> Main -> Heading date */ #main .date { font-size:.917em; text-transform:uppercase; display:block; background:#dcb20c; position:absolute; top:20px; right:1px; text-align:center; padding:4px; width:40px; color:#fff; line-height:1.2; font-weight:bold; } #main .date .colored { color:#000; } /* Content -> Main -> H3 heading */ #main h3 { font-weight:bold; font-size:1.333em!important; } /* Content -> Main -> Default list styling */ #main ul { list-style:square outside url(../images/list-item-square.png); color:#686868; margin:10px 25px 30px; } #main ul li { margin:3px 0; } #main ol { list-style:decimal outside none; color:#686868; margin:10px 25px 30px; } #main ol li { margin:3px 0; } /* Content -> Main -> Main heading wrap */ #main #heading-wrap { background:#6194b8 url(../images/glossy-background.png) no-repeat; padding:11px 26px 28px; margin-bottom:20px; } #main #heading-wrap.no-border { background:none; width:auto; } #main #heading-wrap h2 { color:#fff; margin:0; padding:0; background:none; } #main #heading-wrap strong { color:#ffd51d; } #main #heading-wrap p { color:#fff; font-weight:bold; margin-top:13px; margin-bottom:-5px; } #main #heading-wrap img { margin:-50px 0 0; height:auto; border:none; float:right; position:relative; top:10px; } #main .additional-box { background:#156196 url(../images/glossy-background-3.png) bottom left no-repeat; padding:11px 26px 28px; margin: -6px 0 -10px 0; position: relative; } #main .additional-box h2 { color:#fff; margin:0; padding:0; background:none; } #main .additional-box strong { color:#ffd51d; } #main .additional-box p { color:#fff; font-weight:bold; margin-top:13px; } #main .additional-box form { overflow:hidden; } #main .additional-box input { float:left; width:150px; padding:2px 0 1px 5px; font-size:.833em; } #main .additional-box button { float:left; background:#878787 url(../images/newsletter-button.png) no-repeat; width:16px; height:16px; border:none; text-indent:-9999px; overflow:hidden; cursor:pointer; } #main .additional-box .error { display:none; margin-bottom:10px; color:#f00; } /* Content -> Main -> Magnify + Download */ #main #files { float:right; overflow:hidden; } #main .magnify dt,#main #files .file-download dt { text-align:center; } #main .magnify,#main #files .file-download { background:#d9d9d9; padding:10px; margin:0 0 7px 7px; overflow:hidden; width:200px; } #main .magnify dd,#main #files .file-download dd { color:#333; font-size:.917em; margin:3px 0; } #main .magnify a,#main #files .file-download a { font-size:.91em; color:#2971a7; text-decoration:none; background:url(../images/magnify-link.png) no-repeat; display:block; line-height:1.2; padding-left:25px; height:22px; float:left; } #main #files .download a { background:url(../images/download-link-trans.png) no-repeat; } #main .magnify a:hover,#main #files .file-download a:hover { text-decoration:underline; } /* Content -> Main -> Pagination */ #main .pagination { overflow:hidden; background:#f7eab2; list-style:none; margin-left:1px; margin-right:1px; padding-left:26px; clear:left; line-height:10px; height:26px; } #main .pagination li { float:left; color:#2971a7; padding:0 2px; } #main .pagination li a { text-transform:lowercase; font-weight:bold; display:block; text-decoration:none; padding:5px; font-size:.917em; } #main .pagination li a:hover, #main .pagination li.active a { background-color:#ffd51d !important; color:#555; } #main .pagination li:first-child a, #main .pagination li.first a { background:url(../images/left-arrow.png) no-repeat left center; padding-left:7px; border-right:1px solid #2971a7; } #main .pagination li.last a { background:url(../images/right-arrow.png) no-repeat right center; padding-right:7px; border-left:1px solid #2971a7; } #main .pagination li:first-child.active a, #main .pagination li.first.active a { background:none; padding-left:5px; border-right-width:0; } #main .pagination li.last.active a { background:none; padding-right:5px; border-left-width:0; } #main .pagination li:first-child a:hover, #main .pagination li.first a:hover, #main .pagination li.last a:hover, #main .pagination li:first-child.active a:hover, #main .pagination li.first.active a:hover, #main .pagination li.last.active a:hover { background-color:#ffd51d; } /* Dropdown - Godina i mjesec + Kategorija */ #godina-mjesec,#kategorija { position:absolute; top:0; left:0; } .news #godina-mjesec { top:20px; left:280px; } .wider-2 #godina-mjesec { top:20px; left:518px; } .wider-2 #kategorija { top:20px; left:481px; } #godina-mjesec fieldset, #kategorija fieldset { position:relative; font-weight:bold; } #godina-mjesec select { position:relative; left:70px; top:-20px; margin-right:-60px; width:80px; font-size:1em; font-weight:normal; } #kategorija select { position:relative; left:130px; top:-20px; margin-right:-60px; width:150px; font-weight:normal; } #godina-mjesec #mjesec { left:140px; } /* Content -> Main -> Index page */ #main.index #slideshow { width:970px; height:256px; background:#ffd51d url(../images/slideshow-bg.png) repeat-x bottom; position:absolute; top:11px; left:0; z-index:0; } #main.index #slideshow img { position:relative; z-index:1; } #main.index #slideshow.flash-replaced .alt { display:none; } /* Content -> Main -> MAXI usteda */ #main.index #maxi-usteda { margin:0 0 14px; height:215px; background:#e6eef4 url(../images/box-bg.png) no-repeat -3984px bottom; position:relative; } #main.index #maxi-usteda p { position:absolute; margin:0; bottom:7px; left:100px; color:#12407b; } #maxi-usteda #elementWrapper { height:195px; margin:0 7px; position:relative; overflow:auto; } .js #maxi-usteda #elementWrapper { overflow:hidden; } #maxi-usteda #slidingElement { width:5000px; position:absolute; list-style:none outside none; margin:0; } #maxi-usteda #slidingElement li { position:relative; height:177px; float:left; margin:0 25px 0 0; color:#000; } #maxi-usteda #slidingElement dl { padding:20px 0 0; } #maxi-usteda #slidingElement .image { float:left; position:relative; width:110px; height:100px; margin-right:10px; text-align:right; } #maxi-usteda #slidingElement .name-quantity { max-width:180px; float:left; height:75px; font-weight:bold; } #maxi-usteda #slidingElement .name-quantity span { font-weight:normal; } #maxi-usteda #slidingElement .price { position:absolute; top:75px; left:120px; min-width:1%; padding:0; line-height:1; } #maxi-usteda #slidingElement .price span { float:left; margin-right:5px; color:#ee1a30; font-size:4.167em; font-weight:bold; } #maxi-usteda #slidingElement .price span.lipas { float:left; font-size:1.833em; width:20px; color:#17356c; position:relative; top:1px; } #maxi-usteda #slidingElement .price span.lipas:first-line { color:#ee1a30; } #maxi-usteda #sliderBar { width:580px; height:23px; position:absolute; bottom:30px; left:100px; background:#7197b5 url(../images/maxi-usteda-slider-bg.png) repeat-x; } #maxi-usteda #forwardHandle { position:absolute; bottom:31px; right:11px; z-index:2; background:url(../images/forwardHandle-trans.png) no-repeat; width:28px; height:21px; text-indent:-9999px; overflow:hidden; cursor:pointer; } #maxi-usteda #backHandle { position:absolute; bottom:31px; left:78px; z-index:2; background:url(../images/backHandle-trans.png) no-repeat; width:28px; height:21px; text-indent:-9999px; overflow:hidden; cursor:pointer; } #maxi-usteda #sliderBar .ui-slider-handle { position:absolute; z-index:1; height:21px; width:172px; top:1px; left:0; background:url(../images/maxi-usteda-sliderhandle-trans.png) no-repeat; cursor:pointer; } /* Content -> Main -> Index Boxes */ #index-boxes { width:466px; background:#fff; overflow:hidden; float:left; } #index-boxes .box { width:197px; height:210px; background:#e6eef4 url(../images/box-bg.png) repeat-x -221px bottom; padding:12px; position:relative; float:left; margin:0 12px 12px 0!important; margin-right:11px; } #index-boxes .box h2 { font-size:1.083em; color:#00538d; text-transform:uppercase; font-weight:bold; margin:0; margin:-12px -12px 0; padding:12px 0 0 12px; width:209px; background:url(../images/rounded-corners.png) no-repeat left top; } #index-boxes .box h2 span { color:#dcb20c; } #index-boxes .box h2 span.gray { color:#8a8a8a; } /* Index Boxes -> Novo */ #index-boxes .novo { text-align:center; position:relative; } #index-boxes .novo h2 { text-align:left; text-transform:none; } #index-boxes .novo strong { position:absolute; bottom:1px!important; left:1px; bottom:-18px; width:71px; text-align:left; height:62px; line-height:80px; padding-left:10px; background:url(../images/novo-star-trans.png) no-repeat; color:#fff; text-transform:uppercase; } #index-boxes .novo a { display:block; margin-top:30px; } #index-boxes .novo img { vertical-align:top; } #index-boxes .novo .show-all { position:absolute; bottom:10px; right:10px; font-size:.917em; background:url(../images/right-arrow.png) no-repeat left center; padding-left:7px; margin-top:0; } /* Index boxes -> Prijateljstvo koje Vas nagradjuje */ #index-boxes .prijateljstvo-koje-vas-nagradjuje a { position:absolute; bottom:1px!important; right:1px!important; bottom:0; right:0; } #index-boxes .prijateljstvo-koje-vas-nagradjuje img { vertical-align:top; } /* Index boxes -> Getro vodic kroz akcije */ #index-boxes .getro-vodic-kroz-akcije .download { position:absolute; bottom:45px; right:20px; } #index-boxes .getro-vodic-kroz-akcije div { position:absolute; bottom:7px; left:12px; z-index:2; } #index-boxes .getro-vodic-kroz-akcije a { position:absolute; bottom:1px; right:10px; z-index:2; } /* Content -> Main -> Index news */ #index-news { float:left; overflow:hidden; width:246px; } #index-news h2 { color:#dcb20c; text-transform:uppercase; font-size:1.5em; padding:0 0 7px 15px; margin:0; background:none!important; } #index-news .index-news_content { position:relative; font-size:.917em; line-height:1.2; background:url(../images/dotted-border.png) repeat-x left top; padding:10px 0; height:1%; } #index-news .index-news_content h3 { padding-left:40px; color:#dcb20c; height:25px; font-size:1em!important; } #index-news .index-news_content h3 a { position:static; background:none; color:#dcb20c; text-transform:none; padding-right:0; } #index-news .index-news_content .date { position:absolute; top:11px; left:0; font-weight:normal; background:#fff; color:#000; width:24px; border-right:1px solid #e4e4e4; } #index-news .index-news_content .date .colored { color:#dcb20c; } #index-news .index-news_content a { color:#2971a7; text-decoration:none; background:url(../images/right-arrow.png) no-repeat right center; text-transform:lowercase; padding-right:7px; position:absolute; bottom:5px; right:5px; } #index-news .index-news_content a:hover { text-decoration:underline; } #index-news #archive { display:block; background:url(../images/dotted-border.png) repeat-x left top; padding-top:2px; text-decoration:none; } #index-news #archive:hover { text-decoration:underline; } #index-news #archive span { display:block; font-size:.917em; color:#2971a7; background:url(../images/right-arrow.png) no-repeat right center; padding-right:7px; text-align:right; } /* Content -> Boxes */ #boxes { width:221px; float:left; margin-left:17px; display:inline; background:#fff; } #boxes.index { margin-right:10px; position:relative; z-index:3; overflow:visible; } /* Boxes -> Box */ #boxes .box { background:#f2f2f2 url(../images/box-bg.png) no-repeat left bottom; padding:12px; position:relative; margin-bottom:15px; height:1%; } #boxes .box h2 { font-size:1.083em; color:#00538d; text-transform:uppercase; font-weight:bold; padding:12px 0 0 12px; margin:-12px -12px 0; width:209px; background:url(../images/rounded-corners.png) no-repeat left top; } #boxes .no-padding { padding:0; width:221px; } #boxes .no-padding h2 { margin:0; } #boxes .box h2 span { color:#dcb20c; } #boxes .box h2 span.gray { color:#8a8a8a; } /* Boxes -> Box -> Calendar */ #calendar { width:196px; margin:0 0 40px -1px; border-collapse:collapse; margin-top:7px; } #calendar caption { margin-top:10px; margin-bottom:5px; } #calendar caption { font-weight:bold; color:#7f8fa2; } #calendar thead tr td { color:#465769; font-size:.833em; text-transform:uppercase; text-align:center; width:26px; } #calendar tbody tr td { font-size:.917em; font-weight:bold; color:#465769; text-align:center; line-height:28px; } #calendar tbody tr td a { display:block; width:26px; height:28px; color:#465769; text-decoration:none; position:relative; left:1px; } #calendar tbody tr td a:hover { background:#c4c3c2 url(../images/calendar-item-hover.png) repeat-x; } #calendar tbody tr td .actual { background:#fed830 url(../images/calendar-item-actual.png) repeat-x; } #calendar tbody tr#first-row td { padding-top:16px; background:url(../images/calendar-rows.png) no-repeat; } #calendar tbody tr#second-row td { padding-bottom:16px; background:url(../images/calendar-rows.png) no-repeat left -44px; } #calendar tbody tr#second-row td a { margin-top:1px; } /* Boxes -> Box + Index Boxes -> Prodajni centri + Veleprodajni uredi + Promocije i degustacije */ #boxes .prodajni-centri h2, #index-boxes .prodajni-centri h2, #boxes .veleprodajni-uredi h2 { padding:12px 100px 0 12px; width:109px; } #boxes .prodajni-centri img, #index-boxes .prodajni-centri img, #boxes .veleprodajni-uredi img { position:absolute; top:1px; right:1px!important; right:0; } #boxes .prodajni-centri p, #index-boxes .prodajni-centri p, #boxes .veleprodajni-uredi p { position:relative; z-index:2; } #boxes .promocije-i-degustacije { position:relative; z-index:4; background:#f2f2f2 url(../images/box-bg.png) no-repeat -4697px bottom; } #boxes .promocije-i-degustacije img { position:absolute; bottom:1px; right:5px; } #boxes .prodajni-centri select, #boxes .promocije-i-degustacije select, #index-boxes .prodajni-centri select, #boxes .veleprodajni-uredi select { width:100%; margin-top:15px; font-size:.917em; } #boxes .prodajni-centri .bg, #index-boxes .prodajni-centri .bg { position:absolute; right:1px; top:1px; width:149px; height:123px; text-indent:-9999px; overflow:hidden; background:url(../images/getro-shop-image-box-trans.png) no-repeat 100% 0; } /* Boxes -> Box -> Newsletter */ #boxes .newsletter { margin-top:0; } #boxes .newsletter form { margin-top:10px; } #boxes .newsletter form input { width:150px; padding:2px 0 1px 5px; position:absolute; top:39px; right:53px; font-size:.833em; } #boxes .newsletter form button { background:#878787 url(../images/newsletter-button.png) no-repeat; width:16px; height:16px; border:none; text-indent:-9999px; overflow:hidden; cursor:pointer; position:absolute; top:39px; right:37px; } #boxes .newsletter p { margin-top:30px; font-size:.917em; } #boxes .newsletter .error { display:none; margin-bottom:10px; color:#f00; } /* Boxes -> Box -> Press kontakti */ #boxes .press-kontakti dl { margin-top:13px; margin-left:12px; margin-right:12px; } #boxes .press-kontakti #telefon-fax { overflow:hidden; margin:7px 1px 0; padding-bottom:10px; height:1%; } #boxes .press-kontakti #telefon-fax dt { float:left; clear:left; width:60px; padding-left:12px; background:#fff; margin:2px 0; text-transform:uppercase; font-weight:bold; color:#7f8fa2; } #boxes .press-kontakti #telefon-fax dd { float:left; width:147px; background:#fff; margin:2px 0; color:#465769; font-weight:bold; } /* Boxes -> Box -> Login Getro partneri */ #boxes .getro-partneri { min-height:120px; height:auto !important; height:120px; position:relative; } #boxes .getro-partneri p { margin: 0 !important; padding-top: 10px; font-size:.917em; line-height:1em; } #boxes .getro-partneri img { float: left; margin: 0 5px -1px 0; } #boxes .getro-partneri form { position:relative; margin: 0; } #boxes .getro-partneri #recover_login form { position:absolute; top:45px; left:12px; height:50px; } #boxes .getro-partneri form label { margin:2px 0; display:block; font-size:.917em; } #boxes .getro-partneri form input { width:187px; margin:0 0 3px 0; font-size:.833em; padding:2px 0 1px 5px; } #boxes .getro-partneri button { background:url(../images/blue-button.png) no-repeat; width:54px; height:18px; padding:0; text-transform:uppercase; color:#fff; font-size:.917em; font-weight:bold; position:absolute; bottom:0; right:0; cursor:pointer; } #boxes .getro-partneri #recover_login button { background:url(../images/blue-button-recover_login.png) no-repeat; } #boxes .getro-partneri form #recover-back { position:absolute; bottom:0; right:60px; } #boxes .getro-partneri form #remember-me { position:relative; top:5px; cursor:pointer; } #boxes .getro-partneri form #remember-me input { float:left; position:relative; top:-5px; width:auto; height:20px; margin-right:5px; } #boxes .getro-partneri form #lost-password { font-size:.75em; display:block; margin-top:10px; } #boxes .getro-partneri .error { color:#f00; font-size:.917em; display:block; margin-bottom:10px} #popup-first-login { display: none; } #popup-first-login-clone { width: 210px; height: 210px; padding: 20px; background: url(../images/popup-first-login-bkg.gif); position:absolute; top:270px; left:310px; z-index:90; } #popup-first-login-clone h2 { background: none !important; font-size:1.083em; color:#00538d; text-transform:uppercase; font-weight:bold; } #popup-first-login-clone h2 span { color:#dcb20c; } #popup-first-login-clone .close { display: block; position: absolute; top: 8px; right: 4px; cursor: pointer; } /* Boxes -> Box -> Izdavajmo iz otvorenih natjecaja */ #boxes .izdvajamo-iz-otvorenih-natjecaja { background:#f2f2f2 url(../images/izdvajamo-iz-otvorenih-natjecaja.png) no-repeat left bottom; } #boxes .izdvajamo-iz-otvorenih-natjecaja h2 { background:#568db4 url(../images/izdvajamo-iz-otvorenih-natjecaja.png) no-repeat left top; position:absolute; top:0; left:0; height:54px; padding:10px 0 0 12px; margin:0; color:#fff; width:207px; line-height:1.2; } #boxes .izdvajamo-iz-otvorenih-natjecaja h2 span { color:#ffd51d; display:block; width:50px; } #boxes .izdvajamo-iz-otvorenih-natjecaja ul { margin-top:64px!important; margin-top:74px; list-style:square outside; color:#dcb20c; padding-left:12px; } #boxes .izdvajamo-iz-otvorenih-natjecaja ul li { margin:16px 0; height:1%; } #boxes .izdvajamo-iz-otvorenih-natjecaja ul li a, #boxes .izdvajamo-iz-otvorenih-natjecaja p { /*margin-top:64px!important; margin-top:74px;*/ font-size:.917em; } #boxes .izdvajamo-iz-otvorenih-natjecaja ul li a { display:block; height:1%; } #boxes .izdvajamo-iz-otvorenih-natjecaja #more { position:absolute; bottom:0; left:0; background:url(../images/white-right-arrow.png) no-repeat 205px center; text-align:right; width:201px; height:17px; padding-right:20px; color:#fff; text-decoration:none; text-transform:lowercase; font-size:.917em; } #boxes .izdvajamo-iz-otvorenih-natjecaja #more:hover { text-decoration:underline; } /* Footer */ #footer { clear:left; background:#00538d; height:120px; text-align:center; padding-top:10px; position:relative; z-index:100; margin-top:-130px; clear:both; } #footer ul { margin-bottom: 10px; } #footer li { display:inline; padding:0 5px 0 8px; background:url(../images/footer-link-separator.png) no-repeat left center; } #footer li.first { background:none; } #footer li a { text-decoration:none; color:#dcb20c; } #sign { color: #fff; text-decoration: none; } #sign span, #sign:hover { color: red; } /* Page Specific Styles */ /* FAQ */ #faq { list-style:none!important; color:#686868!important; margin:0; } #faq dt { border:1px dashed #dedede; border-width:1px 0 0; font-size:1.167em; color:#2971a7; padding:10px 26px; height:1%; } #faq dd { padding:0 26px 10px; } #faq.accordion dd { display:none; padding-left:40px; } #faq.accordion dt { background:url(../images/faq-toggle-plus.png) no-repeat 26px 16px; padding-left:40px; cursor:pointer; } #faq.accordion dt.active { background:url(../images/faq-toggle-minus.png) no-repeat 26px 16px; } /* Nagradne igre */ .game { width:233px; min-height:260px; height:auto!important; height:260px; float:left; position:relative; margin-bottom:26px; background:#fff url(../images/box-bg.png) no-repeat -1140px bottom; padding:0 0 12px; } .odd { margin-right:17px!important; margin-right:16px; } .game dt { background:url(../images/rounded-corners.png) no-repeat -3300px top; padding:9px 1px 0; } .game dd { padding:5px 12px; } .game dd a { color:#2971a7; text-decoration:none; background:url(../images/right-arrow.png) no-repeat right center; font-size:.917em; text-transform:lowercase; padding-right:7px; position:absolute; bottom:10px; right:10px; } .game dd a:hover { text-decoration:underline; } /* Articles */ #articles { background:url(../images/glossy-background.png) no-repeat left -155px; margin-top:-27px; padding-top:27px; position:relative; z-index:3; } #articles ul { float:left; list-style:none; margin:0 0 20px; } #articles ul li { float:left; margin:2px 1px; display:inline; } #articles ul li h3 { background:#e6eef4 url(../images/article-heading.png) no-repeat; width:195px; line-height:62px; font-size:1.083em !important; color:#00538d; text-transform:uppercase; font-weight:bold; padding-left:8px; margin-right:9px; } #articles ul li h3 span { color:#dcb20c; } #articles ul li a { width:105px; height:62px; padding:4px 0 0; display:block; background:#eee url(../images/article-box.png) no-repeat; text-align:center; text-decoration:none; } .tooltip span { width:152px; line-height:41px; position:absolute; margin-left:-30px; margin-top:-35px; display:none; color:#333; background:url(../images/tooltip-background.png) repeat-x; } /* Imenik */ #imenik { margin:0 1px; } #imenik h3 { background:#ebebeb; color:#333; clear:left; height:1%; padding-left:26px; } #imenik dl { overflow:hidden; margin:15px 26px; width:483px; } #imenik dl dt { float:left; clear:left; width:100px; text-transform:lowercase; font-weight:bold; } #imenik dl dd { float:left; width:383px; height:1%; } /* Kontakt */ #kontakt img { margin:30px 0; } #kontakt h3 { color:#333; } /* Kontakt -> Contact form */ #contact-form { margin:40px 0 10px; background:#f2f2f2 url(../images/box-bg.png) no-repeat -2962px top; padding-top:12px; } #contact-form fieldset { padding:0 17px 17px; background:url(../images/box-bg.png) no-repeat -2962px bottom; } #contact-form legend { color:#333; font-size:1.333em; font-weight:bold; position:relative; left:0!important; left:-7px; } #contact-form ul { margin:0; overflow:hidden; } #contact-form ul li { list-style:none outside none; float:left; margin:8px 0; } #contact-form ul li img { margin:8px 0 0; padding:0; } #contact-form ul li .error { display:block; color:#f00; font-size:.917em; padding:4px 0; } #contact-form ul li.end { position:relative; left:100px; } #contact-form ul li.single { width:100%; position:relative; left:0; } #contact-form ul li.single input { width:435px; } #contact-form ul li label { display:block; } #contact-form ul li input { padding:2px 0 2px 5px; width:165px; } #contact-form ul li input.txt { position:relative; top:-35px; left:20px; } #contact-form ul li select { width:170px; } #contact-form ul li textarea { width:440px; padding:2px 0 2px 5px; } #contact-form button { position:absolute; bottom:40px; right:45px; background:url(../images/blue-button-big.png) no-repeat; text-transform:uppercase; color:#fff; font-weight:bold; font-size:.917em; width:74px; height:18px; line-height:18px; cursor:pointer; } /* Novosti -> Novost */ .news h2 { margin:0 0 25px!important; } .news #no-announcement { margin-left:26px; } .news .news_content { border:1px dashed #dedede; border-width:1px 0 0; position:relative; padding:15px 20px 15px 165px; height:1%; } .news .news_content:first-child,.news .news_content.first { border:none; } /* Novosti -> Novost -> Date & image */ .news .news_content .date-image { position:absolute; top:15px; left:0; } .news .news_content .date-image .date { font-size:.75em; text-transform:uppercase; display:block; background:#dcb20c; text-align:center; padding:3px; width:40px; color:#fff; line-height:1.2; position:absolute; top:0!important; left:1px; } .news .news_content .date-image img { position:relative; left:53px; } #main .novost .date-image .date .colored { color:#000; } .news .news_content h3 { font-size:1.167em!important; font-weight:normal!important; color:#2971a7; } .news .news_content h3 a { position:static; background:none; text-transform:none; padding-right:0; } .news .news_content a { color:#2971a7; text-decoration:none; background:url(../images/right-arrow.png) no-repeat right center; font-size:.917em; text-transform:lowercase; padding-right:7px; position:absolute; bottom:10px; right:10px; } .news .news_content a:hover { text-decoration:underline; } /* Press clipping + Galerija vizuala */ #press-clipping-visuals { list-style:none!important; overflow:hidden; line-height:1.2; } #main.wider-2 #press-clipping-visuals li { float:left; margin:0 5px 5px 0; } #press-clipping-visuals li dl { width:117px; height:227px; background:#ffd51d; text-align:center; padding:10px; overflow:hidden; position:relative; } #press-clipping-visuals li dl dt { text-align:center; } #press-clipping-visuals li dl dd { color:#333; font-weight:bold; text-align:left; font-size:.917em; padding:10px 0; } #press-clipping-visuals li dl a { font-size:.91em; color:#2971a7; text-decoration:none; background:url(../images/download-link-trans.png) no-repeat; display:block; padding-left:25px; height:20px; float:left; font-weight:normal; position:absolute; bottom:10px; left:10px; } #press-clipping-visuals li dl a:hover { text-decoration:underline; } /* MAXI usteda */ #products { clear:right; float:left; } #products #no-maxi-usteda { width:537px; height:100px; text-align:center; padding-top:40px; background:#fff url(../images/box-bg.png) no-repeat -3447px bottom; margin-top:-20px; } #products ul { margin:0; margin-left:1px; border-left:1px solid #dedede; list-style:none; position:relative; top:-20px; } #products ul li { float:left; background:url(../images/darkblue-gradient-background.png) repeat-x left bottom; height:270px; width:177px; border:1px solid #dedede; border-left:none; border-top:none; margin-top:0px; margin-bottom:0; color:#17356c; position:relative; } #products.getro-robne-marke ul li { background:url(../images/lightblue-gradient-background.png) repeat-x left bottom; } #products dl { padding:20px 10px 0;} #products .image { text-align:center; padding-bottom:10px; height:120px; } #products .price { overflow:hidden; line-height:1; } #products .price span { float:left; margin-right:5px; color:#ee1a30; font-size:2.5em; font-weight:bold; } #products .price span.lipas { float:left; width:20px; color:#17356c; font-size:1.083em; position:relative; top:1px; } #products .price span.lipas:first-line { color:#ee1a30; } #products .name { font-weight:bold; margin-top:10px; } #products .more-link { position:absolute; bottom:10px; right:10px; display:block; background:url(../images/blue-button.png) no-repeat; width:54px; } #products .more-link a { color:#fff; text-decoration:none; font-size:.917em; width:47px; text-transform:lowercase; line-height:18px; display:block; padding-right:7px; background:url(../images/white-right-arrow.png) no-repeat 75% center; text-align:center; } /* Vodic kroz akcije */ #content .vodic-kroz-akcije-holder { background:#e6eef4 url(../images/box-bg.png) no-repeat -3447px bottom; } #main .vodic-kroz-akcije { position:relative; top:11px; padding:0 11px; margin-bottom:15px; } #main .vodic-kroz-akcije img { position:relative; z-index:2; } #main .vodic-kroz-akcije .download { position:absolute; top:20px; left:120px; } #main .vodic-kroz-akcije div { position:absolute; top:0; right:30px; width:250px; } #main .vodic-kroz-akcije h3 { font-size:1.083em!important; color:#00538d; text-transform:uppercase; font-weight:bold; } #main .vodic-kroz-akcije h3 span { color:#dcb20c; } /* Singe product */ .single-product img { position:absolute; top:11px; right:26px; } #product-description { position:relative; background:url(../images/lightblue-gradient-background.png) repeat-x left bottom; padding:0 26px 10px 165px; margin:0 1px; height:1%; } #product-description img { position:absolute; top:0; left:26px; } #product-description h3 { color:#17356c; font-size:1.083em!important; } #product-description h3:first-line { font-size:1.385em!important; } #product-description table { margin:20px 0; width:344px; border-collapse:collapse; } #product-description table tr.odd td { background:#fff; } #product-description table td { width:190px; background:#ebebeb; padding: 2px 0 2px 5px; } #product-description table td.first { width:130px; font-weight:bold; border-right:1px solid #fff; } #other-products { padding:0; } #other-products h3 { background:#f7eab2; color:#333; font-size:1.5em!important; padding:2px 30px; margin:0 1px; height:1%; } #other-products ul { padding:0; margin:0; list-style:none; height:1%; } #other-products ul li { border-top:1px dashed #dedede; color:#686868; position:relative; padding:10px 70px 10px 110px; height:100px; } #other-products ul li:first-child, #other-products ul li.first { border-top:none; } #other-products ul li img { position:absolute; top:15px; left:25px; } #other-products ul li dl { height:1%; } #other-products ul li .name { color:#17356c; font-weight:bold; } #other-products ul li .quantity { color:#17356c; } #other-products ul li .description { font-size:.917em; line-height:1.2; margin-top:10px; } #other-products ul li .more-link { position:absolute; top:40px; right:10px; display:block; background:url(../images/blue-button.png) no-repeat; width:54px; } #other-products ul li .more-link a { color:#fff; text-decoration:none; font-size:.917em; text-transform:lowercase; line-height:18px; display:block; padding-right:7px; background:url(../images/white-right-arrow.png) no-repeat 75% center; text-align:center; width:47px; } /* Promocije i degustacije */ #main.promocije-i-degustacije h3 { width:104px; background:#e6eef4 url(../images/promocijeidegustacije-bubble.png) no-repeat; font-size:1.083em!important; color:#00538d; text-transform:uppercase; font-weight:bold; height:74px; padding-top:20px; padding-left:10px; margin-right:10px; float:left; } #main.promocije-i-degustacije h3 span { color:#dcb20c; } #main.promocije-i-degustacije p { padding:0 26px 20px; } #main.promocije-i-degustacije div { position:relative; } #main.promocije-i-degustacije div div { width:405px; overflow:hidden; margin-left:26px; } #main.promocije-i-degustacije #cal-wrap { background:#f2f2f2 url(../images/box-bg.png) no-repeat -1673px bottom; padding:0 9px; margin-bottom:10px; margin-left:0; width:255px; height:170px; float:left; } #main.promocije-i-degustacije #cal-wrap .rc-top { position:absolute; top:0; left:-26px; width:273px; height:9px; background:url(../images/rounded-corners.png) no-repeat -3533px top; } #main.promocije-i-degustacije #cal-wrap table { margin-left:25px; margin-bottom:0; } #main.promocije-i-degustacije #cal-wrap table tr#second-row td { background:url(../images/calendar-rows-pad.png) no-repeat left top; } #main.promocije-i-degustacije #prodajni-centri { list-style:none; margin:0; overflow:hidden; width:275px; float:left; } #main.promocije-i-degustacije #prodajni-centri li { float:left; margin-right:4px; margin-bottom:0; } #main.promocije-i-degustacije #prodajni-centri li a { display:block; width:123px; height:20px; line-height:20px; background:#c5c5c3 url(../images/promocijeidegustacije-link.png) no-repeat; font-weight:bold; text-decoration:none; color:#333; font-size:.917em; padding-left:10px; } #main.promocije-i-degustacije #prodajni-centri li.active a, #main.promocije-i-degustacije #prodajni-centri li a:hover { background-color:#f2c018; background-position:0 -20px; } #main.promocije-i-degustacije #prodajni-centar-opis { float: right; margin: 0 26px 0 0; width:264px; background:#ffd51d url(../images/box-bg.png) no-repeat -1946px bottom; padding:10px 20px 30px; clear:both; color:#333; } #main.promocije-i-degustacije #prodajni-centar-opis h3 { color:#333!important; background:none; height:auto; text-transform:none; float:none; margin-bottom:0; width:244px; padding:27px 40px 0 20px; margin:-10px -20px 15px; } #main.promocije-i-degustacije #prodajni-centar-opis .date { display: block; margin: -20px 0px 0 0px; text-align:left; background:none; width:283px; height:auto; color:#333; font-size:.833em; text-transform:none; font-weight:normal; padding: 20px 0 0 20px; background:url(../images/rounded-corners.png) no-repeat -1314px top; } #main.promocije-i-degustacije #prodajni-centar-opis ul { margin:0 20px; padding:20px 0 0; color:#333; list-style:disc outside url(../images/list-item-blue-square.png); } #main.promocije-i-degustacije #prodajni-centar-opis ul li { margin:10px 0; } /* Prodajni centri */ #content .wider-1 #prodajni-centar { width:348px; float:left; } #content .wider-1 #prodajni-centar #info { overflow:hidden; font-weight:bold; background:#ebebeb; width:348px; margin-bottom:20px; } #content .wider-1 #prodajni-centar #info .even { background:#fff; } #content .wider-1 #prodajni-centar #info dt { float:left; clear:left; width:121px; color:#dcb20c; padding:2px 0 2px 3px; } #content .wider-1 #prodajni-centar #info dd { float:left; width:221px; color:#00538d; padding:2px 0 2px 3px; } #content .wider-1 #prodajni-centar h3 { color:#333; } #content .wider-1 #prodajni-centar #lokali { list-style:none; margin:10px 0 0; overflow:hidden; border-top:1px dashed #dedede; height:1%; } #content .wider-1 #prodajni-centar #lokali li { border-bottom:1px dashed #dedede; float:left; font-size:.917em; position:relative; padding:0; width:85px; min-height:65px; height:auto!important; height:65px; padding-left:85px; } #content .wider-1 #prodajni-centar #lokali .name { font-weight:bold; } #content .wider-1 #prodajni-centar #lokali .description { line-height:1.2; padding-bottom:5px; } #content .wider-1 #prodajni-centar #lokali .image { position:absolute; top:0; left:0; } #content .wider-1 #prodajni-centar #lokali .image img { border:3px solid #d4d4d4; } #content .wider-1 #slidebar-gmap { width:300px; float:left; margin-left:20px; display:inline; } #content .wider-1 #slidebar-gmap #slidebar, #content .wider-1 #slidebar-gmap #gmap { padding:5px!important; position:relative; z-index:1; background:#edf3f8 url(../images/box-bg.png) no-repeat -1373px bottom; margin-bottom:15px; height:1%; } #content .wider-1 #slidebar-gmap #slidebar span { position:absolute; top:175px!important; top:173px; left:6px; padding:2px 0 2px 2px; background:url(../images/slidebar-desc-bg-trans.png) no-repeat; width:286px; z-index:2; font-size:.917em; color:#fff; font-weight:bold; } #content .wider-1 #slidebar-gmap #slidebar div { position:absolute; top:0; left:0; background:url(../images/rounded-corners.png) no-repeat -741px top; width:300px; height:9px; } #content .wider-1 #slidebar-gmap #slidebar img { display:none; position:absolute; top:5px; left:6px; } #content .wider-1 #slidebar-gmap #slidebar img.on { display:block; } #content .wider-1 #slidebar-gmap #slidebar ul { list-style:none; overflow:hidden; padding-top:200px; margin:0; width:100%; } #content .wider-1 #slidebar-gmap #slidebar ul li { float:left; margin-right:10px; } #content .wider-1 #slidebar-gmap #slidebar ul li img { position:static; display:block; border:3px solid #ffd51d; cursor:pointer; } #content .wider-1 #slidebar-gmap #slidebar ul li.on img { border-color:#215b9b; opacity: 0.5; } #content .wider-1 #slidebar-gmap #gmap { padding:0!important; } #content .wider-1 #slidebar-gmap #gmap div { background:url(../images/rounded-corners.png) no-repeat -741px top; padding:9px 0 5px 6px; width:294px; } #content .wider-1 #slidebar-gmap #gmap small a { color:#2971a7; } /* Zasto postati Getro partner */ #postanite-getro-partner { background:#6194b8 url(../images/glossy-background-2.png) no-repeat; height:103px; color:#fff; padding:10px 0 10px 130px; font-size:1.167em; margin:20px 0; position:relative; } #postanite-getro-partner h3 { text-transform:uppercase; font-size:1.286em!important; } #postanite-getro-partner h3 span { color:#ffd51d; } #postanite-getro-partner img { position:absolute; top:0; left:0; } /* Getro Friend Card */ #steps { color:#dcb20c; margin:60px 0; } #steps h4 { font-size:6.667em; font-weight:normal; float:left; clear:left; width:190px; } #steps h4 img { padding:0 10px; vertical-align:middle; } #steps p { display:block; height:130px; margin-left:200px; font-size:1.5em; } #steps dl { margin:-10px 0 0 200px; font-size:1.333em; } /* Kutak za medije */ #l-col,#r-col { float:left; } #l-col { width:290px; margin-right:15px; font-size:.917em; } #r-col { width:230px; } #l-col h2, #r-col h2 { text-transform:uppercase; font-size:1.083em; color:#00538d; } #l-col h2 { font-size:1.182em; } #l-col .objave-za-medije h2, #l-col .najnovije-iz-galerije-vizuala h2 { margin-bottom:0; border-bottom:1px dotted #dedede; background:url(../images/rounded-corners.png) no-repeat -221px top; width:278px; position:absolute; top:0; left:0; padding:12px 0 20px 12px; margin:0; } #l-col .objave-za-medije h2 { padding-bottom:15px; } #l-col .objave-za-medije { padding-top:55px!important; } #l-col h2 span,#r-col h2 span { color:#dcb20c; } #l-col .box, #r-col .box { background:#edf3f8 url(../images/box-bg.png) no-repeat -620px bottom; padding:40px 12px 12px; position:relative; margin-bottom:15px; height:1%; } #l-col .objave-za-medije .objava { position:relative; border-bottom:1px dotted #dedede; line-height:1.2; padding:10px 0; height:1%; } #l-col .objave-za-medije .objava h3 { color:#dcb20c; padding-top:13px; font-size:1em!important; } #l-col .objave-za-medije .objava h3 a { position:static; color:#dcb20c; text-transform:none; background:none; padding-right:0; } #l-col .objave-za-medije .objava .date { position:absolute; top:11px; left:0; width:100%; background:none; text-align:left; color:#000; font-size:.818em; font-weight:normal; padding:0; } #l-col .objave-za-medije .objava .date span { color:#a6a6a6; } #l-col .objave-za-medije .objava a { position:absolute; bottom:5px; right:5px; text-transform:lowercase; text-decoration:none; background:url(../images/right-arrow.png) no-repeat right center; padding-right:7px; } #l-col .objave-za-medije .objava a:hover { text-decoration:underline; } #l-col .najnovije-iz-galerije-vizuala h2 { border-bottom:0; padding-bottom:0; } #l-col .najnovije-iz-galerije-vizuala ul { list-style:none; margin:10px 0 0; overflow:hidden; } #l-col .najnovije-iz-galerije-vizuala ul li { float:left; margin:0 8px 8px 0; } #l-col .najnovije-iz-galerije-vizuala ul li dl { width:110px; height:230px; background:#ffd51d; text-align:center; padding:5px; overflow:hidden; line-height:1.2; text-align:left; position:relative; } #l-col .najnovije-iz-galerije-vizuala ul li dl dt { text-align:center; } #l-col .najnovije-iz-galerije-vizuala ul li dl dt img { width:110px; } #l-col .najnovije-iz-galerije-vizuala ul li dl dd { color:#333; margin:10px 0; } #l-col .najnovije-iz-galerije-vizuala ul li dl a { color:#2971a7; text-decoration:none; background:url(../images/download-link-trans.png) no-repeat; display:block; width:85px; height:25px; padding-left:25px; float:left; font-weight:normal; line-height:1.2; position:absolute; bottom:10px; left:5px; } #l-col .najnovije-iz-galerije-vizuala ul li dl a:hover { text-decoration:underline; } #l-col .najnovije-iz-galerije-vizuala .archive, #l-col .objave-za-medije .archive { float:right; background:url(../images/right-arrow.png) no-repeat right center; padding-right:7px; text-decoration:none; } #l-col .najnovije-iz-galerije-vizuala .archive:hover,#l-col .objave-za-medije .archive:hover { text-decoration:underline; } #r-col .box { background:#edf3f8 url(../images/box-bg.png) no-repeat -910px bottom; padding:40px 1px 12px; position:relative; } #r-col .box h2 { position:absolute; top:0; left:0; padding:12px 0 0 12px; margin:0; width:218px; background:url(../images/rounded-corners.png) no-repeat -511px top; } #r-col .box div { background:#fff url(../images/lightblue-gradient-background.png) repeat-x bottom left; padding:12px; } #r-col .box div.last { background:none; } #r-col .box div ul { list-style-image:none; list-style-type:none; margin-left:0; } #r-col .box div ul li { margin:0; } #r-col .box div h3 { color:#7f8fa2; font-size:1em!important; } #r-col .box div a { font-size:.917em; text-transform:lowercase; text-decoration:none; background:url(../images/right-arrow.png) no-repeat left center; padding-left:7px; } #r-col .box div a:hover { text-decoration:underline; } #r-col .sto-posto-u-sluzbi-medija p { font-size:.917em; margin-left:12px; margin-right:12px; } /* Search Page */ #no-results { text-align:center; } #wrapper .search #search-results { margin-left:45px; } #wrapper .search #search-results li { margin-bottom:20px; font-size:1.333em; color:#2971a7; font-weight:bold; } #wrapper .search #search-results li h3 { font-size:1em !important; } #wrapper .search #search-results li p { margin-top:10px; font-size:0.75em; color:#686868; font-weight:normal; } #wrapper .search form { background:#ffd51d url(../images/box-bg.png) no-repeat -442px bottom; padding:0 11px 5px 8px; width:159px; position:relative; } #wrapper .search form input { padding:2px 0 2px 5px; width:130px; } #wrapper .search form button { background:url(../images/search-button-page.png) no-repeat; width:19px; height:19px; border:none; text-indent:-9999px; overflow:hidden; cursor:pointer; position:absolute; top:0; right:16px; } /* Job Application */ #job-application { margin:20px 0 10px; background:#f2f2f2 url(../images/job-application-bg.png) no-repeat left top; padding-top:12px; } #job-application form { background:url(../images/job-application-bg.png) no-repeat left bottom; } #job-application fieldset { padding:0 17px 17px; } #job-application fieldset h3 { font-size:1.083em!important; margin:10px 0; } #job-application legend { color:#333; font-size:1.333em; font-weight:bold; position:relative; left:0!important; left:-7px; } #job-application ul { margin:0; padding:0; list-style:none outside none!important; } #job-application ul ul { padding:0 0 0 20px; } #job-application ul li { margin:10px 0; position:relative; } #job-application ul li .error { display:block; color:#f00; font-size:.917em; padding:4px 0; } #job-application ul li .txt, #job-application ul li select, #job-application ul li.duration div { margin-left:50px; position:absolute; top:0; right:20px; } #job-application ul li.duration { height:50px; overflow:hidden; } #job-application ul li.duration div span { display:block; float:left; height:19px; padding-right:3px; } #job-application ul li.duration div input { width:147px; margin-bottom:10px; } #job-application ul li .extra { margin-left:0; position:absolute; top:0; left:0; } #job-application ul li input { padding:2px 0 2px 5px; width:165px; } #job-application ul li select { width:170px; } #job-application .file { padding:2px 0 1px 5px; margin-right:10px; } #job-application button { background:url(../images/blue-button-big.png) no-repeat; width:74px; height:18px; line-height:18px; text-align:center; font-weight:bold; text-transform:uppercase; color:#fff; font-size:.917em; float:right; cursor:pointer; } /* Lightbox */ #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:none; } #lightbox-container-image-box { position:relative; background-color:#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%; 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:hidden; width:100%; padding:0 10px; } #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; } /* Popup */ #overlay { background:#000; position:absolute; top:0; left:0; z-index: 1000; } #popupBox { position:absolute; top:0; left:0; cursor:pointer; width:500px; height:719px; z-index: 1001; } #popupBox img { border:none; display:block; cursor: pointer; } /* Christmas special #christmas-balls { position:absolute; right:-8px; top:247px; z-index:3; width:74px; height:102px; background:url(../images/christmas-balls-trans.png) no-repeat 0 0; } #christmas-header { position:absolute; left:0; top:0; } #header { background-image:url(../images/christmas-main-header-image.jpg); } .js h1 a { z-index:2; background:none; } */