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

	/* --- | 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-color: #d7dbe8; font-family: Georgia, "New York CE", utopia, sans-serif;}
	a {color: #314a8c;}
	a:hover {color: #000;}
	hr {background-color: #e38a9f; color: #e38a9f;}

	/* --- | General classes | --- */
	.p {color: #50584F; font-size: 12px;}
	div.p {margin-bottom: 12px;}
	.p p,
	.p ul {margin-bottom: 8px;}
	
	/* --- | LAYOUT | --- */
	#page {margin: 0 auto; padding: 0 11px 11px 11px; width: 938px; background-color: #FFF; position: relative;}
	#head {position: relative; height: 137px; margin-bottom: 5px;}
	#head h1 {position: absolute; left: 0; bottom: 0; height: 112px;}
	#content {margin-bottom: 1em; padding-bottom: 0.5em; min-height: 1px; _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;}
	/* -- Banner top -- */	
	#banner-r1 {position: absolute; top: 11px; right: 100px; width: 630px; height: 80px; overflow: hidden;}
	/* -- Languages -- */
	.lng {position: absolute; padding-left: 30px; right: 22px; bottom: 10px; font-size: 14px; line-height: 14px; background-repeat: no-repeat; background-position: left center;}
	.lng.en {background-image: url(../images/en_flag.png);}
	.lng.sk {background-image: url(../images/sk_flag.png);}
	/* -- Foot -- */
	#foot {clear: both; margin-top: 0.5em; padding-top: 0.5em; border-top: 1px solid #d0d0d0; display: block; color: #8d8d8d; font-family: sans-serif;}
	#foot a {margin: 0 0.25em; color: #7989b4;}
	#foot small {font-size: 11px;}
	#fat {color: #000 !important; text-decoration: none;}
	#fat span {text-decoration: underline;}
	#fat span i {color: #9e1f10; font-style: normal;}
	
	/* ---| Navigation | --- */
	#nav {position: absolute; left: 129px; bottom: 0; padding: 0; list-style: none;}
	#nav li {float: left; display: block; margin-right: 5px;} 
	#nav a {float: left; padding-left: 9px; display: block; width: 122px; color: #FFF; font-size: 18px; text-decoration: none; line-height: 38px; background-image: url(../images/nav_bcg.png); background-repeat: no-repeat;}
	#nav a.act,
	#nav a:hover {color: #FFF;}
	#nit1 {background-position: 0 0;}
	#nit2 {background-position: 0 -38px;}
	#nit3 {background-position: 0 -76px;}
	#nit4 {background-position: 0 -114px; color: #314a8c !important;}
	#nit5 {background-position: 0 -152px; color: #314a8c !important;}
	
	/* --- | TPL: HOMEPAGE | --- */
	.tpl-home .col.f-l {width: 745px;}
	.tpl-home .col.f-r {width: 182px;}
	#banner-right {width: 182px; height: 548px; overflow: hidden;}
	.panel {position: relative; height: 259px; margin-bottom: 15px;}
	.panel h2 {color: #314a8c; font-size: 25px; line-height: 35px; padding-left: 44px; font-weight: normal;}
	/* Search */
	.tpl-home #filter {position: absolute; left: 577px; margin: 0;}
	.tpl-home #search {height: auto; padding: 55px 25px 0 25px; width: 135px; height: 204px; background: #415895 url(../images/sk_srch_home.png) 0 0 no-repeat;}
	.tpl-home #search #search-description {display: none;}
	.tpl-home #search .nav {height: auto; float: none; margin-bottom: 8px;}
	.tpl-home #search li {margin-bottom: 5px;}
	.tpl-home #search li b {margin: 0; color: #FFF; height: 16px;}
	.tpl-home #search li b strong {width: 125px !important;}
	.tpl-home #search label {font-size: 12px;}
	.tpl-home .rollout {margin-left: 130px; margin-top: -19px;}
	.tpl-home #search #results {margin: 0; clear: both; text-align: center; float: none; position: relative; top: 12px;}
	.tpl-home #search li label,
	.tpl-home #search li input {top: 0; left: 0;}
	/* Address */
	.tpl-home .address {position: absolute; right: 0;}
	.address {font-style: normal; height: 233px; width: 172px; padding: 14px 0 12px 10px; background-color: #d7dbe8;}
	.address h2 {background: url(../images/contact.png) left center no-repeat;}
	.address h3 {color: #314a8c; font-size: 12px; margin-bottom: 2px;}
	.address p,
	.address address {margin-bottom: 15px; font-size: 14px; font-style: normal; font-weight: normal;}
	/* Quick selection */
	#quick-select {position: absolute; top: 0; left: 0; width: 537px; height: 233px; padding: 14px 13px 12px 10px; background-color: #f0f2f7;}
	#quick-select h2 {background: url(../images/quick_choice.png) left center no-repeat;}
	#quick-select h3 {float: left; margin: 0 10px 0 46px; _margin-left: 23px; padding-left: 18px; background: url(../images/zoom.png) left center no-repeat; font-size: 14px; line-height: 15px; text-transform: uppercase; white-space: nowrap;}
	#quick-select .items {float: left; margin-bottom: 10px;}
	#quick-select p {margin-bottom: 6px; font-size: 14px; line-height: 14px;}
	#quick-select p strong {margin-right: 8px; float: left; color: #8392ba;}
	#quick-select p span {float: left;}
	#quick-select a {margin-left: 3px; color: #314a8c;}
	/* Banner */
	
	
	/* --- |  TPL: Text | --- */
	h2 {margin-bottom: 14px; color: #2e2f7f; font-size: 32px; 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-text .col.f-l {width: 720px;}
	.tpl-text .panel {float: right; width: 184px; height: auto;}
	.tpl-text .address {margin-bottom: 15px;}
	
	/* --- |  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;}