#info a, #info a:visited, #info a:active, #info a:hover {
    text-decoration:none;
    color:black;
}

#info {
    margin:0 auto 0 auto;
    position:relative;
    text-align:left;
    padding:0;
    padding-bottom:5rem;
}
@media screen and (max-width: 999px) {
  #page {
      width:100%;
  }
}
ul.vzornik {
    padding-left:0;
    position:relative;
}
.vzornik img {
    width:50px;
    height:50px;
}
.vzornik li {
    cursor:zoom-in;
    display:inline-block;
}
.vzornik li .barva {
    position:absolute;
    top:-2.1em;
    border-top:solid white 0.3em;
    font-size:1.4em;
    left:0;
    display:none;
    background-color:#282828;
    color:white;
    z-index:99;
    width:100%;
    font-family:suzukiproregular, Calibri, Gill Sans, Arial, Sans-Serif;
    line-height: 1.7;
}
.vzornik li:hover .barva {
    display:block;
}
.vzornik li .barva span {
    padding-left: 1em;
}
.vzornik li .barva span.priplatek {
    position:absolute;
    right:0;
    top:0;
    padding-right: 1em;
}
.form-group {
    margin-bottom:0;
}
.form-group .tlacitka {
 width:100%;
 text-align:right
}
.form-group .tlacitka input[type=submit] {
 width:30%
}



.sklad #info {
  background-color:transparent;
}
#info-in {
    margin-top:0 !important;
}
#info-in h2 {
    padding-top:0.75em;
}
#info ul#modelyMiniatury {
    list-style:none;
    padding-left:0;
    padding-right:0; 
    margin-left:0;
    margin-right:0;
    margin-bottom: 2.8em;
}
#info #modelyMiniatury li {
    width:33.3%;
    float:left;
    position:relative;
}
#info #modelyMiniatury li a {
    color:black;
    position:relative;
}
#info #modelyMiniatury li a img {
    padding-right:0em;
    vertical-align: middle;
}
#info #modelyMiniatury li a img.checkBox {
    padding-right:0;
}
.form-group > div {
  width:326px;
  text-align:center;
  float:left;
  margin-right:11px;
  margin-bottom:11px;
}
.form-group > div.nadpisSkupiny {
  color:black;
  font-size:1.7em;
  line-height: 1.647;
  font-family: suzukiproregular, Calibri, Helvetica Neue, Gill Sans, Arial, Sans-Serif;
/*  -ms-transform: rotate(-20deg); /* IE 9 */
/*  transform: rotate(-20deg);
  padding-top:1em; */
  text-align:left;
}
.form-group#stupneVybavy .nadpisSkupiny {
  width:100%;
  margin-right:0;
}
.form-group.volby > div.volba:nth-child(3n),
.form-group#stupneVybavy div:nth-child(3n+4),
.form-group#stupneVybavy div:nth-child(5),
.form-group#stupneVybavy div:nth-child(6) {
  margin-right:0;
}
.form-group#stupneVybavy div:nth-child(5),
.form-group#stupneVybavy div:nth-child(6) {
  margin-top:2.8em;
}
.form-group#stupneVybavy.jednaVybava > div {
  width:100%;
  margin-right:0;
}
.form-group#barvy > div {
  width:100%;
  margin-right:0;
  text-align:left;
}
.form-group > div.volba,
.form-group .nazevVybavy {
  background-color:silver;
  color:white;
  position:relative;
  cursor:pointer;
  min-height:120px;
}
.form-group > div.volba.selected,
.form-group div.vybava.selected .nazevVybavy {
  background-color:#4a4a4a;
}
.form-group > div.volba.disabled,
.form-group div.vybava.disabled .nazevVybavy {
  background-color:#F0F0F0;
  cursor:default;
}
.form-group > div.volba.disabled {
  cursor:not-allowed;
}
.form-group > div.volba img.ikona,
.form-group div.vybava .nazevVybavy img.ikona {
  display:block;
  position:absolute;
  right:2px;
  bottom:2px;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}
.form-group > div.volba.selected img.ikona,
.form-group div.vybava.selected .nazevVybavy img.ikona {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.form-group > div.volba.disabled img.ikona,
.form-group div.vybava.disabled .nazevVybavy img.ikona,
.form-group > div.volba.neniVNabidce img.ikona,
.form-group div.vybava.neniVNabidce .nazevVybavy img.ikona {
  display:none;
}
.form-group > div.volba.neniVNabidce,
.form-group div.vybava.neniVNabidce .nazevVybavy {
  background-image: none;
  cursor:not-allowed;
}
.form-group > div.volba > div:first-child,
.form-group > div.vybava > .nazevVybavy  > div:first-child {
  Xpadding-top:1em;
  font-size:1.4em;
  font-family: suzukiproregular, Calibri, Helvetica Neue, Gill Sans, Arial, Sans-Serif;
  position:absolute;
  width:100%;
  bottom:2em;
}
.form-group > div.volba span.paramInfo {
  display:block;
  font-size:12pt;
}
.form-group > div.volba .cena,
.form-group > div.vybava .cena {
  position:absolute;
  width:100%;
  bottom:1em;
  left:0;
}
.form-group .vybava .seznamVybavy {
  padding-top:1em;
  text-align:left;
}
.form-group > div.vybava .seznamVybavy {
  padding-left: 2em;
}
.form-section .detail {
  font-family: Calibri, Helvetica Neue, Gill Sans, Arial, Sans-Serif;
  position:relative;
}
#sekce-vysledek.form-section {
  padding-bottom:0;
}
.form-section .detail:last-child {
  margin-bottom:1.7em;
}
.form-section .detail a {
  font-size:1.4em;
  position:relative;
  display:block;
}
.form-section #vybranyVuz .detail a,
.form-section #vybranyVuz .detail a:visited,
.form-section #vybranyVuz .detail a:active {
  font-size:1.4em;
  font-weight:bold;
  color:black;
}
.form-section .detail a span.cena {
  position:absolute;
  padding-right:32px;
  background-repeat: no-repeat;
  background-position: right center;
  right:0;
}
#sekce-ulozene.form-section .detail a span.cena {
  right:32px;
  min-width:32px;
  min-height:24px;
}
#sekce-ulozene.form-section .detail span.odebrat {
  position:absolute;
  background-repeat: no-repeat;
  background-position: right center;
  right:0;
  top:0;
  min-width:32px;
  min-height:24px;
  cursor:pointer;
}


