/************************************
    *                                   *
    *              m2.sk                *
    *    CSS by: fatchilli.com, mB      *
    *                                   *
    ************************************/

	@import "global.css";
	@import "search.css";
	@import "tpls.css";
	@import "intelitree.css";
	
	body {padding-top: 40px; font-family: sans-serif;}
	
	/* ---| General classes |--- */
	.h2 {position: relative; color: #4b4b4b; font-size: 12px; margin-bottom: 2px; line-height: 20px; border: 1px solid #c5c4c4;}
	.h2 span {display: block; padding: 0 5px; border: 1px solid #FFF; background: url(../images/h2_bcg.png) bottom repeat-x;}
	
	.h2 img {float: left; margin: 2px 5px 0 2px;}
	.wtf {position: absolute; top: 1px; right: 4px; display: block; cursor: help; -khtml-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); font-size: 10px; height: 16px; width: 16px; _right: 24px;}
	.wtf a {display: block; width: 16px; height: 16px;}
	.h2 .wtf img {float: none;}
	.wtf:hover,
	.h2:hover .wtf {-khtml-opacity: 1; opacity: 1; filter: alpha(opacity=100);}
	.h2-2 {margin-bottom: 8px; color: #4b4b4b; font-size: 24px; line-height: 24px;}
	.h2.t2 {font-size: 24px; line-height: 25px; font-weight: normal; border: 1px solid #c5c4c4;}
	.my-m2 .h2 .wtf {top: -1px; right: 5px;}
	.h2.t2 .wtf {top: 3px; right: 8px;}
	.h2.t2 span {padding: 2px 5px;}
	
	.h3 {margin-bottom: 6px; font-size: 18px; font-weight: normal; line-height: 19px;}
	
	.p {margin-bottom: 12px; color: #4b4b4b; font-size: 12px;}
	.p h3 {margin-bottom: 8px; font-size: 18px; font-weight: normal;}
	.p p,
	.p ul {margin-bottom: 8px;}
	.p p {line-height: 18px;}
	.p ul {padding-left: 10px; list-style: none;}
	.p ul li {margin-bottom: 3px; padding-left: 13px; background: url(../images/arrow1.png) left 4px no-repeat;}
	
	/*.box {border: 1px solid #c5c4c4;}*/
	.box .h2 {margin: 0; /* border-width: 0 0 1px 0; */}
	.box .bcg {padding: 5px; /* border: 1px solid #FFF; */ background: url(../images/box_bcg.png) repeat-x;}
	
	.banner {margin-bottom: 10px; text-align: center;}
	.ban200 {padding: 10px 0; background-color: #efefef;}
	#sky {position: absolute; right: 0; top: 0;}
	.skyholder {float: left; padding-right: 130px; position: relative;}
	
	/* ---| LAYOUT |--- */
	.holder {padding: 0 9px; margin: 0 0 15px 0; min-width: 951px; background: url(http://static.living.sk/m2_v2/images/div.png) 659px 0 no-repeat;}
	.holder.home {background: none !important;}
	/* Backgrounds */
	.bcg-hold {float: left; margin: 0 0 15px 25px; _margin-left: 12px; position: relative; border: 1px solid #c5c5c5; border-top: none; padding: 127px 0 5px 0; background: url(../images/head_bcg.png) top repeat-x; min-width: 969px; =width: 969px;}
	i.cor {position: absolute; display: block; width: 9px; height: 9px; overflow: hidden;}
	i.t-l {top: 0; left: -1px; background: url(../images/top-left.png);}
	i.t-r {top: 0; right: -1px; background: url(../images/top-right.png);}
	i.b-l {bottom: -1px; left: -1px; background: url(../images/bottom-left.png);}
	i.b-r {bottom: -1px; right: -1px; background: url(../images/bottom-right.png);}
	/* Logo */
	h1#logo {position: absolute; left: 9px; top: 15px; z-index: 1;}
	.m2s {position: absolute; left: 274px; top: 71px; z-index: 1; color: #231f20; font-size: 11px;}
	#logo-zoznam {position: absolute; right: 20px; top: 20px;}
	/* Loged user */
	.login {position: absolute; right: 10px; top: -39px; z-index: 2; padding: 2px 7px; background-color: #FFF; font-size: 12px;}
	.login .sel {margin: 0; font-weight: normal;}
	.login .sel strong {font-weight: normal;}
	.login .val {padding: 0 18px 0 0; border-left: none; background: url(../images/icon/login_arrow.png) 99% -3px no-repeat;}
	.login .sel ul {top: 15px;}
	.login .sel li {padding: 2px 8px; border: none;}
	.login .sel li a {width: auto; font-size: 11px;}
	
	/* --- | HEAD | --- */
	#head {position: absolute; top: 10px; height: 105px; width: 100%; border-bottom: 1px solid #c9c9c9;}
	#head p a {white-space: nowrap;}
	/* Banner 700x110 */
	#ban1 {position: absolute; right: 165px; top: 0; width: 607px; z-index: 2; text-align: center;}
	/* LIVING portals */
	#liv-por {position: absolute; top: -43px; left: 0; padding: 0 0 0 12px; z-index: 1; height: 24px; width: 961px; background: url(../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(../living/sme.png);}
	#liv-por a.m2 {padding-left: 28px; color: #848383; background-image: url(../living/m2.png);}
	#liv-por a.m2 b {color: #000;}
	#liv-por a.spe {background-image: url(../living/spectator.png);}
	#liv-por a.hn {background-image: url(../living/hnonline.png);}
	#liv-por a.cas {background-image: url(../living/cas.png);}
	/* Navigation */
	#m-nav {position: absolute; right: 16px; bottom: 6px; z-index: 5;}
	#m-nav li {margin-right: 7px; padding-right: 7px; border-right: 1px solid #000; line-height: 11px;}
	#m-nav a {text-decoration: none; font-size: 12px; line-height: 17px;}
	#m-nav a.new {padding-right: 27px; background: url(../images/icon/nove.png) right center no-repeat; font-weight: bold;}
	#m-nav li.last {padding: 0; margin: 0; border: none;}
	
	/* ---| FOOT | --- */
	.foot-bcg {border-top: 1px solid #c5c5c5; background: url(../images/foot_bcg.png) top repeat-x; padding: 10px;}
	#foot {clear: both; width: 926px; color: #808080;}
	#foot small {display: block; font-size: 11px; line-height: 17px;}
	#foot a {color: #b41f24;}
	/* fatchilli.com footer sign */
	#fat {color: #9a9a9a !important; text-decoration: none;}
	#fat b {color: #000;}
	#fat span {text-decoration: underline;}
	#fat span i {color: #8d0000; font-style: normal;}		

	/* ---| PRINT |--- */
	.print {padding-top: 133px;}
	.print .m-h,
	.print #liv-por {width: 800px !important;}
	.print #head {height: 120px;}
	.print .ico,
	.print #foot small.f-r {display: none;}
	/* Ad */
	.print .ads {border: none;}
	.print .ad .p {margin: 0; padding: 0;}
	.print .ad p {margin-bottom: 8px;}
	.print .ad .macler {margin-bottom: 8px;}
	.print .ad .macler h4 {margin-bottom: 3px; font-size: 12px;}
	.print .ad .macler table td {padding-right: 5px;}
	/* Ad detail */
	.print .ad-detail .s-col.f-l {width: 70%;}
	.print .ad-detail .pic {width: 100%; height: auto;}
	
	/* --- | LIGHTBOX | --- */
	#lightbox{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
	#lightbox a { outline: none;}
	#lightbox a img{ border: none;}
	#outerImageContainer{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; font-size: 100% !important;}
	#imageContainer{padding: 10px; }
	#loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
	#hoverNav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
	#imageContainer>#hoverNav{ left: 0;}
	#hoverNav a{ outline: none;}
	#prevLink, #nextLink{width: 49%; height: 100%; background: transparent url(http://static.living.sk/blank.gif) no-repeat; display: block;}
	#prevLink {left: 0; float: left;}
	#nextLink {right: 0; float: right;}
	#prevLink, #prevLink { background: url(http://static.living.sk/prevlabel.gif) left 15% no-repeat; }
	#nextLink, #nextLink { background: url(http://static.living.sk/nextlabel.gif) right 15% no-repeat; }
	#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;}
	#imageData{	padding:0 10px; color: #666; height: 35px;}
	#imageData #imageDetails{ width: 70%; float: left; text-align: left;}
	#imageData #caption{ font-weight: bold;}
	#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}
	#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;}
	#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}