body {background: #4d4948; padding: 0; margin: 0; font-family: Trebuchet MS, sans-serif; font-size: 13px; text-align: center;}

h2 {display: block; clear: both; color: #184092; font-weight: bold; font-size: 20px; 
    background: url('../graf/h1.gif') left no-repeat; margin: 10px 0 0 10px; padding: 5px 0 0 35px;}
h2 span {font-weight: normal;}
h3 {color: #184092; font-weight: bold; font-size: 14px; background: url('../graf/h2.gif') left no-repeat; margin: 10px 0 0 10px; padding: 5px 0 0 25px;}
h4 {color: #000; font-weight: bold; font-size: 12px; margin: 10px 10px 0 10px; padding: 0; border-bottom: 1px solid #da2c1b;}
img {border: 0;}
p {color: #000; margin: 10px 10px 0 10px;}
ul {display: block; color: #000; margin: 10px 10px 0 10px; padding-left: 40px; line-height: 1.2;}
ol {display: block; color: #000; margin: 10px 10px 0 10px; padding-left: 40px; line-height: 1.2; list-style-position: outside;}
a  {color: #184092; text-decoration: none;}
a:hover    {text-decoration: underline;}

.al_center {text-align: center;}
.al_left   {text-align: left;}
.al_right  {text-align: right;}

#mother {display: block; clear: both; position: relative; margin: 2px auto; padding: 0; 
         background-color: #fff; background: url("../graf/content_bgr.gif") repeat-y; 
         text-align: left; width: 800px; voice-family: "\"}\""; voice-family: inherit; width: 800px;}
 #top_1 {display: block; clear: both; margin: 0; padding: 175px 0 0 180px; 
         background: url("../graf/top_background.png"); 
         font-size: 16px; width: 800px; height: 200px; voice-family: "\"}\""; voice-family: inherit; width: 620px; height: 25px;}
 #top_1 h1 {display: block; clear: both; color: #28166f; 
            font-weight: normal; 
            font-size: 16px; 
            background: none; margin: 0; padding: 0;}
 /* OBSAHOVÉ OKNO */
 #content {display: block; clear: both; position: relative; margin: 0; float: left; padding: 0; 
           width: 800px; border: 0; 
           background: #FFF url('../graf/content_background.png') repeat-y; voice-family: "\"}\""; voice-family: inherit; width: 800px;}
  #column_left   {display: block; position: relative; float: left;  
                  width: 200px;  
                  margin: 0; padding: 10px 0 0 0; voice-family: "\"}\""; voice-family: inherit; width: 200px;}
  #column_left .titulek {display: block; clear: both; color: #aaa; 
            font-weight: normal; 
            font-size: 16px; 
            background: none; margin: 0; padding: 0;}
    .menu_1 a {border-bottom: 1px solid #007cc3; border-left: 20px solid #184092; 
               font-size: 14px; font-weight: normal; 
               width: 180px; 
               display: block; color: #eee; 
               text-decoration: none; background: #c66929;
               margin: 0; padding: 3px 10px; voice-family: "\"}\""; voice-family: inherit; width: 160px;}
    .menu_1 a:hover   {display: block; 
               color: #000; text-decoration: none; 
               background-color: #f0ba88;}
    .menu_2 a         {border-bottom: 1px solid #007cc3;  border-left: 40px solid #007cc3;
               font-size: 12px; font-weight: normal; 
               display: block; color: #888; 
               text-decoration: none; 
               margin: 0; padding: 1px 5px 0 5px; voice-family: "\"}\""; voice-family: inherit; width: 150px;}
    .menu_2 a:hover   {display: block; 
               color: #000; text-decoration: none; 
               background-color: #f0ba88;}
  #content_right {display: block; position: relative; float: right; 
                  width: 600px; margin: 0; padding: 0; voice-family: "\"}\""; voice-family: inherit; width: 600px;}
  #content_right img {border: 5px solid #eee;}

    /*články*/
    .clanek_datum {display: block; clear: both; font-size: 10px; color: #666; 
                   background: #eee; 
                   margin: 0 10px; padding: 2px 10px;}
    .clanek_text  {display: block; clear: both; color: #000; margin: 0 10px;}
    .clanek_vice  {padding: 0; background-color: inherit; font-weight: bold; margin: 5px 10px; text-align: right;}
    .clanek_delic {display: block; clear: both; font-size: 9px; color: #666;}
    .poznamka     {font-size: 10px; color: #333; margin: 10px 10px 0 10px;}
    
    .termin_detail {background-color: #eaeaea; padding: 10px; margin: 0;}
    .termin_detail-table {background-color: #fff; margin: 0; padding: 0 5px; border: 1px solid #666; width: 560px; voice-family: "\"}\""; voice-family: inherit; width: 540px;}
    /*tabulky*/
    table {margin: 10px; width: 600px; voice-family: "\"}\""; voice-family: inherit; width: 580px;}
    /*nahoru*/
    .partneri {display: block; clear: both; 
               padding: 5px 0; margin: 0 10px 10px 10px; 
               border-top: 5px solid #184092; font-size: 10px; color: #184092;}
    .partneri table th {padding: 5px; font-size: 8px; font-weight: normal; color: #184092;}
    /*.partneri {display: block; clear: both;}*/
    .nahoru a    {border-top: 1px solid #ddd; 
                  border-left: 1px solid #ddd; 
                  border-right: 1px solid #ddd; 
                  display: block; width: 50px; 
                  margin: 20px 0 0 528px; padding: 2px 5px; 
                  background-color: #f0f0f0; color: #bbc2dc; text-align: center; text-decoration: none;}
    .nahoru a:hover   {
                  border-top: 1px solid #184092; 
                  border-left: 1px solid #184092; 
                  border-right: 1px solid #184092; 
                  background-color: #184092; color: #fff;}


 /* zápatí */
 #bottom {display: block; clear: both; position: relative;
          margin: 0 auto; padding: 5px 0 0 0; 
          background: #184092; 
          font-size: 10px; text-align: center; 
          width: 800px; height: 40px; voice-family: "\"}\""; voice-family: inherit; width: 800px; height: 35px;}
 #bottom span {color: #aaa;}
  .yokosoft a {color: #000; text-decoration: none;}
  .yokosoft a:hover   {color: #000000; text-decoration: underline; top: 0;}