@media all and (max-width: 999px) {
  .form-group > div {
    width:50%;
    margin-right:0px;
  }
  .form-group > div.nadpisSkupiny {
    width:100%;
    margin-right:0;
  }
  .form-section .detail {
    padding-bottom:0.3em;
  }
  .form-section .detail a,
  .form-section .detail a span.cena {
    font-size:1em;
    padding-left:10px;
    padding-right:10px;
  }
  #sekce-ulozene.form-section .detail a span.cena {
    right:42px;
  }
  #sekce-ulozene.form-section .detail span.odebrat {
    right:10px;
  }
}
@media all and (max-width: 650px) {
  .form-group > div {
    width:100%;
  }
  .form-section .detail a span.cena {
    position:relative;
    text-align:right;
    display:block;
    padding-bottom:0.3em;
  }
  #sekce-ulozene.form-section .detail span.odebrat {
    top:auto;
    bottom:0.3em;
    padding-bottom:0.3em;
  }
}










#info #modelyMiniatury li div.pocet {
    position:absolute;
    right:1em;
    bottom:0;
    color:rgba(0,0,0,0.4);
    font-weight:bold;
    font-size:1.7em;
}
#info #modelyMiniatury li.excluded div.pocet {
    color:rgba(0,0,0,0.1);
}
#info #modelyMiniatury.updating li.excluded div.pocet,
#info #modelyMiniatury.updating li div.pocet {
    color:rgba(128,128,128,0.1);
}
#fotoModelu {
    position:relative;
    padding-top:45%;
    margin-bottom:0;
}
#fotoModelu img {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    bottom:0;
}
#fotoModeluInfo {
    text-align:right !important;
    font-style:italic;
    margin-bottom:2.8em;
    padding-bottom:1em;
}
.form-group label, .form-group select {
    font-size:1.4em;
    padding: 5px 1px;
}
.form-group label {
    text-align:center;
}

span.position {
    position:relative;
}
.form-group .tlacitka {
  width:100%;
  text-align:right;
}
.form-group .tlacitka input[type="submit"] {
  width:30%;
}
#modelyMiniatury span.checkBox {
    display:none;
    width:30px;
    height:80px;
    background-image:url('../konfigurator/checked-n.png');
}


#info ul.vzornik {
    padding-left:0;
    position:relative;
    padding-top:0.3em;
    padding-bottom:0;
}
.vzornik li {
    Xcursor:zoom-in;
    display:inline-block;
}
.vzornik li.disabled {
  display:none;
}
.vzornik a {
    position:relative;
    width:50px;
    height:50px;
}
.vzornik img {
    width:50px;
    height:50px;
}
.vzornik a.excludedColor img {
    height:20px;
    Xopacity:0.3;
}
.vzornik li .barva {
    position:absolute;
    top:-2.1em;
    border-top:solid white 0.3em;
    font-size:1.4em;
    left:0;
    display:none;
    background-color:#282828;
    color:white;
    z-index:99;
    width:100%;
    font-family:suzukiproregular, Calibri, Gill Sans, Arial, Sans-Serif;
    line-height: 1.7;
}
.vzornik li:hover .barva {
    display:block;
}
.vzornik li.selected .barva {
    display:block;
    z-index:98;
}
.vzornik li .barva span {
    padding-left: 1em;
}
.vzornik li .barva span.priplatek {
    position:absolute;
    right:0;
    top:0;
    padding-right: 1em;
}

.select-editable {background-color:white; width:35%; float:left;}
.select-editable div { position:relative; border:solid grey 1px; }
.select-editable select {font-size:1.4em; border:none; width:100%; }
.select-editable input {position:absolute; top:0px; left:3px; width:100%; padding:2px 1px; font-size:1.4em; border:none;}
.select-editable select:focus, .select-editable input:focus {outline:none;}

.errorInfo {
  margin-bottom:10em;
}

@media all and (max-width: 999px) {
  #info #modelyMiniatury li {
      width:50%;
  }
  .form-group label {
      text-align:left;
  }
  div.skladovyVuz {
    width: 50%;
    float:left;
  }
}
@media all and (max-width: 999px) and (min-width:651px) {
  div.skladovyVuz:nth-child(2n) > div {
    margin-left:5px;
  }
  div.skladovyVuz:nth-child(2n+1) > div {
    margin-right:5px;
  }
}
@media all and (max-width: 650px) {
  #info #modelyMiniatury li {
      width:100%;
  }
  div.skladovyVuz {
    width: 100%;
  }
}