/* -------------------------------------------
File: style.css
Name: main style for site www.czechhotels.biz
Author: Jan Hommer
Date: %3-2008

Base: #555
Blue: #cb0000
Red: #e00000
------------------------------------------- */

body {
  padding: 0;
  margin: 0;
  background: #fff url(bg_body.jpg) center top;
  font: 10px Tahoma, Verdana;
  color: #555;
}

/* -------------------------------------------
    Define main backgorund
------------------------------------------- */

#main {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background: url(bg_main.gif) center top repeat-y;
  overflow: hidden;
}

/* -------------------------------------------
    Top user navigation
------------------------------------------- */

#usr {
  position: relative;
  width: 100%;
  height: 20px;
  margin: 0 auto;
  background: url(bg_usr.gif);
}

#usr p {
  display: block;
  width: 1000px;
  padding: 3px 0 0;
  margin: 0 auto;
  text-align: right;
  color: #c9c9c9;
}

#usr p a {
  text-decoration: none;
  color: #cb0000;
}

#usr p a:hover {
  color: #000;
}

/* -------------------------------------------
    Header with logo
------------------------------------------- */

#header {
  position: relative;
  width: 100%;
  height: 190px;
  margin: 0 auto;
  background: url(bg_header.jpg) center top no-repeat;
}

#header h1 {
  width: 960px;
  padding: 25px 0 0;
  margin: 0 auto;
  font-size: 10px;
  font-weight: normal;
}

#header h1 a {
  display: block;
  width: 170px;
  height: 25px;
  padding: 125px 0 0 80px;
  margin: 0;
  text-decoration: none;
  color: #555;
}

/* -------------------------------------------
    Main page (inluded sidebar and content)
------------------------------------------- */

#page {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}

/* -------------------------------------------
    Sidebar
------------------------------------------- */

#sidebar {
  position: relative;
  float: left;
  width: 245px;
  _width: 244px;
  margin: 0 0 0 19px;
  _margin: 0 0 0 10px;
  background: url(bg_sidebar.gif) top repeat-x;
}

/* -------------------------------------------
    Sidebar flags
------------------------------------------- */

#sidebar p#flags {
  padding: 0;
  margin: 15px 0 0;
  text-align: center;
}

#sidebar p#flags img {
  margin: 0 2px;
  border: none;
}

/* -------------------------------------------
    Sidebar titles
------------------------------------------- */

#sidebar h3 {
  padding: 10px 0 15px 35px;
  margin: 15px 0 0 15px;
  background: url(bg_sidebar_h3-c.gif) left top no-repeat;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 18px;
  color: #cb0000;
}

/* -------------------------------------------
    Sidebar first letters of titles
------------------------------------------- */

#sidebar h3.a {
  padding: 10px 0 25px 35px;
  background: url(bg_sidebar_h3-a.gif) left top no-repeat;
}

#sidebar h3.c {
  background: url(bg_sidebar_h3-c.gif) left top no-repeat;
}

#sidebar h3.s {
  background: url(bg_sidebar_h3-s.gif) left top no-repeat;
}

/* -------------------------------------------
    Sidebar menu
------------------------------------------- */

#sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0 20px 0px 55px;    /*  upraveno z margin: 0 20px 20px 55px;*/
}

#sidebar ul li {
  padding: 0 0 5px 15px;
  margin: 0;
  background: url(bg_sidebar_ul_li.gif) left top no-repeat;
}

#sidebar ul li a {
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  color: #555;
}

#sidebar ul li a:hover {
  color: #000;
}

/* -------------------------------------------
    Sidebar subitems
------------------------------------------- */

#sidebar ul li.subitem {
  padding: 0 0 5px 35px;
  margin: 0;
  background: none;
}

#sidebar ul li.subitem a {
  text-decoration: none;
  font-weight: normal;
  font-size: 10px;
  color: #555;
}

#sidebar ul li.subitem a:hover {
  color: #000;
}

/* -------------------------------------------
    Main content
------------------------------------------- */

#content {
  position: relative;
  float: right;
  width: 705px;
  padding: 10px;
  margin: 0 3px 0 0;
  _margin: 0 2px 0 0;
  background: url(bg_content.jpg) left top no-repeat;
}

/* -------------------------------------------
    Main menu
------------------------------------------- */

#menu ul {
  list-style: none;
  padding: 0 0 10px;
  margin: 5px 0 0 165px;
}

#menu ul li {
  float: left;
  padding: 0;
  margin: 10px 10px 0 0;
}

#menu ul li a {
  float: left;
  padding: 5px 0 15px 20px;
  margin: 0;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 15px;
  color: #cb0000;
}

#menu ul li a.h {
  background: url(bg_menu_a-h.gif) left top no-repeat;
}

#menu ul li a.b {
  background: url(bg_menu_a-b.gif) left top no-repeat;
}

