* {margin:0;padding:0}
body {padding: 0;background: #d4daea url("i/_bg.jpg") center 286px repeat-x;color:#333;font:83%/1.5 Helvetica, Arial, Verdana, sans-serif;behavior: url("http://www.etc-sport.cz/csshover.htc");}
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:none;cursor:pointer;font-weight: bold;} 
a:link {color:#cc0000} 
a:hover,a:active {color:#333399; text-decoration:underline;} 
form {margin: 0 0 1.5em}
input {font-family: Helvetica, arial,tahoma,verdana,sans-serif;margin: 2px 0}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}
p, ul, ol {margin: 0 0 1.5em}
h1, h2, h3, h4, h5, h6 {font-family: Helvetica, arial,verdana,sans-serif;color:#000;}
h1 {font-size: 160%; color: #235198; margin: 20px 0px;}
h2 {font-size: 136%; margin: 20px 0px;}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}
ul {margin: .3em 0 1.5em 0;list-style-type:none}
ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {line-height: 1.4em;padding-left: 25px;background: transparent url("images/sprites.gif") no-repeat 0 0}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}
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: 8px 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px}
.dih {display: none;}
#flashcontent {width: 126px; float: left; margin: 0 0 0 36px; padding: 0; text-align: center;}
/* --------------------------------------- */
#site {width:900px;margin: 0 auto;position: relative;}
#header {float: left;width:900px; height: 216px; background: #fff; margin: 0; padding: 0; text-align: left; border-left: 1px solid #25559f; border-right: 1px solid #25559f;border-bottom: 1px solid #25559f;}
#top-img {float: left; width:900px;height: 192px; margin: 0; padding: 0;}
#top-img .logo {float: left; width: 900px; height: 100px; margin: 0; padding: 0;}
#page {float: left;width:100%; min-height: 400px; background: url("i/bg-site.gif") repeat; border-left: 1px solid #25559f; border-right: 1px solid #25559f;border-bottom: 1px solid #25559f;}
#left {float: left;width: 690px;}
#left .site-text {float: left;width: 656px; padding: 0 20px 20px 20px;}
#right {float: right; width: 200px; height: 100%;}
#footer {width:900px;margin: 0 auto; background: #d4daea; padding: 6px 0;height: 40px; font-size:86%;color:#999;text-align: center;}
.foot {margin: 0 auto; position: relative; width: 770px;}
.foot-one {float: left;font-size: 10px;width: 490px;margin: 0;padding: 0 16px 0 0;text-align: right;color: #fff;border-right: 2px solid #aaaaaa;}
.foot-one p {text-align: right; padding: 0;}
.foot-one a {color: #ffcc00;text-decoration: none;}
.foot-one a:hover{color: #ffcc00;text-decoration: underline;}
.foot-two {float: left;width: 180px;font-size: 10px;margin: 0;padding: 0 0 0 16px;text-align: left;color: #e6e6e6;}
.foot-two a {color: #eaeaea;text-decoration: none; font-weight: normal;}
.foot-two a:hover{color: #ffcc00;text-decoration: none;}
.foto-text {margin: 32px 0 0 10px;position:relative;border: 1px solid #eee;padding:5px;background:#fff;}
.foto-text img {border: none;}
/* ---------------------------------------  */
.uvod-block {float: left; width: 130px; margin: 40px 1px 0 0; font-size: 11px;text-align: right;}
.uvod-block .info {height: 80px;margin: 0; text-align: center;}
.uvod-block a {text-decoration:none;cursor:pointer;font-weight: bold;color: #333399;} 
.uvod-block a:hover {color:#ff3300; text-decoration:underline;} 
/* ---------------------------------------  */
.top-menu {float: left; width: 900px; text-align: left; height: 24px; margin: 0; color: #fff; font: bold 80% Verdana, Helvetica, Arial, sans-serif;background: #dfab65;}
.top-menu ul {float: left; width: 860px; height: 24px; margin: 0 0 0 20px; padding: 0;}
.top-menu ul li {position: relative; white-space: nowrap;list-style-type: none;margin: 0; float: left;line-height: 24px;}
.top-menu ul li a {display: block; line-height: 24px;padding: 0 10px; white-space: nowrap;text-decoration: none; color: #1a4b97}
.top-menu>ul li a {width: auto;}
.top-menu ul li a:hover {background: #224f93; color: #fff;}
.top-menu ul ul {position: absolute; top: 24px; left: 20px; width: 160px;background: #e49e3f;display: none;z-index: 500; margin: 0;padding: 0;}
.top-menu ul ul ul {position: absolute; top: 0px; left: 160px;width: 160px;display: none; background: none;margin: 0;padding: 0;}
.top-menu ul ul li, .top-menu ul ul ul li {float: left;text-align: left;width: 174px; height: 24px;line-height: 24px;border-bottom: 1px solid #000;margin: 0;padding: 0;background: red;}
.top-menu li:hover{cursor:pointer;	z-index:100;}
.top-menu li:hover ul ul,.top-menu li li:hover ul ul,.top-menu li li li:hover ul ul,.top-menu li li li li:hover ul ul{display:none;}
.top-menu li:hover ul,.top-menu li li:hover ul,.top-menu li li li:hover ul,.top-menu li li li li:hover ul{display:block;}
.top-menu ul ul li a{float: left;color: #000; display: block;margin: 0;padding: 0 0 0 14px;width: 160px;height: 24px;line-height: 24px;position:relative;white-space:nowrap;background: #e49e3f;}
.top-menu ul ul ul li a{float: left;color: #000; display: block;margin: 0;padding: 0 0 0 14px;width: 160px;height: 24px;line-height: 24px;background: #dfab65;position:relative;white-space:nowrap;}
.top-menu ul ul li a:hover, .top-menu ul ul ul li a:hover{color: #fff; background: #224f93;}
/* --------------------------------------- */
.right-menu {float: left;width: 200px; color: #fff; background: #dfab65; border-bottom: 1px solid #fff; margin: 0 0 20px 0;}
.right-menu ul {display: block;margin: 0; padding: 0; white-space: nowrap; list-style-type: none;text-decoration: none;}
.right-menu ul li {display: block; padding: 0; padding: 0; color: #fff; white-space: nowrap; list-style-type: none; text-decoration: none; font-weight: bold;}
.right-menu ul li a {display: block; height: 20px; line-height: 20px;border-top: 1px solid #fff;color: #1a4b97; background: #e49e3f; padding: 0 0 0 46px; font-weight: normal; text-decoration: none; background: url("i/subnav_level2_normal.gif");}
.right-menu ul li a:hover{color: #ffcc00; background: url("i/subnav_level2_active.gif"); font-weight: bold;}
.right-menu ul li .active {color: #ffcc00; background: url("i/subnav_level2_active.gif"); font-weight: bold;}
.right-menu ul li ul {display: block;margin: 0; padding: 0; white-space: nowrap; list-style-type: none;}
.right-menu ul li ul li a { height: 20px; line-height: 20px; border-top: 1px solid #fff;color: #1a4b97; text-decoration: none; padding: 0 0 0 46px; background: url("i/subnav_level3_normal.gif");}
.right-menu ul li ul li a:hover{color: #ffcc00; background: url("i/subnav_level3_active.gif"); font-weight: bold;} 
.right-menu ul li ul li .active{color: #ffcc00; background: url("i/subnav_level3_active.gif"); font-weight: bold;} 
/* --------------------------------------- */
.search {float: left;font-size: 12px; color:#ffcc00;margin: 20px 0 0 10px;}
.search form {margin:0}
.search input {width:120px ;margin: 0 2px 0 0;}
.search label {font-weight:bold; color: #330066}
.search .but {width:40px ;}
/* --------------------------------------- */
.strankovani {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em}
.strankovani p {position:relative;text-align:right}
.strankovani p a:link, .strankovani p a:visited, .strankovani p a:hover, .strankovani p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc}
.strankovani p a:hover {background:#c00;color:#fff}
.strankovani p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
.strankovani * {margin:0}
.strankovani h4 {margin-top:-1.45em;padding:0;border:none}
/* --------------------------------------- */	
.site-text table {border: 0px;width:100%;}
.site-text tr:hover td {background: #25559f; color:#fff;}
.site-text th {background: #f4f4f4; color: #000; padding:2px 4px; border: 0px;}
.site-text td {background: #f4f4f4; color: #000; padding:2px 4px; border: 0px;}
/* --------------------------------------- */
a.vice:link, a.vice:visited, a.vice:hover, a.vice:active {margin: 0 0 0 30px; background: transparent url("i/_vice.gif") no-repeat 0 2px;padding-left:16px}
a.vice:hover {background: transparent url("i/_vice.gif") no-repeat 0px -20px}
/* --------------------------------------- */
ol.code {font-family: monospace;position:relative}
ol.code li {color: #666;margin-bottom: 1px}
ol.code code {color: #000;display: block}
ol.code .cmt {color: #4077d2}
li.tab0 code {padding-left: 4em}
li.tab1 code {padding-left: 8em}
li.tab2 code {padding-left: 12em}
li.tab3 code {padding-left: 16em}
li.tab4 code {padding-left: 20em}
li.tab5 code {padding-left: 24em}
ol.code li  {background: #f3f3f3 url("images/td_bg.gif") no-repeat 100% 100%}
p.note {margin: 1em;border: 1px solid #ddd;background: #f0f0f0;padding: 1em}
/* --------------------------------------- */
.right-block form {margin:0; text-align: center;}
.right-block input {width:8em; margin: 0 0 -1px; height:1.2em;}
.right-block label {padding: 5px 0 0; display:inline;}
.right-block input.but {width: 70px; height: 20px; font-size:90%; color: #fff; font-weight: bold; margin: 0; border: none; background: #a9a9a9;}
.right-block {color:#333;padding: 10px 6px; border: 2px solid #d7d7d7; margin: 6px; background: #f6f6f6;text-align: left;}
.right-block p, .right-block h1, .right-block h2, .right-block h3, .right-block h4, .right-block h5, .right-block h6 {margin: 0 0 .3em;border-bottom: 1px solid #c00;color:#c00}
.right-block p {border:none;margin: 0 0 1em 0;color:#444;}
.right-block a {font-weight:bold}
.right-baner {color:#333; padding: 15px 0px 15px 0; margin: 0px; text-align: center;}
.right-baner p {border:none;margin: 0 0 1em 0;color:#444;}
/* --------------------------------------- */
.cam {float: left; margin: 0 1px; padding: 0; border: 1px solid #fff;}
.lang {float: left; width: 100%; color: #99ccff; margin: 20px 0; padding: 0; text-align: center; text-decoration: none; font-weight: normal;}
.lang a {color: #99ccff; margin: 0; padding: 0; text-align: center; text-decoration: none; font-weight: bold;}
.lang a:hover {color: #ffcc00; text-align: center; text-decoration: none; font-weight: bold;}
/* --------------------------------------- */
.dokum {float: left; display: block; width: 99%; margin: 4px 0 0 0; background: #25559f; color: #fff;}
.dokum a {display: block; padding: 4px 8px; background: #25559f; color: #fff;}
.dokum a:hover {display: block; background: #ffcc00; color: #000; text-decoration: none;}
/* --------------------------------------- */
.foto-blok {position:relative; float: left; text-align: left; width: 98%; margin: 0;padding: 0 0 20px 0;}
.fotka_left {float: left; margin: 10px; padding: 8px 8px 6px 8px; background: #eaeaea; text-align: center;}
.fotka_right {float: right; margin: 10px; padding: 8px 8px 6px 8px; background: #eaeaea; text-align: center;}
.foto {float: left; padding: 4px;position:relative;}
.vice {color: #cc0000; font-weight: bold; text-decoration: none;}
.odkaz-ubyt {width: 96%; color: #cc0000; font-weight: bold; margin: 1px; background: #f6f6f6;}
.odkaz-ubyt a {width: 96%; color: #cc0000; font-weight: bold; padding: 1px 10px; background: #f6f6f6; display: block;}
.odkaz-ubyt a:hover {color: #cc0000; background: #d8d8d8; text-decoration: none;}
/* --------------------------------------- */
.detail {width: 80px; height: 16px; background: #cc0000; color: #fff; margin: 4px auto; display: block;}
.detail a {background: #c5c5c5; color: #cc0000; display: block;}
.detail a:hover {background: #cc0000; color: #fff; display: block; text-decoration: none;}
.cena {font: 120% Georgia, "New York CE", utopia, serif; color: #cc0000; font-weight: bold;}
.ob-foto {float: left; padding: 4px; height: 100px;}
.ob-foto2 {float: left; margin: 6px 0 0 0; padding: 4px;}
.rezervace {float: left; width: 100%; text-align: right;}
.rez {float: right; text-align: center; margin: 0 10px 10px 0;}
.rez a {background: #cc0000; color: #fff; padding: 4px 12px;}
.rez a:hover {background: #ffcc00; color: #000; text-decoration: none;}