* { margin: 0; padding: 0; } img { border: none; } :focus { outline: 0; } a { text-decoration: none; } .alt { display: none; } .cb { clear:both; } /************************ TYPO *********************************/ body { font: 11px arial, helvetica, tahoma, sans-serif; } a { color: #ed1c24; } a:hover { color: #686868; } input, textarea { font: 11px arial, helvetica, tahoma, sans-serif; color: #686868; } .more { font-weight: bold; color: #404040; } ul#nav li a { font-size: 14px; color: #45a12b; } ul#nav li a:hover, ul#nav li a.on { color: #fff; } h2 { font-size: 28px; color: #000; font-weight: normal; } h2 em { font-size: 21px; font-style: normal; } h2 strong { font-size: 14px; font-weight: normal; } h2.bigtitle { font-size: 35px; } h2.bigtitle em { font-size: 33px; } #newstitle { font-size: 20px; color: #9f9d9e; font-weight: normal; } #newstitle em { font-size: 18px; font-style: normal; } .panel h3 { font-size: 14px; font-weight: bold; color: #a5a4a4; } .panel { font-size: 14px; color: #001000; } .button, .button:hover { color: #fff; font-weight: bold; } .banner p { color: #000; line-height: 18px; } .stripNav a { font-size: 12px; color: #585858; } .stripNav a.current { font-size: 14px; } .date { color: #999; font-size: 9px; } .news h3, .news h3 a { color: #333; font-size: 12px; } .news p { color: #777779; } blockquote { color: #686868; font-size: 14px; line-height: 21px; font-weight: bold; } .text { color: #686868; font-size: 14px; line-height: 21px; } .text h3 { color: #44a12a; font-size: 19px; font-weight: normal; } .panel_box blockquote { font-weight: normal; font-size: 11px; line-height: 14px; } #portfolio .panel_box blockquote { font-weight: normal; line-height: 16px; font-size: 13px; } #portfolio .sub_text { font-size: 14px; } #contact dt { color: #686868; font-size: 14px; line-height: 21px; font-weight: bold; } #contact dd { color: #686868; font-size: 14px; line-height: 21px; } #sidebar h3 { color: #44a12a; font-size: 19px; font-weight: normal; } .list_ver1 a, .list_ver2 a { color: #333; font-size: 14px; line-height: 21px; } .list_ver1 a:hover, .list_ver1 a.on { font-weight: bold; color: #333; } .add_works a { color: #333; font-weight: bold; } #selections h3 { font-size: 14px; font-weight: bold; color: #a5a4a4; } #selections p { font-size: 12px; } .contact label { color: #333; font-size: 14px; } .contact em { color: #70b65c; } .contact span.captcha { color: #70b65c; font-size: 14px;} .contact { color: #686868; } .form02 label { color:#333; font-size:14px; } .form02 em { color:#70b65c; } .form02 span.captcha { color:#70b65c; font-size:14px;} .form02 { color:#686868; } #files_list strong, #uploadinfo strong { font-size: 14px; color: #666; } #files_list span em { font-style: normal; color: #333; } #uploadinfo .uploadOk { color: #117700; } #uploadinfo .uploadFail { color: #770008; } .paging a { font-size: 11px; color: #404040; font-weight: bold; } .paging span { font-size: 11px; color: #a4a4a4; font-weight: bold; } .paging li a.on, .paging li a:hover { color: #fff; } .newsList .date { font-size: 9px; color: #999; } .newsList h3, .newsList h3 a { font-size: 20px; color: #44a12a; font-weight: normal; } .newsList h3 a:hover { color: #333; } ul.upload-list li a { font-size: 14px; color: #45a12b; } ul.upload-list li a:hover, ul.upload-list li a.on { color: #333; } #footer, #footer a { font-weight: bold; color: #494949; } /********************** GENERAL ********************************/ html { height: 100%; } body { height: 100%; background: #000; } #container { position: relative; width: 949px; margin: 0px auto; min-height: 100%; background: url(../images/BKGbody.gif) top left repeat; } /********************** HEADER ********************************/ #header { background: #000 url(../images/BKGheader.gif) bottom right no-repeat; } h1 { position: absolute; margin: 49px 0 0 1px; } #langnav { position:absolute; top:19px; right:392px; } #langnav li { float:left; margin-left:4px; display:inline; } #langnav li a { color:#7d7d79; font-weight:bold; display:block; text-align:center; width:19px; height:15px; line-height:15px; background:url(../images/BKGlangnav_item.gif) no-repeat right top; } #langnav li.active a { color:#000100; background-position:left top; } #topnav { list-style: none; float: right; padding: 9px 37px 0 0; } #topnav li { float: left; } #topnav a { display: block; height: 31px; text-indent: -5000px; cursor: pointer;} #link1 { width: 84px; background: url(../images/topnavWHO.gif) top left no-repeat; } #link1.on, #link1:hover { background: url(../images/topnavWHO.gif) left -32px no-repeat; } #link2 { width: 137px; background: url(../images/topnavWHERE.gif) top left no-repeat; } #link2.on, #link2:hover { background: url(../images/topnavWHERE.gif) left -32px no-repeat; } #link3 { width: 108px; background: url(../images/topnavWHAT.gif) top left no-repeat; } #link3.on, #link3:hover { background: url(../images/topnavWHAT.gif) left -32px no-repeat; } #nav { list-style: none; text-align: right; clear: both; padding: 25px 10px 4px 100px;} #nav li { display: inline; } #nav li a { padding-left: 27px; margin-right: 25px; background: url(../images/nav_arrow.gif) left 2px no-repeat; } #flash_container { height: 245px; overflow: hidden; /*z-index:11;*/} .eng #flash_container { clear: both; padding: 45px 0 0 0; } #flash_container img { float: left; display: block; } /*********************** CONTENT ********************************/ #wrapper { background: #f4f3f3; overflow: hidden; } .more { display: block; padding-left: 14px; background: url(../images/more.gif) left 4px no-repeat; } h2 { margin-bottom: 10px; } h2.flash-replaced { margin: 0 0 0 -4px; } h2.hometitle { color:#000!important; } /* HOME */ #left_column { float: left; padding: 20px 0 0 19px; } .banner { background: url(../images/BKGbanner1_bottom.gif) bottom left no-repeat; width: 256px; margin-bottom: 18px; } .banner .inner { background: url(../images/BKGbanner1_top.gif) top left no-repeat; padding-left: 17px; } .banner .inner div { overflow: hidden; padding: 13px 0 19px 0; } #banner1 .inner div { background: url(../images/BKGimg1.gif) bottom left no-repeat; } #banner2 .inner div { background: url(../images/BKGimg2.gif) bottom left no-repeat; } .banner p { padding-right: 20px; } .banner .more { float: right; margin: 8px 20px 0 0; } #banner2 .more { margin-top: 25px; } #middle_column { padding: 23px 0 0 19px; float: left; width: 432px; } /* SLIDING CODA */ .slider-wrap { padding: 0 13px 0 1px; background: url(../images/CODAbox.gif) 0 10px no-repeat; min-height:0; height:auto !important; height:1%; } .slider-wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .csw { width: 100%; height: 378px; overflow: hidden; min-height:0; } .csw:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .csw .loading { text-align: center; } .stripViewer { position: relative; float: left; overflow: hidden; margin: auto; width: 418px; height: 349px; clear: both; } .panelContainer { position: relative; width: 100%; left: 0; top: 0; } .panelContainer .panelloff { display: none !important; } .panelContainer .panel { height: 360px; } .stripViewer .panelContainer .panel { position: relative; width: 418px; height: 100%; float:left; } .panelContainer .panel .wrapper { padding: 12px 0 0 32px; min-height:0; height:auto !important; height:1%; } .panelContainer .panel .wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .panel h3 { margin-bottom: 5px; } .panel_box { height: 270px; } .panel_box div { display: none; background: #fff; } .top_box { background: none; } .panel_box div.on { display: block; } .panel_box img { margin-top: 10px; display: block; } .panel_box iframe { margin-top: 10px; display: block; } .panel_box embed { margin-top: 10px; display: block; } .panel_box div img { cursor: pointer; } .panel .more { font-size:11px; position:absolute; right:25px; bottom:60px; } .panel_box blockquote { margin: 0 20px 0 0; width: 370px; background: none; } .thumbs img { display: block; float: left; margin-right: 19px; cursor: pointer; } .thumbs img.last { margin: 0; } .thumbs a img { opacity: 0.5; } #portfolio .thumbs a img { height: 61px; } .thumbs a:hover img, .thumbs a.activeSlide img { opacity: 1; } .nav_button { float: left; padding: 13px 8px 0 0; } .nav_button img { margin: 0 6px 0 0; display:block; } .thumbs .nav_button a img { opacity: 1; } .hor_thumbs { position: relative; height: 46px; width: 340px; overflow: hidden; } .hor_thumbs div { position: absolute; width: 10000px; } .hor_thumbs div img { width: 66px; } /* coda navigacija */ .stripNav ul { list-style: none; margin-left: 8px; height: 28px; } .stripNav ul li { float: left; } .stripNav a { display: block; padding: 2px 0 0 7px; text-align: center; background: #c6e3ff; margin-top: 4px; } .stripNav a span { display: block; padding: 5px 7px 3px 0; } .stripNav li.tab1 a { width: 111px; background: #ededed url(../images/CODAnav_curve_left.gif) top left no-repeat; } .stripNav li.tab1 a:hover { background: #e4e4e4 url(../images/CODAnav_curve_left.gif) left -27px no-repeat; } .stripNav li.tab1 span { background: url(../images/CODAnav_left.gif) top right repeat-y; } .stripNav li.tab2 a { width: 133px; background: #ededed url(../images/CODAnav_top.gif) top left repeat-x; } .stripNav li.tab2 a:hover { background: #e4e4e4 url(../images/CODAnav_top.gif) top left repeat-x; } .stripNav li.tab2 span { background: url(../images/CODAnav_left.gif) top right repeat-y; } .stripNav li.tab3 a { width: 140px; background: #ededed url(../images/CODAnav_curve_right.gif) top right no-repeat; } .stripNav li.tab3 a:hover { background: #e4e4e4 url(../images/CODAnav_curve_right.gif) right -27px no-repeat; } .stripNav li a.current, .stripNav li a.current:hover { background: url(../images/CODAnav_on_left.gif) top left no-repeat; margin: 0; padding-top: 0; } .stripNav li a.current span { background: url(../images/CODAnav_on_right.gif) top right no-repeat; padding: 6px 7px 7px 0; border: none; } /* SLIDING CODA END */ #right_column { padding: 23px 17px 0 0; width: 200px; float: right; } #right_column h2, .news .date, .news h3, .news p { padding-left: 12px; } .news { list-style: none; } .news h3 { background: url(../images/BKGarrow.gif) left 5px no-repeat; margin-bottom: 6px; } .news li { margin-bottom: 14px; } #right_column .newsWrapper { overflow: hidden; } #right_column .more { float: right; margin-bottom: 10px; } /* INNER PAGES */ #content { width: 510px; float: left; padding: 20px 10px 60px 36px; } #contentBig { width: 800px; float: left; padding: 20px 10px 60px 36px; } blockquote { margin: 20px 0 30px 6px; background: url(../images/BKGquote_middle.gif) center left no-repeat; } blockquote .quote_inner { background: url(../images/BKGquote_top.gif) top left no-repeat; } blockquote .quote_inner div { background: url(../images/BKGquote_bottom.gif) bottom left no-repeat; padding-left: 48px; } .text h3 { margin-bottom: 20px; } .text p { margin-bottom: 30px; } .text ul, .list_ver1, .list_ver2 { list-style: none; border-bottom: 1px dotted #b2b2b2; } .text ul li, .list_ver1 li, .list_ver2 li { border-top: 1px dotted #b2b2b2; padding: 2px 0 2px 23px; background: url(../images/arrow.gif) 6px 8px no-repeat; } .list_ver1 li { background: url(../images/arrow2.gif) 6px 8px no-repeat; } .paging { overflow: hidden; } .paging a.newsBack { background: url(../images/BKGgrey_left.gif) top left no-repeat; border-right: 1px solid #dedede; } .paging a.newsNext { background: url(../images/BKGgrey_right.gif) top right no-repeat; margin-right: 35px; } .paging span.newsBack { background: url(../images/BKGgrey_leftOFF.gif) top left no-repeat; border-right: 1px solid #dedede; } .paging span.newsNext { background: url(../images/BKGgrey_rightOFF.gif) top right no-repeat; margin-right: 35px; } .paging a, .paging span { display: block; float: left; padding: 3px 16px 4px 16px; } .paging ul { list-style: none; border-right: 1px solid #dedede; float: left; } .paging li { float: left; border-left: 1px solid #dedede; padding: 2px 2px 0 2px; } .paging li a, .paging li b { padding: 2px 6px; display: block; } .paging li a.on, .paging li a:hover { background: #404040; } .newsList { list-style: none; border-top: 1px solid #404040; border-bottom: 1px solid #404040; margin: 10px 0; } .newsList li { overflow: hidden; border-bottom: 1px solid #dedede; padding: 20px 0; } .newsList li.last { border: none; } .newsList h3 { margin-bottom: 15px; } .newsList .imgLeft { display: block; float: left; border: 1px solid #edecec; margin: 0 20px 10px 0; } .newsList li p, .newsList li ul { margin-bottom: 0 !important; } /* sidebar */ #sidebar { float: right; width: 380px; padding-top: 22px; } .list_ver1, .list_ver2 { margin: 0 37px 40px 0; } #sidebar h3 { margin-bottom: 9px; } .add_works { text-align: right; padding: 15px 35px 60px 0; } .add_works a { background: url(../images/arrow.gif) right 4px no-repeat; padding-right: 12px; } /* fading sidebar */ #sidebar_fade { background: url(../images/BKGsidebarfade_middle.gif) top left repeat-y; } #sidebar_fade .wrapper { background: url(../images/BKGsidebarfade_top.gif) top left no-repeat; } #sidebar_fade .inner { background: url(../images/BKGsidebarfade_bottom.gif) bottom left no-repeat; overflow: hidden; padding: 28px 30px 15px 19px; } #selections { width: 320px; height: 200px; padding-bottom: 5px; } #selections div { display: none; background: #fff; } #selections div.on { display: block; } #selections div h3 { margin: 5px 0 3px 0; } .selections_nav img { display: block; float: left; margin-right: 10px; cursor: pointer; } .selections_nav img.last { margin: 0; } .selections_nav a img { opacity: 0.5; } .selections_nav a:hover img, .selections_nav a.activeSlide img { opacity: 1; } .hor_thumbs_small { position: relative; height: 44px; width: 285px; overflow: hidden; } .hor_thumbs_small div { position: absolute; } .selections_button { float: right; padding: 9px 8px 0 0; } .selections_button img { margin-right: 3px; float: none; display: inline; } /* contacts */ #contact { width: 490px; float: left; padding: 20px 10px 60px 36px; } #contact dl { overflow: hidden; margin-bottom: 35px; } #contact dt, #contact dd { background: url(../images/BKGblockquote_contact.gif) left 5px no-repeat; padding-left: 42px; height: 60px; width: 220px; float: left; } #contact dd { width: 185px; } .map { background: #fff; padding: 12px 18px; } .map img { display: block; } /*** PORTFOLIO (04.10.2010.) ***/ #portfolio { background:#262626; padding: 16px; color: #fff; } #portfolio .columnLeft{ float:left; margin-right: 10px;} #portfolio .scrollable{ width: 497px; height: 426px; position:relative; overflow:hidden; } #portfolio .scrollable .items{ width:20000em; position:absolute; } #portfolio .items img { float:left; } #portfolio .navi { float:left; height:25px; padding:auto; margin-bottom:-15px;} #portfolio .navi a { width:15px; height:14px; margin:5px; background:url(../images/scrollable_navigator.gif) 0 -14px no-repeat; display: block; float: left; } #portfolio .navi a:hover, #portfolio .navi a.active { background-position: top; } #portfolio .columnRight { width:410px; float:left;} #portfolio .columnRight .browse { width:35px; height:278px; cursor:pointer; background:url(../images/scrollable_arrows.gif) no-repeat center left; float:left; } #portfolio .columnRight .prev{ background-position: center left; } #portfolio .columnRight .next{ background-position: center right; } #portfolio .columnRight .sliderBlock{ width:338px; height: 424px; background:#EBEBEB; border:#CCC 1px solid; color:#000; } #portfolio .itemDetails { list-style: none; margin-top:25px; margin:0 10px; } #portfolio .itemDetails li { border:#424242 1px dotted; border-left:none; border-right:none; line-height:25px; margin-top:-1px; padding:0px 20px; } #portfolio .portfolioMenu { list-style:none; margin:20px 0 20px 25px; border:none; } #portfolio .portfolioMenu li { height: 27px; width: 67px; color:#44a12a; text-align:center; float:left; padding: 0 10px; background:url(../images/portfolio_menu.gif) no-repeat; font-size:12px; line-height:26px; margin:0 2px; border:none;} /* 87x54*/ #portfolio .portfolioMenu li:hover { cursor:pointer; background-position:bottom; } #portfolio .portfolioMenu li:hover ul { display:block; } #portfolio .portfolioMenu li ul{ display:none; width:167px; background: url(../images/portfolio_submenu.png) no-repeat bottom; list-style:none; position:absolute; margin:0; padding:8px 0 15px 0;} #portfolio .portfolioMenu li ul li { float:none; background-image:none; padding:0; width:140px; text-align:left; border-bottom: #515151 1px dotted; margin:0 15px;} #portfolio .portfolioMenu li ul li.last{ border-bottom:none;} #portfolio li.last{border:none!important; } #portfolio .portfolioMenu li ul li a:link, #portfolio .portfolioMenu li ul li a:visited{ color:#45a12b; padding-left:20px; background-image:url(../images/portfolio_submenu_arrows.gif); line-height:27px; display:block; background-position: 0 -25px; background-repeat:no-repeat; } #portfolio .portfolioMenu li ul li a:hover{ color: #FFF; background-position: top left; } .scrollable2 { position:relative; overflow:hidden; width: 340px; float:left; height:278px; } .scrollable2 .items { width:20000em; position:absolute; } .items div { float:left; width:340px; height: 278px; } .items div img{ margin:5px;} .tooltip { display:none; background:#FFF; border:#FFF 1px solid; -moz-border-radius: 5px; -webkit-border-radius:5px; font-size:12px; padding:10px; color:#696969; z-index:9999; } /* 2011_05_25 */ .itemsWrapper { position:relative; padding:3px 0 35px 0; } .itemsWrapper .blocks { overflow:hidden; width:315px; } .itemsWrapper .blocks .block { overflow:hidden; width:315px; } .itemsWrapper .blocks .block a { display:block; float:left; width:102px; height:82px; overflow:hidden; margin:0 3px 3px 0; } .itemsWrapper .blocks .block a img { width:102px; height:83px; } .itemsWrapper .cycleNav { position:absolute; bottom:9px; left:50%; z-index:100; overflow:hidden; } .itemsWrapper .cycleNav a { background:url('../images/icons_cycleNav.gif') -14px 0 no-repeat; display:block; width:14px; height:14px; margin-right:4px; float:left; color:#dfe0e1; text-align:center; font-size:1px; } .itemsWrapper .cycleNav a.activeSlide { background-position:0 0; color:#44a12a; } /* AJAX sidebar */ .ajax_sidebar { float: right; width: 245px; } .ajax_sidebar ul { margin: 0 20px 0 0; background: #fff; } .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 225px; height: 25px; } .jcarousel-next { z-index: 3; display: none; } .jcarousel-prev { z-index: 3; display: none; } .jcarousel-container { } .jcarousel-container-vertical { width:245px; height:390px; padding:0 0 20px; } .jcarousel-clip-vertical { width:245px; height:390px; } .jcarousel-item { width:225px; height:25px; } .jcarousel-item-vertical { } .jcarousel-item-placeholder { background:#fff; color:#000; } .jcarousel-next-vertical { position:absolute; bottom:5px; right:100px; width:19px; height:12px; cursor:pointer; background:url(../images/BKGgrey_down.gif) no-repeat 0 0; } .jcarousel-next-disabled-vertical { cursor:default; opacity:.5; } .jcarousel-prev-vertical { position:absolute; bottom:5px; left:100px; width:19px; height:12px; cursor:pointer; background:url(../images/BKGgrey_up.gif) no-repeat 0 0; } .jcarousel-prev-disabled-vertical { cursor:default; opacity:.5; } /************************ FORMS **************************************/ .button { display: block; background: url(../images/BKGbutton_left.gif) top left no-repeat; padding-left: 11px; } .button span { display: block; background: url(../images/BKGbutton_right.gif) top right no-repeat; padding: 2px 11px 2px 0; } .newsletter { background: url(../images/BKGnewsletter.gif); width: 178px; height: 102px; margin-left: 9px; padding-left: 12px; margin-bottom:18px; } #newstitle { margin-left: -4px; padding: 5px 0 10px 0; display:inline-block; } .newsletter .flash-replaced { padding-bottom: 0px !important; } .newsletter .input_rpl { display:block; background:url('../images/BKGnewsletter_input.gif') 0 0 no-repeat; border:0 none; width: 158px; height:19px; } .newsletter .txt { border:0 none; width:138px; padding:3px 8px 2px 12px; background:none; height:14px; } .newsletter .button { float:right; margin:7px 20px 0 0; } .contact { float: right; width: 348px; margin: 33px 35px 35px 0; background: url(../images/BKGcontact_middle.gif) top left repeat-y; } .contact fieldset { border: none; background: url(../images/BKGcontact_bottom.gif) bottom left no-repeat; } .contact div { background: url(../images/BKGcontact_top.gif) top left no-repeat; padding: 10px 20px 25px 19px; overflow: hidden; } .contact label { display: block; float: left; width: 69px; margin: 2px 0 6px 0; } .contact .input_rpl { display:block; float:left; width:236px; background: url('../images/BKGinput.gif') no-repeat; margin-bottom:6px; height:21px; } .contact .textarea_rpl { display:block; float:left; width:236px; height:209px; background:url('../images/BKGtextarea.gif'); margin-bottom:10px; } .contact .txt, .contact textarea { display:block; width:216px; border:0 none; background:none; } .contact .txt { padding:3px 8px 2px 12px; height:16px; } .contact textarea { height:197px; width:224px; padding:10px 6px 2px 6px; resize:none; } .contact .marg { margin: 31px 0 38px 0; } .contact img.captcha { display: block; float: left; padding: 0 10px 38px 105px; } .contact span.captcha { display: block; padding: 0 10px 5px 69px; } .contact p { float: left; width: 140px; clear: left; } .contact .button { float: right; margin-left: 10px; } .linkDemo { display:block; height:45px; overflow:hidden; width:421px; background:url('../images/button_11.png') 0 0 no-repeat; line-height:45px; padding:0 28px 0 36px; font-size:17px; font-weight:bold; color:#45a12b; } .linkDemo:hover { color:#45a12b; } .openForm2 { display:block; height:45px; overflow:hidden; width:421px; background:url('../images/button_11.png') 0 0 no-repeat; line-height:45px; padding:0 28px 0 36px; font-size:17px; font-weight:bold; color:#45a12b; } .openForm2:hover { color:#45a12b; } .openForm2.on { background-position:0 -45px; } .form02 { width:420px; margin:33px 35px 0 0; background:url('../images/BKGform02_middle.png') 0 0 repeat-y; } .form02 fieldset { border:0 none; background:url('../images/BKGform02_bottom.png') 0 bottom no-repeat; } .form02 div { background:url('../images/BKGform02_top.png') 0 0 no-repeat; padding:10px 20px 25px 19px; overflow:hidden; } .form02 span.star { color:#70b65c; } .form02 label { display: block; float: left; width:104px; margin:2px 0 6px 0; } .form02 .input_rpl { display:block; float:left; width:236px; background:url('../images/BKGinput.gif') no-repeat; margin-bottom:6px; height:21px; } .form02 .textarea_rpl { display:block; float:left; width:236px; height:209px; background:url('../images/BKGtextarea.gif'); margin-bottom:10px; } .form02 .txt, .form02 textarea { display:block; width:216px; border:0 none; background:none; } .form02 .txt { padding:3px 8px 2px 12px; height:16px; } .form02 textarea { height:197px; width:224px; padding:10px 6px 2px 6px; resize:none; } .form02 .marg { margin: 31px 0 38px 0; } .form02 img.captcha { display: block; padding: 0 10px 38px 108px; } .form02 span.captcha { display: block; padding: 0 10px 5px 69px; } .form02 p.note { float: left; width: 140px; clear: both; } .form02 p.msg { color:#44a12a; font-weight:bold; padding-bottom:20px; } .form02 p.msg.error { color:#ed1c24; } .form02 button[type=submit] { float:right; margin-right:20px; border:0 none; font-family:Arial, Helvetica, sans-serif; background:url('../images/button_10.png') 0 0 no-repeat; width:67px; height:18px; color:#fff; text-transform:lowercase; font-size:11px; font-weight:bold; cursor:pointer; } .msg_xl { color:#44a12a; font-weight:bold; margin:20px 10px; font-size:14px; line-height:20px; } .msg_xl.error { color:#ed1c24; } #upload { float: left; margin-top: 0; } #upload div { padding: 30px 20px 25px 14px; } #upload label { width: 74px; } #upload-2 { float: left; margin-top: 0; } #upload-2 div { padding: 30px 20px 25px 14px; } #upload-2 label { width: auto; display: block; float: none; clear: left; } #uploadForm { float: left; margin-top: 0; } #uploadForm div { padding: 30px 20px 25px 14px; } #uploadForm .upload { margin-bottom: 20px; } #files_list, #uploadinfo { width: 348px; background: url(../images/BKGcontact_middle.gif) top left repeat-y; float: left; margin-top: 40px; } #files_list .inner, #uploadinfo .inner { background: url(../images/BKGcontact_bottom.gif) bottom left no-repeat; } #files_list .inner div, #uploadinfo .inner div { background: url(../images/BKGcontact_top.gif) top left no-repeat; padding: 10px 20px 25px 19px; overflow: hidden; } #files_list span { display: block; border-bottom: 1px solid #dedede; overflow: hidden; padding: 2px 0; } #files_list span em { display: block; float: left; width: 280px; margin-top: 4px; } #files_list span img { display: block; cursor: pointer; } /*********************** UPLOAD ********************************/ ul.upload-list { margin-bottom: 25px; } ul.upload-list li { display: inline; background: url(../images/arrow2.gif) left 2px no-repeat; padding: 0 15px; } .upload-form { width: 100%; border-collapse:collapse; margin-top: 20px; } .upload-form th { padding: 0px 10px; text-align: left; } .upload-form td { padding: 5px 10px; text-align: left; border: 1px solid #333; } /*********************** FOOTER ********************************/ #footer { padding: 18px 0 60px 20px; position: relative; } #footer ul { float: right; list-style: none; } #footer ul li { float: left; padding: 0 7px; background: url(../images/BORDfooter.gif) right 3px no-repeat; } #footer ul li.last { padding-right: 9px; background: none; } #vidiBanner { display: block; position: absolute; right: 0; top: 51px; } #footer dl { position: absolute; bottom: 10px; left: 20px; width: 100%; } #footer dt { float: left; padding-right:4px; font-size: 10px; font-weight: normal; color: #333; } #footer dd { float: left; padding: 0 4px; font-size: 10px; font-weight: normal; color: #333; } #footer dd a { color: #333; } #footer dd a:hover { color: #666; } #overlay { background: #000; position: absolute; display: none; top: 0; left: 0; cursor: pointer; z-index:9998; } #popup { position: absolute; top: 100px; display: none; background: #fff; width: 700px; height: 500px; z-index:9999; } #popup h2 { background:url(../popup/vidi2008-head.png) no-repeat; width:283px; height:393px; text-indent:-9999px; overflow:hidden; } #popup p { color:#070606; font-family:"Arial",sans-serif; font-size:11px; width:240px; position:relative; left:22px; } #popup ul { position:absolute; top:20px; right:30px; list-style:none; } #popup ul li { margin-bottom:20px !important; margin-bottom:5px; } #popup ul li a { font-weight:bold; color:#c20825; display:block; background:url(../popup/arrow.png) no-repeat left 4px; padding-left:10px; position:relative; left:7px; } #popup ul li a:hover { color:#686868; } #popup ul #award-1 h3 { background:url(../popup/award-1.png) no-repeat; width:302px; height:139px; text-indent:-9999px; overflow:hidden; } #popup ul #award-2 h3 { background:url(../popup/award-2.png) no-repeat; width:302px; height:112px; text-indent:-9999px; overflow:hidden; } #popup ul #award-3 h3 { background:url(../popup/award-3.png) no-repeat; width:302px; height:126px; text-indent:-9999px; overflow:hidden; } #popup img { position:absolute; top:6px; right:7px; cursor: pointer; } /* SHARE TOOLBAR */ a.dimedia-toolbar-button { width: 87px; float: right; margin-right: 20px; line-height: 18px; padding:0 0 0 9px; background: url(../images/toolbar/button.gif); font-size:11px; font-family: arial, sans-serif; text-transform: lowercase; color:#535353; cursor: pointer; } #dimedia-toolbar { display: none; opacity: 0; width: 96px; padding-top:20px; background: url(../images/toolbar/dimedia-toolbar-top.png) top left no-repeat; *background-image:url(../images/toolbar/dimedia-toolbar-top-ie.png); position: absolute; z-index:200; } #dimedia-toolbar .bottom-bkg { zoom:1; padding-bottom:31px; background: url(../images/toolbar/dimedia-toolbar-bottom.png) bottom left no-repeat; *background-image:url(../images/toolbar/dimedia-toolbar-bottom-ie.png); } #dimedia-toolbar .middle-bkg { zoom:1; background: url(../images/toolbar/dimedia-toolbar-middle.png) top left repeat-y; padding: 1px 0; } #dimedia-toolbar ul { margin: -11px 0 -13px 9px; position: relative; padding: 0; list-style: none; overflow: hidden; zoom: 1; } #dimedia-toolbar ul li { float: left; margin: 0 5px 4px 0; } #dimedia-toolbar ul a, #dimedia-toolbar ul a img { display: block; border: 0; height: 16px; width: 16px; cursor: pointer; } #dimedia-toolbar ul a { opacity: 0.6; } #dimedia-toolbar ul a:hover { opacity: 1; } /*.dimedia-fb-icon { width:17px; height:17px; float:right; margin-right:15px;}*/ /*.dimedia-fb-icon { width: 87px; float: right; line-height: 18px; padding:0 0 0 9px; background: url(../images/facebook_share.gif); font-size:11px; font-family: arial, sans-serif; text-transform: lowercase; color:#535353; cursor: pointer; margin-right:15px; margin-bottom:10px;}*/ #follow { color:#44a12a; float:right; padding:0 0 0 9px; margin-right:15px; margin-bottom:10px;}.dimedia-fb-icon{ width:18px; height:19px; float:right; padding:0 0 0 0px; background: url(../images/icon_facebook.png) no-repeat; cursor: pointer; margin-right:5px; margin-bottom:10px;} .dimedia-fc-icon{ width:18px; height:19px; float:right; padding:0 0 0 0px; background: url(../images/icon_flickr.png) no-repeat; cursor: pointer; margin-right:5px; margin-bottom:10px;} .dimedia-tw-icon{ width:44px; height:22px; float:right; padding:0 0 0 0px; background: url(../images/icon_twitter.png) no-repeat; cursor: pointer; margin-right:35px; margin-bottom:10px;} /*** EN ***/ .eng #sidebar { margin-bottom:35px; } .eng #sidebar dl { overflow: hidden; font-size:14px; color:#686868; } .eng #sidebar dt, .eng #sidebar dd { line-height:20px; font-weight:bold; background: url(../images/BKGblockquote_contact.gif) left 5px no-repeat; padding-left: 42px; height: 60px; width: 220px; float: left; } .eng #sidebar dd { font-weight:normal; width: 185px; margin-top:25px; } .eng #content { padding-bottom:0; } .eng #work-showcase { border-top:1px solid #000; padding-top:20px; clear:both; } .eng #work-showcase-wrapper { clear:left; float: left; width:510px; padding: 0 10px 60px 36px; } .eng #work-showcase-wrapper #middle_column { padding: 0px; margin-bottom:15px; } .eng #work-showcase-wrapper #general-references { margin:0 30px; clear:left; } .eng #work-showcase-wrapper #general-references h2 { font-size:11px; font-weight:bold; color:#686868; } .eng #work-showcase-wrapper #general-references ul { clear:left; list-style:none outside none; margin:12px 0 0; padding:0; overflow:hidden; } .eng #work-showcase-wrapper #general-references li { float:left; width:200px; color:#686868; } .eng #references { float: right; width: 393px; padding-top: 0px; color:#686868; } .eng #references ul { list-style:none outside none; zoom:1; } .eng #references li { min-height:131px; height:auto !important; height:131px; margin-bottom:25px; } .eng #references .awarded { font-weight:bold; } .eng #references li a { color:#686868; } .eng #references dl { position:relative; padding-top:20px; padding-left:140px; padding-right:40px; } .eng #references dt { font-weight:bold; margin-bottom:5px; } .eng #references .img { position:absolute; top:42px; left:0; } .eng #footer { clear:both; } #external-links { position:absolute; left:20px; bottom:15px; _position:static; margin-top:20px; width:911px; } #external-links .title { float:left; background:none; padding:0; } #external-links div { float:left; width:759px; } #external-links span { float:left; background:url(../images/BORDfooter.gif) no-repeat 100% 50%; padding:0 6px; white-space:nowrap; } #external-links .last { background:none; } /*** Preporučamo ***/ .preporuke{ margin:0 10px;} .preporuke h2 { margin:0 0 0 22px; } .preporuke .preporuka { width:175px; padding:0 25px; float:left; border-right:#e4e4e4 1px solid; margin-bottom:20px; } .preporuke p { font-size:11px; color:#777779; } .preporuke h3 a { color:#333; text-decoration:none; } .preporuke h3 a:hover { text-decoration:underline; } .preporuke img { height:80px; } .preporuke .preporuka h3 { color:#333; margin: 9px 0; font-weight:normal; background: url(../images/h3_arrow.gif) left center no-repeat; center left; padding-left:10px; font-size:12px;} /*superbrands*/ .superbrands{ position: absolute; margin: 20px 0 0 180px; } /*BLOG LINK*/ #blog-link {position:fixed;left:0;top:84px;} /* Flash container slideshow alternative */ #slideshow-alt { /*display: none; */position: relative; height: 245px; overflow:hidden;} #slideshow-alt img { position:absolute; top:0; left:0; z-index:8; opacity:0.0;} #slideshow-alt img.active { z-index:10; opacity:1.0; } #slideshow-alt img.last-active { z-index:9; } /* iPhone */ @media screen and (max-device-width: 480px) { * { margin: 0; border: 0; padding: 0; } body { -webkit-text-size-adjust: none; } } /* LIGHTBOX */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 1001; 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-container-image-data-box { font-family:Arial, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0; line-height: 16px; color: #1e2d3b; font-size: 14px; } #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: 1.0em; font-size: 10px; line-height: 12px; color: #656565; } #lightbox-secNav-btnClose { width: 66px; float: right; padding: 0 3px 0.7em 0; font-size: 11px; font-family: Arial, sans-serif; font-weight: bold; color: #656565; text-decoration: none; background: url(../images/lightbox-btn-close.gif) right 2px no-repeat; } #lightbox-buttons { float: right; clear: right; padding-bottom: 5px; } #lightbox-buttons img { margin-left: 5px; cursor: pointer; }