@charset "UTF-8";
/* celková šířka stránky */
/* šířka záhlaví */
/* nutné kvůlil Opeře, jinak použije Verdanu - zakázáno, chybně se renderuje text-shadow */
/*@font-face { font-family: sans-serif; src: url('FreeSerifOblique.ttf'); }
@font-face { font-family: sans-serif; font-weight: bold; src: url('FreeSerifBoldOblique.ttf'); }
@font-face { font-family: sans-serif; font-style: italic; src: url('FreeSerifItalic.ttf'); }
@font-face { font-family: sans-serif; font-weight: bold; font-style: italic; src: url('FreeSerifBoldItalic.ttf'); }
*/
/* stíny */
body {
  min-width: 990px;
  margin: 0;
  background: url("body-gradient.png") top repeat-x #f8eee2;
  text-align: center;
  font-size: 14px;
  font-family: "Helvetica", Arial, sans-serif;
  _width: expression(document.body.clientWidth < 990 ? "990px" : "auto" );
  /* ručně! */ }

img {
  border-width: 0px; }

#container {
  /* vse obklopujici div, kvuli centrovanemu designu */
  width: 990px;
  height: 100%;
  position: relative;
  text-align: left;
  margin: auto; }

#head {
  /* uvodni obrazek */
  border-width: 0;
  position: relative;
  top: 0px;
  left: 15px;
  -moz-border-radius: 0 0 20px 20px;
  -webkit-border-radius: 0 0 20px 20px;
  -o-border-radius: 0 0 20px 20px;
  -khtml-border-radius: 0 0 20px 20px;
  border-radius: 0 0 20px 20px;
  -moz-box-shadow: 2px 2px 8px #ac9e8c;
  -webkit-box-shadow: 2px 2px 8px #ac9e8c;
  -o-box-shadow: 2px 2px 8px #ac9e8c;
  -khtml-box-shadow: 2px 2px 8px #ac9e8c;
  box-shadow: 2px 2px 8px #ac9e8c; }

.hidden {
  /*display: hidden;*/
  display: none; }

