/*
 Screen style    
 Site: P�lffyho k�ria
*/
body { font-size: 75%; padding: 0; background: url(../images/bg/body.gif) repeat-x; text-align: center; }

/* Auto clearing floats */
#wrapper:after, #header:after, #inner:after, .features:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Wrapper */
#wrapper { margin: 10px auto; width: 990px; background: #fff; min-height: 650px; text-align: left; }
#inner { margin: 0 30px; background: url(../images/bg/inner.gif) repeat-y; }

/* Header */
#header { line-height: 1.27; padding: 0 30px; position: relative; }
#header a { text-decoration: none; }
#header .logo { width: 351px; height: 25px; top: 25px; position: absolute; }
#header .logo span { background-image: url(../images/text/logo.gif); }
#header .merkanta { margin: 0; float: right; margin: 17px 0 0 9px; }
#header .merkanta img { display: block; }
#header .contact { font-size: 0.92em; color: #333; float: right; background: url(../images/bg/header-contact.gif) top right no-repeat; margin: 0 0 11px 0; }
#header .contact strong { font-weight: normal; color: #999; }
#header .contact li { float: left; padding: 17px 20px 15px 0; }
#header .contact .phone { background: url(../images/bg/header-phone.gif) no-repeat; padding-right: 25px; }
#header .contact .email { background: url(../images/bg/header-email.gif) no-repeat; }

/* Header Navigation */
#header .nav { font-size: 0.92em; float: right; padding: 0 10px 0 9px; background: url(../images/bg/header-nav.gif) no-repeat; margin: 0; }
#header .accessibility { display: none; } 
#header .nav li { float: left; margin-left: 14px; }
#header .nav li.first { margin-left: 0; }
#header .nav a { color: #666; display: block; padding: 12px 0 15px 0; border-top: 5px solid #EEEFEF; }
#header .nav a:hover, #header .nav a.current { color: #000; border-top-color: #333; }

/* Top */
#top { background: url(../images/bg/top.jpg) no-repeat; height: 350px; position: relative; margin-bottom: 20px; }
#top .slogan { position: absolute; top: 210px; left: 430px; width: 530px; height: 100px; }
#top .slogan span { background-image: url(../images/text/slogan.jpg); }

/* Navigation */
#nav { position: absolute; top: 30px; left: 30px; width: 911px; height: 50px; padding-left: 19px; background: #150503 url(../images/bg/nav.jpg) no-repeat; color: #fff; }
#nav li { float: left; }
#nav a { color: #fff; display: block; height: 50px; line-height: 50px; margin: 0; overflow: hidden; position: relative; text-align: center; text-decoration: none; }
#nav a span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; }
#nav a:hover { background-color: #000; color: #669900; }
#nav a:hover span, #nav a.current span { background-position: left bottom; }
#nav a#nav01 { width: 104px; }
#nav a#nav02 { width: 107px; }
#nav a#nav03 { width: 86px; }
#nav a#nav04 { width: 124px; }
#nav a#nav05 { width: 129px; }
#nav a#nav06 { width: 108px; }
#nav a#nav07 { width: 159px; }
#nav a#nav08 { width: 94px; }
#nav a#nav01 span { background-image: url(../images/nav/01.jpg); }
#nav a#nav02 span { background-image: url(../images/nav/02.jpg); }
#nav a#nav03 span { background-image: url(../images/nav/03.jpg); }
#nav a#nav04 span { background-image: url(../images/nav/04.jpg); }
#nav a#nav05 span { background-image: url(../images/nav/05.jpg); }
#nav a#nav06 span { background-image: url(../images/nav/06.jpg); }
#nav a#nav07 span { background-image: url(../images/nav/07.jpg); }
#nav a#nav08 span { background-image: url(../images/nav/08.jpg); }

