/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  left: 0;
  position: absolute;
  overflow: hidden;
  top: 0;
  z-index: 9999;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft {clear: left;}
#cboxContent {position: relative;}
#cboxLoadedContent {overflow: auto;}
#cboxLoadedContent iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
}
#cboxTitle {margin: 0;}
#cboxLoadingOverlay, #cboxLoadingGraphic {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor: pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
/* Překryv stránky */
#cboxOverlay {background: #000;}

#colorbox {}
#cboxContent {margin-top: 20px;}
/* Rámeček kolem nahraného obrázku */
#cboxLoadedContent {
  background: #b00000;
  padding: 5px;
}
/* Písmo nadpisu */
#cboxTitle {
  color: #fff;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 75%;
  font-weight: bold;
  left: 70px;
  position: absolute;
  top: -19px;
}
/* Pořadí obrázku */
#cboxCurrent {
  background: #b00000;
  color: #fff;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 75%;
  left: 0;
/*  padding: 0.21em 0.5em;*/
  padding: 0.21em 0;
  position: absolute;
  top: -19px;
  text-align: center;
  width: 57px;
}
#cboxSlideshow {
  color: #fff;
  position: absolute;
  right: 90px;
  top: -20px;
}
#cboxPrevious {
  background: url(../grafika/controls.gif) top left no-repeat;
  height: 65px;
  position: absolute;
  left: 5px;
  margin-top: -32px;
  text-indent: -9999px;
  top: 50%;
  width: 28px;
}
#cboxPrevious.hover {background-position: bottom left;}
#cboxNext {
  background: url(../grafika/controls.gif) top right no-repeat;
  height: 65px;
  margin-top: -32px;
  position: absolute;
  right: 5px;
  text-indent: -9999px;
  top: 50%;
  width: 28px;
}
#cboxNext.hover {background-position: bottom right;}
/* Prvek zobrazený během změny obrázku */
#cboxLoadingOverlay {
  background: #b00000;
}
#cboxLoadingGraphic {background: url(../grafika/loading.gif) center center no-repeat;}
/* Uzavírací prvek (křížek) */
#cboxClose {
  background: url(../grafika/controls.gif) top center no-repeat;
  display: block;
  height: 20px;
  position: absolute;
  right: 0;
  text-indent: -9999px;
  top: -20px;
  width: 42px;
}
/* Uzavírací prvek (křížek) při najetí myši */
#cboxClose.hover {background-position: bottom center;}