#step_1 {
  position: relative;
  margin-top: 25px;
  padding: 10px 10px 10px 10px;
  width: 942px;
  border: 14px solid #e5d3ba;
  background-color: #f8eee2;
  color: black;
  font-size: 14px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -o-border-radius: 30px;
  -khtml-border-radius: 30px;
  border-radius: 30px;
  background: linear-gradient(-90deg, #fcf7f1 0, #f8eee2 40px);
  background: -webkit-linear-gradient(-90deg, #fcf7f1 0, #f8eee2 40px);
  background: -moz-linear-gradient(-90deg, #fcf7f1 0, #f8eee2 40px);
  background: -o-linear-gradient(-90deg, #fcf7f1 0, #f8eee2 40px);
  background: -ms-linear-gradient(-90deg, #fcf7f1 0, #f8eee2 40px); }

/* galerie pilotů */
#step_1 {
  /* nadpisy katergorií Plastové / HPL dvěřní výplně */ }
  #step_1 #plastic_head {
    width: 40%; }
  #step_1 #hpl_head {
    width: 60%; }
  #step_1 #plastic_head, #step_1 #hpl_head {
    float: left;
    -moz-border-radius: 40px 40px 0 0;
    -webkit-border-radius: 40px 40px 0 0;
    -o-border-radius: 40px 40px 0 0;
    -khtml-border-radius: 40px 40px 0 0;
    border-radius: 40px 40px 0 0;
    -moz-text-shadow: 1px 1px 1px white;
    -webkit-text-shadow: 1px 1px 1px white;
    -o-text-shadow: 1px 1px 1px white;
    -khtml-text-shadow: 1px 1px 1px white;
    text-shadow: 1px 1px 1px white;
    color: black;
    height: 57px; }
    #step_1 #plastic_head p.category, #step_1 #hpl_head p.category {
      line-height: 57px;
      text-align: center;
      font-weight: bold;
      padding: 0;
      font-size: 20px;
      margin: 0; }
  #step_1 #galleries_tabs {
    position: relative;
    clear: left;
    width: 100%;
    height: 350px;
    /* jednotlivé kategorie */ }
    #step_1 #galleries_tabs > div {
                                          /* #c0 - #c4
/*width: 20%; float: left; height: 350px; /*z-index: 1;*/
      z-index: 1;
      height: 350px;
      width: 188.4px;
      top: 0;
      position: absolute;
      /* pokud jsou kategorie float, zobrazuje se špatně stín */ }
      #step_1 #galleries_tabs > div p.category {
        font-size: 14px;
        line-height: 47px;
        margin: 0;
        padding: 0;
        text-align: center;
        font-weight: bold; }
      #step_1 #galleries_tabs > div p.desc {
        padding-left: 10px; }
      #step_1 #galleries_tabs > div * {
        /* název a popis série */
        -moz-text-shadow: 1px 1px 1px white;
        -webkit-text-shadow: 1px 1px 1px white;
        -o-text-shadow: 1px 1px 1px white;
        -khtml-text-shadow: 1px 1px 1px white;
        text-shadow: 1px 1px 1px white;
        color: black; }
      #step_1 #galleries_tabs > div div.category_icon {
        cursor: pointer;
        left: 4.2px;
        /* 180 je šířka ikony */ }
    #step_1 #galleries_tabs > #c0.active, #step_1 #galleries_tabs #c1.active, #step_1 #galleries_tabs #c2.active, #step_1 #galleries_tabs #c3.active, #step_1 #galleries_tabs #c4.active {
      -moz-border-radius: 12px 12px 0 0;
      -webkit-border-radius: 12px 12px 0 0;
      -o-border-radius: 12px 12px 0 0;
      -khtml-border-radius: 12px 12px 0 0;
      border-radius: 12px 12px 0 0;
      -moz-box-shadow: inset 2px 2px 3px white, 5px 9px 8px black;
      -webkit-box-shadow: inset 2px 2px 3px white, 5px 9px 8px black;
      -o-box-shadow: inset 2px 2px 3px white, 5px 9px 8px black;
      -khtml-box-shadow: inset 2px 2px 3px white, 5px 9px 8px black;
      box-shadow: inset 2px 2px 3px white, 5px 9px 8px black;
      z-index: 2;
      /* vrhat stín na ostatní kategorie */ }
      #step_1 #galleries_tabs > #c0.active.plast, #step_1 #galleries_tabs #c1.active.plast, #step_1 #galleries_tabs #c2.active.plast, #step_1 #galleries_tabs #c3.active.plast, #step_1 #galleries_tabs #c4.active.plast {
        background: #46607b;
        /*@include gradient((-90deg, #EBFFFF 0, $plast_background 40px, $plast_background 200px, lighten($plast_background, 20%) 330px, lighten($plast_background, 30%) 350px));*/ }
      #step_1 #galleries_tabs > #c0.active.hpl, #step_1 #galleries_tabs #c1.active.hpl, #step_1 #galleries_tabs #c2.active.hpl, #step_1 #galleries_tabs #c3.active.hpl, #step_1 #galleries_tabs #c4.active.hpl {
        background-color: #8f7153;
        /*@include gradient((-90deg, #EBFFFF 0, $hpl_background 40px, $hpl_background 200px, lighten($hpl_background, 20%) 330px, lighten($hpl_background, 30%) 350px));*/ }
      #step_1 #galleries_tabs > #c0.active *, #step_1 #galleries_tabs #c1.active *, #step_1 #galleries_tabs #c2.active *, #step_1 #galleries_tabs #c3.active *, #step_1 #galleries_tabs #c4.active * {
        /* název a popis série */
        -moz-text-shadow: 1px 1px 1px black;
        -webkit-text-shadow: 1px 1px 1px black;
        -o-text-shadow: 1px 1px 1px black;
        -khtml-text-shadow: 1px 1px 1px black;
        text-shadow: 1px 1px 1px black;
        color: white; }
    #step_1 #galleries_tabs #c0 {
      left: 0;
      -moz-border-radius: 0 0 0 10px;
      -webkit-border-radius: 0 0 0 10px;
      -o-border-radius: 0 0 0 10px;
      -khtml-border-radius: 0 0 0 10px;
      border-radius: 0 0 0 10px; }
    #step_1 #galleries_tabs #c1 {
      left: 188.4px; }
    #step_1 #galleries_tabs #c2 {
      left: 376.8px; }
    #step_1 #galleries_tabs #c3 {
      left: 565.2px; }
    #step_1 #galleries_tabs #c4 {
      left: 753.6px;
      -moz-border-radius: 0 0 10px 0;
      -webkit-border-radius: 0 0 10px 0;
      -o-border-radius: 0 0 10px 0;
      -khtml-border-radius: 0 0 10px 0;
      border-radius: 0 0 10px 0; }
  #step_1 #galleries_content {
    clear: left;
    width: 100%;
    position: relative;
    z-index: 3;
    /* musí být větší než z-index #galleries_tabs > div.active */ }
    #step_1 #galleries_content > #gallery > * {
      /* všechny jednotlivé galerie */
      padding: 5px;
      -moz-border-radius: 40px;
      -webkit-border-radius: 40px;
      -o-border-radius: 40px;
      -khtml-border-radius: 40px;
      border-radius: 40px;
      -moz-box-shadow: 5px 9px 8px #726a5d;
      -webkit-box-shadow: 5px 9px 8px #726a5d;
      -o-box-shadow: 5px 9px 8px #726a5d;
      -khtml-box-shadow: 5px 9px 8px #726a5d;
      box-shadow: 5px 9px 8px #726a5d;
      -moz-box-shadow: inset 2px 2px 3px white, 5px 9px 8px black;
      -webkit-box-shadow: inset 2px 2px 3px white, 5px 9px 8px black;
      -o-box-shadow: inset 2px 2px 3px white, 5px 9px 8px black;
      -khtml-box-shadow: inset 2px 2px 3px white, 5px 9px 8px black;
      box-shadow: inset 2px 2px 3px white, 5px 9px 8px black;
      display: none; }
      #step_1 #galleries_content > #gallery > *.plast {
        background: #4f6d8b; }
      #step_1 #galleries_content > #gallery > *.hpl {
        background: #9e825d; }
      #step_1 #galleries_content > #gallery > *.active {
        display: block; }
    #step_1 #galleries_content #gallery_0 {
      -moz-border-radius: 0 40px 40px 40px;
      -webkit-border-radius: 0 40px 40px 40px;
      -o-border-radius: 0 40px 40px 40px;
      -khtml-border-radius: 0 40px 40px 40px;
      border-radius: 0 40px 40px 40px; }
    #step_1 #galleries_content #gallery_4 {
      -moz-border-radius: 40px 0 40px 40px;
      -webkit-border-radius: 40px 0 40px 40px;
      -o-border-radius: 40px 0 40px 40px;
      -khtml-border-radius: 40px 0 40px 40px;
      border-radius: 40px 0 40px 40px; }

