/* 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:16px;

  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:19px;

  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: 128px;

    height: 96px;

    overflow: hidden;

}



.detail-overflow {

    width: 277px;

    height: 208px;

    overflow: hidden;

}



.detail-left .thumbnail-overflow {

    float: left;
    margin-bottom: 5px;

}



.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;

}