* {                                                               /* override browser-specific defaults:          */
   margin: 0;                                                     /* set default margin to 0 for everything       */
   padding: 0;                                                    /* set default padding to 0 for everything      */
   }

h1, h2, h3, h4, h5, h6, p, blockquote,
form, label, ul, ol, dl, fieldset, address {
   margin-bottom: 1em;                                            /* for all block level items, bottom margin 1em */
   }

html {
   font-size: 100%;                                               /* IE5/6 hack to allow for an Em-based layout   */
   }

body { 
   font-size: 1em;                                                /* start with default font size (usually 16px)  */
   font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;    /* default Tahoma/Verdana, fall back to s-serif */
   color: black;                                                  /* default text color: black                    */
   background: white;                                             /* default background color: white              */
   padding: 0.25em;                                               /* 0.25em * 16px/em = 4px                       */
   }

.page_sw .header {                                                /* header: logo + top/main/sub menu + locator   */
   text-align: right;                                             /* right-align all header content               */
   width: 60em;                                                   /* 60em * 16px/em = 960em                       */ 
   padding: 1em;                                                  /*  1em * 16px/em = 16px, 2*(4+16)+960 = 1000px */
   background-image: url('../img/bkgr3x3t15.png');                /* background: light 45-degree strokes          */
   border-radius: 0.5em;                                          /* rounded corners (FF4, IE9?)                  */
   -moz-border-radius: 0.5em;                                     /* rounded corners (FF3)                        */
   }

.page_sw .header img {                                            /* only img in the header = logo                */
   float: left;                                                   /* to allow menus to the right of the logo      */
   width: 5.25em;                                                 /* 5.25em  * 16px/em = 84px (logo width)        */
   height: 5.375em;                                               /* 5.375em * 16px/em = 86px (logo height)       */
   margin-left: 0.5em;                                            /* magic number aligns logo and bookmark labels */
   margin-right: 2em;                                             /* logo to leftmost menu button distance        */
   border-style: none;                                            /* no border effects (even if it's a link)      */
   }

.page_sw .menu_top {                                              /* SECONDARY MENU                               */ 
   height: 1em;                                                   /* set precise height for easier calculations   */
   }

.page_sw .menu_top ul {
   font-size: 0.75em;                                             /* smaller text...                              */
   font-weight: bold;                                             /* ...but bold                                  */
   list-style-type: none;                                         /* no bullets                                   */
   margin-right: -1em;                                            /* compensate for the rightmost li right margin */
   } 

.page_sw .menu_top li {
   display: inline;                                               /* put all items on a single line               */
   margin-right: 1em;                                             /* spacing to following item's left border      */
   } 

.page_sw .menu_top li + li { 
   padding-left: 1.25em;                                          /* padding, not margin - because of the border  */ 
   border-left: thin solid black;                                 /* menu item separator (thin vertical line)     */
   }

.page_sw .menu_main {                                             /* MAIN MENU                                    */
   font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;    /* use wider Verdana instead of default Tahoma  */
   font-weight: bold;                                             /* labels in boldface                           */
   height: 3.375em;                                               /* set precise height for easier calculations   */
   }

.page_sw .menu_main ul {
   list-style-type: none;                                         /* no bullets                                   */ 
   padding: 1.125em 0 1.25em 0;                                   /* center buttons vertically                    */
   text-align: justify;                                           /* allow for auto-distribution of menu buttons  */
   }

.page_sw .menu_main ul:after {                                    /* force the main menu to be "too long a line": */
   content: " \0000000A\0000000D _____________________________";
   display: inline-block;
   visibility: hidden;
   }                                                              /* ==> buttons evenly distributed (justified)   */

.page_sw .menu_main li {
   display: inline;                                               /* put all items on a single line               */
   } 

.page_sw .menu_main a {                                           /* clickable menu buttons:                      */ 
   white-space: pre;                                              /* keep spaces in button labels @ nominal width */
   border-radius: 0.25em;                                         /* rounded corners (FF4, IE9?)                  */      -moz-border-radius: 0.25em;                                    /* rounded corners (FF3)                        */
   padding: 0.375em 0.625em 0.375em 0.625em;                      /* enlarge clickable area                       */
   background-image: url('../img/shade.png');                     /* grey shader for the button                   */
   background-position: bottom; 
   color: black;                                                  /* text labels in black                         */
   text-decoration: none;                                         /* no underline, even though they're links      */
   } 

.page_sw .menu_main a:hover {                                     /* rollover menu button effect ("invert-like")  */
   background-color: grey;                                        /* darken the button                            */
   color: white;                                                  /* change text label color to white             */
   }

.page_sw .menu_main p {                                           /* non-clickable ("active") menu button:        */
   white-space: pre;                                              /* keep spaces in button labels @ nominal width */
   display: inline;                                               /* default would be "block", breaking the menu  */
   border-radius: 0.25em;                                         /* rounded corners (FF4, IE9?)                  */      -moz-border-radius: 0.25em;                                    /* rounded corners (FF3)                        */
   padding: 0.375em 0.625em 0.375em 0.625em;                      /* same button size as if clickable             */
   background-color: #009343;                                     /* JIMAZ dark green for the button background   */
   background-image: url('../img/shade.png');                     /* same shader as clickable buttons             */
   background-position: bottom; 
   color: white;                                                  /* text label in white                          */
   cursor: default;                                               /* pointy cursor (default would be text-select) */
   } 

.page_sw .locator {                                               /* LOCATOR (shows, where you currently are)     */
   text-align: left;                                              /* alight to left                               */
   height: 1em;                                                   /* set specific height for easier calculations  */
   }