#menu ul li a.f {
  background: url(bg_menu_a-f.gif) left top no-repeat;
}

#menu ul li a.c {
  background: url(bg_menu_a-c.gif) left top no-repeat;
}

#menu ul li a:hover {
  text-decoration: none;
  color: #000;
}

/* -------------------------------------------
    Support box
------------------------------------------- */

#support {
  clear: both;
  float: left;
  width: 180px;
  margin: 0 0 30px 30px;
}

#support h4 {
  padding: 0;
  margin: 0;
  text-align: right;
  font-weight: normal;
  font-size: 24px;
}

#support p {
  padding: 0;
  margin: 0;
  text-align: right;
  font-weight: bold;
  font-size: 11px;
}

#support p#cell {
  padding: 0;
  margin: 0 30px 0 0;
}

#support p#skype {
  padding: 7px 0 7px 33px;
  margin: -7px 0 0;
  background: url(bg_support_skype.gif) left center no-repeat;
  text-align: left;
}

/* -------------------------------------------
    Search box
------------------------------------------- */

#search {
  float: left;
  margin: 20px 0 20px 60px;
}

#search p {
  padding: 0;
  margin: 0 0 5px;
  text-align: right;
}

#search p input {
  width: 150px;
  border: 1px solid #c#cdcdcd;
}

#search p select{
  width: 152px;
  border: 1px solid #cdcdcd;
}

#search p input#submit {
  width: auto;
  padding: 2px 0 2px 25px;
  border: none;
  background: url(bg_search_submit.gif) left center no-repeat;
  text-transform: uppercase;
  font-size: 15px;
  color: #cb0000;
}

/* -------------------------------------------
    Navigation bar
------------------------------------------- */

.nav {
  clear: both;
  float: left;
  margin: 0 0 10px;
}

.nav p {
  padding: 0;
  margin: 0;
  font-size: 10px;
  color: #c9c9c9;
}

.nav p a {
  text-transform: uppercase;
  color: #cb0000;
}

.nav p a:hover {
  text-decoration: none;
  color: #000;
}

/* -------------------------------------------
    Listing
------------------------------------------- */

.listing {
  float: right;
  margin: -12px 10px 0 0;
}

.listing p {
  padding: 0;
  margin: 0;
  text-align: right;
  font-size: 10px;
  color: #c9c9c9;
  line-height: 140%;
}

.listing p em {
  font-style: normal;
  color: #555;
}

.listing p strong {
  color: #555;
}

.listing p a {
  color: #cb0000;
}

.listing p a:hover {
  text-decoration: none;
  color: #000;
}

/* -------------------------------------------
    HR line
------------------------------------------- */

hr {
  visibility: hidden;
  clear: both;
}

/* -------------------------------------------
    Single box with descriptions
------------------------------------------- */

.single {
  position: relative;
  float: left;
  width: 229px;
  height: 230px;
  margin: 0 2px 8px 0;
  border: 1px solid #e3e3e3;
  background: url(bg_single.gif) top repeat-x;
}

.act {
  background: url(bg_single-act.gif) top repeat-x;
}

.single h3 {
  padding: 0;
  margin: 7px 7px 0 7px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 18px;
  color: #cb0000;
}

.single h3 a {
  text-decoration: none;
  color: #cb0000;
}

.single h3 a:hover {
  color: #000;
}

.single p.stars {
  padding: 0;
  margin: 0 7px;
}

.single p.addr {
  padding: 0;
  margin: 4px 7px;
}

.single p.imgs {
  padding: 0;
  margin: 7px 0 7px 7px;
}

.single p.imgs img {
  margin: 0 6px 0 0;
  border: 2px solid #7f7f7f;
}

.single p.nfo {
  height: 35px;
  padding: 0;
  margin: 4px 7px;
}

.single p.price {
  padding: 0;
  margin: 0 7px;
  text-align: right;
  font-weight: bold;
  font-size: 12px;
}

.single p.price strong {
  font-weight: bold;
  font-size: 18px;
  color: #cb0000;
}

.act p.price strong {
  color: #d80000;
}

/* -------------------------------------------
    Page with details
------------------------------------------- */

#detail {
  position: relative;
  clear: both;
  border: 1px solid #e3e3e3;
  padding: 15px 15px 20px;
  margin: 0 7px 7px 0;
  background: url(bg_detail.gif) top repeat-x;
}

#detail h2 {
  padding: 0;
  margin: 0 15px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 25px;
  color: #cb0000;
}

#detail h3 {
  padding: 10px 0 10px 30px;
  margin: 10px 0 0;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 14px;
  color: #cb0000;
}

#detail h3.p {
  background: url(bg_detail_h3-p.gif) left top no-repeat;
}

#detail h3.r {
  background: url(bg_detail_h3-r.gif) left top no-repeat;
}

#detail a {
  color: #cb0000;
}

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

#detail p {
  padding: 0;
  margin: 0 15px 10px;
}

