/* zakladni + layout */

body {
  background: #e0e0e0;
  color: #000;
  font-family: arial, sans-serif;
  margin: 0;
  padding: 0;
  text-align: center;
}

h1, h2, h3, h4, h5, h6, p, address {
  margin: 0;
  padding: 0;
}

a {
  color: #800000;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
  color: #c00000;
}

a img {
  border: 0;
}

.r {
  text-align: right;
}

#topstrip {
  background: #e0e0e0 url('../img/top.png') 0% 0% repeat-x;
  height: 62px;
}

#middlestrip {
  height: 200px;
  border-bottom: 1px solid #c0c0c0;
}

.krumlov1 {
  background: #3d5653 url('../img/bigfoto.jpg') 50% 0% no-repeat;
}

#bottomstrip {
  height: 30px;
  background: #a7afb7;
}

.center {
  width: 900px;
  margin: 0 auto;
  position: relative;
  text-align: left;
}

#logolink { 
  display: block;
  height: 62px;
  width: 190px;
  position: relative;
  color: #939598;
  text-align: center;
  text-decoration: none;
  font-size: 0.7em;
  text-transform: uppercase;
}

#logolink strong {
  display: block;
  font-size: 1.6em;
  color: #fff;
  line-height: 35px;
}

#logolink span {
  width: 190px;
  height: 62px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url('../img/logo.png') 0% 0% no-repeat;
}

#menu {
  padding: 0;
  margin: 0;
  position: absolute;
  display: block;
  width: 572px;
  height: 62px;
  left: 328px;
  top: 0;
}

#menu li {
  width: 92px;
  display: block;
  float: left;
  height: 62px;
  text-align: center;
  background: transparent url('../img/menuspacer.png') 0% 0% no-repeat;
}

#cover {
  display: block;
  height: 62px;
  width: 2px;
  background: transparent url('../img/top.png') 0% 0% no-repeat;
  position: absolute;
  top: 0;
  left: 328px;
  z-index: 2;
}

#menu li a {
  display: block;
  width: 89px;
  height: 62px;
  position: relative;
  left: 3px;
  color: #fff;
  font-size: 0.8em;
  text-transform: lowercase;
  line-height: 58px;
  text-decoration: none;
  font-weight: bold;
  background: transparent url('../img/menuhover.png') 0% -62px repeat-x;
}

#menu li a:hover {  
  background-color: #3b546f;
  background-position: 0% 0%;
}

#flags {
  position: relative;
}

.flag {
  display: block;
  float: left;
  margin: 6px 8px 0 0;
  width: 28px;
  height: 18px;
  font-size: 0.8em;
  color: #008;
  text-decoration: none;
  text-align: center;
  position: relative;
}

.flag:hover {
  color: #000;
}

.flag span {
  width: 28px;
  height: 18px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('../img/flags.gif');
  background-repeat: none;
}

.czech span {
  background-position: 0% -18px;
}

.czech:hover span {
  background-position: 0% 0%;
}

.english span {
  background-position: -34px -18px;
}

.english:hover span { 
  background-position: -34px 0%;
}

.german span {
  background-position: -68px -18px;
}

.german:hover span { 
  background-position: -68px 0%;
}

.russian span {
  background-position: -102px -18px;
}

.russian:hover span { 
  background-position: -102px 0%;
}

.japanese span {
  background-position: -136px -18px;
}

.japanese:hover span { 
  background-position: -136px 0%;
}

#searchbox {
  width: 270px;
  position: absolute;
  left: 630px;
  top: 0;
}

#searchtext {
  width: 240px;
  height: 20px;
  border: 1px solid #92a1b0;
  background: #fff;
  top: 3px;
  position: relative;
}

#searchsubmit {
  width: 30px;
  height: 24px;
  position: absolute;
  left: 243px;
  top: 3px;
}

#middle {
  min-height: 407px;
  background: #ebfaff url('../img/gradient.png') 0% 0% repeat-x;
  padding: 25px 0;
}

#footer{
  min-height: 150px;
  background: #e0e0e0 url('../img/footer.png') 0% 0% repeat-x;
}

/* obsahova cast */

