/*--- START - @media  --- */
@media screen, projection {
* {
  margin: 0;
  padding: 0;
  color: #396430;
  color: #000000;
  font-size: 12px;
}
body {
  background: #FFFFFF url(../img-layout/bg-okraj-top.gif) no-repeat center top;
  text-align: center;
  font-family: 'Verdana','Tahoma','Arial','Helvetica CE',Verdana,Tahoma,Arial,lucida,sans-serif;
  font-size: 12px;
  line-height: 150%;
}
div#pozadi-bottom {
  background: transparent url(../img-layout/bg-okraj-bottom.gif) no-repeat center bottom;
  position: relative;
  padding-bottom: 37px;
  /*z-index: 1000;*/
  min-height: 230px;
}
*html div#pozadi-bottom {
  height: 230px;
}

/*--------------- start hlavicka ------------------*/
div#hlavicka {
  width: 940px;
  height: 100px;
  margin: 0 auto;
  position: relative;
  text-align: left;
}
div#hlavicka a img {
  border: none;
  margin: 21px 0 0 46px;
}
/*--------------- end hlavicka --------------------*/
/***************************************************/
/*--------------- start body ----------------------*/
div#body {
  position: relative;
  /*z-index: 100;*/
  margin: 0 auto;
  width: 940px;
}

/*-- hlavni menu --*/
div#hlavni-menu {
  width: 901px;
  background-color: #D7D4CE;
  margin: 0 auto 0 auto;
  position: relative;
  border-bottom: solid 1px #FFFFFF;
}
div#hlavni-menu ul {
  list-style: none;
  line-height: 57px;
}
div#hlavni-menu ul li {
  float: left;
  background: #D7D4CE url(../img-layout/bg-list-1.gif) no-repeat left center;
  padding: 2px 20px 0 32px;
}
div#hlavni-menu ul li.no-bg {
  background: #D7D4CE url();
  padding-left: 27px;
}
div#hlavni-menu ul li a {
  color: #6B6A66;
  text-decoration: none;
}
div#hlavni-menu ul li a.aktivni, div#hlavni-menu ul li a:hover {
  color: #000000;
}
/*-- vlajky mutaci --*/
div#vlajky {
  float: right;
  margin-right: 28px;
}
*html div#vlajky {
  margin-right: 14px;
}
div#vlajky a img {
  border: none;
  margin: 24px 0 22px 10px;
}

/*-- obsah --*/
div#obsah {
  width: 901px;
  background-color: #FFFFFF;
  margin: 0 auto 0 auto;
  position: relative;
  text-align: left;
}

div#box-foto-1 {
  width: 582px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  float: left;
 
}
div#box-foto-1 img {
  border: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  margin: 0 1px 1px 0;
}
div#box-text-1 {
  width: 269px;
  float: right;
  color: #FFFFFF;
  padding: 25px 25px 30px 25px;
  height: 326px;
  overflow: hidden;
}
*html div#box-text-1 {
  width: 319px;
  height: 381px;
}
div#box-text-1 h2,div#box-text-1 h1,
div#box-text-foto-1 h2,
div#box-text-2 h2 {
  margin: 0 0 15px 0;
  font-size: 18px;
  font-weight: normal;
}

div#box-text-foto-1 {
  width: 500px;
  float: left;
  color: #FFFFFF;
  padding: 25px 0px 20px 0px;
  height: 235px;
}
*html div#box-text-foto-1 {
  padding: 25px 0px 0px 0px;
  height: 281px;
}
div#box-text-foto-1 div.levy {
  float: left;
  width: 260px;
  margin-left: 25px;
}
*html div#box-text-foto-1 div.levy {
  margin-left: 12px;
}
div#box-text-foto-1 div.pravy {
  float: right;
  width: 175px;
  margin-right: 20px;
}
*html div#box-text-foto-1 div.pravy {
  margin-right: 10px;
}
div#box-text-foto-1 div.pravy img {
  border: solid 4px #FFFFFF;
  display: block;
  margin-bottom: 7px;
}
div#box-text-2 {
  width: 350px;
  float: right;
  color: #000000;
  padding: 25px;
  height: 230px;
}
.box-hnedy p {
  margin-top: 15px;
}
*html div#box-text-2 {
  width: 400px;
  height: 281px;
}
div#box-text-2 div.polozka {
  float: left;
  width: 175px;
}
div#box-text-2 div.polozka ul {
  list-style: none;
  margin: 4px 0 20px 0;
}
div#box-text-2 div.polozka ul li {
  background: transparent url(../img-layout/bg-list-2.gif) no-repeat 0px 9px;
  padding: 2px 0 2px 10px;
}

