@charset "UTF-8";
table.korpa {
  width: 770px;
  height: auto;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}
@media (min-width: 1024px) {
  html {
    height: 100%;
    width: 100%;
  }
  body {
    font-family: Arial, Helvetica, sans-serif;
    line-height: normal;
    color: #000;
    background: #898E99 url(../images/bodybg.gif) repeat-x left top;
    font-size: 12px;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  body {
    background: #202c42 url(../images/pozadina.jpg) no-repeat center top;
    background-attachment: fixed;
  }
  a,
  span.ml {
    color: #3D4255;
    text-decoration: none;
    outline: none;
  }
  a:hover,
  span.ml:hover {
    color: #C36422;
    text-decoration: none;
  }
  a:visited {
    text-decoration: none;
  }
  img {
    border: none;
  }
  .clear {
    clear: both;
  }
  a.body_bg_image {
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
  }
  .wrapper {
    width: 992px;
    color: #3D4255;
    background: #fff url(../images/bg.gif) repeat-y left top;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
  }
  .innerWrapper {
    width: 982px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
  }
  body.proizvodi .wrapper {
    position: relative;
  }
  .header {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    background-color: #3e4356;
  }
  .logo {
    position: absolute;
    display: block;
    left: 20px;
    top: 30px;
  }
  .logo h2 {
    color: #ffffff;
    margin: 0;
    font-size: 16px;
    text-align: center;
  }
  .login {
    margin-left: 20px;
    padding: 50px 0 250px;
    height: auto;
    overflow: hidden;
  }
  .login .loginForm h3 {
    font-size: 14px;
    margin: 0 0 10px;
    padding: 3px 5px 3px;
    display: block;
    width: 100%;
    background: #8C99A9;
    color: #fff;
  }
  .login .loginForm {
    height: auto;
    overflow: hidden;
    width: 450px;
    margin: 0 auto;
    border: 2px solid #8C99A9;
  }
  .login .loginForm .inner {
    height: au60to;
    overflow: hidden;
    padding: 10px;
    text-align: center;
  }
  .login .loginForm .inner form {
    margin: 0;
    padding: 0;
  }
  .login .loginForm .register {
    clear: both;
    height: auto;
    overflow: hidden;
    padding: 5px 0;
    text-align: center;
    font-size: 13px;
  }
  .login .loginForm .register a {
    text-decoration: underline;
  }
  .login label,
  .login div.label {
    text-align: right;
    width: 85px;
    float: left;
    clear: both;
    height: 20px;
    margin: 4px 5px 5px 0;
  }
  .login label.error {
    text-align: center;
    width: 100%;
    clear: both;
    height: 20px;
    margin: -5px 5px 5px 0;
    display: block;
  }
  .login div.ie {
    height: auto;
    overflow: hidden;
    clear: both;
  }
  .login input {
    width: 180px;
    float: left;
    height: 14px;
    margin-bottom: 5px;
    display: block;
  }
  .login select {
    width: 186px;
    float: left;
    margin-bottom: 5px;
  }
  .login div.input {
    width: 280px;
    float: left;
    height: 16px;
    margin: 3px 5px 5px 0;
    font-size: 14px;
    text-align: left;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .login input#submit,
  .login input#izmeni,
  .login input#otkazi,
  .login input#insert {
    // display: block;
    margin: 10px auto;
    height: auto;
    // width: 100px;
    float: none;
    clear: both;
  }
  .login .newsletter label {
    float: left;
    width: auto;
  }
  .login .newsletter input {
    width: auto;
  }
  .checkoutPodaci {
    float: left;
  }
  .checkoutPodaci div.label {
    text-align: left;
    width: 70px;
    float: left;
    clear: both;
    height: auto;
    margin: 4px 5px 0 0;
  }
  .checkoutPodaci div.input {
    width: 380px;
    float: left;
    height: auto;
    margin: 0;
    font-size: 14px;
    text-align: left;
    font-weight: bold;
    margin: 2px 5px 0 0;
  }
  .checkoutPodaci div.input a,
  .row2 a {
    color: #C36422;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
  }
  .checkout_btn {
    width: 218px;
    height: 42px;
    text-align: center;
    font-size: 18px;
    padding: 10px;
    text-transform: uppercase;
    font-weight: normal;
    color: #ffffff;
    background-color: #344362;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
  }
  .checkout_btn:hover {
    color: #ffffff;
  }
  .headerTop {
    width: 100%;
    height: 121px;
    overflow: hidden;
  }
  .headerTop .distancer {
    width: 189px;
    height: 111px;
    float: left;
  }
  h1.homeH1 {
    font-size: 11px;
    top: 2px;
    left: 10px;
    position: absolute;
    padding: 0;
    height: 20px;
    margin: 0;
    color: #ccc;
    font-weight: normal;
  }
  .headerTop ul.topLinks {
    font-size: 11px;
    top: 2px;
    right: 0;
    position: absolute;
    list-style-type: none;
    list-style-position: inside;
    padding: 0;
    height: 20px;
    margin: 0;
  }
  .headerTop ul.topLinks li {
    width: auto;
    height: 20px;
    float: left;
    position: relative;
  }
  .headerTop ul.topLinks li a,
  .headerTop ul.topLinks li span.ml {
    color: #ccc;
    text-align: center;
    padding: 0 10px;
    display: inline;
    height: auto;
    width: auto;
  }
  .headerTop ul.topLinks li a:hover,
  .headerTop ul.topLinks li span.ml:hover {
    color: #C36422;
  }
  .fLinks {
    text-align: center;
    height: auto;
    overflow: hidden;
  }
  ul.footerLinks {
    font-size: 11px;
    list-style-type: none;
    list-style-position: inside;
    padding: 0;
    height: 20px;
    margin: 0;
    display: block;
    text-align: center;
  }
  ul.footerLinks li {
    width: auto;
    height: 20px;
    position: relative;
    display: inline;
  }
  ul.footerLinks li a,
  ul.footerLinks li span.ml {
    color: #333;
    text-align: center;
    padding: 0 10px;
    display: inline;
    height: auto;
    width: auto;
    text-decoration: underline;
  }
  ul.footerLinks li a:hover,
  ul.footerLinks li span.ml:hover {
    color: #C36422;
  }
  .headerTop ul.picLinks {
    list-style-type: none;
    list-style-position: inside;
    padding: 0;
    height: 100px;
    margin: 0;
    margin-top: 15px;
    float: left;
    overflow: hidden;
    width: 793px;
  }
  .headerTop ul.picLinks li {
    height: 100px;
    width: auto;
    display: block;
    float: left;
    position: relative;
  }
  .headerTop ul.picLinks li a {
    height: 100px;
    display: block;
    text-indent: -9999px;
  }
  .headerTop ul.picLinks li a.a1 {
    background: url("../images/header_pics/1.png") no-repeat left top;
    width: 90px;
  }
  .headerTop ul.picLinks li a.a2 {
    background: url("../images/header_pics/2.png") no-repeat left top;
    width: 72px;
  }
  .headerTop ul.picLinks li a.a3 {
    background: url("../images/header_pics/3.png") no-repeat left top;
    width: 80px;
  }
  .headerTop ul.picLinks li a.a4 {
    background: url("../images/header_pics/4.png") no-repeat left top;
    width: 127px;
  }
  .headerTop ul.picLinks li a.a5 {
    background: url("../images/header_pics/5.png") no-repeat left top;
    width: 129px;
  }
  .headerTop ul.picLinks li a.a6 {
    background: url("../images/header_pics/6.png") no-repeat left top;
    width: 85px;
  }
  .headerTop ul.picLinks li a.a7 {
    background: url("../images/header_pics/7.png") no-repeat left top;
    width: 100px;
  }
  .headerTop ul.picLinks li a.a8 {
    background: url("../images/header_pics/8.png") no-repeat left top;
    width: 110px;
  }
  .headerTop ul.picLinks li a.a1:hover,
  .headerTop ul.picLinks li a.a1active {
    background: url("../images/header_pics/1a.png") no-repeat left top;
  }
  .headerTop ul.picLinks li a.a2:hover,
  .headerTop ul.picLinks li a.a2active {
    background: url("../images/header_pics/2a.png") no-repeat left top;
  }
  .headerTop ul.picLinks li a.a3:hover,
  .headerTop ul.picLinks li a.a3active {
    background: url("../images/header_pics/3a.png") no-repeat left top;
  }
  .headerTop ul.picLinks li a.a4:hover,
  .headerTop ul.picLinks li a.a4active {
    background: url("../images/header_pics/4a.png") no-repeat left top;
  }
  .headerTop ul.picLinks li a.a5:hover,
  .headerTop ul.picLinks li a.a5active {
    background: url("../images/header_pics/5a.png") no-repeat left top;
  }
  .headerTop ul.picLinks li a.a6:hover,
  .headerTop ul.picLinks li a.a6active {
    background: url("../images/header_pics/6a.png") no-repeat left top;
  }
  .headerTop ul.picLinks li a.a7:hover,
  .headerTop ul.picLinks li a.a7active {
    background: url("../images/header_pics/7a.png") no-repeat left top;
  }
  .headerTop ul.picLinks li a.a8:hover,
  .headerTop ul.picLinks li a.a8active {
    background: url("../images/header_pics/8a.png") no-repeat left top;
  }
  .headerBottom {
    height: 35px;
    width: 100%;
  }
  .headerBottom .ticker {
    width: 178px;
    padding: 10px 7px 5px 4px;
    height: 20px;
    background: url(../images/ticker_bg.jpg) no-repeat left top;
    float: left;
  }
  .headerBottom .ticker ul {
    width: 178px;
    height: 20px;
    overflow: hidden;
    display: block;
    background: none;
  }
  .headerBottom .ticker li {
    width: 178px;
    height: 20px;
    padding-top: 4px;
    overflow: hidden;
    display: block;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .headerBottom ul {
    list-style-type: none;
    list-style-position: inside;
    padding: 0;
    height: 35px;
    margin: 0;
    float: left;
    width: 793px;
    background: url(../images/header_x.jpg) repeat-x left top;
  }
  .burger {
    display: none;
  }
  ul#mobile li a {
    text-indent: inherit;
  }
  .headerBottom li {
    width: 99px;
    height: 35px;
    display: block;
    float: left;
    position: relative;
  }
  .headerBottom li a,
  .headerBottom li span.ml {
    width: 99px;
    height: 35px;
    display: block;
    text-align: center;
  }
  .grayBar {
    width: 100%;
    height: 28px;
    background: url(../images/gray_bg.gif) repeat-x left top;
    margin: 10px 0 0;
    position: relative;
  }
  .grayBar input.fastSearch {
    display: block;
    width: 201px;
    height: 17px;
    padding: 0px 3px 0 5px;
    background: url(../images/inputbg.jpg) no-repeat left top;
    float: right;
    margin: 5px;
    border: none;
  }
  .grayBar div.searchBtn {
    position: relative;
    display: block;
    text-align: center;
    padding: 2px 0 0;
    width: 92px;
    height: 19px;
    background: url(../images/btn_c.jpg) repeat-x left top;
    float: right;
    margin: 4px 5px 0 0;
    border: none;
    color: #3D4255;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
  }
  .grayBar .searchBtnL {
    width: 5px;
    height: 21px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/btn_l.jpg) no-repeat left top;
  }
  .grayBar .searchBtnR {
    width: 8px;
    height: 21px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/btn_r.jpg) no-repeat left top;
  }
  .grayBar div.searchBtn:hover {
    color: #C36422;
  }
  .grayBar .desc,
  .sortBar .desc {
    position: absolute;
    left: 10px;
    top: 6px;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
  }
  .grayBar .naziv {
    // float: right;
    // font-size: 13px;
    // color: #fff;
    // font-weight: bold;
    // padding: 6px 4px 0 0;
    display: none;
  }
  .advSearch {
    position: relative;
    display: none;
    width: 968px;
    height: auto;
    overflow: hidden;
    background-color: #717171;
    margin: 0 auto 5px;
  }
  .advSearch .top {
    width: 100%;
    height: 21px;
    line-height: 11px;
    background: url(../images/advsearch_top.jpg) no-repeat left top;
  }
  .advSearch .round {
    position: absolute;
    bottom: 0;
    width: 968px;
    height: 8px;
    line-height: 8px;
    background: url(../images/advsearch_round.jpg) no-repeat left top;
  }
  .advSearch .center {
    width: 928px;
    margin: 0 auto;
    padding-bottom: 10px;
    color: #fff;
  }
  .advSearch .center .left {
    width: 460px;
    float: left;
    height: auto;
    overflow: hidden;
    position: relative;
  }
  .advSearch .center .right {
    width: 460px;
    float: right;
    height: auto;
    overflow: hidden;
  }
  .advSearch .center .line {
    width: 100%;
    margin: 0 0 5px;
    height: 25px;
  }
  .advSearch .center .line label {
    clear: none;
    display: block;
    width: 100px;
    margin: 4px 10px 0 0;
    height: 16px;
    float: left;
    text-align: right;
  }
  .advSearch .center .line label.cena {
    display: block;
    width: 20px;
    margin: 4px 5px 0;
    height: 16px;
    float: left;
    text-align: center;
  }
  .advSearch .center .line input,
  .advSearch .center .line select {
    padding: 0;
    width: 300px;
    margin: 0 10px 0 0;
    float: left;
  }
  .advSearch .center .line select#proizvodjac {
    width: 305px;
  }
  .advSearch .center .line select.cena {
    width: 130px;
    margin: 0 10px 0 0;
    height: 20px;
    float: left;
  }
  .advSearch .center a.prikazi {
    position: relative;
    margin: 5px auto;
    display: block;
    clear: both;
    width: 200px;
    height: 32px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    background: url(../images/prikazi_c.jpg) repeat-x left top;
  }
  .advSearch .center .prikaziLoader {
    position: relative;
    margin: 5px auto;
    display: block;
    clear: both;
    width: 200px;
    height: 32px;
    text-align: center;
  }
  .advSearch .center a.prikazi:hover {
    color: #000;
  }
  .advSearch .center a.prikazi .c {
    padding-top: 8px;
    height: 24px;
    width: 195px;
    float: left;
    position: relative;
  }
  .advSearch .center a.prikazi .l {
    width: 2px;
    height: 32px;
    float: left;
    background: url(../images/prikazi_l.jpg) no-repeat left top;
  }
  .advSearch .center a.prikazi .r {
    width: 2px;
    height: 32px;
    float: right;
    background: url(../images/prikazi_r.jpg) no-repeat left top;
  }
  .advSearch .center a.prikazi img {
    position: absolute;
    right: 15px;
    top: 12px;
  }
  .sortBar {
    width: 100%;
    height: 28px;
    background: url(../images/bg_sort.gif) repeat-x left top;
    margin: 10px 0 0;
    position: relative;
    font-weight: bold;
  }
  .sortBy {
    float: right;
    color: #fff;
    margin: 4px 25px 0;
  }
  .showCount {
    float: right;
    color: #fff;
    margin: 4px 25px 0;
  }
  .breadcrumbs {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 6px 0 -5px;
  }
  .breadcrumbs .leftCol,
  .breadcrumbs h1.leftCol {
    margin: 0;
    padding: 0;
    width: 178px;
    height: auto;
    overflow: hidden;
    float: left;
    margin-right: 5px;
    padding-left: 8px;
    font-size: 16px;
    font-weight: bold;
  }
  .breadcrumbs .trail {
    width: 770px;
    height: auto;
    overflow: hidden;
    float: left;
    padding: 2px 0 0 20px;
    font-weight: bold;
  }
  .content {
    width: 100%;
    height: auto;
    overflow: hidden;
    color: #3d4255;
    margin-top: 10px;
  }
  .leftCol {
    width: 186px;
    height: auto;
    overflow: hidden;
    float: left;
    margin-right: 5px;
  }
  .centerCol {
    width: 600px;
    height: auto;
    overflow: hidden;
    float: left;
  }
  .centerColWide {
    width: 790px;
    height: auto;
    overflow: hidden;
    float: left;
    padding-bottom: 5px;
  }
  .rightCol {
    width: 186px;
    height: auto;
    overflow: hidden;
    float: right;
  }
  .sideBox {
    width: 186px;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
    text-align: center;
    position: relative;
  }
  .sideBox .title {
    height: 22px;
    color: #fff;
    background: url(../images/title_bar_center.gif) repeat-x left top;
    position: relative;
  }
  .sideBox .title .leftCorner {
    position: absolute;
    background: url(../images/title_bar_left.gif) no-repeat left top;
    left: 0;
    top: 0;
    height: 22px;
    width: 10px;
  }
  .sideBox .title .rightCorner {
    position: absolute;
    background: url(../images/title_bar_right.gif) no-repeat left top;
    right: 0;
    top: 0;
    height: 22px;
    width: 10px;
  }
  .sideBox .title .center {
    width: 166px;
    padding-top: 5px;
    height: 17px;
    overflow: hidden;
    margin: 0 auto;
    font-weight: bold;
  }
  .sideBox .boxContent {
    padding: 5px;
    height: auto;
    margin: 0;
    width: 174px;
    border: 1px solid #8c99a9;
    border-top: none;
    border-bottom: 4px solid #8c99a9;
    overflow: hidden;
  }
  .sideBox ul {
    list-style-type: none;
    list-style-position: inside;
    padding: 0;
    height: auto;
    margin: 0;
    width: 184px;
    border: 1px solid #8c99a9;
    border-top: none;
    border-bottom: 4px solid #8c99a9;
    overflow: hidden;
  }
  .sideBox li {
    width: 164px;
    height: auto;
    background: #f0f0f0 url(../images/bg_link.gif) repeat-x left top;
    border-bottom: 1px solid #8c99a9;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 4px 10px;
    float: left;
    cursor: pointer;
    cursor: hand;
    text-align: left;
  }
  .sideBox li a,
  .sideBox li span.ml {
    text-decoration: none;
    margin: 0;
    padding: 0;
  }
  .sideBox li:hover a,
  .sideBox li:hover span.ml,
  .sideBox li:hover span {
    color: #C36422;
    text-decoration: none;
  }
  .sideBox li span {
    padding-left: 3px;
  }
  .sideBox li.ostalo {
    display: none;
  }
  .tabbedBar {
    width: 595px;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
  }
  .tabbedBar .tabs {
    width: 100%;
    height: 29px;
    overflow: hidden;
    background: url(../images/tabs.gif) repeat-x left top;
  }
  .tabbedBar .tabs div.button {
    display: block;
    height: 29px;
    overflow: hidden;
    color: #fff;
    font-weight: bold;
    float: left;
    margin-right: 5px;
    letter-spacing: 1px;
    cursor: pointer;
  }
  .tabbedBar .tabs div.button .left {
    width: 9px;
    height: 29px;
    background: url(../images/tabs_btn.gif) no-repeat 0 -29px;
    float: left;
  }
  .tabbedBar .tabs div.button .right {
    width: 9px;
    height: 29px;
    background: url(../images/tabs_btn.gif) no-repeat -10px -29px;
    float: left;
  }
  .tabbedBar .tabs div.button .center {
    height: 21px;
    padding: 8px 5px 0;
    background: url(../images/tabs_center.gif) repeat-x 0 -29px;
    float: left;
  }
  .tabbedBar .tabs div.button:hover .left,
  .tabbedBar .tabs div.button.active .left {
    background: url(../images/tabs_btn.gif) no-repeat 0 0;
  }
  .tabbedBar .tabs div.button:hover .right,
  .tabbedBar .tabs div.button.active .right {
    background: url(../images/tabs_btn.gif) no-repeat -10px 0;
  }
  .tabbedBar .tabs div.button:hover .center,
  .tabbedBar .tabs div.button.active .center {
    background: url(../images/tabs_center.gif) repeat-x 0 0;
  }
  .tabbedBar .tabbedContent {
    height: 201px;
    width: 593px;
    border: 1px solid #8c99a9;
    border-bottom: 5px solid #8c99a9;
    border-top: none;
    position: relative;
  }
  .tabbedBar .tabbedContent a.arrows {
    width: 16px;
    height: 130px;
    display: block;
    position: absolute;
  }
  .tabbedBar .tabbedContent a.lArrow {
    top: 35px;
    left: 4px;
    background: url(../images/tabbed_arrow_l.gif) no-repeat 0 0;
  }
  .tabbedBar .tabbedContent a.lArrow:hover {
    background: url(../images/tabbed_arrow_l.gif) no-repeat -16px 0;
  }
  .tabbedBar .tabbedContent a.rArrow {
    top: 35px;
    right: 4px;
    background: url(../images/tabbed_arrow_r.gif) no-repeat 0 0;
  }
  .tabbedBar .tabbedContent a.rArrow:hover {
    background: url(../images/tabbed_arrow_r.gif) no-repeat -16px 0;
  }
  .tabbedBar .tabbedContent .items {
    width: 542px;
    height: 191px;
    display: block;
    position: absolute;
    top: 4px;
    left: 24px;
    overflow: hidden;
    border: 1px solid #8c99a9;
    padding: 0;
    margin: 0;
  }
  .tabbedBar .tabbedContent .items ul {
    width: 1000px;
    height: 191px;
    display: block;
    position: absolute;
    overflow: hidden;
    list-style-type: none;
    list-style-position: inside;
    padding: 0;
    margin: 0;
  }
  .tabbedBar .tabbedContent .items ul li.oneItem {
    width: 135px;
    height: 193px;
    display: block;
    float: left;
    border-right: 1px solid #8c99a9;
    padding: 0;
    margin: 0;
    text-align: center;
    cursor: pointer;
    cursor: hand;
  }
  .tabbedBar .tabbedContent .items ul li.oneItem a.img {
    width: 133px;
    height: 100px;
    display: block;
    margin-top: 4px;
  }
  .tabbedBar .tabbedContent .items ul li.oneItem .pTitle {
    height: auto;
    width: 125px;
    float: left;
    margin: 5px 5px 0;
    text-align: center;
    font-weight: bold;
    height: 30px;
    overflow: hidden;
  }
  .tabbedBar .tabbedContent .items ul li.oneItem .price {
    width: 133px;
    height: auto;
    overflow: hidden;
    text-align: center;
    float: right;
    padding-top: 10px;
  }
  .tabbedBar .tabbedContent .items ul li.oneItem .price a {
    color: #9f090f;
    font-weight: bold;
    font-size: 14px;
    display: block;
    text-align: center;
  }
  .tabbedBar .tabbedContent .items ul li.oneItem a.eur {
    font-weight: bold;
    font-size: 12px;
  }
  h3.aTeaser {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0;
  }
  .signup label {
    width: auto;
    text-align: left;
    float: left;
    height: 12px;
    padding: 0;
    margin: 0;
    padding-top: 2px;
  }
  .signup label.error {
    width: 170px;
    text-align: right;
    clear: both;
    height: 12px;
    padding: 0;
    margin: 0;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .signup input#sigEmail {
    width: 125px;
    padding: 1px 2px;
    float: right;
    height: 14px;
    border: 1px solid #bcbfcc;
  }
  .signup input#sigSubmit {
    width: 131px;
    height: 17px;
    clear: both;
    float: right;
    margin-top: 3px;
    margin-bottom: 5px;
    background: url(../images/signup.jpg) no-repeat left top;
    border: none;
    font-size: 10px;
  }
  .signup .input_text {
    padding: 10px 0;
    overflow: hidden;
  }
  .catPicsBox {
    width: 595px;
    height: auto;
    overflow: hidden;
    margin-bottom: 5px;
    margin: 0 auto 5px;
  }
  .catPicsBox .oneBox {
    width: 145px;
    height: 96px;
    margin: 0 5px 5px 0;
    float: left;
  }
  .catPicsBox .lastBox {
    margin-right: 0;
  }
  .catPicsBox .oneBox .title {
    height: 22px;
    width: 145px;
    margin: 0 auto;
    color: #fff;
    background: url(../images/title_bar_center.gif) repeat-x left top;
    position: relative;
    overflow: hidden;
    font-size: 11px;
  }
  .catPicsBox .oneBox .title .leftCorner {
    position: absolute;
    background: url(../images/title_bar_left.gif) no-repeat left top;
    left: 0;
    top: 0;
    height: 22px;
    width: 10px;
  }
  .catPicsBox .oneBox .title .rightCorner {
    position: absolute;
    background: url(../images/title_bar_right.gif) no-repeat left top;
    right: 0;
    top: 0;
    height: 22px;
    width: 10px;
  }
  .catPicsBox .oneBox .title .text {
    width: 135px;
    padding: 5px 0 0 10px;
    height: 17px;
    overflow: hidden;
    margin: 0 auto;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
  }
  .catPicsBox .oneBox .title .gradient {
    width: 10px;
    padding: 0;
    height: 22px;
    overflow: hidden;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/gradient.png) no-repeat left top;
  }
  .catPicsBox .lastBox .title .cornered {
    width: 10px;
    padding: 0;
    height: 22px;
    overflow: hidden;
    margin: 0;
    position: absolute;
    right: 10px;
    top: 0;
    background: url(../images/gradient.png) no-repeat left top;
  }
  .catPicsBox .oneBox .pic {
    width: 143px;
    height: 73px;
    border: 1px solid #8c99a9;
    border-top: none;
  }
  .catPicsBox .oneBox .pic img {
    width: 143px;
    height: 73px;
    border: none;
    outline: none;
  }
  .centerBox {
    width: 600px;
    height: auto;
    overflow: hidden;
    margin: 0 auto 5px;
  }
  .centerBox .title {
    height: 22px;
    width: 594px;
    margin: 0 auto;
    color: #fff;
    background: url(../images/title_bar_center.gif) repeat-x left top;
    position: relative;
    margin: 0 auto;
  }
  .centerBox .title .leftCorner {
    position: absolute;
    background: url(../images/title_bar_left.gif) no-repeat left top;
    left: 0;
    top: 0;
    height: 22px;
    width: 10px;
  }
  .centerBox .title .rightCorner {
    position: absolute;
    background: url(../images/title_bar_right.gif) no-repeat left top;
    right: 0;
    top: 0;
    height: 22px;
    width: 10px;
  }
  .centerBox .title .center {
    width: 560px;
    padding-top: 5px;
    height: 17px;
    overflow: hidden;
    margin: 0 auto;
    font-weight: bold;
  }
  .centerBox .boxContent {
    padding: 5px;
    height: auto;
    margin: 0;
    width: 588px;
    border: 1px solid #8c99a9;
    border-top: none;
    border-bottom: 4px solid #8c99a9;
    overflow: hidden;
  }
  .centerBoxWide {
    width: 790px;
    height: auto;
    overflow: hidden;
  }
  .centerBoxWide .title {
    height: 22px;
    width: 790px;
    margin: 0 auto;
    color: #fff;
    background: url(../images/title_bar_center.gif) repeat-x left top;
    position: relative;
  }
  .centerBoxWide .title .leftCorner {
    position: absolute;
    background: url(../images/title_bar_left.gif) no-repeat left top;
    left: 0;
    top: 0;
    height: 22px;
    width: 10px;
  }
  .centerBoxWide .title .rightCorner {
    position: absolute;
    background: url(../images/title_bar_right.gif) no-repeat left top;
    right: 0;
    top: 0;
    height: 22px;
    width: 10px;
  }
  .centerBoxWide .title .center,
  .centerBoxWide .title h1.center {
    display: block;
    font-size: 12px;
    width: 750px;
    padding: 0;
    padding-top: 5px;
    height: 17px;
    overflow: hidden;
    margin: 0 auto;
    font-weight: bold;
  }
  .centerBoxWide .title .center .normal {
    float: left;
  }
  ul.navigation {
    height: 17px;
    overflow: hidden;
    float: right;
    list-style-type: none;
    list-style-position: inside;
    margin: 0;
    padding: 0;
  }
  ul.navigation li {
    float: left;
    height: 17px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  ul.navigation li a,
  ul.navigation li span.ml {
    text-decoration: none;
    padding: 0 3px;
    color: #fff;
    margin: 0;
  }
  ul.navigation li a:hover,
  ul.navigation li span.ml:hover {
    color: #FF6600;
  }
  ul.navigation li a.active,
  ul.navigation li span.active {
    font-weight: bold;
    color: #FF6600;
  }
  .similarProducts {
    width: 100%;
    overflow: hidden;
    margin: 20px 0 5px;
  }
  .similarProductsCat {
    margin: 10px 0 5px;
  }
  .similarProducts .head {
    height: 22px;
    width: 100%;
    color: #fff;
    background: url(../images/title_bar_center.gif) repeat-x left top;
    position: relative;
    font-size: 12px;
  }
  .similarProducts .headCat {
    background: transparent;
    color: #3D4255;
    font-size: 14px;
  }
  .similarProducts .head .center {
    display: block;
    width: 750px;
    padding: 0;
    padding-top: 5px;
    height: 17px;
    overflow: hidden;
    margin: 0 0 0 10px;
    font-weight: bold;
  }
  .similarProducts .box {
    height: auto;
    width: 155px;
    float: left;
    margin: 5px 0 5px 8px;
  }
  .similarProducts .boxCat {
    margin: 5px 3px 5px 0;
  }
  .similarProducts .box a.img,
  .similarProducts .box span.img {
    height: 100px;
    width: 133px;
    margin: 0 auto 5px;
    text-align: center;
    display: block;
  }
  .similarProducts .box .pTitle {
    height: auto;
    width: 155px;
    float: left;
    margin: 5px 0 0;
    text-align: center;
    font-weight: bold;
    height: 30px;
    overflow: hidden;
  }
  .centerBoxWide .boxContent {
    padding: 5px;
    height: auto;
    margin: 0;
    width: 588px;
    border: 1px solid #8c99a9;
    border-top: none;
    border-bottom: 4px solid #8c99a9;
    overflow: hidden;
  }
  .oneListBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #8c99a9;
    position: relative;
  }
  .oneListBox .listImage {
    padding: 10px;
    width: 133px;
    height: 100px;
    float: left;
  }
  .oneListBox .data {
    margin: 0 0 5px 0;
    width: 625px;
    height: auto;
    overflow: hidden;
    float: right;
  }
  .oneListBox .data .title {
    display: block;
    margin: 0;
    width: 622px;
    height: auto;
    background: #f0f0f0 url(../images/bg_link.gif) repeat-x left top;
    border: 1px solid #8c99a9;
    border-top: none;
    overflow: hidden;
    color: #ccc;
    padding: 3px;
    padding-left: 8px;
    font-size: 14px;
    font-weight: bold;
  }
  .oneListBox .data .title a {
    color: #3d4255;
  }
  .oneListBox .data .title a:hover {
    color: #c36422;
  }
  .oneListBox .data .description {
    width: 629px;
    height: auto;
    overflow: hidden;
    padding: 3px;
    font-size: 12px;
  }
  .oneListBox .data .description .price,
  .similarProducts .box .price {
    width: 165px;
    height: auto;
    overflow: hidden;
    text-align: center;
    float: right;
    padding-top: 10px;
  }
  .oneListBox .data .description .price a,
  .oneListBox .data .description .price span.ml,
  .similarProducts .box .price a,
  .similarProducts .box .price span.ml {
    color: #9f090f;
    font-weight: bold;
    font-size: 14px;
    display: block;
    text-align: center;
  }
  .oneListBox .data .description .price a.eur,
  .oneListBox .data .description .price span.eur,
  .similarProducts .box .price a.eur,
  .similarProducts .box .price span.eur {
    font-weight: bold;
    font-size: 12px;
  }
  .oneListBox .data .description .price a.cart,
  .oneListBox .data .description .price span.cart,
  .similarProducts .box .price a.cart,
  .similarProducts .box .price span.cart {
    width: 131px;
    height: 28px;
    display: block;
    background: #4d4c5c url(../images/korpa_mala.jpg) no-repeat left top;
    margin: 5px auto 0;
  }
  .oneListBox .data .description .text {
    width: 448px;
    height: auto;
    overflow: hidden;
    float: left;
  }
  .oneListBox .data .description .text a,
  .oneListBox .data .description .text span.ml {
    margin-left: 5px;
    text-decoration: underline;
  }
  .oneListBox .proizvodjaciTag {
    width: 47px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding-top: 7px;
    height: 27px;
    left: 0;
    top: 0;
    position: absolute;
    background: url(../images/proizvodjaci_tag.png) no-repeat left top;
  }
  .dummyBox {
    width: 100%;
    height: 240px;
  }
  .centerBoxFull {
    width: 982px;
    height: auto;
    overflow: hidden;
    margin-top: 5px;
  }
  .centerBoxFull .title {
    height: auto;
    overflow: hidden;
    width: 982px;
    margin: 0 auto;
    color: #fff;
    background: #4d4c5c url(../images/title_bar_center.gif) repeat-x left top;
    position: relative;
  }
  .centerBoxFull .title .leftCorner {
    position: absolute;
    background: url(../images/title_bar_left.gif) no-repeat left top;
    left: 0;
    top: 0;
    height: 22px;
    width: 10px;
  }
  .centerBoxFull .title .rightCorner {
    position: absolute;
    background: url(../images/title_bar_right.gif) no-repeat left top;
    right: 0;
    top: 0;
    height: 22px;
    width: 10px;
  }
  .centerBoxFull .title .center {
    display: block;
    font-size: 20px;
    height: auto;
    overflow: hidden;
    width: 940px;
    padding: 5px 0;
    overflow: hidden;
    margin: 0 auto;
    font-weight: bold;
  }
  .centerBoxFull .boxContent {
    padding: 5px;
    height: auto;
    margin: 0;
    width: 588px;
    border: 1px solid #8c99a9;
    border-top: none;
    border-bottom: 4px solid #8c99a9;
    overflow: hidden;
  }
  .galerija {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .galerija a img {
    padding: 3px;
    border: 1px solid #8c99a9;
    margin: 5px 8px;
    width: 170px;
    height: 128px;
  }
  .kontaktLine {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 10px 0 7px;
    border-bottom: 1px solid #c0c3cf;
  }
  .kontaktLine a img {
    padding: 3px;
    border: 1px solid #8c99a9;
    margin: 5px 45px 5px 8px;
    width: 170px;
    height: 128px;
    display: block;
    float: right;
  }
  .kontaktLine .right {
    float: left;
    display: block;
    width: 525px;
    margin-left: 8px;
    height: auto;
    overflow: hidden;
  }
  .kontaktLine .right .tBar {
    height: 25px;
    padding-top: 13px;
    font-size: 18px;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #c0c3cf;
    position: relative;
  }
  .kontaktLine .right .tBar a.detaljnije {
    font-size: 12px;
  }
  .kontaktLine .right .tBar span.lokacija {
    font-size: 12px;
    padding-top: 6px;
    position: absolute;
    right: 0;
    bottom: 1px;
  }
  .kontaktLine .right .text {
    float: left;
    width: 210px;
    height: auto;
    overflow: hidden;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0;
  }
  .kontaktLine .right .text .tag {
    color: #cb6a02;
    font-size: 16px;
    font-weight: normal;
  }
  .kontaktLine .right .text a {
    color: #777;
  }
  .sidebarURL {
    display: block;
    height: auto;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
  .sidebarURL img {
    margin: 0;
    padding: 0;
  }
  .kontaktLine .right a.map {
    float: right;
  }
  .kontaktLine .right a.map img {
    padding: 3px;
    border: 1px solid #8c99a9;
    margin: 5px 0;
    width: 188px;
    height: 85px;
  }
  .personLine {
    width: 390px;
    float: left;
    height: 108px;
    overflow: hidden;
    padding: 10px 0 7px;
  }
  .personLine img {
    padding: 3px;
    border: 1px solid #8c99a9;
    margin: 5px 8px;
    float: left;
    width: 90px;
    height: 90px;
  }
  .personLine .text {
    float: left;
    width: 270px;
    height: auto;
    overflow: hidden;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0;
  }
  .personLine .text .tag {
    color: #cb6a02;
    font-size: 16px;
    font-weight: normal;
  }
  .personLine .text a {
    color: #777;
  }
  .banners {
    height: auto;
    width: 600px;
    overflow: hidden;
    position: relative;
  }
  .oneArea {
    overflow: hidden;
    width: 600px;
    height: auto;
    margin: 5px 0 0;
    position: relative;
  }
  .oneArea div {
    overflow: hidden;
    text-align: center;
  }
  .oneArea div p {
    text-align: left;
    margin: 0;
    padding: 0;
  }
  .footerAddresses {
    height: 90px;
    padding-top: 2px;
    width: 100%;
    background: url(../images/footer_bg.gif) repeat-x left top;
    margin-bottom: 5px;
  }
  .footerAddresses .floats {
    width: 139px;
    float: left;
    text-align: left;
    margin-left: 49px;
  }
  .footerAddresses h3 {
    font-size: 13px;
    color: #ff6600;
    margin: 0;
    padding: 0;
    margin-top: 7px;
  }
  .footerAddresses p {
    color: #000;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
  }
  .footerAddresses p a {
    margin: 0;
    padding: 0;
  }
  .cParagraph {
    width: 770px;
    height: auto;
    overflow: hidden;
    margin: 10px;
  }
  img.akcija {
    position: absolute;
    top: 0;
    left: 0;
  }
  .pDescription {
    height: auto;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
  }
  .pDescription .images {
    width: 400px;
    height: auto;
    overflow: hidden;
    margin-right: 5px;
    float: left;
  }
  .pDescription .images .mainImg {
    width: 400px;
    height: 300px;
    margin: 10px 0 5px;
  }
  .pDescription .images .note {
    width: 400px;
    height: auto;
    overflow: hidden;
    margin-bottom: 5px;
    text-align: center;
    color: #c2c4c7;
    font-size: 11px;
  }
  .pDescription .images ul.thumbs {
    display: block;
    width: 400px;
    height: auto;
    overflow: hidden;
    list-style-type: none;
    list-style-position: inside;
    margin: 0;
    padding: 0;
  }
  .pDescription .images ul.thumbs li {
    float: left;
    height: 72px;
    width: 97px;
    margin-right: 3px;
    margin-bottom: 3px;
  }
  .pDescription .images ul.thumbs li a {
    display: block;
    height: 66px;
    width: 91px;
    border: 1px solid #c2c4c7;
    margin: 0;
    padding: 2px;
  }
  .pDescription .images ul.thumbs li a:hover {
    border: 1px solid #000;
  }
  .youtube {
    width: 400px;
    text-align: center;
    margin-top: 5px;
  }
  .pDescription .description {
    float: right;
    width: 565px;
    height: auto;
    overflow: hidden;
    padding: 10px 5px 10px 0;
    color: #3D4255;
  }
  .pDescription .description .top {
    height: auto;
    overflow: hidden;
    width: 100%;
  }
  .pDescription .description .leftTop {
    height: auto;
    overflow: hidden;
    width: 385px;
    float: left;
  }
  .pDescription .description .leftTop .priceBig {
    font-size: 20px;
    font-weight: bold;
    color: #802f2f;
    margin-bottom: 3px;
  }
  .pDescription .description .leftTop .priceBigNasa {
    font-size: 14px;
    font-weight: bold;
    color: #802f2f;
    margin: 0;
    line-height: 100%;
  }
  .pDescription .description .leftTop .priceSmall {
    font-size: 14px;
    font-weight: bold;
    color: #802f2f;
  }
  .pDescription .description .leftTop .priceExport {
    font-size: 12px;
    font-weight: bold;
  }
  .pDescription .description .leftTop .bojaSelect {
    margin: 10px 0 5px;
  }
  .pDescription .description .leftTop .basket {
    display: block;
    height: 27px;
    width: 160px;
    margin: 10px 0;
  }
  .pDescription .description .rightTop {
    height: auto;
    overflow: hidden;
    width: 175px;
    float: right;
  }
  .pDescription .description .rightTop a.pLogo {
    height: 100px;
    width: 133px;
    display: block;
    margin: 0 auto;
  }
  .pDescription .description .rightTop a.link {
    height: auto;
    display: block;
    width: 100%;
    text-align: center;
    color: #c2c4c7;
    text-decoration: underline;
    font-size: 11px;
  }
  .pDescription .description .rightTop a.link:hover {
    color: #3D4255;
  }
  .pDescription .description .otherOptions {
    clear: both;
    height: auto;
    overflow: hidden;
    padding-top: 10px;
  }
  .pDescription .description .otherOptions .row {
    height: auto;
    overflow: hidden;
    margin-bottom: 5px;
  }
  .pDescription .description .otherOptions .option {
    float: left;
    width: 280px;
    height: auto;
    overflow: hidden;
  }
  .pDescription .description .otherOptions a {
    background: url(../images/arrow.jpg) no-repeat 0 2px;
    padding-left: 10px;
    font-weight: bold;
  }
  .hiddenMenu {
    display: none;
    height: auto;
    overflow: hidden;
  }
  .pDescription .description h3 {
    font-size: 16px;
    margin: 5px 0;
    padding: 0;
  }
  .pDescription .description .text {
    font-size: 12px;
    padding: 0;
    margin: 0;
    height: auto;
    overflow: hidden;
  }
  .requiredFields {
    font-size: 12px;
    color: #9F090F;
  }
  label {
    clear: both;
    display: block;
    width: 300px;
    margin: 10px 0 2px;
  }
  .cParagraph input,
  textarea {
    width: 400px;
  }
  input.submitForm {
    width: 100px;
  }
  label.error {
    margin: 2px 0 5px;
    color: #9F090F;
  }
  input.error {
    background-color: #f7b1b4;
  }
  .uInfo {
    width: 770px;
    height: auto;
    overflow: hidden;
    padding-bottom: 10px;
  }
  .uInfo .headers {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 0 3px 0;
    background: #8C99A9;
    color: #fff;
    padding: 5px;
  }
  .uInfo .lines {
    clear: both;
    background-color: #eee;
    height: auto;
    overflow: hidden;
    padding: 5px;
    margin: 2px 0;
  }
  .uInfo .lines .before {
    text-align: center;
    margin: 5px 0;
  }
  .uInfo .lines .before strong {
    margin: 0 0 5px 0;
    display: block;
  }
  .uInfo .lines .before a {
    color: #C36422;
    text-decoration: underline;
  }
  .popup .content {
    margin: 0;
  }
  .modal {
    width: 370px;
    height: auto;
    overflow: hidden;
    padding-bottom: 10px;
    background-color: #eee;
  }
  .modal .head {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 0 10px 0;
    background: #8C99A9;
    color: #fff;
    padding: 5px;
    font-weight: bold;
  }
  .modal .forgot {
    font-size: 11px;
    text-align: center;
    color: #8C99A9;
  }
  .modal .forgot a {
    text-decoration: underline;
    color: #8C99A9;
  }
  .modal .lines {
    clear: both;
    background-color: #eee;
    height: auto;
    overflow: hidden;
    padding: 5px;
    margin: 2px 0;
  }
  .modal label,
  .register div.label {
    text-align: right;
    width: 85px;
    float: left;
    clear: both;
    height: 20px;
    margin: 4px 5px 5px 0;
  }
  .modal label.error {
    text-align: center;
    width: 100%;
    clear: both;
    height: 20px;
    margin: -5px 5px 5px 0;
    display: block;
  }
  .modal div.ie {
    height: auto;
    overflow: hidden;
    clear: both;
  }
  .modal input {
    width: 180px;
    float: left;
    height: 14px;
    margin-bottom: 5px;
    display: block;
  }
  .modal div.input {
    width: 180px;
    float: left;
    height: 16px;
    margin: 3px 5px 5px 0;
    font-size: 14px;
    text-align: left;
    font-weight: bold;
  }
  #dostava {
    border: 2px solid #8C99A9;
    border-collapse: collapse;
    margin: 2px 0 0;
    padding: 0;
  }
  #dostava td,
  #dostava th {
    padding: 3px 6px;
    font-weight: normal;
    border: 1px solid #8C99A9;
  }
  #dostava th {
    color: #eee;
    background: #8C99A9;
  }
  .uInfo .infoBox {
    height: auto;
    overflow: hidden;
    width: 265px;
    margin: 0 auto;
    padding: 0 0 10px 135px;
  }
  .uInfo .infoBox .i {
    display: block;
    width: 13px;
    height: 14px;
    float: left;
    margin-right: 5px;
  }
  .uInfo .infoBox a.why {
    display: block;
    width: 190px;
    height: 14px;
    float: left;
    color: #C36422;
    text-decoration: underline;
  }
  .uInfo a.quest {
    color: #C36422;
    text-decoration: underline;
  }
  .uInfo .infoBox .text {
    margin-top: 5px;
  }
  .uInfo .infoBox .diff {
    font-size: 14px;
    font-weight: bold;
    color: #C36422;
  }
  .uInfo .nastavi {
    width: 218px;
    height: 42px;
    margin: 0 auto;
    background: url(../images/nastavi.png) no-repeat 0 0;
    display: block;
    text-indent: -9999px;
  }
  .uInfo .zapamti {
    width: 218px;
    height: 42px;
    margin: 0 auto;
    background: url(../images/zapamti.png) no-repeat 0 0;
    display: block;
    text-indent: -9999px;
  }
  .uInfo .otkazi {
    width: 218px;
    height: 42px;
    margin: 0 auto;
    background: url(../images/otkazi.png) no-repeat 0 0;
    display: block;
    text-indent: -9999px;
  }
  .korpaSadrzaj {
    width: 218px;
    height: 42px;
    margin: 0 auto;
    background: url(../images/korpa.png) no-repeat 0 0;
    display: block;
    text-indent: -9999px;
  }
  .uInfo .register {
    height: auto;
    overflow: hidden;
    width: 300px;
    margin: 0 auto;
    padding: 20px 0;
  }
  .uInfo .register h3 {
    font-size: 14px;
    margin: 0 0 10px;
    padding: 3px 5px 3px;
    display: block;
    width: 100%;
    background: #8C99A9;
    color: #fff;
  }
  .uInfo .register .inner {
    height: auto;
    overflow: hidden;
    padding: 10px;
    text-align: center;
  }
  .uInfo .register .inner form {
    margin: 0;
    padding: 0;
  }
  .uInfo .register .register {
    clear: both;
    height: auto;
    overflow: hidden;
    padding: 5px 0;
    text-align: center;
    font-size: 13px;
  }
  .uInfo .register .register a {
    text-decoration: underline;
  }
  .uInfo .register label,
  .register div.label {
    text-align: right;
    width: 85px;
    float: left;
    clear: both;
    height: 20px;
    margin: 4px 5px 5px 0;
  }
  .uInfo .register label.error {
    text-align: center;
    width: 100%;
    clear: both;
    height: 20px;
    margin: -5px 5px 5px 0;
    display: block;
  }
  .uInfo .register div.ie {
    height: auto;
    overflow: hidden;
    clear: both;
  }
  .uInfo .register input {
    width: 180px;
    float: left;
    height: 14px;
    margin-bottom: 5px;
    display: block;
  }
  .uInfo .register div.input {
    width: 180px;
    float: left;
    height: 16px;
    margin: 3px 5px 5px 0;
    font-size: 14px;
    text-align: left;
    font-weight: bold;
  }
  .uInfo .register .spaceIt {
    height: 20px;
  }
  .uInfo .register input#submit,
  .register input#izmeni,
  .register input#otkazi,
  .register input#insert {
    // display: block;
    margin: 10px auto;
    height: auto;
    // width: 100px;
    float: none;
    clear: both;
  }
  //   /*.korpa { width:770px; height:auto; overflow:hidden; padding-bottom:300px; }
  //   .korpa .headers { width:100%; height:auto; overflow:hidden; margin:3px 0; background:#8C99A9; color:#fff; }
  //   .korpa .headers .rows { float:left; width:100px; font-weight:bold; padding:5px; }
  //   .korpa .headers .row1 { width:60px; text-align:center; }
  //   .korpa .headers .row2 { width:410px; }
  //   .korpa .headers .row3 { width:80px; }
  //   .korpa .headers .row4 { width:140px; text-align:center; }
  //   .korpa .headers .row5 { width:30px; text-align:center; }
  //   .korpa .lines { clear:both; background-color:#eee; height:auto; overflow:hidden; padding:5px 0 0; margin:2px 0; }
  //   .korpa .lines .rows { float:left; width:100px; font-weight:bold; padding:5px; }
  //   .korpa .lines .row1 { width:60px; text-align:center; }
  //   .korpa .lines .row2 { width:410px; }
  //   .korpa .lines .row3 { width:80px; text-align:right; }
  //   .korpa .lines .row4 { width:140px; text-align:center; }
  //   .korpa .lines .row5 { width:30px; text-align:center; }
  //   .korpa .lines .rowNastavi { width:180px; text-align:center; }
  //   .korpa .lines .rows input { width:70px; margin-top:-5px; }
  //   .korpa .total { font-size:14px; background-color:transparent; color:#000; }*/
  table.korpa {
    width: 770px;
    height: auto;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
  }

  table.korpa tr {
    height: auto;
    text-align: left;
  }
  table.korpa .headers {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 3px 0;
    background: #8C99A9;
    color: #fff;
  }
  table.korpa .headers .rows {
    float: left;
    width: 100px;
    font-weight: bold;
    padding: 5px;
  }
  table.korpa .headers .row1 {
    width: 60px;
    text-align: center;
  }
  table.korpa .headers .row2 {
    width: 330px;
  }
  table.korpa .headers .row3 {
    width: 160px;
    text-align: right;
  }
  table.korpa .headers .row4 {
    width: 140px;
    text-align: center;
  }
  table.korpa .headers .row5 {
    width: 30px;
    text-align: center;
  }
  table.korpa .lines {
    background-color: #eee;
    padding: 5px 0 0;
    border-top: 1px solid #fff;
  }
  table.korpa .lines .rows {
    width: 100px;
    font-weight: bold;
    padding: 5px;
  }
  table.korpa .lines .row1 {
    width: 60px;
    text-align: center;
  }
  table.korpa .lines .row2 {
    width: 190px;
  }
  table.korpa .lines .rowImg {
    width: 65px;
  }
  table.korpa .lines .rowImg img {
    border: 2px solid #fff;
  }
  table.korpa .lines .rowTitle {
    width: 445px;
  }
  table.korpa .lines .row3 {
    width: 300px;
    text-align: right;
  }
  table.korpa .lines .row4 {
    width: 140px;
    text-align: center;
  }
  table.korpa .lines .row5 {
    width: 30px;
    text-align: center;
  }
  table.korpa .lines .rowNastavi {
    width: 180px;
    text-align: left;
  }
  table.korpa .lines .rows input {
    width: 70px;
    margin-top: -5px;
  }
  table.korpa .total {
    font-size: 14px;
    background-color: transparent;
    color: #000;
  }
  table.korpa .total .resetText {
    font-size: 12px;
    background-color: transparent;
    color: #555;
    font-weight: normal;
  }
  table.korpa .lines .rowNastavi .error {
    color: #FF0000;
    text-align: center;
  }
  .aDostava {
    margin: 20px 0 5px 5px;
  }
  .aDostava a {
    color: #C36422;
    text-decoration: underline;
  }
  .dostava {
    display: none;
    overflow: hidden;
    height: auto;
    margin-left: 5px;
  }
  .tDostava {
    border: 2px solid #8C99A9;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
  }
  .tDostava td {
    border: 1px solid #8C99A9;
    padding: 5px;
  }
  .tDostava td.grey {
    background-color: #EEE;
  }
  .adminEdit {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 16px;
    height: 16px;
    float: left;
    display: block;
    text-indent: -9999px;
    background: url(../images/icon_admin.png) no-repeat left top;
  }
  .xls {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 32px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/xls.png) no-repeat left top;
  }
  .xls2 {
    position: absolute;
    top: 42px;
    right: 5px;
    width: 32px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/xls2.png) no-repeat left top;
  }
  .xls3 {
    position: absolute;
    top: 79px;
    right: 5px;
    width: 32px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/xls3.png) no-repeat left top;
  }
  h1.akcija {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 5px 10px;
  }
  h2.faq {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 10px 0 5px;
  }
  h2.orange {
    color: #FF6600;
  }
  .feedback p {
    margin: 0 0 5px 0;
    padding: 0;
  }
  .feedback textarea {
    width: 500px;
    height: 100px;
    margin: 0;
    padding: 10px;
  }
  .feedback input {
    width: 250px;
    margin: 0;
    padding: 0;
  }
  .feedback input.submit {
    width: auto;
    margin: 10px 0 50px;
    padding: 0;
  }
  h2.feedback {
    font-size: 12px;
    font-weight: bold;
    padding: 15px 0 5px;
    margin: 0;
  }
  .uplatnica {
    width: 940px;
    height: 399px;
    position: relative;
    background: url(../images/uplatnica.jpg) no-repeat left top;
    font-size: 16px;
  }
  .uplatnica p {
    margin: 0;
    padding: 0;
  }
  .uplatnica .uplatilac {
    position: absolute;
    top: 57px;
    left: 30px;
    width: 410px;
    height: 60px;
  }
  .uplatnica .svrha {
    position: absolute;
    top: 170px;
    left: 30px;
    width: 410px;
    height: 60px;
  }
  .uplatnica .primalac {
    position: absolute;
    top: 242px;
    left: 30px;
    width: 410px;
    height: 60px;
  }
  .uplatnica .iznos {
    position: absolute;
    top: 81px;
    left: 695px;
    width: 410px;
    height: 22px;
  }
  .uplatnica .racun {
    position: absolute;
    top: 138px;
    left: 599px;
    width: 410px;
    height: 22px;
  }
  .uplatnica .pozivnabroj {
    position: absolute;
    top: 194px;
    left: 599px;
    width: 410px;
    height: 22px;
  }
  .qs_results {
    top: 190px;
    left: 512px;
    position: absolute;
    width: 362px;
    height: auto;
    overflow: hidden;
    z-index: 99999;
    display: none;
  }
  .qs_results .qs {
    width: 360px;
    padding: 0 0 3px 0;
    border: 1px solid #4e5468;
    background-color: #f3f3f3;
    height: auto;
    overflow: hidden;
  }
  .qs_results .qsShadow {
    width: 362px;
    height: 8px;
    line-height: 8px;
    background: url(../images/qsshadow.png) no-repeat left top;
  }
  .qs_results .grayBar {
    width: 354px;
    height: 28px;
    background: url(../images/gray_bg.gif) repeat-x left top;
    margin: 3px auto;
    position: relative;
  }
  .qs_results .grayBar .desc {
    position: absolute;
    left: 10px;
    top: 6px;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
  }
  .qs_results .title {
    height: 22px;
    width: 354px;
    margin: 0 auto;
    color: #fff;
    background: url(../images/title_bar_center.gif) repeat-x left top;
    position: relative;
  }
  .qs_results .title .center {
    display: block;
    font-size: 12px;
    padding: 5px 0 0 10px;
    height: 17px;
    overflow: hidden;
    margin: 0 auto;
    font-weight: bold;
  }
  .qs_results ul {
    width: 354px;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
  }
  .qs_results li {
    margin: 0px;
    padding: 5px 10px 0;
    height: 20px;
    cursor: default;
    display: block;
    font-size: 12px;
    overflow: hidden;
    color: #3d4255;
    width: 1000px;
    position: relative;
  }
  .qs_results li .cutter {
    background: url(../images/qscutter.png) repeat-y left top;
    position: absolute;
    height: 25px;
    width: 19px;
    top: 0;
    left: 335px;
  }
  .qs_results li.over {
    background-color: #d8d8d8;
  }
  .qs_results strong {
    color: #0546a0;
    border-bottom: 1px dashed #0546a0;
    font-weight: bold;
  }
  .subCats {
    width: 595px;
    height: auto;
    overflow: hidden;
  }
  .subCats .title {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 14px;
    padding: 10px 0;
    font-style: italic;
  }
  .subCats .oneRow {
    width: 100%;
    height: auto;
    overflow: hidden;
    clear: both;
  }
  .subCats .oneThird {
    width: 198px;
    height: auto;
    overflow: hidden;
    float: left;
    margin: 0 0 5px 0;
  }
  .subCats .oneThird h2 {
    font-size: 14px;
    margin: 5px 0;
    padding: 0;
  }
  .subCats .oneThird ul {
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
  }
  .subCats .oneThird li {
    margin: 1px 0 2px;
    padding: 0;
  }
  .aktuelnostiContent a,
  .cat_opis a {
    text-decoration: underline;
  }
  .fpListing {
    border-top: 1px solid #8C99A9;
  }
  .fpListing .oneListBox .data {
    width: 445px;
  }
  .fpListing .oneListBox .data .title {
    width: 432px;
  }
  .fpListing .oneListBox .data .description {
    width: 432px;
  }
  .fpListing .oneListBox .data .description .text {
    width: 265px;
  }
  #statPeriod,
  #dateFrom {
    font-size: 10px;
  }
  .newpass_success {
    text-align: center;
    margin-top: 20px;
  }
  .newpass_success a {
    text-decoration: underline;
  }
}

