/************************************
    *                                   *
    *    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: Arial,Tahoma, "Lucida Grande CE", lucida, sans-serif;}
	a {color: #D1002E;background: transparent url(../images/a-bcg.png) repet;}
	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;}
	.p h3 {font-size: 18px;}
	
	/* ---| General classes |--- */
	.p {margin-bottom: 12px; font-size: 14px; color: #585858;}
	.p table {margin-bottom: 12px;}
	.p table th {font-weight: bold; padding-right: 8px;}
	.pgs {padding-left: 0.5em;}
	.pgs a {color: #760000; text-transform: uppercase; letter-spacing: 1px; font-size: 10px;}
	.h3 {font-size: 0.94em; font-weight: normal; margin-bottom: 0.5em;}
	
	/* ---| LAYOUT |--- */
	.page {width: 977px; padding: 20px 0 0 0; margin: 0 auto;} /* ! */
	#head {position: relative; height: 190px; z-index: 1;}
	#content {}
	.col-1 {float: left; width: 236px;}
	.col-2 {float: right; width: 732px;}
	.s-col.f-l {width: 650px;}
	.s-col.f-r {width: 305px;}
	.s-col.f-r h2 {font-size: 20px !important; margin-bottom: 5px !important;}
	.ss-col.f-l {width: 265px;}
	.ss-col.f-r {width: 385px;}
	.col3 {width: 285px;}
	.col3.map {width: 385px;}
	.col3.f-r {width: auto;}
	#cnt h2 {color:#000;font-size:24px;font-weight:normal;margin-bottom:0.5em;}
	#cnt h2 small {white-space:nowrap;}
	/* LOGO and phone */
	h1#logo {position: absolute; right: 56px; top: 1px; cursor: pointer; z-index: 1;}
	/* Filter */
	#filter {top: 67px;}
	#filter h2 {font-size: 14px; font-weight: normal; position: absolute; top: -23px; left: 0;}
	.super {border: 5px solid #F29400; padding: 8px; font-size: 14px; margin: 0 0 8px 0;}
	.fail {border: 5px solid #D1002E; padding: 8px; font-size: 14px; margin: 0 0 8px 0;}
	
	/* --- | FOOT | --- */
	#foot {clear: both; position: relative; margin-top: 20px;}
	#foot small {font-size: 10px; line-height: 15px; display: inline-block;}
	#foot span a {color: #b0c700;}
	#foot span a:hover {color: #000;}
	#foot .partners {position: relative; float: right;}
	#foot .partners span {}
	/* fatchilli.com footer sign */
	#fat {text-decoration: none; color: #000;}
	#fat span {text-decoration: underline;}
	#fat span i {color: #9e1f10; font-style: normal;}
	/* Partneri */
	.partners {line-height: 39px;}
	.partners h3,
	.partners div {float: left; margin: 0 4px 0 0;}
	.partners h3 {font-size: 18px; margin: 0 8px 0 0; text-transform: uppercase;}
	.partners hr {display: none;}
	/* Infolinka */
	#foot big {color: #1a171b; font-size: 18px; display: block; margin: 0 0 15px; text-transform: uppercase;}
	#foot big em {font-style: normal;}

	/* --- | TPL: HOME | --- */
	.home #content {padding: 10px 0 15px 0;}
	#flash {}
	.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 {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 {font-size: 16px; font-weight: bold; margin-bottom: 3px;}
	.s-col.f-r .article h3 {font-size: 14px; }
	.article h3 a {display: inline-block; margin-bottom: 4px;}
	.s-col.f-r .article .p {font-size: 11px; margin-bottom: 20px;}
	.article .p {margin-bottom: 5px;}
	.article .p images {float: left; margin: 0 8px 5px 0;}
	.more {float: right; color: #FFF; background-color: #D1002E; padding: 1px 8px; display: inline-block; font-size: 12px; text-decoration: none;}
	.more:hover {background-color: #B0C700; color: #FFF;}
	.articles-list .p p {margin: 0 0 3px 0;}
	.article h3 a:visited {color: #999;}
	
	/*  CONTENT in .p  */
	.p h4 {margin-bottom: 0.75em; font-size: 1.1em;}
	.p ol,
	.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 images {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: BUSINESS CENTERS */
	.business #advise {padding: 0; height: auto; background: none; _width: auto !important;}
	.business #advise .ad {margin-bottom: 0.6em !important; width: 224px !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; margin-bottom: 15px; width: 400px; _height: 19.4em; min-height: 19.4em; background-color: #f8f8f8; color: #515151;}
	.business #c1 h2 {margin-bottom: 0.5em; color: #D1002E; 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;}
	.business .content #sc1 {float: left; width: 11.44em;}
	.business .content #sc1 .p {padding: 1em; background-color: #009DE0; color: #FFF; 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: 775px;}
	/*  */
	.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; clear: none; 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 .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: 5px; font-size: 14px;}
	.l1 #advise .ad .content {position: relative; top: auto; left: auto; width: auto; overflow: hidden;}
	/* Tags */
	.l1 #advise .ad.tag {padding: 10px; width: 455px !important; height: 133px !important; border: 1px solid #CCC !important; clear: none; margin: 0 20px 0 0; background: none;}
	.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%;}
	.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;}	
	
	/* nove elementy */
	.newsletter {position: relative;z-index: 0;top: 2px;}
	.newsletter img {float: left;}
	.slog {background: #B1C903; padding: 14px 55px; float: right; position: relative; width: 642px; color: #FBFCF1; font-size: 21px; line-height: 22px;}
	ul.lang-nav,
	ul.bott-nav,
	ul.top-nav {list-style-type: none;padding: 0;}
	.lang-nav {position: absolute; left: 225px; top: 87px; z-index: 1;}
	.lang-nav li {float: left;}
	.lang-nav li a {color:#000; font-size:12px; display: inline-block; line-height: 30px; margin: 0 55px 0 0;}
	.lang-nav li a.en {background: transparent url(../images/ico-eng.png) no-repeat scroll center left;padding-left: 31px;}
	.lang-nav li a.sk {background: transparent url(../images/ico-svk.png) no-repeat scroll center left;padding-left: 31px;}
	.lang-nav li a.f {background: transparent url(../images/ico-face.png) no-repeat scroll center left;padding-left: 20px;}
	.lang-nav li a:hover {text-decoration: none;}
	.top-nav li a.act {color: #000;}
	.top-nav {position: absolute; bottom: 13px; left: 0;}
	.top-nav li {float: left; margin: 0 65px 0 0;}
	.top-nav li a {color: #D1002E;font-size: 14px;text-decoration: none;}
	.top-nav li a:hover {color: #000;}
	li.last a {padding-right: 0;}
	.bott-nav li {float: left; margin-bottom: 0;}
	.bott-nav li a {text-align: center;display: block;width: 220px;height: 32px;color:#fff;line-height: 32px;background-color: #D1002E;font-weight: bold;margin:32px 32px 32px 0; text-decoration: none; text-transform: uppercase;}
	.bott-nav li.it-2 a {background-color: #f29400;}
	.bott-nav li.it-3 a {background-color: #009de0;}
	.bott-nav li.it-4 a {background-color: #b1c903;margin-right: 0;}
	#bottom {position: relative; margin: 0 0 20px 0;}
	.banners {width: 304px; height: 187px; float: left; margin: 0 32px 0 0;}
	.banners.last {margin-left: 0;}
	
	.exkluziv {margin: 0 auto; background: url(../images/bcg.jpg) right 8px no-repeat;}
	.exkluziv form {padding: 13px 62px; background-color: #a6ce39; color: #FFF; width: 480px; margin: 0 0 10px 0;}
	.exkluziv h2 {font-size: 32px !important; line-height: 32px; font-weight: normal; margin-bottom: 10px; color: #FFF !important;}
	.exkluziv p {font-size: 14px; margin-bottom: 15px;}
	.exkluziv .error {background-color: #d71635; padding: 5px 10px;}
	.exkluziv .logo {height: 90px; background: url(../images/logo_bcg.png) left top repeat-x;}
	.exkluziv .logo img {position: relative; left: 164px;}
	/* --- | FORM ELEMENTS | --- */
	.form {}
	/* Cells */
	.exkluziv .form th,
	.exkluziv .form td {padding-bottom: 8px; font-size: 18px; vertical-align: middle;}
	.exkluziv .form th {padding-right: 10px; }
	.exkluziv .form td th {width: 140px;}
	/* Labels */
	.exkluziv .form label {position: relative; display: inline-block; line-height: 13px; color: #FFF;}
	.exkluziv .form label:first-letter {text-transform: uppercase;}
	.exkluziv .form label b {margin-right: 2px; color: #9C2B25; font-size: 17px;}
	/* --- Inputs --- */
	.exkluziv .form .field {padding: 2px 6px; border: none; width: 290px; background-color: #f9f9f9;}
	.exkluziv .form .field:focus {background-color: #FFF;}
	.exkluziv .form .field,
	.exkluziv .form select {font-size: 24px;}
	.exkluziv .form textarea {font-family: sans-serif;}
	.exkluziv input[type="checkbox"],
	.exkluziv input[type="radio"] {position: relative; top: 3px;}		
	.exkluziv .button {font-size: 18px; padding: 5px 22px; color: #FFF; background-color: #d71635; border: none;}	
	
	/* Newsletter */
	.nwslttr .s-col.f-r {font-size: 16px;}
	.nwslttr .s-col.f-r label {margin-right: 3px; font-weight: bold;}
	.nwslttr .s-col.f-r .filed {}
	.nwslttr .s-col.f-r .p {margin-top: 8px; font-size: 11px;}
	.nwslttr .s-col.f-r .dwnl {display: block; border: 1px solid #AAA; padding: 3px; margin: 0 0 8px 0; text-align: center;}