/************************************
    *                                   *
    *   m2.sk - Print me (if you want)  *
    *    CSS by: fatchilli.com, mB      *
    *                                   *
    ************************************/
	
	@import "global.css";

	body {padding-top: 152px;} 
	/* --- | HEAD | --- */
	#head {position: absolute; top: 10px; border-bottom: 1px solid #aaa; height: 120px; width: 100%;}
	/* Logo */
	h1#logo {position: absolute; left: 40px; top: 50px; z-index: 1;}
	/* LIVING portals */
	#liv-por {position: absolute; top: 0; left: 0; padding: 0 0 0 12px; height: 24px; width: 100%; 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);}

	/* ---| General classes |--- */
	.h2 {position: relative; margin-bottom: 8px; color: #4b4b4b; font-size: 14px; line-height: 15px;}
	.h2 img {float: left; margin: 0 5px 0 2px;}
	.h2 .wtf {position: absolute; top: 1px; right: 0; cursor: help; -khtml-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); font-size: 10px;}
	.h2 .wtf img {float: none;}
	.h2:hover .wtf {-khtml-opacity: 1; opacity: 1; filter: alpha(opacity=100);}
	.h2-2 {margin-bottom: 8px; color: #4b4b4b; font-size: 24px;}
	.h2.t2 {font-size: 20px; line-height: 21px; font-weight: normal;}
	.p {margin-bottom: 12px; color: #4b4b4b; font-size: 12px;}
	.p h3 {margin-bottom: 8px; font-size: 16px;}
	.p p,
	.p ul {margin-bottom: 8px;}
	.p p {line-height: 14px;}
	.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;}
	/* ---| FOOT | --- */
	#foot {padding: 9px 12px; border-top: 1px solid #aaa;}
	#foot small {display: block; font-size: 11px; line-height: 12px;}
	/* 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;}

	/* -- COL2 - Ads -- */
	.ads .ad {position: relative; margin: 0 0 3px 0; padding: 3px 0 6px 55px; _height: 1px; background: url(../images/dot.png) bottom repeat-x;}
	.ads .ad:hover {background-color: #fbfbfb;}
	.ads .ad h3 {margin-bottom: 2px; font-size: 11px; font-weight: normal; line-height: 12px;}
	.ads .ad p {color: #8b8b8b; font-size: 10px; line-height: 11px;}
	.ads .ad strong {display: block; color: #000;}
	.ads .ad .pic {position: absolute; top: 4px; left: 3px;}
	.ads .ad hr {display: none;}
	.ads .ad .ico.f-r {font-size: 11px; line-height: 16px;}
	/* Note */
	.ads .ad .p {margin-left: -24px; padding-top: 10px;}
	.ads .ad .p .note {padding-left: 23px; background: url(../images/icon/write.png) 0 0 no-repeat;}
	.ads .ad .p .note strong {margin-right: 53px; font-size: 12px;}
	.ads .ad .p .note a {color: #366089;}
	.ads .ad .note-svd {padding: 9px; color: #000; background-color: #FFFDDF; font-size: 12px;}
	
	/* --- | Compare ads table | --- */
	.compare {font-size: 11px;}
	.compare th,
	.compare td {padding: 6px; border: 1px solid #efefef; width: 160px; text-align: center; vertical-align: middle; color: #5a5a5a;}
	.compare th {font-weight: bold; text-align: left; white-space: nowrap;}
	.compare td {border-left: 6px solid #efefef;}
	.compare tr:hover th,
	.compare tr:hover td{background-color: #f6f6f6; color: #000;}
	.compare .pic {position: relative; margin: 0 auto; width: 160px; height: 115px;}
	.compare .pic img {width: 100%; height: 100%;}