#contentmain {
  width: 900px;
  margin: 0 auto;
  background-color: #fff;
  text-align: left;
  position: relative;
}

.bluecol {
  background: #fff url('../img/maincols.png') 100% 0% repeat-y;
}

#leftcol {
  width: 450px;
  float: left;
}

#rightcol {
  width: 285px;
  float: left;
}

.leftcol {
  width: 443px;
  float: left;
}

.rightcol {
  width: 442px;
  float: left;
}

#rightcol.fullhalf {
  width: 442px;
}

#leftcol.fullhalf {
  width: 443px;
}

#jointcol {
  width: 735px;
  float: left;
}

#lastcol {
  width: 145px;
  margin-left: 750px;
  min-height: 200px;
  background: transparent url('../img/lastminute.png') -2px 0% no-repeat;
  padding: 45px 0 20px;
}

#latestcol {
  width: 145px;
  margin-left: 750px;
  min-height: 200px;
  padding: 15px 0 20px;
}

.clear {
  clear: both;
  height: 0;
}

#topswitch {
  height: 23px;
  background: #cbe4fa url('../img/gradient.png') 0% 25px repeat-x;
}

#topswitch a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  font-size: 0.8em;
  text-align: center;
  display: block;
  line-height: 23px;
  width: 140px;
}

#topswitch a.orange {
  background: #ef872d url('../img/orange.png') 0% 0% repeat-x;
}

#searchhotel {
  margin: 0 0 13px;
  padding: 0;
  height: 181px;
  background: #ef872d url('../img/orange.png') 0% 23px repeat-x;
}

#searchhotel fieldset {
  margin: 0;
  padding: 15px 0;
  border: 0;
  position: relative;
}

#searchhotel legend {
  display: none;
}

#searchhotel label {
  font-size: 0.8em;
  color: #3e1b00;
  line-height: 31px;
  display: block;
  width: 130px;
  float: left;
  text-indent: 20px;
}

#searchhotel input, #searchhotel select {
  float: left;
  display: block;
}

#searchhotel a {
  position: relative;
  top: 4px;
}

.intext {
  width: 119px;
  position: relative;
  top: 3px;
  height: 18px;
  border: 1px solid #d56105;
}

.incheck {
  position: relative;
  top: 6px;
  left: 8px;
}

#hotelsubmit {
  position: absolute;
  top: 140px;
  left: 305px;
  width: 120px;
}

#specials {
  margin: 3px 0 3px 10px;
}

#specials h3 {
  margin: 0;
  text-transform: uppercase;
  font-size: 0.9em;
  padding-left: 3px;
  padding-bottom: 2px;
}

#specials a {
  padding: 8px 0;
  display: block;
  width: 130px;
  margin-left: 5px;
  float: left;
  font-size: 0.7em;
  line-height: 150%;
  color: #102944;
  text-decoration: none;
  background: transparent url('../img/greyline.png') 50% 100% no-repeat;
}

#specials a img {
  float: left;
  margin-right: 6px;
}

.onelast {
  display: block;
  margin: 0 5px 11px 7px;
  border-bottom: 1px solid #0f1e2f;
  padding: 0 0 10px;
  text-decoration: none;
  font-size: 0.7em;
  color: #c0c0c0;
}

.onelast:hover {
  color: #c0c0c0;
}

.onelast img {
  border: 1px solid #cee7fb;
}

.onelast strong {
  font-size: 1.3em;
  color: #fff;
  display: block;
  padding-top: 3px;
}

#webcam {
  padding: 35px 0 10px 15px;
}

#webcam h3, #weather h3 {
  font-size: 0.9em;
  margin: 0;
  text-transform: uppercase;
  line-height: 21px;
  background: #ededed;
  padding: 0 3px;
}

#contentmain p {
  font-size: 0.8em;
  margin: 0;
  padding: 5px 0 5px;
}

#weather {
  padding: 5px 0 10px 15px;
}


.leftcatbox {
  width: 218px;
  float: left;
  padding: 5px 0;
  margin-left: 15px;
}

.rightcatbox {
  width: 217px;
  margin-left: 233px;
  padding: 5px 0;
}

