/* CSS Document
   ============================================================================

   Author: Bibi Violet
   Project: Rako Reality

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

/* ============================================================================
   Tags
=============================================================================== */

body {
  margin:0;
  padding:0;
  background:#fff url(../images/body.jpg) repeat-x 0 0;
  text-align:center;
  font-family:tahoma,sans-serif;
  font-size:11px;
  color:#000;
}

form {
  padding:0;
  margin:0;
}

h1 {
  color:#000;
  margin:0;
  padding:15px 0;
  font-weight:normal;
  font-size:26px;
  font-family:"trebuchet ms",tahoma;
}


h2,h1.ico {
  color:#b1b1b1;
  margin:0;
  padding:15px 0;
  font-weight:normal;
  font-size:23px;
  font-family:"trebuchet ms",tahoma;
}

h3 {
  font-size:12px;
  color:#000;
}

ol {
  margin:20px 0 20px 40px;
  padding:0;
}

ul {
  margin:20px 0 20px 0px;
  padding:0;
}


ol li {
  margin:0 0 10px 0;
}

ul li {
  padding: 0 0 0 10px;
  list-style-type:disc;
  margin:0 0 10px 0;
}

a {
 color:#e16e12;
 text-decoration:underline;
}

a:hover {
  text-decoration:none;
}

label {
  cursor:pointer;
}

p {
  line-height:16px;
}

input.text.default, textarea.default {
  font-size:11px;
  color:#000;
  padding:8px 5px;
  border-top:1px solid #aeaeae;
  border-left:1px solid #aeaeae;
  border-right:1px solid #ebebeb;
  border-bottom:1px solid #ebebeb;
  width:200px;
  font-family:tahoma;
}

select.default {
  font-size:11px;
  color:#000;
  padding:7px 5px;
  border-top:1px solid #aeaeae;
  border-left:1px solid #aeaeae;
  border-right:1px solid #ebebeb;
  border-bottom:1px solid #ebebeb;
}

select.default.short {
  width:75px;
}

input.text.default.short {
  width:100px;
}

/* ============================================================================
   Base Clases
=============================================================================== */

.clear {
  clear:both;
}

.align-right {
  text-align:right;
}

.no-border {
  border:0;
}

.no-padding {
  padding:0 !important;
}

.v-top {
  vertical-align:top !important;
}

.bold {
  font-weight:bold;
}

.green {
  color:#3e8b10;
}

.blue {
  color:#134fa7;
}

.orange {
  color:#e16e12 !important;
}

.black {
  color:#000 !important;
}

.gray-box {
  background-color:#f0f0f0;
  border:1px solid #dadada;
  padding:18px;
  margin-bottom:15px;
}



/* ============================================================================
   Layout
=============================================================================== */


#layout {
  width:1022px;
  text-align:left;
  background:#fff url(../images/layout.jpg) repeat-y top center;
  margin:0px auto;
}

#layout-top {
  background:transparent url(../images/layout-top.jpg) no-repeat top center;
  padding:0 29px;
}

#header {
  height:180px;
  background:transparent url(../images/header.jpg) no-repeat 0 0;
  position:relative;
  top:0;
  left:0;
}

.logo {
  border:0;
  position:absolute;
  top:12px;
  left:10px;
}


#menu {
  position:absolute;
  top:124px;
  left:0;
  width:100%;
  height:56px;
  background:transparent url(../images/menu.jpg) repeat-x 0 bottom;
  overflow:hidden;
}

#headline {
  background:#fad732 none;
  border-color:#ddad2d;
  border-style:solid;
  border-width:1px 1px 1px 1px;
  height:50px;
  position:relative;
  margin:15px 0 0 0;
}

#footer {
  padding:30px 5px;
}

/* ============================================================================
   Menu
=============================================================================== */

#menu ul  {
  margin:0;
  padding:0 0 0 9px;
}

#menu ul li {
  float:left;
  width:auto;
  list-style-type:none;
  background:none;
  border:0;
  padding:0;
  margin:0 1px 0 0;
}

#menu ul li a {
  float:left;
  display: block;
  width:auto;
  padding:20px 13px 0 13px;
  height:36px;
  font-size:15px;
  font-family:"trebuchet ms",tahoma;
  color:#000;
  text-decoration:none;
  background:transparent url(../images/menu-separator.jpg) no-repeat right 20px;
}

#menu ul li.last a {
  background:none;
}

#menu ul li.selected a,#menu ul li a:hover {
  background:#fad732 none;
  border-color:#ddad2d;
  border-style:solid;
  border-width:1px 1px 0 1px;
  padding:19px 12px 0 12px;
}

