@import url('reset.css');
@import url('typography.css');

@font-face {
	font-family: ottawa;
	src: url(../fonts/Ottawa.ttf);
}
body, html
{
  height:100%;
  width:970px;
  margin: auto auto;
  overflow:visible;
}

body
{
  overflow:auto;
}

div.srodek
{
  height:100%;
  display:table;
  width:100%;
}

div.wrapper
{
  vertical-align:middle;
  display:table-cell;
}
div#wrapper {
    margin: 0  auto;
    width: 970px;
}
/*Nagłówek*/
div#header{
    float: left;
    margin-top: 8px;
    background-image: url(../images/bg_head.png);
    background-repeat: repeat-x;
    width: 970px;
}
ul.navigation{
    padding-top: 7px;
    padding-bottom: 10px;
}
ul.navigation li{
   display: inline;
   font-family: ottawa;
   font-size: 14px;
   padding: 0 80px 0 80px;
  
}
ul.navigation li a{
    
}



/*Content*/
div#content {
    clear: both;
    
}
div#left {
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 428px;
    width: 440px;
    position: relative;
    text-align: justify;
    padding-left: 30px;
    line-height: 15px;

}

div#left h1 a img.logo {
    margin: 120px 0 0 100px;
}
div#right a img.ofirmie-logo {
    margin: 20px 35px 0 0;
}
div#left p.opis {
    padding-right: 0
}
p.notaprawna {
    padding: 10px 40px 10px 20px;
    line-height: 15px;
    font-size: 10px;
    text-align: center;
    text-align: justify;
}
div#left ul.poziom {
    padding: 30px 0 0 0;
}
div#left ul.poziom li{
    font-family: Arial, sans-serif;
    padding-left: 10px;
    font-size: 13px;
    line-height: 45px;
    font-weight: bold;
    margin-left: 60px;
}
div#left table.mieszkanie {
    margin-top: 30px;
    width: 440px;
    font-family: Arial, sans-serif;
    font-size: 15px;
    text-align: center;
}
div#left table.mieszkanie th {
   border: 1px solid #e5d07a;
   padding: 3px;
}
div#left table.mieszkanie td {
    border: 1px solid #fff;
    padding: 3px;
    padding: 12px 2px 12px 2px;
    
}
div#left table.pietro {
    margin-top: 15px;
    width: 420px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    margin-left: 20px;
}
div#left table.pietro td {
    padding: 2px 2px 2px 10px;
}
div#left table.pietro th {
    padding: 0 0 10px 0;
}
div#left table.pietro tr td {
    width: 200px;
}
div#left table.pietro tr td a:hover {
    text-decoration: underline;
}
div#left table.pietro tr th a:hover {
    text-decoration: underline;
}
.wolne{
background-color:#fffbea;
background-color: #fffbea;
font-size:10px;
cursor:pointer;
}

.sprzedane{
background-color: #E5D07A;
background-color: #fff4c7;
background-color:#fffbea;
font-size:10px;
cursor:pointer;
}
.rezerwacja{
background-color:#d8b4af;
background-color: #FDFFEA;
font-size:10px;
}
/*Scroll bar*/
.scroll-pane {
    overflow: auto;
    height: 428px;
    /*Zmiana tego tutaj: width: 472px;*/
}
.jScrollPaneContainer {
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.jScrollPaneTrack {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    background: url(../images/scroll/bar.jpg) top center repeat-y;
    margin: 0 0 0 0;
}
.jScrollPaneDrag {
    position: absolute;
    background: url(../images/scroll/ball.png) center center no-repeat;
    cursor: pointer;
    overflow: hidden;
    height: 20px;
}
/*End scroll bar*/

div#right {
    position:relative;
    float: right;
    margin-top: -7px;
}
div#right ul li {
        position:absolute;
        top:0;
        right:0;
	list-style: none;
}
div#right ul li img {
    background: #fff;
}
div#right ul li.show {
    z-index:500
}
div#right-oferta {
    float: right;
    margin-top: -6px;
}
.checkwhite {
    color: #fff;
}
/*Menu style*/

/*div#left-oferta{
    float: left;
    text-align: left;*/
    /*background-image: url(../images/bg_menu.png);
    background-repeat: no-repeat;*/
