@media all {
  DIV,HTML,FORM,FIELDSET,FORM P,BODY,IMG,TD,#container,#center,#page,#body,#body-in,#body-end,#head,#head-in,#sidebar-1,#sidebar-2,#content,#foot,ADDRESS {
    PADDING:0;
    MARGIN:0;
  }
  TD,TH {
    PADDING:0.1ex 0.6ex;
  }
  FORM {
    MARGIN-BOTTOM:1em;
  }
  IMG {
    MAX-WIDTH:100%;
  }
  #accessibility {
    DISPLAY:none;
  }
  .topright {
    FLOAT:right !important;
    MARGIN:0 0 1.2ex 1.2ex;
  }
  .vcard {
    PADDING:0 0 1em;
  }
  #links {
    FONT-SIZE:66%;
  }
}

@media print {
  BODY,TABLE {
    FONT:11pt/1.4 serif;
  }
  A {
    TEXT-DECORATION:none;
    COLOR:black;
  }
  IMG,#foot {
    PAGE-BREAK-INSIDE:avoid;
  }
  #sidebar-1,#counters,#links {
    DISPLAY:none;
  }
}

@media screen {
  A:link {
    COLOR:#00f;
  }
  A:visited {
    COLOR:#b0b;
  }
  A:link:hover,A:visited:hover {
    COLOR:#f00;
  }
  H1,H2 {
    COLOR:#722;
  }
  BODY {
    BACKGROUND:#cbdcff url("/css/blue.png") top left repeat-x;
    POSITION:relative;
    TEXT-ALIGN:center;
    Z-INDEX:1;
    FONT-FAMILY:Calibri,Verdana,Arial,sans-serif;
  }
  TABLE {
    FONT-SIZE:100%;
  }
  #page {
    POSITION:relative;
    TOP:0;
    LEFT:0;
    WIDTH:986px;
    MARGIN:0 auto;
    TEXT-ALIGN:left;
    Z-INDEX:2;
  }
  #head {
    POSITION:absolute;
    TOP:0;
    LEFT:0;
    Z-INDEX:3;
    HEIGHT:228px;
    WIDTH:100%;
    BACKGROUND:url("/css/hlavicka.jpg") top left no-repeat;
  }
  #head-in A {
    POSITION:absolute;
    TOP:50px;
    LEFT:45px;
    DISPLAY:block;
    WIDTH:348px;
    HEIGHT:115px;
  }
  #site-name,#site-slogan {
    DISPLAY:none;
  }
  #center {
    WIDTH:100%;
  }
  #content {
    MARGIN:0 2em;
    MIN-HEIGHT: 20em;
  }
  #body {
    POSITION:relative;
    TOP:228px;
    LEFT:0;
    WIDTH:100%;
    Z-INDEX:3;
    BACKGROUND:url("/css/spodek.png") bottom left no-repeat;
    PADDING:0 0 9px;
  }
  #links {
    POSITION:relative;
    TOP:228px;
    LEFT:0px;
    TEXT-ALIGN:center;
    PADDING:1em;
    COLOR:#008;
  }
  #body-in {
    WIDTH:100%;
    BORDER:none;
    PADDING:1em 0;
    BACKGROUND:url("/css/hrany.png") top left repeat-y;
  }
  #body-end {
    CLEAR:both;
    WIDTH:100%;
  }
  #accessibility {
    DISPLAY:none;
  }
  #sidebar-1 {
    POSITION:absolute;
    TOP:-54px;
    LEFT:0px;
    WIDTH:100%;
    Z-INDEX:8;
  }
  .section_list,.section_list UL,.section_list LI,.section_list A {
    MARGIN:0;
    PADDING:0;
  }
  .section_list {
    POSITION:absolute;
    TOP:0px;
    LEFT:0px;
    Z-INDEX:9;
    FONT-FAMILY:Arial,Verdana,sans-serif;
  }
  UL.section_list {
    MARGIN-LEFT:60px;
  }
  UL.section_list LI {
    MARGIN:0;
    PADDING:0;
    FLOAT:left;
    LIST-STYLE-TYPE:none;
    DISPLAY:inline;
    BORDER-RIGHT:1px solid #fff;
  }
  UL.section_list A {
    COLOR:#fff;
    DISPLAY:block;
    PADDING:16px;
  }
  UL.section_list A:link:hover,UL.section_list A:visited:hover {
    BACKGROUND:#fff;
    COLOR:#000;
  }
  UL.section_list A.active {
    COLOR:#000;
    BACKGROUND:#fff;
  }
  #sidebar-1 P {
    MARGIN:13px 24px 0 0;
    PADDING:0;
    FLOAT: right;
    FONT-SIZE:80%;
    COLOR:#fff;
  }
  #sidebar-1 P A {
    COLOR:#fff;
  }
  #foot {
    POSITION:absolute;
    TOP:60px;
    RIGHT:70px;
    WIDTH:20em;
    Z-INDEX:10;
    TEXT-ALIGN:right;
  }
  #foot H2 {
    DISPLAY:none;
  }
  ADDRESS {
    FONT-SIZE:90%;
    FONT-FAMILY:Arial,Verdana,sans-serif;
    FONT-STYLE:normal;
  }
  .author,.published,.tags {
    FONT-SIZE:80%;
    COLOR:#777;
  }
  .comments_error {
    COLOR:#f00;
  }
  FORM {
    BACKGROUND:#cbdcff;
  }
}