.flag {
  border:0;
  float:right;
  margin:22px 0 0 3px;
  position:relative;
  right:15px;
  top:0;
}

/* ============================================================================
   Search
=============================================================================== */

#headline strong {
  color:#fff;
  font-weight:normal;
  display: block;
  margin:12px 0 0 18px;
  padding:0;
  font-size:24px;
  font-family:"trebuchet ms",tahoma;
  position:relative;
  top:0;
  left:0;
}

.h1-shadow {
  color:#eba510;
  font-weight:normal;
  margin:13px 0 0 19px;
  padding:0;
  font-size:24px;
  font-family:"trebuchet ms",tahoma;
  position:absolute;
  top:0;
  left:0;
}

.search {
  position:absolute;
  top:13px;
  right:5px;
  background:transparent url(../images/search.jpg) no-repeat 0 0;
  width:314px;
  height:34px;
  z-index:99;
}

.search-input {
  color:#9f9f9f;
  font-family:tahoma;
  font-size:11px;
  width:208px;
  margin:11px 0 0 31px;
  border:0;
  float:left;
}

.search-submit {
  width:70px;
  height:35px;
  padding-top:35px;
  overflow:hidden;
  border:0;
  background:none;
  font-size:0;
  color:transparent;
  cursor:pointer;
}

/* ============================================================================
   Items
=============================================================================== */
.items {
  background:transparent url(../images/main-separator.jpg) repeat-x 0 305px;
  padding:4px 0 15px 0;
}

.items .prev,.items .next {
  display: block;
  width:14px;
  height:0px;
  padding-top:15px;
  overflow:hidden;
  font-size:0;
  float:left;
  
}

.items .prev {
  background:transparent url(../images/prev.jpg) no-repeat 0 0;
  margin:90px 3px 0 0;
}

.items .next {
  background:transparent url(../images/next.jpg) no-repeat 0 0;
  margin:90px 0px 0 0px;
}


.item {
  width:215px;
  float:left;
  margin:2px 7px 0 7px;
}

.item-top {
  width:202px;
  height: 285px;
  padding:12px;
  position:relative;
}

.

.item-top img {
  border:0px;
}

.item-top_mid img{
  border:1px solid #e3e3e3;
}

.item-top_mid{
  background-image: url("../images/item-top_mid.jpg");
  background-repeat: repeat-y;
  padding:7px;
  margin-top: -2px;
  margin-bottom: -10px;
}

.item-top h2 {
  border:0;
  margin:4px 0;
  padding:0;
  font-size:11px;
  color:#e16e12;
  font-weight:bold;
}

.item-top p {
  margin:0;
  padding:0;
}

.item-top .mark {
  position:absolute;
  bottom:5px;
  right:4px;
  display: block;
  width:33px;
  height:33px;
  background:transparent none no-repeat 0 0;
}

.item.top .item-top .mark {
  background-image:url(../images/top.jpg);
}

.item.new .item-top .mark {
  background-image:url(../images/new.jpg);
}

.item-desc {
  line-height:15px;
  padding:12px 15px 0 15px;
}

.item-desc p {
  margin:0;
  padding:0;
}

/* ============================================================================
   Detail nemovitosti
=============================================================================== */

.detail-left {
  width:320px;
  float:left;
}

.detail-right {
  width:390px;
  float:right;
}

.detail-gallery img {
  border:1px solid #000;
  float:left;
  margin:20px 0 0px 0;
}

.detail-gallery img.big {
  margin:0;
}

a.big-img {
  display: block;
  text-align:right;
  margin:15px 0 0px 0;
  background:transparent url(../images/big-img.jpg) no-repeat 203px 3px;
}

.gallery-separator {
  width:25px;
  height:10px;
  float:left;
}

.detail-mininavig a {
  font-weight:bold;
  color:#000;
}

.detail-mininavig {
  padding:0px 0 0 3px;
}

a.print {
  padding:0 40px 0 23px;
  background:transparent url(../images/print-ico.jpg) no-repeat 0 0;
}

a.e-mail {
  padding:0 0px 0 23px;
  background:transparent url(../images/mail-ico.jpg) no-repeat 0 0;
}

.detail-table {
  width:100%;
}

.detail-table td {
  color:#858585;
  vertical-align:top;
  padding-bottom:3px;
}

.detail-table th {
  vertical-align:top;
  padding-bottom:3px;
  text-align: left;
}

.detail-table p {
  margin:0;
  padding:0 0 15px 0;
}

