body { margin: 0; padding: 0; font: normal 13px Verdana, Arial, Helvetica, sans-serif; background: url(../images/cw_02.jpg) repeat-x; background-color: #feef74; } /*okvir fotke*/ div.thumb { margin: 3px; border: 1px solid #D5CAAA; height: auto; float: left; } .thumb img{ display: inline; margin: 3px; border: 1px solid #D5CAAA; } div.thumb1 { margin: 3px; border: 1px solid #D5CAAA; height: auto; float: right; } .thumb1 img{ display: inline; margin: 3px; border: 1px solid #D5CAAA; } /* meni glavni */ .header { background: url(../images/header.jpg) no-repeat; width: 1030px; height: 200px; } ul#topnav { margin: 0; padding: 0; float:center; width: 100%; list-style: none; font-size: 1.1em; } ul#topnav li { float: left; margin: 0; padding: 0; position: relative; } ul#topnav li a { float: left; text-indent: -9999px; height: 44px; } ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; } ul#topnav a.canon { background: url(../images/meni/meni1.png) no-repeat; width: 145px; } ul#topnav a.epson { background: url(../images/meni/meni2.png) no-repeat; width: 90px; } ul#topnav a.hp { background: url(../images/meni/meni3.png) no-repeat; width: 188px; } ul#topnav a.lexmark { background: url(../images/meni/meni4.png) no-repeat; width: 118px; } ul#topnav a.samsung { background: url(../images/meni/meni5.png) no-repeat; width: 116px; } ul#topnav a.xerox { background: url(../images/meni/meni6.png) no-repeat; width: 97px; } ul#topnav a.kyocera { background: url(../images/meni/meni7.png) no-repeat; width: 122px; } ul#topnav a.ostali { background: url(../images/meni/meni8.png) no-repeat; width: 154px; } ul#topnav li .sub { position: absolute; top: 44px; left: 0; background-color: #fff5a6; background: transparent url(../images/sub_bg.png) repeat-x; padding: 20px 20px 20px; float: left; /*--Bottom right rounded corner--*/ -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; /*--Bottom left rounded corner--*/ -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; display: none; } ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;} ul#topnav li .sub ul{ list-style: none; margin: 0; padding: 0; width: 150px; float: left; } ul#topnav .sub ul li { width: 100%; color: #000; } ul#topnav .sub ul li h2 { padding: 0; margin: 0; font-size: 1.3em; font-weight: normal; } ul#topnav .sub ul li h2 a { padding: 5px 0; background-image: none; color: #e8e000; } ul#topnav .sub ul li a { float: none; text-indent: 0; /*--Reset text indent--*/ height: auto; background: url(../images/navlist_arrow.png) no-repeat 5px 12px; padding: 7px 5px 7px 15px; display: block; text-decoration: none; color: #000; } ul#topnav .sub ul li a:hover {color: #ddd; background-position: 5px 12px ;} /*login desno*/ .tablicatijelo_login { padding: 0px 0px 0px 0px;background-image: url(../images/cw_06.jpg);height: 124px;width: 309px;background-repeat: no-repeat;font: 12px Arial, Helvetica, sans-serif; color: #666; font-weight: bold;} /*footer*/ .tablicatijelo_glavna_dno { padding: 0px 0px 0px 0px; /*border-top: 2px solid #000;*/ /*border-bottom: 3px solid #f4eee6;*/ background-image: url(../images/cw_08.jpg); height: 196px; background-repeat: repeat-x; } /*boja sredina*/ .tablicatijelo_all { background-color: #fefefe; } /* banner roto */ /*napraviti više verzija 07-10*/ .tablicatijelo_boxx1 { padding: 0px 0px 0px 0px;/*border: 0px solid #bf9c71;*/background-image: url(../images/banner_tijelo_07.jpg);background-repeat: no-repeat;height:368px;width: 721px;} .tablicatijelo_boxx2 { padding: 0px 0px 0px 0px;/*border: 0px solid #bf9c71;*/background-image: url(../images/banner_tijelo_08.jpg);background-repeat: no-repeat;height:368px;width: 721px;} .tablicatijelo_boxx3 { padding: 0px 0px 0px 0px;/*border: 0px solid #bf9c71;*/background-image: url(../images/banner_tijelo_09.jpg);background-repeat: no-repeat;height:368px;width: 721px;} .tablicatijelo_boxx4 { padding: 0px 0px 0px 0px;/*border: 0px solid #bf9c71;*/background-image: url(../images/banner_tijelo_10.jpg);background-repeat: no-repeat;height:368px;width: 721px;} /** jQuery UI CSS Framework* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.* To view and modify this theme, visit http://jqueryui.com/themeroller/*/.ui-tabs { /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */position: relative; }.ui-tabs .ui-tabs-nav { background: #ffffff;}.ui-tabs .ui-tabs-nav li { float: left;height: 32px;width: 75px;text-indent:2px;padding: .0em 0px;font:11px Arial, Helvetica, sans-serif;color: #fffff;text-align: center;border-bottom:solid;border-bottom-color:#92127a;border-bottom-width:2px;background: url(../js/images/tab.jpg) no-repeat;}.ui-tabs .ui-tabs-nav li a { float: left; padding: 4px 0px 0px 0px; text-decoration: none; }.ui-tabs .ui-tabs-nav li.ui-tabs-selected { color:#bae4f8; background: url(../js/images/tab_roll.jpg) no-repeat;}.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color:#fff;}.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; color:#000; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */.ui-tabs .ui-tabs-panel { display: block; border: solid 3px; color: 92127a; padding: 0em 0em; background: none; }.ui-tabs .ui-tabs-hide { display: none !important; }.ui-widget-content { /*border-bottom: 1px solid #aaaaaa/; obrub lijevog menijaborder-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa;*/ background: #ffffff/*{bgColorContent}*/ }.ui-widget-content a { color: #222222/*{fcContent}*/; }.tab_srednji {margin: 0px 3px;}/* završna obrada - IE, FF itd.----------------------------------*/.ui-helper-hidden { display: none; }.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }.ui-helper-clearfix { display: inline-block; }/* required comment for clearfix to work in Opera \*/* html .ui-helper-clearfix { height:1%; }.ui-helper-clearfix { display:block; }/* end clearfix */.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }/*banner rotator novi */.main_image {width: 440px;height: 304px;float: left;background: #fff;position: relative;overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/color: #fff;}.main_image h2 {font-size:17px; font-family:Georgia, serif; font-weight: bold;margin: 0 0 5px;padding: 10px;color:#5c5c5c;}.main_image p {font-size:14px; font-family:Georgia, serif; padding: 10px;margin: 0;color:#5c5c5c;}.block small { /*--We'll be using this same style on our thumbnail list--*/font-size: 12px;padding: 0 0 0 20px;color:#5c5c5c;}.main_image .block small {margin-left: 10px;}.main_image .desc{position: absolute;bottom: 31;left: 1; /*--Stick the desc class to the bottom of our main image container--*/width: 100%;display: none; /*--Hide description by default, if js is enabled, we will show this--*/}.main_image .block{width: 100%;background: #f0f0f0;}/*.main_image a.collapse { /*--This is our hide/show tab--background: url(../images/buttons/buton_sakrij_prikazi.jpg) no-repeat left top;height: 27px;width: 93px;text-indent: -99999px;position: absolute;top: -27px;right: 20px;*/}.main_image a.show {background-position: left bottom;}.image_thumb {float: left;width: 150px;/*background: #f0f0f0;*/border-right: 0px solid #fff;/*border-top: 1px solid #f0f0f0;*/}.image_thumb img {border: 1px solid #ccc;padding: 5px;background: #fff;float: left;color: #d0d0d0;}.image_thumb ul {margin: 0;padding: 4px;list-style: none;}.image_thumb ul li{margin: 0;width: 274px;height:67px;float: left;/*border-bottom: 1px solid #ccc;border-top: 1px solid #fff;*/border-right: 0px solid #ccc;}.image_thumb ul li.hover { /*--Hover State--*/background: #ddd;cursor: pointer;}.image_thumb ul li.active { /*--Active State--*/background: #fff;cursor: default;}html .image_thumb ul li h2 {font-size: 12px;margin: 5px 0;padding: 0;}.image_thumb ul li .block {float: left;margin-left: 10px;padding: 0;width: 170px;}.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*//*kraj banner rotator novi */#wrapper{width: 238px;margin: 0 auto;}.box{background: #fff;}.boxholder{clear: both;padding: 5px;background: #92127a;} /*brza pretraga - desna strana*/ .tablicatijelo_brzapretraga1 { padding: 0px 0px 0px 0px;background-image: url(../images/ostalo_10.png);height: 13px;width: 309px;background-repeat: no-repeat;} .tablicatijelo_brzapretraga3 { padding: 0px 0px 0px 0px;background-image: url(../images/ostalo_14.png);height: 10px;width: 309px;background-repeat: no-repeat;} .tablicatijelo_brzapretraga2 { padding: 0px 0px 0px 0px;background-image: url(../images/ostalo_11.png);height: 144px;width: 309px;background-repeat: no-repeat;} /*POSTAVKE ZA BUTTONE - LINKOVE*/ /*GLAVNI*/ #link_reg { text-indent:-101em; text-decoration:none; display:block; width:290px; height:76px; background: url(../images/meni/rega.png) no-repeat; } #link_reg:hover { background-position: right; } /*kucice na naslovnoj*/ .boxes1_1 { padding: 0px 0px 0px 0px;background-image: url(../images/boxes_1.jpg);height: 5px;width: 221px;background-repeat: no-repeat;} .boxes1_2 { padding: 0px 0px 0px 0px;background-image: url(../images/boxes_2.jpg);height: 150px;width: 221px;background-repeat: repeat-y;} .boxes1_3 { padding: 0px 0px 0px 0px;background-image: url(../images/boxes_3.jpg);height: 80px;width: 221px;background-repeat: no-repeat;} .boxes2_1 { padding: 0px 0px 0px 0px;background-image: url(../images/boxes_4.jpg);height: 5px;width: 221px;background-repeat: no-repeat;} .boxes2_2 { padding: 0px 0px 0px 0px;background-image: url(../images/boxes_5.jpg);height: 150px;width: 221px;background-repeat: repeat-y;} .boxes2_3 { padding: 0px 0px 0px 0px;background-image: url(../images/boxes_6.jpg);height: 80px;width: 221px;background-repeat: no-repeat;} .boxes3_1 { padding: 0px 0px 0px 0px;background-image: url(../images/boxes_7.jpg);height: 5px;width: 221px;background-repeat: no-repeat;} .boxes3_2 { padding: 0px 0px 0px 0px;background-image: url(../images/boxes_8.jpg);height: 150px;width: 221px;background-repeat: repeat-y} .boxes3_3 { padding: 0px 0px 0px 0px;background-image: url(../images/boxes_9.jpg);height: 80px;width: 221px;background-repeat: no-repeat;} .odjeljenje {height: 4px;} td {font:12px Arial, Helvetica, sans-serif;color:#1a6fab;}a {color: #000000;font-weight: bold;text-decoration: none;letter-spacing:.1em;}a:hover {color: #1a6fab;}.bodyText {padding: 3px 0px 3px 0px; font: 14px Arial, Helvetica, sans-serif;color:#2e3988;margin-top:0px;letter-spacing:.0em; font-weight: bold;}.tijeloText {font:13px Arial, Helvetica, sans-serif;color:#ffffff;} SUBMIT BUTONI*/a.squarebutton{background: transparent url('../images/square-gray-left.png') no-repeat top left;display: block;float: left;font: bold 11px Arial; /* Change 12px as desired */line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */height: 23px; /* Height of button background height */padding-left: 9px; /* Width of left menu image */}a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton {color: #494949; /*button text color*/}a.squarebutton span {background: transparent url('../images/square-gray-right.png') no-repeat top right;display: block;padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/}a.squarebutton:hover { /* Hover state CSS */ background-position: bottom left;}a.squarebutton:hover span { /* Hover state CSS */background-position: bottom right;color: black;}.buttonwrapper { /* Container you can use to surround a CSS button to clear float */overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */width: 100%;}/*završen submit button */ /*ispis artikala*/ .tablica_traka {/*border-bottom: 1px solid #000; */padding-bottom: 2px;/*border-top: 1px solid #000; */padding-top: 2px;background-color: #fff; text-align:center;vertical-align:middle;} .tablica_udesno { text-align:right;} .tablica_traka2 {border-bottom: 2px solid #c0c0c0; padding-bottom: 2px;border-top: 1px solid #c0c0c0; padding-top: 2px;background-color: #f6f5f6; text-align:center; vertical-align:middle;} .ws_traka{font: bold 11px Arial; /* Change 12px as desired */line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */height: 35px; /* Height of button background height *//*padding-left: 9px; /* Width of left menu image */*/} .ws_traka_font{font:11px Arial, Helvetica, sans-serif;font-weight:bold;color: #fff; text-align:center;} .ws_traka_font_bb{font:11px Arial, Helvetica, sans-serif;color: #fff; text-align:justify;}