a.gallery_thumbnail {
  display: -moz-inline-stack;
  display: inline-block;
  text-align: center;
  -moz-text-shadow: 1px 1px 1px black;
  -webkit-text-shadow: 1px 1px 1px black;
  -o-text-shadow: 1px 1px 1px black;
  -khtml-text-shadow: 1px 1px 1px black;
  text-shadow: 1px 1px 1px black;
  color: white; }
  a.gallery_thumbnail img {
    display: block;
    margin: 0;
    padding: 0; }
  a.gallery_thumbnail:link, a.gallery_thumbnail:visited, a.gallery_thumbnail:active {
    text-decoration: none;
    color: white; }
  a.gallery_thumbnail:hover {
    text-decoration: none;
    font-weight: bold; }

/* styly varovani a informacnich textu */
/* obecne */
#loading, #nojavascript, #small_height_warning {
  width: 500px;
  margin: 0px auto;
  background-color: #124F7C;
  border: 3px outset #FF0000;
  border-top: none;
  -moz-border-radius: 0 0 20px 20px;
  -webkit-border-radius: 0 0 20px 20px;
  -khtml-border-radius: 0 0 20px 20px;
  border-radius: 0 0 20px 20px;
  color: white;
  padding: 0; }

#nojavascript div.title, #small_height_warning div.title {
  background-color: #F00;
  font-weight: bold;
  text-align: center;
  font-size: 1.2em;
  padding: 5px;
  margin-bottom: 5px; }

#nojavascript div.message, #small_height_warning div.message, #loading {
  padding: 10px; }

/* upresneni */
#loading {
  width: 600px; }

#loading_text {
  font-family: tahoma, arial, sans-serif;
  font-size: 18px;
  text-align: center;
  font-weight: bold; }

