html body {
  background: #f6f6f6;
}
#content {
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
#top-ribbon{
  display: none;
}
#motive {
  min-height: 200px;
  max-width: 1280px;
  margin: auto;
  border-radius: 5px;
}

#box-custom-motive {
text-align: center;
padding: 10px;
margin: auto;
max-width: 800px;
}

.navbar-header {
  position: absolute;
  top: 0;
  right: 30px;
}
.obal{
overflow: hidden;
}

footer #footer-content {
  display:none;
}

footer, #bar-footer {
background: #6E6E6E;
}

#mainContent .photos {
  float: left;
  width: 50%;
  margin: 0px;
}
td {
padding: 0 10px;
}
#article-290448 #mainContent .photos, #article-290447  #mainContent .photos {
  width:100%;
  float:none;
}

ul.dropdown-menu li ul li:hover {
  background-color: #10284C;
}

span#contactus {
  text-align: right;
}

.form-group input, .form-group textarea, td {
  border:1px solid #dbdbdb;
}

p#bar-poweredby {
  display:none;
}

.copy, .btn-primary:focus, .btn, .btn-primary, .button {
  background-color: #10284C;
}

.article-detail article .alert {
  margin-bottom: auto;  
  position: fixed;
  top:0;
}
img.portret {
width:100%;
  max-width:360px;
}
article {
  margin-top: 40px;
  padding:20px;
}

.table {
  display: table
  }
 .table-row {
  display: table-row;
  }
 .table-cell {
  display: table-cell;
  border: 1px solid #a2a2a2;
  padding:10px;
  min-width: 80px;
  max-width: 320px;
  }

.signat {
  overflow: hidden;
  width: 100%;
  background: #f6f6f6;
}

.div-referencie {
  background: #f6f6f6;
  padding:15px;
}

.signat .panel-body{
  max-width: 500px;
  margin: auto;
}

.detail-cena-dph {
  font-weight:bold;
  text-align:right;
}

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

.lavy-blok {
  float:left;
  padding:15px;
  width: 50%;
  overflow: hidden;
}
.lavy-blok iframe{;
  max-width: 100% !important;
}

.lavy-blok.portret {
 padding:50px;
  text-align:center;
    }

div.dlazdica {
  float: left;
  margin:0 1% 10px;
  padding:5px;
  width:18%;
  vertical-align:top;
  background: #f6f6f6;
}

div.dlazdica a, div.dlazdica img{
  width:100%; 
}

div.dlazdica a.dB {
  height:120px;
}

div.dlazdica .perex{
  height: 120px;
  overflow: hidden;
}

div.dlazdica a.dB {
  display:block;
  overflow:hidden;
}

div.dlazdica div.acena {
  vertical-align: bottom;
  overflow: hidden;
  font-size: 14px;
}

.hruba {
  font-weight:bold;
}

div.dlazdica a.fbshare:before {
  content:"";
  width:32px;
  height:32px;
  background: url("https://novy.mobilnydom.eu/obrazok/2/f/");
  display:block;
}

div.dlazdica a.fbshare {
  width:32px;
  height:32px;
  display:block;
  margin-right:10px;
  float:left;
}

div.acena span, h3 span.fR {
  float:right;
}

div.dlazdica h3 {
  font-size: 20px;
}

.information-block{
  float: right;
  width: 50%;
  background: #f6f6f6;
  padding: 15px;
}

.information-block table{
  width: 100%;
}

.information-block table td{
  display:table-cell;
}

div.item-photo.col-xs-12 {
  min-width: 155px;
  max-width: 155px;
  min-height: 140px;
  max-height: 140px;
  padding: 0 5px 5px 0;
}

div.item-photo.col-xs-12 a, div.item-photo.col-xs-12 a img.thumbnail{
  min-width: 150px;
  max-width: 150px;
  min-height: 135px;
  max-height: 135px;
  margin:auto;
}

@media screen and (max-width: 1279px) {
  div.dlazdica {
    width:31.3333333%;
  }
  td {
padding: 0 5px;
}
}

@media screen and (max-width: 767px) {
  #mainContent .photos, .information-block, .lavy-blok  { 
    float:none;
    width:100%;
  }
td {
padding: 0 0;
}
  div.item-photo.col-xs-12 {
    min-width: 155px;
    max-width: 100%;
    min-height: 155px;
    max-height: 500px;
    padding: 5px;
    margin:auto;
  }

  div.item-photo.col-xs-12 a, div.item-photo.col-xs-12 a img.thumbnail{
    min-width: 150px;
    max-width: 100%;
    min-height: 150px;
    max-height: 500px;
  }
  div.dlazdica {
    float: none;
    margin:0;
    width:100%;
  }
  div.dlazdica a.dB {
    height: auto;
  }
  .table {
  display: block
  }
 .table-row {
  display: block;
  border: 1px solid #a2a2a2;
  }
 .table-cell {
  display: block;
  border: none;
  padding:5px;
  }
.container {
    width: 100%;
}
article {
  padding:5px;
}

.lavy-blok.portret {
  padding:0;
    }
}

@media screen and (max-width: 600px) {
  .information-block table td{
    padding:5px;
    display:table-cell;
    font-size: 14px;
  } 
  .information-block table td:before{ 
    width: auto;
  }
}

@media screen and (max-width: 400px) {
.container {
    width: 100%;
}
    #box-custom-motive {
      padding: 0;
    }
}