#detail p#gall {
  margin: 0 15px 10px 30px;
}

#detail p#gall img {
  margin: 0 6px 6px 0;
  border: 2px solid #7f7f7f;
}

#detail p.prices {
  margin: -5px 15px 10px 30px;
}

#detail ul {
  list-style: none;
  padding: 0;
  margin: 0 15px;
}

#detail ul li {
  padding: 0 0 5px 15px;
  margin: 0;
  background: url(bg_detail_ul_li.gif) left top no-repeat;
}

/* -------------------------------------------
    Prices table
------------------------------------------- */

#detail table.prices {
  margin: 0 0 10px 30px;
  border: solid #c9c9c9;
  border-width: 1px 1px 0 1px;
  text-align: center;
}

#detail table.prices tr#head td {
  padding: 10px 0;
  background: url(bg_table_prices_header.gif) bottom repeat-x;
  font-weight: bold;
}

#detail table.prices tr td {
  width: 120px;
  padding: 5px 0;
  border-bottom: 1px solid #c9c9c9;
}

#detail table.prices tr td strong {
  color: #e00000;
}

/* -------------------------------------------
    Reservations table
------------------------------------------- */

#detail table#reservations {
  margin: 0 0 10px 30px;
}

#detail table#reservations tr td.what {
  width: 70px;
}

#detail table#reservations tr td.value {
  width: 220px;
}

#detail table#reservations tr td.altop {
  vertical-align: top;
}

#detail table#reservations tr td h4 {
  padding: 0;
  margin: 0;
  font-size: 12px;
  color: #cb0000;
}

#detail table#reservations tr td span {
  color: #e00000;
}

#detail table#reservations tr td input {
  height: 11px;
  height: auto;
}

#detail table#reservations tr td select {
  height: 17px;
}

#detail table#reservations tr td input.longinput {
  width: 180px;
}

#detail table#reservations tr td input.calinput {
  width: 80px;
}

#detail table#reservations tr td input.noinput {
  width: 60px;
}

#detail table#reservations tr td select.shortselect {
  width: 144px;
}

#detail table#reservations tr td input.shortinput {
  width: 140px;
}

#detail table#reservations tr td textarea {
  width: 180px;
  height: 80px;
}

#detail table#reservations tr td img {
  border: none;
}

#detail table#reservations tr td#cards {
  padding: 30px 0 0;
  text-align: center;
}

#detail table#reservations tr td#cards img {
  margin: 0 10px;
  border: none;
}

#detail table#reservations tr td input.submit {
  width: auto;
  height: auto;
  padding: 2px 0 2px 25px;
  margin: 30px 0 0 120px;
  border: none;
  background: url(bg_search_submit.gif) left center no-repeat;
  text-transform: uppercase;
  font-size: 15px;
  color: #cb0000;
}

/* -------------------------------------------
    Strike under footer
------------------------------------------- */

#overfooter {
  position: relative;
  clear: both;
  width: 100%;
  height: 24px;
  margin: 0 auto;
  background: url(bg_overfooter.gif) center top no-repeat;
}

/* -------------------------------------------
    Footer
------------------------------------------- */

#footer {
  position: relative;
  clear: both;
  width: 100%;
  padding: 30px 0 10px;
  margin: 0 auto;
  background: #fff url(bg_footer.gif) center top repeat-x;
  overflow: hidden;
}

/* -------------------------------------------
    Content of footer
------------------------------------------- */

#footer #infooter {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}

#footer #infooter a {
  color: #cb0000;
}

#footer #infooter a:hover {
  text-decoration: none;
  color: #000;
}

#footer #infooter p {
  color: #707070;
}

/* -------------------------------------------
    Copyright
------------------------------------------- */

#footer #infooter p#copy {
  position: relative;
  float: left;
  width: 300px;
  padding: 5px 0 5px 35px;
  margin: 0 0 0 20px;
  background: url(bg_infooter_copy.gif) left center no-repeat;
  font-size: 9px;
}

/* -------------------------------------------
    Navigation
------------------------------------------- */

#footer #infooter p#nav {
  position: relative;
  float: right;
  width: 500px;
  padding: 0;
  margin: 0;
  text-align: right;
  font-size: 12px;
}

#footer #infooter p#nav a {
  text-transform: uppercase;
  font-weight: bold;
}

/* -------------------------------------------
    Backlinks
------------------------------------------- */

#footer #infooter p#backlinks {
  position: relative;
  clear: both;
  float: right;
  width: 625px;
  padding: 0;
  margin: 10px 0 0;
  text-align: right;
  font-size: 9px;
}

/* -------------------------------------------
    Flash
------------------------------------------- */

#flash {
  position: absolute;
  width: 669px;
  height: 190px;
  top: 20px;
  left: 50%;
  margin: 0 0 0 -212px;
  z-index: 1;
}

#sidebar .flashe {
text-align: center;
margin: 50px 0;
}