html{
  background: #2c6692 url('../img/background.jpg') repeat-x 50% 0%;
}

body{
  background: url('../img/site-top.jpg') no-repeat 50% 0%;
  color: #000;
	font-family: Arial, 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', lucida, sans-serif;
    font-size: 0.80em;
    line-height: 1.5em;
  margin: 0;
  padding: 0;
}

/*--------globals-------*/
#header h1{
  height: 60px;
    width: 530px;
  float: left;
  font-size: 1.5em;
  top: 30px;
  right: 30px;
  line-height: 1.1em;
  margin: 0;
  padding: 0;
  position: absolute;
}

#header h1 a{
  color: #000;
  display: block;
  height: 60px;
    width: 530px;
  text-decoration: none;
  overflow: hidden;
}

#header h1 span{
  background: url('../img/logo.jpg') no-repeat 100% 0%;
  cursor: pointer;
  display: block;
  height: 60px;
    width: 530px;
  left: 0;
    top: 0;
  position: absolute;
  z-index: 2;
}

h2, h3, h4{
  clear: left;
	color: #2C6692;
  font-family: 'Trebuchet MS', 'Geneva CE', arial, sans-serif;
  margin: 0;
  padding: 0.3em 0 0.5em 0;
}

h2{
	font-size: 1.5em;
}

h3{
  font-size: 1.3em;
}

h4{
  font-size: 1.1em;
}
h5{
  font-size: 1.0em;
}

a{
  color: #A0101A;
}

a:visited{
}

a:hover{
  color: #000;
}

img{
  border: 0;
  padding: 0 5px 5px 5px;
}

img.left{
  clear: left;
  float: left;
}

img.right{
  clear: right;
  float: right;
}

img.tiny-align-left{
  clear: left;
  float: left;
}

img.tiny-align-right{
  clear: right;
  float: right;
}

p, address{
  margin: 0;
  padding-bottom: 1em;
}

ul{
  margin: 0 0 0 0.7em;
  padding: 0 0 1em 0.7em;
  list-style: square;
}

hr{
  color: #BCBEC0;
  height: 1px;
  border: none;
  border-top: 1px solid #BCBEC0;
  clear: both;
}

.cleaner{
  clear: both;
  visibility: hidden;
  margin: 0;
  overflow: hidden;
  padding: 0;
  height: 0;
}

table{
  margin-bottom: 1em;

}

td.left{
  text-align: left;
}

td.center{
  text-align: center;
}

td.right{
  text-align: right;
}

th, td{
  background: #f5f5f5;
  border: 1px solid #B9B9B9;
  color: #000;
  padding: 0.1em 0.5em 0.1em 0.5em;
}

th, th a{
  background: #ccc;
  color: #000;
}

form{
  margin: 0;
  padding: 0;
}

fieldset{
  border: 1px solid #ddd;
}

/*-------site-------*/
#site{
  color: #666;
  background: #fff url('../img/site.gif') repeat-y 50% 0%;
  margin: auto;
  width: 990px;
  position: relative;
}

/*-------header-------*/
#header{
  background: url('../img/site-top.jpg') no-repeat 50% 0%;
  height: 400px;
  position: relative;
}

#infobox-infoboxheader{
  color: #525C28;
  font-family: 'Trebuchet MS', 'Geneva CE', arial, sans-serif;
  font-size: 1.2em;
  line-height: 1.6em;
  position: absolute;
  text-align: right;
  right: 60px;
  top: 180px;
  width: 380px;
}

#lang-switcher-0{
  position: absolute;
  top: 0;
  right: 140px;
}

#lang-switcher-0 ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

#lang-switcher-0 ul li{
  float: left;
  padding-left: 10px;
}

#lang-switcher-0 ul li img{
  padding: 0;
}

#navbar-top{
  background: #90b30a url('../img/navbar-top.gif') repeat-x;
  list-style: none;
  margin: 0;
  padding: 5px 0 0 20px;
  position: absolute;
    left: 333px;
    bottom: 20px;
  width: 604px;
}

#navbar-top li{
  float: left;
  padding-right: 5px;
}

#navbar-top li a, #navbar-top li strong, #navbar-top li em{
  color: #fff;
  display: block;
  font-family: 'Trebuchet MS', 'Geneva CE', arial, sans-serif;
  line-height: 30px;
  padding: 0px 0px 0px 15px;
  text-align: center;
  text-decoration: none;
}
#navbar-top li span{
  display: block;
  padding: 0px 19px 5px 0px;
}

#navbar-top li strong, #navbar-top li a:hover{
  background: #c3ddec url('../img/navbar-top-button.gif') no-repeat;
  color: #00456d;
}
#navbar-top li strong span, #navbar-top li a:hover span{
  background: #c3ddec url('../img/navbar-top-button.gif') no-repeat 100% 0%;
  color: #00456d;
}
/*--------------*/

