/** obecné **/
*{ padding: 0; margin: 0; }

html, body { font-size: small; font-family: Tahoma, Verdana, Arial, lucida, sans-serif; background: #dfe0e5  url("../design/poz01.gif") repeat-x scroll top center; color: #434242; width: 100%; height: 100%; min-height: 100%; }

/** layout **/
#page { position: relative; width: 894px; margin: 0 auto; padding: 0px 0; text-align: justify; background: url("../design/poz02.gif") repeat-y; }

#back_horni { width: 894px; height: 165px; background: url("../design/baner2.jpg") no-repeat; margin: 0 auto; text-align: right;}
#nadpis { position: relative; overflow: hidden; margin: 0; padding: 0; font-size: 150%; background-color: transparent; color: #fff; }
#nadpis, #nadpis span { width: 894px; height: 165px; }
#nadpis span {display: block; position: absolute; left: 0; top: 0; background: url("../design/baner2.jpg") no-repeat 0 0; }

#jazyky { position: relative; width: 894px; height: 44px; padding: 0 0; background: url("../design/jazyky.jpg") no-repeat; }

/** boxy **/
#obal { width: 894px; }
#A, #B, #C { display: inline; /* osetreni bugu dvojiteho marginu v IE */ }
#A { background-color: transparent;           margin-left: 200px;          float: left;          width: 494px; }
#B { background-color: transparent;             float: left;          width: 200px; }
#C { background-color: transparent;          margin-left: -894px;          float: left;          width: 200px; }
#paticka { clear: left;          background: url("../design/paticka.jpg") no-repeat;          width: 100%; height: 70px;         float: left; /* kvuli IE, bez floatu zasahuje mezi sloupce, kdyz neni #C nejdelsi */ }


/** menu 1 **/
#menu { width: 200px; }
#menu ul { margin: 0px 0 20px 15px; padding: 0; list-style-type: none; }
#menu li { width: 183px; font-weight: normal; font-size: 89%; height: 24px; margin: 0 2px 4px 0; background: url("../design/menu2.gif") no-repeat 0 0; }
#menu li.active { color: #596f84; background: url("../design/menu2.gif") no-repeat -183px 0;  height: 24px; line-height: 24px;    }
#menu a, #menu strong { display: block; text-decoration: none; height: 24px; line-height: 24px; padding-left: 30px; }
#menu a { color: #ffffff; }
#menu a:hover { color: #2d3e64; background: url("../design/menu2.gif") no-repeat -183px 0; }
#menu li.druhe { color: #596f84; background: url("../design/menu2.gif") no-repeat -366px 0;  height: 24px; line-height: 24px;    }

/** menu 2 **/
#menu2 { width: 200px; }
#menu2 ul { margin: 0px 0 20px 2px; padding: 0; list-style-type: none; }
#menu2 li { width: 183px; font-weight: normal; font-size: 89%; height: 24px; margin: 0 2px 4px 0; background: url("../design/menu2.gif") no-repeat 0 0; }
#menu2 li.active { color: #596f84; background: url("../design/menu2.gif") no-repeat -183px 0;  height: 24px; line-height: 24px;    }
#menu2 a, #menu2 strong { display: block; text-decoration: none; height: 24px; line-height: 24px; padding-left: 30px; }
#menu2 a { color: #ffffff; }
#menu2 a:hover { color: #2d3e64; background: url("../design/menu2.gif") no-repeat -183px 0; }
#menu2 li.druhe { color: #596f84; background: url("../design/menu2.gif") no-repeat -366px 0;  height: 24px; line-height: 24px;    }

.clear { clear: both; }

/** texty **/
#paticka p { color: #a5a5a6; text-align: right; font-size: 73%; padding: 50px 190px 0 0; }
#paticka a { color: #979798;	font-weight: normal; text-decoration: none; }
#paticka a:hover { text-decoration: none; color: #000; }

#A p { color: #1d293e; text-align: justify; font-size: 90%; padding: 0px 10px 0 10px; }
#A a { color: #5f6985;	font-weight: normal; text-decoration: none; }
#A a:hover { text-decoration: underline; }

h2 { color: #828ca0; font-size: 120%; padding: 15px 10px 10px 230px; }

.archiv { align: left; padding: -5px 10px 10px 10px; }