@media (max-width: 1023px) {
  @charset "UTF-8";
  html {
    height: 100%;
    width: 100%;
  }
  body {
    font-family: Arial, Helvetica, sans-serif;
    line-height: normal;
    color: #000;
    background: #898E99 url(../images/bodybg.gif) repeat-x left top;
    font-size: 12px;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  body {
    background: #202c42 url(../images/pozadina.jpg) no-repeat center top;
    background-attachment: fixed;
  }
  a,
  span.ml {
    color: #3D4255;
    text-decoration: none;
    outline: none;
  }
  a:hover,
  span.ml:hover {
    color: #C36422;
    text-decoration: none;
  }
  a:visited {
    text-decoration: none;
  }
  img {
    border: none;
  }
  .clear {
    clear: both;
  }
  a.body_bg_image {
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
  }
  .wrapper {
    width: 100%;
    color: #3D4255;
    // background: #fff url(../images/bg.gif) repeat-y left top;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    background-color: #fff;
  }
  .innerWrapper {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
  }
  body.proizvodi .wrapper {
    position: relative;
  }
  .header {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    background-color: #3e4356;
  }
  .logo {
    position: absolute;
    display: block;
    left: 50%;
    margin-left: -81.5px;
    top: 80px;
  }
  .logo h2 {
    color: #ffffff;
    margin: 0;
    font-size: 16px;
    text-align: center;
  }
  .login {
    // padding: 0px 10px 0px;
    height: auto;
    overflow: hidden;
  }
  .login .loginForm h3 {
    font-size: 14px;
    margin: 0 0 10px;
    padding: 3px 0 5px 3px;
    display: block;
    width: 100%;
    background: #8C99A9;
    color: #fff;
  }
  .login .loginForm {
    height: auto;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    border: 2px solid #8C99A9;
  }
  .login .loginForm .inner {
    height: auto;
    overflow: hidden;
    padding: 10px;
    text-align: center;
  }
  .login .loginForm .inner form {
    margin: 0;
    padding: 0;
  }
  .login .loginForm .register {
    clear: both;
    height: auto;
    overflow: hidden;
    padding: 5px 0;
    text-align: center;
    font-size: 13px;
  }
  .login .loginForm .register a {
    text-decoration: underline;
  }
  .login .loginForm .register a:hover {
    color: #3d4255;
  }
  .login label,
  .login div.label {
    height: 20px;
    margin: 4px 5px 5px 0;
  }
  .login label.error {
    text-align: center;
    width: 100%;
    clear: both;
    height: 20px;
    margin: -5px 5px 5px 0;
    display: block;
  }
  .login div.ie {
    height: auto;
    overflow: hidden;
    clear: both;
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }
  .login div.ie.newsletter {
    width: 265px;

  }
  #newsletter{
    display: inline;
    width: 5%;
     position: relative;
     top: 3px;
  }
  #hideContactTitle{
    display: none;
  }
  .login div.ie.newsletter label {
    display: inline;
    width: 85%;
  }
  .login input {
    width: 263px;
    height: 14px;
    margin: 0 auto 5px;
    display: block;
  }
  .login select {
    width: 265px;
    margin: 0 auto 5px;
  }
  .login div.input {
    height: 16px;
    margin: 3px 5px 5px 0;
    font-size: 14px;
    font-weight: bold;
  }
  .login input#submit,
  .login input#izmeni,
  .login input#otkazi,
  .login input#insert {
    display: block;
    margin: 10px auto;
    height: auto;
    width: 100px;
    float: none;
    clear: both;
  }
  .login .newsletter label {
    width: 100%;
  }
  .login .newsletter input {
    width: 100%;
  }
  .checkoutPodaci {
    float: left;
  }
  .checkoutPodaci div.label {
    text-align: left;
    width: 70px;
    float: left;
    clear: both;
    height: auto;
    margin: 4px 5px 0 0;
  }
  .checkoutPodaci div.input {
    width: 380px;
    float: left;
    height: auto;
    margin: 0;
    font-size: 14px;
    text-align: left;
    font-weight: bold;
    margin: 2px 5px 0 0;
  }
  .checkoutPodaci div.input a,
  .row2 a {
    color: #C36422;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
  }
  .checkout_btn {
    width: 218px;
    height: 42px;
    text-align: center;
    font-size: 18px;
    padding: 10px;
    text-transform: uppercase;
    font-weight: normal;
    color: #ffffff;
    background-color: #344362;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
  }
  .checkout_btn:hover {
    color: #ffffff;
  }
  .headerTop {
    width: 100%;
    height: 161px;
    overflow: hidden;
  }
  .headerTop .distancer {
    display: none;
  }
  h1.homeH1 {
    font-size: 11px;
    top: 10px;
    position: absolute;
    padding: 0;
    margin: 0 auto;
    color: #ccc;
    font-weight: normal;
    text-align: center;
    line-height: 15px;
    // width: 270px;
    right: 15px;
    left: 15px;
  }
  .headerTop ul.topLinks {
    font-size: 11px;
    top: 52px;
    position: absolute;
    list-style-type: none;
    list-style-position: inside;
    padding: 0;
    height: 20px;
    margin: 0 auto;
    // width: 282px;
    right: 15px;
    left: 15px;
    text-align: center;
  }
  .headerTop ul.topLinks li {
    width: auto;
    display: inline-block;
    position: relative;
  }
  .headerTop ul.topLinks li a,
  .headerTop ul.topLinks li span.ml {
    color: #ccc;
    text-align: center;
    padding: 0 5px;
    display: inline;
    height: auto;
    width: auto;
  }
  .headerTop ul.topLinks li:last-child a {
    padding-right: 0;
  }
  .headerTop ul.topLinks li a:hover,
  .headerTop ul.topLinks li span.ml:hover {
    color: #ccc;
  }
  .fLinks {
    text-align: center;
    height: auto;
    overflow: hidden;
  }
  ul.footerLinks {
    font-size: 11px;
    list-style-type: none;
    list-style-position: inside;
    padding: 0;
    margin: 0;
    display: block;
    text-align: center;
  }
  ul.footerLinks li {
    width: auto;
    height: 20px;
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
  }
  ul.footerLinks li a,
  ul.footerLinks li span.ml {
    color: #333;
    text-align: center;
    padding: 0 10px;
    display: inline-block;
    height: auto;
    width: auto;
    text-decoration: underline;
  }
  ul.footerLinks li a:hover,
  ul.footerLinks li span.ml:hover {
    color: #333;
  }
  .headerTop ul.picLinks {
    display: none;
  }
  .headerTop ul.picLinks li {
    height: 100px;
    width: auto;
    display: block;
    float: left;
    position: relative;
  }
  .headerTop ul.picLinks li a {
    height: 100px;
    display: block;
    text-indent: -9999px;
  }
  .headerTop ul.picLinks li a.a1 {
    background: url("../images/header_pics/1.png") no-repeat left top;
    width: 90px;
  }
  .headerTop ul.picLinks li a.a2 {
    background: url("../images/header_pics/2.png") no-repeat left top;
    width: 72px;
  }
  .headerTop ul.picLinks li a.a3 {
    background: url("../images/header_pics/3.png") no-repeat left top;
    width: 80px;
  }
  .headerTop ul.picLinks li a.a4 {
    background: url("../images/header_pics/4.png") no-repeat left top;
    width: 127px;
  }
  .headerTop ul.picLinks li a.a5 {
    background: url("../images/header_pics/5.png") no-repeat left top;
    width: 129px;
  }
  .headerTop ul.picLinks li a.a6 {
    background: url("../images/header_pics/6.png") no-repeat left top;
    width: 85px;
  }
  .headerTop ul.picLinks li a.a7 {
    background: url("../images/header_pics/7.png") no-repeat left top;
    width: 100px;
  }
  .headerTop ul.picLinks li a.a8 {
    background: url("../images/header_pics/8.png") no-repeat left top;
    width: 110px;
  }
  .headerTop ul.picLinks li a.a1:hover,
  .headerTop ul.picLinks li a.a1active {
    background: url("../images/header_pics/1a.png") no-repeat left top;
  }
  .headerTop ul.picLinks li a.a2:hover,
  .headerTop ul.picLinks li a.a2active {
    background: url("../images/header_pics/2a.png") no-repeat left top;
  }
  .headerTop ul.picLinks li a.a3:hover,
  .headerTop ul.picLinks li a.a3active {
    background: url("../images/header_pics/3a.png") no-repeat left top;
  }
  .headerTop ul.picLinks li a.a4:hover,
  .headerTop ul.picLinks li a.a4active {
    background: url("../images/header_pics/4a.png") no-repeat left top;
  }
  .headerTop ul.picLinks li a.a5:hover,
  .headerTop ul.picLinks li a.a5active {
    background: url("../images/header_pics/5a.png") no-repeat left top;
  }
  .headerTop ul.picLinks li a.a6:hover,
  .headerTop ul.picLinks li a.a6active {
    background: url("../images/header_pics/6a.png") no-repeat left top;
  }
  .headerTop ul.picLinks li a.a7:hover,
  .headerTop ul.picLinks li a.a7active {
    background: url("../images/header_pics/7a.png") no-repeat left top;
  }
  .headerTop ul.picLinks li a.a8:hover,
  .headerTop ul.picLinks li a.a8active {
    background: url("../images/header_pics/8a.png") no-repeat left top;
  }
  .headerBottom {
    margin: 10px auto;
    width: 100%;

  }
  .headerBottom .ticker {
    width: 178px;
    padding: 10px 7px 5px 4px;
    background: url(../images/ticker_bg.jpg) no-repeat left top;
    margin: 0 auto;
  }
  .headerBottom .ticker ul {
    width: 178px;
    height: 20px;
    overflow: hidden;
    display: block;
    background: none;
  }
  .headerBottom .ticker li {
    width: 178px;
    height: 20px;
    padding-top: 4px;
    overflow: hidden;
    display: block;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .headerBottom ul {
    list-style-type: none;
    list-style-position: inside;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  .burger {
    position: relative;
    top: -29px;
    left: 15px;
  }
  .burger img {
    width: 30px;
    height: auto;
  }
  ul#mobile {
    max-height: 0;
    overflow: hidden;
    margin-top: -20px;
    transition: max-height .25s ease-in-out;
    -moz-transition: max-height .25s ease-in-out;
    -webkit-transition: max-height .25s ease-in-out;
  }
  ul#mobile li a,
  ul#mobile li a:hover {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
  }
  ul#mobile li a img {
    display: none;
  }
  ul#mobile.active {
    max-height: 1000px;
  }
  .headerBottom li {
    width: 100%;
    display: block;
    position: relative;
  }
  .headerBottom li a,
  .headerBottom li span.ml {
    width: 100%;
    display: block;
    text-align: center;
    padding: 15px 0;
  }
  .grayBar {

    height: 67px;
    margin: 10px 15px 0;
    position: relative;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #717171;
  }
  .grayBar input.fastSearch {
    display: block;
    width: 100%;
    padding: 3px 3px 3px 5px;
    position: relative;
    border: 1px solid #3D4255;

  }
  .grayBar div.searchBtn {
    position: relative;
    text-align: center;
    padding: 2px 0 0;
    width: 92px;
    height: 19px;
    margin: 0 auto;
    border: none;
    color: #3D4255;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
    top: 40px;
    border: 1px solid #3D4255;

  }
  #submit {
   float: right;
      width:29%;
      border: 1px solid #3D4255;
      margin: 0;
      top: -20px !important;

  }
  #searchForm {
    position: relative;
    float: left;
    width: 64%;
    text-align: left;
    top:-20px;
  }
  #searchForm p {
   margin: 0;
  }
  .grayBar .searchBtnL {
    display: none;
  }
  .grayBar .searchBtnR {
    display: none;
  }
  .grayBar div.searchBtn:hover {
    color: #3D4255;
  }
  .grayBar .desc,
  .sortBar .desc {
    font-size: 13px;
    color: #3D4255;
    font-weight: bold;
    display: block;
    text-align: center;
    padding-top: 10px;
  }
  .grayBar .desc
   {
  display: none !important;
  }
  .grayBar .naziv {
    // display: inline-block;
    // left: -200px;
    // font-size: 13px;
    // color: #3D4255;
    // font-weight: bold;
    // padding: 6px 0 0 0;
    // position: relative;
    // top: -50px;
    display: none;
  }
  .advSearch {
    position: relative;
    display: none;
    // width: 100%;
    margin: 0 15px;
    height: auto;
    overflow: hidden;
    background-color: #717171;
    // margin: -2px auto 5px;
    transition: display .25s ease-in-out;
    -moz-transition: display .25s ease-in-out;
    -webkit-transition: display .25s ease-in-out;
  }
  .advSearch.fast {
    display: block;
  }
  .advSearch .top {
    margin-top: 20px;
  }
  .advSearch .round {
    display: none;
  }
  .advSearch .center {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 10px;
    color: #fff;
  }
  .advSearch .center .left {
    width: 240px;
    height: auto;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
  }
  .advSearch .center .right {
    width: 240px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
  }
  .advSearch .center .line {
    width: 100%;
    margin: 0 0 5px;
  }
  .advSearch .center .line label {
    clear: none;
    display: block;
    width: 100px;
    margin: 5px 0 5px 0;
  }
  .advSearch .center .line label.cena {
    display: block;
    width: 20px;
    margin: 5px 0;
    text-align: center;
  }
  .advSearch .center .line input,
  .advSearch .center .line select {
    padding: 0;
    width: 300px;
    margin: 0 0 0;
  }
  .advSearch .center .line select.cena {
    width: 300px;
    margin: 0 10px 0 0;
    height: 20px;
  }
  .advSearch .center a.prikazi {
    position: relative;
    margin: 15px auto 5px;
    display: block;
    clear: both;
    width: 200px;
    height: 32px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #000;
  }
  .advSearch .center .prikaziLoader {
    position: relative;
    margin: 5px auto;
    display: block;
    clear: both;
    width: 200px;
    height: 32px;
    text-align: center;
  }
  .advSearch .center a.prikazi:hover {
    color: #000;
    text-transform: none;
  }
  .advSearch .center a.prikazi .c {
    padding-top: 8px;
    height: 24px;
    width: 195px;
    position: relative;
    background-color: #fff;
    border: 1px solid #000;
  }
  .advSearch .center a.prikazi .l {
    display: none;
  }
  .advSearch .center a.prikazi .r {
    display: none;
  }
  .advSearch .center a.prikazi img {
    display: none !important;
  }
  .sortBar {
    // width: 300px;
    background: #717171;
    margin: 10px 15px 0;
    position: relative;
    font-weight: bold;
  }
  .sortBy {
    margin: 10px 0;
    display: block;
    text-align: center;
    color: #fff;
    padding-bottom: 10px;
  }
  .showCount {
    color: #fff;
    margin: 10px 0;
    display: block;
    text-align: center;
  }
  .breadcrumbs {
    height: auto;
    overflow: hidden;
    margin: 6px auto -5px;
    padding: 0 15px;
  }
  .breadcrumbs .leftCol,
  .breadcrumbs h1.leftCol {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 16px;

  }
  .breadcrumbs .trail {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: left;
    padding: 5px 0 0 0;

  }
  .breadcrumbs .trail a:hover {
    color: #3D4255;
  }
  .content {
    width: 100%;
    height: auto;
    overflow: hidden;
    color: #3d4255;
    margin-top: 10px;
  }
  .leftCol {
    // width: 100%;
    height: auto;
    overflow: hidden;
      padding: 0 15px;
  }
  .centerCol {
    // width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0 15px;
    margin-top: -10px;

  }
  .centerColWide {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 5px;
  }
  .rightCol {
    // width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0 15px;
  }
  .sideBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    // max-width: 300px;
    margin: 0 auto 10px;
    text-align: center;
    position: relative;
  }
  .sideBox .title {
    height: 22px;
    color: #fff;
    background: #717171;
    position: relative;
    cursor: pointer;
  }
  .sideBox .title .leftCorner {
    display: none;
  }
  .sideBox .title .rightCorner {
    display: none;
  }
  .sideBox .title .center {
    padding-top: 5px;
    height: 17px;
    overflow: hidden;
    margin: 0 auto;
    font-weight: bold;
  }
  /* Triangle indicator for expandable sections (Muzički instrumenti, Proizvođači) */
  .sideBox .title.hideProducts::after,
  .sideBox .title.hideProizvodjac::after,
  .sideBox .title.hideManufacture::after {
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #fff;
    transition: transform 0.25s ease-in-out;
  }
  .sideBox .title.hideProducts.expanded::after,
  .sideBox .title.hideProizvodjac.expanded::after,
  .sideBox .title.hideManufacture.expanded::after {
    transform: translateY(-50%) rotate(90deg);
  }
  .sideBox .boxContent {
    padding: 5px;
    height: auto;
    margin: 0;
    // width: 288px;
    border: 1px solid #8c99a9;
    border-top: none;
    border-bottom: 4px solid #8c99a9;
    overflow: hidden;
  }
  .sideBox ul {
    list-style-type: none;
    list-style-position: inside;
    padding: 0;
    height: auto;
    margin: 0;
    // width: 298px;
    border: 1px solid #8c99a9;
    border-top: none;
    border-bottom: 4px solid #8c99a9;
    overflow: hidden;
    max-height: 0;
    transition: max-height .25s ease-in-out;
    -moz-transition: max-height .25s ease-in-out;
    -webkit-transition: max-height .25s ease-in-out;
  }
  .sideBox ul.expanded {
    max-height: 4400px;
    overflow: auto;
  }
  .sideBox li {
    // width: 278px;
    height: auto;
    background: #f0f0f0;
    border-bottom: 1px solid #8c99a9;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 4px 10px;
    // float: left;
    cursor: pointer;
    cursor: hand;
    text-align: left;
  }
  .sideBox li a,
  .sideBox li span.ml {
    text-decoration: none;
    margin: 0;
    padding: 0;
  }
  .sideBox li:hover a,
  .sideBox li:hover span.ml,
  .sideBox li:hover span {
    color: #3D4255;
    text-decoration: none;
  }
  .sideBox li span {
    padding-left: 3px;
  }
  .sideBox li.ostalo {
    display: none;
  }
  .fb_iframe_widget {
    // display: block !important;
    // text-align: center;
    // width: 300px;
    // margin-bottom: 20px;
    // margin: 0 auto 20px;
    display: none !important;
  }
  .tabbedBar {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
  }
  .tabbedBar select {
    width: 300px !important;
    padding: 0;
    width: 300px;
    margin: 10px auto;
    display: block;
  }
  .tabbedBar .tabs {
    width: 100%;
    overflow: hidden;
    text-align: center;
  }
  .tabbedBar .tabs div.button {
    display: block;
    overflow: hidden;
    color: #3D4255;
    font-weight: bold;
    letter-spacing: 1px;
    cursor: pointer;
  }
  .tabbedBar .tabs div.button .left {
    display: none;
  }
  .tabbedBar .tabs div.button .right {
    display: none;
  }
  .tabbedBar .tabs div.button .center {
    padding: 8px 5px 0;
  }
  .tabbedBar .tabbedContent {
    height: 201px;
    width: 320px;
    border: 1px solid #8c99a9;
    border-bottom: 5px solid #8c99a9;
    position: relative;
    margin: 0 auto;
  }
  .tabbedBar .tabbedContent a.arrows {
    width: 16px;
    height: 130px;
    display: block;
    position: absolute;
  }
  .tabbedBar .tabbedContent a.lArrow {
    top: 35px;
    left: 4px;
    background: url(../images/tabbed_arrow_l.gif) no-repeat 0 0;
  }
  .tabbedBar .tabbedContent a.lArrow:hover {
    background: url(../images/tabbed_arrow_l.gif) no-repeat 0 0;
  }
  .tabbedBar .tabbedContent a.rArrow {
    top: 35px;
    right: 4px;
    background: url(../images/tabbed_arrow_r.gif) no-repeat 0 0;
  }
  .tabbedBar .tabbedContent a.rArrow:hover {
    background: url(../images/tabbed_arrow_r.gif) no-repeat 0 0;
  }
  .tabbedBar .tabbedContent .items {
    width: 270px;
    height: 191px;
    display: block;
    position: absolute;
    top: 4px;
    left: 24px;
    overflow: hidden;
    border: 1px solid #8c99a9;
    padding: 0;
    right: 24px;
    margin: 0 auto;
  }
  .tabbedBar .tabbedContent .items ul {
    width: 100%;
    height: 191px;
    display: block;
    position: absolute;
    overflow: hidden;
    list-style-type: none;
    list-style-position: inside;
    padding: 0;
    margin: 0;
  }
  .tabbedBar .tabbedContent .items ul li.oneItem {
    width: 135px;
    height: 193px;
    display: block;
    float: left;
    border-right: 1px solid #8c99a9;
    padding: 0;
    margin: 0;
    text-align: center;
    cursor: pointer;
    cursor: hand;
  }
  .tabbedBar .tabbedContent .items ul li.oneItem a.img {
    width: 133px;
    height: 100px;
    display: block;
    margin-top: 4px;
  }
  .tabbedBar .tabbedContent .items ul li.oneItem .pTitle {
    height: auto;
    width: 125px;
    float: left;
    margin: 5px 5px 0;
    text-align: center;
    font-weight: bold;
    height: 30px;
    overflow: hidden;
  }
  .tabbedBar .tabbedContent .items ul li.oneItem .price {
    width: 133px;
    height: auto;
    overflow: hidden;
    text-align: center;
    float: right;
    padding-top: 10px;
  }
  .tabbedBar .tabbedContent .items ul li.oneItem .price a {
    color: #9f090f;
    font-weight: bold;
    font-size: 14px;
    display: block;
    text-align: center;
  }
  .tabbedBar .tabbedContent .items ul li.oneItem a.eur {
    font-weight: bold;
    font-size: 12px;
  }
  h3.aTeaser {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0;
  }
  .signup label {
    width: auto;
    text-align: left;
    padding: 0;
    margin: 0;
    padding-top: 2px;
    display: inline-block;
  }
  .signup label.error {
    width: 170px;
    text-align: right;
    clear: both;
    height: 12px;
    padding: 0;
    margin: 0;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .signup input#sigEmail {
    width: 180px;
    padding: 1px 2px;
    border: 1px solid #bcbfcc;
    display: inline-block;
  }
  .signup input#sigSubmit {
    width: 131px;
    height: 17px;
    clear: both;
    margin-top: 3px;
    margin-bottom: 5px;
    border: none;
    font-size: 10px;
    background-color: #fff;
    cursor: pointer;
  }
  .signup .input_text {
    padding: 10px 0;
    overflow: hidden;
    text-align: center;
  }
  .catPicsBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 5px;
    margin: 0 auto 5px;
    font-size: 0;
    text-align: center;
  }
  .catPicsBox .oneBox {
    width: 145px;
    height: 96px;
    // margin: 0 2.5px 5px 2.5px;
    display: inline-block;
    margin-bottom: 5px;
  }
  .catPicsBox .lastBox {
    margin-right: 0;
  }
  .catPicsBox .oneBox .title {
    height: 22px;
    width: 145px;
    margin: 0 auto;
    color: #fff;
    position: relative;
    overflow: hidden;
    font-size: 11px;
    background-color: #717171;
  }
  .catPicsBox .oneBox .title .leftCorner {
    display: none;
  }
  .catPicsBox .oneBox .title .rightCorner {
    display: none;
  }
  .catPicsBox .oneBox .title .text {
    width: 135px;
    padding: 5px 0 0 10px;
    height: 17px;
    overflow: hidden;
    margin: 0 auto;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
  }
  .catPicsBox .oneBox .title .gradient {
    width: 10px;
    padding: 0;
    height: 22px;
    overflow: hidden;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/gradient.png) no-repeat left top;
  }
  .catPicsBox .lastBox .title .cornered {
    width: 10px;
    padding: 0;
    height: 22px;
    overflow: hidden;
    margin: 0;
    position: absolute;
    right: 10px;
    top: 0;
    background: url(../images/gradient.png) no-repeat left top;
  }
  .catPicsBox .oneBox .pic {
    width: 143px;
    height: 73px;
    border: 1px solid #8c99a9;
    border-top: none;
  }
  .catPicsBox .oneBox .pic img {
    width: 143px;
    height: 73px;
    border: none;
    outline: none;
  }
  .centerBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto 5px;
  }
  .centerBox .title {
    height: 22px;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    background: #717171;
    position: relative;
    text-align: center;
  }
  .centerBox .title .leftCorner {
    display: none;
  }
  .centerBox .title .rightCorner {
    display: none;
  }
  .centerBox .title .center {
    width: 100%;
    padding-top: 5px;
    height: 17px;
    overflow: hidden;
    margin: 0 auto;
    font-weight: bold;
  }
  .centerBox .boxContent {
    padding: 5px;
    height: auto;
    margin: 0;
    width: 588px;
    border: 1px solid #8c99a9;
    border-top: none;
    border-bottom: 4px solid #8c99a9;
    overflow: hidden;
  }
  .centerBoxWide {
    height: auto;
    overflow: hidden;
    padding: 0 15px;
  }
  .centerBoxWide .title {
    width: 100%;
    margin: 0 auto;
    color: #fff;
    background: #717171;
    position: relative;
    padding-bottom: 5px;
  }
  .centerBoxWide .title .leftCorner {
    display: none;
  }
  .centerBoxWide .title .rightCorner {
    display: none;
  }
  .centerBoxWide .title .center,
  .centerBoxWide .title h1.center {
    display: block;
    font-size: 12px;
    width: 100%;
    padding: 0;
    padding-top: 5px;
    overflow: hidden;
    margin: 0 auto;
    font-weight: bold;
    text-align: center;
  }
  .centerBoxWide .title .center .normal {}
  ul.navigation {
    overflow: hidden;
    list-style-type: none;
    list-style-position: inside;
    margin: 10px auto 0;
    padding: 0;
  }
  ul.navigation li {
    display: inline-block;
    margin: 0;
    padding: 0 3px 3px;
    list-style: none;
  }
  ul.navigation li a,
  ul.navigation li span.ml {
    text-decoration: none;
    padding: 0 3px;
    color: #fff;
    margin: 0;
  }
  ul.navigation li a:hover,
  ul.navigation li span.ml:hover {
    color: #fff;
  }
  ul.navigation li a.active,
  ul.navigation li span.active {
    font-weight: bold;
    color: #FF6600;
  }
  .similarProducts {
    width: 100%;
    overflow: hidden;
    margin: 20px 0 5px;
    text-align: center;
  }
  .similarProductsCat {
    margin: 10px 0 5px;
    text-align: center;
  }
  .similarProducts .head {
    height: 22px;
    width: 100%;
    color: #fff;
    background: #717171;
    position: relative;
    font-size: 12px;
    text-align: center;
  }
  .similarProducts .headCat {
    background: transparent;
    color: #3D4255;
    font-size: 14px;
  }
  .similarProducts .head .center {
    display: block;
    width: 100%;
    padding: 0;
    padding-top: 5px;
    height: 17px;
    overflow: hidden;
    margin: 0 0 0 10px;
    font-weight: bold;
  }
  .similarProducts .box {
    height: auto;
    width: 155px;
    margin: 5px 0;
    display: inline-block;
  }
  .similarProducts .boxCat {
    margin: 10px auto;
    display: inline-block;
  }
  .similarProducts .box a.img,
  .similarProducts .box span.img {
    height: 100px;
    width: 133px;
    margin: 0 auto 5px;
    text-align: center;
    display: block;
  }
  .similarProducts .box a:hover {
    color: #3D4255;
  }
  .similarProducts .box .pTitle {
    height: auto;
    width: 155px;
    float: left;
    margin: 5px 0 0;
    text-align: center;
    font-weight: bold;
    height: 30px;
    overflow: hidden;
  }
  .centerBoxWide .boxContent {
    padding: 5px;
    height: auto;
    margin: 0;
    width: 588px;
    border: 1px solid #8c99a9;
    border-top: none;
    border-bottom: 4px solid #8c99a9;
    overflow: hidden;
  }
  #search-custom-title {
    background-color: transparent;
    border-bottom: none;
  }
  #search-custom-text {
    text-align: left;
  }
  #centerMoveTop {
    margin-top: -10px;
  }
  .oneListBox {
    // width: 290px;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #8c99a9;
    position: relative;
    margin: 0 auto;
  }
  .oneListBox .listImage {
    padding: 10px;
    width: 133px;
    height: 100px;
    display: block;
    margin: 0 auto;
  }
  .oneListBox .listImage:hover {
    color: #3D4255;
  }
  .oneListBox .data {
    margin: 0 0 5px 0;
    height: auto;
    overflow: hidden;
  }
  .oneListBox .data .title {
    display: block;
    margin: 0;
    height: auto;
    background: #f0f0f0;
    border-bottom: 1px solid #8c99a9;
    overflow: hidden;
    color: #ccc;
    padding: 3px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }
  .oneListBox .data .title a {
    color: #3d4255;
  }
  .oneListBox .data .title a:hover {
    color: #3d4255;
  }
  .oneListBox .data .description {
    height: auto;
    overflow: hidden;
    padding: 3px;
    font-size: 12px;
  }
  .oneListBox .data .description .price,
  .similarProducts .box .price {
    width: 165px;
    height: auto;
    overflow: hidden;
    text-align: center;
    padding-top: 10px;
    margin: 0 auto;
  }
  .oneListBox .data .description .price a,
  .oneListBox .data .description .price span.ml,
  .similarProducts .box .price a,
  .similarProducts .box .price span.ml {
    color: #9f090f;
    font-weight: bold;
    font-size: 14px;
    display: block;
    text-align: center;
    margin: 5px 0;
  }
  .oneListBox .data .description .price a.eur,
  .oneListBox .data .description .price span.eur,
  .similarProducts .box .price a.eur,
  .similarProducts .box .price span.eur {
    font-weight: bold;
    font-size: 12px;
  }
  .oneListBox .data .description .price a.cart,
  .oneListBox .data .description .price span.cart,
  .similarProducts .box .price a.cart,
  .similarProducts .box .price span.cart {
    width: 131px;
    height: 28px;
    display: block;
    background: #4d4c5c url(../images/korpa_mala.jpg) no-repeat left top;
    margin: 5px auto 0;
  }
  .oneListBox .data .description .text {
    margin-top: 10px;
    height: auto;
    overflow: hidden;
    text-align: center;
  }
  .oneListBox .data .description .text a,
  .oneListBox .data .description .text span.ml {
    margin-left: 5px;
    text-decoration: underline;
  }
  .oneListBox .data .description .text a:hover {
    color: #3D4255;
    text-decoration: underline;
  }
  .oneListBox .proizvodjaciTag {
    width: 47px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding-top: 7px;
    height: 27px;
    left: 0;
    top: 0;
    position: absolute;
    background: url(../images/proizvodjaci_tag.png) no-repeat left top;
  }
  .dummyBox {
    width: 100%;
    height: 240px;
  }
  .centerBoxFull {
    height: auto;
    overflow: hidden;
    margin-top: 15px;
    padding: 0 15px;
  }
  .centerBoxFull .title {
    height: auto;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    background: #4d4c5c;
    position: relative;
    text-align: center;
  }
  .centerBoxFull .title .leftCorner {
    display: none;
  }
  .centerBoxFull .title .rightCorner {
    display: none;
  }
  .centerBoxFull .title .center {
    display: block;
    font-size: 20px;
    height: auto;
    overflow: hidden;
    width: 100%;
    padding: 5px 0;
    overflow: hidden;
    margin: 0 auto;
    font-weight: bold;
  }
  .centerBoxFull .boxContent {
    padding: 5px;
    height: auto;
    margin: 0;
    width: 588px;
    border: 1px solid #8c99a9;
    border-top: none;
    border-bottom: 4px solid #8c99a9;
    overflow: hidden;
  }
  .galerija {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
  }
  .galerija a img {
    padding: 3px;
    border: 1px solid #8c99a9;
    margin: 5px;
    width: 170px;
    height: 128px;
    display: inline-block;
  }
  .kontaktLine {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 10px 0 7px;
    border-bottom: 1px solid #c0c3cf;
    position: relative;
  }
  .kontaktLine a img {
    padding: 3px;
    border: 1px solid #8c99a9;
    margin: 5px auto;
    width: 170px;
    height: 128px;
    display: block;
    text-align: center;
    margin-top: 60px;

  }
  .kontaktLine .right {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .kontaktLine .right .tBar {
    height: 25px;
    padding-top: 13px;
    font-size: 18px;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #c0c3cf;
    position: absolute;
    text-align: center;
    top: 0px;
   z-index: 2;
   left: 0;
   right: 0;

  }
  .kontaktLine .right .tBar a.detaljnije {
    font-size: 12px;
  }
  .kontaktLine .right .tBar span.lokacija {
    display: none;
  }
  .kontaktLine .right .text {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 12px;
    font-weight: bold;
    margin: 10px auto;
    text-align: center;
  }
  .kontaktLine .right .text .tag {
    color: #cb6a02;
    font-size: 16px;
    font-weight: normal;
  }
  .kontaktLine .right .text a {
    color: #777;
  }
  .sidebarURL {
    display: block;
    height: auto;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
  .sidebarURL img {
    margin: 0;
    padding: 0;
  }
  .kontaktLine .right a.map {}
  .kontaktLine .right a.map img {
    padding: 3px;
    border: 1px solid #8c99a9;
    margin: 5px auto;
    width: 188px;
    height: 85px;
    display: block;
  }
  .personLine {
    width: 100%;
    overflow: hidden;
  }
  .personLine img {
    padding: 3px;
    border: 1px solid #8c99a9;
    margin: 5px auto;
    width: 90px;
    height: 90px;
    display: block;
  }
  .personLine .text {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0;
    text-align: center;
  }
  .personLine .text .tag {
    color: #cb6a02;
    font-size: 16px;
    font-weight: normal;
  }
  .personLine .text a {
    color: #777;
  }
  .banners {
    height: auto;
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  .oneArea {
    overflow: hidden;
    width: 100%;
    height: auto !important;
    margin: 5px 0 0;
    position: relative;
  }
  .oneArea div {
    overflow: hidden;
    text-align: center;
    position: relative !important;
    height: auto !important;
    width: 100% !important;
  }
  .oneArea div p {
    text-align: left;
    margin: 0;
    padding: 0;
  }
  .oneArea div img {
    width: 100%;
  }
  .oneArea div span {
    display: none;
  }
  .footerAddresses {
    width: 100%;
    margin-bottom: 20px;
  }
  .footerAddresses .floats {
    width: 139px;
    text-align: center;
    margin: 10px auto;
  }
  .footerAddresses h3 {
    font-size: 13px;
    color: #ff6600;
    margin: 0;
    padding: 0;
    margin-top: 7px;
  }
  .footerAddresses p {
    color: #000;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
  }
  .footerAddresses p a {
    margin: 0;
    padding: 0;
  }
  .cParagraph {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 10px auto;
  }
  img.akcija {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .pDescription {
    height: auto;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
  }
  .pDescription .images {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .pDescription .images .mainImg {
    width: 100%;
    height: auto;
    margin: 10px 0 5px;
  }
  .pDescription .images .mainImg img {
    width: 100% !important;
    height: auto !important;
  }
  .pDescription .images .note {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 5px;
    text-align: center;
    color: #c2c4c7;
    font-size: 11px;
  }
  .pDescription .images ul.thumbs {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    list-style-type: none;
    list-style-position: inside;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  .pDescription .images ul.thumbs li {
    display: inline-block;
    height: 72px;
    width: 97px;
    margin: 0 1px 3px 1px;
  }
  .pDescription .images ul.thumbs li a {
    display: block;
    height: 66px;
    width: 91px;
    border: 1px solid #c2c4c7;
    margin: 0;
    padding: 2px;
  }
  .pDescription .images ul.thumbs li a:hover {
    border: 1px solid #000;
  }
  .youtube {
    width: 100%;
    text-align: center;
    margin-top: 5px;
  }
  #podeli1 {
    text-align: center;
    margin: 15px auto 10px !important;
    float: none !important;
  }
  #podeli2 {
    text-align: center;
    margin: 15px auto 10px!important;
    float: none !important;
  }
  .pDescription .description {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 10px 5px 10px 0;
    color: #3D4255;
  }
  .pDescription .description .top {
    height: auto;
    overflow: hidden;
    width: 100%;
  }
  .pDescription .description .leftTop {
    height: auto;
    overflow: hidden;
    width: 100%;
    text-align: center;
  }
  .pDescription .description .leftTop .priceBig {
    font-size: 20px;
    font-weight: bold;
    color: #802f2f;
    margin-bottom: 3px;
  }
  .pDescription .description .leftTop .priceBig div{
  display: block;
  float: none !important;
  width: auto !important;
  }
  .pDescription .description .leftTop .priceBig span{
  display: block;
  }
  .pDescription .description .leftTop .priceBigNasa {
    font-size: 14px;
    font-weight: bold;
    color: #802f2f;
    margin: 0;
    line-height: 100%;
  }
  .pDescription .description .leftTop .priceSmall {
    font-size: 14px;
    font-weight: bold;
    color: #802f2f;
  }
  .pDescription .description .leftTop .priceExport {
    font-size: 12px;
    font-weight: bold;
  }
  .pDescription .description .leftTop .bojaSelect {
    margin: 10px 0 5px;
  }
  .pDescription .description .leftTop .basket {
    display: block;
    margin: 10px 0;
  }
  .pDescription .description .rightTop {
    height: auto;
    overflow: hidden;
    width: 175px;
    text-align: center;
    margin: 0 auto;
  }
  .pDescription .description .rightTop a.pLogo {
    height: 100px;
    width: 133px;
    display: block;
    margin: 0 auto;
  }
  .pDescription .description .rightTop a.link {
    height: auto;
    display: block;
    width: 100%;
    text-align: center;
    color: #c2c4c7;
    text-decoration: underline;
    font-size: 11px;
  }
  .pDescription .description .rightTop a.link:hover {
    color: #c2c4c7;
  }
  .pDescription .description .otherOptions {
    clear: both;
    height: auto;
    overflow: hidden;
    padding-top: 10px;
    text-align: center;
  }
  .pDescription .description .otherOptions .row {
    height: auto;
    overflow: hidden;
    margin-bottom: 15px;
  }
  .pDescription .description .otherOptions .option {
    float: none !important;
    width: auto !important;
    height: auto;
    overflow: hidden;
  }
  .pDescription .description .otherOptions a {
    background: url(../images/arrow.jpg) no-repeat 0 2px;
    padding-left: 10px;
    font-weight: bold;
  }
  .pDescription .description .otherOptions a:hover {
    color: #3D4255;
  }
  .hiddenMenu {
    display: none;
    height: auto;
    overflow: hidden;
  }
  .pDescription .description h3 {
    font-size: 16px;
    margin: 5px 0;
    padding: 0;
    text-align: center;
  }
  .pDescription .description .text {
    font-size: 12px;
    padding: 0;
    margin: 0;
    height: auto;
    overflow: hidden;
  }
  .pDescription .description .text ul {
    padding-left: 15px;
  }
  .requiredFields {
    font-size: 12px;
    color: #9F090F;
  }
  label {
    clear: both;
    display: block;
    width: 100%;
    margin: 10px 0 2px;
  }
  .cParagraph input,
  textarea {
    width: 400px;
  }
  input.submitForm {
    width: 100px;
  }
  label.error {
    margin: 2px 0 5px;
    color: #9F090F;
  }
  input.error {
    background-color: #f7b1b4;
  }
  .uInfo {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 10px;
  }
  .uInfo .headers {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 0 3px 0;
    background: #8C99A9;
    color: #fff;
    padding: 5px;
  }
  .uInfo .lines {
    clear: both;
    background-color: #eee;
    height: auto;
    overflow: hidden;
    padding: 5px;
    margin: 2px auto;
  }
  .uInfo .lines .before {
    text-align: center;
    margin: 5px 0;
  }
  .uInfo .lines .before strong {
    margin: 0 0 5px 0;
    display: block;
  }
  .uInfo .lines .before a {
    color: #C36422;
    text-decoration: underline;
  }
  .popup .content {
    margin: 0;
  }
  .modal {
    width: 370px;
    height: auto;
    overflow: hidden;
    padding-bottom: 10px;
    background-color: #eee;
  }
  .modal .head {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 0 10px 0;
    background: #8C99A9;
    color: #fff;
    padding: 5px;
    font-weight: bold;
  }
  .modal .forgot {
    font-size: 11px;
    text-align: center;
    color: #8C99A9;
  }
  .modal .forgot a {
    text-decoration: underline;
    color: #8C99A9;
  }
  .modal .lines {
    clear: both;
    background-color: #eee;
    height: auto;
    overflow: hidden;
    padding: 5px;
    margin: 2px 0;
  }
  .modal label,
  .register div.label {
    text-align: right;
    width: 85px;
    float: left;
    clear: both;
    height: 20px;
    margin: 4px 5px 5px 0;
  }
  .modal label.error {
    text-align: center;
    width: 100%;
    clear: both;
    height: 20px;
    margin: -5px 5px 5px 0;
    display: block;
  }
  .modal div.ie {
    height: auto;
    overflow: hidden;
    clear: both;
  }
  .modal input {
    width: 180px;
    float: left;
    height: 14px;
    margin-bottom: 5px;
    display: block;
  }
  .modal div.input {
    width: 180px;
    float: left;
    height: 16px;
    margin: 3px 5px 5px 0;
    font-size: 14px;
    text-align: left;
    font-weight: bold;
  }
  #dostava {
    border: 2px solid #8C99A9;
    border-collapse: collapse;
    margin: 2px 0 0;
    padding: 0;
  }
  #dostava td,
  #dostava th {
    padding: 3px 6px;
    font-weight: normal;
    border: 1px solid #8C99A9;
  }
  #dostava th {
    color: #eee;
    background: #8C99A9;
  }
  .uInfo .infoBox {
    height: auto;
    overflow: hidden;
    width: 265px;
    margin: 0 auto;
    padding: 0 !important;
  }
  .uInfo .infoBox .i {
    display: block;
    width: 13px;
    height: 14px;
    float: left;
    margin-right: 5px;
  }
  .uInfo .infoBox a.why {
    display: block;
    width: 190px;
    height: 14px;
    float: left;
    color: #C36422;
    text-decoration: underline;
  }
  .uInfo a.quest {
    color: #C36422;
    text-decoration: underline;
  }
  .uInfo .infoBox .text {
    margin-top: 5px;
  }
  .uInfo .infoBox .diff {
    font-size: 14px;
    font-weight: bold;
    color: #C36422;
  }
  .uInfo .nastavi {
    width: 218px;
    height: 42px;
    margin: 0 auto;
    background: url(../images/nastavi.png) no-repeat 0 0;
    display: block;
    text-indent: -9999px;
  }
  .uInfo .zapamti {
    width: 218px;
    height: 42px;
    margin: 0 auto !important;
    background: url(../images/zapamti.png) no-repeat 0 0;
    display: block;
    text-indent: -9999px;
    float: none !important;

  }
  .uInfo .otkazi {
    width: 218px;
    height: 42px;
    margin: 10px auto 0!important;
    background: url(../images/otkazi.png) no-repeat 0 0;
    display: block;
    text-indent: -9999px;
    float: none !important;
  }
  .korpaSadrzaj {
    width: 218px;
    height: 42px;
    margin: 0 auto;
    background: url(../images/korpa.png) no-repeat 0 0;
    display: block;
    text-indent: -9999px;
  }
  .uInfo .register {
    height: auto;
    overflow: hidden;
    width: 300px;
    margin: 0 auto;
    padding: 20px 0;
  }
  .uInfo .register h3 {
    font-size: 14px;
    margin: 0 0 10px;
    padding: 3px 5px 3px;
    display: block;
    width: 100%;
    background: #8C99A9;
    color: #fff;
  }
  .uInfo .register .inner {
    height: auto;
    overflow: hidden;
    padding: 10px;
    text-align: center;
  }
  .uInfo .register .inner form {
    margin: 0;
    padding: 0;
  }
  .uInfo .register .register {
    clear: both;
    height: auto;
    overflow: hidden;
    padding: 5px 0;
    text-align: center;
    font-size: 13px;
  }
  .uInfo .register .register a {
    text-decoration: underline;
  }
  .uInfo .register label,
  .register div.label {
    text-align: right;
    width: 85px;
    float: left;
    clear: both;
    height: 20px;
    margin: 4px 5px 5px 0;
  }
  .uInfo .register label.error {
    text-align: center;
    width: 100%;
    clear: both;
    height: 20px;
    margin: -5px 5px 5px 0;
    display: block;
  }
  .uInfo .register div.ie {
    height: auto;
    overflow: hidden;
    clear: both;
  }
  .uInfo .register input {
    width: 180px;
    float: left;
    height: 14px;
    margin-bottom: 5px;
    display: block;
  }
  .uInfo .register div.input {
    width: 180px;
    float: left;
    height: 16px;
    margin: 3px 5px 5px 0;
    font-size: 14px;
    text-align: left;
    font-weight: bold;
  }
  .uInfo .register .spaceIt {
    height: 20px;
  }
  .uInfo .register input#submit,
  .register input#izmeni,
  .register input#otkazi,
  .register input#insert {
    // display: block;
    margin: 10px auto;
    height: auto;
    // width: 100px;
    float: none;
    clear: both;
  }
  /*.korpa { width:770px; height:auto; overflow:hidden; padding-bottom:300px; }
  .korpa .headers { width:100%; height:auto; overflow:hidden; margin:3px 0; background:#8C99A9; color:#fff; }
  .korpa .headers .rows { float:left; width:100px; font-weight:bold; padding:5px; }
  .korpa .headers .row1 { width:60px; text-align:center; }
  .korpa .headers .row2 { width:410px; }
  .korpa .headers .row3 { width:80px; }
  .korpa .headers .row4 { width:140px; text-align:center; }
  .korpa .headers .row5 { width:30px; text-align:center; }
  .korpa .lines { clear:both; background-color:#eee; height:auto; overflow:hidden; padding:5px 0 0; margin:2px 0; }
  .korpa .lines .rows { float:left; width:100px; font-weight:bold; padding:5px; }
  .korpa .lines .row1 { width:60px; text-align:center; }
  .korpa .lines .row2 { width:410px; }
  .korpa .lines .row3 { width:80px; text-align:right; }
  .korpa .lines .row4 { width:140px; text-align:center; }
  .korpa .lines .row5 { width:30px; text-align:center; }
  .korpa .lines .rowNastavi { width:180px; text-align:center; }
  .korpa .lines .rows input { width:70px; margin-top:-5px; }
  .korpa .total { font-size:14px; background-color:transparent; color:#000; }*/
  table.korpa {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    margin-bottom: 0px !important;
  }
  #hideRow1{
    display: none;
  }
  table.korpa tr {
    height: auto;
    text-align: left;
  }
  table.korpa .headers {
    // width: 100%;
    // height: auto;
    // overflow: hidden;
    // margin: 3px 0;
    // background: #8C99A9;
    // color: #fff;
    display: none;
  }
  table.korpa .headers .rows {
    float: left;
    width: 100px;
    font-weight: bold;
    padding: 5px;
  }
  // table.korpa .headers .row1 {
  //   width: 30px;
  //   text-align: center;
  // }
  // table.korpa .headers .row2 {
  //   width: 50px;
  // }
  // table.korpa .headers .row3 {
  //   width: 50px;
  //   text-align: center;
  // }
  // table.korpa .headers .row4 {
  //   width: 30px;
  //   text-align: center;
  // }
  // table.korpa .headers .row5 {
  //   width: 30px;
  //   text-align: center;
  // }
  table.korpa .lines {
    background-color: #eee;
    padding: 5px 0 0;
    border-top: 10px solid #fff;
  }
  table.korpa .lines .rows {
    // width: 100px;
    font-weight: bold;
    padding: 5px;
    display: block;
    border-bottom: 1px solid #fff;
  }
  table.korpa .lines .rows:before {
    float: left;
    content: attr(data-label);
    text-transform: uppercase;
    font-weight: bold;
    min-width: 65px;
    padding-right: 10px;
  }
  table.korpa .lines .row1 {
    // width: 60px;
    // text-align: center;
  }
  table.korpa .lines .row2 {
    // width: 410px;
  }
  table.korpa .lines .rowImg {
    // width: 65px;
  }
  table.korpa .lines .rowImg img {
    border: 2px solid #fff;
  }
  table.korpa .lines .rowTitle span {
    display: inline-block;
    width: 210px;
  }
  table.korpa .lines .row3 {
    // width: 80px;
    // text-align: right;
    line-height: normal !important;
    text-align: left !important;
  }
  table.korpa .lines .row4 {
    // width: 140px;
    // text-align: center;
  }
  table.korpa .lines .row5 {
    // width: 30px;
    // text-align: center;
  }
  table.korpa .total .row1,
  table.korpa .total .row2 {
    display: none;
  }
  table.korpa .lines .rowNastavi {
    text-align: center;
    margin-top: -20px;
  }
  table.korpa .lines .rows input {
    width: 70px;
  }
  table.korpa .total {
    font-size: 14px;
    background-color: transparent;
    color: #000;
  }
  table.korpa .total .resetText {
    font-size: 12px;
    background-color: transparent;
    color: #555;
    font-weight: normal;
  }
  table.korpa .lines .rowNastavi .error {
    color: #FF0000;
    text-align: center;
  }
  .aDostava {
    margin: 20px 0 5px 5px;
  }
  .aDostava a {
    color: #C36422;
    text-decoration: underline;
  }
  .dostava {
    display: none;
    overflow: hidden;
    height: auto;
    margin-left: 5px;
  }
  .tDostava {
    border: 2px solid #8C99A9;
    margin: 0 auto;
    padding: 0;
    border-collapse: collapse;
  }
  .tDostava td {
    border: 1px solid #8C99A9;
    padding: 5px;
    display: block;
    font-size: 0;
  }
  .tDostava td.grey {
    background-color: #EEE;
    display: none;
  }
  .tDostava td:before {
    margin: 0 auto;
    text-align: center;
    content: attr(data-label);
    font-size: 12px;
  }
  .adminEdit {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 16px;
    height: 16px;
    float: left;
    display: block;
    text-indent: -9999px;
    background: url(../images/icon_admin.png) no-repeat left top;
  }
  .xls {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 32px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/xls.png) no-repeat left top;
  }
  .xls2 {
    position: absolute;
    top: 42px;
    right: 5px;
    width: 32px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/xls2.png) no-repeat left top;
  }
  .xls3 {
    position: absolute;
    top: 79px;
    right: 5px;
    width: 32px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/xls3.png) no-repeat left top;
  }
  h1.akcija {
    font-size: 18px;
    font-weight: bold;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding-bottom: 5px;
  }
  h2.faq {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 10px 0 5px;
  }
  h2.orange {
    color: #FF6600;
  }
  .feedback p {
    margin: 0 0 5px 0;
    padding: 0;
  }
  .feedback form {
    text-align: center;
  }
  .feedback textarea {
    width: 230px;
    height: 100px;
    margin: 0;
    padding: 10px;
  }
  .feedback input {
    width: 250px;
    margin: 0;
    padding: 0;
  }
  .feedback input.submit {
    width: auto;
    margin: 10px 0 0;
    padding: 0;
  }
  h2.feedback {
    font-size: 12px;
    font-weight: bold;
    padding: 15px 0 5px;
    margin: 0;
  }
  .uplatnica {
    width: 940px;
    height: 399px;
    position: relative;
    background: url(../images/uplatnica.jpg) no-repeat left top;
    font-size: 16px;
  }
  .uplatnica p {
    margin: 0;
    padding: 0;
  }
  .uplatnica .uplatilac {
    position: absolute;
    top: 57px;
    left: 30px;
    width: 410px;
    height: 60px;
  }
  .uplatnica .svrha {
    position: absolute;
    top: 170px;
    left: 30px;
    width: 410px;
    height: 60px;
  }
  .uplatnica .primalac {
    position: absolute;
    top: 242px;
    left: 30px;
    width: 410px;
    height: 60px;
  }
  .uplatnica .iznos {
    position: absolute;
    top: 81px;
    left: 695px;
    width: 410px;
    height: 22px;
  }
  .uplatnica .racun {
    position: absolute;
    top: 138px;
    left: 599px;
    width: 410px;
    height: 22px;
  }
  .uplatnica .pozivnabroj {
    position: absolute;
    top: 194px;
    left: 599px;
    width: 410px;
    height: 22px;
  }
  .qs_results {
    top: 240px;
    position: absolute;
    width: 300px;
    height: auto;
    overflow: hidden;
    z-index: 99999;
    display: none;
    margin: 0 auto;
    right: 0;
    left: 0;
  }
  .qs_results .qs {
    width: 298px;
    padding: 0 0 3px 0;
    background-color: #f3f3f3;
    border: 1px solid #3D4255;
    height: auto;
    overflow: hidden;
  }

  .qs_results .qsShadow {
    display: none;
  }

  .qs_results .grayBar {
    width: 298px;
    height: 28px;
    margin: 3px auto;
    position: relative;
    display: none;
  }

  .qs_results .grayBar .desc {
    position: absolute;
    left: 10px;
    top: 6px;
    font-size: 13px;
    color: #3D4255;
    font-weight: bold;
  }

  .qs_results .title {
    height: 22px;
    width: 298px;
    margin: 0 auto;
    color: #fff;
    background-color: #3D4255;
    position: relative;
  }

  .qs_results .title .center {
    display: block;
    font-size: 12px;
    padding: 5px 0 0 10px;
    height: 17px;
    overflow: hidden;
    margin: 0 auto;
    font-weight: bold;
  }

  .qs_results ul {
    width: 298px;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
  }

  .qs_results li {
    margin: 0px;
    padding: 5px 10px;
    cursor: default;
    display: block;
    font-size: 12px;
    overflow: hidden;
    color: #3d4255;
    width: 280px;
    position: relative;
  }

  .qs_results li .cutter {
    display: none;
  }

  .qs_results li.over {
    background-color: #d8d8d8;
  }

  .qs_results strong {
    color: #0546a0;
    border-bottom: 1px dashed #0546a0;
    font-weight: bold;
  }
}