.detail-table input.submit,.cf-table input.submit,.demand input.submit {
  width:144px;
  height:42px;
  padding-top:42px;
  overflow:hidden;
  border:0;
  background:transparent url(../images/calc-submit.jpg) no-repeat 0px 0px;
  font-size:0;
  color:transparent;
  cursor:pointer;
  margin:10px 0 0 0;
}

div.broker {
  padding:0 0 15px 0;
}

div.broker p {
  padding:0 0 15px 0;
  margin:0;
  color:#6f6f6f;
}

.broker img {
  border:1px solid #000;
  float:left;
  margin:0 10px 10px 0;
}

.cf-table {
  margin:0 0 15px 0;
}

.cf-table input.text,.cf-table textarea {
  width:150px;
}

.cf-table td {
  padding:2px 4px 2px 0;
}

.cf-table input.submit,.demand input.submit {
  background:transparent url(../images/send-submit.jpg) no-repeat 0px 0px;
}

/* ============================================================================
   Vypis nemovitosti
=============================================================================== */

.sf-right .mform-table tr.separator td {
  background:transparent url(../images/layout-bottom-separator.jpg) repeat-x 0px bottom;

}

.sf-right {
  width:245px;
  float:right;
}

.sf-left {
  width:425px;
  float:left;
}

.slider {
    font-size: 12px;
    font-weight: bold;
}

.slider label {
    color:#f6931f;
}

.slider #cenaOd, .slider #cenaDo {
    border:0;
    background-color: #F6F6F6;
    color: #000;
    font-weight: bold;
    width: 70px;
    text-align: center;
}

.slider span {
    color: #6f6f6f;
    font-weight: normal;
}

#posuvnik {
    margin-top: 10px;
}

.search-form {
  background-color:#f6f6f6;
  border:1px solid #e6e6e6;
  padding:10px 20px;
}

/* ============================================================================
   Kontakt
=============================================================================== */

.contact-map {
  margin-bottom:7px;
}

.contact-box img {
  border:1px solid #000;
  /*float:left;*/
  margin-right:20px;
}

.contact-left,.contact-right {
  width:220px;
  float:left;
}

/* ============================================================================
   Vypis nemovitosti
=============================================================================== */

.submenu {
  background-color:#ebb012;
  height:55px;
}

.submenu a {
  display: block;
  float:left;
  color:#000;
  text-decoration:none;
  font-family:"trebuchet ms",tahoma;
  font-size:21px;
  height:40px;
  padding:15px 0 0 55px;
  margin:0 20px;
}

.submenu a:hover {
  color:#fff;
}

.submenu a.demand {
  background:transparent url(../images/demand-ico.jpg) no-repeat 0 0;
}

.submenu a.offer {
  background:transparent url(../images/offer-ico.jpg) no-repeat 0 0;
  padding-left:65px;
}

.submenu a.actual {
  background:transparent url(../images/actual-ico.jpg) no-repeat 0 0;
}

.submenu .separator {
  display: block;
  float:left;
  width:38px;
  height:0;
  overflow:hidden;
  font-size:0;
  padding-top:55px;
  background:transparent url(../images/submenu-separator.jpg) no-repeat 0 0;
}


.main-form {
  background:transparent url(../images/main-separator.jpg) repeat-x 0 13px;
  padding-top:13px;
  clear:both;
}


.ico.list {
  background:transparent url(../images/list-ico.jpg) no-repeat 10px 16px;
  padding-left:50px;
}

h1.ico.list {
  padding-left:50px;
}

h1.ico.contact2 {
  padding-left:50px;
}

.ico.broker {
  background:transparent url(../images/broker-ico.jpg) no-repeat 0px 16px;
  padding-left:33px;
}

.ico.contactform {
  background:transparent url(../images/contactform-ico.jpg) no-repeat 0px 16px;
  padding-left:30px;
}

.ico.contact2 {
  background:transparent url(../images/contact2-ico.jpg) no-repeat 10px 16px;
  padding-left:50px;
}

.ico.news {
  background:transparent url(../images/news-ico.jpg) no-repeat 0px 16px;
  padding-left:30px;
}

.ico.links {
  background:transparent url(../images/links-ico.jpg) no-repeat 0px 5px;
  padding-left:35px;
  padding-top:0;
}

.ico.contact {
  background:transparent url(../images/contact-ico.jpg) no-repeat 0px 5px;
  padding-left:35px;
  padding-top:0;
}

.ico.newspaper {
  background:transparent url(../images/newspaper-ico.jpg) no-repeat 0px 18px;
  padding-left:40px;
}