#nojavascript {
  text-align: center;
  font-weight: bold; }

#small_height_warning {
  text-align: left; }

#cache_advice {
  width: 450px;
  margin: 0px auto;
  border: 3px outset #FF0000;
  border-top: none;
  -moz-border-radius: 0 0 20px 20px;
  -webkit-border-radius: 0 0 20px 20px;
  -khtml-border-radius: 0 0 20px 20px;
  border-radius: 0 0 20px 20px;
  color: white;
  background-color: #F00;
  text-align: center;
  font-size: 1.1em;
  padding: 5px;
  margin-bottom: 5px; }

/* preload progressbar */
#box {
  background: url(progress-bar-back.gif) right center no-repeat;
  width: 208px;
  height: 20px;
  float: left;
  padding: 0; }

#perc {
  background: url(progress-bar.gif) right center no-repeat;
  width: 0px;
  height: 20px;
  margin: 0;
  padding: 0;
  float: left; }

#text {
  font-family: tahoma, arial, sans-serif;
  font-size: 11px;
  color: #FFF;
  float: left;
  padding: 3px 0 0 10px; }

#progress-bar {
  margin-left: 10px; }

/* multibox */
/**************************************************************

	MultiBox
	v1.3

**************************************************************/
.MultiBoxContainer {
  position: absolute;
  border: 10px solid #002d47;
  background-color: #f8eee2;
  display: none;
  z-index: 1000;
  text-align: left;
  /*overflow: hidden;*/
  -moz-border-radius: 20px 0 20px 20px;
  -webkit-border-radius: 20px 0 20px 20px;
  -o-border-radius: 20px 0 20px 20px;
  -khtml-border-radius: 20px 0 20px 20px;
  border-radius: 20px 0 20px 20px;
  -moz-box-shadow: 0 0 5px 5px white;
  -webkit-box-shadow: 0 0 5px 5px white;
  -o-box-shadow: 0 0 5px 5px white;
  -khtml-box-shadow: 0 0 5px 5px white;
  box-shadow: 0 0 5px 5px white; }

.MultiBoxLoading {
  background: url(multibox/images/loader.gif) no-repeat center; }

.MultiBoxContent {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-shadow: 1px 1px black; }
  .MultiBoxContent #tip0, .MultiBoxContent #tip1, .MultiBoxContent #tip2 {
    text-shadow: 1px 1px white; }

.MultiBoxClose {
  position: absolute;
  top: -26px;
  right: -26px;
  background: url(multibox/images/close.png) no-repeat;
  width: 24px;
  height: 24px;
  cursor: pointer;
  -moz-box-shadow: 0 0 5px 2px white;
  -webkit-box-shadow: 0 0 5px 2px white;
  -o-box-shadow: 0 0 5px 2px white;
  -khtml-box-shadow: 0 0 5px 2px white;
  box-shadow: 0 0 5px 2px white;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%; }

.MultiBoxControlsContainer {
  overflow: hidden;
  height: 0px;
  position: relative; }

.MultiBoxControls {
  width: 100%;
  height: auto;
  position: relative;
  background-color: #002D47; }

.MultiBoxPrevious {
  position: absolute;
  background: url(multibox/images/left.png) no-repeat;
  width: 24px;
  height: 24px;
  left: 0px;
  margin-top: 5px;
  cursor: pointer; }

.MultiBoxNext {
  position: absolute;
  background: url(multibox/images/right.png) no-repeat;
  width: 24px;
  height: 24px;
  right: 0px;
  margin-top: 5px;
  cursor: pointer; }

.MultiBoxNextDisabled {
  cursor: default;
  background: url(multibox/images/rightDisabled.png) no-repeat; }

.MultiBoxPreviousDisabled {
  cursor: default;
  background: url(multibox/images/leftDisabled.png) no-repeat; }

.MultiBoxTitle {
  position: relative;
  margin: 10px 0 0 35px;
  float: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFF;
  font-weight: bold;
  text-align: left; }

.MultiBoxNumber {
  position: relative;
  width: 50px;
  margin: 10px 35px 0 0;
  float: right;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFF;
  text-align: right; }

.MultiBoxDescription {
  clear: left;
  position: relative;
  margin: 0 35px 0 35px;
  padding-top: 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFF;
  text-align: left; }