.leftcatbox h3, .rightcatbox h3, .standardbox h3 {
  font-size: 0.9em;
  margin: 0;
  text-transform: uppercase;
  line-height: 21px;
  background: #ededed;
  padding: 0 3px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.leftcatbox h3 a, .rightcatbox h3 a, #rightcol h3 a, #leftcol h3 a, .leftcol h3 a, .rightcol h3 a {
  color: #000;
  text-decoration: none;
}

.leftcatbox h3 a:hover, .rightcatbox h3 a:hover, #rightcol h3 a:hover, #leftcol h3 a:hover, .rightcol a:hover, .leftcol a:hover  {
  color: #c00000;
}

.catitembox {
  padding: 6px 0;
  color: #404040;
  font-size: 0.7em;
}

.catitembox strong {
  font-size: 1.1em;
  color: #000;
}

.catitembox a {
  color: #000;
}

.catitembox a:hover {
  color: #404040;
}

.catitembox a img {
  border: 1px solid #808080;
  float: left;
  margin: 3px 10px 0 0;
}

/* kategorie katalogu */

h4.fcat, h3.fcat, #standardbox h3.fcat, .standardbox h3.fcat {
  color: #808080;
  font-size: 0.8em;
  padding: 0;
  background: none;
  text-transform: none;
  margin: 0;
}

.standardbox h3.fcat, #standardbox h3.fcat {
  padding: 6px 0 4px;
}

.fitem {
  padding: 15px 0 0;
  color: #404040;
  font-size: 0.7em;
  height: 100px;
  border-bottom: 1px solid #e0e0e0;
}

.fitem strong {
  font-size: 1.3em;
  color: #000;
}

.fitem strong a {
  text-decoration: none;
  color: #000;
}

a.pbutton, .fitem a.pbutton {
  color: #fff;
  background: #ccc;
  padding: 0 5px;
  text-decoration: none;
  font-weight: bold;
}

a.pbutton:hover {
  color: #fff;
  background: #4253a8;
}

.fitem a img {
  border: 1px solid #808080;
  float: left;
  margin: 3px 10px 0 0;
}

#contentmain .fitem p {
  font-size: 1em;
  text-align: left;
}

.citem {
  height: 200px;
  border-bottom: 1px solid #ededed;
  padding: 10px 0;
  margin-bottom: 10px;
}

.citem h4 {
  font-size: 1.1em;
}

.citem h4 a {
  text-decoration: none;
  color: #4253a8;
}

.citem h4 span {
  color: #808080;
  font-weight: normal;
}

.cimgbox {
  width: 215px;
  float: left;
}

.citem a img {
  border: 1px solid #808080;
  margin-right: 5px;
  margin-bottom: 5px;
  float: left;
  display: block;
}

#contentmain p.pcats {
  text-align: left;
  padding: 10px 0 0px;
  font-size: 0.7em;
  position: absolute;
  top: -27px;
  color: #323232;
}

.cprice {
  font-size: 0.8em;
  color: #000;
  font-weight: bold;
  line-height: 180%;
}

.cmid {
  padding: 6px 0 5px;
}

.citem a.pbutton {
  font-size: 0.8em;
}

#jointcol .citem p {
  color: #323232;
}

#jointcol p.ctip {
  color: #808080;
  font-size: 0.8em;
  font-style: italic;
  padding: 8px 0 15px 0px;
  text-align: left;
}

.ctip strong {
  color: #008000;
}

/* ke katalogu hotelu */

h1.hotelname {
  text-align: left;
  color: #800000;
  margin: 0 auto;
  font-size: 1.9em;
  font-family: "Trebuchet MS", arial, sans-serif;
  padding: 2px 0 0;
  width: 900px;
}

h1.txtname {
  padding-bottom: 30px;
}

p.hoteladdress {
  color: #656565;
  font-size: 1.2em;
  font-weight: bold;
  text-align: left;
  width: 900px;
  margin: 0 auto;
  padding: 0;
  font-family: "Trebuchet MS", arial, sans-serif;
  position: relative;
  top: -3px;
}

#topbuttons {
  width: 900px;
  margin: 0 auto;
  padding-top: 5px;
}