.subCats {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}

.subCats .title {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 14px;
  padding: 10px 0;
  font-style: italic;
}

.subCats .oneRow {
  width: 100%;
  height: auto;
  overflow: hidden;
  clear: both;
}

.subCats .oneThird {
  width: 198px;
  height: auto;
  overflow: hidden;
  margin: 0 auto 5px;
}

.subCats .oneThird h2 {
  font-size: 14px;
  margin: 5px 0;
  padding: 0;
}

.subCats .oneThird ul {
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
}

.subCats .oneThird li {
  margin: 10px 0;
  padding: 0;
  line-height: 20px;
}

.subCats .oneThird h2 a:hover,
.subCats .oneThird li a:hover {
  color: #3d4255;
}

.aktuelnostiContent a,
.cat_opis a {
  text-decoration: underline;
}

.fpListing {
  border-top: 1px solid #8C99A9;
  // padding: 0 20px;
}

// .fpListing .oneListBox .data {
//   width: 100%;
// }

// .fpListing .oneListBox .data .title {
//   width: 100%;
// }

// .fpListing .oneListBox .data .description {
//   width: 100%;
// }

// .fpListing .oneListBox .data .description .text {
//   width: 100%;
// }

#statPeriod,
#dateFrom {
  font-size: 10px;
}

.newpass_success {
  text-align: center;
  margin-top: 20px;
}

.newpass_success a {
  text-decoration: underline;
}


}