xx {}

html
{
  margin: 0;
  padding: 0;
}
body
{ 
  margin: 0;
  padding: 0;
  font-family: Tahoma, Sans, MS Sans, Verdana, Helvetica, Arial CE, Arial;
  font-size: 0.8em;
  text-align: center;
  color: #084c7c;
  background: #7889a3 url('../img/all/bkg.jpg') top center repeat-x;
}
table
{
  font-size: 1em;
  font-family: Tahoma, Sans, MS Sans, Verdana, Helvetica, Arial CE, Arial;
  border-collapse: collapse;
}
textarea, input, option, select
{
  font-family: Tahoma, Sans, MS Sans, Verdana, Helvetica, Arial CE, Arial;
  font-size: 1em;
  font-weight: normal;
}

.onRight { float: right;  margin: 0 0 1em 1em; }
.onLeft  { float: left;   margin: 0 1em 1em 0; }
.cleaner { clear: both; }

/* ============================================================= */

#page1
{
  width: 800px;
  padding: 0;
  margin: 0 auto;
  text-align: left;
}
#page2
{
  background-color: #fff;
}

#pruh1
{
  position: relative; /* IE problem */
  text-align: center;
  color: #206890;
  font-weight: bold;
  padding-top: 236px;
  background: url('../img/cs/pruh.jpg') top center no-repeat;
}
#pruh1 #pruh2
{
  margin: 0.8em;
}
#pruh1 #pruh2 h1, #pruh1 #pruh2 p
{
  padding: 0;
  margin: 0;
  font-size: 1em;
}

#pruh2 a
{
  color: #206890;
  text-decoration: none;
}
#pruh2 a:hover
{
  color: #ba7d5e;
  text-decoration: underline;
}


/* ============================================================= */

#cont
{
  position: relative;
  left: 15px;
  width: 770px;
  padding-bottom: 15px;
}

#menu1
{
  text-align: center;
  padding-left: 88px;
}
#menu1 ul
{
  margin: 0;
  padding: 0;
}
#menu1 ul li
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline;
}
#menu1 ul li a
{
  display: block;
  float: left;
  width: 200px;
  height: 40px;
  line-height: 40px;
  margin: 0 3px 0 3px;
  text-decoration: none;
  color: #fff;
}
#menu1 ul li a.active
{
  height: 42px;
}

#menu1 ul li a:hover
{
}
#menu1 ul li a.active:hover
{
  text-decoration: none;
}
#menu1 ul li a span
{
  color: #fff;
  font-weight: bold;
  font-size: 1.5em;
}

#menu1 a#menu-prodej-bytu,        #menu1 a.active:hover#menu-prodej-bytu        { background: #ea820c url('../img/all/zal-prodej0.png') top left no-repeat; }
#menu1 a#menu-pronajem-bytu,      #menu1 a.active:hover#menu-pronajem-bytu      { background: #069c93 url('../img/all/zal-pronajem0.png') top left no-repeat; }
#menu1 a#menu-ubytovna-ubytovani, #menu1 a.active:hover#menu-ubytovna-ubytovani { background: #2b82d4 url('../img/all/zal-ubytovna0.png') top left no-repeat; }

#menu1 a:hover#menu-prodej-bytu         { background: #f1a84b url('../img/all/zal-prodej1.png') top left no-repeat; }
#menu1 a:hover#menu-pronajem-bytu       { background: #07bdb1 url('../img/all/zal-pronajem1.png') top left no-repeat; }
#menu1 a:hover#menu-ubytovna-ubytovani  { background: #349dff url('../img/all/zal-ubytovna1.png') top left no-repeat; }

#cont #prodej-bytu        { border-color: #ea820c; background: #fdecbf url('../img/all/sek-prodej.png') top left repeat-x; }
#cont #pronajem-bytu      { border-color: #069c93; background: #c3e7e5 url('../img/all/sek-pronajem.png') top left repeat-x; }
#cont #ubytovna-ubytovani { border-color: #2e8ce3; background: #c3def7 url('../img/all/sek-ubytovna.png') top left repeat-x; }


/* ============================================================= */

#cont .sekce
{
  padding: 1em;
  border: solid 1px;
  border-width: 0 1px 1px 1px;
  position: relative;
}