/* Content */
#content { float: left; width: 660px; min-height: 400px; }
#content h3 { font-size: 1.17em; font-weight: normal; }
#content h3.bold { font-weight: bold; }
#content ul { margin: 0 0 1em 5px; }
#content ul li { list-style: none; margin-bottom: 0.75em; background: url(../images/bg/square1.gif) 0 8px no-repeat; padding-left: 15px; }
#content ul li ul { margin: 0.5em 0 0.75em 0; }
#content ul li li { margin-bottom: 0.25em; background-image: url(../images/bg/square2.gif); }
#content ul.list2 li { margin-bottom: 0.5em; }
#map { margin-top: 20px; }
#content ol { margin: 0 0 1em 17px; }
#content ol li { list-style: decimal; margin-bottom: 0.75em; }
#content ol ul li { list-style: none; margin-bottom: 4px; }
#content ol ul { margin: 8px 0 0 0; }
#content ol.abc li { list-style: lower-latin; } 
#content .new-price-list { border: 1px solid #333; padding: 10px 15px; margin: 20px 0 0 0; width: 568px; text-align: center; font-weight: bold; }
#content .new-price-list strong { font-size: 1.18em; color: #669900; }

/* Visualizations */
.visualizations { height: 189px; margin: 25px 10px 35px 10px; }
.visualizations img { display: block; float: right; padding: 2px; border: 1px solid #D7D8D9; }
.visualizations img.first { float: left; }
.visualizations2 { height: auto; }
.visualizations3 { height: 227px; }
img.frame { display: block; padding: 2px; border: 1px solid #D7D8D9; margin: 8px 0 5px -2px; }

.photo-gallery { width: 640px; margin: 0 auto 10px auto; padding: 2px; border: 1px solid #D7D8D9; text-align:center; font-style: italic; }
.photo-gallery img { display: block; }
.photo-gallery p { margin: 3px 0 0 0; }

/* Home page features */
.features { background: #EFEFF0; padding: 20px 27px 20px 20px; color: #333; }
.features .left-feature { float: left; width: 290px; }
.features .right-feature { float: right; width: 294px; }
.features img { float: left; display: block; }
.features .inner { float: right; width: 166px; }
.features .inner img { float: none; display: inline; }
.features h3 { font-size: 1.17em; margin: 0; }
.features h3 a { text-decoration: none; }
.features p { margin-bottom: 9px; }
.features .more { margin: 0; }

/* Sidebar */
#sidebar { float: right; width: 220px; padding: 18px 0; }
#sidebar h2 { font-size: 0.83em; color: #999; text-transform: uppercase; letter-spacing: 4px; margin-bottom: 18px; }
#sidebar h3 { margin: 1.65em 0 0.25em 0; color: #669900; }
#sidebar h3 a { text-decoration: none; } 
.date { margin: -1em 0 0 0; color: #999; font-size: 0.92em; }
#sidebar .archive { margin: 1.5em 0 0 0; font-size: 0.83em; text-transform: uppercase; }
#sidebar .archive a { text-decoration: none; background: url(../images/bg/archive.gif) 0 55% no-repeat; padding-left: 10px; }

/* Footer */
#footer { clear: both; margin: 18px 30px; font-size: 0.92em; color: #666; border-top: 1px solid #D5D6D7; padding: 7px 0 15px 0; }
#footer p { margin: 0; }
#footer a { color: #666; text-decoration: none; }
#footer a:hover { color: #FF6600; }
#footer .copy { float: left; width: 700px; }
#footer .sitemap { float: right; text-align: right; width: 200px; }
#footer .sitemap .sep { margin: 0 4px; font-size: 0.92em; }
#footer .sitemap img { vertical-align: bottom; margin-right: 5px; }

/* Flats */
.flats #inner { background: none; margin: 0 20px; }
.flats #top { margin-bottom: 20px; }
.flats #content { float: none; width: auto; }
.flats #content h3 { margin-top: 0; }
.flats #content .list { width: 800px; }
.flats #content .extent { margin: 25px 0 0 0; background: #eeefef; padding: 20px; }

/* Breadcrumbs */
.breadcrumbs { background: #EEEFEF; color: #000; font-size: 0.92em; padding: 8px 19px; margin-bottom: 15px; }
.breadcrumbs p { margin: 0; }
.breadcrumbs .left-nav { float: left; width: 500px; }
.breadcrumbs .right-nav { float: right; width: 300px; text-align: right; }
.breadcrumbs a:link, .breadcrumbs a:active, .breadcrumbs a:visited { color: #666 ; text-decoration: none; }
.breadcrumbs a:hover { color: #FF6600; }
.breadcrumbs img { margin: 0 5px; }
.breadcrumbs .right-nav .prev { background: url(../images/bg/arrow2.gif) left center no-repeat; padding-left: 10px; }
.breadcrumbs .right-nav .next { background: url(../images/bg/arrow1.gif) right center no-repeat; padding-right: 10px; }
.breadcrumbs .right-nav .sep { color: #666; margin: 0 7px; font-size: 0.92em; vertical-align: top; }

/* Schemes */
.scheme1 { border-top: 1px solid #D5D6D7; padding: 15px 0 25px 0; margin: 15px 0; }
.scheme1 img { display: block; }
.scheme2 { margin: 10px 0 30px 0; float: left; width: 680px; }
.scale { margin: 20px 0 0 0; }
.scale img { display: block; }
.position { clear: both; padding: 20px 0 0 0; margin: 20px 0; }
.position img { margin-right: 40px; vertical-align: middle; }

/* Tables */
table { border-bottom: 1px solid #D5D6D7;  }
table a { text-decoration: none; color: #333 !important; }
th { border: 1px solid #000; border-width: 1px 0; background: #C8E4FF; color: #000; font-weight: bold; }
td { padding: 5px; }
table.flats-list td { cursor: pointer; }
tr.odd th, tr.odd td { background: #EEEFEF; border-color: #D5D6D7; padding: 5px; }
tr.floor td { background: #EEEFEF; border-bottom: 1px solid #000; border-top: 1px solid #000; }
table.flats-list tr:hover td, table.flats-list tr.hover td { background: #fce5c2; border-color: #F8BF65; }
table .title td { font-weight: bold; font-size: 1.17em; }
table .size td { font-weight: bold; } 
table .right { text-align: right; }
table .center { text-align: center; }
table .price { text-align: right; }
table th.price { text-align: center; }
table .status, table .odd .status { padding: 5px 10px; font-weight: bold; text-align: center; }
.free { color: #669900; }
.reserved { color: #cc6600; }
.sold { color: #cc0000; }
p.status { font-weight: bold; margin: 15px 5px 0 5px; text-align: left; }

table.normal { border-bottom: 0; margin-bottom: 10px; }
table.normal a { text-decoration: underline; color: #669900 !important; }
table.normal a:hover { color: #FF6600 !important; }
table.normal th { border-bottom: 0; border: 0; background: #fff; padding-left: 0; }

/* Flat lists */
table.flats-list { width: 650px; margin: 20px 0 15px 0; }
table.flats-list th { border-bottom: 0;  }
table.floor-list { width: 850px; }
table.floor-list th { border-bottom: 1px solid #000; }

/* Flat info */
.flat-info { float: right; width: 240px; }
.flat-info table { margin: 10px 0 0 0; width: 100%; }
.flat-info table th, .flat-info table td { padding: 3px 5px; }

/* Parking */
.parking { float: left; width: 250px; margin-left: 50px; }
.parking-first { margin-left: 20px; }
.parking table { margin: 10px 0 0 0; width: 100%; }
.parking table th, .parking table td { padding: 3px 5px; }
.parking-price { clear: both; margin: 0 0 0 20px; padding-top: 20px; }
.parking-price p { margin: 0 0 5px 0; }
.parking-price strong { margin-left: 10px; }
.parking-price .second-currency { margin-left: 15px; font-size: 0.92em; color: #666; }

/* Prices */
.conversion-rate { font-size: 0.92em; color: #666; }
.price-until { color: #cc0000; }
.flat-price { margin: 15px 5px 0 5px; border-top: 1px solid #D5D6D7; padding-top: 10px; display: none; }
.flat-price table { border: none; margin: 0 0 15px 0; }
.flat-price table th { background: none; border: none; padding: 3px 0; }
.flat-price table td { text-align: right; padding: 0; }
.flat-price table td.secondary-currency { color: #666; font-size: 0.92em; }