/*}*/
/*div#left-oferta ul li a img {
    padding: 0 5px 0 0;
}
#bg-logo {
    margin-top: 50px;
    margin-bottom: 40px;
}
div#right-oferta {

    float: left;
    overflow: auto;
    margin-top: 10px;
    max-width: 480px;
    max-height: 448px;
}
div#right-oferta p{
    text-align: left;
    text-align: justify;
    padding: 20px;
    font-family: Arial, sans-serif;

    font-size: 17px;
    line-height: 25px;
}
div#right-oferta table td{
    border: 3px solid #e5d07a;
   padding: 5px;
}
div#right-oferta table th{
    border: 3px solid #e5d07a;
   padding: 5px;
   background-color: #e5d07a;
}
p.of {
    font-weight: bold;
}*/
div.clear{
   clear: both;
}
div.footer {
    background-image: url(../images/bg_head.png);
    height: 51px;
    margin-top: -7px;
    float: left;
    width: 970px;
}
ul.navigation-footer{
    margin-left: 10px;
    padding-top: 17px;
    max-width: 950px;
}
ul.navigation-footer li{
   display: inline;
   padding: 0 0 0 0;
   text-transform: uppercase;
   font-family: ottawa;
   font-size: 11px;
}
 #stopka {
    text-align: center;
}
#stopka li {
    padding: 0 15px 0 15px;
}

/*Kontakt*/
input, textarea {
    padding: 3px;
    border: solid 1px #faeebb;
    font-family: Arial, sans-serif;
    font-size: 12px;
    margin-top: 5px;
    margin-left: 30px;
    width: 200px;
}
form.form {
    float: left;
}
label {
    margin-top: 5px;
    width: 4em;
    float: left;
    text-align: left;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 12px;
    display:block;
}

.submit input {
    float: right;
}
.submit textarea {
    float: right;
}
fieldset {
	border:0;
}
span.hint {
	font:normal 11px/14px verdana;
	background: url(../images/bg-fieldset-kindagood.gif) no-repeat;
        background-position: 0 0;
	padding:8px 0 8px 35px;
	width:130px;
	position:absolute;
	margin: -12px 0 0 14px;	
}
.kontakt{
   color: black;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 12px;
   text-align: left;
   
}
.kontakt table tr td {
    padding-left: 20px;
}
#main_wizualizacje{
     height: 468px;

}

#main {
	width: 940px;
	float: right;
	padding: 10px 10px 10px 20px;
        height: 448px;
        
}
#main table {
	border-top: 1px solid #ddd;
	width: 900px;
        max-height: 420px;
        font-family: Arial, sans-serif;
        font-size: 12px;
        text-align: center;
}
#main table td {
    border: 1px solid #ffffff;

}
#main table tr td {
	
	padding: 0px 20px;
	height: 29px;
	line-height: 29px;
	border-bottom: 1px solid #ddd;
}

#main table tr.odd td {
	background: #000;
}

#main table tr:hover td { background: #fdfcf6; }

#main table .action {
	text-align: right;
	padding: 0 20px 0 10px;
}

#main table tr .action a { margin: 0 0 0 10px; text-decoration: none; color: #9b9b9b; }
#main table tr:hover .action .edit { color: #c5a059; }
#main table tr:hover .action .delete { color: #a02b2b; }
#main table tr:hover .action .view { color: #55a34a; }

#main table tr:hover .action a:hover { text-decoration: underline; }


/*Stan*/



/*------ Containters ------*/
/*#menu{
	background:#ffffff;
	
}
#m-top{
	height:25px;

}

#m-slider{
	height:5px;

}*/
/*------ SLIDER ------*/
/*#slider{
	width:100px;
	height:2px;
        margin-left: 25px;
	font-size:1px;
	background:#d1d1d1;

}*/
/*------ MENU ------*/
/*
#menu ul{
	padding:0px;
	margin:0px;
	list-style:none;
}

#menu ul li{
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
}



#menu ul li a{
	width:150px;
	height:35px;
	margin:0px;
	display: block;
	text-decoration:none;
	font-size:1.2em;
	color:#313131;
	

}

#menu ul li a:hover{
	color:#e5d07a;

}
*/