/************************************
    *                                   *
    *           lbareal.sk              *
    *    CSS by: fatchilli.com, mB      *
    *                                   *
    ************************************/

	@import "miniportals_base.css";
	/* --- | TPL: AD DETAIL | --- */
	@import "ad_detail.css";
	/* --- | TPL: ADS LISTING | --- */
	@import "ads_list.css";
	/* --- | FAT Intelitree | --- */
	@import "http://www.living.sk/css/intelitree.css";
	
	* {margin:0; font-family: sans-serif;}

	body {background: #c8c8c8 url(/images/body_background.jpg) repeat-x;  font-size: 16px;}
	a img, fieldset {border: none;}
	a {color: #FFF;}
	a:hover {color: #f29c54;}
	a:active, a:focus {outline: 0;}
	.p p {margin-bottom: 1em;}

	.hidden {display: none;}
	.clear {clear: both;}
	.p {font-size: 0.75em; margin-bottom: 10px; padding: 0 20px 20px 0; text-align: justify; color: #66686a;}
	.t-center {text-align: center;}
	.t-center a {padding:0px !important;}
	.error {color: #FF0000; font-size: 0.75em; padding-left: 1em; margin-bottom: 15px !important; font-weight: bold;}
	.title-pic {float: left; margin: 0 10px 5px 0;}
	.title-map {float: right; margin: 0 0 5px 15px;}
	.dot {background: url(/images/dot.png) left bottom repeat-x; padding-bottom: 5px !important;}
	.absolute {position: top; width: 100%; height: 3.4em;}
	.items {font-size: 0.75em; padding-left: 40px;}
	.items img {position: relative; top: 3px;}
	
	#page {width: 60em; margin: 0 auto; padding: 279px 0.56em 0 0.56em; background: #FFF url(/images/page_background_wide.jpg) repeat-y; position: relative;}
	/* ---| Head |--- */
	#head {height: 279px; width: 60em; background: url(/images/head_background_wide.jpg) no-repeat; position: absolute; left: 0; top: 0; padding: 0 9px;}
	/* Logo */
	h1 {left: 55px; top: 0px; z-index:2;}
	h1, h1 a, h1 span {display: block; width: 155px; height: 56px; overflow: hidden; position: absolute;}
	h1 span {background: url(/images/logo.png) no-repeat; cursor: pointer; z-index: 1; top: 0; left: 0;}
	/* Language */
	#lang {position: absolute; bottom: 4px; right: 20px; z-index: 2;}
	/* Filter */
	#head .transparent {-moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); 
		position: absolute; left: 8px;bottom: 1px; width: 60em; height: 2em; background-color: #999; border-top: 1px solid #FFF;}
	#search {height: 2em; position: absolute; width: 60em; bottom: -3px; z-index: 1; background-color:transparent !important;}
	#search fieldset {position: absolute; top: 6px; left: 0.9em;  width:57em;}
	#search fieldset .vyhladavanie {float:left; color:#F29C54; font-size:1em; font-weight:bold; width: 152px; position: relative; top: -2px;}
	#search fieldset span {float: left; margin-right: 8px;}
	#search .legend {position: absolute; font-weight: bold; font-size: 0.81em; top: 7px; left: 12px; color: #FFF;}
	#search .legend:first-letter {text-transform: uppercase;}
	/*#search label {display: none;}*/
	#search select {font-size: 0.69em; background-color: #f29c54; color: #FFF; margin-left: 12px; width: 20em;}
	#search b, #search strong {color:#fff;}
	#search #cs-id {bottom:0px;}
	#search #cs-id .field {background-color:#fff; !important; color:#000; border:1px solid #eee !important; width:48px;}
	#search #cs-id label {display:inline; color:#fff;}
	#search results {}
	#search .button {background-color: transparent; bottom:0px;}
	/* ---| Content |--- */
	#content {position: relative; _height: 1px; min-height: 100px;}
	/*  Col 1  */
	.col-1 {width:10em; float: left;}
	.col-1 .t-center {padding-bottom: 10px;}
	
	.col-1 .t-center a {margin: 0 10px 10px 14px; display: block; float: left; _margin-left: 9px;}
	/* Navigation */
	.col-1 .h3 {color: #7f7f7f; font-size: 0.81em; padding: 5px 0 6px 5px; margin: 0 8px 10px 8px; background: url(/images/dot.png) bottom repeat-x;}
	.navigation {list-style: none; padding: 0; border-bottom: 10px solid #FFF;}
	.navigation li {margin-bottom: 3px}
	.navigation a {font-size: 0.75em; color: #9b9b9b; display: block; _display: inline-block; text-decoration: none; padding: 3px 0 3px 15px; _width: 92%;}
	.navigation a:hover, .navigation .active a {color: #F29C54; font-weight: bold;}
	li.spec a {font-size: 0.81em; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; color: #7f7f7f;}
	li.spec a.active {color: #f29c54;}
	/* ---| subnavigation |--- */
	#sub-navigation {list-style: none; margin-bottom: 10px; padding: 3px 0 6px 10px; background: url(/images/dot.png) bottom repeat-x;}
	#sub-navigation li {display: inline; margin-right: 40px;}
	#sub-navigation a {text-decoration: none; font-size: 0.75em; font-weight: bold;}
	#sub-navigation a.active {color: #f29c54;}

	/* Col 2  */
	div.col-2 {width: 786px; float: right; padding-bottom: 1em; margin-right: 5px; _margin-right: 0px;}
	div.col-2.special {width: 770px; padding-right: 15px;}
	div.col-2 a {color: #6D6E71; }
	div.col-2 a:hover {color: #F68A2B;}
	h2.h2 { font-size: 14px; padding: 5px 0 6px 0; margin-bottom: 10px; background: url(/images/dot.png) bottom repeat-x; display: block; font-weight: bold; color: #6d6e71;}
	.h2 span {text-transform: lowercase; display: block; float: left; margin-right: 4px;}
	.h2 span:first-letter {text-transform: uppercase;}
	.special .h2 {font-size: 1.1em; margin-bottom: 15px; color: #7d7d7d; background: none; font-weight: normal; text-transform: none;}
	.special h3.h2 {font-size: 0.91em; margin-bottom: 8px; font-weight: bold; color: #F68A2B;}
	.col-2 h3 {color: #7f7f7f; font-size: 0.81em;}
	.col-2 .border label {color:#66686A;}
	.col-2 .table {color:#66686A; font-size: 0.9em; border:1px solid #eee; width:90%;}
	.col-2 .table th {color:#F68A2B;}

	/* ---| Advertisement - home |--- */
	.ad-home {position: relative; padding-left: 132px; margin-right: 10px; width: 7.5em;  height: 10.4em; float: left; overflow: hidden;}
	.ad-home h3 {line-height: 120%; margin-bottom: 3px; position: absolute; top: 113px; left: 0; height: 1em; width: 24em; overflow: hidden; text-transform: uppercase; font-size: 0.69em;}
	.ad-home h3 a {color: #838487; text-decoration: none;}
	.ad-home h3 a:hover {color: #F59138;}
	.ad-home .photo {position: absolute; top: 0; left: 0; display: block; width: 124px; height: 104px; overflow: hidden; text-decoration: none; border: 1px solid #AEB0B4;}
	.ad-home .photo img {width: 139px; height: 104px;}
	.ad-home .photo:hover {border-color: #F68A2B;}
	.ad-home p {font-size: 11px; color: #6d6e71; margin-bottom: 4px;}
	.ad-home p span {margin-bottom: 2px; display: block;}
	.ad-home p.desc {color: #a1a3a5; font-size: 0.69em; line-height: 100%; position: absolute; left: 0; top: 11.9em; width: 23em;}
	.ad-home em {color: #f68a2b; font-style: normal; font-weight: bold;}
	.ad-home em b {color: #6d6e71 !important;}
	.ad-home em i {font-style: normal; font-weight: normal;}
	.ad-home hr {display: none;}
	.ad-home.tmp {position: relative; padding: 0; width: 15.1em; margin-bottom: 20px; margin-right: 13px;  height: 198px; float: left; overflow: hidden; background: url(/images/shadow.jpg) 28px bottom no-repeat;}
	.ad-home.tmp h3 {position: relative; top: 0;  margin-bottom: 0.5em; line-height: 120%; height: 2.3em; width: 19em; overflow: hidden; text-transform: uppercase; font-size: 0.75em;}
	.ad-home.tmp .photo {position: relative; display: block; width: 225px; height: 146px; overflow: hidden; border: none; opacity: 0.9; filter: alpha(opacity:90);}
	.ad-home.tmp .photo:hover {opacity: 1; filter: alpha(opacity:100);}
	.ad-home.tmp .photo img {width: auto; height: auto; border: none;}

	/* Foot */
	#foot {background-color: #9b9d9f; height: 1.7em; width: 960px; border-top: 1px solid #FFF; position: relative; left: -1px;}
	#foot small {display: block; text-align: center; font-size: 1em; padding-top: 3px; =padding-top: 6px;}
	#foot .col-1 {background: none; color: #f68a2b;}
	#foot .col-1 strong {font-size: 0.75em;}
	#foot .col-2 {color: #FFF;}
	#foot .col-2 small {font-size: 0.75em; padding-top: 6px;}
	#copy {display: block; background-color: #FFF; text-align: right; font-size: 0.69em; padding: 5px 10px;}
	#foot .col-2 a {color: #FFF; text-decoration: none;}
	#foot i {color: #F29C54;}
	#copy a:hover {text-decoration: underline;}
	/* fatchilli.com */
	#fatchilli strong {color: #A4281B !important;}
	#fatchilli b {color: #000;}
	#fatchilli i {font-style: normal; color: #CCC;}
	
	/* ---| Advertisement - general |--- */
	.icons span {position: relative; display: block; width: 4.18em; height: 1.92em; float: left; margin-right: 3px; font-size: 0.69em; cursor: help;}
	.icons span strong {position: absolute; left: 32px; top: 2px;}
	.icons br {display: none;}
	.info {font-size: 0.69em; margin-bottom: 5px;}

	/* ---| Advertisement - list |--- */
	.ad-list {position: relative; padding: 2em 5px 5px 110px; margin: 0 5px; height: 3.9em; overflow: hidden; background: #FFF url(/images/dot.png) bottom repeat-x;}
	.ad-list.pair {background-color: #f8f8f8;}
	.ad-list.no-icons {padding: 0.5em 5px 5px 110px !important; height: 5.00em;}
	.ad-list .photo {position: absolute; top: 7px; left: 5px; border: 1px solid #aeb0b4; width: 97px; height: 73px;}
	.ad-list .photo img {width: 97px; height: 73px;}
	.ad-list h3 {font-size: 0.75em !important; margin-bottom: 4px !important; padding-right: 5em; font-weight: bold; height: 1.15em; overflow: hidden;}
	.ad-list a {color: #363636; text-decoration: none;}
	.ad-list a:hover {color: #F68A2B;}
	.ad-list h3 strong {padding: 0 6px; background-color: #A90000; color: #FFF; margin-right: 3px;}
	.ad-list .info {margin: 0; font-size: 0.63em;}
	.ad-list .info strong {font-size: 1.1em; color: #6d6e71;}
	.ad-list .info strong span {color: #F68A2B;}
	.ad-list .date {position: absolute; top: 7px; right: 5px; font-size: 0.88em;}
	.ad-list .icons {position: absolute; top: 7px;}
	.ad-list .properties {position: absolute; top: 1.56em; right: 5px; text-align: right; width: 100px;}
	.ad-list .properties img {cursor: help;}
	.ad-list .description {font-size: 0.69em; width: 84%; color: #696969;}
	.ad-list a img {width: 97px;}
	.ad-list hr {display: none;}
	/* Pagging */
	.pages {padding: 4px 7px; font-size: 0.75em; margin: 7px 0; text-align: right;}
	.pages strong {margin-right: 8px; color: #696969;}
	.pages a, .pages span {margin-right: 0.4em; color: #F68A2B; font-weight: bold;}
	.pages span {color: #565656;}
	.pages a:hover {color: #363636;}
	.pages .active {padding: 0 3px; background-color: #F68A2B; color: #FFF;}

	/* ---| Advertisement - detail |--- */
	.detail-col {width: 38%; position: relative; margin-bottom: 20px;}
	#detail-col-1 {float: left; width: 60%;}
	#detail-col-2 {float: right; padding: 2.15em 0 0 0;}
	#features {position: absolute; right: 1em; font-size: 0.75em; z-index: 1;}
	#features a {color: #F68A2B;}
	#features a.print {font-size:1.0em;}
	#features a:hover {color: #000;}
	.detail-col p {color: #363636; line-height: 130%;}
	.detail-col .info {margin-bottom: 5px;}
	.detail-col .info strong {color: #6d6e71; font-size: 1.1em;}
	.detail-col .info strong span {color: #F29C54;}
	.detail-col .info,
	.detail-col .icons {}
	.detail-col a {color: #F68A2B;}
	/* Icons */
	.detail-col .icons {min-height: 25px; _height: 25px;}
	/* Headings */
	h2.h2-detail {font-size: 1.05em; color: #6d6e71; position: relative; margin-bottom: 10px; padding: 0 9em 0 0 !important;}
	.h2-detail span {position: absolute; top: 0; right: 1em; font-size: 0.56em;}
	.detail-col h3, h3.detail, .detail-col h2 {font-size: 0.88em !important; clear: both; margin-bottom: 5px !important; padding: 3px 0; color: #F29C54;}
	h3.detail {padding-left: 1.3em;}
	/* Photogallery */
	span.photo a img {border: 1px solid #999; height: 60px; margin: 0 5px 5px 0;}
	span.photo a img.larger {height: 120px;}
	span.photo a:hover img, .detail-col .title-item a:hover img {border: 1px solid #F29C54;}
	.special span.photo a img {height: 80px;}
	.detail-col .title-item {margin-top: 0.2em;}
	.detail-col .title-item img {width: 100%; border: 1px solid #999;}
	/* Forms */
	.detail-form fieldset {padding: 0;}
	.detail-form label,
	.detail-col .label {display: block; float: left; width: 6.5em; text-align: left; margin-right: 6px;}
	.detail-form label {font-size: 0.75em;}
	.detail-form label:first-letter {text-transform: uppercase;}
	.detail-form p {margin-bottom: 0.3em;}
	.detail-form label strong {cursor: help; color: #CC0000;}
	.detail-form .field {font-size: 0.69em; position: relative; top: -0px;}
	.detail-form strong {font-size: 0.69em; position: relative; top: -2px;}
	.detail-form {padding-bottom: 10px; margin-bottom: 5px;}
	.detail-col .detail-form .button,
	.detail-form .button, button {position: relative; left: 7.8em; font-size: 0.69em; background-color: #565656; color: #FFF;}
	.detail-col .detail-form .button {left: 6.3em !important;}
	.detail-form textarea {height: 6em; width: 16em; font-size: 0.69em; padding: 2px; _width: 15em;}
	.detail-col .detail-form textarea {width: 11em;}
	.center-form {width: 22em; margin: 0 auto;}
	/* Properties */
	.detail-col .properties {margin-bottom: 5px; font-size: 0.69em; line-height: 100%;}
	.detail-col .properties b {line-height: 19px;}
	.detail-col .properties img {}
	/*.detail-col .properties span {position: relative; top: -6px;}*/
	/* Description */
	.detail-col .description {font-size: 0.75em; margin: 10px 0; text-align: justify; line-height: 140%;}

	
	/* ---| Lightbox |--- */
	#lightbox{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
	#lightbox a img{ border: none;}
	#outerImageContainer{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
	#imageContainer{padding: 10px; }
	#loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
	#hoverNav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
	#imageContainer>#hoverNav{ left: 0;}
	#hoverNav a{ outline: none;}
	#prevLink, #nextLink{width: 49%; height: 100%; background: transparent url(/images/blank.gif) no-repeat; display: block;}
	#prevLink { left: 0; float: left;}
	#nextLink { right: 0; float: right;}
	#prevLink, #prevLink { background: url(/images/prevlabel.gif) left 15% no-repeat; }
	#nextLink, #nextLink { background: url(/images/nextlabel.gif) right 15% no-repeat; }
	#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;}
	#imageData{	padding:0 10px; color: #666; }
	#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
	#imageData #caption{ font-weight: bold;	}
	#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
	#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
	#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}	
	
	/* ---| Template: Hypotekarna kalkulacka |--- */
	#calculator {font-size: 0.75em; width: 26em; margin: 0 auto;}
	#calculator .short {width: 5em;}
	#calculator input {text-align: right;}
	button {left: 0em !important; font-size: 1em;}	
	
	/* ---| Template: Photogallery |--- */
	.special span.photo {width: 165px; height: 165px; margin: 5px 13px 10px 0;}
	.last {margin-right: 0 !important;}
	.special .h3 {clear: both; margin-bottom: 8px; font-size: 0.81em; color: #66686A;}
	#gallery {padding: 0 20px;}
	#gallery span.photo {width: 66px; height: 66px; margin: 5px 10px 10px 0;}
	.floor {margin-left: 20px; font-size: 0.75em;}
	
	/* ---| Template: Floor detail |--- */
	.flats {margin: 0 0 20px 0; border-collapse: collapse; background-color: #f5f5f5; width: 94%;}
	.flats th {vertical-align: bottom; background-color: #9B9D9F; color: #FFF; border: 1px solid #FFF; font-size: 0.63em;}
	.flats th, .flats td {padding: 2px 3px; text-align: center;}
	.flats td {font-size: 0.69em; border: 1px solid #FFF;}
	.pair td {background-color: #E9E9E9;}	
	
	.no_b b {font-weight:normal; margin-top:5px; line-height: 19px;}
	
		/* --- | TITLE PROJECTS | --- */
	.main {position: relative; margin-bottom: 1em; height: 17.44em; width: 100%; z-index:0;}
	.tit-itm {position: absolute; top: 0; left: 0; width: 100%;}
	.tit-itm .sc-1 {position: absolute; left: 355px; top: 3.8em; width: 32.5em; z-index:1;}
	.tit-itm .sc-2 {position: relative; width: 512px; height: 278px; overflow: hidden; left:-1px;}
	.tit-itm .sc-1 h2 {margin-bottom: 0.2em; color: #000; font-size: 1.33em; font-family: sans-serif; line-height: 1em;  width:500px; padding:12px 12px; position:relative; }
	.tit-itm .sc-1 div.fademe {margin-bottom: 0.2em; color: #000; font-size: 1.33em; font-family: sans-serif; line-height: 1em;  width:500px; padding:12px 12px; position:relative; }
	.tit-itm .sc-1 div.fademe {margin-bottom: 0.2em; color: #fff; font-size: 1.33em; font-family: 
		sans-serif; line-height: 1em; background: #fff; width:500px; padding:12px 12px;
		-khtml-opacity:0.8; opacity:0.8; filter: alpha(opacity=80); position:absolute; top:0; left:0; height:42px;}
	.tit-itm .sc-1 h2:first-letter {text-transform: uppercase;}
	.tit-itm .sc-1 h2 a {color: #000; text-decoration: none;  font-weight:normal; z-index:10;}
	.tit-itm .sc-1 div.fademe a {color: #fff; text-decoration: none;  font-weight:normal;  z-index:1;}
	.tit-itm .sc-1 .purp {padding: 0.25em 0 0.25em 0.5em; background-color: #adadad; color: #FFF; font-size: 0.69em;}
	.tit-itm .sc-1 .nfo {padding: 0.5em; min-height: 8em; background-color:transparent; font-size: 0.75em;
	/*IE*/ _height: 8em; margin-left:134px; width:378px; color:#fff;  z-index:10;
	position:absolute; top:72px; left:0; font-weight:bold;}
	.tit-itm .sc-1 .nfo-fademe {padding: 0.5em; min-height: 8em; background-color: #828386; font-size: 0.75em;
	/*IE*/ _height: 8em; margin-left:134px; width:378px; color:#fff;
	-khtml-opacity:0.8; opacity:0.8; filter: alpha(opacity=80); position:absolute; top:72px; left:0; z-index:1;}
	.tit-itm .sc-1 .nfo p {margin-bottom: 0.25em; line-height: 1.3em; }
	.tit-itm .sc-1 .nfo strong {color:#F29C54; font-size:1.6em; padding:4px 0px; display:block;}
	.tit-itm p.det { z-index:10; position: absolute; top: 10.2em; right: 0em; width: 6.5em; font-weight: bold; text-align: right;}
	.tit-itm p.det a {position: relative; top: -0.25em; margin-right: 0.5em; color: #ff0000; font-size: 0.75em;}
	/* Switch project panel */
	.switch,
	.switch i {position: absolute; right: 81px; top: 30px;}
	.switch {position: absolute; padding: 0 0 0.2em 0; width: 390px; z-index: 40; text-align: right;
		background-image:url(../images/bg_slide_counter.png); background-repeat:repeat-x; 
		background-position:0 5px;}
	.switch i {display: block; height: 1.1em; width: 32em; background-color: #FFF; -khtml-opacity: 0.4; opacity: 0.4; filter: alpha(opacity=40);}
	.switch a {position: relative; z-index: 50; /*left: 13em; =left: 11em;*/ margin-right: 0.5em; 
	display: inline-block; height: 1.34em;   text-decoration: none; color: #000; font-size: 0.79em; font-weight: bold; text-align: center; line-height: 150%;
	 padding:3px 3px; margin-top:3px; color:#fff; background: none; width:1.32em; }
	.switch a:hover,
	.switch a.act {width:1.32em; color: #FFF; background-position: 0 0px; background-image:url(../images/slider_border.png); background-repeat:no-repeat;}
	/* tel */
	.tel {position: absolute; top: 0.5em; right: 0; padding: 3px 0 3px 45px; width: 11.69em; color: #6b6b6b; background: url(../images/tel.jpg) no-repeat; font-size: 1em; font-family: sans-serif; font-weight: bold; line-height: 1.1em;}
	.tel strong {color: #ff0000; font-size: 1.13em;}
	/* login form */
	.main form {position: absolute; left: 32em; bottom: 0; z-index: 2; padding: 0.55em 0 0 0.5em; width: 14.7em; height: 1.6em; background-color: #FFF;}
	.main .field {position: relative; top: -9px; padding: 0.15em 0; border: 1px solid #8e8c8c; width: 6em; font-size: 0.75em;
	/*IE*/ =top: -8px;}
	.main .button {margin-right: -0.4em;}