@charset "utf-8";
/* CSS Document */

/* ----- MAIN ----- */
body, p, form, img, table, tr, th, td, h1, h2, h3, h4, ol, li, div { border: 0 none; margin: 0; padding: 0; }
body { background: #fff url(../img_bs/body_bg.gif) top left repeat; font-family: Arial, Verdana, Tahoma; text-align: left; font-size: small; line-height: 1.2; }
#wrapper { width: 1024px; margin: 0 auto; position: relative; }

/* ----- GENERAL ----- */
.noscreen { display: none }
.reseter { float: none; clear: both; height: 1px; } /* overflow: hidden;  */
.clear { overflow:hidden; width:1px; height:1px; clear:both }
.left { text-align: left }
.right { text-align: right }
.red { color: #f00 }
h1 { font-size: 0% }
h2 { font-size: 200%; font-weight: normal; }
h3 { font-size: 150%; font-weight: normal; }
h4 { font-size: 100%; color: #004087; }
a { color: #004087; text-decoration: none; font-weight: bold; }
a:hover, a.clear { border: 0; }
a.light { font-weight: normal; }

/* ----- HEADER ----- */
#header { width: 1024px; height: 199px; position: relative; }
#header h1 { background: #eee url(../img_bs/header_logo.jpg) top left no-repeat; color: #111; width: 351px; height: 70px; position: relative; top: 36px; left: 48px; }
#header h1 a { text-decoration: none; display: block; width: 351px; height: 70px; }
#header h2 { position: absolute; top: 56px; left: 500px; color: #004087; }

/* ----- CONTENT ----- */
#content { width: 1024px; min-height: 200px; overflow: hidden; font-size: 95%; }
#content h3 { background-color: #004087; color: #fff; display: block; float: left; width: auto; padding: 4px 8px; margin: 0 0 21px 0; }
#content p { margin: 0 0 5px 0; }
#top-boxes { width: 1024px; height: 353px; color: #333; background: #ddd url(../img_bs/top-boxes_bg.gif) top left no-repeat; }
#top-boxes .box { width: 281px; /* 341 */ float: left; padding: 40px 30px 10px 30px; }
#middle-flash { width: 1024px; height: 448px; color: #222; background: #eee url(../img_bs/flash_bg.gif) top left no-repeat; }
#bottom-boxes { width: 1024px; height: 290px; color: #333; background: #ddd url(../img_bs/bottom-boxes_bg.gif) top left no-repeat;}
#middle-flash object { margin: 0 0 0 12px; }
#bottom-boxes .box { width: 281px; /* 341*/ float: left; padding: 30px; }
.sloupec { width: 140px; display: block; float: left; line-height: 2.0; }

/* ----- MENU ----- */
#menu { position: absolute; width: 998px; height: 58px; top: 141px; left: 14px; color: #222; background: #fff url(../img_bs/menu_bg2.gif) top left repeat-x; }
#menu ol { list-style: none; }
#menu li { font-size: 140%; }
#menu li a { color: #fff; font-weight: normal; text-decoration: none; display: block; float: left; height: 25px; padding: 23px 14px; border: 0; background: transparent url(../img_bs/menu-divider.gif) top right no-repeat; }
#menu li a.last { background: none; }
#menu li a:hover,
#menu li a.active { color: #000; height: 30px; padding: 18px 13px; background: transparent url(../img_bs/menu-active_bg.gif) top left repeat-x; border-right: 2px solid #fff; }

/* ----- FOOTER ----- */
#footer { width: 1024px; height: 80px; padding: 20px 0 0 0; background: #eee url(../img_bs/footer_bg.gif) top left repeat-x; }
#footer p { color: #6f6f6f; text-align: center; font-size: 90%; margin: 0 0 10px 0; }
#footer p a { border: 0; }
#footer p.odkazy { color: #000; }
#footer p.odkazy a { margin: 0 5px; }
#footer p a.active,
#footer p a:hover { border-bottom: 1px solid #004087; }

/* End of CSS Document */