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}

img {border: 0}

/* 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 {}

/* 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: 145px; 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 {  margin: 0; padding: 0 }
form input { display: inline }
form input { }

/* page  */ 
#page { margin: 0 auto; width: 840px; text-align: left; background: #2a1d26; }
#page2 { margin: 0 auto; width: 1840px; text-align: left; background: #2a1d26; }
#page-box { border:3px solid #fff; padding:0 19px; }
/* links  */ 
#page-box  a, a:link {color:#fff}
/* a:visited {color:#d10402} */
#page-box  a:active, a:hover {color: #ccc}
#page-box  .links { color: #ccc; margin: 0; padding: .5em}

#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; }
/* links  */ 
#e a, a:link {color:#245399}
/* a:visited {color:#d10402} */
#e a:active, a:hover {color:#4b82ce}

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

#slogan { text-align: center; display: block; position:absolute; top:49px; width: 100%; font-size: 180%; font-style: normal; color: #fff;  }
#slogan strong { font-weight: normal; padding-left:200px; text-align: center; display: block;  }
#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 5px 6px 35px;display:block;background:url("../images/1/sipka-3.gif") 15px 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") 15px 10px no-repeat}
#panel ul.navigace li strong.nav a:hover {display:block;color:#fff;background:url("../images/1/sipka-2.gif") 15px 10px no-repeat}
#panel ul.navigace li a.active {color:#4b82ce;background:url("../images/1/sipka.gif") 15px 10px no-repeat}
#panel ul.navigace li a:hover {background:url("../images/1/sipka.gif") 15px 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 45px;font-weight:normal;background:#f5f5f5 url("../images/1/sipka-5.gif") 37px 10px no-repeat;text-align:left;list-style:none}
#panel ul.navigace ul a.selected {background:#fff url("../images/1/sipka-5.gif") 37px 10px no-repeat;color:#4b82ce}
#panel ul.navigace ul a:hover {background:#fff url("../images/1/sipka-5.gif") 37px 10px no-repeat}
#panel form {margin: 1em 0;}
#panel fieldset {margin: 1em; border: 1px solid #000; padding: 1em;}
#panel fieldset legend {background:#4b82cc;color:#fff;border:1px solid #ccc;border-bottom:0;padding:2px 5px}
#panel fieldset p {margin:.5em 0;padding:0;}
#panel fieldset input.text {width:100%}
#panel fieldset input.submit {font-weight:bold;background:#4b82cc;color:#fff;border:0;padding:0}


/* text  */
#text { float: right; font-size:120%; width: 579px; margin: 0; padding-top: 70px; }
#text-1 { background: #fff; }
#text-2 {padding:9px}

#text h2 { margin: 0; padding: .5em .8em .5em .6em }
#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}

#text #segmentace { padding:9px; border-bottom: 5px solid #eee; background:#f5f5f5; }
#text #segmentace .rental { float: left; width: 190px; height: 180px; background:url('/images/rental-apartments-in-prague.jpg') left top no-repeat; }
#text #segmentace .reservation { float: left; width: 190px; height: 180px; background:url('/images/tourist-information.jpg') left top no-repeat; }
#text #segmentace .tourist { float: left; width: 180px; height: 180px; background:url('/images/make-reservation.jpg') left top no-repeat; }
#text #segmentace .button { display: block; margin: 125px 5px 5px 5px; overflow: hidden; height: 51px; background:url('/images/make-reservation.gif') left top no-repeat; }
#text #segmentace .button a { font-weight: bold; display:block; padding:5px; padding-left: 30px; padding-right: 20px; color:#fff;background:url('/images/sipka-2.gif') 10px 10px  no-repeat}

#text .byty { margin:0; padding:0; text-align:center; }
#text .byty p {float:left; margin:0; padding:0 0 10px 10px; 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 .ilustrace {display:block;margin:0 15px 15px 15px;padding:0;width:168px;text-align:center}
#text .ilustrace a.obrazek {display:block;border:4px solid #ccc;padding:5px;background:#eee}
#text .ilustrace a.obrazek:hover {border:4px solid #4b82ce}
#text .ilustrace a img {border:0;display:block}

#text div.box {padding: 10px 0; text-align: center; }
#text div.box a img.pic {border:4px solid #ccc;padding:5px;background:#eee}
#text div.box a:hover img {border:4px solid #4b82ce}

/* 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; }

#exchange { font-size: 80%; line-height: 150%; margin: 0 10px; }
#exchange p { margin: .5em;  padding: .2em .5em; }

/* prev - next tabs  */
.label-left { float: left; width: 115px;}
.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: 115px;}
.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 */
.hidden {display:none}
.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 }


#text .siroka-tabulka {width:100%;height:400px;overflow:scroll}
#text table {font-size:100%;clear:both;border-collapse:collapse;overflow:scroll}
#text table.prehled {margin:0;width:100%;font-size:95%}
#text table.prehled tr {}
#text table.prehled th {border:1px solid #2a1d26;background:#c9ceb8;color:#2a1d26;padding:10px}
#text table.prehled th a {color:#fff}
#text table.prehled td {border:1px solid #2a1d26;padding:5px}
#text table.prehled th {text-transform:capitalize}
#text table.prehled td {text-transform:capitalize}
#text table.prehled td.data {text-transform:none}

#text table.prehled {font-weight:bold}
#text table.prehled .regular {background:#cb9bcf;color:#fff}
#text table.prehled .low {background:#eeef95;color:#fff}
#text table.prehled .holiday {background:#9d9d75;color:#fff}
#text table.prehled .high {background:#83bfbf;color:#fff}
#text table.prehled a.free {border:1px solid #fff;border-left:0;border-top:0;padding:5px;display:block;background:#00d507;color:#fff}
#text table.prehled .booked {background:#ff0000;color:#fff;padding:10px}

#make-reservation table {line-height:90%;font-size:90%;border-collapse:collapse;border:2px solid #ccc;padding:0}
#make-reservation table td {white-space:nowrap;margin:0;border:1px solid #eee;padding:5px;vertical-align:top}
#make-reservation table th {white-space:nowrap;margin:0;border:1px solid #eee;padding:5px;vertical-align:top;background:#555;color:#fff}