
    /************************************
    *                                   *
    *    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://static.living.sk/m2_v2/css/intelitree.css";
	
	body {font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;}
	a {color: #E50004;}
	a:hover {color: #000;}
	h1, h2, h3 {margin-bottom: 8px; color: #242424; font-weight: normal;}
	h1 {font-size: 26px;}
	h2 {font-size: 24px;}
	h3 {font-size: 20px;}
	
	/* ---| General classes |--- */
	.p {margin-bottom: 12px; font-size: 12px; color: #585858;}
	.p table {margin-bottom: 12px;}
	.p table th {font-weight: bold; padding-right: 8px;}
	.pgs {padding-left: 0.5em;}
	.h3 {font-size: 0.94em; font-weight: normal; margin-bottom: 0.5em;}
	
	/* ---| LAYOUT |--- */
	.page {width: 980px; padding: 20px 0 0 0; margin: 0 auto;}
	#head {position: relative; height: 100px;}
	#content {padding: 15px 0 15px 0;}
	.col-1 {float: left; width: 236px;}
	.col-2 {float: right; width: 732px;}
	.s-col {width: 49%;}
	/* LOGO and phone */
	h1#logo {position: absolute; left: 0; top: 5px; cursor: pointer;}
	/* Lang */
	.lng {position: absolute; top: 6px; right: 0; display: inline-block; padding: 7px 17px 15px 9px; line-height: 10px; color: #e50004; background: url(../images/lng_bcg.png) bottom right no-repeat; text-decoration: none; font-size: 12px;}
	.lng img {display: block; width: 16px; height: 10px; float: left; margin: 0 4px 0 0;}
	
	/* --- | FOOT | --- */
	#foot {color: #000; clear: both; padding: 20px 0;}
	#foot a {}
	#foot small {font-size: 12px;}
	/* fatchilli.com footer sign */
	#fat {color: #3d2826 !important; text-decoration: none;}
	#fat span {text-decoration: underline;}
	#fat span i {color: #9e1f10; font-style: normal;}

	/* --- |  MAIN NAVIFATION | --- */
	.sh-box {padding: 0 0 8px 0; margin: 0 0 8px 0; background: url(../images/nav_shd.png) right bottom no-repeat;}
	.m-nav {padding: 3px 16px 0 11px; margin: 0 0 10px 0; list-style: none; background: url(../images/nav_shd_top.png) top right no-repeat;}
	.m-nav li {}
	.m-nav a {display: block; color: #a1a1a1; text-decoration: none; text-transform: uppercase; font-size: 13px; line-height: 50px; background: url(../images/item_bcg.png) right 37px no-repeat; border-bottom: 1px solid #f3f3f3;}
	.last a {border: none;}
	.m-nav a:hover,
	.m-nav a.act {color: #e50004; background-position: right -57px;}

	/* --- | TOP NAVIGATION | --- */
	.t-nav {position: absolute; top: 13px; right: 97px; font-size: 12px;}
	.t-nav a {position: relative; color: #a8a8a8; margin-left: 15px; text-decoration: none;}
	.t-nav a:hover, 
	.t-nav a.act {color: #e50003;}
	
	/* --- | TPL: HOME | --- */
	.home #content {padding: 10px 0 15px 0;}
	#flash {margin-bottom: 20px;}
	.tip {background: url(../images/tip_cnt_bcg.png) -1px 0 repeat-y; margin: 0 0 8px 0;}
	.tip h2 {padding: 15px 0 0 15px; background: url(../images/tip_top_bcg.png) top right no-repeat; color: #FFF; font-size: 18px; text-transform: uppercase;}
	.tip .p {padding: 0 15px 10px 15px; margin: 0 0 0 0; background: url(../images/tip_foot_bcg.png) bottom right no-repeat;}
	
	/* --- |  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: Article/s | --- */
	.article.s-clr {padding: 0 0 10px 0; margin: 0 0 7px 0; background: url(../images/ad_h_divider.png) right bottom repeat-x;}
	.article h2 small,
	.article h3 small {display: block; line-height: 12px; font-size: 11px; color: #000; padding-left: 15px; background: url(../images/calendar.png) left center no-repeat;}
	.article h3 a {display: inline-block; margin-bottom: 4px;}
	.article .p {margin-bottom: 4px;}
	.article .p img {float: left; margin: 0 8px 5px 0;}
	.article .more {float: right; color: #FFF; background-color: #E50004; padding: 1px 8px; display: inline-block; font-size: 12px; text-decoration: none;}
	.articles-list .p p {margin: 0 0 3px 0;}
	
	/*  CONTENT in .p  */
	.p h4 {margin-bottom: 0.75em; font-size: 1.1em;}
	.p ul,
	.p p {margin-bottom: 1em; line-height: 130%;}
	
	.maclers {float: left; position: relative; padding-left: 74px; height: 92px; width: 285px; margin: 0 10px 20px 0;}
	.maclers .pic {position: absolute; top: 0; left: 0; width: 62px; height: 82px; border: 1px solid #AAA; margin-top:6px;}
	.maclers .pic img {border: 1px solid #FFF; width: 60px; height: 80px;}
	.maclers.last {margin: 0 0 20px 0 !important;}
	.maclers h4 {margin-bottom: 5px !important; color: #E50004; font-size: 14px;}
	.maclers h4 small {margin: 0 0 0 5px; font-size: 12px; font-weight: normal; color: #999;}
	.maclers p {font-size: 12px; line-height: 14px;}
	.maclers p strong {color: #616163;}
		
	/* --- | 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%;}
	.looking-offering .col-1 .m {width: 100px;}
	/* --- | TPL: Agent | --- */
	/* -- Set demand form -- */
	.agent #search18 ul {float: left; padding: 0; width: 130px; list-style: none; font-size: 13px;}
	.agent #search18 li {position: relative; margin-bottom: 2px;}
	.agent #search18 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 #search18 li b strong {display: block; width: 105px; overflow: hidden; color: #aa0000; font-weight: normal; text-decoration: underline;}
	.agent #search18 li b:hover strong,
	.agent #search18 li b.hover strong {color: #000;}
	.agent #search18 b.last {margin: 0;}
	/* Selected values */
	.agent #search18 .srch-desc {float: left; margin: 0 0 0 0.5em; width: auto !important;}
	.agent #search18 .srch-desc p {margin-bottom: 2px; height: 16px; width: 300px; overflow: hidden; color: #5A6058; font-size: 13px; font-weight: bold;}
	.agent #search18 .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;}	