#topbuttons a {
  display: block;
  width: 82px;
  line-height: 25px;
  height: 25px;
  background: #223f5e;
  color: #fff;
  font-size: 0.7em;
  font-weight: bold;
  margin-left: 1px;
  float: right;
  text-decoration: none;
}

#topbuttons a.active {
  background: #fff;
  color: #223f5e;
  font-size: 0.8em;
}

#topbuttons a:hover {
  background: #285e98;
}

#topbuttons a.active:hover {
  color: #223f5e;
  background: #fff;
}

#latestcol h3 {
  font-size: 0.75em;
  font-weight: bold;
  position: relative;
  left: -4px;
  text-transform: uppercase;
  margin: 0;
  padding: 8px 0 10px;
  text-align: center;
  color: #223f5e;
}

.onelatest {
  display: block;
  margin: 0 5px 11px 0px;
  border-bottom: 1px solid #656565;
  padding: 0 0 12px;
  text-decoration: none;
  font-size: 0.7em;
  color: #656565;
}

.onelatest:hover {
  color: #656565;
}

.onelatest img {
  border: 1px solid #102944;
}

.onelatest img.red {
  border-color: #800000;
}

.onelatest strong {
  color: #223f5e;
  display: block;
  padding-top: 3px;
}

.onelatest strong.red {
  color: #800000;
}

/* popis hotelu atd. */

.standardbox {
  padding: 5px 0 10px 15px;
}

.standardbox h3 {
  color: #800000;
}

#hotelfoto {
  padding: 15px 0 10px 15px;
}

#hotelmap {
  padding: 0 0 10px 15px;
}

#hotelfoto h3, #hotelmap h3 {
  font-size: 0.9em;
  margin: 0;
  text-transform: uppercase;
  line-height: 21px;
  background: #ededed;
  padding: 0 3px;
}

.standardbox p {
  text-align: justify;
}

.ourtip { 
  background: transparent url('../img/tick.gif') 0% 0% no-repeat;
  padding: 10px 0 0 10px;
  margin: 20px 0 5px -10px;
  font-family: "Trebuchet MS", arial, sans-serif;
}

.ourtip div {
  background: #e4f3dd url('../img/tick.gif') -11px -11px no-repeat;
  border: 1px solid #6eb050;
  position: relative;
  padding: 35px 15px 15px 30px;
  font-size: 0.7em;
  font-weight: bold;
  color: #004000;
  line-height: 150%;
  text-align: justify;
}

.standardbox div.ourtip h3 {
  color: #6eb050;
  text-transform: uppercase;
  font-size: 1.3em;
  font-weight: bold;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 9px;
  left: 30px;
  background: #e4f3dd;
}

.equipbox {
  height: 30px;
  width: 98px;
  font-size: 0.6em;
  color: #223f5e;
  font-weight: bold;
  line-height: 130%;
  margin: 10px 5px 0;
  float: left;
}

.equipbox img {
  float: left;
  margin-right: 7px;
}

p.distances {
  text-align: right;
}

.distances strong {
  display: block;
  width: 300px;
  text-align: left;
  float: left;
}

.hotelfotolinks img {
  margin: 4px;
}

.hotelfotolinks {
  margin: 1px -5px 5px;
}

/* galerie */

#gallerybox {
  padding: 20px;
  position: relative;
}

#gallerybox.jsAvailable {
  padding: 20px;
  position: relative;
  height: 650px;
}

.bigfoto {
  display: none;
}

#gallerybox.jsAvailable .bigfoto {
  display: block;
  text-align: center;
  width: 804px;
  background: #e0e0e0;
  margin: 0 auto;
  padding: 1px 0;
  position: relative;
  z-index: 1;
}

#gallerybox.jsAvailable .bigfoto img {
  margin: 0 auto;
  border: 1px solid #fff;
  display: block;
}

#gallerybox.jsAvailable #controlStrip {
  position: absolute;
  height: 80px;
  width: 804px;
  top: 22px;
  left: 48px;
  z-index: 10;
  overflow: hidden;
}

#gallerybox.jsAvailable #controlContent {
  position: absolute;
  top: 0;
  left: 0;
  width: 804px;
  height: 80px;
}

