* {margin:0;padding:0}
body {padding: 0;background: #d8d8d8;color:#333;font:83%/1.5 Verdana, Helvetica, Arial, sans-serif;}
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: 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 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000;border-bottom: 1px solid #eee;padding-bottom: .1em}
h1 {font-size: 196%;margin-top:.6em}
h2 {font-size: 136%}
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} 
/* --------------------------------------- */
#search {color:#fff;font-weight:bold;position:absolute;top:10px;right:110px;left:auto;width:18em}
#search form {margin:0}
#search input {width:8em;margin: 0 0 -1px;height:1.2em}
#search label {padding:5px 0 0;display:inline}
#search input.f-submit {width:auto;font-size:81%;margin:0 0 -.15em;height:1.95em}
/* --------------------------------------- */
#header {height: 160px; background: #fff url("i/top_foto2.jpg") repeat-x top left; margin: 0; padding: 0; border-bottom: 4px solid #cc0000;text-align: left;}
#header #logo {float: left; width: 90%; height: 132px; margin: 0; padding: 0; color: #000; font: bold 140% Verdana, Helvetica, Arial, sans-serif;}
#header #flag {float: left; width: 10%; height: 132px; margin: 0; padding: 0; color: #000; font: bold 140% Verdana, Helvetica, Arial, sans-serif;}
#header #flag img {padding: 20px 0 0 0;}
#site {min-width:770px;max-width:1200px;margin: 0 auto;position:relative;background: #f1f1f1; border-right: 1px solid #cc0000; border-left: 1px solid #cc0000;}
#page {position:relative;width:100%;}
#left {position:absolute;top:0;left:0px;width:240px;padding-bottom: 40px;}
.left-flag {width:240px; margin: 20px 0 0 0; text-align: center;}
#right {position:absolute;top:0;right:0;width:19%;padding-top: 1px; padding-bottom: 40px;}
#svoboda-nad-upou #stred {min-height: 1020px; _height: 1020px;margin: 0 19% 0 240px;background: #fff;}
#stred {margin: 0; padding: 20px;}
#footer {clear:both; border-top: 4px solid #cc0000; background: #484848; 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;}
/* --------------------------------------- */
.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}
/* --------------------------------------- */	
.table1 {border: 2px solid #900;border-collapse:collapse;width:100%}
.table1 td {background: #fff url("images/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #fff}
.table1 th {text-align:left;border: 1px solid #fff; vertical-align: top;}
.table1 thead th {color:#fff;font-size:145%;background: #900 url("images/sprites.gif") repeat-x 0 -1300px;padding: 10px 6px}
.table1 tbody th {color:#fff;font-size:115%;background: #88b8db url("images/sprites.gif") repeat-x 0 -1400px;vertical-align: top;padding: 6px}
.table1 tbody th.sub {font-size:100%;color:#000;background: #efefef url("images/sprites.gif") repeat-x 0 -1500px;padding: 6px}
/* --------------------------------------- */
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}
/* --------------------------------------- */
.nadpis {color: #fff; white-space: nowrap; list-style-type: none; text-decoration: none; padding: 2px 2px 2px 8px; margin: 2px 0 0 0; font-weight: bold; background: #cc0000 url("i/roh.gif") no-repeat top right;}
.left-menu {color: #fff; background: #f0f0f0; margin: 0; padding: 0;}
.left-menu ul {display: block;margin: 0; padding: 0; white-space: nowrap; list-style-type: none;border-right: 1px solid #cc0000;text-decoration: none;}
.left-menu ul li {display: block; padding: 0; color: #fff; white-space: nowrap; list-style-type: none; text-decoration: none; font-weight: bold; border-bottom: 1px solid #cc0000;}
.left-menu ul li a {display: block; color: #000; padding: 1px 0 1px 10px; white-space: nowrap; list-style-type: none; font-weight: normal; text-decoration: none;}
.left-menu ul li a:hover{display: block; color: #fff; text-decoration: none; background: #339933;}
.left-menu ul li ul {display: block;margin: 0; padding: 0; white-space: nowrap; list-style-type: none;}
.left-menu ul li ul li a {display: block;color: #000; text-decoration: none; white-space: nowrap; list-style-type: none; padding: 0;}
.left-menu ul li ul li a:hover{display: block;color: #cc0000; text-decoration: underline;}
/* --------------------------------------- */
.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;}
/* ---------------------------------------  */
.top-menu {float: left; width: 99%; text-align: right; height: 22px; margin: 0; color: #fff; font: bold 80% Verdana, Helvetica, Arial, sans-serif;}
.top-menu ul {float: right; height: 22px; margin: 0; padding: 0;}
.top-menu ul li {float: left; height: 22px; color: #fff; margin: 0; padding: 0;}
.top-menu ul li a {float: left; display: block; text-decoration: none; height: 22px; background: #cc0000; color: #fff; margin: 0 1px; padding: 6px 10px 0 10px;}
.top-menu ul li a:hover {display: block; height: 22px; background: #fff; color: #000;}
/* --------------------------------------- */
.foto-blok {position:relative; float: left; text-align: left; width: 98%; margin: 0;padding: 0 0 20px 0;}
.fotka {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;}
/* --------------------------------------- */
.uvod-block a {float: left; width: 42%; height: 310px; color: #000; display: block; margin: 6px; padding: 10px; background: #fff; border: 2px solid #d8d8d8; text-align: center; text-decoration: none; font-weight: normal;}
.uvod-block a:hover {color: #fff; display: block; background: #cc0000; text-align: center; text-decoration: none; font-weight: normal;}
.objekty {float: left; width: 100%; margin: 0 0 20px 0; position: relative;}
.objekty2 {float: left; width: 100%; margin: 0 0 20px 0; padding: 0 10px 10px 10px; position: relative; background: #f9f9f9; border: 1px solid #eaeaea;}
.objekt-block {float: left; text-align: left; width: 100%; _width: 99%; margin: 0 0 4px 0; padding: 0px; border: 1px solid #c9c9c9; background: #ededed}
.objekt-block p {text-align: left; margin: 0; padding: 4px;}
.objekt-block .top-block {font-weight: bold; padding: 2px 4px; color: #ffffff; background: #6c6c6c;}
.objekt-block img {float: left; margin: 0 8px 0 0; padding: 0; border: 1px solid #fff;}
.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;}