/* #697EBD plava*/ /* #3F59A6 plava*/ /* #A8B5D9 svijetlo plava*/ /* #4C4C4C siva*/ /* #FFDE00 zuta*/ /* BASIC */ /*background:url(media/bck.jpg) no-repeat #697EBD center top;*/ * { margin:0; padding:0; border:0; } body {background:#697EBD /*url(/grafika/pozadina.jpg) no-repeat top center*/; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#697EBD; line-height:20px } .clear { clear:both } .clear5 { clear:both;padding-bottom:5px; } p { padding-bottom:5px; } p.nopad { padding-bottom:0px; } p.small {font-size:10px; color:#FFFFFF; display:block; padding:10px 0;} p.mala {font-size:11px; color:#FFFFFF; display:block; padding-top:20px;} p.mala2 {font-size:11px; color:#FFDE00; display:block; line-height:18px;} p.smallnormal {font-size:10px; padding:10px 0;} p.indent { margin-left:20px;} h1, h2, h3, h4, h5 { margin:5px 0; padding:0; font-weight:bold } h1 { font-size:24px; line-height:30px } h2 { font-size:18px; line-height:24px } h3 { font-size:16px; line-height:22px } h4 { font-size:14px } h5 { font-size:13px } /* FOOT */ .downzona {width:400px; float:left; height:auto; padding-top:6px; float:left; text-align:center;} .slikadownzona {padding-top:10px;} /* MAIN DIVS */ #container {width:994px; margin:auto; position:relative; height:auto;} #mainwrapper{width:994px; float:left; height:auto;} #top {width:994px; float:left; height:auto;} #middle {width:977px; position:relative; float:left; height:auto; background-image:url(media/bg.jpg); background-repeat:repeat-y; padding:5px 7px 5px 10px;} #bottom {width:974px; float:left; height:auto; background-image:url(media/bottom.jpg); background-repeat:no-repeat; padding:5px 10px 5px 10px; text-align:center;} /* HEADER */ #header {width:994px; height:104px; position:relative; background-image:url(media/header.jpg);} #header_left {width:230px; height:104px; position:relative; float:left;} #header_right {width:728px; height:90px; position:relative; float:left; left:14px; top:9px;} .logo {width:230px; height:104px; border:none;} .top_banner {width:728px; height:90px; border:none;} /* MAIN NAVIGATION */ #navigation {width:994px; height:34px; position:relative; background-image:url(media/navigation_bg.jpg);} #navigation_left {width:600px; height:15px; position:relative; float:left; font-size:11px; color:#3F59A6; padding:5px 10px 5px 15px; } #navigation_left ul { float:left; list-style-type:none; padding-top:0px; } #navigation_left li { float:left; line-height:20px; padding-right:15px; } #navigation_left li a:link, #navigation_left li a:visited, #navigation_left li a:active { display:block; text-indent:25px; color: #697EBD; text-decoration:underline; } #navigation_left li a:hover { display:block; text-indent:25px; color: #697EBD; text-decoration:none; } #navigation_left li.naslovna { background:url(media/naslovna_ikona.jpg) no-repeat 1px 50% } #navigation_left li.projekt { background:url(media/oprojektu_ikona.jpg) no-repeat 1px 50% } #navigation_left li.oglasavanje { background:url(media/oglasavanje_ikona.jpg) no-repeat 1px 50% } #navigation_left li.kontakt { background:url(media/kontakt_ikona.jpg) no-repeat 1px 50% } #navigation_left li.facebook { background:url(media/facebook_16.png) no-repeat 1px 50% } #navigation_left li.english { background:url(media/en_ikona.jpg) no-repeat 0px 50% } #navigation_right {width:300px; height:15px; position:relative; position:relative; float:right; font-size:11px; padding:0px 10px 0px 10px;} /* LINKS */ a.underline:link, a.underline:visited, a.underline:active{color: #3F59A6; text-decoration:underline;} a.underline:hover{color: #3F59A6; text-decoration:none;} a.underline-indent:link, a.underline-indent:visited, a.underline-indent:active{color: #3F59A6; text-decoration:underline; padding:0px 0px 0px 20px;} a.underline-indent:hover{color: #3F59A6; text-decoration:none; padding:0px 0px 0px 20px;} a.link:link, a.link:visited, a.link:active{color: #3F59A6; text-decoration:none;} a.link:hover{color: #3F59A6; text-decoration:underline;} a.linkwhite:link, a.linkwhite:visited, a.linkwhite:active{color: #FFF; text-decoration:none;} a.linkwhite:hover{color: #FFF; text-decoration:underline;} a.linkwhite2:link, a.linkwhite2:visited, a.linkwhite2:active{color: #FFF; text-decoration:none; padding:0px 5px;} a.linkwhite2:hover{color: #FFF; text-decoration:underline; padding:0px 5px;} a.linkyellow:link, a.linkyellow:visited, a.linkyellow:active{color:#FFDE00; text-decoration:underline; padding:0px 5px;} a.linkyellow:hover{color: #FFF; text-decoration:underline; padding:0px 5px;} a.nav_main:link, a.nav_main:visited, a.nav_main:active{color: #3F59A6; text-decoration:underline; margin-right:5px; } a.nav_main:hover{ color: #3F59A6; text-decoration:none;} a.tablicalink:link, a.tablicalink:visited, a.tablicalink:active{color: #3F59A6; text-decoration:underline;} a.tablicalink:hover{color:#CC0000; text-decoration:underline;} /* MIDDLE */ #middle_left {width:210px; position:relative; float:left; height:auto;} #wrap_content {width:765px; position:relative; float:right; height:auto;} .tabs {width:532px; position:relative; float:left; height:auto;} .middlebox {width:522px; position:relative; float:left; height:auto; margin-top:10px; padding:5px;} .middlebox_nopad {width:532px; position:relative; float:left; height:auto; margin-top:10px;} .wrap-middlebox {width:532px; position:relative; float:left; height:auto;} .google { padding:30px; } .logo_slider {width:530px; position:relative; float:left; height:auto; border:1px solid #697EBD;} /* MIDDLE MARKETING*/ .middlebox_marketing {width:532px; position:relative; float:left; height:auto; margin-top:10px;} .mmarketing_top {width:532px; position:relative; float:left; height:16px; background:url(media/marketing-mtop.jpg) no-repeat bottom;} .mmarketing_top2 {width:532px; position:relative; float:left; height:16px; background:url(media/marketing-mtop2.jpg) no-repeat bottom;} .mmarketing_banners {width:532px; position:relative; float:left; height:auto; background:url(media/marketing-mbck.jpg) repeat-y;} .middlebox-banner-first {width:520px; position:relative; float:left; height:auto; padding:0px 6px 0px 6px;} .middlebox-banner {width:520px; position:relative; float:left; height:auto; padding:5px 6px 0px 6px;} .mmarketing_bottom {width:532px; position:relative; float:left; height:10px; background:url(media/marketing-mbottom.jpg) no-repeat top;} /* TITLE IMAGES */ .title_img {width:210px; height:auto; background-image:url(media/title_img_bg.jpg); background-repeat:repeat-y; position:relative; float:left; margin-bottom:15px;} /* KATALOG */ .feature { width:190px; height:25px; position:relative; margin-top:10px; margin-bottom:2px;} .feature2 { width:190px; height:25px; position:relative; margin-top:10px; margin-bottom:10px;} .img_promo_katalog {width:190px; height:89px; border:none; margin-left:10px; margin-top:4px;} .katalog_flash {width:25px; height:25px; position:relative; float:left; margin-right:10px; margin-left:10px;} .katalog_pdf {width:25px; height:25px; position:relative; float:left; margin-right:10px; margin-left:10px; padding-bottom:10px;} .katalog_txt_flash {font-size:11px; line-height:25px;} .katalog_txt_pdf {font-size:11px; margin-top:0px; line-height:12px;} /* SUPPORT */ .support { width:190px; height:59px; position:relative; margin-top:10px;} .img_support_president {width:51px; height:59px; position:relative; float:left; margin-right:10px; margin-left:10px;} .img_support_mvp{width:51px; height:49px; position:relative; float:left; margin-right:10px; margin-left:10px;} .img_support_mgrp {width:51px; height:49px; position:relative; float:left; margin-right:10px; margin-left:10px;} .support_txt_president {font-size:11px; line-height:51px;} .support_txt_mvp {font-size:11px; margin-top:0px; line-height:13px;} .support_txt_mgrp {font-size:11px; line-height:13px;} /* RIGHT BOX BANNERS */ #rightboxbanners {width:210px; height:auto; background-image:url(media/rightbanners_bg.jpg); background-repeat:repeat-y; position:relative; margin-bottom:15px; margin-top:0px;} .rightboxbanners {width:210px; height:auto; background-image:url(media/rightbanners_bg.jpg); background-repeat:repeat-y; position:relative; margin-bottom:15px; margin-top:0px;} .rightbanner {width:200px; margin-left:5px; margin-bottom:5px;} .rightbanner_last {width:200px; margin-left:5px; margin-bottom:0px;} /* UPISNICA */ .upisnica_info {width:450px; margin:10px 20px 10px 20px; height:auto;} #upisnica {width:450px; padding: 10px; height:auto; background-color:#f9f9f9; margin:10px 20px 10px 20px; border:1px solid #697EBD;} #upisnica .txt {padding:3px 1px 0px 5px; width:440px; height:22px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color: #697EBD; background-image:url(media/field.jpg);background-repeat:no-repeat; background-position:top left; border: 1px solid #697EBD;} #upisnica .txtopis {padding:3px 1px 0px 5px; width:440px; height:60px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color: #697EBD; background-image:url(media/field.jpg);background-repeat:no-repeat; background-position:top left; border: 1px solid #697EBD;} p.obrazac{padding-bottom:0px; font-size:11px; font-family:Arial, Helvetica, sans-serif; } p.obrazacbold{padding-bottom:0px; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; } .upisnica_btn {width:260px; height:45px; position:relative; margin-top:10px; margin-left:90px; background-image:url(media/btn_posalji.jpg); cursor:pointer; font-family:Arial, Helvetica, sans-serif; color: #fff;} #upisnica_right {width:450px; padding: 10px; margin-left:20px; margin-right: 20px; height:auto; border:1px solid #697EBD; background-color:#697EBD;} #upisnica_download {width:150px; height:170px; position:relative; float:left; background-color:#fff; padding:10px; margin:0px 10px 10px 0px; background-image:url(media/up.jpg); background-repeat:no-repeat; background-position:bottom;} #upisnica_dostava {} p.white{padding-bottom:0px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; } .upisnicaword {width:20px; height:20px; position:relative; float:left; margin-right:10px; padding-bottom:40px;} .people {border-bottom:1px solid #697EBD;} .upisnica_right {width:450px; padding: 10px; margin-left:20px; margin-right: 20px; height:auto; border:1px solid #697EBD; background-color:#697EBD;} .upisnica_download {width:150px; height:170px; position:relative; float:left; background-color:#fff; padding:10px; margin:0px 10px 10px 0px; background-image:url(media/up.jpg); background-repeat:no-repeat; background-position:bottom;} .upisnica_dostava {} .upisnica_download2 {width:150px; height:170px; position:relative; float:left; background-color:#fff; padding:10px; margin:0px 10px 10px 0px; background-image:url(media/up2.jpg); background-repeat:no-repeat; background-position:bottom;} .upisnica_info ul { float:left; margin-right:10px; margin-left: 0px; list-style-type:none;} .upisnica_info ul li{padding-bottom:10px; background-image:url(media/bullet.jpg); background-repeat: no-repeat; background-position: 0px 3px; padding-left:25px; } .upisnica_info ul li a:link, .upisnica_info ul li a:visited, .upisnica_info ul li a:active { height:14px; font-size:13px; line-height:20px; color: #697EBD; text-decoration:underline;} .upisnica_info ul li a:hover { text-decoration: none; color:#CC0000;} /* NAV KATEGORIJE */ #nav_kategorije {width:210px; height:auto; position:relative; margin-bottom:15px;} .bottomkat {width:210px; height:9px; float:right;} #nav_kategorije ul{list-style-type: none;} #nav_kategorije ul li a{height:23px; background:url(media/bck-kat.jpg) no-repeat center; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; display: block; width:auto; padding-left:25px; text-decoration: none;} #nav_kategorije ul li a:visited, #nav_kategorije ul li a:active{color:#FFFFFF;} #nav_kategorije ul li a:hover{color:#FFDE00;} #nav_kategorije ul li a.last{height:24px; background:url(media/kat-last.jpg) no-repeat center; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; display: block; width:auto; padding-left:25px; text-decoration: none;} #nav_kategorije ul li a.last:visited, #nav_kategorije ul li a:active{color:#FFFFFF;} #nav_kategorije ul li a.last:hover{color:#FFDE00;} /* IZDVOJENO */ .middlebox_spclanak {width:530px; position:relative; float:left; height:auto; margin-top:0px; border:1px solid #92A1CC;} .spclanak_titleimg {width:532px; position:relative; float:left; height:29px; background:url(media/sponzorirani-clanak.jpg) top no-repeat; margin-top:10px;} .spclanak {position:relative; float:left; width:510px; padding:10px; height:250px; overflow:auto; } .spclanak520 {position:relative; float:left; width:520px; padding:5px; height:auto;} .spclanak h3 { padding:1px 0; margin:0; font-size:15px;} .spclanak p { padding:2px 0; margin:0; font-size:11px; line-height:16px;} .spclanak p.nopad { padding-bottom:0px; } .spclanak .greencheck {width:140px; height:auto; padding-left:26px; background:url(newmedia/check.jpg) top left no-repeat; float:left; position:relative;color:#3F59A6; font-size:12px; line-height:120%} .izdvojeno_titleimg {width:532px; position:relative; float:left; height:29px; background:url(media/izdvojeno.jpg) top no-repeat; margin-top:10px;} .spclanak_titleimg {width:532px; position:relative; float:left; height:29px; background:url(media/sponzorirani-clanak.jpg) top no-repeat; margin-top:10px;} .middlebox_izdvojeno {width:530px; position:relative; float:left; height:auto; margin-top:0px; border:1px solid #92A1CC;} .izdvojeno{position:relative; float:left; width:510px; padding:10px; height:243px; overflow:auto; } .izdvojeno p { border-bottom:1px #92A1CC solid; padding:10px 0; margin:0; height:60px; font-size:13px;} .izdvojeno p a:link, .izdvojeno p a:visited, .izdvojeno p a:active {color: #697EBD; text-decoration:underline;} .izdvojeno p a:hover {color: #697EBD; text-decoration:none;} .izdvojeno p a strong {font-weight:bold; font-size:14px;} .izdvojeno p a img {float:left; } .izdvojeno p.zadnji { border-bottom:none; padding:10px 0;} /* BREADCRUMBS */ #breadcrumbs {background:url(media/bc-top.jpg) no-repeat top left; width:532px; position:relative; float:left; height:auto; margin-top:5px; background-color:#FFDE00;} #breadcrumbs p {font-size:11px; padding-left:7px; line-height:18px; padding-top:3px; width:525px; background:url(media/bc-bot.jpg) no-repeat bottom left; padding-bottom:3px;} #breadcrumbs p a:link, #breadcrumbs p a:visited, #breadcrumbs p a:active {color: #697EBD; text-decoration:underline; } #breadcrumbs p a:hover {color: #697EBD; text-decoration:none; } /* POPIS KATEGORIJE */ #popis_kategorije {width:522px; position:relative; float:left; height:auto; } #popis_kategorije_marketing {width:200px; position:relative; float:right; height:auto; padding-right:5px;} #popis_kategorije ul { float:left; width:95%; margin-right:10px; margin-left: 0px; list-style-type:none; text-align:left;} #popis_kategorije ul li a:link, #popis_kategorije ul li a:visited, #popis_kategorije ul li a:active { height:14px; font-size:13px; line-height:20px; color: #697EBD; text-decoration:underline; background-image:url(media/bullet.jpg); background-repeat: no-repeat; background-position: 0px 0px; padding-left:25px;} #popis_kategorije ul li a:hover { text-decoration: none; color:#CC0000;} #popis_kategorije h3 { border-bottom:1px solid #697EBD; text-align:left; } #kategorija_wrapper {width:522px; position:relative; float:left; height:auto;} /* TABLICA */ #tablica-top {width:520px; position:relative; float:left; height:auto; } #tablica-content {width:520px; position:relative; float:left; height:auto; } #tablica-bottom {width:520px; position:relative; float:left; height:30px; background:url(media/table-bottom.jpg) no-repeat center top;} .paginacija {width:440px; position:relative; float:left; height:auto; text-align:center; color:#A8B5D9; padding-top:5px;} .btn-prev {width:40px; position:relative; float:left; height:30px;} .btn-next {width:40px; position:relative; float:right; height:30px;} a.linkpage:link, a.linkpage:visited, a.linkpage:active{color: #FFF; text-decoration:underline; padding: 0 5px 0 6px; background-image:url(media/page-pipe.gif); background-repeat: no-repeat; background-position: 0px 3px;} a.linkpage:hover{color:#FFDE00; text-decoration:underline; padding: 0 5px 0 6px; background-image:url(media/page-pipe.gif); background-repeat: no-repeat; background-position: 0px 3px;} .page-inactive {color: #FFDE00; padding: 0 5px 0 6px; background-image:url(media/page-pipe.gif); background-repeat: no-repeat; background-position: 0px 3px;} /* POPIS PODKATEGORIJE */ #popis_podkategorija {width:522px; position:relative; float:left; height:auto; font-size:11px;} #popis_podkategorija h3 { text-align:left;} .logo_popis {width:75px; height:50px; position:relative; float:left; } #popis_podkategorija2 {width:522px; position:relative; float:left; height:auto; font-size:11px;} #popis_podkategorija2 h3 { } /* KARTICA TVRTKE NOVO - LOGO NA VRHU */ #galerija-nova {width:170px; position:relative; float:left; height:auto; padding-left:10px;} #kartica_tvrtke_nova {width:320px; position:relative; float:left; height:auto; padding:0px 10px 10px 10px; font-size:12px; background:url(media/tvrtka-bck.jpg) no-repeat top right;} #kartica_tvrtke_nova h3{ padding:0px 0px 0px 5px;} #kartica_tvrtke_nova ul { float:left; width:320px; margin-left: 0px; list-style-type:none; clear:both} #kartica_tvrtke_nova ul li {display:block; padding:5px;} #kartica_tvrtke_nova ul li a:link, #kartica_tvrtke_nova ul li a:visited, #kartica_tvrtke_nova ul li a:active { height:14px; font-size:12px; line-height:20px; color: #697EBD; text-decoration:underline; } #kartica_tvrtke_nova ul li a:hover { text-decoration: none; color:#CC0000;} /* KARTICA TVRTKE */ .middlebox-tvrtka {width:532px; position:relative; float:left; height:auto; background:url(media/kartica-bg.jpg) repeat-y;} #tvrtka_wrapper {width:522px; position:relative; float:left; height:auto; } #kartica_tvrtke {width:500px; position:relative; float:left; height:auto; padding:0px 10px 10px 10px; font-size:12px; background:url(media/tvrtka-bck.jpg) no-repeat top right;} #kartica_tvrtke h3{ padding:0px 0px 0px 5px;} #kartica_tvrtke ul { float:left; width:490px; margin-left: 0px; list-style-type:none;} #kartica_tvrtke ul li {display:block; padding:5px;} #kartica_tvrtke ul li a:link, #kartica_tvrtke ul li a:visited, #kartica_tvrtke ul li a:active { height:14px; font-size:12px; line-height:20px; color: #697EBD; text-decoration:underline; } #kartica_tvrtke ul li a:hover { text-decoration: none; color:#CC0000;} #galerija {width:512px; position:relative; float:left; height:auto; padding-left:10px;} .slika_kartica {width:170px; height:124px; position:relative; float:left; background-image:url(media/img_bck.jpg);} .slika_karticaPad {padding: 12px 0px 0px 10px;} #tvrtka-bottom {width:532px; position:relative; float:left; height:27px; background:url(media/arrow-down.jpg) no-repeat bottom; } #tvrtka-akcije {width:527px; position:relative; float:left; height:40px; margin-top:5px; font-size:11px; padding-right:5px; background:url(media/tp.jpg) no-repeat bottom;} #tvrtka-akcije ul { float:right; list-style-type:none; padding-top:10px; } #tvrtka-akcije li { float:left; line-height:20px; padding-right:15px; } #tvrtka-akcije li a:link, #tvrtka-akcije li a:visited, #tvrtka-akcije li a:active { display:block; text-indent:20px; color: #697EBD; text-decoration:underline;} #tvrtka-akcije li a:hover { display:block; text-indent:20px; color:#CC0000; text-decoration:underline; } #tvrtka-akcije li.kontakt { background:url(grafika/ikona-kontakt.gif) no-repeat 0 50% } #tvrtka-akcije li.fav { background:url(grafika/ikona-fav.gif) no-repeat 0 50% } #tvrtka-akcije li.print { background:url(grafika/ikona-print.gif) no-repeat 0 50% } #tvrtka-akcije ul.left { float:left; list-style-type:none; padding-top:10px; padding-left:2px; } #tvrtka-akcije ul.left li { float:left; line-height:20px;} #tvrtka-akcije ul.left li a:link, #tvrtka-akcije ul.left li a:visited, #tvrtka-akcije ul.left li a:active { display:block; text-indent:15px; color: #697EBD; text-decoration:underline;} #tvrtka-akcije ul.left li a:hover { display:block; color:#CC0000; text-decoration:underline; } /* #697EBD plava*/ /* #3F59A6 plava*/ /* #A8B5D9 svijetlo plava*/ /* #4C4C4C siva*/ /* #FFDE00 zuta*/ /* #FFF8C8 svijetlo zuta*/ /* tvrtka-dodatno */ #tvrtka-dodatno {width:492px; position:relative; float:left; height:auto; margin-top:5px; padding:0px 10px 10px 20px; } #tvrtka-dodatno ul { float:left; margin-right:10px; margin-left: 0px; list-style-type:none;} #tvrtka-dodatno ul li{padding-bottom:10px; background-image:url(media/bullet.jpg); background-repeat: no-repeat; background-position: 0px 3px; padding-left:25px; } #tvrtka-dodatno ul li a:link, #tvrtka-dodatno ul li a:visited, #tvrtka-dodatno ul li a:active { height:14px; font-size:13px; line-height:20px; color: #697EBD; text-decoration:underline;} #tvrtka-dodatno ul li a:hover { text-decoration: none; color:#CC0000;} #tvrtka-dodatno h4 { margin:10px 0; padding:0; line-height:20px;font-size:15px; } .slika_izdv {float:right; margin-left:5px; } .slika_izdv2 {float:left; margin-right:5px; border:none;} /* NOVOST */ .middlebox-novost {width:532px; position:relative; float:left; height:auto; background:url(media/kartica-bg.jpg) repeat-y;} #novost_wrapper {width:522px; position:relative; float:left; height:auto; } #novost-akcije {width:527px; position:relative; float:left; height:40px; margin-top:5px; font-size:11px; padding-right:5px; background:url(media/tp-novost.jpg) no-repeat bottom;} #novost-akcije ul { float:right; list-style-type:none; padding-top:10px; } #novost-akcije li { float:left; line-height:20px; padding-right:15px; } #novost-akcije li a:link, #novost-akcije li a:visited, #novost-akcije li a:active { display:block; text-indent:20px; color: #697EBD; text-decoration:underline;} #novost-akcije li a:hover { display:block; text-indent:20px; color:#CC0000; text-decoration:underline; } #novost-akcije li.kontakt { background:url(grafika/ikona-kontakt.gif) no-repeat 0 50% } #novost-akcije li.fav { background:url(grafika/ikona-fav.gif) no-repeat 0 50% } #novost-akcije li.print { background:url(grafika/ikona-print.gif) no-repeat 0 50% } #novost-akcije ul.left { float:left; list-style-type:none; padding-top:10px; padding-left:2px; } #novost-akcije ul.left li { float:left; line-height:20px; display:block; text-indent:15px; font-size:11px; color:#4C4C4C;} #novost p {padding:0px 0px 10px 5px;} #novost p a { color:#697EBD; } #novost p a:hover { color:#CC0000; } #novost {width:500px; position:relative; float:left; height:auto; padding:0px 10px 10px 10px; font-size:12px; background:url(media/tvrtka-bck.jpg) no-repeat top right;} #novost h3{ padding:5px 0px 5px 5px; } #novost h4{ padding:5px 0px 5px 5px; } .slika_novost {float:left; margin:5px 10px 5px 0px; border:1px solid #697EBD;} .slika_novost2 {float:left; margin:5px 10px 5px 0px; border:none;} .slika_novost_right {float:right; margin:5px 0px 5px 10px; border:1px solid #697EBD;} .slika_novost_right2 {float:right; margin:5px 0px 5px 10px; border:none;} p.potpis-novost {text-align:right; margin-top:25px; line-height:10px; font-style:italic;} #novost-bottom {width:532px; position:relative; float:left; height:27px; background:url(media/arrow-down.jpg) no-repeat bottom; } #novost-dodatno {width:502px; position:relative; float:left; height:auto; margin-top:0px; padding:0px 10px 10px 20px; } #novost-dodatno ul { float:left; margin-right:10px; margin-left: 0px; list-style-type:none; font-size:11px; line-height:20px; color: #4C4C4C;} #novost-dodatno ul li{padding-bottom:10px; background-image:url(media/bullet.jpg); background-repeat: no-repeat; background-position: 0px 3px; padding-left:25px; } #novost-dodatno ul li a:link, #novost-dodatno ul li a:visited, #novost-dodatno ul li a:active, p a { height:14px; font-size:13px; line-height:20px; color: #697EBD; text-decoration:underline;} #novost-dodatno ul li a:hover, p a:hover { text-decoration: none; color:#CC0000;} #novost-dodatno h4 { margin:10px 0; padding:0; line-height:20px;font-size:15px; } #novost-dodatno-bottom {width:532px; position:relative; float:left; height:40px; margin-top:5px; font-size:11px; background:url(media/novost-dodatno-bottom.jpg) no-repeat bottom;} .link-arhiva {float:left; } .link-vrh {float:right;} /* ARHIVA */ #arhiva-novosti h3{ padding:5px 0px 10px 5px; } #arhiva-top {width:527px; position:relative; float:left; height:12px; margin-top:5px; font-size:11px; padding-right:5px; background:url(media/arhiva-top.jpg) no-repeat bottom;} #arhiva-bottom {width:532px; position:relative; float:left; height:12px; background:url(media/arhiva-bottom.jpg) no-repeat top; } #arhiva-novosti {width:500px; position:relative; float:left; height:auto; padding:0px 10px 10px 20px; font-size:12px; background:url(media/tvrtka-bck.jpg) no-repeat top right;} #arhiva-novosti ul { float:left; margin-right:10px; margin-left: 0px; list-style-type:none; font-size:11px; line-height:20px; color: #4C4C4C;} #arhiva-novosti ul li{padding-bottom:10px; background-image:url(media/bullet.jpg); background-repeat: no-repeat; background-position: 0px 3px; padding-left:25px; } #arhiva-novosti ul li a:link, #arhiva-novosti ul li a:visited, #arhiva-novosti ul li a:active { height:14px; font-size:13px; line-height:20px; color: #697EBD; text-decoration:underline;} #arhiva-novosti ul li a:hover { text-decoration: none; color:#CC0000;} /* O PROJEKTU */ .middlebox-opcenito {width:532px; position:relative; float:left; height:auto; background:url(media/kartica-bg.jpg) repeat-y;} #opcenito_wrapper {width:522px; position:relative; float:left; height:auto; } #opcenito {width:500px; position:relative; float:left; height:auto; padding:0px 10px 10px 10px; font-size:12px; background:url(media/tvrtka-bck.jpg) no-repeat top right;} #opcenito-top {width:527px; position:relative; float:left; height:12px; margin-top:5px; font-size:11px; padding-right:5px; background:url(media/arhiva-top.jpg) no-repeat bottom;} #opcenito-bottom {width:532px; position:relative; float:left; height:12px; background:url(media/arhiva-bottom.jpg) no-repeat top; } #opcenito-bottom-strelica {width:532px; position:relative; float:left; height:27px; background:url(media/arrow-down.jpg) no-repeat top; } #opcenito-dodatno-bottom {width:532px; position:relative; float:left; height:40px; margin-top:5px; font-size:11px; background:url(media/novost-dodatno-bottom.jpg) no-repeat bottom;} #opcenito h3{ padding:5px 0px 5px 5px; } #opcenito h4{ padding:5px 0px 5px 5px; } #opcenito h5{ padding:5px 0px 5px 5px; } #opcenito p {padding:0px 0px 10px 5px;} .slika_opcenito {float:left; margin:5px 10px 5px 0px; border:1px solid #697EBD;} .slika_opcenito_noborder {float:left; margin:5px 10px 5px 0px; } .slika_opcenito_right {float:right; margin:5px 0px 5px 10px; border:1px solid #697EBD;} #opcenito-dodatno {width:492px; position:relative; float:left; height:auto; margin-top:5px; padding:0px 10px 10px 20px; } #opcenito-dodatno ul { float:left; margin-right:10px; margin-left: 0px; list-style-type:none;} #opcenito-dodatno ul li{padding-bottom:10px; background-image:url(media/bullet.jpg); background-repeat: no-repeat; background-position: 0px 3px; padding-left:25px; } #opcenito-dodatno ul li a:link, #opcenito-dodatno ul li a:visited, #opcenito-dodatno ul li a:active { height:14px; font-size:13px; line-height:20px; color: #697EBD; text-decoration:underline;} #opcenito-dodatno ul li a:hover { text-decoration: none; color:#CC0000;} #opcenito-dodatno h4 { margin:10px 0; padding:0; line-height:20px; font-size:15px; } .feature-opcenito {width:170px; height:auto; position:relative; margin:5px 10px 10px 10px; float:right; border:1px solid #697EBD; padding:10px 10px 10px 10px; } .opcenito_pdf {width:25px; height:25px; position:relative; float:left; margin-right:10px; margin-left:0px; padding-bottom:30px;} .opcenito_txt_pdf {font-size:11px; margin-top:0px; line-height:15px;} .checklist {width:470px; position:relative; height:auto; font-size:11px; padding:10px 10px 20px 20px; margin-bottom:10px;} .checklist ul { float:left; margin-right:10px; margin-left: 0px; list-style-type:none; font-size:11px; line-height:16px; color: #4C4C4C; font-weight:bold;} .checklist ul li{padding-bottom:10px; padding-top: 5px; background-image:url(media/bullet-check.jpg); background-repeat: no-repeat; background-position: 0px 0px; padding-left:35px; height:25px; font-size:11px; color: #697EBD; } .oglasavanje-wrap {width:500px; height:auto; position:relative; float:left; margin:0px 0px 15px 0px;} .oglasavanje-contents {width:250px; height:auto; position:relative; float:left; border:1px solid #697EBD; padding:10px 10px 10px 10px; } .oglasavanje-cjenikbox {width:170px; height:auto; position:relative; float:right; border:1px solid #697EBD; padding:10px 10px 10px 10px; } .slika_border {border:1px solid #697EBD;} /* SLIDER BOTTOM */ #posljednji-upisi {width:210px; height:auto; position:relative; margin-bottom:15px; margin-top:0px; font-size:11px; } #posljednji-upisi a:link, #posljednji-upisi a:visited, #posljednji-upisi a:active { text-align:center;display:block; text-indent:10px; color: #697EBD; text-decoration:underline; background-image:url(media/bullet.jpg); background-repeat: no-repeat; background-position: 40px 2px; } #posljednji-upisi a:hover { display:block; text-indent:10px; color:#CC0000; text-decoration:underline; } /* NOVE NOVOSTI */ #nove-novosti {width:520px; height:auto; margin:0px;} .nove-novosti-slika {width:150px; height:85px; margin-right:10px; float:left;} .nove-novosti-arhiva {width:520px; height:auto; margin:0px;background-color:#F3F5FA} #nove-novosti ul {width:520px; height:auto; margin:0px; list-style-type:none; color:#474747; font-size:11px; line-height:13px;} #nove-novosti ul li {margin:0px; border-bottom:1px solid #D6DCED;} #nove-novosti ul li a {color:#474747; font-size:11px; line-height:14px; text-decoration:none; display:block; width:500px; height:85px; padding:10px; background-color:#F3F5FA; overflow:hidden;} #nove-novosti ul li a:hover {color:#474747; font-size:11px; text-decoration:none; background-color:#E5E9F4;} #nove-novosti ul li a span {font-size:12px; line-height:14px; font-weight:bold; color:#3F59A6; display:block; padding-bottom:3px;} #nove-novosti ul li a strong {font-size:10px; line-height:10px; font-weight:normal; color:#474747; padding-bottom:3px; display:block;} div.potpis{ width:222px; height:auto; color:#474747; font-size:11px; text-align:left; position:relative; float:left; margin-right:15px;} /* SLIKA ZA CLANAK ZA NOVOSTI CMS */ div.slika-clanak{width:230px; height:auto; position:relative; float:left; margin:5px 10px 3px 0px; padding:1px 1px 4px 1px; background:#697EBD;} span.caption {font-size:11px; line-height:14px; padding:3px 5px 0px 5px; display:block; color:#fff;text-align:left;clear:both} img.slika-caption {float:left;position:relative;width:230px;} div.slikaspotpisom{ width:265px; height:auto; color:#474747; font-size:11px; text-align:left; position:relative; float:left; margin-right:15px;} /* TECAJNA LISTA */ #tecajna-wrap {width:293px; height:auto; margin:0px; padding:20px 0px 20px 220px; background:url(grafika/tecajna-graph.jpg) top left no-repeat;} #tecajna {width:283px;} #tecajna-datum {width:100px; height:25px; position:relative; float:right; color:#3F59A6; font-size:11px; font-weight:bold; text-align:right; line-height:25px;} #tecajna h3 { padding-bottom:10px; margin:0; border-bottom:1px #E5E9F4 solid; color:#3F59A6; } #tecajna h3 span{ color:#474747; font-size:11px; text-align:right; } #tecajna table { margin:0 } #tecajna td { padding:5px; vertical-align:middle; color:#474747; font-size:11px; } #tecajna td img { margin-right:10px; margin-top:2px } #tecajna td strong { font-weight:bold; color:#3F59A6; } #tecajna tr.neparna { background:#f4f7fe } /* #697EBD plava*/ /* #3F59A6 plava*/ /* #A8B5D9 svijetlo plava*/ /* #4C4C4C siva*/ /* #FFDE00 zuta*/ /* ---obrazac--- */ #form {} p.obrazac {font-size:12px; color:#697EBD; line-height:15px; font-weight:bold; padding-bottom:5px; padding-top:12px;} .obrazacbox{ border:1px solid #697EBD; padding:6px 6px 6px 6px; font-size:12px; color:#697EBD; line-height:15px;} .obrazacsend{ border:1px solid #3F59A6; padding:6px 10px 6px 10px; font-size:12px; font-weight: bold; color:#FFF; line-height:15px; cursor:pointer; margin-top:10px; background:#697EBD} /* ---novi upisi--- */ #noviupisi {width:520px; height:1500px;} #noviupisi2 {width:520px; height:320px;} #noviupisi p{font-size:12px;} #noviupisi h3{color:#FFD200; font-size:17px; font-weight:bold} #noviupisi h2{color:#3F59A6; font-size:20px; font-weight:normal} p.nusmallwhite{color:#FFFFFF; font-size:11px;line-height:120%;padding-top:5px} #noviupisi p.nusmall{color:#3F59A6; font-size:11px;line-height:120%;} #noviupisi p.nusmall2{color:#3F59A6; font-size:11px;line-height:140%;} .nu500{width:480px; height:auto; padding:10px 20px 10px 20px; position:relative;} .nu500 h1 {color:#CC0000; font-size:22px; font-weight:normal} .nu500 .greencheck {width:130px; height:auto; padding-left:26px; background:url(newmedia/check.jpg) top left no-repeat; float:left; position:relative;color:#3F59A6; font-size:12px; line-height:120%} .nu500a {width:480px; height:auto; padding:120px 20px 10px 20px; position:relative; clear:both; background:url(newmedia/nu-people-bck.jpg) top left no-repeat;} .ubox {width:120px; height:196px; padding:20px 20px 0px 20px; background:url(newmedia/ubox.jpg) top left no-repeat; float:left; position:relative;color:#FFFFFF; font-size:12px;} .nu320{width:300px; height:auto; padding:0px 10px 0px 10px; position:relative;float:left; background:url(newmedia/kartica-tvrtke.jpg) center right no-repeat; border-right:1px solid #3F59A6} .nu160{width:148px; height:auto; padding:0px 0px 0px 10px; position:relative;float:right;} .prist-dl{width:88px; height:auto; padding:0px 0px 0px 60px; position:relative;float:right; background:url(newmedia/upisnica-download.jpg) left top no-repeat;clear:both } .nu500b {width:480px; height:auto; padding:40px 20px 10px 20px; position:relative; clear:both; background:url(newmedia/np-bck.jpg) top left no-repeat;} .nclear20{clear:both;padding-bottom:20px;} .pbox {width:120px; height:320px; padding:20px 20px 0px 20px; background:url(newmedia/pbox.jpg) top left no-repeat; float:left; position:relative;color:#FFFFFF; font-size:12px;} .pbox2 {width:120px; height:280px; padding:20px 20px 0px 20px; background:url(newmedia/pbox.jpg) top left no-repeat; float:left; position:relative;color:#FFFFFF; font-size:12px;} .nu500b ul { float:left; margin-right:0px; margin-left: 0px; margin-top:20px;list-style-type:none; color:#3F59A6; font-size:11px;line-height:120%;} .nu500b ul li{padding-bottom:5px; background-image:url(newmedia/chck-icon.jpg); background-repeat: no-repeat; background-position: 0px 3px; padding-left:20px; } .nu500b ul li.up{padding-bottom:5px; background-image:url(newmedia/up-icon.jpg); background-repeat: no-repeat; background-position: 0px 0px; padding-left:20px; } .nu500bline {width:480px; height:auto; padding:20px 20px 10px 20px; position:relative; clear:both;} .nuline {width:480px; height:auto; padding:8px 0px 0px 0px; position:relative; clear:both; border-top:1px solid #3F59A6;} .nu320a{width:290px; height:auto; padding:0px 8px 0px 2px; position:relative;float:left;} .nu500c {width:480px; height:220px; padding:25px 20px 10px 20px; position:relative; background:url(newmedia/ogl-bck.jpg) top left no-repeat;} .nu500d {width:480px; height:auto; padding:25px 20px 10px 20px; position:relative; background:url(newmedia/info-bck.jpg) top left no-repeat;} .nu160c{width:128px; height:auto; padding:80px 0px 0px 26px; position:relative;float:left; z-index:100;background:none} .nu160d{width:138px; height:auto; padding:0px 0px 0px 10px; position:relative;float:right; z-index:100;background:none} .forma-narudzba { padding:10px; } body#narudzba { background:#fff; } #contact-form { width:450px; margin:10px 0; padding:20px 10px; background:#697EBD; } #contact-form p { font-size:1em; line-height:18px; margin-bottom:20px; clear:both; height:25px; } #contact-form fieldset { border:none; } #contact-form label { font-size:1em; width:130px; float:left; text-align:right; margin-right:20px; cursor:pointer; color:#fff; } #contact-form label.error, label.error { color:#8daed0; font-size:0.8em; } #contact-form input.error, #contact-form textarea .error { background:#8daed0; } #contact-form div.error { display: none; } #contact-form input { border:1px solid #9f9f98; height:20px; line-height:20px; font-size:0.9em; float:left; width:260px; } #contact-form input.submit { width:100px; font-size:0.8em; float:right; margin:5px 30px 0 0; border:1px #fff solid; background:#282828; color:#fff; height:25px; } #contact-form p.desc { margin:0; } #contact-form p.pitanje { margin-top:20px; } #contact-form .gray * { color: gray; } #contact-form textarea { width:260px; height:100px; overflow:auto; float:left; border:1px solid #9f9f98; } p.message, p.message strong { color:#c00; } #contact-form .focusField { border:solid 2px #9f9f98; color:#282828; } #contact-form .idleField { color:#282828; } ul.list, ol.list { margin:30px; } #content_middle {width:535px; position:relative; float:left; height:auto; padding-left:6px; margin-top:10px;}