body {
	margin: 0;
	padding: 0;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 11px;
}

/**
 *
 * FORMULARZE
 *
 **/
.input {
	background-color: #DEDEDE;
	padding: 1px 2px;
	border: 1px solid #E4E4E3;
	margin: 2px 2px;
	font-size: 0.9em;
}
.input:focus {
	border: 1px solid #EAEAEA;
	background-color: #E5E5E5;
}
.button {
	border: 1px solid #E4E4E3;
	background-color: #DEDEDE;
	margin: 2px 2px;
	font-size: 0.9em;
	text-transform: uppercase;
	padding: 0 20px;
}
.button:hover{
	border: 1px solid #EAEAEA;
	background-color: #E5E5E5;
	cursor: pointer;
}
textarea{
	font-size: 1em;
}

/**
 *
 * LINKI
 *
 **/
a{
	text-decoration: none;
	color: #838281;
}
a:hover{
	text-decoration: none;	
	color: #535251;
}
a img{
	border-width: 0;	
}

/***********************
 *                     *
 *     L A Y O U T     *
 *                     *
 ***********************/

/**
 *
 * BAZA LAYOUTU
 *
 **/
#page{
	width: 100%;
	height: 100%;
	min-height: 750px;
	background: url("/gfx/layout/background.png") #FFFFFF top left repeat-x;
	padding-top: 10px;
}
#page .page_body{
	margin: 0 auto;
	width: 970px;
	height: 100%;
	padding: 10px;
	text-align: center;
	overflow: hidden;
	background: #FFFFFF;
}
.hr{
	display: block;
	height: 2px;	
	width: 100%;
	clear: both;
	background: url("/gfx/layout/hr.png") top left repeat-x;
}

/**
 *
 * GÓRNA BELKA
 *
 **/
#top {
	width: 100%;
	position: relative;
}

#top .container{
	width: 100%;
	margin: 0 auto;
	clear: both;
	position: relative;
}

/* BELKA LOGO */
#top .container .top_row{
	width: 100%;
	height: 81px;
	background: url("/gfx/layout/top_bg.png") #FFFFFF repeat-x top left;
	text-align: left;
	position: relative;
}

#top a.current{
	font-weight: bold;
	color: #25201E;
}
#top .links{
	float: right;
	position: relative;
	top: -6px;
}
#top .logoImg{
	float: left;
	position: absolute;	
	top: -2px;
}

#top .logoTxt {
	font-family: Georgia, serif;
	font-size: 24px;
	position: absolute;
	width: 575px;
	height: 30px;
	left: 395px;
	top: 36px;
	text-align: left;
}

#top .topAd{
	text-align: right;
	float: left;
	width: 560px;
	height: 60px;	
}

/* BELKA MENU */
#top .container .top_menu{
	width: 100%;
	clear: both;
}
#top_menu{
	width: 100%;
	margin: 2px 0 3px 0;
	padding: 0 0 0 2px;	
	height: 23px;
}
#top_menu li{
	display: block;
	float: left;
}
#top_menu li a{ 
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	margin-right: 2px;
}
#top_menu li a:hover{ 
	background-position: 0 -23px;
}
#top_menu li a.current{
	background-position: 0 -23px;
}

/* ELEMENTY GÓRNEGO MENU */
#menu_home{
	background-image: url("/gfx/layout/menu/home.png");
	width: 59px;
}
#menu_fenomen{
	background-image: url("/gfx/layout/menu/fenomen.png");
	width: 86px;
}
#menu_slowlife{
	background-image: url("/gfx/layout/menu/slowlife.png");
	width: 87px;
}
#menu_speedlife{
	background-image: url("/gfx/layout/menu/speedlife.png");
	width: 93px;
}
#menu_art_of_existence{
	background-image: url("/gfx/layout/menu/art_of_existence.png");
	width: 156px;
}
#menu_kalendarz{
	background-image: url("/gfx/layout/menu/kalendarz.png");
	width: 103px;
}
#menu_prenumerata{
	background-image: url("/gfx/layout/menu/prenumerata.png");
	width: 123px;
}
#menu_video{
	background-image: url("/gfx/layout/menu/video.png");
	width: 61px;
}
#menu_reklama{
	background-image: url("/gfx/layout/menu/reklama.png");
	width: 81px;
}
#menu_archive{
	background-image: url("/gfx/layout/menu/archive.png");
	width: 97px;
}

/**
 *
 * ŚRODEK
 *
 **/
#body{
	margin: 9px 0;	
	text-align: left;
}

/**
 *
 * DOLNA BELKA
 *
 **/
#footer{
	width: 100%;
	clear: both;
}
#footer .container{
	height: 35px;
	line-height: 35px;
}
#footer .container .left_cell{
	width: 49%;
	float: left;
	text-align: left;
}
#footer .container .right_cell{
	width: 49%;
	float: right;
	text-align: right;
}
#footer a{
	color: #838281;
	text-decoration: none;	
}
#footer a.current{
	font-weight: bold;
	color: #25201E;
}
#footer a:hover{
	color: #535251;	
}



