
	/* ***************************** 
	*        Web LIVING MINI 	  *
	*    fatchilli.com: mS + mB   *
	***************************** */
	
	/* main page settings */
	#page {margin: 20px 0 0 20px;width: 984px;float: left;}
	#top,
	#bottom {width: 100%; height: 49px; float: left;}
	#top {background: transparent url(../img/top.png) no-repeat scroll 0 0;}
	#bottom {background: transparent url(../img/bottom.png) no-repeat scroll 0 0;}
	.cnt {background-image: url(../img/middle.png);background-repeat: repeat-y;width: 940px;padding: 0 22px;float: left;position: relative;}
	#content {float: left;padding: 10px 30px;width: 880px;}
	/* Layout */
	.cnt-col {float: left; width: 640px;}
	.top-col {float: right; width: 200px;}
	.custom {width: 650px; }
	.gads {float: right; margin: 0 0 0 15px; width: 160px;}
	.w692 .cnt-col {width: 427px;}
	.gadsw {float: right; margin: 0 0 0 15px; width: 250px;}
	.w692 .custom {width: auto;}
	/* head */
	.header {width: 910px;height: 90px;float: left;margin: -27px 0 50px 0;position: relative;padding: 15px;}
	.header .h1 {position: relative;float: right;font-size: 30px;font-weight: normal;top: 50px;}
	.header .h1 span {float: right; margin-left: 50px; max-width: 400px; max-height: 50px; line-height: 33px; overflow: hidden;}
	.header .h1 small {font-size: 14px;font-family: Myriad Pro;float: left;position: relative;top: 14px;}	
	.header .logo {position: absolute; top: 15px; left: 17px;}
	.header .logo img {max-height: 100px; max-width: 260px;}
	.header  ul.nav {position: absolute; top: 0; right: 15px; padding: ; list-style: none;}
	.header .nav li {float: left;}
	.header .nav li a {font-size: 13px;padding: 0 5px;height: 31px;line-height: 31px;display: block;}
	.header .nav li a:hover {background-color: #000;}
	/* flash */
	.flash {margin: 0 0 15px 0;}
	/* horizontal navigation */
	#nav-hor  ul.nav {position: absolute; top: -27px; right: 38px; list-style: none; max-width: 600px;}
	#nav-hor .nav li {float: left;}
	#nav-hor .nav li a {font-size: 14px;padding: 0 10px;height: 31px;line-height: 31px;display: block;}
	#nav-hor .nav li a:hover {background-color: #000;}
	/* left navigation*/
	#left {float: left; width: 190px; margin: 0 11px 0 -20px;}
	#left ul.nav {padding: 0; margin: 0 0 10px 0;}
	#left .nav li {}
	#left .nav li a {padding-left: 10px; margin: 0 0 3px 0; display: block; line-height: 34px; font-size: 14px; background-image: url(../img/nav_arrow.png); background-position: 170px 11px; background-repeat: no-repeat;}
	#left .adsns {width: 160px; margin: 0 auto;}
	/* footer */
	.footer {padding: 0 30px;width: 880px;}
	.footer p.copy {color: #000;font-size: 12px;float: left;position: relative;top: 5px; width: 35%;}
	.footer ul.nav {float: right; list-style: none;}
	.footer ul.nav li {float: left;}
	.footer ul.nav li a {color: #a2001e;text-decoration: underline;font-size: 12px;padding: 0 7px;border-right: 1px solid #000;}
	.footer ul.nav li.fch a {color: #000;text-decoration: none;}
	.footer ul.nav li.fch a span {color: #a2001e;}
	.footer ul.nav li.last a {border: none;}
	/* Lista LIVING */
	#liv-por {position:absolute; top:-60px; left: 22px; padding: 3px 0 3px 9px; width: 931px; height: 24px;}
	#liv-por.over {background: url(../img/ad_status_bcg.png);}
	#liv-por h2 {float: left; margin: 0 5px 0 0; font-size: 12px;}
	#liv-por ul {padding: 0; list-style: none;}
	#liv-por li {position: relative; top: 3px; display: inline-block; line-height: 19px; float: left;}
	#liv-por li a {float: left; font-family:"Trebuchet MS","Geneva CE",lucida,sans-serif;background-position:6px center;background-repeat:no-repeat;color:#121212;display:inline-block;font-size:11px;line-height:19px;padding:0 5px 0 24px;text-decoration:none;}
	#liv-por li a:hover {text-decoration: underline;}
	#liv-por li a img {position: relative; top: 2px;}
	#liv-por li i {float: left; display: block; width: 20px; height: 19px; background: url(../img/living/line.png) 0 -19px repeat-x;}
	#liv-por.bcg-w li i {background-position: 0 10px;}
	#liv-por li i.frst {width: 40px;}
	#liv-por li i.last {width: 167px;}	
	#liv-por a.hn {background-image:url(../img/living/logo-hn.png);}
	#liv-por a.sme {background-image:url(../img/living/logo-sme.png); padding-left: 28px;}
	#liv-por a.m2 {background-image:url(../img/living/logo-zoznam.png); padding-left: 28px;}
	#liv-por a.cas {background-image:url(../img/living/logo-cas.png);}
	#liv-por a.spe {background-image:url(../img/living/logo-spect.png);}
	
	/* --- | ADS LIST - grid | --- */
	.grid .ad {position: relative; float: left; margin: 0 10px 12px 0; padding: 153px 0 0 0; width: 212px; height: 155px; overflow: hidden;}
	.grid .ad:hover {border-color: #ffeb97;}
	.grid .ad .head {margin: 0 0 0 0; padding: 0 5px;}
	.grid .ad .head strong {color: #000;}
	.grid .ad h3 {position: relative; margin: 0 0 3px 0; font-size: 14px; line-height: 15px;}
	.grid .ad h3 img {position: relative; margin: 0 3px 0 0;}
	.grid .ad h3 .i-top {top: 3px; }
	.grid .ad h4 {margin: 0 0 3px 0; font-size: 11px; line-height: 12px;}
	.grid .ad .pic,
	.grid .ad .pic a {position: absolute; left: 0; top: 0; display: block; width: 98%; height: 145px; overflow: hidden;}
	.grid .ad .pic {padding: 1px; border: 1px solid #CCC;} 
	.grid .ad .pic a {position: relative; width: 100%; z-index: 2; font-size: 12px;}
	.grid .ad .pic img {position: relative;}
	.grid .ad p {margin-bottom: 2px; color: #51615b; font-size: 11px;}
	.grid .ad .content {padding: 0 5px; height: 88px; overflow: hidden;}
	.grid .ad .content p {line-height: 110%;}
	.grid .ad hr {display: none;}
	.grid .ad.last {margin-right: 0 !important;}
	.grid .ad .pic em {position: absolute; top: 60px; left: 0; padding: 7px 0; display: block; width: 100%; background: url(../img/ad_status_bcg.png); color: #000; text-align: center; font-size: 14px; font-weight: bold; font-style: normal; text-transform: uppercase; z-index: 2;}
	.w692 .grid .ad {width: 224px;}

	/* --- | ADS LIST - rows | --- */
	.row .ad {position: relative; padding: 4px 15px 4px 145px; height: 89px; overflow: hidden; background: url(../img/dot.png) bottom repeat-x; clear: both;}
	.row .ad p {font-size: 12px;}
	.row .ad hr {display: none;}
	.row .ad.last {margin-right: 0 !important;}
	.row .ad .head {}
	.row .ad .head p {margin-bottom: 3px; font-weight: bold;}
	.row .ad .head p.price {padding: 0 0 0 16px; background: url(../img/dot_arrow.png) left center no-repeat; color: #000; line-height: 12px;}
	.row .ad h3 {position: relative; margin-bottom: 2px; font-size: 14px; font-weight: bold;}
	.row .ad h3 img {vertical-align: middle; margin: -1px 2px 0 0;}
	.row .ad h3 .i-top {margin-top: -5px;}
	.row .ad h3 a {color: ##004E42;}
	.row .ad h3 a:hover {color: #000;}
	.row .ad .pic,
	.row .ad .pic a {position: absolute; left: 0; top: 0; overflow: hidden; display: block; }
	.row .ad .pic {left: 7px; top: 4px; padding: 1px; width: 117px; height: 84px;}
	.row .ad .pic a {z-index: 2; width: 117px; height: 84px; font-size: 11px; line-height: 11px;}
	.row .ad .pic em {position: absolute; top: 31px; left: 0; padding: 5px 0; display: block; width: 100%; background: url(../img/ad_status_bcg.png); color: #000; text-align: center; font-size: 11px; font-weight: bold; font-style: normal; text-transform: uppercase;}
	.row .ad .content p {font-size: 11px;}
	/* Google ads */
	.grid .adsns,
	.row .adsns {clear: both; margin: 5px 0; padding: 4px 13px 4px 12px; background-color: #FFF;}

	/* --- | ADS LIST - boxes | --- */
	.ad-box .ad {position: relative; float: left; padding: 0 0 0 135px; width: 153px; margin: 0 8px 15px 0;}
	.ad-box .ad.last {margin-right: 0;}
	.ad-box .ad .content {padding: 4px 5px; height: 87px; overflow: hidden;}
	.ad-box .ad h3 {margin: 0 0 5px; height: 25px; overflow: hidden; font-size: 12px; font-weight: normal; line-height: 12px;}
	.ad-box .ad .pic,
	.ad-box .ad .pic a {position: absolute; left: 0; top: 0; overflow: hidden; display: block; }
	.ad-box .ad .pic {padding: 1px; width: 130px; height: 95px;}
	.ad-box .ad .pic a {z-index: 2; width: 130px; height: 95px; font-size: 11px; line-height: 11px;}
	.ad-box .ad .pic img {position: relative;}
	.ad-box .ad p {margin: 0 0 3px 0; font-size: 11px; line-height: 12px; color: #51615B;}
	.ad-box .ad p.dsc {height: 36px; overflow: hidden;}
	.ad-box .ad strong {display: block; width: 96%; overflow: hidden; white-space: nowrap;}
	.ad-box .ad hr {display: none;}
	/* Vertical menu */
	.w692 .ad-box .ad {width: 207px;}

	/* --- | Pagging | --- */
	.pages {clear: both; text-align: right; color: #9E1F10; font-size: 12px; line-height: 20px; padding: 10px 0;}
	.pages span,
	.pages .active,
	.pages a {margin-left: 4px; display: inline-block; padding: 0 0.65em; border: 1px solid #D1002E; color: #D1002E; line-height: 21px;}
	.pages a.big {font-size: 16px; font-weight: bold; line-height: 27px; text-decoration: none;}
	.pages a:hover,
	.pages .active,
	.pages a.act {color: #FFF !important; border-color: #B0C700; background-color: #B0C700; text-decoration: none;}
	.pages select {margin-left: 8px;}

	/* Result line */
	#res-line {margin-bottom: 10px; font-size: 13px !important; text-transform: uppercase;}
	#res-line b {margin-right: 8px; font: bold 16px sans-serif; letter-spacing: 2px;}
	#res-line b a {padding-left: 17px; background: url(../img/back_arrow.png) left center no-repeat; color: #acacac; text-decoration: none;}
	#res-line b a:hover {color: #000;}
	/* Toolbar */
	#tools {position: relative; z-index: 5; margin: 0 0 10px 0;}
	#tools li {float: left; margin: 0 15px 0 0; font-size: 12px; color: #868686;}
	.ad-det #tools {position: absolute; top: 0; right: 0;}
	.ad-det #tools li {margin: 0 0 0 15px;}
	/* Select */
	#tools .sel {float: none; margin: 0;}
	#tools .sel strong {font-weight: normal;}
	#tools .sel.p-r .val {z-index: 3; padding: 0 17px 0 0; border-left: none; border-right-color: #c5c5c5; background-position: 99% center; line-height: 120%; background-color: transparent; background: url(../img/tools_arrow.png) 97% 5px no-repeat;}
	#tools .sel.p-r .val:hover {border-right-color: #000; color: #000;}
	#tools .sel ul {left: auto; right: 0; top: 15px; z-index: 2; display: none; border-color: #c5c5c5; border-top: none;}
	#tools .sel ul li {float: none; display: block; margin: 0; padding: 2px 3px; font-size: 10px; text-align: right;}
	#tools .sel a {width: auto; display: inline; font-size: 11px;}
	#tools .sel a:hover {background: none; color: #000; text-decoration: underline;}
	#tools .print {padding: 0 0 0 19px; background: url(../img/icons/print.png) 0 center no-repeat;}
	#tools .send {padding: 0 0 0 18px; background: url(../img/icons/send_friend.png) 0 center no-repeat;}

	/* --- | AD DETAIL | --- */
	.ad-det {position: relative; float: right; width: 680px;}
	.ad-det #c1 {float: left; width: 468px;}
	.ad-det #c2 {float: right; width: 200px; margin: 0 -3px 0 15px;}
	.ad-det #c2 h2 {font-size: 18px;}
	.ad-det h1 {float: left; margin: 0 180px 8px 0; font-size: 24px; font-weight: normal; line-height: 26px;}
	.ad-det h1 small {white-space: nowrap;}
	.ad-det h2 {margin: 0 0 8px 0;}
	.ad-det .p {margin: 0 0 15px 0;}
	.ad-det .p h2 {font-size: 14px !important; font-weight: bold !important; margin: 0 0 3px 0 !important;}
	.ad-det .adsns {margin: 0 0 15px 0;}
	ul.attachments {list-style-type: none;padding-left: 0px;margin-bottom: 10px;}
	ul.attachments li {line-height: 13px;margin-bottom: 6px;}
ul.attachments li a {color: #B08F71;font-size: 13px;padding-left: 19px;height: 16px;line-height: 16px;display: inline-block;}
ul.attachments li a.jpg {background: url(../img/icons/jpg.png) no-repeat scroll 0 0;}
ul.attachments li a.doc {background: url(../img/icons/doc.gif) no-repeat scroll 0 0;}
ul.attachments li a.xls {background: url(../img/icons/xls.gif) no-repeat scroll 0 0;}
ul.attachments li a.pdf {background: url(../img/icons/pdf.gif) no-repeat scroll 0 0;}
ul.attachments li a.file {background: url(../img/icons/file.gif) no-repeat scroll 0 0;}
ul.attachments li a:hover {#000;}
ul.attachments li a:visited {color: #51615B;}
ul.attachments li em {font-size: 12px;color: #4F4F4F;font-style: normal;}
	/* Vertical layout */
	.w692 .ad-det {width: 692px;}
	.w692 .ad-det #c1 {width: 477px;}
	/* --- | Ad Text | --- */
	.p.info strong {font-size: 18px; font-weight: normal;}
	.p.info {color: #4f4f4f; font-size: 11px;}
	.p.info big {display: block; padding: 6px 0; font-size: 24px; line-height: 17px;}
	.p.info big span {font-size: 12px;}
	.p.info big em {font-size: 11px; font-style: normal; white-space: nowrap;}
	/* --- | Listing in detail | --- */
	.l3 .ad {position: relative; margin: 0 0 5px 0; padding: 0 0 3px 68px; height: auto; background: url(../img/dot.png) 0 bottom repeat-x;}
	.l3 .ad .head h4 {height: 38px; font-size: 11px; line-height: 12px; overflow: hidden;}
	.l2 .ad .head h4 img,
	.l3 .ad .head h4 img {display: none;}
	.l3 .ad .head p {position: relative; margin-left: -66px; width: auto; line-height: 130%; color: #51615b; font-size: 11px; font-weight: normal;}
	.l3 .ad .head small {display: inline;}
	.l3 .ad .pic,
	.l3 .ad .pic a {position: absolute; left: 0; top: 0; width: 60px; height: 40px; background-color: #FFF; border: 1px solid #DDD; overflow: hidden;}
	.l3 .ad .pic {padding: 1px;}
	.l3 .ad .pic a {border-color: #FFF;}
	.l3 .ad hr {display: none;}
	/* Listing in Search col */
	.srch-col {float: left; width: 185px;}
	.srch-col .ad {padding: 3px 0 4px 71px;}
	.srch-col .ad .pic {top: 3px; left: 3px;}
	.srch-col.l3 .ad.act {background-color: #EEE;}
	.srch-col #res-line,
	.srch-col #res-line b {font-size: 11px !important;}
	.srch-col .p.pgs {padding: 8px 0 0 0;}
	/* --- Photogallery --- */
	.gallery {position: relative; margin: 0 0 15px 0;}
	.gallery.lrg {height: 434px;}
	.gallery .pic {position: relative; width: 100%; height: 370px; overflow: hidden; background-color: #f6f6f6; }
	.gallery .pic a {position: relative; display: block; height: 100%;}
	.gallery i {display: block;}
	.gallery i.d-n {display: none;}
	.gallery big {position: absolute; top: 40%; padding: 8px 0; display: block; width: 100%; background-color: #FFF; font-size: 30px; font-weight: normal; text-align: center; opacity: 0.6; filter: alpha(opacity=60); text-transform: uppercase; z-index: 1;}
	/* Moving */
	#move {position: relative; height: 100%;}
	/* --- Photos --- */
	.gallery .bar {padding: 5px; height: 54px; background: url(../img/photos_bcg.png);}
	.adv-photos {position: relative; height: 54px; overflow: hidden; }
	.adv-photos a,
	.adv-photos a b,
	.adv-photos a b i {display: block; width: 70px; height: 100%; overflow: hidden;}
	.adv-photos a {position: relative; float: left; margin: 0 5px 0 0; text-decoration: none; opacity: 0.8; filter: alpha(opacity=80);}
	.adv-photos a:hover {opacity: 1; filter: alpha(opacity=100);}
	.adv-photos a.last {margin: 0;}
	.adv-photos a b {position: absolute; top: 0; left: 0; padding: 1px;  cursor: pointer;}
	.adv-photos a b i {position: absolute; top: 0; left: 0; z-index: 1;}
	/* Buttons */
	.btn {position: absolute; top: 0; width: 25px; height: 54px; z-index: 2; cursor: pointer;}
	.btn:hover {background-color: #FFF !important;}
	.btn.rwd {background: #959595 url(../img/btn_ffw.png) 0 center; right: 0;}
	.btn.ffw {background: #959595 url(../img/btn_rwd.png) 0 center; left: 0;}
	/* + button */
	.adv-photos span {position: absolute; right: 5px; bottom: 5px; width: 17px; background-color: #FFF; color: #000; font-size: 17px; line-height: 16px; font-weight: bold; opacity: 0.3; filter: alpha(opacity=30); text-align: center;}
	.adv-photos a:hover span {background-color: #000; color: #FFF; -khtml-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90);}
	/* --- Macler + Contact macler --- */
	.macler {clear: both; padding: 10px 2px 10px 10px; color: #51615b; border: 1px solid #e6e6e6;}
	.macler .col h4 {margin: 0 0 7px 0; font-size: 14px;}
	.macler .p {margin-bottom: 5px;}
	.macler .p em {font-size: 20px; color: #D1002E; font-style: normal;}
	.macler .col.f-l {width: 190px;}
	.macler .col.f-r {width: 260px;}
	.macler .col.f-l table {margin: 0 0 12px 0;}
	.macler .col.f-l table td {vertical-align: top;}
	.macler .col.f-l table img {margin: 0 10px 0 0; width: 46px;}
	.macler .col.f-r p {font-size: 12px; margin: 0 0 5px 0;}
	.macler .col.f-r p label {font-weight: bold;}
	.macler .col.f-r p input {position: relative; top: 2px; margin: 0 3px 0 0;}
	.macler .col.f-r h5 {font-size: 12px; font-weight: normal; margin: 0 0 5px 0;}
	.macler .col.f-r ul {list-style: none; padding: 0 0 8px 10px; font-size: 12px; color: #5a5a5a;}
	.macler .col.f-r ul input {position: relative; top: 2px; margin: 0 5px 0 0;}
	.macler .col th {padding: 0 8px 0 0; text-align: right; white-space: nowrap;}
	.macler .field.l {width: 140px;}
	.macler textarea.xl {width: 250px !important; height: 40px;}
	.msg {margin-bottom: 8px; font-size: 13px; font-weight: bold;}
	.msg.done {color: #2c840a;}
	.msg.err {color: #c92832;}	
	
	/* --- | TPL: Zoznam maklerov | --- */
	.maclers {float: left; position: relative; padding-left: 74px; height: 92px; width: 212px; margin: 0 10px 20px 0;}
	.maclers .pic {position: absolute; top: 0; left: 0; width: 62px; height: 82px; border: 1px solid #AAA;}
	.maclers .pic img {border: 1px solid #FFF; width: 60px; height: 80px;}
	.maclers.last {margin: 0 0 20px 0 !important;}
	.maclers h4 {margin-bottom: 5px !important; 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: 16px;}
	.maclers p strong {color: #616163;}
	/*  */
	.w962 .maclers {width: 267px;}
	
	/* --- | TPL: Zadajte dopyt (aka Agent) | --- */
	.agent td b {display: inline-block; margin-right: 15px; padding: 0 23px 0 7px; background: url(../img/i-tree/filter_arrow_b.png) right 0 no-repeat; cursor: pointer; white-space: nowrap;  border: 1px solid #B4B4B4; border-width: 0 1px;}
	.agent td b:hover {text-decoration: underline;}
	.agent td b strong {display: block; float: left; min-width: 110px;}

	/* --- |  TPL: Demands list | --- */
	.demand {width: 100%; margin-bottom: 20px;}
	.demand th,
	.demand td {padding: 4px 6px; font-size: 12px;}
	.demand th {background-color: #EEE; font-size: 14px; font-weight: bold;}
	.demand td {border-bottom: 1px solid #EEE;}
	.demand td em {font-style: normal;}

	/* --- |  TPL: Contact | --- */
	.s-col-1 {width: 280px;}
	.w692 .s-col-1 {margin: 0 45px 0 0;}
	.s-col-2 {width: 310px;}
	.s-col-3 {width: 265px;}
	.s-col-3.clr {width: auto;}
	.map {position: relative; border: 1px solid #AAA; padding: 5px; min-height: 300px; background-color: #FFF;}
	.map .over {position: absolute; bottom: 0; left: 0; display: block; padding: 11px 0; width: 100%; z-index: 10; background: url(../img/ad_status_bcg.png); font-size: 14px; font-weight: bold; text-align: center;}

	/* --- | SEARCH BAR | --- */
	#search {position: absolute; top: 93px; left: 22px; clear: both; padding: 5px 5px 5px 127px; height: 40px; width: 808px; background-repeat: no-repeat; background-position: 18px center;}
	#search legend {display: none;}
	#search h2 {position: absolute; left: 53px; bottom: 9px; margin: 0; font-size: 21px; font-weight: normal; color: #FFF;}
	#search .en h2 {left: 49px;}
	#search #search-description {margin: 0 0 3px 0; /*VAR:*/color: #a1a09e; white-space: nowrap; font-size: 12px;}
	#search #search-description b {/*VAR:*/color: #FFF;}
	#search p b {color: #000; font-weight: normal;}
	#search ul {float: left; padding: 0; list-style: none;}
	#search li {position: relative; display: inline-block; list-style: none; font-size: 14px; line-height: 15px; /*VAR:*/color: #FFF;}
	#search li b {display: inline-block; margin-right: 10px; padding: 0 23px 0 0; /*VAR:*/background: url(../img/i-tree/filter_arrow_w.png) right 0 no-repeat; cursor: pointer; white-space: nowrap;  /*VAR:*/border-right: 1px solid #FFF;}
	#search li b.last {margin: 0 4px 0 0;}
	#search li b:hover,
	#search li b.hover {/*VAR:*/color: #FEFEA6; /*VAR:*/border-color: #FEFEA6;}
	#search li b strong {display: block; height: 15px; overflow: hidden; text-decoration: none; font-weight: normal;}
	/* Item widths: */
	#search .s00 strong {width: 107px;}
	#search .s01 strong {width: 115px;}
	#search .en .s01 strong {width: 92px;}
	#search .s02 strong {width: 51px;}
	#search .s03 strong {width: 36px;}
	#search .s04 strong {width: 52px;}
	/* Inputs */
	#nw-dvlp,
	#cs-id {position: relative; top: -3px;}
	#search li label {font-size: 12px !important;}
	#search li label.act {color: #DDD; text-decoration: underline;}
	#nw-dvlp label {margin: 0 10px 0 0;}
	#search li input {position: relative;}
	#nw-dvlp input {top: 2px;}
	#cs-id input {color: #000; width: 36px; /*VAR:*/border: 1px solid #EEE; /*VAR:*/background-color: #EEE; padding: 1px 2px;}
	/* Button */
	#search input[type="image"] {
bottom:9px;
float:right;
position:relative;
right:10px;
}
		
	/* --- | Intelitree | --- */
	.rollout {}
	.rollout i {position: absolute; right: -10px; bottom: -10px; display: block; width: 100%; height: 100%; background: url(../img/i-tree/roll_shadow.png) right bottom no-repeat;}
	.rollout i.cor {width: 10px; height: 10px; _display: none;}
	.rollout i.tr {top: 0; background: url(../img/i-tree/roll_corrner_tr.png);}
	.rollout i.bl {left: 0; background: url(../img/i-tree/roll_corrner_bl.png);}
	.rollout .content {position: relative; z-index: 1; padding: 6px 30px 10px 8px; border: 1px solid #929292; min-width: 170px; background-color: #FFF; min-height: 25px; display: block;}
	.rollout a {background-repeat: no-repeat; background-position: left top;}
	.rollout a.close {position: absolute; top: 8px; right: 9px; width: 15px; height: 15px; display: block; color: #FFF; z-index: 2; background: url(../img/i-tree/close.png) 0 0  no-repeat; overflow: hidden;}
	.rollout a.close:hover {background-position: 0 -15px;}
	.rollout a.close span {display: none;}
	/* --- | I-tree layout | --- */
	.level-1 .select {font-weight: bold;}
	/* Level 1 */
	.level-1 {padding: 0; font-size: 13px;}
	.level-1 li {position: relative; float: none; display: list-item; list-style: none;}
	.level-1 li a {padding: 0 0 0 13px; display: inline-block; line-height: 19px; background-image: url(../img/i-tree/roll_arrow.png); background-position: 2px 5px; color: #51615b; text-decoration: none;}
	.level-1.multi li a.la-1 {padding-left: 27px !important;}
	.level-1 li img {position: absolute; top: 6px; left: 14px; -khtml-opacity: 0.3; opacity: 0.3; filter: alpha(opacity=30); cursor: pointer;}
	.level-1 li.hover img,
	.level-1 li img.select {-khtml-opacity: 1; opacity: 1; filter: alpha(opacity=100);}
	.level-1 a.emp,
	.level-1 a.emp:hover {background-image: none;}
	.level-1 a:hover {text-decoration: underline; background-position: 0 -33px;}
	.level-1 li a.la-1.act {background-position: 0 -13px;}
	/* Level 2 */
	.level-2 {padding-left: 28px;}
	.level-2 li.hover {background-color: #f4f4f4;}
	.level-2 li img {position: absolute; -khtml-opacity: 0.3; opacity: 0.3; filter: alpha(opacity=30); cursor: pointer;}
	.level-2 li.hover img,
	.level-2 li img.select {-khtml-opacity: 1; opacity: 1; filter: alpha(opacity=100)}
	.level-2 li a.la-2 {padding: 0 0 0 29px; color: #014f8f; white-space: nowrap;}
	.level-2 li a.la-2:hover {background-color: transparent; text-decoration: underline;}
	.level-2 li a.la-2.act {background-position: 0 -13px;}
	.level-2 div {padding: 0 9px 5px 29px;}
	/* Level 3 & level 2 is last */
	.level-3 {position: relative; margin: 5px 0 0 0; padding: 4px; border: 1px solid #d0d0d0; max-height: 130px; _height: 7.55em; _width: 12em; overflow: auto;}
	.level-3 li {padding: 0;}
	.level-2.last li a.la-2,
	.level-3 li a.la-3 {margin-left: 0; padding: 0 5px 0 22px; display: block; background-image: url(../img/i-tree/roll_check_city.png) !important; background-position: 0.2em 0.2em; color: #7c8984; _width: 10em;}
	.level-2.last li a.la-2:hover,
	.level-3 li a.la-3:hover {background-color: #EEE; text-decoration: none;}
	.level-2.last li a.la-2.select,
	.level-3 li a.la-3.select {font-weight: normal; background-image: url(../img/i-tree/roll_check_city_active.png) !important;}
	/* Inteli Multiselect */
	.rollout.isel .content {padding-bottom: 8px;}
	.rollout.isel ul {position: relative; margin: 4px 0; padding: 0; font-size: 11px; list-style: none; max-height: 180px; min-width: 12em; overflow: auto; overflow-x: hidden; overflow-y: scroll;}
	.rollout.isel ul li {margin: 0 3px 3px 0; padding: 0;}
	.isel li a.la-3 {margin-left: 0; padding: 1px 0 1px 22px; display: block; background-image: url(../img/i-tree/roll_check_city.png); background-position: 0.2em 0.05em; color: #7c8984; text-decoration: none; _width: 10em;}
	.isel li a.la-3:hover {background-color: #EEE; text-decoration: none;}
	.isel li a.la-3.select {font-weight: normal; background-image: url(../img/i-tree/roll_check_city_active.png);}
	/* TODO: Co to kurwa jest?
	.isel i.cls {left: 8px !important; bottom: 7px; border: 1px solid #CD393B; width: 50px; height: 17px; background: none; _filter: alpha(opacity=100);}
	.isel i.cls a {padding: 1px 0; border: 1px solid #FFF; display: block; text-align: center; font-size: 0.63em; color: #FFF; background-color: #CD393B; text-decoration: none;}
	.isel i.cls a:hover {background-color: #000; color: #FFF !important;}*/
	/* --- | Specify price/area | --- */
	.rollout table {position: relative; display: inline; font-size: 12px;}
	.rollout th,
	.rollout td {padding: 3px 2px;}
	.rollout th {padding-right: 7px;}
	.rollout label {color: #51615b;}
	.rollout .field {width: 80px; border: 1px solid #C1C1C1; padding: 2px 3px; background-color: #feffdd; font-size: 12px;}
	/* Select currency */
	.sel {position: relative; float: left; margin: 0 0 0 5px; white-space: nowrap; cursor: pointer;}
	.sel.p-r .val {position: relative; z-index: 1002;}
	.sel .val {padding: 0 25px 0 6px; border: 1px solid #AA0000; border-width: 0 1px; background: #FFF url(../img/i-tree/filter_arrow_b.png) right 2px no-repeat;}
	.rollout .sel strong {font: normal 18px/18px Tahoma, "Lucida Grande CE", lucida, sans-serif;}
	.sel ul {position: absolute; left: 0; top: 17px; z-index: 1000; padding: 4px; border: 1px solid #AA0000; background-color: #FFF; list-style: none;}
	.sel li {position: relative; z-index: 5; float: none; background-color: #FFF;}
	.sel a {position: relative; z-index: 5; display: block; width: 130px; padding: 2px 5px; color: #51615b; font-size: 14px; text-decoration: none;}
	.sel a:hover {background-color: #f2f2f2;}	
	
	/* --- | TOOLTIP | --- */
	.tooltip {z-index: 10000; padding: 4px 8px 4px 12px; border: 1px solid #c8c8c8; max-width: 300px; color: #FFF; background-color: #B52025; font-size: 11px; line-height: 13px;}	
	.tooltip img {float: left; margin: 0 0.5em 0 0; border: 1px solid #FFF; max-width: 120px;}
	.tooltip br {margin: 3px; display: block;}	

	/* --- | FORMS | --- */
	form table {}
	form table th,
	form table td {font-size: 12px; vertical-align: top; padding: 0 0 6px 0;}
	form table th {padding-right: 7px;}
	/* --- Label --- */
	label {display: inline-block; padding: 0;}
	label b {position: relative; left: -2px; top: 2px; color: #7c0000; font-size: 17px; line-height: 15px;}
	/* --- Fileds --- */
	form table select {font-size: 11px;}
	form table input[type=checkbox] {position: relative; top: 4px;}
	.field {border: 1px solid #B4B4B4 !important; width: 150px; padding: 2px; font-size: 12px; font-family: sans-serif;}
	.button {border: none; background-color: #D1002E; color: #FFF; font-size: 14px; font-weight: bold; padding: 3px 10px;}
	/* Input widths */
	.field.s {width: 50px;}
	.field.m {width: 135px;}
	.field.l {width: 200px;}
	.field.xl {width: 230px !important;}
	.field.xxl {width: 300px;}
	/*Additional  */
	.err-msg {color: #a32511; font-weight: bold; margin: 0 !important;}
	.done {color: #92ce4c; font-weight: bold;}
	form table h3 {margin: 0 0 8px 0; font-size: 18px; font-weight: normal;}

	/* --- | TABLES | --- */
	.tbl-ver {margin: 0 0 12px 0;}
	.tbl-ver th,
	.tbl-ver td {padding: 3px 0; vertical-align: top;}
	.tbl-ver th {padding-right: 12px; font-weight: bold;}

	/* --- | THICKBOX | --- */
	#TB_window {font: 12px Arial, Helvetica, sans-serif; color: #333333; }
	#TB_secondLine {font: 10px Arial, Helvetica, sans-serif; color:#666666; }
	#TB_window a:link {color: #666666;}
	#TB_window a:visited {color: #666666;}
	#TB_window a:hover {color: #000;}
	#TB_window a:active {color: #666666;}
	#TB_window a:focus{color: #666666;}
	#TB_overlay {position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%;}
	.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
	.TB_overlayBG {background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.5; opacity: 0.5; }
	#TB_window {position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%;}
	#TB_window img#TB_Image {display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; 	border-left: 1px solid #666;}
	#TB_caption{height:25px; padding:7px 30px 10px 25px; float:left;}
	#TB_closeWindow{height:25px; padding:11px 25px 10px 0; float:right; }
	#TB_closeAjaxWindow {position: absolute; top: 4px; right: 6px; width: 20px; height: 20px; overflow: hidden;}
	#TB_closeAjaxWindow a {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -500px; background: #FFF url(../img/thick_close.png) no-repeat;}
	#TB_closeAjaxWindow a:hover {background-position: 0 -20px;}
	#TB_ajaxWindowTitle{padding: 7px 0 7px 10px; font-size: 11px;}
	#TB_title{position: relative; background-color:#EEE; }
	#TB_ajaxContent{clear:both; padding: 10px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
	#TB_ajaxContent.TB_modal{padding:15px; }
	#TB_ajaxContent p{padding:5px 0px 5px 0px;}
	#TB_load{position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
	#TB_HideSelect{z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; 		width:100%;}
	#TB_iframeContent{clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px;}

	/* --- | Date chooser | --- */
	.date-chooser {z-index: 1002; border: 2px solid #4C4242; padding: 2.2em 0.69em 0.69em 0.69em; width: 12em; background-color: #FFF;}
	.date-chooser table {width: 100%; color: #705554; background-color: #F7F7F7; font-size: 0.69em;}
	.date-chooser th {background-color: #4C4242; color: #FFF; padding: 0.2em 0.85em; border: medium none; font-weight: bold; text-transform: uppercase;}
	.date-chooser td {margin: 0; padding: 2px; text-align: center; cursor: default;}
	.date-chooser td.dateChooserActive:hover {background-color: #705554; color: #FFF;}
	.date-chooser td.dateChooserActiveToday {border: 1px solid red;}
	.date-chooser select {font-size: 0.63em;}
	.dc-close,
	.dc-next,
	.dc-previous {position: absolute; top: 0.31em; display: block; height: 17px; width: 17px; cursor: pointer;}
	.dc-close {right: 5px; background: #FFF url(../img/icons/close.png);}
	.dc-previous {left: 5px; background: #FFF url(../img/icons/arrow-left.png);}
	.dc-next {left: 28px; background: #FFF url(../img/icons/arrow-right.png);}
	.dc-month,
	.dc-year {position: absolute; top: 0.44em;}
	.dc-year {right: 2.75em;}
	.dc-month {right: 7.9em;}
	.dc-close span,
	.dc-next span,
	.dc-previous span {display: none;}

	/* --- | GLOBAL | --- */
	* {margin: 0;}
	a img,
	fieldset {border: none; padding: 0;}
	a {text-decoration: none;}
	a:focus {outline: none;}
	table {border-collapse: collapse;}
	table th {font-weight: normal; text-align: left;}
	sup {position:relative; top: -4px; vertical-align: baseline; font-size: 12px;}
	/* Floating and clearing */
	.f-r {float: right;}
	.f-l {float: left;}
	.clr {clear: both;}
	.s-clr {zoom: 1;}
	.s-clr:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
	/* Display */	
	.d-n {display: none;}
	/* Typo */
	h1 {font-size: 26px; font-weight: normal; margin: 0 0 12px 0;}
	h2 {font-size: 24px; font-weight: normal; margin: 0 0 12px 0;}
	h3 {font-size: 16px; margin: 0 0 8px 0;}
	h4 {font-size: 14px; margin: 0 0 8px 0;}
	.p {font-size: 12px; line-height: 14px; color: #4f4f4f; margin: 0 0 12px 0;}
	.p p,
	.p ul {margin: 0 0 12px 0;}

	.ctr {background-image: url(../images/none.png);display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;}
	.w692 {width: 692px;}
	.nav {list-style: none; padding: 0;}
