body {background: #fff url(../graf/bcg_body.gif) repeat-x top; padding: 0; margin: 0; font-family: "Verdana CE", Verdana, "Arial CE", Arial, Helvetica, helvetica, sans-serif; font-size: small; text-align: center; font-size: 11px;}

a:link {color: #36f; text-decoration: underline;}
a:active {color: #36f; text-decoration: underline;}
a:visited {color: #36f; text-decoration: underline;}
a:hover {color: #000; text-decoration: underline;}
h1 {background: url('../graf/bcg_h1.gif') no-repeat 5px 6px; font-family: "Trebuchet MS", sans-serif; font-weight: bold; font-size: 23px; margin: 0 0 15px 0; padding: 0 0 0 35px; color: #006;}
img {border: 0;}
p {margin: 0 0 15px 0;}

#mother {display: block; clear: both; position: relative; width: 760px; margin: 0 auto; padding: 0; background: url('../graf/bcg_mother.gif') repeat-y; text-align: left;}

#header {display: block; position: relative; width: 760px; height: 150px; margin: 0; padding: 0; background: url('../graf/bcg_header.jpg') no-repeat;}
#header_logo {display: block; position: absolute; right: 70px; top: 56px; width: 200px; height: 33px; margin: 0; padding: 0; background-color: #fff;}

#prechod1 {display: block; position: absolute; width: 5px; height: 140px; top: 150px; left: 30px; margin: 0; padding: 0; background: url('../graf/prechod1.gif') no-repeat;}
#prechod2 {display: block; position: absolute; width: 5px; height: 60px; top: 150px; left: 725px; margin: 0; padding: 0; background: url('../graf/prechod2.gif') no-repeat;}

#datum {display: block; position: absolute; right: 45px; bottom: 6px; color: #fff; font-size: 10px;}

#menu {display: block; position: relative; float: left; left: 75px;}
.menuitem {font-size: 11px;}
.menuitem a:link, .menuitem a:active, .menuitem a:visited {text-align: center; border-bottom: 1px solid #99c; clear: both; display: block; padding: 5px; color: #000; background-color: #ff9; font-weight: bold; text-decoration: none; width: 150px; voice-family: "\"}\""; voice-family: inherit; width: 140px;}
.menuitem a:hover   {border-bottom: 1px solid #99c; clear: both; display: block; padding: 5px; color: #000; background-color: #fff; font-weight: bold; text-decoration: none; width: 150px; voice-family: "\"}\""; voice-family: inherit; width: 140px;}

#content {display: block; position: relative; float: right; right: 45px; padding: 15px 0 20px 0; width: 475px; background: #fff url('../graf/bcg_content.jpg') no-repeat top right;}
#footer {display: block; width: 760px; text-align: right; color: #99c; font-size: 10px; position: relative; clear: both; margin: 0; padding: 10px; background: transparent url('../graf/bcg_footer.gif') no-repeat;}
#footer span {margin-right: 80px;}

#footer a:link, #footer a:active, #footer a:visited {color: #99c; text-decoration: underline;}
#footer a:hover {color: #000; text-decoration: underline;}

ul {list-style: none; margin: 0 0 0 5px; padding-left: 0; line-height: 1.5em;}
li {background: url("../graf/bcg_li.gif") no-repeat 4px 6px; padding-left: 20px; line-height: 1.5em;}

.home {margin-top: 0;}
.home td {width: 50%; vertical-align: top;}
.home th {font-weight: bold; background-color: #ff9; padding: 5px 0;}

.nahoru {display: block; position: absolute; right: 52px; top: -17px;}

.hl_kontakt {margin: 0 0 15px 0;}
.hl_kontakt td {vertical-align: top; padding: 10px 30px 0 8px;}
.kontakt {width: 100%; margin: 0;}
.kontakt td {vertical-align: top; padding: 10px 0 0 0;}
.kontakt td p {line-height: 1.6; margin: 5px 0 0 20px;}
.kontakt .foto {width: 100px; padding: 0 0 5px 0;}

h2 {background-color: #ff9; padding: 3px 5px 3px 8px; margin: 0 0 5px 0; font-size: 11px; color: #36c;}

.dodList  {margin: 0; padding: 5px;}
.dodList td {margin: 0; padding: 5px;
              border: 1px solid #aaa; background-color: #fff;
              height: 100px; width: 150px;
              text-align: center; vertical-align: middle;}
