body { margin: 0; padding: 10px; font: 0.75em/1.65em "Times New Roman", Times, serif; text-align:center; background: #bdbdbd; color:#452d3c; }

/* links  */ 
a, a:link {color:#245399}
/* a:visited {color:#d10402} */
a:active, a:hover {color:#4b82ce}

/* headline  */ 
h1 { text-align: center; font-weight: normal; font-size:240%; line-height: 110%; margin: 0; padding: .2em 0; color:#4b82ce;}
h1 strong{ display: block; font-size:50%; line-height: 80%; }
h2 {color:#245399;font-size:130%;font-weight:normal}
h3 {color:#245399;font-size:110%;font-weight:bold}
h4 {color:#3e3e3e; font-size:100%; font-weight:bold}

/* para  */ 
p {margin-top:0;padding-top:0}

/* object  */ 
.object {margin-top:0;padding-top:1em}

/* table  */ 
table {  font-size: 90%; border: 1px solid #ccc; border-collapse: collapse }

table th { border: 1px solid #ccc; padding: 3px; color: #fff; background: #555 }
table td { font-size: 85%; border: 1px solid #ccc; line-height: 100%; padding: 5px }

/* rezervace apartman */
#check { width: 100% }
#check-box { padding: .2em .5em }
#check .headline { font-weight: bold }

#check .check-a { float: left; margin: 0 2px;  }
#check .check-a-box { border: 3px solid #ccc; }
#check .check-a table { width: 206px;height: 220px; text-align: center;  }

#check .check-a td.rezervace { color: #fff; background: #fe0000; }
#check .check-a td.rezervace a { color: #fff; }
#check .check-a td.volne { color: #555; background: #00ff00; }
#check .check-a td.volne a { color: #555; }
#check .arrow  { display: block; border: 1px solid #555; margin: .5em 0; padding: 0 .5em; color: #555; background: #555; text-decoration: none }
#check a.arrow  { display: block; border: 1px solid #fff; margin: .5em 0; padding: 0 .5em; color: #fff; background: #245399; text-decoration: none }


#check .check-b { float: left; margin: 0 2px; border: 3px solid #ccc; }
#check .check-b-box {  }
#check .check-b table { width: 150px; height: 220px }

#check .check-c { float: left; margin: 0 2px; border: 3px solid #ccc;}
#check .check-c-box { width: 155px; height: 220px; background: #4b82ce; color: #fff; }


#check .check-c form { margin: 0; padding: 0; text-align: center;}
#check .check-c form fieldset { margin: 0; padding: 5px 0 0 0; text-align: center; }
#check .check-c h2 { font-size: 200%; color: #fff }
#check .check-c strong { font-size: 200%; display: block; color: #fff }

form {  font-size: 80%; margin: 0; padding: 0 }
form input { display: inline }
form input { font-size: 90%; }

/* page  */ 
#page { margin: 0 auto; width: 840px; text-align: left; background: #2a1d26; }
#page-box { border:3px solid #fff; padding:19px; }
#a { background: url("../images/1/bg-panel-1.gif") #fff 0 49px repeat-y; }
#b { background: url("../images/1/bg-panel-2.gif") right top repeat-y; }
#c { position: relative; width: 100%; background: url("../images/1/bg-top-2.gif") top right no-repeat; }
#d { padding-right: 17px; background: url("../images/1/bg-header.gif") repeat-x; }
#e { position: relative; width: 100%; background: url("../images/1/bg-top-1.gif") top left no-repeat; }

/* logo  */     
#logo { position: absolute; top: 0px; left: 23px; }
#logo img { border: 0; }

#slogan { display: block; position:absolute;top:35px;left:258px; font-size: 180%; font-style: normal; line-height: 120%; color: #fff }
#slogan a { color: #452d3c }

/* panel  */  
#panel { margin-top: 160px; float: left; width: 200px; }
#panel a {font-weight:bold}
#panel a:active, #panel a:hover {color:#452d3c}
#panel a img {border:0}
#panel ul.navigace {font-size:120%;margin:0;padding:0;font-weight:bold;text-align:left;list-style:none}
#panel ul.navigace li {float:left;width:200px;}
#panel ul.navigace li a {padding:5px 30px 6px 45px;display:block;background:url("../images/1/sipka-3.gif") 25px 10px no-repeat}
#panel ul.navigace li strong.nav {display:block;background:url("../images/1/pozadi-menu.gif") #4b82ce repeat}
#panel ul.navigace li strong.nav a {display:block;color:#fff;background:url("../images/1/sipka-2.gif") 25px 10px no-repeat}
#panel ul.navigace li strong.nav a:hover {display:block;color:#fff;background:url("../images/1/sipka-2.gif") 25px 10px no-repeat}
#panel ul.navigace li a.active {color:#4b82ce;background:url("../images/1/sipka.gif") 25px 10px no-repeat}
#panel ul.navigace li a:hover {background:url("../images/1/sipka.gif") 25px 10px no-repeat}
#panel ul.navigace ul {font-size:90%;background:none;margin:0;padding:0;text-align:left;list-style:none}
#panel ul.navigace ul a {border-right:1px solid #ccc;display:block;margin:0;padding:3px 30px 3px 55px;font-weight:normal;background:#f5f5f5 url("../images/1/sipka-5.gif") 47px 10px no-repeat;text-align:left;list-style:none}
#panel ul.navigace ul a.selected {background:#fff url("../images/1/sipka-5.gif") 47px 10px no-repeat;color:#4b82ce}
#panel ul.navigace ul a:hover {background:#fff url("../images/1/sipka-5.gif") 47px 10px no-repeat}
#panel fieldset {margin:1em;border:1px solid #000;}
#panel fieldset legend {background:#4b82cc;color:#fff;border:1px solid #ccc;border-bottom:0;padding:2px 5px}
#panel fieldset input.submit {font-weight:bold;background:#4b82cc;color:#fff;border:0;padding:2px 5px}
#panel p {margin:0;padding:10px 15px}
#panel .text-center img {margin:0 auto;margin-top:45px;width:100px}

/* text  */
#text { font-size:120%; margin: 0 0 0 200px; padding-top: 70px; }
#text-1 { float: left; background: #fff; }
#text-2 { float: right; width:100%; background: #fff; }
#text-3 { padding: 10px; }
#text h2 { margin: 0; padding: .5em .8em .5em .8em }
#text p { margin: 0; padding: 0 .8em 1em .8em }
#text p.back { padding-top: 15px }
#text p.url { color: #fff; font-size: 80%; margin: 0; padding: 2px 0 }
#text p.url a { color: #fff; }
#text ul { margin-top: 0; list-style:url('../images/1/sipka-4.gif') }

#text #byty { margin:0; padding: 0 0 0 20px; text-align:center }
#text #byty p { float:left; margin:0; padding:5px 10px 5px 0; text-align:center }
#text #byty p span.box { display:block; margin:0; padding:0; width:168px; }
#text #byty a.obrazek {display:block;border:4px solid #ccc;padding:5px;background:#eee}
#text #byty a.obrazek:hover {border:4px solid #4b82ce}
#text #byty a img {border:0;display:block}

#text a.il {display: block;margin: .5em; border:4px solid #ccc;padding:5px;background:#eee}
#text a.il img {border: 0; display: block}
#text a img {border: 0;}
#text a.il:hover {border:4px solid #4b82ce}

#text .gallery {display:block;text-align:center}
#text .gallery img {margin:0 auto;border:4px solid #ccc}

/* tabs  */
p#tabs { margin: 5px 0; padding: 0; font-size:90%; text-align: center; }
p#tabs img { vertical-align: middle; }
p#tabs span { margin: 0 2px; margin-right: 6px; padding: 5px 0; padding-right: 5px; background: url('../images/1/bg-tab-2.gif') right no-repeat; }
p#tabs a { padding: 5px 0; background: url('../images/1/bg-tab-1.gif') left no-repeat; padding-left: 5px; color: #2a1d26; text-decoration: none; }

/* desc  */
p#desc { margin: 5px 0; padding: 0; text-align: center; }

/* photo  */
#text p#photo { margin: .8em 0; padding: 0; text-align: center; }
#text p#photo a img { margin: 0 5px; border: solid 2px #bdbdbd; }

/* prev - next tabs  */
.label-left { float: left; width: 85px;}
.label-left a { margin-top: 5px; padding: 4px 10px; padding-left: 25px; font-size: 80%; line-height: 140%; text-align: center; display: block; background: url('../images/1/label-left.gif') left no-repeat;}
.label-right { float: right; width: 85px;}
.label-right a { margin-top: 5px; padding: 4px 10px; padding-right: 25px; font-size: 80%; line-height: 140%; text-align: center; display: block; background: url('../images/1/label-right.gif') right no-repeat;}

/* hr */
.hr { margin: .5em 0; border: 1px solid #fff; border-top: 1px solid #ccc }
.hr hr { display: none }

/* float */
.f-left {float:left;}
.f-right {float:right;}

/* text align */
.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}
.v-top {vertical-align:top;}
.v-middle {vertical-align:middle;}
.v-bottom {vertical-align:bottom;}

/* display class */
.clear {clear:both}
.cleaner {display:block;clear:both;height:1px;margin:-1px 0 0 0;padding:0;font-size:1px;line-height:1px;visibility:hidden}
.noborder {margin:0; border:0;}
.noborder td {border:0;}
.noscreen, .noprint {display:none;}
.nowrap { white-space: nowrap }