#cont .sekce h1 { font-size: 1.3em; text-decoration: underline; }
#cont .sekce h2 { font-size: 1.25em; }
#cont .sekce h3 { font-size: 1.2em; }
#cont .sekce h4 { font-size: 1.15em; }
#cont .sekce h5 { font-size: 1.1em; }
#cont .sekce h6 { font-size: 1em; }

#cont .item h1, #cont .item h2, #cont .item h3, #cont .item p
{ /* IE problem */
  margin: 0;
  padding-top: 0.5em;
}

#cont .sekce .item
{
  border: solid 1px;
  margin-top: 1em;
  height: 135px;
  position: relative;
}

#cont .sekce .item .perex-foto
{
  float: left;
  position: relative; /* IE problem */
  width: 180px; 
  height: 135px;
  border: solid 1px;
  border-width: 0 1px 0 0;
  margin-right: 1em;
}

#cont #prodej-bytu .item          { background: #fefbf4; }
#cont #pronajem-bytu .item        { background: #f5fafd; }
#cont #ubytovna-ubytovani .item   { background: #f5fbfa; }
#cont #prodej-bytu .perex-foto    { border-color: #fdecbf; }
#cont #pronajem-bytu .perex-foto  { border-color: #c3e7e5; }
#cont #ubytovna-ubytovani .perex-foto  { border-color: #c3def7; }
#cont #prodej-bytu .item          { border-color: #ea820c; }
#cont #pronajem-bytu .item        { border-color: #059c92; }
#cont #ubytovna-ubytovani .item   { border-color: #2e8ce3; }

.itemSpace { height: 1.5em; }

/* ============================================================= */


#cont .sekce #menu2
{
  clear: both;
  padding: 7px 0 1.4em 0;
  position: relative;
  _margin-top:-1em;
}
#cont .sekce #menu2 h1
{
  margin: 0;
  padding: 0 1em 0 0;
  display: inline;
  font-size: 1em;
  text-decoration: none;
}
#menu2 ul
{
  margin: 0;
  padding: 0;
  display: inline;
}
#menu2 ul li
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline;
}
#menu2 ul li a
{
  padding: 0.3em;
  text-decoration: none;
  background-position: 5px center;
  background-repeat: no-repeat;
  padding-left: 13px;
  border: solid 1px;
}
#menu2 ul li a.active
{
  font-weight: bold;
}
#menu2 ul li a:hover
{
  color: #fff; 
  border: solid 1px;
}
#prodej-bytu #menu2 a:hover, 
#pronajem-bytu #menu2 a:hover, 
#ubytovna-ubytovani #menu2 a:hover
{ 
  color: #fff; 
}

#prodej-bytu #menu2 h1,         #prodej-bytu #menu2 a    { color: #fef9eb; }
#pronajem-bytu #menu2 h1,       #pronajem-bytu #menu2 a  { color: #eaf6f6; }
#ubytovna-ubytovani #menu2 h1,  #ubytovna-ubytovani #menu2 a       { color: #e5f1fb; }

#cont #prodej-bytu #menu2         { border-color: #fdecbf; }
#cont #pronajem-bytu #menu2       { border-color: #c3e7e5; }
#cont #ubytovna-ubytovani #menu2  { border-color: #c3def7; }

#prodej-bytu #menu2 ul li a           { border-color: #f8ce62; background-image: url('../img/all/m2y0.gif'); background-color: #ef9e3b; }
#prodej-bytu #menu2 ul li a:hover     { border-color: #fdecbf; background-image: url('../img/all/m2y1.gif'); background-color: #f1a547; }
#prodej-bytu #menu2 ul li a.active    { border-color: #fdecbf; }
#pronajem-bytu #menu2 ul li a         { border-color: #60c0ba; background-image: url('../img/all/m2g0.gif'); background-color: #28aaa2; }
#pronajem-bytu #menu2 ul li a:hover   { border-color: #c6e8de; background-image: url('../img/all/m2g1.gif'); background-color: #43b5ae; }
#pronajem-bytu #menu2 ul li a.active  { border-color: #c6e8de; }
#ubytovna-ubytovani #menu2 ul li a        { border-color: #83baee; background-image: url('../img/all/m2b0.gif'); background-color: #539add; }
#ubytovna-ubytovani #menu2 ul li a:hover  { border-color: #b8ddf5; background-image: url('../img/all/m2b1.gif'); background-color: #65a6e1; }
#ubytovna-ubytovani #menu2 ul li a.active { border-color: #b8ddf5; }

