/************************************
    *                                   *
    *         realitypoint.sk           *
    *    CSS by: fatchilli.com, mB      *
    *                                   *
    *           ALL TEMPLATES           *
    *                                   *
    *  Last update:                     *
    *                                   *
    ************************************/

	/* --- | Global settings | --- */ 
	@import "miniportals_base.css";
	/* --- | TPL: AD DETAIL | --- */
	@import "ad_detail.css";
	/* --- | TPL: ADS LISINTG | --- */
	@import "ads_list.css";
	/* --- | FAT Intelitree | --- */
	@import "http://www.living.sk/css/intelitree.css";

	/* --- | HTML Elements | --- */
	html {}
	body {background: #f0e2e2; font-family: sans-serif;}
	a {color: #d12503;}
	a:hover {color: #000;}
	hr {background-color: #e38a9f; color: #e38a9f;}

	/* --- | General classes | --- */
	.w-hold {margin-left: 77px; width: 981px;}
	.strip {background-color: #FFF; clear: both;}
	.p {color: #50584F; font-size: 12px;}
	div.p {margin-bottom: 16px;}
	.p p,
	.p ul {margin-bottom: 10px;}
	.divider {margin-bottom: 10px; height: 1px; font-size: 1px; background: url(../images/ad_h_divider.png) bottom repeat-x;}

	/* --- | LAYOUT | --- */
	#head {position: relative; height: 148px;}
	/* Logo */
	h1 {position: absolute; left: 8px; top: 34px;}
	/* Adresa */
	#head address {position: absolute; top: 15px; right: 0; padding: 10px; height: 70px; background: url(../images/addr_bcg.png) 0 0 no-repeat; font-style: normal; font-size: 10px; text-align: center; line-height: 19px;}
	#head address big {display: block;}
	#head big span,
	#head address a {color: #000;}
	#content {margin-bottom: 1em; padding: 10px 10px 15px 10px; min-height: 1px; background: url(../images/content_bcg.png); _background: #FFF; _height: 1px;}
	#content.ver-div {background: url(../images/border.png) 40em top no-repeat;}
	#col-1 {width: 18em; min-height: 300px;}
	#col-2 {width: 39.0em; min-height: 300px;}
	
	/* -- Foot -- */
	#foot {clear: both; margin-bottom: 20px; padding: 15px 0; display: block; color: #000; line-height: 14px;}
	#foot a {margin: 0 0.25em;}
	#foot small {font-size: 11px;}
	#fat {color: #000; text-decoration: none;}
	#fat span {text-decoration: underline;}
	#fat span i {color: #9e1f10; font-style: normal;}
	
	/* ---| Navigation | --- */
	#nav {position: absolute; right: 0; bottom: 0; padding: 0; height: 31px; _height: 31px; _overflow: hidden; list-style: none;}
	#nav li,
	#nav li a,
	#nav li b,
	#nav li span {float: left; display: block; cursor: pointer;}
	#nav a {margin: 0 0 0 5px; _margin: 0 0 0 2px; color: #FFF; background: url(../images/link_bcg.png); font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none;}
	#nav li span {padding: 6px 15px 10px 8px;}
	#nav a:hover {background-color: #000;}
	#nav a.act,
	#nav a.act:hover {position: relative; top: -10px; color: #000; background: url(../images/link_act_right_bcg.png) right top no-repeat; _background-image: none;}
	#nav a.act b,
	#nav a.act:hover b {padding: 14px 15px 12px 8px; background: url(../images/link_act_top_bcg.png) repeat-x;}
	#nav a.act span,
	#nav a.act:hover span {padding: 0px 7px 0 7px; background: url(../images/link_act_left_bcg.png) left top no-repeat; _background-image: none;}

	/* --- | TPL: HOMEPAGE | --- */
	.home {padding: 370px 5px 15px 5px !important; position: relative;}
	.intro {position: absolute; top: 0; left: 0; margin-bottom: 10px; height: 359px; width: 100%; background: url(../images/slide_bcg_1.png) repeat-x;}
	/* TOP Column */
	.intro #top {position: absolute; top: 5px; left: 5px; z-index: 1;}
	.intro #top h2 {font-size: 20px; font-weight: normal; color: #FFF;}
	/* Fade */
	.fade {position: absolute; left: 208px; top: 0; width: 593px; height: 100%; background: url(../images/slide_bcg_2.png) repeat-x;}
	.fade .nfo {position: absolute; right: -180px; top: 158px; z-index: 2; width: 329px;}
	.fade .nfo h3 {margin: 0 0 3px -62px; font-size: 24px; font-weight: normal; background: url(../images/content_bcg.png); _background: #FFF;}
	.fade .nfo h3 a {display: block; padding: 5px 15px 5px 76px; line-height: 23px; text-decoration: none;}
	.fade .nfo .p {margin-bottom: 3px; padding: 7px 8px 7px 13px; background: url(../images/nfo_bcg.png); _background: #FFF;}
	.fade .nfo .p p {margin-bottom: 3px; font-size: 11px; color: #000;}
	.fade .nfo .p strong {font-size: 12px;}
	.fade .nfo .p small {font-size: 10px;}
	.fade .more {display: inline-block; padding: 2px 35px 2px 13px; background-color: #000; color: #FFF; font-size: 12px; font-weight: bold;}
	.fade .pic {position: absolute; top: 0; left: 71px; width: 453px; height: 359px; overflow: hidden;}
	/* Switch project panel */
	.switch {position: absolute; right: 0; top: 100px; padding: 27px 0 0 5px; width: 324px; height: 29px; z-index: 40; background: url(../images/switch_bcg.png) no-repeat; _background: url(../images/switch_bcg_8bit.png) no-repeat; text-align: right;}
	.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;}	
	
	/* --- |  TPL: Text | --- */
	h2 {margin-bottom: 0.5em; color: #9E1F10; font-size: 1.35em; font-weight: normal;}
	h3 {margin-bottom: 0.5em; font-size: 1em;}
	.p h3 {font-size: 1.33em;}
	.p h4 {margin-bottom: 0.5em; font-size: 1.17em; font-weight: normal;}
	
	/* --- |  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: Contacts | --- */
	.contacts .f-l {margin-right: 3em;}
	.contacts .adv-photos a {float: none; width: 12.5em; height: 11.5em;}
	.contacts .adv-photos a b {width: 146px; height: 110px;}
	.contacts .adv-photos a i {width: 146px; height: 110px;}
	.contacts .adv-photos a strong {top: 11.8em;}
	
	/* --- |  TPL: Projects list | --- */
	.project {position: relative; margin-bottom: 0.5em; padding-left: 250px; height: 171px;}
	.project .pic {position: absolute; left: 0; top: 0; border: 1px solid #CCC; display: block; width: 232px; height: 171px; overflow: hidden;}
	.project .pic a {border: 1px solid #FFF; display: block; width: 230px; height: 169px; overflow: hidden;}
	
	/* --- |  TPL: Project detail | --- */
	.project-detail .f-r {width: 545px; height: 18.5em; overflow: hidden;}
	.project-detail .f-r strong {padding: 0.5em 1em; display: block; background-color: #000; color: #FFF; font-size: 0.81em;}
	.project-detail .f-r strong a {color: #FFF;}
	.project-detail .f-r strong a:hover {color: #EEE;}
	.project-detail .f-l {margin-bottom: 1em; height: 18.5em; width: 24.8em; overflow: hidden; background-color: #f7f7f7;}
	.project-detail .f-l h2 {margin: 1em 1em 0.5em 1em;}
	.project-detail .f-l .p {padding: 0 1em 1em 1.8em;}
	.project-detail h3 {font-size: 1.1em; font-weight: normal;}
	.project-detail h4 {font-size: 1em; font-weight: bold;}
	

	/* --- | 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;}