.ico.nl {
  background:transparent url(../images/newsletter-ico.jpg) no-repeat 0px 5px;
  padding-left:35px;
  padding-top:0;
}

.ico.services {
  background:transparent url(../images/services-ico.jpg) no-repeat 0px 13px;
  padding-left:40px;
  color:#B1B1B1;
}

.ico.calc {
  background:transparent url(../images/calc-ico.jpg) no-repeat 0px 0px;
  padding:0 0 10px 40px;
  color:#000;
}

.main-form .ico.list {
  float:left;
}

.main-form p.count {
  float:right;
  padding:0;
  margin:17px 0 0 0;
  text-align: right;
}

.main-form-left {
  width:725px;
  float:left;
}

.mform-table {
  width:100%;
  color:#6f6f6f;
}

.mform-table .checkbox {
  margin: 4px 7px 4px 0 ;
}



.mform-table td {
  padding:0px 0px 15px 0px;
  border-bottom:1px solid #e6e6e6;
  vertical-align:top;
}

.sf-right .mform-table td {
  border:0;
}

.mform-table td.input {
  padding:12px 0;
}

.mform-table th {
  padding:8px 0 8px 5px;
  vertical-align:middle;
}

.mform-table th.border {
  border-bottom:1px solid #e6e6e6;
}

.map {
  text-align:center;
  width:350px;
}

.map img {
  border:0;
}

.mform-table th {
  color:#e16e12;
  font-weight:bold;
}

.mform-table input.text {
  font-size:11px;
  padding:5px 5px;
  border-top:1px solid #aeaeae;
  border-left:1px solid #aeaeae;
  border-right:1px solid #ebebeb;
  border-bottom:1px solid #ebebeb;
  width:200px;
}

.mform-table input.text.short {
  width:70px;
}

.mform-table td.submit {
  border:0;
  padding:15px 0;
}

.mform-table td.submit input {
  width:112px;
  height:33px;
  padding-top:33px;
  overflow:hidden;
  border:0;
  background:transparent url(../images/mform-submit.jpg) no-repeat 0px 0px;
  font-size:0;
  color:transparent;
  cursor:pointer;
}

.main-form-right {
  width:215px;
  float:right;
}

.news-item {
  margin:0 0 15px 0;
}

.news-item strong {
  color:#6f6f6f;
}

.news-item p {
  margin:0;
  padding:1px 0;
  line-height:15px;
}

.layout-separator {
  height:1px;
  width:100%;
  background:transparent url(../images/layout-bottom-separator.jpg) repeat-x 0px 0px;
}

.np-item {
  clear:both;
  margin:0 0 10px 0;
}

.np-item p {
  margin:0;
  padding:0;
}

.np-item strong {
  display: block;
  padding: 0 0 0 15px;
  background:transparent url(../images/np-item.jpg) no-repeat 0px 2px;
}

.np-item a.more {
  font-weight:bold;
  float:right;
  color:#6f6f6f;
}

ol.services {
  margin:0;
  padding:0;
  list-style:decimal inside none;
}

ol.services li {
  margin:0 0 4px 0;
  padding:10px 0 11px 12px;
  font-weight:bold;
  background:transparent url(../images/services-li.jpg) no-repeat 0px 0px;
}


.result-first {
  background-color:#f0f0f0;
  border:1px solid #dadada;
  padding:17px 19px 0px 19px;
}

.result-sort {
  background-color:#dadada;
  color:#858585;
  font-weight:bold;
  height:29px;
  overflow:hidden;
}

.result-sort div.col {
  padding:8px 10px 7px 10px;
  float:left;
  background:transparent url(../images/result-sort-separator.jpg) no-repeat right 0px;
}


div.col.r-col-1 {
  width:122px;
}

div.col.r-col-2 {
  width:232px;
}

div.col.r-col-3 {
  width:143px;
}

div.col.r-col-4 {
  width:108px;
  background:none;
}

.result-sort a.up,.result-sort a.down {
  width:16px;
  height:0;
  padding-top:14px;
  overflow:hidden;
  font-size:0;
  display: block;
  float:right;
  margin-left:6px;
}

.result-sort a.up {
  background:transparent url(../images/up.jpg) no-repeat 0 0px;
}

.result-sort a.down {
  background:transparent url(../images/down.jpg) no-repeat 0 0px;
}

.result-item {
  padding:5px 19px 5px 19px;
  background-color:#f6f6f6;
  border:1px solid #e6e6e6;
  margin:5px 0 0px 0;
  float: left;
}

.result-first .result-item {
  padding:5px 0 0px 0;
  background:none;
  border:0;
  margin:0;
}

