
    /************************************
    *                                   *
    *          reality.sme.sk           *
    *       matje - fatchilli.com       *
    *                                   *
    ************************************/

	@import "http://static.living.sk/sme/css/global.css";
	@import "http://static.living.sk/sme/css/search.css";
	@import "http://static.living.sk/sme/css/hot.css";
	@import "http://static.living.sk/sme/css/tpls.css";
	@import "http://www.living.sk/css/intelitree.css?ver=1587";
	
	body {margin: 5px 0 5px 4px; padding: 0; background-color: #FFF; color: #000; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;}
	a {color: #b72026;}
	a:hover {color: #000;}
	
	/* Banners */
	.bnn {min-height: 1px; _height: 1px;}
	.bnn table td {padding: 0; font-size: 11px;}
	
	/* ---| LAYOUT |--- */
	#page {position: relative; padding: 130px 0 0 0; width: 990px; margin: 0 auto;}
	#foot {clear: both; padding-bottom: 20px; width: 990px; color: #0b0b0b; margin: 0 auto;}
	/* Cols */
	#col-1,
	#col-2 {margin-bottom: 10px; border: 1px solid #b5b5b5; background-color: #F1F1F1;}
	#col-1 {/*float: left;*/ position: absolute; top: 130px; left: 0; width: 136px; =width: 134px;}
	#col-2-hold {float: right; width: 314px; min-height: 900px; _height: 900px;}
	#col-2 {padding: 7px;}
	/* -- Content -- */
	#cnt {float: left; position: relative; left: 138px; padding-top: 7px; padding-bottom: 30px !important; border-top: 1px solid #b5b5b5; overflow: hidden; =left: 136px;}
	
	/* --- | HEAD | --- */
	/* Logo */
	h1 {position: absolute; left: 4px; top: 83px; font-size: 20px;}
	/* SME */
	#sme {position: absolute; right: 0; top: 0; display: block; width: 139px; height: 39px;}
	/* LIVING portals */
	#liv-por {position: absolute; top: 0; left: 0; padding: 0 0 0 12px; height: 24px; width: 978px; background: url(http://static.living.sk/living/bcg.png) center 14px repeat-x;}
	#liv-por h2 {float: left; margin-right: 20px; font-size: 12px;}
	#liv-por ul {padding: 0; list-style: none;}
	#liv-por ul li {display: inline;}
	#liv-por ul a {margin-left: 10px; padding: 0 5px 0 24px; display: inline-block; background-color: #FFF; background-position: 6px center; background-repeat: no-repeat; color: #121212; font-size: 11px; line-height: 28px; text-decoration: none;}
	#liv-por a:hover {text-decoration: underline;}
	#liv-por a.sme {padding-left: 28px; background-image: url(http://static.living.sk/living/sme.png);}
	#liv-por a.spe {background-image: url(http://static.living.sk/living/spectator.png);}
	#liv-por a.hn {background-image: url(http://static.living.sk/living/hnonline.png);}
	#liv-por a.cas {background-image: url(http://static.living.sk/living/cas.png);}
	#liv-por a.m2 {padding-left: 29px; background-image: url(http://static.living.sk/living/m2.png);}
	/* SME Navigation */
	#nav-sme {position: absolute; top: 34px; left: 0; width: 100%; background: url(http://static.living.sk/logo4.gif) right 2px no-repeat;}
	/* Login Form */
	#login-form {position: absolute; right: 0; top: 81px; width: 302px; height: 38px; font-size: 13px;}
	#login-form a {position: absolute; top: 0; left: 0; padding: 0 0 0 8px; background: url(http://static.living.sk/arrow01.png) left center no-repeat; color: #a7090c; text-decoration: none;}
	#login-form a:hover {text-decoration: underline;}
	#login-form fieldset {position: relative; top: 20px;}
	#login-form .field {margin-right: 5px; width: 111px; font-size: 10px;}
	#login-form .button {font-size: 11px;}

	/* --- | COLUMN 1 | --- */
	#col-1 ul {list-style: none;}
	/* Main navigation */
	#main-nav {margin-bottom: 9px; padding: 13px 0 13px 9px; background-color: #CF2629;}
	#main-nav li {line-height: 20px;}
	#main-nav a {text-transform: uppercase; color: #FFF; font-size: 13px; font-weight: bold; text-decoration: none; letter-spacing: -1px;}
	#main-nav a:hover {text-decoration: underline;}
	#main-nav a.new {padding-right: 30px; background: url(http://static.living.sk/nove.png) right center no-repeat;}
	/* Add ORI ad */
	.add.ori {font-size: 12px !important; text-transform: none !important; padding: 0 0 0 15px; background: url(../images/plus.png) 0 center no-repeat;}
	/* COL-1: Standard navigation */
	.s-nav {margin: 0 8px 14px 8px; padding: 0;}
	.s-nav li {border-bottom: 1px solid #cecece;}
	.s-nav a {color: #b72026; font-size: 12px; text-decoration: none; line-height: 20px;}
	.s-nav a:hover {color: #000;}
	/* COL-1: H2 */
	#col-1 h2 {margin: 0 8px; border: 1px solid #cecece; border-width: 0 0 1px 0; color: #838383; font-size: 12px; line-height: 20px;}
	/* COLS: Banner */
	#col-1 .bnn,
	#col-2-hold .bnn,
	#cnt .bnn {margin: 0 auto 10px auto; display: block;}
	/* CBLOCK */
	.c1blok {padding: 36px 0 5px 0; background: #FFF url(http://static.living.sk/sme_sekcia.gif) no-repeat;}
	.c1blok h2 {margin-bottom: 5px;}
	.c1blok ul {margin: 0 8px 8px 8px; padding: 0;}
	.c1blok ul li {line-height: 15px;}
	.c1blok ul a {font-size: 11px; text-decoration: none;}
	.c1blok ul a:hover {text-decoration: underline;}
	
	/* --- | COLUMN 2 | --- */
	/* -- COL-2: H2 -- */
	#col-2 h2 {margin-bottom: 5px; font-size: 14px;}
	/* -- ADVISORY -- */
	.board {margin: 0 4px; padding: 0; list-style: none; font-family: sans-serif;}
	.board li {clear: both; margin-bottom: 25px;}
	.board h3 {margin-bottom: 8px; font-size: 12px; font-weight: normal; line-height: 13px; min-height: 1px; _height: 1px;}
	.board h3 a {color: #aa0000;}
	.board h3 a:hover {color: #000;}
	.board div {padding-right: 10px; font-size: 11px;}
	.board p {margin-bottom: 4px; color: #666;}
	/* Category */
	.ques p.cat,
	.board p.cat {color: #000; font-size: 11px;}
	.ques p.cat a,
	.board p.cat a {color: #000; font-weight: bold;}
	/* Answers */
	.board a.ans {float: left; color: #887549; font-weight: bold;}
	.board a.ans:hover {color: #000;}
	.board a.rpl {float: right; margin-right: 10px; padding-left: 11px; background: url(http://static.living.sk/pen.png) left center no-repeat;}
	/* -- HOT OFFER -- */
	.hot {position: relative; margin-bottom: 10px; height: 300px; overflow: hidden;}
	/* Photo slide */
	.hot .hold {position: absolute; bottom: 0; left: 0; z-index: 10; height: 54px; width: 300px; overflow: hidden;}
	.hot .hold .cnt {position: absolute; z-index: 2; top: 4px; width: 1000%;}
	.hot .hold .cnt span.pic {float: left; position: relative; margin-right: 5px; display: block; width: 64px; height: 46px;}
	.hot .hold .cnt span.pic a {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: url(http://static.living.sk/over.png) -200px 0 no-repeat;}
	.hot .hold .cnt span.pic a:active,
	.hot .hold .cnt span.pic a:hover {background-position: 0 0;}
	.hot .hold .bcg {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: #FFF; opacity: 0.6; filter: alpha(opacity=60);}
	/* Offer */
	#hot-cnt {position: relative; width: 300px; height: 246px; font-family: sans-serif;}
	#hot-cnt h3 {position: absolute; top: 45px; left: 0; z-index: 2; width: 215px; background-color: #000; font-size: 13px; font-weight: normal; line-height: 13px;}
	#hot-cnt h3 small {position: relative; padding: 4px 12px; display: block; color: #FFF; background-color: #b5252b; font-size: 11px;}
	#hot-cnt h3 a {display: block; color: #FFF; text-decoration: none;}
	#hot-cnt h3 a.title {padding: 8px;}
	#hot-cnt h3 a.mor {position: absolute; right: 4px; top: 4px; font-weight: bold; text-decoration: underline;}
	#hot-cnt img {position: absolute; top: 0; left: 0;}
	#hot-cnt .ctr {position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background: url(blank);}
	/* Arrows */
	.hot .btn {height: 46px; background-position: center center; bottom: 4px;}
	
	.sbanner td div {font-size:11px;}
	
	
	/* --- | FOOT | --- */
	#foot small {font-size: 12px;}
	#foot small.f-l span {color: #a9a9a9;}
	/* fatchilli.com footer sign */
	#fat {text-decoration: none;}
	#fat b {color: #000;}
	#fat span {text-decoration: underline;}
	#fat span i {color: #9e1f10; font-style: normal;}	
