/************************************
    *                                   *
    *             4real.sk              *
    *    CSS by: fatchilli.com, mB      *
    *                                   *
    *         All web content           *
    *                                   *
    *  Last update: 21.10.2008, 19:48   *
    *                                   *
    ************************************/

	@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";
	
	html {height: 100%;}
	body {height: 90%; background: #d8cfc5 url(/images/body_bcg.png) fixed no-repeat; font-family: sans-serif; padding-top: 11.13em;}
	a {color: #3d2826;}
	a:hover {color: #000;}
	
	/* ---| General classes |--- */
	.p {margin-bottom: 1em; font-size: 0.75em; }
	.p table {margin-bottom: 15px;}
	.p table th {font-weight: bold; padding-right: 8px;}
	.opa,
	.ctr {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; -khtml-opacity: 0.4; opacity: 0.4; filter: alpha(opacity=40); background-image: url(../images/blank.gif);}
	.opa.hover {-khtml-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70);}
	.pgs {padding-left: 0.5em;}
	.h3 {font-size: 0.94em; font-weight: normal; margin-bottom: 0.5em;}
	
	/* ---| LAYOUT |--- */
	#page {position: relative; margin: 0 auto; width: 61.88em; min-height: 100%; _height: 100%; background-color: #007048;}
	#page:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	#head {position: absolute; height: 11.13em; width: 100%; top: -11.13em;}
	#head .ctr {background-color: #FFF; -khtml-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60);}
	/* #head .top-border {display: block; position: absolute; top: 0; left: 0; height: 15px; width: 100%; background-color: #C8A377;}*/
	#cnt {margin-bottom: 1em; padding: 0.5em 1em; background-color: #f7f0e7;}
	.tpl-home #cnt {padding: 0; background: none;}
	/* LOGO */
	h1,
	h1 b {position: absolute; left: 11px; top: 28px; display: block; width: 286px; height: 64px; overflow: hidden; cursor: pointer; text-indent: -500px;}
	h1 b {left: 0; top: 0; background: url(../images/logo.png); _background: url(../images/logo_ie.png);}
	#logo {display: none;}
	/* LANGUAGE */
	.lng {padding-left: 22px; color: #FFF;}
	a.lng.en {background: url(../images/en.jpg) left center no-repeat;}
	a.lng.sk {background: url(../images/sk.jpg) left center no-repeat;}
	
	#cnt h2 {margin-bottom: 0.5em; font-size: 1.5em; font-weight: normal; color: #007048;}
	
	/* --- | TPL: HOME | --- */
	.home {padding-top: 1.38em; min-height: 578px; _height: 578px; background: url(../images/home_bcg.jpg) no-repeat;}
	
	/* --- | TOPS: SLIDE | --- */
	.slide {position: relative; margin-bottom: 0.94em; width: 100%; height: 20.88em; overflow: hidden;}
	/* Arrows */
	.slide .arrow {position: absolute; top: 0; left: 0; z-index: 10; display: block; width: 66px; height: 334px; background: url(../images/arr-left.png) center no-repeat; _background: url(../images/arr-left-ie.png) center no-repeat;}
	.slide .arrow.right {right: 0; left: auto; background: url(../images/arr-right.png) center no-repeat; _background: url(../images/arr-right-ie.png) center no-repeat;}
	/* Layout */
	#cnt-dwn {width: 47.63em; margin: 0 auto;}
	#countdown {height: 2px; background-color: #FFF; _font-size: 2px;}
	.slide .offer {width: 47.63em; height: 20.88em; overflow: hidden;}
	.slide .offer .pic {position: absolute; top: 0.5em; left: 0.5em; z-index: 1; width: 517px; height: 318px; overflow: hidden;}
	.slide .offer .nfo {position: absolute; padding-bottom: 0.5em; right: 0.5em; bottom: 1.5em; z-index: 2; width: 19em; background-color: #c8a377;}
	.slide .offer .nfo h2 {margin-bottom: 0.25em; padding: 0.63em 0.88em; background-color: #FFF; font-size: 1.31em; font-weight: normal; line-height: 1em;}
	.slide .offer .nfo h2 a {color: #007048; text-decoration: none;}
	.slide .offer .nfo p {margin-bottom: 0.25em; padding: 0 1em 0 1.3em; color: #03100a; font-size: 0.75em;}
	.slide .offer .nfo .a-nfo {padding: 0 0.5em 0 0.88em; color: #FFF; font-size: 1.13em; line-height: 1.3em;}
	.slide .offer .nfo .a-nfo small {font-size: 0.75em;}
	.slide .offer .nfo .a-nfo small:before {content: " / "}
	.slide .offer .ctr,
	.slide .offer .opa {background-color: #FFF;}
	.slide .offer .ctr {background: transparent url(../images/blank.gif); z-index: 5;}
	.slide h3 {margin: 0 0 0.15em 1.4em; font-size: 0.69em; }
	/* Sliding */
	#slide-1,
	#slide0, 
	#slide1,
	#slide-2,
	#slide2 {position: absolute; top: 0;}
	
	/* --- | FRESHEST OFFER | --- */
	.fresh {position: relative; width: 100%; height: 7.5em;}
	.fresh .opa {height: 7.5em; background-color: #000;}
	.fresh .ctr {height: 6em;}
	.fresh .f-off {margin: 0 0.7em !important; top: 0.85em; height: 6.06em; width: 19.13em; _margin-left: 0.35em !important;}
	.fresh .f-off .content {width: 10.13em; height: 5.06em;}
	.fresh .f-off .pic {height: 95px;}
	
	
	/* --- | COL 1 | --- */
	.col-1 {float: left; padding-left: 5px; width: 11.19em;}
	/* Heading */
	.box h2 {padding: 5px 0 5px 18px; border-bottom: 1px solid #c8c8c8; color: #b0b0b0; font-size: 0.69em; font-weight: normal;}
	.t3 h2 {background-color: #e4e4e4;}
	.t4 h2 {border: none;}
	/* Box type 4 */
	.box.t4 a {margin: 0 0 0.25em 1em; display: block;}
	
	/* --- | COL 2 | --- */
	.col-2 {position: relative; float: right; right: 5px; width: 47em;}
	.col-2 h2 {margin-bottom: 0.5em;}
	.col-2 h3 {margin-bottom: 0.5em; font-size: 1em;}
	
	/* --- | FOOT | --- */
	.tpl-home #foot {margin-top: -6.7em;}
	#foot {position: relative; z-index: 1; margin-bottom: 3em; height: 3.06em; width: 100%; color: #3d2826; text-align: center;}
	#foot a {padding: 0 0.45em; color: #FFF;}
	#foot small {position: relative; top: 1.1em; =top: 1.5em; z-index: 1; font-size: 0.69em;}
	#foot .opa {height: 3.06em; background-color: #c8a377; -khtml-opacity: 0.85; opacity: 0.85; filter: alpha(opacity=85);}
	/* fatchilli.com footer sign */
	#fat {color: #3d2826 !important; text-decoration: none;}
	#fat span {text-decoration: underline;}
	#fat span i {color: #9e1f10; font-style: normal;}
	
	/* --- | TOP NAVIGATION | --- */
	.top-m {position: absolute; top: 1.75em; right: 0.5em;}
	.top-m li {margin-right: 5px; padding-right: 5px; border-right: 1px solid #000; line-height: 0.69em;}
	.top-m li.last {margin: 0; padding: 0; border: none;}
	.top-m a {position: relative; top: -0.15em; font-size: 0.75em; color: #007048;}
	.top-m a.mark {padding: 1px 4px; background-color: #007048; color: #FFF !important; text-decoration: none;}
	.top-m a:hover {color: #000;}
	.top-m a.act {color: #000; text-decoration: none;}
	
	/* --- |  MAIN NAVIFATION | --- */
	.main-m {position: absolute; right: 1em; bottom: 3.6em;}
	.main-m a {margin-right: 0.1em; padding: 0.25em 0.55em; display: inline-block; color: #007048; font-size: 1.50em; text-decoration: none;}
	.main-m a:hover,
	.main-m a.act {color: #FFF; background-color: #4f504c;}
		
	/* --- | TITLE PROJECTS | --- */
	.main {position: relative; margin-bottom: 1em; height: 18.44em; width: 100%;}
	.tit-itm {position: absolute; top: 0; left: 0; width: 100%;}
	.tit-itm .sc-1 {position: absolute; right: 0; top: 3.5em; width: 14.5em;}
	.tit-itm .sc-2 {position: relative; width: 512px; height: 295px; overflow: hidden;}
	.tit-itm .sc-1 h2 {margin-bottom: 0.5em; color: #a2a2a2; font-size: 1.13em; font-family: sans-serif; line-height: 1em;}
	.tit-itm .sc-1 h2:first-letter {text-transform: uppercase;}
	.tit-itm .sc-1 h2 a {color: #a2a2a2; text-decoration: none;}
	.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: 10em; background-color: #e9e9e9; font-size: 0.75em;
	/*IE*/ _height: 10em;}
	.tit-itm .sc-1 .nfo p {margin-bottom: 0.25em; line-height: 1.3em;}
	.tit-itm p.det {position: absolute; top: 11em; right: 0em; width: 14.5em; height: 2em; background-color: #E9E9E9; 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; left: 0; bottom: 0; _bottom: -1px;}
	.switch {position: absolute; padding: 0 0 0.2em 0; width: 32em; z-index: 40; text-align: right; }
	.switch i {display: block; height: 2.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; padding-top: 0.4em; display: inline-block; height: 1.82em; width: 2.18em;  text-decoration: none; background-image: url(../images/nums_24.png); background-repeat: no-repeat; background-position: left top; color: #000; font-size: 0.69em; font-weight: bold; text-align: center; line-height: 150%;
	_background-image: url(../images/nums.png)}
	.switch a:hover,
	.switch a.act {color: #FFF; background-position: left -48px;}
	/* 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;}
	
	/* --- | HOMEPAGE HOTS LISTING | --- */
	.row {margin-bottom: 1em; padding-bottom: 1px; zoom: 1; _height: 1px; min-height: 1px; background: url(../images/dot.png) bottom repeat-x;}
	#cnt:after,
	.row:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	
	/* --- |  TPL: Demands list | --- */
	.demand .table {width: 100%;}
	.demand .table th,
	.demand .table td {padding: 0.5em 0.5em; font-size: 0.75em;}
	.demand .table th {background-color: #EEE; font-weight: bold;}
	.demand .table td {border-bottom: 1px solid #EEE;}
	.demand textarea {width: 20em; height: 5em;}
	
	/* --- | TPL: DEFAULT (Chillout node content + TOP) | --- */
	#cnt {zoom: 1;}
	#cnt .sc-1 {float: left; width: 43em;}
	#cnt .sc-2 {float: right; width: 16em;}
	
	/*  CONTENT in .p  */
	.p h3 {margin-bottom: 1em; padding: 0.25em 0 0.25em 0.5em; background-color: #EADBCA; color: #585858; font-size: 1.17em;}
	.p h4 {margin-bottom: 0.75em; font-size: 1.1em;}
	.p ul,
	.p p {margin-bottom: 1em; line-height: 130%;}
	
	/* TPL: BUSINESS CENTERS */
	.business #advise {padding: 0; height: auto; background: none; _width: auto !important;}
	.business #advise .ad {margin-bottom: 0.6em !important; width: 12.39em !important; }
	.business.l1 {margin-top: 1em !important;}
	.business.l1 .pic img {height: 171px;}
	.business.l1 .content {height: auto !important;}
	.business .p,
	.business h2,
	.business h3 {font-family: sans-serif;}
	.business h2 {line-height: 1.1em;}
	.business #c1 {float: left; padding: 0.94em 0.75em 0.75em 0.75em; width: 23.8em; _height: 19.4em; min-height: 19.4em; background-color: #f2f2f2; color: #515151;}
	.business #c1 h2 {margin-bottom: 0.5em; color: #007048; font-size: 1.13em; font-weight: normal; text-transform: uppercase;}
	.business #c1 .p {color: #515151; font-size: 0.69em !important;}
	.business #c1 .p p {margin-bottom: 0.75em;}
	.business div#c2 {position: relative; float: right; width: 34.06em; height: 21em; overflow: hidden !important;}
	.business #c2 h3 {position: relative; z-index: 1; margin: 0; padding: 0.81em 0 0.81em 0.75em; background-color: #000c24; color: #FFF; font-size: 0.88em; font-weight: normal;}
	.business .content {clear: both; _height: 1px; min-height: 1px; padding-top: 0.94em;}
	.business .content #sc1 {float: left; width: 11.44em;}
	.business .content #sc1 .p {padding: 1em; background-color: #eed9bf; color: #000; font-size: 0.69em !important; line-height: 1.1em;}
	.business .content #sc1 ul {padding: 0; list-style: none;}
	.business .content #sc1 ul li {margin-bottom: 0.19em;}
	.business .content #sc1 ul a {padding: 0.52em 0pt 0.52em 0.88em; display: block; height: 1.8em; background: url(../images/nav_bcg.png) no-repeat; color: #FFF; text-decoration: none; line-height: 0.94em; font-size: 0.75em;}
	.business .content #sc1 ul a:hover,
	.business .content #sc1 ul a.act {background-position: left -68px; color: #000 !important;}
	.business .content #sc2 {float: right; width: 46.5em;}
	/*  */
	.attachment a {padding-left: 21px; display: inline-block;}
	/* Photogallery */
	#sc2 .pic.gal,
	#sc2 .pic.gal a {position: relative; float: left; margin: 0 0.7em 0.7em 0; border: 1px solid #AAA; display: block; width: 140px; height: 90px; overflow: hidden;}
	#sc2 .pic.gal a {border-color: #FFF; width: 138px; height: 88px; background-color: #000;}
	#sc2 .pic.gal img {position: relative;}
	#sc2 .pic.gal.last {margin-right: 0 !important;}
	/* Ads Lisintg */
	/*#sc2 .ad {width: 85.8%; background: url(../images/ad_h_divider.png) left 6.2em repeat-x;}*/
	/* Advised in listing 1 */
	.l1 #advise .ad {float: left; margin: 0 0.3em 0 0; padding: 0 0.75em 5px 250px; width: 12.25em; height: 10.95em; border: none;}
	.l1 #advise .ad .pic,
	.l1 #advise .ad .pic a {top: 0; width: 228px; height: 171px;}
	.l1 #advise .ad p {text-align: justify;}
	.l1 #advise .ad .bot {bottom: auto; top: 9em; width: 12.7em; height: 1em;}
	.l1 #advise .ad .date {right: 22em;}
	.l1 #advise .ad .logo {right: 13.75em; bottom: 9px;}
	.l1 #advise .ad .head {float: none;}
	.l1 #advise .ad .head h4 {margin-bottom: 0.25em;}
	.l1 #advise .ad .content {position: relative; top: auto; left: auto; width: auto; overflow: hidden;}
	/* Tags */
	.l1 #advise .ad.tag {padding: 10px; width: 454px !important; height: 133px !important; border: 1px solid #CCC !important;}
	.l1 #advise .ad.tag .head {margin: 0;}
	.l1 #advise .ad.tag h2 {margin-bottom: 8px;}
	.l1 #advise .ad.tag .pic {position: relative; border: none; width: auto; height: auto; left: 0;}
	.l1 #advise .ad.tag .pic img {width: 107px !important; margin-right: 8px;}
	.l1 #advise .ad.tag p {width: auto; font-size: 12px; margin-bottom: 7px;}
	/* Banky */
	.mem {position: relative; margin.bottom: 0.5em; padding-left: 111px; min-height: 100px; _height: 100px;}
	.mem img {position: absolute; left: 0; top: 0; border: 1px solid #EEE;}
	
	
	/* --- | TPL: LOOKING FOR + OFFER REAL ESTATE | --- */
	.looking-offering .col-1 {width: 48%;}
	.looking-offering .col-1 h3 {margin-bottom: 10px; font-size: 14px; font-weight: normal;}
	.looking-offering .col-2 {width: 48%;}
	/* --- | TPL: Agent | --- */
	/* -- Set demand form -- */
	.agent #search14 ul {float: left; padding: 0; width: 130px; list-style: none; font-size: 13px;}
	.agent #search14 li {position: relative; margin-bottom: 2px;}
	.agent #search14 li b {display: block; =display: inline-block; padding: 0 20px 0 0; border: 1px solid #5A6058; border-width: 0 1px 0 0; width: 110px; background: url(http://static.living.sk/filter_arrow.png) 96% 0.38em no-repeat; cursor: pointer; white-space: nowrap; font-size: 13px;}
	.agent #search14 li b strong {display: block; width: 105px; overflow: hidden; color: #aa0000; font-weight: normal; text-decoration: underline;}
	.agent #search14 li b:hover strong,
	.agent #search14 li b.hover strong {color: #000;}
	.agent #search14 b.last {margin: 0;}
	/* Selected values */
	.agent #search14 .srch-desc {float: left; margin: 0 0 0 0.5em; width: auto !important;}
	.agent #search14 .srch-desc p {margin-bottom: 2px; height: 16px; width: 300px; overflow: hidden; color: #5A6058; font-size: 13px; font-weight: bold;}
	.agent #search14 .srch-desc p.last {margin: 0 !important;}
	/* Form items */
	.agent td {vertical-align: top;}
	.agent label {font-size: 12px;}
	.agent .th label {float: left; display: block; width: 130px; font-size: 13px;}
	.agent .info {margin: 4px 0; padding-left: 28px; color: #999898; background: url(http://static.living.sk/icons/info_small.png) no-repeat; font-size: 11px;}
	/* TEMP */
	.agent .rollout {top: 1.2em; z-index: 100;}
	.agent .width1 {width: 10em;}