.result-item div.col {
  padding:8px 10px 7px 10px;
  float:left;
}

.result-item div.col.r-col-1 {
  width:132px;
  padding:8px 10px 7px 0px;
}

div.col.r-col-2 strong, div.col.r-col-3 strong {
  display: block;
}

div.col.r-col-2,div.col.r-col-4 {
  color:#858585;
}

div.col.r-col-4 strong {
  color:#000;
  font-size:12px;
}

div.col.r-col-2 p, div.col.r-col-3 p,.layout-bottom p {
  margin:0;
  padding:0;
}

.pager {
  font-weight:bold;
  background:transparent url(../images/pager.jpg) no-repeat 0 0px;
  padding:20px 0 20px 0;
  margin:20px 0 0 0;
}

.pager a {
  color:#000;
  font-size:11px;
  padding:2px 5px;
  background-color:#e3e3e3;
}

.pager a.arrow {
  background-color:transparent;
  text-decoration:none;
  color:#e16e12;
}

.pager span {
  background-color:#e16e12;
  padding:2px 5px;
  color:#fff;
}

.layout-bottom {
  background:transparent url(../images/layout-bottom.jpg) repeat-x 0 0px;
  margin:15px 0 25px 0;
  padding:20px 0 0 0;
}

.bottom-newsletter {
  width:270px;
  padding:0 15px;
  height:175px;
  float:left;
  background:transparent url(../images/vertical-separator.gif) repeat-y right 0px;
}

.bottom-links {
  width:360px;
  padding:0 30px;
  float:left;
  
}

.bottom-contact {
  width:204px;
  height:175px;
  padding:0 20px;
  float:left;
  background:transparent url(../images/vertical-separator.gif) repeat-y 0 0px;
}

.bottom-links ul {
  margin:0;
  padding:0 0 0 20px;
}

.bottom-links li {
  padding:0;
  margin:0 0 3px 0;
}

.layout-bottom a {
  color:#000;
}


.nl-form {
  background:transparent url(../images/newsletter-form.jpg) no-repeat 0 0;
  width:252px;
  height:34px;
  z-index:99;
  margin:15px 0
}

.nl-form .text {
  color:#9f9f9f;
  font-family:tahoma;
  font-size:11px;
  width:183px;
  margin:11px 5px 0 10px;
  border:0;
  float:left;
}

.nl-form .submit {
  width:48px;
  height:35px;
  padding-top:35px;
  overflow:hidden;
  border:0;
  background:none;
  font-size:0;
  color:transparent;
  cursor:pointer;
}

/* ============================================================================
   Textova
=============================================================================== */

.text-page .gray-box {
  padding:15px;
  margin:0;

}

.text-page p {
  padding:0;
  margin:15px 0 15px 10px;
}


.text-page ul,.text-page ol {
  margin:15px 0 15px 50px;
}

.text-page li {
  padding:0;
}

/* ============================================================================
   Poptavka
=============================================================================== */

select.long {
  width:220px;
}

select.middle {
  width:150px;
}

.t1 td.bold {
  width:130px;
  vertical-align:middle;
}

.demand select {
  margin-right:8px;
}

.demand td {
  border:0;
}

.demand th {
  padding-bottom:15px;
}

.demand input.text {
  padding:10px 5px;
}

.demand input.text.middle {
  width:150px;
}

.demand {
  border-bottom:1px solid #e6e6e6;
}

a.add {
  padding:0 0 0 10px;
  background:transparent url(../images/add.jpg) no-repeat 0 4px;
  margin:5px 0;
  display: block;
  float:left;
}

.demand input.submit {
  margin:15px 0 30px 0;
}
/* ============================================================================
   Footer
=============================================================================== */

#footer span {
  float:right;
}

#footer a {
  color:#000;
}

/* ============================================================================
   OSETRENI OBRAZKU
=============================================================================== */

.list-overflow {
    width: 189px;
    height: 135px;
    overflow: hidden;
}

.thumbnail-overflow {
    width: 126px;
    height: 95px;
    overflow: hidden;
}

.detail-overflow {
    width: 275px;
    height: 206px;
    overflow: hidden;
}

.detail-left .thumbnail-overflow {
    float: left;
}

.hidden {
    display: none;
}

.error {
    color: red;
}

.ok {
    color: green;
}

.red{
    color: red;
}

.green{
    color: green;
}

.blue{
    color: blue;
}

.invisible{
    display: none;
}

.visible{
    display: block;
}

.right{
    float: right;
}

.back{
    padding-top: 20px;
}