#gallerybox.jsAvailable #controlControl {
  position: absolute;
  top: 0;
  left: 0;
  width: 804px;
  z-index: 0;
  height: 80px;
}

#gallerybox.jsAvailable .thumbsbox {
  position: absolute;
  top: 0;
  left: 34px;
  height: 80px;
  width: 736px;
  overflow: hidden;
}

#gallerybox.jsAvailable .thumbsback {
  opacity: 0.3;
  filter: alpha(opacity=30);
  background: #013;
  height: 80px;
  width: 800px;
  position: absolute;
  left: 2px;
  top: 0;
  z-index: 0;
}

#gallerybox.jsAvailable .thumbstrip {
  width: 100000px;
  position: absolute;
  left: -5px;
  top: 0;
  height: 80px;
  z-index: 30;
  padding: 5px 0 0;
}

.thumbstrip img {
  margin-left: 0;
  margin-bottom: 25px;
}

#gallerybox.jsAvailable .thumbstrip img {
  margin-left: 5px;
  margin-bottom: 0;
}

.thumbstrip a {
  margin-right: 10px;
}

#gallerybox.jsAvailable .thumbstrip a {
  cursor: pointer;
  margin-right: 0;
}

#gallerybox.jsAvailable .galleryback {
  display: block;
  width: 30px;
  height: 80px;
  position: absolute;
  z-index: 50;
  top: 0;
  left: 2px;
  background: #000 url('../img/gallery-back.png') 0% 0% no-repeat;
  opacity: 0.8;
}

#gallerybox.jsAvailable .galleryfwd {
  display: block;
  width: 30px;
  height: 80px;
  position: absolute;
  z-index: 50;
  top: 0;
  left: 772px;
  background: #000 url('../img/gallery-fwd.png') 0% 0% no-repeat;
  opacity: 0.8;
}

#gallerybox.jsAvailable .galleryfwd:hover, #gallerybox.jsAvailable .galleryback:hover {
  opacity: 0.9;
  background-position: 0% 100%;
}

#contentmain p.photodesc {
  margin: 0;
  padding: 6px 30px;
  text-align: center;
  color: #333;
}

#gallerybox.jsAvailable #bigLink {
  cursor: pointer;
}

/* bezna textova stranka */

#content {
  padding: 15px 0 40px 15px;
}

#content p {
  text-align: justify;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
  color: #223f5e;
  padding: 5px 0;
}

#content h2 {
  font-size: 1.4em;
}

#content h3 {
  font-size: 1.2em;
}

#content h4 {
  font-size: 1em;
}

#content h5 {
  font-size: 0.9em;
  font-weight: normal;
}

#content h6 {
  font-size: 0.7em;
  font-weight: normal;
}

#txtsubmenu {
  position: relative;
}

#txtsubmenu ul {
  width: 145px;
  padding: 15px 0;
  margin: 0;
  position: relative;
}

#txtsubmenu ul li {
  margin: 0 0 1px;
  padding: 0;
  height: 25px;
  background: #efefef;
  display: block;
  list-style: none outside;
  line-height: 25px;
}

#txtsubmenu ul li a {
  display: block;
  height: 25px;
  padding-left: 10px;
  font-size: 0.7em;
  font-weight: bold;
  color: #666;
  border-right: 5px solid #a0a0a0;
  text-decoration: none;
}

#txtsubmenu ul li a:hover {
  border-right-color: #223f5e;
  color: #000;
}

#content ul, #content ol, #content address, #content table, #content blockquote {
  font-size: 0.8em;
}

#content ul, #content ol {
  margin: 0;
  padding: 10px 5px;
}

#content li {
  padding: 2px 0 4px;
  margin-left: 20px;
}

#content ul ol, #content ul ul, #content ol ol, #content ol ul {
  font-size: 1em;
  padding: 3px 0;
}

#content img {
  margin: 10px;
}

#content a img {
  border: 0;
}

#content table {
  width: 90%;
  margin: 20px auto;
  border-collapse: collapse;
}

#content table th, #content table td {
  border: 1px solid #fff;
  padding: 5px 6px;
  font-size: 1em;
}

#content table td {
  background: #e0e0e0;
}

#content table th {
  color: #fff;
  background: #223f5e;
}