#navbar-top ul{
  background: #88A909;
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  z-index: 99;
  width: 200px;
}
#navbar-top ul li{
  float: none;
  padding: 0;
}
#navbar-top ul li a, #navbar-top ul li strong, #navbar-top ul li em{
  color: #fff;
  text-align: left;
  font-weight: bold;
  line-height: 22px;
  padding-top: 7px;
  padding-bottom: 7px;
  height: 100%;
}
#navbar-top ul li strong, #navbar-top ul li a:hover{
  background: #738F00;
  color: #fff;
}
#navbar-top ul li strong span, #navbar-top ul li a:hover span{
  background: none;
  color: #fff;
}


#left-navbar{
  font-family: 'Trebuchet MS', 'Geneva CE', arial, sans-serif;
  font-size: 1.2em;
}
#left-navbar em{
  font-weight: bold;
}
#left-navbar a, #left-navbar em, #left-navbar strong{
  color: #fff;
}
#left-navbar a:hover{
  color: #000;
  text-decoration: none;
}
/*-------navbar------*/
#infobox-aktualninabidka ul,
#seznam-podlazi,
.pronajem ul{
  list-style: none;
  margin: 0;
  padding: 0 0 10px 0;
}

#infobox-aktualninabidka ul li, 
#seznam-podlazi li,
.pronajem ul li{
  position: relative;
}

#infobox-aktualninabidka ul li a, #infobox-aktualninabidka ul li strong, #infobox-aktualninabidka ul li em,
#seznam-podlazi li a,
.pronajem ul li a{
  background: url('../img/aktualni-nabidka-button.gif') no-repeat 0 50%;
  border-bottom: 1px solid #e0e0e0;
  color: #666;
  display: block;
  font-weight: normal;
  padding: 0 5px 0 15px;
  text-decoration: none;
  height: 100%;
  line-height: 30px;
}
#infobox-aktualninabidka ul a:hover,
#seznam-podlazi a:hover,
.pronajem ul li a:hover{
  color: #000;
}

/*-----bottom-navbar------*/
#bottom-navbar-box{
  clear: both;
  background: #e0e0e0;
  border-top: 20px solid #fff;
  margin: 0 40px -20px 40px;
  padding: 1px;
}

#bottom-navbar{
  background: #e0e0e0;
  border: 3px solid #fff;
  list-style: none;
  margin: 0;
  padding: 10px;
}

#bottom-navbar li{
  display: inline;
  padding-right: 20px;
}

#bottom-navbar li a, #bottom-navbar li strong{
  color: #777;
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 32px;
  padding: 7px 5px 7px 37px;
  text-decoration: none;
}
#bottom-navbar li a:hover{
  color: #000;
}
#bottom-navbar li .kariera{
  background: url('../img/icon-kariera.gif') no-repeat;
}
#bottom-navbar li .tiskove-zpravy{
  background: url('../img/icon-tiskove-zpravy.gif') no-repeat;
}
#bottom-navbar li .ke-stazeni{
  background: url('../img/icon-ke-stazeni.gif') no-repeat;
}
#bottom-navbar li .mapa-webu{
  background: url('../img/icon-mapa-webu.gif') no-repeat;
}
#bottom-navbar li .mapa{
  background: url('../img/icon-mapa.gif') no-repeat;
}
#bottom-navbar li .tisk{
  background: url('../img/icon-tisk.gif') no-repeat;
}
#bottom-navbar li .domu{
  background: url('../img/icon-domu.gif') no-repeat;
}

/*------main-----*/
#main{
  background: url('../img/site-top.jpg') no-repeat 50% -400px;
  /*position: relative;*/
  width: 100%;
}  
/*-------template-page-------*/
#main-content,
#left-sidebar, #right-sidebar,
#main-content-without-sidebars,
#main-without-left, #main-without-right,
#bottom-content{
  float: right;
  overflow: hidden;
  padding: 20px;
  /*position: relative;*/
}
#main-content{
  width: 550px;
  padding-right: 70px;
  padding-bottom: 0;
  min-height: 360px;
}

#left-sidebar{
  color: #fff;
  float: left;
  padding-top: 30px;
  padding-left: 50px;
  padding-bottom: 0;
  width: 260px;
}
#left-sidebar h2, #left-sidebar h3, #left-sidebar h4{
  color: #fff;
} 
/*-------template-without-sidebars-------*/
#main-content-without-sidebars{
  width: 550px;
  padding-right: 70px;
  padding-bottom: 0;
  min-height: 360px;
}
/*----------*/
#bottom-content{
  background: #E3D97D url('../img/bottom-content.gif') no-repeat 50% 0%;
  color: #645900;
  float: none;
  clear: both;
  padding: 40px 50px 0px 50px;

  margin: 0px 0px -60px 0px;
}
#bottom-content h2, #bottom-content h3, #bottom-content h4{
  color: #645900;
}
#main-content a, #main-content-without-sidebars a{
  color: #0191F1;
}
#main-content a:hover, #main-content-without-sidebars a:hover{
  color: #000;
}
/*--------footer--------*/
#footer{
  background: #2C6692 url('../img/footer.gif') no-repeat 0 00%;
  color: #62acd3;
	clear: both;
	font-size: 0.85em;
	line-height: 15px;
  padding: 90px 0 15px 0;
}

#footer p{
  display: inline;
  margin: 0;
  padding: 0;
  padding-left: 30px;
}