.page_sw .locator ul {
   font-size: 0.75em;                                             /* smaller text...                              */
   list-style-type: none;                                         /* no predefined bullets (will use custom char) */
   } 

.page_sw .locator li {
   display: inline;                                               /* put all items on a single line               */
   padding-right: 0.2em;                                          /* poor man's separator for IE6                 */
   } 

.page_sw .locator li + li:before { 
   content: "\00BB \0020" ;                                       /* all but the first link get a custom "bullet" */
   }

.page_sw .bookmarks {                                             /* BOOKMARKS                                    */
   z-index: 1;                                                    /* bookmark panel overlaps everything else      */
   position: fixed;                                               /* necessary to allow rolling over the logo     */
   top: 8.625em;                                                  /* 0.25 (bodypad) + 7.375 (header) + 1em indent */
   bottom: 1em;                                                   /* match padding-bottom of 'text'               */
   width: 8.75em;                                                 /* match logo width (5.25) & padding (0.5+2)    */
   padding-right: 0.625em;                                        /* matters only with the scrollbar displayed    */
   text-align: left;                                              /* left-align bookmark labels                   */
   overflow: auto;                                                /* allow scrollbars if not enough room          */ 
   }

.page_sw .bookmarks ul {
   list-style-type: none;                                         /* no predefined bullets                        */
   margin-top: 0.5em;                                             /* shift slightly downwards                     */
   padding-left: 1.5em;                                           /* 1em + 0.5em = 1.5em (match top spacing)      */
   }

.page_sw .bookmarks li {
   padding: 0.25em 0 0.25em 0.25em;                               /* pad everywhere except on the right           */
   background-color: white;                                       /* (creates a white "outline")                  */
   border-radius: 0.25em;                                         /* rounded corners (FF4, IE9?)                  */
   -moz-border-radius: 0.25em;                                    /* rounded corners (FF3)                        */
   }

.page_sw .bookmarks li + li {
   padding-top: 0;                                                /* only 1st bookmark gets top & bottom padding  */
   }

.page_sw .bookmarks a {
   display: block;                                                /* full length clickable "buttons"              */
   font-size: 0.75em;                                             /* smaller font                                 */
   padding: 0.25em 0.5em 0.25em 0.125em;                          /* only 0.125 = compensate for the bullet trick */
   color:black;                                                   /* don't style the bookmark labels like links   */
   text-decoration: none;                                         /* don't style the bookmark labels like links   */
   background-image: url('../img/bkgr3x3t15.png');                /* background: light 45-degree strokes          */
   border-radius: 0.25em;                                         /* rounded corners (FF4, IE9?)                  */
   -moz-border-radius: 0.25em;                                    /* rounded corners (FF3)                        */
   }

.page_sw .bookmarks a:before {
   content: "\00BB";                                              /* custom "bullet": double arrow                */
   color: black;                                                  
   position: relative;                                            /* displace the auto-generated bullet           */
   left: 93%;                                                     /* almost all the way to the right side         */
   visibility: hidden;                                            /* but hide it                                  */
   }

.page_sw .bookmarks a:hover {                                    
   color: blue;
   } 

.page_sw .bookmarks a:hover::before {                         
   visibility: visible;                                           /* show bullet only if hovered over (FF)        */
   }

.page_sw .bookmarks a:hover:before {
   visibility: visible;                                           /* show bullet only if hovered over (IE)        */
   }

.page_sw .text {
   position: fixed;                                               /* allows non-scrolling header & bookmarks      */
   top: 8.625em;                                                  /* 0.25 (bodypad) + 7.375 (header) + 1em indent */
   bottom: 1em;
   width: 100%;                                                   /* required by Chrome !!! */
   max-width: 49.5em;                                             /* 62em - 7.5em margin - (2+3)em pad =  49.5em  */
   margin: 0em 1em 0 7.5em;                                       
   padding: 0 2em 0 3em;
   border-left: thin dotted grey; 
   overflow: auto;                                                /* use scrollbar as needed                      */
   line-height: 1em;
   }

.page_sw .text:after {
   display: block;                                                /* necessary because of centering etc.          */
   font-size: 0.75em;                                             /* smaller font                                 */
   text-align: center;
   margin-top: 10em;                                              /* fairly arbitrary value                       */
   padding-top: 0.25em;                                           /* nudge the overline a little bit              */
   border-top: thin solid black;                                  /* put a line above the copyright line          */  
   content: "Copyright © 2011-2012, JIMAZ s.r.o. - kopírování obsahu"
            " povoleno pouze s písemným souhlasem JIMAZ s.r.o.";
   clear: both;  /* ??? */
   }

.page_sw .text h1 {
   font-size: 1em;
   }

.page_sw .text p + h1 {
   margin-top: 1.5em;
   }

.page_sw .text h2 {
   font-size: 0.875em;
   }

.page_sw .text p + h2 {
   margin-top: 1.5em;
   }

.page_sw .text p {
   font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;    /* use wider Verdana instead of default Tahoma  */
   font-size: 0.75em;
   padding-left: 2em;
   }

.page_sw .text p + p {
   text-indent: 1em;
   }

.page_sw .text p.hi { 
   text-indent: 0;
   background: #FFFFCC;
   margin-left: 1em;
   margin-right: 1em;
   padding: 1em;
   border-radius: 0.5em;                                         /* rounded corners (FF4, IE9?)                  */
   -moz-border-radius: 0.5em;                                    /* rounded corners (FF3)                        */
   }