/************************************
    *                                   *
    *         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-color: #d9d9d9; font-family: sans-serif;}
	a {color: #9e1f10;}
	a:hover {color: #000;}
	hr {background-color: #e38a9f; color: #e38a9f;}

	/* --- | General classes | --- */
	.p {color: #50584F; font-size: 0.75em;}
	div.p {margin-bottom: 1em;}
	.p p,
	.p ul {margin-bottom: 0.5em;}
	
	/* --- | LAYOUT | --- */
	#page {margin: 0 auto; padding: 0.81em 0.81em 1.88em 0.81em; width: 58.88em; background-color: #FFF;}
	#head {position: relative; margin-bottom: 0.5em; height: 9.2em;}
		#slogan {position: relative; top: 1.2em; color: #d5d6d8; font-size: 1.25em; font-weight: normal; line-height: 110%;}
		#head address {position: absolute; top: 2.3em; right: 1em; font-style: normal; font-size: 0.69em;}
		#head address big {display: block; color: #bcbdc0;}
		#head address big {font-size: 2.18em;}
		#head big span,
		#head address a {color: #f38d2e;}
	#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;}
	
	/* -- Foot -- */
	#foot {clear: both; margin-top: 0.5em; padding-top: 0.5em; border-top: 1px solid #d0d0d0; display: block; color: #8d8d8d; }
	#foot a {margin: 0 0.25em;}
	#foot small {font-size: 0.69em;}
	#fat {color: #000; text-decoration: none;}
	#fat span {text-decoration: underline;}
	#fat span i {color: #9e1f10; font-style: normal;}
	
	/* ---| Navigation | --- */
	#nav {position: absolute; left: 7.8em; bottom: 0; padding: 0; width: 51.5em; list-style: none;}
	#nav li {float: left; display: block;} 
	#nav a {float: left; border-top-width: 15px; border-top-style: solid; padding: 0.5em 0.95em 0.25em; display: block; height: 3em; color: #9e1f10; font-size: 0.69em; text-decoration: none; line-height: 118%;}
	#nav a.act,
	#nav a:hover {color: #FFF;}
	#nit1 {width: 5em; border-top-color: #a32511;}
	#nit1.act,
	#nit1:hover {background-color: #a32511;}
	#nit2 {border-top-color: #b23612;}
	#nit2.act,
	#nit2:hover {background-color: #b23612;}	
	#nit3 {border-top-color: #c04612;}
	#nit3.act,
	#nit3:hover {background-color: #c04612;}	
	#nit4 {border-top-color: #d56017;}
	#nit4.act,
	#nit4:hover {background-color: #d56017;}	
	#nit5 {border-top-color: #e97a1f;}
	#nit5.act,
	#nit5:hover {background-color: #e97a1f;}	
	#nit6 {border-top-color: #f59133;}
	#nit6.act,
	#nit6:hover {background-color: #f59133;}
	#nit7 {border-top-color: #f8ab5a;}
	#nit7.act,
	#nit7:hover {background-color: #f8ab5a;}	
	#nit8 {border-top-color: #f8c38b;}
	#nit8.act,
	#nit8:hover {background-color: #f8c38b;}
	#nit9 {border-top-color: #f8d9bc;}
	#nit9.act,
	#nit9:hover {background-color: #f8d9bc; color: #9e1f10 !important;}	
	#nit10 {border-top-color: #f8e9e0;}
	#nit10.act,
	#nit10:hover {background-color: #f8e9e0; color: #9e1f10 !important;}
	
	/* --- | TPL: HOMEPAGE | --- */
	.home #col-1 {width: 10em; min-height: 300px;}
	.home #col-2 {width: 48.50em; min-height: 300px;}
	.home h2 {padding: 0 0 0 18px; min-height: 1px; _height: 1px; background: url(../images/zoom_white.png) left 1px no-repeat; color: #9e1f10;  font-size: 0.75em; font-weight: bold; text-transform: uppercase; }
	.top-s4 {margin-bottom: 0.5em; min-height: 1px; _height: 1px; background: url(../images/tmp/ad_h_divider.png) bottom repeat-x;}
	.divider {height: 1px; font-size: 1px; background: url(../images/tmp/ad_h_divider.png) bottom repeat-x;}
	
	/* Quick selection */
	#quick-select {padding: 0.88em 1.69em 1.69em 1.69em; border: 1px solid #c8c8a0; background-color: #fffee9;}
	#quick-select h2 {position: relative; left: -1em; margin-bottom: 0.5em; padding-left: 18px; background: url(../images/zoom.png) left 2px no-repeat; color: #9E1F10; font-size: 0.75em;}
	#quick-select p {margin-bottom: 0.5em; font-size: 0.69em;}
	#quick-select p strong {margin-right: 0.25em; text-transform: uppercase}
	#quick-select a {margin-left: 0.25em; padding: 0 0 0 16px; background: url(../images/zoom.png) left 1px no-repeat;}
	
	/* --- |  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;}