body {margin:0; padding:0; background:url(pattern.gif) center top repeat #181818; font:normal 11px/17px 'Trebuchet MS'; color:#a4a4a4; text-align:justify;}
a {color:#027fc0; text-decoration:none;}
ul#navigation {list-style:none; position:relative; padding:0;width:880px; height:52px; margin:auto; background:url(nav_pattern.gif) repeat-x;}
ul#navigation li {float:left; padding:0 36px; border-right:1px solid #0c0c0c;}
ul#navigation li a {font:normal 13px/40px 'Trebuchet MS'; color:#787878; text-transform:uppercase; text-decoration:none;}
ul#navigation li a:hover {color:#027fc0; text-decoration:underline;}
hr {clear:both; height:2px; color:#000; background-color:#000; border:0; border-bottom:1px solid #353535;}
.scrolltext {font:normal 10px/12px 'Trebuchet MS'; color:#606060; height:106px; overflow:hidden;}
a.prevPage {display:block; float:left; width:50px; line-height:165px; font-size:30px; text-align:right; z-index:2; cursor:pointer;}
a.nextPage {display:block; float:right; width:50px; line-height:165px; font-size:30px; z-index:1; cursor:pointer;}
a.disabled {visibility:hidden !important;}
.navi {clear:both; margin:0 auto 0 auto; width:100px; height:20px;}
.navi a {float:left; width:8px; height:8px; margin:3px; background:url(../j/navigator.png) 0 0 no-repeat; display:block; font-size:1px; cursor:pointer;}
.navi a:hover {background-position:0 -8px;}
.navi a.active {background-position:0 -16px;}
h1 {padding:0; margin:6px 0; font:normal 24px/21px 'Trebuchet MS'; float:left; color:#fff;}
h2 {margin:-2px 0 9px 0; text-align:left;}
h2 a {font:normal 15px/15px 'Trebuchet MS'; color:#027fc0;}
#picture {float:left; width:90px; height:90px; background:center no-repeat #fff; border:4px solid #323232; margin:8px 8px 0 0;}
#picture a img {border:none;}
#form {margin:0; padding:0;}
input[type=text], input[type=password], textarea {padding:4px 10px; font:normal 12px/14px 'Trebuchet MS'; color:#fff; background:url(input_back.gif) left top no-repeat #101010; border:1px solid #222; width:360px;}
input[type=button], input[type=reset] {font:normal 12px/14px 'Trebuchet MS'; color:#fff; background:url(button.gif) left top no-repeat #101010; width:180px; height:34px; border:none; cursor:pointer; margin:5px;}
input[type=button]:hover, input[type=reset]:hover {border:none; cursor:pointer; background-position:0 -34px;}
input[type=checkbox] {cursor:pointer}
select {padding:4px 0 4px 10px; font:normal 12px/14px 'Trebuchet MS'; color:#fff; background:#101010; border:1px solid #222; cursor:pointer;}
:focus{outline:none; -moz-outline-style:none;}
input:hover, #form textarea:hover {border:1px solid #bbbbbb;}
#form span {color:#f00; margin-left:3px;}
input.error, textarea.error, select.error {border:1px solid #f00;}
#form div {padding-bottom:9px;}
/* grupe */
/* 1st level */
ul#menu {float:left; overflow:hidden; width:214px; margin:0 10px; padding:10px 0; list-style:none;}
ul#menu li {width:194px; overflow:hidden; cursor:pointer; background:url(separator.gif) left 28px repeat-x; font:normal 13px/30px 'Trebuchet MS';}
ul#menu li a {color:#fff;}
ul#menu li a:focus {outline:none;}
ul#menu span {font-size:15px;}
/* 2nd level */
ul#menu li ul {overflow:hidden; margin:0; padding:0 0 8px 0;}
ul#menu li ul li {width:100%; text-indent:12px; border:none; background:none; font:normal 11px/24px 'Trebuchet MS';}
ul#menu li ul li a {color:#f26522;}
/* 3rd level */
ul#menu li ul li ul {list-style:none; overflow:hidden; padding:0 0 8px 12px;}
ul#menu li ul li ul li {background:none; border:none; font:normal 10px/18px 'Trebuchet MS';}
ul#menu li ul li ul li a {color:#959595;}
.closed {display:none;}
.open {display:block;}
/* paging */
.paging {clear:both; padding:20px; font:normal 11px/17px Georgia; text-align:center;}
.paging a {background:#4d4d4d; padding:4px 6px; margin:0 2px; text-decoration:none; color:#ccc;}
.paging b {background:#027fc0; padding:4px 6px; margin:0 2px; color:#ccc;}
/* rating */
.ui-rater-starsOff, .ui-rater-starsOn {display:inline-block; height:18px; background:url(../j/stars.gif) repeat-x 0 0px;}
.ui-rater-starsOn {display:block; max-width:85px; top:0; background-position: 0 -34px;}
.ui-rater-starsHover {background-position: 0 -18px!important;}
/* crossselling */
.preporuceni{float:left; width:320px; height:150px; margin:7px; padding-bottom:13px; font-size:10px; line-height:16px; color:#313131}
/* search */
input#search {float:left; width:162px; background:url(input.gif); border:none; height:22px; padding:6px 0 4px 0; margin:0; text-indent:10px;}
input#search.blur {color:#444;}
input[type=image] {cursor:pointer; border:none;}
input[type=radio] {margin:0; vertical-align:middle; background:url(radio.gif);}
/* fb */
.fb a {float:left; color:#fff; background:#4d4d4d; border:1px solid #4d4d4d; -moz-border-radius:3px; -webkit-border-radius:3px; padding:1px 4px; margin-left:10px;}
.fb a:focus, .fb a:hover {background:#027fc0; border:1px solid #027fc0;}
/* footer */
.footer a {color:#515151; margin:0 8px;}

.more {clear:both; margin:10px -8px 0 0; font-family:'Trebuchet MS'; float:right; color:#fff; font-size:9px; padding:1px 5px; text-transform:uppercase; background:#252525; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.more:hover {background:#4c4c4c; text-shadow:#000 1px 1px 2px;}

h2 {margin:0; font-family:'Trebuchet MS'; font-size:18px; font-weight:normal;}
h2 a {color:#fff;}
#tips {width:240px; height:210px; background:url(carbon.jpg) 0 0 no-repeat; list-style:none; padding:26px 29px 0 29px;}
#tips li {float:left; width:68px; height:46px; position:relative; margin:5px;}
#tips li em {display:none; position:absolute; width:130px; height:59px; background:url(hover.png) no-repeat; padding-top:10px; line-height:14px; top:-70px; left:-32px; font-style:normal; text-align:center; color:#000;}
#reseller {list-style:none; padding-left:29px;}
#reseller li {float:left; width:130px; height:82px; margin:8px 0;}
#reseller li:hover {background-position:0 -82px;}