* {margin:0;padding:0;}
body {padding: 0;background: #33383e url("i/_bg.jpg") repeat-x top left; color:#fff; font:80%/1.5 arial,tahoma,verdana,sans-serif; behavior: url("http://www.hitel.cz/csshover.htc");}
/* --------------------------------------- */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:none;cursor:pointer;color:#6699ff;font-weight: bold;} 
a:link {color:#6699ff;font-weight: bold;} 
a:hover,a:active {color:#ffff00; font-weight: bold; text-decoration:underline;} 
/* --------------------------------------- */
p {margin: 0;}
h1, h2, h3 {font-family: verdana, arial,sans-serif; color:#fff;}
h1 {float: left; width: 600px; margin: 0 0 0 10px; padding: 13px 40px 0 220px; font-size: 90%; height: 50px; color: #ffcc00/*#3399ff*/;font-weight: bold;}
h2 {font-size: 100%; margin: 16px 0 6px 0; color: #ffcc00;text-decoration: underline;}
h3 {font-size: 90%; margin: 20px 0 2px 0; color: #3399ff;text-decoration: none;}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}
blockquote {padding: 0 0 16px 16px;}
ul {margin: 10px 0 26px 20px;}
li {margin: 0 0 0 10px;}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
dl {margin: 0 0 1em 0}
dt {font-weight:bold; margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
table {width: 100%; border: 0; padding: 0px;}
tbody, tr {border: 0; padding: 0px;}
td {border: 0; padding: 8px; vertical-align: top;}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 
.dih {display: none;}
/* ---------------------------------------  */
#site {width:920px; top: 0px; left: 50%; margin: 0 0 0 -460px; position: absolute;}
#header {float: left; width:920px; height: 318px; margin: 0; padding: 0; text-align: left;}
#page {float: left;width:920px; margin: 0; padding: 0; background: url("i/_bg_page_top.jpg") no-repeat;}
#telo {float: left;width:570px; min-height: 300px; margin: 0 0 6px 170px; _margin: 0 0 6px 84px; padding: 0 15px 20px 15px;background: #32363d;}
#bottom {float: left; width:580px; height: 22px; margin: 0 0 0 170px; _margin: 0 0 0 84px; padding: 6px 15px 0 0;text-align: right; background: url("i/_bottom_bg.png") no-repeat; _background: url("i/_bottom_bg.gif") no-repeat; color: #6d6d6d; font-size: 10px;}
#bottom a{color: #6d6d6d;text-decoration: none;}
#bottom a:hover{color: #ffcc00;text-decoration: underline;}
#home-block {float: left; width: 690px; margin: 14px 0 0 24px; padding: 0;}
.home {float: left; width: 332px; height: 357px; margin: 0 0 0 8px; padding: 0;}
.right-block {color:#000; margin: 0 0 10px 0;}
.right-block h1 {font: 100% verdana,arial,sans-serif; font-weight: bold; text-decoration: none; margin: 0; padding: 7px 0 7px 10px; color:#fff;}
/* --------------------------------------- */
#menu {float: left; width: 920px; height: 64px; color: #000; margin: 0; padding: 0; background: url("i/_bg_menu_all.jpg") no-repeat;}
#menu ul {float: left; width: 514px;height: 42px; margin: 0 0 0 206px; _margin: 0 0 0 104px; padding: 0 0 0 2px; white-space: nowrap; list-style-type: none; background: url("i/_bg_menu.png") repeat; _background: url("i/_bg_menu.gif") repeat;}
#menu ul li {float: left; font: 11px Verdana, Helvetica, Arial, sans-serif;position: relative; white-space: nowrap;list-style-type: none;margin: 0; line-height: 42px;}
#menu ul li a {display: block; font-weight: normal; line-height: 42px;padding: 0 14px; white-space: nowrap;text-decoration: none; color: #858c99}
#menu>ul li a {width: auto;}
#menu ul li a:hover {color: #fff;background: #32363d;}
#menu ul ul {position: absolute; top: 40px; left: -210px; _left: -160px; width: 160px;display: none;z-index: 500;}
#menu ul ul ul {position: absolute; top: 0; left: 10px;width: 160px;display: none;}
#menu ul ul li {width: 194px; height: 24px;line-height: 25px;border-top: 1px solid #000;}
#menu li:hover{cursor:pointer;	z-index:100;}
#menu li:hover ul ul,#menu li li:hover ul ul,#menu li li li:hover ul ul,#menu li li li li:hover ul ul{display:none;}
#menu li:hover ul,#menu li li:hover ul,#menu li li li:hover ul,#menu li li li li:hover ul{display:block;}
#menu ul ul li a{color: #fff; display: block;text-transform: none; margin: 0;padding: 0 0 0 14px;width: 180px;height: 24px;line-height: 24px;background: #3267ad;position:relative;white-space:nowrap;}
#menu ul ul ul li a{color: #fff; display: block;text-transform: none; margin: 0;padding: 0 0 0 14px;width: 180px;height: 24px;line-height: 24px;background: #3267ad;position:relative;white-space:nowrap;}
#menu ul ul li a:hover, #menu ul ul ul li a:hover{color: #000; background: #ffcc00;}
.menu-ende {float: left; margin: 0; width: 2px; height: 42px;}
#menu ul li .active {color: #fff;background: #32363d;}
/* --------------------------------------- */
.kont {float: left; width: 222px; color: #000; background: #2f2f2f url("i/_right_contact_top.gif") no-repeat top left; margin: 0 0 6px 0; padding: 0; }
.kont h2 {padding: 10px 0 10px 16px; margin: 0; color:#4a85cd; font-size: 110%; text-decoration: none;}
.kont p {padding: 0 0 0 16px; margin: 0; color:#fff; font-size: 90%; text-decoration: none;}
.kont-bot {float: left;width: 222px;height: 6px;margin: 0;padding: 0;background: url("i/_right_contact_bot.gif") no-repeat top left;}
/* --------------------------------------- */
.telo table {border: none; width:100%; margin: 10px 0;}
.telo table th {padding:6px;text-align:left;background: #515151;}
.telo table td {background: #3f3f3f; padding:6px; vertical-align: top;}
/* --------------------------------------- */
.active {background-color: none;}
.toggler {float: left; display: block; width: 564px; height: 28px; margin: 4px 0 0 0; color: #fff;}
.toggler a {display: block; height: 28px; line-height: 28px; padding: 0 0 0 10px; background: url("i/_odkaz_off.gif") no-repeat; color: #fff;}
.toggler a:hover {display: block; background: url("i/_odkaz_on.gif") no-repeat; color: #000; text-decoration: none;}
.element {float: left; width: 540px; padding: 6px 0 20px 10px;}
/* --------------------------------------- */
.sek .dokum {margin: 10px 0 0 0}
.dokum {float: left; display: block; width: 99%; margin: 0 0 2px 0; background: url("i/_dokum_off.gif") no-repeat top right; color: #ffcc00;}
.dokum a {display: block; height: 30px; line-height: 30px; background:  url("i/_dokum_off.gif") no-repeat top right; color: #ffcc00;}
.dokum a:hover {display: block; background:  url("i/_dokum_on.gif") no-repeat top right; color: #000; text-decoration: none;}
.dokum span {float: left; padding: 0 10px 0 0; height: 30px; line-height: 30px;}
/* --------------------------------------- */
#footer {width: 960px; height: 24px;clear:both;background: url("i/_bottom_bg.gif") no-repeat top left;margin: 0; padding: 10px 0 0 0;font-size:86%;color:#999}
#footer p {margin: 0 20px; text-align: right;}
#footer a:link {color: #515151;}
/* --------------------------------------- */
.news-box {float: left; margin: 0 0 6px 0; padding: 0 0 30px 0; background: url("i/_news_ende.jpg") no-repeat bottom left;}
.news-box h2 {color: #ffc000; font-size: 12px;}
.news-box p {color: #fff; font-size: 11px;}
.news-box img {float: right; clear: both; padding: 6px 0 0 0;}
/* --------------------------------------- */
.form-pass {float: left; width: 366px; height: 126px; margin: 60px 0 0 90px; padding: 46px 0 0 0; background: url("i/_bg_form.jpg") no-repeat top left;}
.form-pass .one {float: left; width: 70px; height: 18px; margin: 4px 0 0 40px; text-align: right;}
.form-pass .two {float: left; width: 170px; height: 18px; margin: 4px 0 0 10px;}
.form-pass .three {float: left; width: 172px; margin: 8px 0 0 10px; text-align: right;}
.form-pass .editr {float: left; width: 170px; height: 18px; background: #d8d8d8; border: none;}
/* --------------------------------------- */
.anketa {float: left;width: 100%;text-align: left; color:#fff;margin: 40px 0 0 0; padding: 0 0 20px 0;}
.anketa form {margin: 0;}
.anketa_cekejte {margin: 20px;display:none;}	
.anketa_otazka {float: left;width: 100%;min-height: 100px;padding: 0;}
.block_title {float: left; width: 174px; margin: 0 6px;font-weight: bold;text-align: left;color: #ffcc00;font-size: 12px;}
.block_volba {float: left; width: 174px; margin: 0 0 0 10px;}
.anketa input {float: left; margin: 6px 0 0 0;}
.anketa label {float: left; margin: 0 0 0 4px;}
.block_but {float: left; width: 190px; padding: 10px 0 0 0;text-align: center;}
.block_vysledek {float: left;width: 190px;min-height: 100px;padding: 0;display: none;}
.vysledek_title {float: left; width: 174px; margin: 0 6px 0 6px;font-weight: bold;text-align: left;color: #ffcc00;font-size: 12px;}
.vysledek_odpoved {float: left; width: 188px; margin: 4px 0 2px 10px; font-size:0.9em;}
.vysledek_pollGraph img {float: left; width: 6px;}
.vysledek_pollGraph div {float:left; height:16px; background-repeat:repeat-x; color:#000; font-size:0.8em; line-height:14px;}
.vysledek_pollGraph {float: left; width: 174px; height:16px; margin: 0 0 0 10px;}
.vysledek_celkemHlasu {float: left; clear: both; width: 174px; color: #ffffff; font-size:0.8em; margin:10px 0 6px 0; font-style:italic; text-align: right; padding: 0 6px 0 0;}
/* --------------------------------------- */
.fotogal {width: 640px; height: 30px; font-size: 110%; margin: 20px 0 2px 0; padding: 5px 0 0 10px; color: #ffc800;text-decoration: none; background: url("i/_fotogal_bg.jpg") no-repeat top left;}
.fotka {margin: 6px; padding: 10px 14px; background: url("i/_fotosekce_bg.gif") no-repeat top left; text-align: center;}
.foto {float: left; width: 120px; height: 80px; margin: 4px; padding: 8px; background: #474747; text-align: center;}
.foto-blok {float: left; width: 100%; padding: 0 0 20px 0; background: #fbfbfb;}
.foto-blok2 {float: left; width: 100%; padding: 0 0 20px 0;}
.vice {color: #cc0000; font-weight: bold; text-decoration: none;}
.vice {padding: 0 0 0 4px;}