fieldset {
	margin: 5px 10px 20px 10px;
	border: 1px solid #E0E0E0;
}

/* POLA EDYCJI */
.fieldRow{
	display: block;
	clear: both;
	height: 2em;
}
.fieldLabel{
	border: 1px solid #DCDCDC;
	clear: left;
	display: block;
	float: left;
	height: 2em;
	line-height: 2em;
	margin: 0 2px 2px 0;
	padding-right: 2px;
	text-align: right;
	width: 175px;
}
.fieldValue{
	clear: right;
	display: block;
	float: left;
	height: 100%;
	line-height: 2em;
	text-align: left;
	width: 300px;
	vertical-align: top;
}
.noborder{
	border-width: 0;	
}


/**
 *
 * DODATKOWE KLASY
 *
 **/

.fleft{
	float: left;
}
.w40p{
	width: 40%;	
}
.w45p{
	width: 45%;	
}
.w49p{
	width: 49%;
}
.w50p{
	width: 50%;
}

.w60p{
	width: 60%;
}
.w200px{
	width: 200px;	
}
.w400px{
	width: 400px;	
}

.orange {
	color: #FF6600;
}
.red {
	color: #900;
}

.emptyField{
	font-weight: bold;
	color: #CC0000;
}
.bold{
	font-weight: bold;
}

.spacer{
	clear: both;
	width: 100%;	
}
.upper{
	text-transform: uppercase;	
}
.normal{
	font-size: 1em !important;
}
.smaller{
	font-size: 0.7em !important;
}
.bigger{
	font-size: 1.2em !important;
}
.center{
	text-align: center;	
}
.right{
	text-align: right;	
}
.left{
	text-align: left;	
}

/* STRONICOWANIE */
#paging{
	margin-left: 10px;
}
#paging .curPage{
	font-weight: bold;
	font-size: 1.25em;
}


/* INFO OKNA */
.info{
	display: block;
	width: 75%;
	clear: both;
	margin: 10px auto;
	border-top: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	background: #FAFAFA;
	text-align: center;
}
.info .title{
	border-bottom: 1px solid #DCDCDC;
	font-weight: bold;
	letter-spacing: 2px;
	font-variant: small-caps;
	font-size: 1.1em;
	padding: 2px 5px;
	background: #F5F5F5;
}
.info .body{
	 padding: 10px 5px;
	 font-size: 1.2em;
}
/* OK */
.ok, .ok *{
	border-color: #00AA00 !important;
	background: #F5FFF5;
}
.ok .title{
	color: #00AA00;
	background: #E0FFE0;
}
/* ERROR */
.error, .error *{
	border-color: #AA0000 !important;
	background: #FFF5F5;
}
.error .title{
	color: #AA0000;
	background: #FFE0E0;
}

label{
	cursor: pointer;
}

/** LINK DO ARCHWUM **/
.archive{
	margin: 0 0 8px 0;
	position: relative;
}

.archive .tresc {
	position: absolute;
	left: -600px;
	top: -100px;
	display: none;
	width: 800px;
	background-color: white;
	padding: 5px;
	border: 1px solid #000;
	text-align: left;
}

/** Informacje w stopce artykułu **/
.stopka{
	line-height: 4em;
	color: #932121;
}

.stopka .more{
	width: 50%;
	float: left;
}
.stopka .polec{
	display: block;
	width: 50%;
	float: right;
	text-align: right;
	text-decoration: underline;
}
.stopka .polec a{
	color: #952124;
}

/**
 * REKLAMY
 **/
/* wersja "nad" wszystkim
#advertisement{
	position: absolute;
	top: -120px;
	right: 0;
	width: 100%;
	height: 120px;
}
*/
#advertisement{
	width: 990px;
	position: relative;
	margin: 0 auto;
	background: #FFFFFF;
	left: -10px;
}
#advertisement .content{
	display: block;
	width: 100%;
	margin: 0 auto 10px auto;
	background: #FFFFFF;
	position: relative;
	/* wersja "nad" wszystkim
	top: 20px;
	*/
	top: 0px;
}
#advertisement a.adClose{
	position: absolute;
	/* wersja "nad" wszystkim
	right: 2px;
	top: -18px;
	*/
	top: 0;
	right: 0;
	display: block;
	height: 16px;
	width: 16px;
	background: url("/gfx/layout/close.png") 0 0 no-repeat transparent;
	cursor: pointer;
}
#advertisement .content a.adClose:hover{
	background-position: 0 -16px;
}

.rssContainer{
	position: absolute;
	right: 0;
	bottom: 5px;
}
.rssContainer a{
	float: left;
	display: block;
}

#e_mag{
	float: left;
	display: block;
	position: relative;
	top: -6px;
}