/*global*/

@font-face{
  font-family:'HelveticaNeue';
  src:url('fonts/HelveticaNeueLTPro-Th.eot');
  src:url('fonts/HelveticaNeueLTPro-Th.eot?#iefix') format('embedded-opentype'),
  url('fonts/HelveticaNeueLTPro-Th.woff') format('woff'),
  url('fonts/HelveticaNeueLTPro-Th.ttf') format('truetype'),
  url('fonts/HelveticaNeueLTPro-Th.svg?HelveticaNeue') format('svg');
  font-weight:normal;
  font-style:normal;}

@font-face{
  font-family:'Open Sans';
  src:url('fonts/Open-sans.eot');
  src:url('fonts/Open-sans.eot?#iefix') format('embedded-opentype'),
  url('fonts/Open-sans.woff') format('woff'),
  url('fonts/Open-sans.ttf') format('truetype'),
  url('fonts/Open-sans.svg?Open Sans') format('svg');
  font-weight:normal;
  font-style:normal;}  

body {
	color: #453e32;	
  margin: 0 auto;
  display: block;
  width:100%;  

}
a {
	color: #453e32;
	text-decoration: none;
}

img, object {
	max-width: 100%;
}


/*typography*/

h1 {
	font-size: 1.750em;
	font-weight: 100;
	letter-spacing: -1.5px;
}

h2 {
	font-weight: 100;
	font-size: 2.000em;
	color: #818181;
  margin: 10px 0;
}
h3 {
	font-weight: 100;
	font-size: 1.125em;
	color: #ed6c85;
}
h2 b{
  color: #818181 !important;
}
   #detail{
    width:100%;
    margin: 0 auto;
    display: none;
   }
   
   .left{
    width:50%;
    display: inline-block;
    float: left;
   }
   .left div.title{
     background-color: #b5d321;
     padding: 18px 30px;
     color:#fff;
     font-size: 2.000em;
     display: inline-block;   
   }

   .right{
    width: 49%;
    display: inline-block;
   }
   .right img{
    width: 100%;
    max-width: 100%;
   }
   
   button.rezervacia{
    display:block;
    margin: 5% auto 10%;    
    background: #516362 url('');
    border-radius:0;
    padding: 18px 30px 15px;
    color:#fff;              
    font-size: 2.000em;
   }
   .ui-button-text-only .ui-button-text{
      padding:0 !important;
      font-family: 'HelveticaNeue', sans-serif !important;
    }

   #podorys{
    display: block;
    margin: 7% auto 0;
    width:101%; 
    max-width:972px;
    /*height:320px;*/
    max-height: 100%;

   }
   #podorys table.flats{
    border-collapse: collapse;
    border-spacing: 0;  
    background-color: #fff;  
    position: relative;
    left:3px;
    top:5px;
   }
   table.flats td{    
    margin: 0;
    padding: 0;     
    border:0;
    vertical-align: top;
    line-height: 0;   
   }
   table.flats tr{
    margin: 0;
    padding: 0;    
    line-height: 0;        
   }
   table.flats td img{
    margin: 0;
    padding: 0;
    width: 100%;
   }
   table.flats tr.rooms td img{
    margin: 0;
    padding: 0;
    /*max-width: 107px;*/
    width: 100%;
    max-height: 139px;
    height:100%;
   }   
   table.flats td a{
    display: block;
    width: 100%;
    height:auto;
    cursor: pointer;
   }
   table.flats td.active{
    background-color: #bede20;
   }
   table.flats td.reserve{
    background-color: #dce0e0;
   }
   table.flats td.stamp{ 
    background: #dce0e0 url("../1poschodie/byty/rezervacia.png") 0 45% no-repeat;
    background-size: contain;
   }   
   
   #poschodia{
    display: block;
    margin: 7% auto 0; 
   }
   #poschodia ul{    
    list-style-type: none;
    margin: 0;
    padding:0;
   }
   #poschodia ul li{    
    list-style-type: none;
    display: inline-block;
    font-size:1.25em;
   }   
   #poschodia ul li a{
    display: block;
    width:107px;
    padding:7px 0;
    text-align: center;
    background-color: #516362;    
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
    color:#fff;
   }
   #poschodia ul li a:hover{
    background-color: #b5d321;
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
    text-decoration: none;
   }
   
   #poschodia ul li a.active{
   background-color: #b5d321;
   }
   
   #cennik{
    margin: 5% auto;
   }
  
   table.byty, table.detail{
    width:100%;
    border: 0 ;
    border-collapse: collapse;    
    color:#453e32 !important;
   }
   table.detail{
    margin-top:15%;
   }       
   table.byty th{    
    height:60px;
    display: table-cell;
    vertical-align: middle;
    color:#fff;
    text-align: center;
    background-color: #516362;
    border:0;
   }
   table.byty td, table.detail td{
    border:0;
   }
   table.byty td{
    margin: 0;
    padding: 0;
    font-size: 1.125em;
    vertical-align: middle;
    color:#453e32 !important;
    border:0;
   }
   table.byty th:first-child{
    background-color: #b5d321;
   }
   table.byty tr,table.detail tr{
    height: 33px;
    vertical-align: middle;
    text-align: center;
   }
   table.byty tr.grey,table.detail tr.grey{
    background-color: #dce0e0;
   }
   table.byty tr.active{
    background-color: #b5d321;
   }
   table.detail td.alignleft{
    text-align: left;
    padding-left:6%;
   }
   table.detail td.alignright{
    text-align: right;
    padding-right:5%;
   }   
   table.byty td a{
    color:#453e32 !important;
   }
   sup { vertical-align: super; position: relative; top: -0.5em; }
   
   
                 
  .modal-form label{
    width:40%;
    display: inline-block;
  }
  .modal-form input{
    width:58%;
    display: inline-block;
    margin:10px 0;
  }        
  
  #dialog-form{
    font-family:'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  }