/************************************
    *                                   *
    *             LIVING.sk             *
    *    CSS by: fatchilli.com, mB      *
    *                                   *
    *         All web content           *
    *                                   *
    *  Last update: 13.08.2008, 19:48   *
    *                                   *
    ************************************/

	@import "global.css"; 

	/* --- | HTML | --- */
	body {background: #979797 url(/images/living_sk/body_bcg.jpg) no-repeat; font-family: sans-serif;}
	a {color: #5d7ca1;}
	a:hover {color: #000;}
	/* Headings */
	#col-1 h2 {margin-bottom: 0.25em; padding: 0.05em 0.5em; color: #FFF; background-color: #77787b; font-size: 1.68em; font-weight: normal; text-transform: uppercase;}
	#col-2 h2 {clear: both; margin-bottom: 0.25em; color: #77787b; font-size: 2.25em; font-weight: normal;}
	
	/* --- | GENERAL CLASSES | --- */
	.p {font-size: 0.75em;}
	.p p {margin-bottom: 12px;}
	.tip {padding-left: 20px; background: url(/images/living_sk/tip.png) no-repeat;}
	
	/* --- | LAYOUT | --- */
	#page {position: relative; left: 1em; top: 2.75em; padding: 0 1em 0 1.25em; width: 55.94em; background: #FFF url(/images/living_sk/head_bcg.jpg) no-repeat;}
	#head {position: relative; height: 16.06em;}
	#content {padding: 1em 0; min-height: 1px; background: url(/images/living_sk/content_bcg.png) repeat-x;
	_height: 1px;}
	
	/*Temporary solution without navigation*/
	/*
	.tabs,
	#nav {display: none;}
	#head {height: 14.06em !important;}
	#content {padding-top: 2em; !important;}
	*/
	
	/* --- Columns --- */
	#col-1 {float: right; width: 18.88em;}
	#col-2 {float: left; width: 36.44em;}

	/* --- Foot --- */
	#foot {padding-bottom: 1em;}
	#foot small {font-size: 0.69em;}
	/* fatchilli.com footer sign */
	#fat {text-decoration: none;}
	#fat span {text-decoration: underline;}
	#fat span i {color: #9e1f10; font-style: normal;}

	/* Logo */
	h1,
	h1 a,
	h1 i {position: absolute; top: 0; left: 0; display: block; width: 572px; height: 237px;}
	h1 {top: -1.35em;}
	h1 i {z-index: 1; background: url(/images/living_sk/living_logo.jpg) no-repeat; cursor: pointer;}
	/* Login form */
	.bcg {position: absolute; top: 0.8em; right: 0; width: 19em; height: 11.31em; background-color: #fffddf; -khtml-opacity: 0.5; opacity: 0.5; 
	=filter: alpha(opacity=50);}
	#login {position: absolute; right: 1em; top: 2em; width: 16em;}
	#login h2 {margin-bottom: 0.5em; font-size: 1.13em; font-weight: normal;}
	#login legend {display: none;}
	#login fieldset {margin-bottom: 1em;}
	#login th {padding-right: 0.4em;}
	#login td {padding-left: 0.25em;}
	#login label {color: #676767; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-weight: bold;}
	#login .err-msg {position: absolute; top: 7.4em; left: 0; color: #e11a1a; font-size: 1.18em; font-weight: bold;}
	#login .tip {color: #a79888; font-size: 0.69em;}
	#login .field {border: 1px solid #c70091; width: 10em;}
	/* Interportal navigation */
	#ext {position: absolute; top: -2em; right: 0; z-index: 1;}
	#ext li {float: left; margin-left: 0.5em; padding: 0.25em 0.75em; display: block; background: url(/images/living_sk/link_bcg.png);
	_background: none;}
	#ext a {display: block; padding-right: 14px; color: #FFF; background: transparent url(/images/living_sk/ext.png) right 2px no-repeat; font-size: 0.75em; text-decoration: none;}
	#ext a:hover {text-decoration: underline;}
	#ext b {color: #000;}
	#ext i {color: #c10606; font-style: normal; font-weight: normal;}
	/* Main navigation */
	#nav {position: absolute; bottom: 0; height: 1.8em;}
	#nav li {position: relative; float: left; display: block;}
	#nav a {padding: 0.4em 0.85em; display: block; color: #FFF; font-size: 0.81em; text-decoration: none; 
	_display: inline-block; /*IE*/}
	#nav a:hover {background-color: #f5f5f5; color: #000;}
	#nav a.act {position: relative; top: -0.6em; border-top: 3px solid #a5a5a5; height: 1.65em; background-color: #FFF; color: #000;}
	#nav a.act:hover b {display: none;}
	/* Items colors */
	#nv-i1 {background-color: #000000;}
	#nv-i2 {background-color: #0a0a0a;}
	#nv-i3 {background-color: #0a0a0a;}
	#nv-i4 {background-color: #0a0a0a;}
	#nv-i5 {background-color: #494949;}
	#nv-i6 {background-color: #707070;}
	#nv-i7 {background-color: #8c8c8c;}
	#nv-i8 {background-color: #a5a5a5;}
	#nv-i9 {background-color: #b7b7b7;}
	#nv-i10 {background-color: #c6c6c6; color: #000 !important;}
	#nv-i11 {background-color: #d7d7d7; color: #000 !important;}
	#nv-i12 {background-color: #e2e2e2; color: #000 !important;}
	#nv-i13 {background-color: #eaeaea; color: #000 !important;}
	#nv-i14 {background-color: #f5f5f5; color: #000 !important;}
	
	/* --- Tabs --- */
	.tabs {margin-bottom: 0.5em; border-bottom: 1px solid #c8c8c8; height: 1.6em;}
	.tabs li {float: left; margin-right: 0.5em;}
	.tabs a {padding: 0.25em 0.85em; display: block; height: 1.1em; background-color: #f2f2f2; color: #707070; font-family: sans-serif; font-size: 1em; text-decoration: none;
	_display: inline-block;/*IE*/}
	.tabs a:hover {background-color: #e3e3e3;}
	.tabs a.act {position: relative; top: -0.15em; padding: 0.28em 0.85em; border-top: 3px solid #a5a5a5; background-color: #FFF; font-weight: bold;}

	/* --- News ---- */
	.new {margin-bottom: 1em;}
	.new h3 {position: relative; margin-bottom: 0.25em; padding-top: 0.9em; font-size: 1em; line-height: 110%;}
	.new h3 a {color: #806e5b; text-decoration: none;}
	.new h3 a:hover {text-decoration: underline;}
	.new h3 b {margin-left: 0.5em; padding: 0.1em 0.5em; background-color: #000; color: #FFF;  font-size: 0.84em;}
	.new h3 small {position: absolute; top: 0; left: 0; color: #A7A7A7; font-size: 0.56em; font-weight: normal;}
	
	/* REGISTRATION */
	.case {padding: 0; list-style: none;}
	.case h5 {font: normal 1.25em Georgia, "New York CE", utopia, sans-serif; color: #002468;}
	.case p {font-size: 0.75em; color: #515151;}
	.case li {margin-bottom: 1.5em; padding-left: 48px; background-repeat: no-repeat; min-height: 45px; _height: 45px;/*IE*/}
	.case li.ol1 {background-image: url(../images/one.png);}
	.case li.ol2 {background-image: url(../images/two.png);}
	.case li.ol3 {background-image: url(../images/three.png);}	
	
	 /* --- | Forms | --- */
	form table {}
	form table th,
	form table td {font-size: 0.75em; vertical-align: top;}
	form table th {padding-right: 0.5em;}
	.field {border: 1px solid #b7b6cc; width: 8em;}
	.field.s {width: 3em;}
	.field.l {width: 11em;}
	.field.xl {width: 14em;}
	.field.xxl {width: 25em;}
	.button {border-color: #f8d5d4 #d8aeac #b98b8a #f8d5d4; background-color: #AAA; color:#FFF; font-size: 0.92em; font-weight: normal; }
	label b {color: #7c0000; font-size: 1.3em;}
	.border {margin-bottom: 1em; padding-left: 1em; border-left: 3px solid #A7A9AC;}	
	
	.aa {margin-bottom: 1em; clear: both;}
	.bigone {float: left; margin: 0 10px 5px 0;}
	
	/* --- | Attachments | --- */
	.atach {margin: 0 0 1em 0.5em; list-style: none;}
	.atach li {font-size: 0.69em;}
	.atach li a {}
	.atach li img {position: relative; top: 0.2em; margin-right: 0.5em;}
	
	/* --- | Media news | --- */ 
	.media {position: relative; margin-bottom: 1em; padding-left: 200px; height: 8em;}
	.media h3 {margin-bottom: 0.75em; padding-top: 0.35em; color: #806e5b; font-size: 1.1em; line-height: 95%;}
	.media h3 small {color: #A7A7A7; font-size: 0.69em; font-weight: normal;}
	.media .pic {position: absolute; left: 0; top: 0; border: 2px solid #DBDBDC;}
	.media .pic img {border: 1px solid #FFF;}
	.media a.ext {padding: 0.15em 0.5em; background-color: #F5F5F5; font-size: 0.75em; text-decoration: none !important;}
	.media a.ext:hover {background-color: #000; color: #FFF;}
	
	/* --- | TOP: Cooperation | --- */
	.s-col {width: 48%;}
	.partner {margin-bottom: 15px;}
	.partner h3 {margin-bottom: 4px; font-size: 16px; font-weight: normal;}
	.partner p {font-size: 12px;}
	
	/* --- | TPL: HOME | --- */
	.home {}
	.home .perex {margin-bottom: 2em; font-size: 0.88em; color: #949494;} 
	.home .p {margin-bottom: 3em; padding-left: 205px;}
	.home .p img {float: left; margin-left: -205px;}
	.home h2,
	.home h2 i {position: relative; display: block; overflow: hidden; background-repeat: no-repeat;}
	.home h2 {clear: none !important; margin-bottom: 0.5em;}
	.home h2 i {position: absolute; top: 0; left: 0; z-index: 1;}
	h2.cas,
	h2.cas i {width: 119px; height: 39px; background-image: url(/images/living_sk/cas_logo.png);}
	h2.sme,
	h2.sme i {width: 103px; height: 39px; background-image: url(/images/living_sk/sme_logo.png);}
	h2.zoznam,
	h2.zoznam i {width: 146px; height: 39px; background-image: url(/images/living_sk/zoznam_logo.jpg);}
	h2.hn,
	h2.hn i {width: 269px; height: 41px; background-image: url(/images/living_sk/hn.jpg);}
	h2.spect,
	h2.spect i {width: 163px; height: 30px; background-image: url(/images/living_sk/spect.jpg);}
	h2.s-rel,
	h2.s-rel i {width: 101px; height: 33px; background-image: url(/images/living_sk/srelaity_logo.jpg);}
	h2.hn-rel,
	h2.hn-rel i {width: 72px; height: 33px; background-image: url(/images/living_sk/hnreality_logo.jpg);}