.item a.vice 
{
  padding: 0.3em 1em 0.3em 1em;
  text-decoration: none;
  background-position: 5px center;
  background-repeat: no-repeat;
}
.item a.vice:hover
{
  font-weight: bold;
}
#prodej-bytu        .item a.vice       { color: #fef9eb; background-color: #ea820c; background-image: url('../img/all/m2y0.gif'); }
#prodej-bytu        .item a.vice:hover { color: #ffffff;                            background-image: url('../img/all/m2y1.gif'); }
#pronajem-bytu      .item a.vice       { color: #eaf6f6; background-color: #059c92; background-image: url('../img/all/m2g0.gif'); }
#pronajem-bytu      .item a.vice:hover { color: #ffffff;                            background-image: url('../img/all/m2g1.gif'); }
#ubytovna-ubytovani .item a.vice       { color: #e5f1fb; background-color: #2e8ce3; background-image: url('../img/all/m2b0.gif'); }
#ubytovna-ubytovani .item a.vice:hover { color: #ffffff;                            background-image: url('../img/all/m2b1.gif'); }


/* ============================================================= */

#cont #foto1
{
  position: relative;
  float: right;
  padding-left: 1em;
}

#cont #foto1 a.ifoto
{
  display: block;
  margin: 1em 0 0 0;
  padding: 2px;
  border: solid 1px #aaa;
  color: #094d7d;
  background-color: #fff;  
  text-decoration: none;
}
#cont #foto1 a.ifoto:hover
{
  color: #555;
  border: solid 1px #555;
}

#cont #foto1 a.ifoto .imgLand
{
  display: block;
  width: 180px; 
  height: 135px;
}
#cont #foto1 a.ifoto .imgPort
{
  display: block;
  width: 180px;
  height: 245px;
}

#cont #foto1 a.ifoto .popis
{
  display: block;
  padding: 0.3em 0 0.3em 0;
}



/* ============================================================= */

#foot
{
  position: relative; /* IE problem */
  padding: 0.5em 0 2em 0;
  color: #cbd7e6;
  background-color: #7889a3;
}
#foot #vyrobilo
{
  color: #9ab;
  padding-left: 1em;
}
#foot #vyrobilo a
{
  color: #9ab;
  text-decoration: none;
}
#foot #vyrobilo a:hover
{
  color: #cbd7e6;
  text-decoration: underline;
}

/* ============================================================= */

th
{
  text-align: right;
  font-weight: normal;
}
td, th
{
  padding: 0.2em 0.5em 0.2em 0.5em;
}
td.label
{
  text-align: right;
  padding-right: 0.5em;
}

#prodej-bytu table    { border: solid 1px #ea820c; }
#prodej-bytu tr.L0    { background-color: #fdf1e0; } 
#prodej-bytu tr.L1    { background-color: #fdf6f1; }
#prodej-bytu th       { background-color: #ea820c; color: #fff; font-weight: bold; text-align: center; }
#pronajem-bytu table  { border: solid 1px #069c93; }
#pronajem-bytu tr.L0  { background-color: #dff2eb; } 
#pronajem-bytu tr.L1  { background-color: #e9f5f2; }
#pronajem-bytu th     { background-color: #069c93; color: #fff; font-weight: bold; text-align: center; }
#ubytovna-ubytvani table       { border: solid 1px #2e8ce3; }
#ubytovna-ubytvani tr.L0       { background-color: #eaf3fc; } 
#ubytovna-ubytvani tr.L1       { background-color: #dceaf7; }
#ubytovna-ubytvani th          { background-color: #2b82d4;  color: #fff; font-weight: bold; text-align: center; }


.block                      { padding: 1em; width: 15em; }
#prodej-bytu .block         { background: #fdf1e0; border: solid 1px #ea820c; }
#pronajem-bytu .block       { background: #e5f5f2; border: solid 1px #069c93; }
#ubytovna-ubytovani .block  { background: #eaf3fc; border: solid 1px #2e8ce3; }

p.ukoncene
{
  font-weight: bold;
  color: #700;
}