body {
  background-color: white;
  font-family: Arial, sans-serif;
  margin: 0;
}

a:link {
  color: #0000cc;
}

a:active {
  color: red;
}

a.title, h2.title{
  color: #FE6700;
  background: #FFF;
}

/*start details*/
#container {
  padding: 0; 	
  margin: 0px auto; 
  margin-bottom: 0px;
  text-align:left;
  background: white;
}

#header {
  background: #804C42;
  color: white;
  font-size: 1.4em;
  padding: 10px 0 0px 10px;
  text-align: left;
  border-bottom: 1px solid white;
  border-top: 1px solid white;
  top: 45px;
  height: 45px;
  left: 0px;
  right: 0px;  
}

#supra-header {
  text-align: right;
  padding: 10px 10px 10px 0;
  background: #967E75;
  top: 0px;
  height: 45px;
  left: 0px;
  right: 0px;  
}

#close-popup {
  float: right;
}


#content {
  
}

#map-header {
  position: absolute;
  top: 102px;
  height: 40px;
  width: 100%;
}

#map {  
  float: left;
  width: 75%;    
  position: absolute;
  bottom: 0px;
  top: 157px; 
  z-index: 0;
}

#right-panel {
  margin-left:75%;
  position: absolute;
  bottom:0px;
  top:157px;
  right:0px;
  left:0px;
  padding: 0 1em 0 1em;
  overflow:auto;
}

#footer {
  background: #804C42; 
  padding: 5px 10px 0 5px;
  text-align: left;
}

#footer a {
  color: white; 
  font-size: 0.9em;
  text-decoration: none;
  font-weight: normal;  
}

.clear_both {
  clear: both;
  height: 1px;
}

.top-link:link {
 text-decoration: none;
 color: #FFFFFF;
 font-weight: bold;
}

.top-link:visited {
 text-decoration: none;
 color: #FFFFFF;
 font-weight: bold;
}

.top-link:hover {
 text-decoration: none;
 color: #FFFFFF;
 font-weight: bold;
}

A.page_link:link {text-decoration: none; color:#804C42}
A.page_link:visited {text-decoration: none; color:#804C42}
A.page_link:hover {text-decoration: none; color:#804C42;}

A.link_listing:link {text-decoration: none; color:#804C42;}
A.link_listing:visited {text-decoration: none; color:#804C42}
A.link_listing:hover {text-decoration: none; color:#804C42}

A.listing_title:link {text-decoration: none; color:white;}
A.listing_title:visited {text-decoration: none; color:white}
A.listing_title:hover {text-decoration: none; color:white}

#flatpage_content a:link {text-decoration: none; color:#804C42;}
#flatpage_content a:visited {text-decoration: none; color:#804C42}
#flatpage_content a:hover {text-decoration: none; color:#804C42}

.hidden {
  display: none;
}

.display {
  display: '';
}

#image-popup {
  position: absolute;
  padding: 10px;
  background: #FCFBF9;
  border: 1px solid #8E8F8F;  
  -webkit-box-shadow: 0px 0px 10px 2px gray;
  -moz-box-shadow: 0px 0px 10px 2px gray;
  box-shadow: 0px 0px 10px 2px gray;
}

#popup-description {
  font-size:0.9em;
  margin-top: 1em;
}

.place-link-container {
  position: absolute;
  bottom: 5px;
  right: 10px;
  font-size: 0.9em;
}

#slider { 
    position: absolute;
/*    top: 10px;*/
    top: 112px;
    /*left: 155px;*/
    left: 50px;
    right: 287px;
    height: 4px;
}

#slider_ticks {
  position: absolute;
  top: 126px;
  /*top: 24px;*/
  /*left: 156px;*/
  left: 51px;
  right: 288px;
  height: 20px;
}

#nr_rezultate {
  position: absolute; 
  bottom: 35px; 
  left: 3px;
  color: #804C42; 
  z-index: 5; 
  font-size: 12px; 
  font-weight: bold;
}

.tick {
  position: absolute;
  height:4px;
  width:2px;
  background:#8E8F8F;
}

.tick_text {
  position: absolute;
  top:6px;
  width:40px;
  margin-left: -20px;
  text-align: center;
  font-family: Arial, Sans-serif;
}

#date_range {
  position: absolute;
  right: 0px;
  width: 240px;
  top: 112px;
/*  top: 10px;*/
  text-align: left;
  font-family: Arial, Sans-serif;
  font-size: 20px;
  color: #804C42;
}

A.place-link:link {text-decoration: underline; color:#804C42}
A.place-link:visited {text-decoration: underline; color:#804C42}
A.place-link:hover {text-decoration: none; color:#804C42;}

/*start details*/
#details_main {
  float:left;
  padding: 10px 10px 10px 20px;
}
#details_sidebar {
  padding-top: 10px;
  width:250px;
  overflow:hidden;
}
#details_footer {
  clear:both;
  background:#cc9;
}

#details_wrapper {
  margin: 0 auto;
}

.panel-pagination {
  margin-bottom: 1em;
  font-size: 0.9em;
}
/*end details*/

#city_select {
  font-size: 13px;
}

.flatpage_title {
  /*color:#3B6E91*/
  color: #804C42;
  text-align:center;
  width: 100%;
}

#flatpage_content {
  padding: 1em 1em 1em 1em;
  text-align: justify;
}

#flatpage_content a:link {text-decoration: none; color:#804C42;}
#flatpage_content a:visited {text-decoration: none; color:#804C42}
#flatpage_content a:hover {text-decoration: none; color:#804C42}