#footer a{
  color: #62acd3;
}

#footer a:hover{
  color: #fff;
}

#footer span{
  font-weight: bold;
}

#footer .right{
	float: right; 
	padding-right: 30px;
}

#footer #navbar-footer{
	float: right;
  list-style: none;
  padding: 0;
	padding-right: 30px;
}
#footer #navbar-footer li{
  display: inline;
  padding-left: 7px;
}

/*------buttons------*/

/*------messages-----*/
.error{
  color: #0082cc;
  font-size: 1.3em;
  font-weight: bold;
}

.message{
  color: #000;
  font-size: 1.2em;
  font-weight: bold;
}


/*------------------*/
.photo-gallery *{
  background: none;
  border: none;
}

.contactForm{
  font-size: 0.9em;
  padding: 10px 0 0 10px;
}
.contactForm table, .contactForm td, .contactForm th{
  background: none;
  border: none;
  color: #000;
  padding: 3px;
}
.contactForm th{
  text-align: right;
  vertical-align: top;
}
.contactForm textarea{
  height: 60px;
/*  width: 345px;*/
}
.contactForm .send-contact{
  text-align: right;
/*  padding-right: 15px;*/
}
.contactForm #cell-label{
  color: #666;
}

#search-form{
  position: absolute;
  right: 0;
  top: 45px;
  z-index: 99;
}

.n-none{
  display: none;
}

#autocompleter-form{
  position: absolute;
  right: 0;
  width: 120px;
  z-index: 99;
}

/*#autocompleter-form *{
  margin: 0;
  padding: 0;
}*/
#cityautocompleter{
  width: 70px;
}
/*#searchautocompleter-label{
  display: none;
}*/

.tabulka-podlazi{
  width: 100%;
}
.tp-oznaceni{
  width: 60px;
}
.tp-plocha{
  width: 80px;
}
.tp-najemce{
  width: 200px;
}
.tp-stav{
}

.podlazi-nadpis{
  background: url('../img/podlazi-nadpis.gif') no-repeat 0% 50%;
  padding-left: 25px;
  cursor: pointer;
}
.podlazi-nadpis:hover{
  color: #000;
}
.podlazi-nadpis_active{
  background: url('../img/podlazi-nadpis-active.gif') no-repeat 0% 50%;
  color: #000;
  padding-left: 25px;
}
.property-detail table{
  border: 1px solid #dadada;
}
.property-detail table td{
  background: #fff;
  border: none;
  padding: 0;
}
.property-detail table td img{
  padding: 5px;
}

.loginForm table th, .loginForm table td{
  background: none;
  border: none;
}

.propertyFormTable td, .propertyFormTable th{
  background: none;
  border: none;
}
.propertyFormTable select{
  width: 100%;
}

.propertyTable{
  width: 100%;
}

#valhallaCustomerEdit table td, #valhallaCustomerEdit table th{
  border: none;
  background: none;
}
#valhallaCustomerEdit table th{
  text-align: right;
  vertical-align: top;
}
#valhallaCustomerEdit table th .optional{
  font-weight: normal;
  color: #666;
}

.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px;
	background: #C3DF7D;
	border: 1px solid #B5CF74;
}
 
.tip-text {
  display: none;
}

div.news h4{
  background: #C57C1F;
  padding: 10px;
}
div.news p{
  background: #D58621;
  padding: 10px;
}
div.news p.news-date{
  background: #C57C1F;
  color: #FFC06F;
  float: right;
}

.tabulka-detail{
  float: left;
  margin-right: 10px;
}
.tabulka-detail th{
  text-align: left;
}

.galerie-detail td{
  padding: 0;
}
.galerie-detail img{
  padding: 0px 3px 0px 3px;
  margin: 0px;
}

.seznam-mistnosti table th{
  text-align: left;
}
.seznam-mistnosti table td{
  text-align: right;
}
.seznam-mistnosti{
  clear: both;
  float: left;
  margin-right: 20px;
}
.ke-stazeni-detail{
  float: left;
}
table.seznam-bytu{
  width: 100%;
}
table.seznam-bytu caption{
  font-size: 1.4em;
  color: #90B30A;
}
table.seznam-bytu th{
  background: #BFE8FF;
  color: #00528F;
}

table.seznam-bytu td{
  padding: 0;
}
table.seznam-bytu td a{
  display: block;
  padding: 3px;
  text-decoration: none;
}
table.seznam-bytu .odd td{
  background: #DFF4FF;
}
table.seznam-bytu .even td{
  background: #fff;
}
table.seznam-bytu tr:hover td{
  background: #BFE8FF;
}
#main table.seznam-bytu tr:hover td a{
  color: #000;
}
table.seznam-bytu .seznam-bytu-cena{
  text-align: right;
}
table.seznam-bytu .seznam-bytu-stav{
  text-align: center;
}
#main table.seznam-bytu .seznam-bytu-stav-1 a{
  color: green;
}
#main table.seznam-bytu .seznam-bytu-stav-2 a{
  color: orange;
}
#main table.seznam-bytu .seznam-bytu-stav-3 a{
  color: red;
}