body { background: #011639 url(../images/layout/body.jpg) top center no-repeat; font-family: Arial, Helvetica, sans-serif; } #container { width: 994px; margin: 0 auto; } /* =Header ----------------------------------------------- */ #header { height: 112px; margin: 0 auto; } #header h1 a { display: block; text-indent: -5000px; width: 461px; height: 80px; } #header ul { margin-left: 10px; } #header ul li { display: inline; } #header ul li a { display: block; float: left; font-size: 11px; padding: 7px 14px 8px 14px; color: #fff; text-decoration: none; } #header ul li a:hover { background: url(../images/layout/main_nav_hover.gif) repeat-x; } #header ul li a.active { background: url(../images/layout/main_nav_active.gif) repeat-x; } #header ul li.custom a { margin-left: 290px; } /* =Content ----------------------------------------------- */ #column-wrapper { background: url(../images/layout/content.gif) repeat-y; padding: 10px 10px 8px 10px; } #bottom-columns { background: url(../images/layout/bottom_columns.png) no-repeat; width: 944px; height: 272px; clear: both; padding: 15px; color: #fff; } #bottom-columns .column { margin-bottom: 15px; height: 28px; } #bottom-columns .column.what-we-do { width: 305px; float: left; margin-right: 20px; } #bottom-columns .column.what-we-do ul { margin-bottom: 15px; } #bottom-columns .column.what-we-do ul li { background: url(../images/layout/footer_bullet.png) left no-repeat; padding-left: 5px; margin-left: 5px; } #bottom-columns .column.what-we-do ul li a { font-size: 13px; text-decoration: none; line-height: 1.5; padding-left: 16px; color: #fff; } #bottom-columns .column.what-we-do ul li a:hover { color: red; } #bottom-columns .column.what-we-do h2.vanjske-reklame { background:url(../images/headings/signarama_vanjske_reklame.gif) no-repeat; width: 241px; height: 22px; margin-bottom: 10px; text-indent: -5000px; } #bottom-columns .column.what-we-do h2.unutarnje-reklame { background:url(../images/headings/signarama_unutarnje_reklame.gif) no-repeat; width: 261px; height: 22px; margin-bottom: 10px; text-indent: -5000px; } #bottom-columns .column.from-the-blog { width: 305px; float: left; margin-right: 25px; } #bottom-columns .column.from-the-blog h2 { background: url(../images/headings/zadnji_clanci_sa_bloga.png) no-repeat; } #bottom-columns .column.from-the-blog ul li { padding: 6px; background: url(../images/layout/blog_post_divider.png) bottom left no-repeat; line-height: 1.5; } #bottom-columns .column.from-the-blog ul li a { font-size: 14px; color: #fff; text-decoration: none; } #bottom-columns .column.from-the-blog ul li p { font-size: 11px; color: #b3bbd0; } #bottom-columns .column.from-the-blog ul li.first-item { margin-top: -5px; } #bottom-columns .column.contact { width: 285px; float: left; margin-right: -16px; } #bottom-columns .column.contact h2 { background: url(../images/headings/kontaktirajte_signaramu.png) no-repeat; text-indent: -5000px; height: 35px; } #bottom-columns .column.contact p { font-size: 13px; line-height: 1.3; margin-bottom: 18px; } #bottom-columns .column.contact p a { color: #697caf; } #bottom-columns .column.contact address { font-size: 11px; margin-bottom: 20px; } #bottom-columns .column.contact address strong { font-size: 13px; } #bottom-columns .column.contact address a { color: #8fa0cd; } #bottom-columns .column.contact strong { font-weight: bold; } #bottom-columns .column.contact p.social-media { font-size: 11px; } #bottom-columns .column.contact p.social-media a { text-decoration: none; color: #fff; margin-right: 7px; } #bottom-columns .column.contact p.social-media a img { vertical-align: middle; margin-right: 4px; } #breadcrumbs { font-size: 11px; color: #fff; text-indent: 3px; margin-bottom: 10px; } #breadcrumbs a { color: #8aa3cf; text-decoration: none; } #holder { background: url(../images/layout/holder1.gif) left bottom no-repeat; margin-bottom: 10px; } #sidebar { width: 153px; font-size: 11px; float: left; } #sidebar .box { background: url(../images/layout/sidebar_box_top.gif) no-repeat; padding-top: 12px; } #sidebar .box-inner { background: url(../images/layout/sidebar_box_bottom.gif) bottom no-repeat; padding: 0 15px 15px 15px; } #sidebar a.hp { margin-bottom: 10px; text-decoration: none; color: #000; display: block; } #sidebar h4 a { font-weight: bold; color: #df0000; margin-bottom: 5px; display: block; text-decoration: none; } #sidebar ul li a { text-decoration: none; color: #000; display: block; line-height: 2; font-weight: bold; } #sidebar ul li li a { color: #555; font-weight: normal; margin: 6px 0; line-height: 1.3; } #sidebar ul li li a:hover { text-decoration: underline; color: #223c80; } #sidebar ul li a.active { color: #4870c0; text-decoration: underline; } #main-content { background: url(../images/layout/main_content_top.gif) no-repeat; width: 811px; padding-top: 19px; float: right; } #main-content-inner { background: #fff url(../images/layout/main_content_bottom.gif) bottom no-repeat; padding: 0 25px 21px 25px; } #main-content h2 { text-indent: -5000px; margin-bottom: 15px; width: 350px; height: 33px; padding-bottom: 8px; } #main-content h2.proizvodi-i-usluge { background: url(../images/headings/proizvodi_i_usluge.gif) no-repeat; } #main-content h2.unutarnje-reklame { background: url(../images/headings/lista_unutarnjih_reklama.gif) no-repeat; } #main-content h2.naziv-proizvoda { background: url(../images/headings/naziv_proizvoda.gif) no-repeat; } #main-content h2.vanjske-reklame { background: url(../images/headings/lista_vanjskih_reklama.gif) no-repeat; } #main-content h2.o-nama { background: url(../images/headings/o_nama.gif) no-repeat; } #main-content h2.contact { background: url(../images/headings/kontaktirajte_nas.gif) no-repeat; } #main-content h2.usluge { background: url(../images/headings/usluge.gif) no-repeat; } #main-content h2.usluge-dizajna { background: url(../images/headings/usluge_dizajna.gif) no-repeat; } #main-content h2.digitalni-print { background: url(../images/headings/digitalni_print.gif) no-repeat; } #main-content h2.canvas-print { background: url(../images/headings/print_na_canvasu.gif) no-repeat; } #main-content h2.sitemap { background: url(../images/headings/sitemap.gif) no-repeat; } #main-content h2.informacije-o-fransizi { background: url(../images/headings/informacije_o_fransizi.gif) no-repeat; } /* naslovi za vanjske reklame */ #main-content h2.a-panoi { background: url(../images/headings/a_panoi.gif) no-repeat; } #main-content h2.baneri-outdoor { background: url(../images/headings/baneri_outdoor.gif) no-repeat; } #main-content h2.svjetlece-reklame { background: url(../images/headings/svjetlece_reklame.gif) no-repeat; } #main-content h2.svjetleca-blok-slova { background: url(../images/headings/svjetleca_blok_slova.gif) no-repeat; } #main-content h2.signalizacija-i-putokazi { background: url(../images/headings/signalizacija_i_putokazi.gif) no-repeat; } #main-content h2.prometni-znakovi { background: url(../images/headings/prometni_znakovi.gif) no-repeat; } #main-content h2.natpisne-ploce { background: url(../images/headings/natpisne_ploce.gif) no-repeat; } #main-content h2.oslikavanje-vozila { background: url(../images/headings/oslikavanje_vozila.gif) no-repeat; } #main-content h2.oslikavanje-izloga { background: url(../images/headings/oslikavanje_izloga.gif) no-repeat; } #main-content h2.magneti-za-automobile { background: url(../images/headings/magneti_za_automobile.gif) no-repeat; } #main-content h2.grafika-za-tende { background: url(../images/headings/grafika_za_tende.gif) no-repeat; } /* naslovi za unutarnje reklame */ #main-content h2.oznake { background: url(../images/headings/oznake.gif) no-repeat; } #main-content h2.baneri-indoor { background: url(../images/headings/baneri_indoor.gif) no-repeat; } #main-content h2.displeji-i-pop-materijali { background: url(../images/headings/displeji_i_pop_materijali.gif) no-repeat; } #main-content h2.putokazi-i-direktoriji { background: url(../images/headings/putokazi_i_direktoriji.gif) no-repeat; } #main-content h2.graviranje { background: url(../images/headings/graviranje.gif) no-repeat; } #main-content h2.pecati { background: url(../images/headings/pecati.gif) no-repeat; } #main-content h2.naljepnice { background: url(../images/headings/naljepnice.gif) no-repeat; } #main-content h2.naljepnice-3d { background: url(../images/headings/3d_naljepnice.gif) no-repeat; } #main-content h2.reklame-za-ugostiteljstvo { background: url(../images/headings/reklame_za_ugostiteljstvo.gif) no-repeat; } #main-content h2.sigurnosne-oznake { background: url(../images/headings/sigurnosne_oznake.gif) no-repeat; } #main-content h2.oznake-za-recepcije { background: url(../images/headings/oznake_za_recepcije.gif) no-repeat; } #main-content h2.edr { background: url(../images/headings/edr.gif) no-repeat; } #buttons { float: right; margin-top: -58px; } #buttons li { display: inline; } #buttons li a { display: block; float: left; width: 155px; height: 35px; margin-left: 12px; text-indent: -5000px; } #buttons li.item-1 a { background: url(../images/buttons/vanjske_reklame.png) no-repeat; } #buttons li.item-2 a { background: url(../images/buttons/unutarnje_reklame.png) no-repeat; } #sign-finder { background: url(../images/layout/sign_finder.png) top repeat-x; margin: 0 -24px; position: relative; padding-bottom: 25px; border-bottom: 1px solid #fff; } #sign-finder-flash { border: 10px solid #011639; margin: 0 auto; width: 740px; height: 290px; } #main-content h3 { margin: 0 -24px; height: 32px; text-indent: -5000px; margin-bottom: 20px; } #main-content h3.edr-highlight { background: url(../images/headings/novi_proizvod_edr.png) no-repeat; } #main-content h3.unutarnje-reklame { background: url(../images/headings/unutarnje_reklame.png) no-repeat; } #main-content h3.opis-proizvoda { background: url(../images/headings/opis_proizvoda.png) no-repeat; } #main-content h3.vanjske-reklame { background: url(../images/headings/vanjske_reklame.png) no-repeat; } #main-content h4 { font-size: 12px; font-weight: bold; margin-bottom: 5px; } #main-content p { font-size: 12px; line-height: 1.6; margin-bottom: 15px; } #main-content .img-left { float: left; margin: 10px 20px 0 0; } #main-content .img-right { float: right; margin: 10px 0 0 20px; border: 1px solid #3053ad; } #main-content p.more-info { margin-bottom: 0; } #main-content p.more-info a { display: block; text-indent: -5000px; width: 150px; height: 50px; background: url(../images/buttons/klik_za_vise_info.png) no-repeat; margin: 0 0 0 215px; position: relative; } #products-list { margin-bottom: 10px; } #products-list li { background: url(../images/layout/product_list_border.gif) no-repeat; width: 166px; height: 104px; margin: 0 16px 16px 0; padding: 6px; float: left; } #products-list li.last-row-item { margin-right: 0; } #products-list li img { border: 1px solid #3053ad; border-bottom: none; display: block; } #products-list li a { text-decoration: none; } #products-list li a span { display: block; background: url(../images/layout/product_list_a_span.gif) top repeat-x; height: 20px; width: 164px; border: 1px solid #3053ad; border-top: none; text-align: center; font-size: 11px; color: #fff; padding-top: 4px; } #products-list li a:hover span { background: red url(../images/layout/product_list_a_span_hover.gif) top repeat-x; border: 1px solid #d61e23; border-top: none; } #products-list li a:hover img { border: 1px solid #d61e23; border-bottom: none; } #product-gallery { background: url(../images/layout/product_gallery.gif) no-repeat; width: 755px; height: 208px; margin-bottom: 25px; padding: 8px 0 0 8px; position: relative; background-image: url(../images/layout/product_gallery.gif); } #product-gallery-flash { } #need-help { background: url(../images/layout/need_help.png) no-repeat; width: 241px; height: 200px; position: absolute; right: 8px; top: 8px; } #about-us { background: url(../images/layout/about_us_bg.jpg) bottom no-repeat; margin: 0 -25px -21px -25px; position: relative; padding: 0 25px 360px 25px; } #contact { background: url(../images/layout/contact.png) bottom no-repeat; margin: 0 -25px -21px -25px; position: relative; padding: 0 25px 160px 25px; } #contact fieldset { width: 418px; } #contact fieldset li { float: left; width: 196px; margin-right: 25px; } #contact fieldset li.last-row-item { margin-right: 0; } #contact fieldset li.button { width: 415px; margin: 0; } #contact fieldset label { display: block; font-size: 12px; font-weight: bold; margin-bottom: 7px; } #contact fieldset label span { color: #f9050a; } #contact fieldset li .input-text, #contact fieldset li textarea { margin-bottom: 22px; width: 184px; padding: 3px; border: 1px solid #bdc6dc; } #contact fieldset li textarea { width: 406px; height: 180px; margin-bottom: 10px; } #contact fieldset li .input-button { background: url(../images/form/contact_send.gif) no-repeat; width: 80px; height: 25px; cursor: pointer; border: none; float: right; } #contact #error { background: #ffeeee; border: 1px solid #ffc9c9; padding: 15px; font-size: 12px; width: 383px; margin-bottom: 15px; } #contact #error ul { margin-top: 15px; margin-bottom: 0; } #contact #error ul li { font-size: 12px; margin-left: 25px; list-style-type: disc; margin-bottom: 0; } #contact #success { background: #f0fff4; border: 1px solid #cdffd9; font-size: 12px; padding: 15px; width: 383px; margin-bottom: 15px; } #contact #success h3,#contact #error h3 { font-size: 12px; font-weight: bold; margin-bottom: 5px; text-indent: 0; margin: 0 0 5px 0; padding: 0; height: auto; } #contact #success p { font-size: 12px; margin-bottom: 0; } #contact #info { background: url(../images/layout/contact_sidebar.png) no-repeat; width: 261px; height: 419px; float: right; margin-left: 35px; padding: 20px; } #contact #info p strong { font-weight: bold; } #contact #info p { background: url(../images/icons/star.png) left top no-repeat; padding-left: 25px; } #contact #info .google-map { background: #fff; padding: 1px; border: 1px solid #c8cfe1; height: 210px; width: 257px; } #services { } #services li { background: url(../images/layout/service.gif) no-repeat; width: 748px; height: 104px; margin-bottom: 15px; padding: 6px; position: relative; } #services li img { border: 1px solid #bbc4db; display: block; float: left; margin-right: 15px; } #services li h3 { text-indent: 0; margin: 0 0 -7px 0; padding: 0; font-size: 16px; font-weight: bold; color: #3e466c; } #services li p { font-size: 12px; width: 435px; float: left; } #services li a { background: url(../images/buttons/odaberi_ovaj_servis.png) no-repeat; display: block; text-indent: -5000px; width: 84px; height: 84px; position: absolute; right: 16px; top: 16px; } #sitemap { width: 400px; } #sitemap li a { font-size: 14px; color: #3558a2; background: url(../images/icons/star.png) left top no-repeat; padding-left: 25px; display: block; line-height: 1.7; font-weight: bold; text-decoration: none; } #sitemap li li a { padding-left: 0; background: none; font-size: 13px; } #sitemap li li li a { font-weight: normal; font-size: 12px; } #sitemap li li { margin-left: 50px; } #sitemap li li li { margin-left: 20px; } /* =Footer ----------------------------------------------- */ #footer { background: url(../images/layout/footer_rounded.gif) top no-repeat; width: 994px; padding: 15px 0; height: 45px; position: relative; } #footer ul { margin-left: 10px; } #footer ul li { display: inline; font-size: 11px; } #footer ul li a { display: block; float: left;text-decoration: none; color: #808b9c; padding: 0 4px 0 7px; background: url(../images/layout/footer_li_divider.gif) left no-repeat; } #footer ul li a:hover, #footer ul li a.active { color: #bdc6d5; } #footer ul li.first-item a { padding-left: 0; background: none; } #footer p { position: absolute; right: 0; top: 15px; font-size: 11px; color: #808b9c; text-align: right; } #footer p a { display: block; margin-top: 10px; }