/* Nightfever Responzivní Kostra 2015v1 */
/*
Červená   #e2001a
oranžová  #f56e00
        */
@-webkit-viewport {width:device-width;}
@-moz-viewport {width:device-width;}
@-ms-viewport {width:device-width;}
@-o-viewport {width:device-width;}
@viewport {width:device-width;}

body {margin: 0 0 8px; text-align: center; color:#ffffff; background: #1b1b1b;
      font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 14px; letter-spacing: -0.2px; margin:0;}
.bold{font-weight: 700; letter-spacing: 0px;}
.clearBoth {clear:both;}
a {color:white; text-decoration:none;}

#obalovac {min-width: 100%; width: auto; }
#obal {max-width: 1230px; width: 1230px; margin: 0 auto; background: #1a1a1a; text-align: left; box-shadow: 0 0 100px black}
/*#obal:before {content:"R00 vše větší než první breakpoint"}*/

#hlavicka {}
#hlavickaLogo {position:relative;}
#rightAd {position: absolute; background: transparent url(../images/HAL3000-doporucuje-windows11.png) no-repeat 0px 0px; height: 85px; width: 376px; right: 10px; top: 1px;}
#hlavickaMenu {width:100%; background:black; float:left;}
#hlavickaMenu ul {float: left;  margin: 0 20px 0 0;  padding: 0;}
#hlavickaMenu li {float: left;  list-style: none; padding: 20px 0px 20px 20px;}
#hlavickaMenu li.active a span {border-bottom: 3px solid #c60a1b; padding: 0 0 5px;}
#hlavickaMenu li a {text-transform:uppercase; padding:0 20px 0 0; border-right:1px solid gray; font-size: 15px; font-weight: 400; transition: color 0.2s ease-in 0s;}
#hlavickaMenu li a:hover {color: #c60a1b;}
#hlavickaMenu li:last-child a {border:none;}
.anniversary a span {  color: #fc2020; font-weight: 700; filter: drop-shadow(0 0 6px black);}
.anniversary:hover a span {border-bottom: 3px solid #c60a1b;}
#hlavickaMenu div#hlavickaHledej {float:right; margin: 13px 0 0; background: #3d3d3d;}
#hlavickaHledej input{background:#3d3d3d; color:white; border:none; padding: 6px; float:left;}
input#frm-searchForm-search { padding: 7px 6px 6px;}
*::-webkit-input-placeholder { color: #aaa;}
*:-moz-placeholder { color: #aaa;}
*::-moz-placeholder { color: #aaa;}
*:-ms-input-placeholder { color: #aaa;}
#hlavickaCesta {width:100%; float:left; text-align:right;}
#hlavickaCesta ul {float: right;  margin: 0;  padding: 0 20px;}
#hlavickaCesta li {float: left; list-style: none; padding: 10px 0 10px 10px;}
#hlavickaCesta li a { font-size: 13px; font-weight: 300;}
#hlavickaCesta li:after { content:" > ";}
#hlavickaCesta li:last-child:after { content:"";}


#telo {display: table; width: 100%;}

.scroll_top::before { content: "";display: block;height: 10px;width: 10px;border-left: 2px solid #aaa;border-top: 2px solid #aaa;transform: rotate(45deg);padding: 0;margin: 13px 0 0 11px;}
.scroll_top { background: #666; bottom: 32px; display: none; font-size: 0;  height: 34px;  position: fixed;  right: 10px; width: 34px; z-index: 9999;}
/* INTRO */
#intro {width: 100%;}
  section#IntroSlider {position: relative; box-shadow: 0 0 50px -20px black;}
    .slidesjs-container,
    .slidesjs-control {max-height:525px !important;} /* RESPOX */
    .slidesjs-slide img {width: 100%}
    .slidesjs-pagination { bottom: 1px; list-style:none; position: absolute; z-index: 999; margin: 0 0 10px 10px; padding: 0;}
    .slidesjs-pagination-item { float: left;}
    .slidesjs-pagination-item a {background: white; border-radius: 50%; display: inline-block; height: 12px; margin: 0 2px; opacity: 0.2; text-indent: -5000px; width: 12px;}
    .slidesjs-pagination-item a.active {opacity: 0.5;}
    .slidesjs-pagination-item a:hover {opacity: 0.5; background:red;}
  #News {background: none repeat scroll 0 0 #333; height: 495px; box-shadow: 0 5px 15px black; position: absolute; z-index:999; right: 15px; top: 15px; width: 320px;  overflow: hidden;}
  #NewsHeader {background: black;}
  .newsticker-jcarousellite { height: 375px; overflow: hidden; overflow-y: auto; background: #f6f8f9; color: black;}
  .newsticker-jcarousellite > ul { padding:0; margin:0;}
  #News li {background:white;box-shadow:0 1px 2px rgba(0, 0, 0, .12); border: 0px solid #dddfe2; border-radius: 3px; margin: 8px 8px 0 8px; float: left; list-style: none;}
   .NovinkaImg { float: left; padding: 0 0 10px 0; width:100%; text-align:center;}
   .NovinkaImg img { max-width:100%; max-height:200px;}
   .NovinkaHeader { float: left;width:100%;padding:0 10px; position: relative;box-sizing: border-box;}
    .fbLogo { float: left; width:40px; height:40px; background:url(images/fb-HAL3000-logo.gif) center center no-repeat;}
    .fbpost { padding: 0 0 0 10px;display: inline-block; width: 200px;}
        .NovinkaNadpis { color:black;font-weight:800;}
        .fbpost > span {color:#aaa;width: 100%;display: block;}
    .fbLink {background: url(images/fb-fb-logo.gif) center center no-repeat; width: 18px; height: 18px; display: block; position: absolute; right: 5px; top: 0;}
   .NovinkaBody { float:left;width:100%; padding:10px;box-sizing: border-box;}



/* LEVÝ SLOUPEC */
#levySloupec  {position: relative; float:left;  width:310px; background-color:rgba(0,0,0,0.25); margin: 0 0 10px 10px; padding-top: 7px;}
  #levySloupec div {position: relative; z-index:101;}
  #MobilniMenu {display: none;}
  .leveMenuPolozkaB a {font-family: 'Open Sans Condensed', sans-serif; letter-spacing: 0.5px;font-size:14px; color: #ddd;background:url(images/PolozkaB-bg.png) no-repeat 0 0 transparent; border-right:1px solid #c60a1b; margin: 0 0 8px 4px; width: 96%; float:left; }
  .leveMenuPolozkaB span {font-size:27px; letter-spacing: -0.5px; color:white; transition: color 0.2s ease-in 0s; text-transform: uppercase;}
  .leveMenuPolozkaB img {width:82px; float:left; margin-right:8px;}
  .leveMenuPolozkaB a:hover > span span {color: #c60a1b;}
  .leveMenuMezera {float: left; height: 35px; width: 100%;}
  .leveMenuPolozkaC a {font-family: 'Open Sans Condensed', sans-serif; letter-spacing: 0.5px;font-size:14px; color: #ccc; border-top:1px solid #c60a1b; margin: 0 0 8px 4px; width: 96%; float:left; padding: 8px 0 0; }
  .leveMenuPolozkaC span {font-size:27px; letter-spacing: -0.5px; }
  .leveMenuPolozkaC img {width:82px; float:left; margin-right:8px;}
  .leveMenuPolozkaD a {font-family: 'Open Sans Condensed', sans-serif; font-size:14px; color: #ccc; border-left:1px solid #c60a1b; margin: 0 0 8px 4px; width: 100%; float:left; padding: 0; cursor:pointer; }
  .leveMenuPolozkaD span {font-size:27px; letter-spacing: -0.5px; margin-left:17px; transition: color 0.2s ease-in 0s; }
  .leveMenuPolozkaD img {width:28px; float:right; margin: 5px 25px 0 0;}
  .leveMenuPolozkaC a:hover > span span,
  .leveMenuPolozkaD a:hover > span span {color: #fff;}
  #levySloupec .accord {float:left; width:96%; font-size: 16px;}
    #levySloupec .expand a,
    #levySloupec .collapse a {float: left; }
    #levySloupec .accord a:hover  {color:#e2001a;}
    #levySloupec .expand span {background:url("images/li-plus.gif") no-repeat 5px 6px; cursor:pointer; text-indent: -998px; float: left; width: 17px;}
    #levySloupec .collapse span {background:url("images/li-minus.gif") no-repeat 5px 6px; cursor:pointer; text-indent: -998px;float: left; width: 17px;}
    #levySloupec .accord ul { margin: 0 0 40px; padding: 0; overflow: hidden;}
    #levySloupec .accord ul ul { padding:10px 0 0 30px; margin:0; clear: both;}
    #levySloupec .accord li { background: url("images/PolozkaB-bg.png") no-repeat scroll 0 0; clear: both; list-style: none; margin: 0 0 5px; min-height: 23px;  padding: 3px 0 2px 20px;    width: 100%;}
    #levySloupec .accord li li{ background-position:0px -10px;}

  #leveMenuFiltr { float: left; margin: 0 0 0 40px; /*width:230px; */font-size: 13px; }
  #leveMenuFiltr p {margin: 30px 0 5px;}
  /*#leveMenuFiltr .inputFiltr {border:0; color:white; width:100px; background:none;}
  #leveMenuFiltr .inputSlider{width: 203px; margin: 0 0 15px 9px; border:none;}*/
  #leveMenuFiltr label {border-bottom: 1px dotted gray; display: inline-flex; margin: 5px 0; width: 225px; cursor:pointer; position:relative; transition: color 0.2s ease-in 0s;}
  #leveMenuFiltr label:hover {color:#f56e00;}
  #leveMenuFiltr label input{right:-2px; top: 0; position:absolute;}
  #leveMenuFiltr input[type=checkbox]:checked + label { color:#f56e00;}
  .leveMenuFiltrSlider { padding: 19px 0 13px;}
  .leveMenuFiltrSlider label {width: unset; border:none; display:none !important;} /* Skrytí labelu, protože ho tam dávám ručně přes css o 10řádků níže */
  .FiltrFiltruj {padding: 3px; width: 225px; font-family: "Roboto Condensed"; cursor:pointer; background: #555555; border: 1px solid #666666; color: #eeeeee;}
  .FiltrFiltruj:hover {background: #0078a3; border: 1px solid #59b4d4; color: #ffffff;}
  #zrusFiltr {margin:0 15px 10px; text-align: center;}
  #zrusFiltr a {padding:0 5px 0 10px; background:url("images/x-filtr.gif") no-repeat 0 6px; cursor:pointer; }
  #zrusFiltr a:hover {color:#f56e00;}
  .range-slider-min-container,
  .range-slider-max-container {float:left; height: 24px; margin: 0 0 5px; border-bottom: 1px dotted gray;}
  .range-slider-min-container input,
  .range-slider-max-container input {background: #333; border: 1px solid #444; color: white; height: 20px; padding: 0 5px 0 0; text-align: right; width: 23px;}
  .range-slider-min-container input:hover, .range-slider-min-container input:focus,
  .range-slider-max-container input:hover, .range-slider-max-container input:focus {background: #fff; border-color: #444; color: black;}
  .range-slider-min-container input {margin: 0 5px;}
  .range-container {clear:both;}
  #frm-rangeSliderForm-rangeSlider2300-min-container:before {content: "Počet jader procesoru:";}
  #frm-rangeSliderForm-rangeSlider2298-min-container:before {content: "Frekvence procesoru (GHz):";}
  #frm-rangeSliderForm-rangeSlider2304-min-container:before {content: "Velikost paměti RAM (GB):";}
  #frm-rangeSliderForm-rangeSlider2316-min-container:before {content: "Kapacita disku (GB):";}
  #frm-rangeSliderForm-rangeSlider2316-control input {width:36px;}
  #frm-rangeSliderForm-rangeSlider2858-min-container:before {content: "Kapacita sys. disku (GB):";}
  #frm-rangeSliderForm-rangeSlider2858-control input {width:36px;}
  .range-slider-max-container:before {content: "až ";}
  .FilterResultsText {color: #ea0000; font-size: 15px;}

#pravySloupec {float:right; width:870px; margin: 0 20px 20px 0;}
#pravySloupec section { background-color:rgba(0,0,0,0.25); margin: 11px 0; float:left; width:100%;}

/* výpis položek, kategorií */
  section#vypisHlavicka {margin-top:0px !important;}
    #vypisHlavicka div {padding: 0 20px 10px;}
    #vypisHlavicka H3 {text-transform:uppercase; border:1px solid #c60a1b; padding:5px; width: 50%; font-size: 30px; margin:20px 0 10px;}
    #vypisHlavicka a {font-weight:800;}
    a.odebrat,
    a.odebratSlider,
    a.odebratmulti {background:url("images/compare-del.png") no-repeat scroll 5px 6px; cursor: pointer; padding: 0 0 0 11px;}
  #vypisTeloI6 {padding:20px; float:left;}
    #vypisTeloI6 div {float:left;}
    #vypisTeloI6 ul {margin:0; padding:0; list-style:none;}
    /* výpis větví */
     li.vypisVetev {background-size:830px 326px; color: white; float: left; width: 830px; height: 326px; margin: 0 0 20px;position: relative; border-right: 1px solid #c60a1b;}
       .vypisVetevLink, .vypisVetevLink a {width:100%;height:100%; display: block; position: absolute;}
       .vypisVetevLink:hover~.vypisVetevNadpis .vypisVetevPrejit {background-color:#f56e00;}
       .vypisVetevLink:hover~.vypisVetevNadpis h2 {border-color:#f56e00;}
       .vypisVetevNadpis {padding: 20px 20px 0 420px;}
       .vypisVetevNadpis H2 {text-transform:uppercase; border:1px solid #666 /*c60a1b*/; padding:5px; font-size: 30px; margin: 0 0 15px; background: rgba(0, 0, 0, 0.2);}
       .vypisVetevPopis {font-size: 16px;color:#99ccff;font-weight: 500; margin: 0 0 15px;}
       .vypisVetevPrejit {background: url("images/vypisVetevPrejit.png") no-repeat scroll 5px 9px #e2001a; font-weight: 500; padding: 10px 20px;}
       .vypisVetevPrejit span {font-weight: 800; text-transform:uppercase; }
    /* výpis položek  */
     li.vypisPolozka {background: url('images/vypisPolozka-bg.jpg') no-repeat center top #ebebeb; color: #222; float: left; width: 830px;border-bottom: 2px solid #e2001a;margin: 0 0 20px;position: relative; display:table; height:100%;}
    .vypisObrazek {background:white; padding: 0 30px; margin: 0 20px 0 0; width:240px; display: table-cell; height: 100%; text-align: center;}
      .vypisObrazek img {max-height: 300px; max-width: 250px; padding:20px 0;}
    .vypisVychytavky  {float: right !important; padding:20px 0 10px 0px; right: 0; top: 0; width: 90px;}
      .vychytavkyPozadi {color: white; font-size: 12px; margin: 0 0 3px; padding: 3px;}
      .vychytavky > img {max-height:52px;max-width:100%}
    .vypisPolozkaStred { width: 505px; }
      .vypisNazev {font-size: 22px; font-weight: 800; margin: 20px 0 10px; clear:left; max-width: 79%;}
        .vypisNazev a {color:#f56e00;}
        .vypisNazev a:hover {color:#e2001a;}
      .vypisParametry {margin: 0 5px 20px 15px; clear:left;}
        .vypisParametry ul {list-style-image: url('images/li-parametr.gif') !important; font-weight:500;}
        .vypisParametry span {display:inline-block; padding:0 10px 0 0; font-weight:100;}
      .vypisVarianty {margin: 0 0 20px 15px; clear:left; /*width: 395px;*/}
        .vypisVarianty ul {list-style-image: url('images/li-varianta.gif') !important; font-weight:500;}
        .vypisVarianty ul a {color:#f56e00;}
        .vypisVarianty ul a:hover {color:#e2001a;}
      .jeKonfigurovatelny {clear: both; border: 2px solid #e2001a; padding: 3px 5px 3px 26px; background: white url("images/konfiguruj2.png") no-repeat scroll 3px 5px; margin: 0 0 10px;}
        .jeKonfigurovatelny a {font-weight:800; color:inherit;}
        .jeKonfigurovatelny a:hover {text-decoration:underlinte; color:#e2001a;}
      .vypisAkce  {clear:right; background: #f56e00; padding: 10px; clear:left;}
        .vypisAkce span{background: #e2001a; color: white; margin: 0 10px 0 0; padding: 2px 10px; display: inline-block;font-weight: 100; border-radius: 3px;}
        .vypisAkce span span{font-size:22px;font-weight: 800;}
        .vypisAkce a{padding-right:10px;font-weight: 800; height: 35px; display: block; transition: color 0.2s ease-in 0s;}
        .vypisAkce a:hover {background: #e2001a; color:white; }
        .compare {display: inline-block; cursor: pointer; opacity: 0.7;}
        .compare:hover {opacity: 1;}
        .compare img {margin: 0 0 -2px 5px;  width: 15px;}
        div.compare {background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;  height: 43px;  padding: 12px 0 0;  width: 49px;}
        div.compare img {width:40px;}

  #vypisPaticka div {padding:0 20px;}
    #vypisPaticka div a {font-weight:700; text-decoration: underline;}
    #vypisPaticka div a:hover {color:#ea0000;}
    #vypisPaticka div img {margin: -5px 10px;}

  /* Detail PRODUKTU */
  section#produktNadpis, #SproduktNadpis {background:none; margin:0;}
  #produktNadpis h1, #SproduktNadpis h1 {font-family: 'Open Sans Condensed', sans-serif; font-size:30px; margin:0; width:90%; float:left; }
  #produktNadpis h1 small, #SproduktNadpis h1 small {font-weight:300; padding-left:10px; font-size:15px; white-space: nowrap; }
  #produktNadpis h1 small, #SproduktNadpis h1 small::before { content: "(PN: ";}
  #produktNadpis h1 small, #SproduktNadpis h1 small::after {  content: ")";}
  #socialniSite {float:right;}
  .delitelnyBlok {width:50%;}
  .delitelnyAutomaticky {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-width:auto; -moz-column-width:auto; column-width:auto; overflow: hidden;  width: 95%; padding: 20px;}

  #StahniGalerii {color: #3794ea; cursor: pointer; float: left; padding: 0 10px;}
  #StahniGaleriiObal {}
  #StahniGaleriiDialog {background: white; box-shadow: 0 5px 15px red; color: #000; display: none; padding: 10px; position: absolute; text-align: center; width: 200px;  z-index: 999;}
  #StahniGaleriiDialog a, #StahniGaleriiDialog a:visited {font-weight: bold; font-size: 14px; text-decoration: underline;background:black;}
  #StahniGaleriiStahuj {}
  #StahniGaleriiZavrit {color: #888 !important; cursor: pointer; text-decoration: underline;}
  #StahniGaleriiCekej {display: none;}



  section#produktHlavni {background:white; color:#222;}
  #produktHlavni div   {float:left; }
    #produktHlavniObr {padding:15px 0 0 15px; position:relative; width: 450px;}
      div#HlavniObr {float:right; position:relative; z-index: 90; right: 20px;}
        div#HlavniObr img {max-width:340px;}
      div#HlavniObrVychytavky {float:left; position:absolute; left:0; z-index: 91;}
      div#HlavniObrVychytavky  ul { list-style: none;  margin: 0; padding: 0;}
      div#HlavniObrVychytavky  li {float:left; clear:both; min-width: 90px; text-align: center; position: relative; margin: 0 0 2px 2px;}
      #ObalDetailHak {position:absolute; background:white; padding:10px; z-index:9999; box-shadow: 12px 3px 15px -5px black; width: 300px; border-right: 1px solid #c60a1b;}
        #ObalDetailHak .hakImg {padding: 0 10px 10px 0}
        #ObalDetailHak .hakTexty {width: 230px;}


    div#produktProdej  {width: 380px; float:right; padding: 15px 15px 0 0;}
      div#produktProdejAnotace  {clear:both; margin-bottom: 16px;}
         #produktProdejAnotace b {font-weight: 800;}
      div#produktProdejAkce     {clear:both; width: 100%; background:#ebebeb;}
        #produktProdejAkceCerveny {background: #e2001a; color:white; margin-left: -50px; padding: 5px 5px 5px 50px; width: 230px;}
        #produktProdejAkceCerveny .maly {font-size: 12px; clear:both; }
        #produktProdejAkceCerveny .velky {font-size: 28px; font-weight: 800; clear:both; margin: -4px 0; letter-spacing: -1px; }
        #produktProdejAkceCerveny .velky span {font-size: 14px;}
        #produktProdejAkceCerveny div {}
        input#produktProdejAkceKoupit { border-radius: 3px; background: #f56e00; color: white; float: right; font-size: 21px; font-weight: 700; letter-spacing: -1px; margin: 4px 4px 4px 20px; padding: 10px; border:none; cursor:pointer;transition: color 0.2s ease-in 0s;}
        input#produktProdejAkceKoupit:hover {background: white; color: #f56e00;}
        div#produktProdejAkce {float:right; margin:8px 0 0;}
          div#produktProdejAkce a.compare  {float:right; padding: 13px 5px 5px 0;}
          div#produktProdejAkce a.compare img {width:45px; margin:0;}
        .btn-konfigurovat { border-radius: 3px;background: #f56e00 url("images/konfiguruj.png") no-repeat scroll 6px 15px; display: inline-block; font-size: 16px; font-weight: 800;  margin: 8px 4px 4px 10px;  padding: 15px 12px 15px 38px; float: right; transition: color 0.2s ease-in 0s;}
        .btn-konfigurovat:hover {background: white; color: #f56e00;}
        
        .btn-kde-koupit {background: #f56e00 no-repeat scroll 6px 15px; display: inline-block; font-size: 16px; font-weight: 800;  margin: 3px 0 0 10px;  padding: 20px 12px 15px 20px;}
        .btn-kde-koupit:hover {box-shadow: 2px 2px 5px #666; margin-top: 2px;}
        
      div#produktProdejVarianty {clear:both;}
        #produktProdejVarianty ul {list-style: none; float:right;}
        #produktProdejVarianty li { background:#ebebeb; float: right;  margin: 0 -25px 5px 0;  padding: 4px 10px;  width: 344px;}
          .Varianty-popisy {font-size: 13px; width: 200px;}
          .Varianty-popisy span {font-size: 14px; font-weight: 400;}
          div#produktProdejVarianty li .Varianty-ceny {float:right; font-size: 11px; width:122px;}
          .Varianty-ceny span {font-size: 22px; font-weight: 800; color:#f56e00;}
          div#produktProdejVarianty li .Varianty-ceny div {float:right;background: #f56e00; }
          div#produktProdejVarianty li .Varianty-ceny div a img {padding:8px;}
          .Varianty-ceny div:hover {background: #e2001a !important;}

    #produktHlavni #napsaliOnasObal {float:right;}
    #napsaliOnas {background: url("images/napsaliOnas.png") no-repeat 0 0; height: 60px; margin: 10px 0 5px 69px; padding: 0 0 0 35px; }
      #napsaliOnas ul { height: 38px; list-style: none; margin: 10px 0 0;  overflow: hidden;}
      #napsaliOnas li {float:left; width:95%; background:url("images/li-list.gif") no-repeat 0px 6px; padding-left:7px;}
      #napsaliOnas li a {border-bottom: 1px dotted orange; font-weight:500;}
      #napsaliOnas li a:hover {color:#ba5300;}

    #produktGalerieIkony {width:100%; clear:both; /*margin-top: -10px;*/}
      .stin-horni-bila {width:100%; clear:both; height:16px; padding:0 0 10px;}
      #produktGalerie { padding: 0px; }
        .jcarousel-next-horizontal{background: url("../img/next-horizontal-m.png") no-repeat scroll 0 0 transparent; cursor: pointer; height: 95px; position: absolute; right: 0px; top: 0px; width: 25px; opacity: 0.9;}
        .jcarousel-next-horizontal:hover{background-position:-32px 0;}
        .jcarousel-next-horizontal:active{background-position:-64px 0;}
        .jcarousel-next-disabled-horizontal,
        .jcarousel-next-disabled-horizontal:hover,
        .jcarousel-next-disabled-horizontal:active{cursor:default; background-position:-96px 0;}
        .jcarousel-prev-horizontal{background: url("../img/prev-horizontal-m.png") no-repeat scroll 0 0 transparent; cursor: pointer; height: 95px; left: 0; position: absolute; top: 0px; width: 25px; opacity: 0.9;}
        .jcarousel-prev-horizontal:hover{background-position:-32px 0;}
        .jcarousel-prev-horizontal:active{background-position:-64px 0;}
        .jcarousel-prev-disabled-horizontal,
        .jcarousel-prev-disabled-horizontal:hover,
        .jcarousel-prev-disabled-horizontal:active{cursor:default; background-position:-96px 0;}
        .jcarousel-container{ background:white; }
        .jcarousel-container-horizontal{height: 95px; padding: 5px 10px 0 30px; /*width: 515px;*/}
        .jcarousel-clip-horizontal{float: left; height: 95px; width: 100%;}
        .jcarousel-item{height:280px; }
        .jcarousel-item img{max-height:130px; }
        .jcarousel-item-horizontal{margin:3px 5px 0 5px;}
        .jcarousel-skin-tango .message{position:absolute;right:28px;top:7px;width:90px;height:50px;}
        .jcarousel-skin-tango .text{ font-size:12px; font-weight:bold; text-align:center;}
      #produktOdkazyInpage { padding: 15px 0 0; text-align: right;position: relative;}

  #produktPopis div   {float:left; }
  #produktPopis div strong,
  #produktPopis div b  {font-weight:700;}
  #produktPopis .delitelnyAutomaticky img,
  #produktPopis .delitelnyAutomaticky input[type="image"] {max-width:100%; /*max-height:350px; /*height: auto;  width: auto; float:right;*/ margin: 7px 10px 3px 0;}
  #Popis-i6 > table {  margin: 0 0 15px;}

  #produktKonfigurace{}
    #Konfigurace-i6{padding: 0 20px;}
    #produktKonfigurace td {vertical-align: top; padding: 0 8px; line-height:25px; font-weight: 100;}
    #produktKonfigurace img {padding: 0 5px 1px;}
    td.Kus {border-right:1px solid gray; font-size: 17px; width: 153px; color:#f56e00;}
    span.Typ {display: inline-block; font-size: 17px; font-weight: 700; width: 100%;}
    #produktKonfigurace span {cursor: pointer; transition: color 0.2s ease-in 0s;}
    #produktKonfigurace span:hover {color:#c60a1b}
    #produktKonfigurace .Rozbalit,
    .detailNavigaceVypni {cursor: pointer;}
    .dalsiKonfigurace { cursor: pointer; background: url("/images/plus.gif") no-repeat scroll 0 5px; font-size: 16px; font-weight: 700; margin: 10px 0 0 15px; padding: 0 0 0 15px;}

  #produktVykon{border-bottom: 1px solid #c60a1b;  padding: 0 0 20px;}
    #Vykon-i6{padding: 0 20px; text-align:center;}
    #Vykon-i6 ul {padding:0; margin:0;}
    #Vykon-i6 li {width:135px; height:125px; text-align: center; float:left; border-right:1px solid gray; list-style:none; font-size: 16px; position:relative; cursor: help;}
    #Vykon-i6 li:nth-last-child(1) {border:none;}
    #Vykon-i6 h5 {font-size: 16px; font-weight:300; padding:0 0 3px; margin:0;}
    #Vykon-i6 li span {font-size: 30px; font-style:italic; font-weight:400; color:#f56e00; letter-spacing: -1px; display: block;}
    #Vykon-i6 li span span {font-size: 16px; font-weight:100;}
    #Vykon-i6 li span span::after { color: white; content: " ?"; font-size: 10px;  position: absolute; top: 4px;}
    #Vykon-i6 li div {position:absolute; top:0px; left:0px; margin:0; padding:5px; background:#272727; border: 1px solid #c60a1b; display:none; max-width:150px; font-size: 16px; font-weight:100;  z-index: 99999;}
    #Vykon-i6 li div span {font-size: 16px; font-weight:300; display:inline-block; width:100%;}
    #Vykon-i6 li:hover > div {display:block;}

#Vykon-i6 li span strong::after {
    color: white;
    content: " ?";
    font-size: 10px;
    position: relative;
    top: -9px;}
#Vykon-i6 li span strong {
    font-size: 16px;
    font-weight: 100;}
    #Test-Passmark {background:url(images/test/passmark.png) no-repeat center bottom;}
    #Test-PCmark   {background:url(images/test/pcmark.png) no-repeat center bottom;}
    #Test-3Dmark   {background:url(images/test/3dmark.png) no-repeat center bottom;}
    #Test-Crysis3  {background:url(images/test/crysis3.png) no-repeat center bottom;}
    #Test-Totalw   {background:url(images/test/totalw.png) no-repeat center bottom;}
    #Test-TheCrew  {background:url(images/test/thecrew.png) no-repeat center bottom;}
    #Test-Grid  {background:url(images/test/grid.png) no-repeat center bottom;}

    #Test-GtaIv  {background:url(images/test/gtaiv.png) no-repeat center bottom;}
    #Test-CsGo  {background:url(images/test/csgo.png) no-repeat center bottom;}
    #Test-WoT  {background:url(images/test/wot.png) no-repeat center bottom;}
    #Test-Zaklinac  {background:url(images/test/zaklinac.png) no-repeat center bottom;}

#Vykon-i6 li span.low::before {
    color: white;
    content: "low";
    font-size: 12px;
    position: relative;
    top: -11px;}
#Vykon-i6 li span.high::before {
    color: white;
    content: "high";
    font-size: 12px;
    position: relative;
    top: -11px;}

  #produkt360 {border: 1px solid #444; border-bottom: 1px solid #c60a1b;}
    #produkt-360 {margin:0 20px;}
    .produkt-360-data {text-align: center; width: 100%;}
    .produkt-360-data img {margin:0 auto; max-width: 870px; }
    .produkt-360-ui {margin:0 auto; width:225px; text-align:center; font-size:18px; color:#f56e00; position:relative;}
    .prev360,
    .next360  { cursor:pointer; position:absolute; top:23px;}
    .prev360  { left:-33px;}
    .next360  { right:0;}


  #produktVideo {border-bottom: 1px solid #c60a1b;}
    #produkt-Video {padding:0 20px 20px;}
    #produkt-Video iframe {width:100%;}


  /**/#produktVychytavky img.full{width:100%;}

#produktKonfigurace H3,
#produktVykon H3,
#produkt360 H3,
#produktVideo H3
 {text-transform:uppercase; border:1px solid #c60a1b; padding:10px; width: 200px;}

  .UkazVice {width:100%; clear:both;}
  .UkazVice1 {width:100%; border-bottom:1px solid #c60a1b; height:28px;}
  .UkazVice2 {float: right !important; width:158px; height:30px; margin: 0 0 -1px; background: url(images/UkazVice.png) no-repeat 0 0 #131313;}
  .UkazVice3 {float: right !important; width:100px; background: #0f0f0f; border-top: 1px solid #c60a1b; margin: 0 0 -1px; padding:5px 10px; text-align: center; font-weight: 800;}


/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {  overflow: hidden !important;}
#swipebox-overlay img {  border: none !important;}
#swipebox-overlay {  width: 100%;  height: 100%;  position: fixed;  top: 0;  left: 0;  z-index: 99999 !important;  overflow: hidden;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;   user-select: none;}
#swipebox-container {  position: relative;  width: 100%;  height: 100%;}
#swipebox-slider {  -webkit-transition: -webkit-transform 0.4s ease;  transition: transform 0.4s ease; height: 100%;  left: 0;  top: 0;  width: 100%;  white-space: nowrap;  position: absolute;  display: none;  cursor: pointer;}
#swipebox-slider .slide {  height: 100%;  width: 100%;  line-height: 1px;  text-align: center;  display: inline-block;}
#swipebox-slider .slide:before {  content: "";  display: inline-block;  height: 50%;  width: 1px;  margin-right: -1px;}
#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container { display: inline-block;  max-height: 100%;  max-width: 100%;  margin: 0;  padding: 0;  width: auto;  height: auto;  vertical-align: middle;}
#swipebox-slider .slide .swipebox-video-container {  background: none;  max-width: 1140px;  max-height: 100%;  width: 100%;  padding: 5%;  -webkit-box-sizing: border-box;  box-sizing: border-box;}
#swipebox-slider .slide .swipebox-video-container .swipebox-video { width: 100%;  height: 0;  padding-bottom: 56.25%;  overflow: hidden;  position: relative;}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {  width: 100% !important;  height: 100% !important;  position: absolute; top: 0;  left: 0;}
#swipebox-slider .slide-loading {  background: url(/css/images/sb-loader.gif) no-repeat center center;}
#swipebox-bottom-bar,
#swipebox-top-bar {  -webkit-transition: 0.5s;          transition: 0.5s;  position: absolute;  left: 0;  z-index: 999;  height: 50px;  width: 100%;}
#swipebox-bottom-bar {  bottom: 0px !important;}
/*#swipebox-bottom-bar.visible-bars {  -webkit-transform: translate3d(0, -50px, 0);          transform: translate3d(0, -50px, 0);}*/
#swipebox-top-bar {  top: -50px;}
#swipebox-top-bar.visible-bars {  -webkit-transform: translate3d(0, 50px, 0);          transform: translate3d(0, 50px, 0);}
#swipebox-title {  display: block;  width: 100%;  text-align: center;}
#swipebox-prev,
#swipebox-next,
#swipebox-close {  background-image: url(/css/images/sb-icons.png);  background-repeat: no-repeat;  border: none !important;  text-decoration: none !important;  cursor: pointer;  width: 50px;  height: 50px;  top: 0;}
#swipebox-arrows {  display: block;  margin: 0 auto;  width: 100%;  height: 50px;}
#swipebox-prev {  background-position: -32px 13px;  float: left;}
#swipebox-next {  background-position: -78px 13px;  float: right; margin-right:15px;}
#swipebox-close {  top: 0;  right: 15px;  position: absolute;  z-index: 9999;  background-position: 15px 12px;}
.swipebox-no-close-button #swipebox-close {  display: none;}
#swipebox-prev.disabled,
#swipebox-next.disabled {  opacity: 0.3;}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {  -webkit-animation: rightSpring 0.3s;          animation: rightSpring 0.3s;}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {  -webkit-animation: leftSpring 0.3s;          animation: leftSpring 0.3s;}
.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -webkit-transition: all .3s ease;  transition: all .3s ease;  content: ' ';
  position: absolute;  z-index: 999;  top: 0;  height: 100%;  width: 20px;  opacity: 0;}
.swipebox-touch #swipebox-container:before {  left: 0;  -webkit-box-shadow: inset 10px 0px 10px -8px #656565;          box-shadow: inset 10px 0px 10px -8px #656565;}
.swipebox-touch #swipebox-container:after {  right: 0;  -webkit-box-shadow: inset -10px 0px 10px -8px #656565;          box-shadow: inset -10px 0px 10px -8px #656565;}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {  opacity: 1;}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {  opacity: 1;}
@-webkit-keyframes rightSpring {  0% {    left: 0;  }  50% {    left: -30px;  }  100% {    left: 0;  }}
@keyframes rightSpring {  0% {    left: 0;  }  50% {    left: -30px;  }  100% {    left: 0;  }}
@-webkit-keyframes leftSpring {  0% {    left: 0;  }  50% {    left: 30px;  }  100% {    left: 0;  }}
@keyframes leftSpring {  0% {    left: 0;  }  50% {    left: 30px;  }  100% {    left: 0;  }}
@media screen and (min-width: 800px) {
  #swipebox-close {    right: 10px;  }
  #swipebox-arrows {    width: 92%;    max-width: 800px;  }
}

#swipebox-overlay {  background: #0d0d0d;}
#swipebox-bottom-bar,
#swipebox-top-bar {  text-shadow: 1px 1px 1px black;  background: #000;  opacity: 0.95;}
#swipebox-top-bar {  color: white !important;  font-size: 15px;  line-height: 43px;  font-family: Helvetica, Arial, sans-serif;}
/* Swipebox -------------------------*/







/* výpis článků */
section#vypisClankuMenu {margin-top:0px !important;}
  #vypisClankuMenu ul,
  #vypisProdukt ul,
  #vypisPrislusenstvi ul {list-style: none; margin: 15px; padding: 0; float: left;}
  #vypisClankuMenu li {background: url("images/PolozkaB-bg.png") no-repeat 0 39px; border-left: 2px solid #e2001a; float: left; margin: 0 15px 15px 0; padding: 0; text-align: center;}
  #vypisClankuMenu li H3 {background: #f56e00; border-bottom: 1px solid; color: white; margin: 0; padding: 9px 0;}
  #vypisClankuMenu li a:hover > H3 {background: #e2001a;}
  #vypisClankuMenu li p {background: url("images/vypisVetevPrejit.png") no-repeat right top; display: inline-block; margin: 10px 5px 10px 0; padding: 0 15px; font-size: 13px;}
section#vypisClanku {margin-top:0px !important;}
  #vypisClankuTelo H3,
  #vypisProdukt H3,
  #vypisPrislusenstvi H3 {border: 1px solid #c60a1b; background:url("images/clanek.png") no-repeat 6px 7px ;margin: 10px 0 0 10px; padding: 10px 5px 10px 40px; text-transform: uppercase; width: 800px;}
  #vypisClankuTelo ul {list-style: none; padding: 0 10px;}
  #vypisClankuTelo li {margin:3px 0; padding:5px 0; background: rgba(0, 0, 0, 0.2); }
  #vypisClankuTelo li p {margin:0; font-size: 16px; }
  #vypisClankuTelo li small {font-size: 11px; color: #ccc; display: inline-block; padding: 0 10px 0 0; text-align: right; width: 70px;}
  #vypisClankuTelo li span { color: #f56e00; float: right; font-size: 13px; padding: 0 0 0 10px;}
  #vypisClankuTelo li a:hover{ color:#f56e00;}


/* vypis hledani */
section.vysledek H3 { border-color:#0aa62b !important; background:rgba(0, 0, 0, 0) url("images/clanek-ok.png") no-repeat scroll 6px 7px !important;}
section#vypisProdukt li{ float: left;  margin: 0 10px 10px 0; width: 270px;  list-style: none;}
section#vypisPrislusenstvi li {  list-style: none;}
section#vypisProdukt li .vypisObrazek { height: 195px;}
section#vypisProdukt li .vypisObrazek img { max-width: 210px;}
section#vypisProdukt li img { max-width: 210px;}
section#vypisProdukt li a,
 section#vypisPrislusenstvi li a{ display: inline-block;  height: 20px;  width: 100%;}
section#vypisProdukt li a:hover,
 section#vypisPrislusenstvi li a:hover { color: #f56e00;}
section#vypisProdukt li a span,
 section#vypisPrislusenstvi li a span { color: #f56e00; float: right; font-size: 13px; padding: 0 0 0 10px;}

/* Detail článku */
section#detailClanku {overflow:hidden;}
section#detailClanku div {padding:15px;}
  section#detailClanku div b,
  section#detailClanku div strong {font-weight:800;}
  section#detailClanku div img {max-width: 100% !important}

section#vypisSouvisejici {}
section#vypisSouvisejici #vypisClankuTelo li {background: #333; float: left; height: 136px; margin: 0 8px 8px 0; overflow: hidden; padding: 0 5px 5px 0; width: 265px;}
section#vypisSouvisejici #vypisClankuTelo .vypisObrazek {background: white; display: table-cell; float: left; margin: 0 10px 0 0; text-align: center; max-width: 115px; padding: 5px;}
section#vypisSouvisejici #vypisClankuTelo .vypisObrazek img { max-height: 150px; max-width: 100px; padding: 0px;}
#vypisSouvisejici a { font-size: 17px; font-weight: 400;}
#vypisSouvisejici a span {color: #f56e00; float: right; font-size: 13px; padding: 5px 0 0 10px;}
  


/* poptávka */
#poptavkaPolozkyTelo {padding:15px; float:left; }
  #poptavkaPolozkyTelo H3{background: url("images/stav-ok.png") no-repeat top right; border: 1px solid #c60a1b;  margin: 5px;  padding: 10px 5px;  width: 95%;}
  .poptavkaPolozkaRadek { float:left; width:100%;  background: #222; margin: 0 0 5px;}
  .poptavkaPolozkaRadek ul { list-style:none; padding:0; margin:0;  }
  .poptavkaPolozkaRadek li { float:right;padding:5px 20px; min-width: 73px; }
  .poptavkaPolozkaRadek li span { font-size:18px; font-weight: 500;}
  .poptavkaPolozkaRadek li:first-child {float:left; /*font-weight: 800;*/}
    .poptavkaPolozkaRadek .numbers-row { position: absolute;}
    .poptavkaPolozkaRadek .numbers-row input{ width:25px;}
    .poptavkaPolozkaRadek .button { background: black; cursor: pointer; height: 23px; position: absolute; text-align: center; top: 0; width: 15px;}
    .poptavkaPolozkaRadek .dec { right: -15px; line-height: 21px; }
    .poptavkaPolozkaRadek .inc { left: -15px;  line-height: 19px; }

#poptavkaProdejci {position:relative;}
#poptavkaProdejciTelo {padding:15px;}
  #poptavkaProdejciTelo H3 {background: url("images/stav-chyba.png") no-repeat top right; border: 1px solid #f56e00;  margin: 5px;  padding: 10px 5px;  width: 95%;}
  .poptavkaProdejciSloupec { float:left; margin: 5px 15px 20px;;}
  #poptavkaProdejci #ComName {float: left; padding: 15px 0 15px 30px;}
  #snippet--CompannyContainer { padding: 0 0 0 10px; color:#f56e00; float: right;}
#poptavkaKontaktTelo {padding:15px; }
  #poptavkaKontaktTelo H3 {background: url("images/stav-chyba.png") no-repeat top right; border: 1px solid #f56e00;  margin: 5px 5px 25px;  padding: 10px 5px;  width: 95%;}
  #poptavkaKontaktTelo #KontaktyForm {float:left;}
    #poptavkaKontaktTelo .FormPolozka {float:left;height: 35px; width: 400px;margin-left: 5px;}
    #poptavkaKontaktTelo .FormPolozka span {border-bottom: 2px solid #666; display: inline-block; padding-left: 5px;  width: 100px;}
    #poptavkaKontaktTelo .FormPolozka input  {background: #ccc; border: none; border-radius: 2px;  padding: 5px; font-family: roboto condensed; font-size: 16px;}
    #poptavkaKontaktTelo .FormPolozkaMezera {border-bottom: 2px solid #303030; float: left; height: 1px; margin: 6px 0 12px; width: 97%;}
  #KontaktyOdeslani {float: left; margin: 30px 0 50px; text-align: center; width: 100%;}
    #KonfFooterTisk,
    #KonfFooterOdeslat,
    #KonfFooterPoptavka,
    #KontaktyOdeslani input[type="submit"],
    #KontaktyOdeslani input[type="reset"]{background:#f56e00; box-shadow:0 6px #c25600; border:none; cursor: pointer; letter-spacing: 1px; color:white; text-transform: uppercase; font-family: roboto condensed; font-size: 15px; font-weight: 800;padding:8px 25px; }
    #KontaktyOdeslani input[type="submit"]{background:#00c227;box-shadow:0 6px #018b19;}
    #KonfFooterTisk:hover,
    #KonfFooterOdeslat:hover,
    #KonfFooterPoptavka:hover,
    #KontaktyOdeslani input:hover {top:-2px;position: relative;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
  /*Prodejci*/
#VysledkyObal div {padding: 15px;}
  #VysledkyObal H3 { background: url("images/clanek.png") no-repeat scroll 6px 7px; border: 1px solid #c60a1b; margin: 10px 0 0 10px; padding: 10px 5px 10px 40px; }
  #VysledkyObal ul  {padding:0 0 0 11px;}
  #VysledkyObal .VysledkyNazev  {background: #333; margin: 0 0 6px; padding: 4px 4px 4px 14px;}
  #VysledkyObal .ShopCompany  {padding-right: 10px; font-weight: 800; width:150px; display:inline-block;}
  #VysledkyObal .ShopCity     {padding-right: 10px; font-weight: 800;}
  #VysledkyObal .ShopPhone    {padding-right: 10px; padding-left:30px; background:url("images/ShopPhone.png") no-repeat 13px 3px;}
  #VysledkyObal .ShopEmail    {padding-right: 10px; padding-left:20px; background:url("images/ShopEmail.png") no-repeat 1px 6px; color: #f56e00;}
  #VysledkyObal .VysledkyNazevGold {background: #F79443; color: black;}
  #VysledkyObal .VysledkyNazevGold span {color: black;}
  
  .StatusIkona { float: right;}
    .StatusIkona > img { cursor: help; margin: -2px 0 0; width: 22px;}

#DokonceniFinale {background: rgba(0, 0, 0, 0.25); padding: 50px 0 150px; text-align: center;}
  #DokonceniFinale b {font-weight:800;}
  #DokonceniFinale a {color: #f56e00;}

/* konfigurator */
#levySloupecConf  {position: relative; float:left;  width:310px; background-color:rgba(0,0,0,0.25); margin: 0 0 10px 10px; padding-top: 7px;}
  #KonfProduktObsah {float:left;}
    #KonfProduktNadpis {font-size: 17px; font-weight: 800;}
    #KonfProduktCena {font-size: 16px; font-weight: 700; padding: 10px 0 0; color:#f56e00;}
      #KonfProduktCena  span {font-size: 22px; color:#f56e00;}
      #KonfProduktCena span::first-letter {}
    #KonfProduktDalsi {padding: 60px 0 30px; text-align: center;}
    #KonfProduktDalsi span {background: #555555; border: 1px solid #666666; color: #eeeeee; cursor: pointer; font-family: "Roboto Condensed"; padding: 3px;  width: 225px;}

#konfiguratorHeader H3 { background: url("images/clanek.png") no-repeat scroll 6px 7px; border: 1px solid #c60a1b; margin: 10px; padding: 10px 5px 10px 40px; }
#ObalKonfigurator {padding:15px;}
  #ObalKonfigurator .confRadek { /*background: #222; */clear: both; min-height: 32px; line-height: 30px; margin: 5px 0; width: 100%; position:relative;}
    .confNahled { float: left; height: 13px; padding: 7px 5px 0; width: 13px; position:absolute;}
    .confPopis { float: left; width: 140px;padding-left: 26px; background: #eee;}
    .confRadek select { /*background:#ddd;*/}
    .confRadek select:hover {background:#eee; }
    .confRadek select:focus { /*background:#fff; */box-shadow:0 10px 15px black;}
    .confNazevProduktu select { border: 1px solid #eee; float: left; font-size: 12px;  margin-right: 10px; width: 600px; padding:5px; }
    .confPocet select { border: 1px solid black; float: left; font-size: 12px; width: 40px; letter-spacing: 0; padding:5px; }
    .confRadek option { border-bottom:1px dotted #aaa; }
    .confRadek .skladem {color:#26f;}
    .confRadek .confNazevKategorie { /*border-top: 1px dotted gray; */ width:100% ;font-weight: 400; text-align: center; text-transform: uppercase;}
  #ObalKonfFooter { width: 100%;}
  #KonfFooter {text-align:right; padding: 30px 0 0; width:100%;}
  #KonfFooterTisk {} /* stylovano v sekci Poptavka - kontaktyOdeslani */
  #KonfFooterOdeslat {margin: 0 50px 0 0;} /* stylovano v sekci Poptavka - kontaktyOdeslani */
  #KonfFooterPoptavka {background:#00c227;box-shadow:0 6px #018b19;} /* stylovano v sekci Poptavka - kontaktyOdeslani */
  #ObalKonfigurator .stin-horni-bila { margin: 0 -15px; width: calc(100% + 30px);}
  #KonfProduktInfoBox > div { padding: 10px; line-height: 1.2em;}
  #KonfProduktInfoBox > div span { font-weight: 800; font-size: 1.2em;}
  #KonfProduktInfoBox { background: #f56e00; color: white; margin: 25px auto 0; width:100%;}



/* Patička */
#paticka {width: 100%; }
#patickaBox {text-align: left; color: #aaa;  padding: 10px 20px 0px; margin: 0px auto; width: 1190px /* -padding */;}
  #patickaBoxInfo {float: left; width: 100%; display:flex;justify-content: space-between;align-items: center;}
    #patickaBoxInfo .patickaMenu span { background: url("images/footer-li.png") no-repeat 0 12px; display: inline-block; font-weight: 500; padding: 10px 19px 10px 11px;}
    #patickaBoxInfo .patickaMenu a{color: #ddd;}
    .patickaIkony span { margin: 0 .35em;}
    #patickaBoxInfo p.patickaMenu a:hover {color: #ea0000;}
  #patickaBoxHal {float: left;  padding: 25px 0;  width: 100%; text-align:center;}
    #patickaBoxHal img {margin: 0 25px ;}
  #patickaBoxLoga {float: left; height: 70px; padding: 25px 0; text-align: center; width: 100%;}
  #patickaCopy {  float: left; font-size: 12px; margin: -20px 0 0; padding: 0 0 10px; text-align: center; width: 100%;}

#patickaBoxInfo .patickaMenu {margin: 0 1em}
#patickaBoxInfo .patickaIkony div {display:flex; justify-content: center}

/* plovouci box porovnani */
#snippet--compare {}
#CompareBox {background: #333; bottom: 0; box-shadow: 0 10px 15px black; max-width: 300px; min-width: 150px; padding: 8px; position: fixed; right: 50px; border-top: 1px solid #c60a1b;}
.CompareItem { float: left; width: 100%; border-bottom: 1px dotted gray;}
.CompareDelete { float: right; cursor: pointer; background: url("images/compare-del.png") no-repeat 0 6px; padding: 0 0 0 11px; }
.CompareDeleteAll {float: left; cursor: pointer; background: url("images/compare-del.png") no-repeat 0 6px; padding: 0 0 0 11px; }
.CompareGo {float:right; cursor: pointer;background: url("images/compare-go.png") no-repeat 0 6px; padding: 0 0 0 11px; }
  .CompareGo a{color:#00c227; }
.CompareDelete:hover,
.CompareDeleteAll:hover,
.CompareGo a:hover { color:#f56e00;}

/* strana porovnání */
#snippet--CompareList { background: #2a2a2a;}
#porovnani {}
#porovnani H3 {    border: 1px solid #c60a1b;    font-size: 20px;    padding: 5px;    text-transform: uppercase;    width: 200px; clear:both;}
#porovnaniDetailObal {padding:0 15px;}
#porovnaniDetailObal div {float:left;}
.porovnaniBoxImg {height:200px; padding:15px 0 5px; text-align:center; background:white; width: 250px !important;}
.porovnaniBoxImg img{max-width:220px; max-height:200px;}
.porovnaniBoxNazvy,
.porovnaniBoxNazvy div {width:230px;}
.porovnaniBoxNazvy .paramKategorie {font-weight:700;}
.porovnaniBox,
.porovnaniBox div {width:300px;}
.porovnaniParamNazev {color:#ccc;}
.porovnaniParamRadek {border-bottom:2px solid #333;}
.porovnaniParamHodnota {color:white;}
.porovnaniBoxProduktNazev {font-size:18px; font-weight:800; height: 47px;  overflow: hidden;}
.porovnaniCena {margin:15px 0 0;}
.porovnaniCena span {font-size:14px; padding-right:10px;}
.porovnaniCena span span {font-size:18px; font-weight:800;}
.porovnaniOdebratNazvy {height:359px; }


/* přidáno */
.f-red{color:#f56e00;}
.jcarousel-item {width: 75px; height: 75px;}
.NenalezenZaznam { background: #f56e00 url("../images/info-icon.png") no-repeat scroll 10px 8px / 22px auto; padding: 10px 10px 10px 41px; font-weight: 800; }

#ObalNahledKonfig {float: left; padding: 15px;}
#KonfigImg {float: left; margin-bottom: 10px;}
#KonfigImg img {background:   #FFFFFF; border: 1px solid #CCCCCC; float: left; margin: 0 10px 0 0; max-width: 150px; padding: 10px;}
#KonfigHlavicka {float: left; margin-bottom: 10px;}
.KonfigRadek {clear: both; padding: 2px 0;}
.Popis {float: left; padding-right: 5px; width: 100px;}
.Text {float: left; font-weight: bold;}
#KonfigPopis {float: left; margin-bottom: 10px;}
.PopisNazev {font-style: italic; margin-bottom: 10px;}
.PopisText {font-size: 11px;}
#KonfigParametry {clear: both; float: left;}
.ParametryNazev {font-style: italic; margin-bottom: 10px;}
.ParametryText {float: left; width: 300px;}
.KonfigParamNazev {float: left; padding-right: 5px; width: 200px;}
.KonfigParam {}
.KonfigLine {clear: both; float: left; margin-bottom: 10px; width: 100%;}




@media only screen and (max-width: 500px) {
  .hide500 {display:none;}
  }

/* rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrespo */




/* R01 vše menší než 1280 */
@media only screen and (max-width: 1270px) { /* !!!!!!!!!!!! jen pro prezentaci, jinak 1280 !!!!!!!!!!!*/
  /*#obal:before {content:"R01 vše menší než 1280 - Ook!"}*/
  #obal {max-width: 1080px; width: 1080px;}
  #pravySloupec {width:725px;}
  #patickaBox {width: 1040px /* -40px */;}
  /*intro*/
  #News {right:10px;width:285px;}
  /*kategorie*/
  li.vypisVetev { width: 99.8%;}
  /*produkty*/
  li.vypisPolozka {width: 100%;}
  .vypisObrazek {padding: 0 15px; margin: 0 0px 0 0;}
  .vypisPolozkaStred { width: 414px;}
  .vypisNazev {  max-width: 77%;}
  .vypisVarianty {  max-width: 77%;}
  .vypisAkce:before { display: block; content: " "; float: left; width: 305px;}
  /*detail prod*/
  #produktHlavniObr,
  div#produktProdej {width: 50%; padding:0;}
  div#HlavniObr { right: unset;  padding: 20px;}
  div#HlavniObrVychytavky { margin-top: 10px;}
  #produktProdejAkceCerveny {position:relative; z-index:101;}
  div#HlavniObr img { width: 100%;}
  #produktProdejVarianty ul { padding: 0 0 0 10px;}
  /*konfig*/
  confNazevProduktu select { width: 515px;}
  /*objednavka*/
  .poptavkaPolozkaRadek li:first-child { max-width: 60%;}
  /*clanky*/
  #vypisClankuTelo H3, #vypisProdukt H3, #vypisPrislusenstvi H3 { width: 90%;}
  /*prodejci*/
 #VysledkyObal .ShopCompany { font-weight: 500; width: 100%; color: #f56e00; font-size: 18px; padding: 0 0 4px;}
}

/* R02 vše menší než 960px */
@media only screen and (max-width: 1098px) {
  /*#obal:before {content:"R02 vše menší než 960px - Ok!"}*/
  #obal {max-width: 959px; width: 959px;}
  /*intro*/
  #News {right:0px;top:0px;width:260px;}
   #levySloupec,
   #levySloupecConf {width:250px;left:0px;}
    .leveMenuPolozkaB img { width: 78px;}
    .leveMenuPolozkaB a { font-size: 13px;}
    .leveMenuPolozkaB span { font-size: 23px;}
  #pravySloupec {width:665px;}
  /*paramFiltr*/
  #leveMenuFiltr { margin: 0px; width:222px;}
  .leveMenuPolozkaD span { margin-left: 6px; font-size: 25px;}
  .leveMenuPolozkaD img { margin: 5px 5px 0 0;}
  /*produkty*/
  .vypisObrazek { width: 210px;}
  .vypisObrazek img { max-width: 100%;}
  .vypisPolozkaStred { width: 384px;}
  .vypisNazev { max-width: 75%;}
  /*detail*/
  #produktProdejVarianty ul {padding: 0px;}
  #produktProdejVarianty li {width:333px;}
  /*footer*/
  #patickaBoxHal img { margin: 0 10px;}
  #patickaBox {width: 919px /* -40px */;}
  /*Konfiogurator*/
  #KonfProduktPopis {padding:0 2px 0 5px;}
  #ChangeImg img {max-width: 100% !important;}
  #ObalKonfFooter {float: left; margin: 20px auto;}
  #detailClanku img { max-width: 100% !important;  height: unset;}

}

/* R03 Portrét až standard 960px zařízení i prohlížeče */
@media only screen and (max-width: 989px) {
/*#obal:before {content:"R03 portrét až standard 990px zařízení i prohlížeče "}*/
  #obal {max-width: 767px; width: 767px;}
  #levySloupec,
  #levySloupecConf {width:30%; left:0px;}
    .leveMenuPolozkaB img { width: 67px;}
    .leveMenuPolozkaB a { font-size: 12px;}
    .leveMenuPolozkaB span { font-size: 19px;}
    .leveMenuPolozkaC span { font-size: 19px; padding: 10px 0 0 0;  display: inline-block;}
    .leveMenuPolozkaD span { font-size: 22px;}
    #leveMenuFiltr { width: 209px; font-size: 12px;}
    #leveMenuFiltr label,
    .FiltrFiltruj { width: 100%;}
    .ui-multiselect{ width: 100% !important;}
  #pravySloupec {width:65%;}
  #patickaBox {width: 727px /* -40px */;}
  #patickaBoxHal img { max-width: 20%;}
  #patickaBoxLoga img { max-width: 48%;}
  #patickaBoxInfo span {  background-position:0 9px;  padding: 8px 19px 8px 11px;}
  /*uvodka*/
  /*#IntroSliderBox {overflow:hidden;width: 100%;}
  #slides2 { width: 125%;}
  */
  #News { margin: 15px auto; position:relative; bottom: unset; left: unset; right:unset; top:unset; top:inherit; width: 95%;}
  #hlavickaMenu ul { margin: 0 0 0 10px;}
  #hlavickaMenu li { padding-left:10px;}
  #hlavickaMenu li a {padding-right: 10px;}
  /*kategorie*/
  #vypisTeloI6 {padding:0;}
  li.vypisVetev { background-size: 100%; background-repeat:no-repeat; height: 195px;}
  .vypisVetevNadpis H2 { font-size: 25px;}
  .vypisVetevNadpis { padding: 20px 20px 0 240px;}
  .vypisVetevPopis { font-size: 13px; letter-spacing: 0.3px;}
  /*produkty*/
  .vypisObrazek {width: 112px;}
  .vypisPolozkaStred {width: 355px;}
  .vypisNazev {  max-width: 73%;}
  .vypisAkce { padding: 0px;}
  div.compare { padding: 4px 0 0;}
  /*detail*/
  #produktProdejAkceCerveny { padding: 5px 5px 5px 10px; width: 225px;}
  #produktProdejVarianty li { width: 245px; padding:4px 10px 7px 4px;}
  .Varianty-popisy { width: 113px;}
  /*.Varianty-popisy span { white-space: pre;}*/
  #produktGalerie div.jcarousel-clip.jcarousel-clip-horizontal { position: absolute !important;}
  #StahniGalerii { padding: 0px;}
  #produktOdkazyInpage img { width: 50px;}
  #Popis-i6 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;  /*width: 97%; */padding: 10px;}
  /*clanky*/
  #vypisClankuTelo H3, #vypisProdukt H3, #vypisPrislusenstvi H3 { width: 87%;}
  #vypisClankuMenu li { border-left: none; margin: 0 5px 5px 0; }
  #vypisClankuMenu li H3 {border-bottom: none;  padding: 9px 5px;  font-size: 15px;  font-weight: 500;}
  #vypisClankuMenu li p {display:none;}
  #vypisClankuTelo li p { padding: 0 0 0 5px;}
  #vypisClankuTelo li small { width: unset;}
  .vypisClanek a { display: inline-block; width: 100%;}
  section#vypisSouvisejici #vypisClankuTelo li {width: 100%;display:flex}
  /*prodejci*/
  .poptavkaProdejciSloupec { width: 90%;}
  .poptavkaPolozkaRadek li:first-child { max-width: 35%;}
  /*vypnuti porovnavani*/
  #porovnaniDetailObal { width: initial !important;}
  #porovnaniDetailObal h3::after { content: "Bohužel, tato funkce není na Vašem zařízení k dispozici"; display: block; position: relative; width: 180px; background: red; color: white; padding: 10px;}
  #snippet--CompareList { display: none;}
  #snippet--compare { display: none !important;}
  .compare { display: none;}
  /*konfigurator*/
  .confNazevProduktu select { width: 100%;}
  .confNazevProduktu  { width: 100%;}
  #KonfFooterTisk, #KonfFooterOdeslat, #KonfFooterPoptavka, #KontaktyOdeslani input[type="submit"], #KontaktyOdeslani input[type="reset"] { margin: 0 0 20px;}
  #KonfFooterOdeslat { margin: 0;}
}




/* R04 naležato od 480px, prohlížeč do 789px */
@media only screen and  (max-width: 789px) {
/*#obal:before {content:"R04 do 790px - 100% šířka"}*/
  #obal {max-width: 100%; width: 100%; display:table;}
  #telo { position: relative;}
  #levySloupec {position:absolute; top: -77px; background:#272727; z-index:999; height: 30px; width:225px; overflow: hidden; margin:0;     box-shadow: 0 0 15px black;    -moz-box-shadow: 0 0 15px black;    -webkit-box-shadow: 0 0 15px black;}
  #levySloupec.responsivni { height:initial;}
  #MobilniMenu {display: inline-block;}
  #MobilniMenu a { padding: 11px; display: block; background: #ea0000; width: 199px; margin: -10px 0 0; font-weight: 800; font-size: 15px;}
  #hlavickaMenu { min-height: 98px;}
  #hlavickaHledej input { padding: 11px 6px 10px;}
  #hlavickaMenu div#hlavickaHledej { margin: 0 0 3px; position:relative; z-index:1000;}
  input#frm-searchForm-search { padding: 12px 6px 10px; width: 100px;}
  input#frm-searchForm-search:focus {color:white;}
  #skrytyFiltr {display:none;}
  #hlavickaCesta ul { float: left;  margin: 0; padding:0;}
  #pravySloupec { width: 100%; margin: 0;}
  #patickaBox { width: 100% ;  padding: 52px 0 0;}
  #patickaCopy { padding: 10px;  width: 90%;}
  #patickaBoxHal { height: inherit;  height: unset;  background: black;}
  #patickaBoxLoga { height: inherit; height: unset;  background: #272727;}
  /*uvodka*/
  #News { margin: 15px auto; position:relative; bottom: unset; left: unset; right:unset; top:unset; top:inherit;}
  .slidesjs-container { width: 125% !important;}
  .slidesjs-control { width: 100% !important;}
  /*produkty*/
  li.vypisPolozka {width: 99.8%;}
  #produktNadpis h1, #SproduktNadpis h1 {  margin: 0 0 0 10px;}
  .vypisObrazek { width: 30%; margin: 0; padding: 0;}
    .vypisObrazek img { max-width: 85%;}
    .vypisVetevNadpis h2 {background:rgba(0,0,0,0.5);}
    .vypisVetevPopis {background:rgba(0,0,0,0.5);margin:0 0 5px; padding:5px;}
  .vypisPolozkaStred { width: 70%;}
    div.compare { padding: 0px; background:none;}
  /*konfigurator*/
  #levySloupecConf {width:97%;}
    .confNazevProduktu select,
    .confPocet select { padding:12px; }
    .confPocet select { width:70px; }
    .confNazevProduktu  { width: 100%;}
  /**/
  .delitelnyBlok {width:100%;}
  .hide500 {display:none;}
}

/*přepnutí pod 500px v 100% šířce*/
@media only screen and  (max-width: 500px){
  #hlavickaLogo { width: 100%; background: #e2041d; text-align: center;}
  #hlavickaCesta li:nth-child(1), #hlavickaCesta li:nth-child(2) { display: none;}
  #hlavickaCesta li:nth-last-child(1), #hlavickaCesta li:nth-last-child(2) {display:block;}
  /*kategorie*/
  .vypisVetevPopis {display:none;}
  .vypisObrazek { width: 100%;height:initial;}
  .vypisPolozkaStred { width: 100%;}
  /*detail*/
  #produktProdejVarianty li { width: 100%;  margin: 0 0 5px; padding:0;}
  .Varianty-popisy { width: 95%; padding: 3px 0 0 5px;}
  #produktKonfigurace td { display: block;  width: 100%; float:left;}
  td.Kus {border-right:none;}
  /*paticka*/
  #patickaBoxHal img {  max-width: 30%;}
  #patickaBoxLoga img { max-width: 60%;}
  
}


/*Modal okna*/
html.remodal-is-locked { overflow: hidden; -ms-touch-action: none; touch-action: none;}
.remodal,
[data-remodal-id] {display: none;}
.remodal-overlay {  position: fixed;  z-index: 9999;  top: -5000px;  right: -5000px;  bottom: -5000px;  left: -5000px;  display: none;}
.remodal-wrapper { position: fixed;  z-index: 10000;  top: 0;  right: 0;  bottom: 0;  left: 0;  display: none;  overflow: auto;  text-align: center;  -webkit-overflow-scrolling: touch; padding: 10px 10px 0;}
.remodal-wrapper:after {  display: inline-block;  height: 100%;  margin-left: -0.05em;  content: "";}
/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {  -webkit-backface-visibility: hidden;  backface-visibility: hidden; }
.remodal {  position: relative;  outline: none;  -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;  text-size-adjust: 100%;
   box-sizing: border-box;  width: 100%;  margin-bottom: 10px;  padding: 20px 35px;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  color: #2b2e38;  background: url(http://www.hal3000.cz/css/images/obal-bg.png) center top black;
   box-shadow: 0 0 70px -20px black; -moz-box-shadow: 0 0 70px -20px black; -webkit-box-shadow: 0 0 70px -20px black;}
.remodal-is-initialized {  display: inline-block;}
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {  -webkit-filter: blur(3px);  filter: blur(3px);}
.remodal-overlay {  background: rgba(30, 30, 30, 0.9);}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {  -webkit-animation-duration: 0.3s;  animation-duration: 0.3s;  -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards;}
.remodal-overlay.remodal-is-opening {  -webkit-animation-name: remodal-overlay-opening-keyframes;  animation-name: remodal-overlay-opening-keyframes;}
.remodal-overlay.remodal-is-closing {  -webkit-animation-name: remodal-overlay-closing-keyframes;  animation-name: remodal-overlay-closing-keyframes;}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {  -webkit-animation-duration: 0.3s;  animation-duration: 0.3s;  -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards;}
.remodal.remodal-is-opening {  -webkit-animation-name: remodal-opening-keyframes;  animation-name: remodal-opening-keyframes;}
.remodal.remodal-is-closing {  -webkit-animation-name: remodal-closing-keyframes;  animation-name: remodal-closing-keyframes;}
.remodal,
.remodal-wrapper:after {  vertical-align: middle;}
.remodal-close {  position: absolute;  top: 0;  left: 0;  display: block;  overflow: visible;  width: 35px;  height: 35px;  margin: 0;  padding: 0;  cursor: pointer;  -webkit-transition: color 0.2s;  transition: color 0.2s;
  text-decoration: none;  color: #95979c;  border: 0;  outline: 0;  background: transparent;}
.remodal-close:hover,
.remodal-close:focus {  color: #2b2e38;}
.remodal-close:before {  font-size: 25px;  line-height: 35px;  position: absolute;  top: 0;  left: 0;  display: block;  width: 35px;  content: "\00d7";  text-align: center;}
.remodal-confirm,
.remodal-cancel { font: inherit;  display: inline-block;  overflow: visible;  min-width: 110px;  margin: 20px 0 0;  padding: 12px 0; cursor: pointer;  -webkit-transition: background 0.2s;  transition: background 0.2s;  text-align: center;  vertical-align: middle;  text-decoration: none;  border: 0;  outline: 0;}
.remodal-confirm {  color: #fff;  background: #81c784;}
.remodal-confirm:hover,
.remodal-confirm:focus {  background: #66bb6a;}
.remodal-cancel {  color: #fff;  background: #999; float: right;}
.remodal-cancel:hover,
.remodal-cancel:focus {  background: #ea0000;}
/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {  padding: 0;  border: 0;}
@-webkit-keyframes remodal-opening-keyframes {  from { -webkit-transform: scale(1.05); transform: scale(1.05);  opacity: 0;  }  to {   -webkit-transform: none;   transform: none;  opacity: 1;  }}
@keyframes remodal-opening-keyframes {  from {    -webkit-transform: scale(1.05);    transform: scale(1.05);    opacity: 0;  }  to {    -webkit-transform: none;    transform: none;    opacity: 1;  }}
@-webkit-keyframes remodal-closing-keyframes {  from {    -webkit-transform: scale(1);    transform: scale(1);    opacity: 1;  }  to {    -webkit-transform: scale(0.95);    transform: scale(0.95);    opacity: 0;  }}
@keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1);  opacity: 1;  } to {  -webkit-transform: scale(0.95);  transform: scale(0.95); opacity: 0;  } }
@-webkit-keyframes remodal-overlay-opening-keyframes { from { opacity: 0;  } to {  opacity: 1;  } }
@keyframes remodal-overlay-opening-keyframes { from {  opacity: 0;  }  to {  opacity: 1;  }}
@-webkit-keyframes remodal-overlay-closing-keyframes {  from {  opacity: 1;  }  to {  opacity: 0;  }}
@keyframes remodal-overlay-closing-keyframes {  from {    opacity: 1;  }  to {    opacity: 0;  }}
@media only screen and (min-width: 641px) {  .remodal { max-width: 700px; }}
.lt-ie9 .remodal-overlay { background: #2b2e38;}
.lt-ie9 .remodal {  width: 700px;}

/* GoldPartner stylyng */
#modal_goldpartner .modal-content { float: left; text-align:left; color:white;width: 100%; margin: 15px 0 0;  font-size: 14px; }
#modal_goldpartner .row { width: 100%;clear: both;float: left;}
#modal_goldpartner .left,
#modal_goldpartner .right,
#modal_goldpartner .adresses .a-left,
#modal_goldpartner .adresses .a-right { width: 49%;float: left;}
#modal_goldpartner .logo {text-align:center;}
#modal_goldpartner .logo img,
#modal_goldpartner .images img { max-width:100%;}
#modal_goldpartner ul {list-style:none; padding: 0 5px 0 0}
#modal_goldpartner .roles ul {margin: 15px 0 0 15px; padding:10px 10px 4px;background:#3c3c3c;}
#modal_goldpartner .roles li {text-align:center; text-transform:uppercase; margin:0 0 5px; padding:4px 0;}
#modal_goldpartner .GoldPartner {background:#F79443; color:white; font-size: 19px;}
#modal_goldpartner .Service,
#modal_goldpartner .Seller  {background:#333; color:white; font-size: 14px;}
#modal_goldpartner .description { padding: 0 0 0 25px;}