* {margin: 0; padding: 0}

body {font-size: 100.01%; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; line-height: 1.6em; background: white url(../images/bg.jpg) top left repeat-x;}

a:link {color: #d57f00;}
a:visited {color: #1ba559;}
a:hover {color: #7e8aa2;}
p {padding: 0.7em 0;}
.right {text-align: right;}
strong {color: #263248;}

#page {font-size: 0.8em; width: 770px; margin: 0 auto;}

#header {background: #da861f url(../images/bg.jpg) top left repeat-x;}
#header-inside {height: 195px; background: url(../images/header-bg.jpg) top right no-repeat;}
#header-inside h1 {font-size: 2.2em; background: url(../images/header-stars.gif) top right no-repeat; width: 333px; font-weight: normal; position: relative; top: 40px;}
#header-inside h1 a {color: white; text-decoration: none;}
#header-inside h2 {font-size: 1.3em; color: white; font-weight: normal; position: relative; top: 100px;}

#nav {background: url(../images/nav-bg.gif) top left repeat-x; height: 36px; float: left; margin-bottom: 30px;}
#nav ul {list-style: none; }
#nav ul li {width: 90px; float: left;}
#nav ul li#foto {width: 120px;}
#nav ul li#rez {width: 100px;}
#nav ul li a {display: block; height: 36px; line-height: 40px; color: #263248; text-align: center; background: url(../images/nav-splitter.gif) top right no-repeat;}
#nav ul li a.none {background: none;}
#nav ul li a.active {line-height: 36px; color: #fff; background: url(../images/nav-bg-active.gif) top left repeat-x; border: 1px solid white; border-width: 0 1px; font-weight: bold; text-decoration: none;}
#nav ul li a:hover {text-decoration: none;}

#lang {height: 25px; float: right; background: #3e5071;}
#lang ul {list-style: none;}
#lang li {width: 30px; float: left;}
#lang a {display: block; color: #fff; text-align: center; border-left: 2px solid #263248;}
#lang a.active {font-weight: bold; text-decoration: none; background: #5a6d90; color: #ff9800;}
#lang a:hover {text-decoration: none;}

#main {width: 770px;}

#content {width: 500px; float: left; color: #162747;}
#content h3 {color: #d57f00; font-weight: normal; font-size: 1.7em; margin: 0.5em 0 0.2em 0;}
#content h3 span {color: #3a3a3a;}
#content .reservation {height: 73px; width: 494px; background: #d47f15 url(../images/content-reservation.gif) top left no-repeat; color: white; margin: 15px 0 25px 0; text-align: center;}
#content .reservation p.headline {font-size: 1.2em; font-weight: bold; padding: 5px 0 0 20px; text-align: left;}
#content .reservation p {padding: 8px 0 0 0;}
.submit, .button {color: #263248; background: #ff9800; padding: 0 5px; margin-left: 8px;}
.karty {border: 1px solid #fd9700; padding: 2px;}


.column {width: 235px; float: right; border-left: 1px solid #f2dec4; padding-left: 20px;}
.column h3 {color: #d57f00; font-weight: normal; font-size: 1.7em; margin: 0.5em 0 0.2em 0;}
.column h3 span {color: #3a3a3a;}
.column address {font-style: normal; color: #162747; margin: 10px 0;}
.column address #second-mail {padding-left: 46px;}
.column a#pcs-map img {border: 3px solid #bcc1cc; margin-top: 15px;}
.column a#pcs-map:hover img {border: 3px solid #f8ab39;}
.column ul {list-style: none;}
.prague {margin-top: 10px;}

table.cena td.red {color: red;}
.upozorneni {color: red;}
table.formular-info {margin-top: 10px; width: 100%;}
table.formular-info th {text-align: left; font-weight: normal;}
table.formular-info td {width: 200px;}

/* form pokoje */
table.pokoje, table.cena {width: 99%; border: 1px solid #7e89a1; margin-bottom: 10px;}
table.pokoje th, table.cena th {text-align: left; font-weight: normal; padding: 7px; background: #7e8aa2; color: #fff;}
table.pokoje td, table.cena td {padding: 7px; background: #f0f4fc; color: #162747}


/* cenik */
table.cenik, table.cenikSpecial {width: 96%; border: 1px solid #fd9700; margin: 10px 0 20px 0;}
table.cenik th, table.cenikSpecial th {font-weight: normal; padding: 8px; text-align: left; background: #ff9800;}
table.cenik td, table.cenikSpecial td {background: #fff9f1; padding: 8px;}

/* fotogalerie */
.fotobox {float: left;}
.fotobox .smaz {float: left;}
img.foto {width: 220px; height: 165px;}
a img.foto {border: 2px solid #e79836; padding: 3px; margin: 10px 10px 0 0;}
a:hover img.foto {border: 2px solid #263248;}

#footer {height: 40px; background: #ffe9c9; color: #a3670f; border-top: 1px solid #7e8aa2; margin-top: 15px;}
#footer p {padding: 8px 15px;}
#footer a {color: #a3670f;}
#footer a:hover {color: #7e8aa2;}

.left {float: left;}
.right {float: right}
br.cleaner {clear: both;}

/* rezervace */

#page-res {font-size: 0.8em; width: 960px; margin: 0 auto; padding: 0 30px;}

#content-res h3 {color: #d57f00; font-weight: normal; font-size: 1.7em; margin: 0.5em 0 0.2em 0;}

table.rezervace {width: 940px; margin: 10px 0;}
table.rezervace th {border: 1px solid #263248; padding: 0 5px; background: #7e8aa2; color: #fff;}
table.rezervace th.status {width: 30px; background: #7e8aa2;}
table.rezervace th.id {width: 40px;}
table.rezervace th.prijezd,table.rezervace th.odjezd {width: 100px;}
table.rezervace th.cena {width: 90px;}
table.rezervace th.jmeno {width: 90px;}
table.rezervace th.prijmeni {width: 90px;}


table.rezervace td {text-align: center; background: #fff3e5;}
table.rezervace td .button {text-align: center; margin: 0; width: 60px;}
table.rezervace td.rez-button {width: 50px;}
table.rezervace td.status {width: 30px; background: #7e8aa2;}
table.rezervace td.id {width: 40px;}
table.rezervace td.prijezd,table.rezervace td.odjezd {width: 100px;}
table.rezervace td.cena {width: 90px;}
table.rezervace td.jmeno {width: 90px;}
table.rezervace td.prijmeni {width: 90px;}

table.rezervace td.rez-button {width: 50px;}

div.CUT {
  margin: 0; padding: 0; width: 104px; text-align: center;
  overflow: hidden; white-space: nowrap;}

table.casov-tabulka {width: 100%;}
table.casov-tabulka th {background: #7e8aa2; color: #fff;}
table.casov-tabulka td {background: #fff3e5; text-align: center; vertical-align: middle; }

input {border: 1px solid black;}