div.box-hnedy {
  background: #332409 url(../img-layout/bg-box-hnedy.gif) repeat -15px 10px;
}
div.box-hnedy p,
div.box-hnedy h2,
div.box-hnedy a,
div.box-hnedy strong,
div.box-hnedy h1 {
  color: #FFFFFF;
}
div.box-sedy {
  background: #D8D5CE url(../img-layout/bg-box-sedy.gif) no-repeat right top;
}
div.box-sedy p,
div.box-sedy h2,
div.box-sedy a,
div.box-sedy strong {
  color: #000000;
}
div.box-hnedy h2,
div.box-sedy h2,
div.box-hnedy h1,
div.box-sedy h1 {
  text-transform: uppercase;
  font-family: Cambria, times New Roman;
}

div.text-1 {
  padding: 20px 30px 20px 25px;
}

div.box-polozka-1 {
  border-top: 1px solid #FFFFFF;
  padding: 20px;
}
div.box-polozka-1 h2 {
  margin-bottom: 10px;
}
img.img-1 {
  float: left;
  border: solid 4px #FFFFFF;
  margin-bottom: 5px;
}
div.box-polozka-1-1 {
  float: right;
  width: 660px;
  margin-right: 5px;
}

div.box-sedy a.rezervovat {
  display: block;
  width: 181px;
  line-height: 39px;
  background: url(../img-layout/bg-tl-1.gif) no-repeat left top;
  font-size: 15px;
  font-weight: normal;
  font-family:Cambria,times New Roman;
  color: #FFFFFF;
  margin-top: 2px;
  padding-left: 15px;
  text-decoration: none;
}
div.box-sedy a.rezervovat:hover {
  color: #d7d4ce;
}

/*--------------- end body ------------------------*/
/***************************************************/
/*--------------- start paticka -------------------*/
div#paticka {
  position: relative;
  text-align: left;
  width: 901px;
  margin: 0 auto 20px auto;
  color: #9E9585;
  font-size: 11px;
}
div#paticka-left {
  float: left;
  width: 450px;
  text-align: left;
}
div#paticka-right {
  float: right;
  width: 451px;
  text-align: right;
}
div#paticka p, div#paticka a {
  color: #9E9585;
  font-size: 11px;
}

/****** mrizka ******/
div.strankovani_mrizky {
  border-top: solid 1px #FFFFFF;
  margin-top: 10px;
  padding-top: 5px;
  text-align: center;
}
/********************/

div.polozka_katalogu {
  margin-bottom: 20px;
}

div.polozka-detail div.box-fotky {
  float: left;
  width: 165px;
}
div.polozka-detail div.box_text {
  float:right;
  margin-right:5px;
  width:660px;
}

/*********** Info box v detailu zajezdu ***************/
div.info-box {
  background-color: #332409;
  width: 149px;
  margin-left: 4px;
  padding: 12px;
  color: #FFFFFF;
  margin-top: 7px;
}
* html div.info-box {
  width: 173px;
}
div.info-box p, div.info-box strong {
  color: #FFFFFF;
  font-size: 11px;
}


/*--------------- end paticka ---------------------*/
/*---------------- obecne -------------------------*/
.cleaner {
  clear: both;
}
.font-cambria {
  font-family:Cambria,times New Roman;
}

h1 {
  font-weight: normal;
  font-size: 20px;
}
h2 {
  font-weight: bold;
  font-size: 14px;
}
h3 {
  font-weight: bold;
  font-size: 13px;
}
p {
  margin: 0 0 1.1em 0;
}
a:hover {
  text-decoration: none;
}
table.poptavka th,table.poptavka td {
  padding: 3px;
  vertical-align: top;
}
table.poptavka input, table.poptavka textarea {
  padding: 2px;
  border: 1px solid #CCC;
  background: #FFF;
  color: #555;
}
.tucne {
  font-weight: bold;
}
.info-k-formulari {
  font-size: 10px;
  color: #AAA; 
}
.dn, a.dn {
  font-size: 11px;
}
object {
  margin: 0;
  padding: 0;
}
div.podbarveni-rezervace {
  /*background: #E5E2DC;*/
  padding: 5px;
  border: 1px solid #EEE;
}
div.chyby {
  /*padding: 3px;
  font-weight:bold;
  width: 50%;
  color: red;
  margin-bottom: 10px;*/
  padding: 3px;
  font-weight:bold;
  width: 40%;
  background: #FFFFFF;
  color: #ff0000;
  margin-bottom: 10px;
  border: solid 1px #ff0000;
}
div.ok {
  padding: 3px;
  font-weight:bold;
  width: 40%;
  background: #FFFFFF;
  color: #000000;
  margin-bottom: 10px;
  border: solid 1px #332409;
}
input.disabled{
  background: #CCC;
  color: #AAA;
}

/****** zajímavé odkazy *********/
div.logo-polozka {
  padding-bottom: 10px;
}
div.logo-polozka p.logo-foto {
  width: 170px;
  float: left;
}
p.logo-foto a img {
  border: 4px solid #FFFFFF;
}
div.logo-polozka div.logo-text {
  width: 690px;
  float: left;
}
div.logo-polozka a:hover {
  background: none;
}

} /* --- END - @media --- */