* {margin:0;padding:0}
body {padding: 0 0 6px;background: #2a2d2f url("i/_bg.jpg") repeat-x top left; color:#fff; font:83%/1.5 arial,tahoma,verdana,sans-serif; behavior: url("http://www.civatrans.cz/csshover.htc");}
/* --------------------------------------- */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:none;cursor:pointer;color:#ff9c00;font-weight: bold;} 
a:link {color:#9accfe;font-weight: bold;} 
a:hover,a:active {color:#ffff00; font-weight: bold; text-decoration:underline;}
/* --------------------------------------- */
p {margin: 0;}
h1, h2, h3, h4, h5, h6 {font-family: arial,verdana,sans-serif; color:#fff;}
h1 {float: left; margin: 0 0 20px 10px; _margin: 0 0 20px 5px; padding: 0 40px 0 30px; font-size: 140%; height: 46px; line-height: 41px; color: #ffc800; background: url("i/_h1_bg.jpg") no-repeat top right;}
h2 {font-size: 130%; margin: 16px 0 6px 0; color: #3399ff;text-decoration: underline;}
h3 {font-size: 110%; margin: 20px 0 2px 0; color: #ffc800;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:1000px; margin: 0 auto; position:relative;}
#header {float: left; width:1000px; height: 416px; margin: 10px 0 0 0; padding: 0; text-align: right;}
#page {float: left;width:1000px; margin: 0; padding: 0;}
#page-top {float: left;width:1000px; height: 38px; margin: 0; padding: 0; _margin: 0; background: #2a2d2f url("i/_top_page.jpg") no-repeat top left;}
#page-top .nadpis {float: right; width: 240px; margin: 10px 0 0 0; color: #ffc000; font-weight: bold; text-align: left; }
#left {float: left; width:738px; margin: 0; padding: 0; background: #3a3b3f url("i/_left_bg.jpg") repeat-y;}
#left .telo {float: left; width:640px; clear: left; padding: 0 30px 10px 40px;}
#left-bottom {float: left; width:738px; height: 50px; clear: both; margin: 0; padding: 0; background: #3a3b3f url("i/_left_bottom.jpg") no-repeat;}
#right {float: right; width:232px; margin: 10px 20px 0 0; _margin: 10px 10px 0 0;}
#bottom {float: left; width:1000px; height: 50px; margin: 6px 0 0 0; padding: 0; text-align: right; background: #3a3b3f url("i/_bott_bg.jpg") no-repeat; color: #b4b4b4;}
.bot-one {float: left;width: 716px;font-size: 10px;margin: 10px 0 0 0;padding: 0 16px 0 0;text-align: right;color: #a2a2a2;border-right: 1px solid #6c6c6c;}
.bot-one p {text-align: right;}
.bot-one a{color: #ffcc00;text-decoration: none;}
.bot-one a:hover{color: #ffcc00;text-decoration: underline;}
.bot-two {float: left;width: 240px;font-size: 10px;margin: 10px 0 0 0;padding: 0 0 0 16px;text-align: left;color: #6c6c6c;}
.bot-two a{color: #6c6c6c;text-decoration: none;}
.bot-two a:hover{color: #ffcc00;text-decoration: underline;}
#home-block {float: left; width: 690px; margin: 14px 0 0 24px; _margin: 14px 0 0 0; padding: 0;}
.home {float: left; width: 332px; height: 330px; 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;}
.right-lang {text-align: center; color: #fff; font-weight: bold;}
.right-kontakt {float: left; width: 100%; margin: 80px 0 0 0; text-align: center; color: #ffcc00; font-weight: bold;}
/* --------------------------------------- */
#menu {float: left;width: 1000px; height: 46px; color: #000; background: #2a2d2f url("i/_top_menu_bg.jpg") no-repeat top left; margin: 0; padding: 0; }
#menu ul {float: left; margin: 0 0 0 180px; _margin: 0 0 0 84px; padding: 0; white-space: nowrap; list-style-type: none;}
#menu ul li {font: bold 11px Verdana, Helvetica, Arial, sans-serif;position: relative; white-space: nowrap;list-style-type: none;margin: 0; float: left;line-height: 28px;}
#menu ul li img {float: left;height: 46px;margin: 0;padding: 0;}
#menu ul li a {display: block; line-height: 46px;padding: 0 14px; white-space: nowrap;text-decoration: none; color: #000}
#menu>ul li a {width: auto;}
#menu ul li a:hover {color: #fff;background: url("i/_menu_on.gif") repeat-x top center;}
#menu ul ul {position: absolute; bottom: 44px; left: -188px; _left: -80px; width: 210px;display: none;z-index: 500; padding: 16px 6px 0 7px;background: url("i/_bg_submenu2.png") no-repeat top left; _background: url("i/_bg_submenu2.gif") no-repeat top left;}
#menu ul ul ul {position: absolute; top: -16px; left: 10px;width: 210px;display: none; background: none;}
#menu ul ul li {width: 196px; height: 24px;line-height: 25px;border-bottom: 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: #ffcc33; display: block;text-transform: none; margin: 0;padding: 0 0 0 14px;width: 182px;height: 24px;line-height: 24px;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: 182px;height: 24px;line-height: 24px;background: #cc0000;position:relative;white-space:nowrap;}
#menu ul ul li a:hover, #menu ul ul ul li a:hover{color: #000; background: #ffcc00;}
/* --------------------------------------- */
.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;}
/* --------------------------------------- */
.odk {float: left; display: block; width: 99%; margin: 10px 0 20px 0; background: #5a5a5a; color: #ffcc00;}
.odk a {display: block; padding: 4px; background: #5a5a5a; color: #ffcc00;}
.odk a:hover {display: block; background: #ffcc00; color: #000; text-decoration: none;}
.sek {float: left;padding: 0px 6px 20px 6px;}
/* --------------------------------------- */
.dokum {float: left; display: block; width: 99%; margin: 10px 0 20px 0; background: #5a5a5a; color: #ffcc00;}
.dokum a {display: block; padding: 4px; background: #5a5a5a; color: #ffcc00;}
.dokum a:hover {display: block; background: #ffcc00; color: #000; text-decoration: none;}
/* --------------------------------------- */
#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;}
/* --------------------------------------- */
.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: 100%; 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: 100%; 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; background: #fff; 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;}