html, body, div, pre, form, fieldset, input, h1, h2, h3, h4, h5, h6, p, textarea, ul, ol, li, dl, dt, dd, blockquote, th, td {
	margin:0;
	padding:0;
}

html {
	height: 100%;/*makes the html the full window height*/
}

body {
	min-height: 100%;/*sets the body to the window height*/
	_height:100%;/*ie 6 hack - better in a specific stylesheet*/
	position: relative;/*tells the footer to use the body the reference when setting position*/
	
	background-color:#fff;
	background:url(../i/site/bg_pattern.gif) top center repeat;
	color: #000;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:normal;
}

/* ogolne */

a img {
	border:none;
}

a:visited, a:active {
	outline:none;
}

.hidden {
	display:none;
}

.right {
	float:right;
	clear:right;
}

.left {
	float:left;
	clear:left;
}

img.left, img.right {
	padding:0 16px;
}

.center {
	text-align:center;
}

.text-left {
	text-align:left;
}

.text-right {
	text-align:right;
}

.smaller {
	font-size:10px;
}

p {
	margin-bottom:1em;
}

p:last-child {
	margin-bottom:0;
}

img {
	border:0;
}

h1 span {
	display:none;
}

div#page {
	background:url(../i/site/bg_top.png) top center no-repeat;
/*	min-height:446px;*/
}

#ad1 {
/*	display:inline-block;*/
	float:left;
	margin-left:12px;
	margin-top:28px;
	margin:28px 0 10px 24px;
	width:750px;
}

div#top {
	display:block;
	margin:0 auto;
	width:1024px;
}

	div#top div#logo {
/*		display:inline-block;*/
		float:left;
		width:210px;
		height:140px;
		text-align:right;
	}
	
		div#top div#logo a {
			display:block;
			padding-top: 15px;
		}

	div#top div#ad {
		/* 530x130 */
		background:url(../i/site/ad_baner_bg.png) right bottom no-repeat;
		display:inline-block;
		float:left;
/*		margin-left:42px;
		margin-top:50px;*/

		width:488px;
		height:80px;

		padding-left:30px;
		padding-top:20px;
		margin-top:30px;
		margin-left:12px;
		
		_padding-left:42px;
		_padding-top:50px;
		_margin:0;
		
	}

	div#top div#next_issue {
		display:inline-block;
		float:right;
		margin-right:40px;
	}

	div#menu {
		clear:both;
		display:block;
		text-align:center;
		width:100%;
	}
	

/* - mid - */
	div#mid {
		width:1024px;
		margin:0 auto;
	}

		div#mid div#ban {
			float:left;
			display:block;
			text-align:center;
			width:748px;
			height:100px;

		}
	
		div#mid div#zajaw {
			float: right;
			display:block;
			text-align:right;
			width:276px;
			height:500px;
		}

		div#mid div#left_bar {
			float: left;
			display:block;
			text-align:center;
			width:254px;
		}
		
		div#mid div#mods {
			text-align:center;
		}
	
		div#mid div.sub {
			float:left;
			display:block;
			width:748px;
			margin-top:12px;
		}
		
		div#mid div.rozrywka div.sub_mid div.header {
			clear:both;
			display:block;
			margin:0 auto;
			width:748px;
		}

		/* IE7 bottom margin fix */
		div.sub_mid {
			border-bottom:1px solid transparent;
		}

		/* definitions: rozrywka */

		div#mid div.rozrywka div.sub_top {
			background:url(../i/site/sub_bg_recenzje_top.gif) top center no-repeat;
			display:block;
			height:16px;
		}

		div#mid div.rozrywka div.sub_mid {
			background:url(../i/site/sub_bg_recenzje_mid.gif) top center repeat-y;
			color:#fff;
			display:block;
			font-size:14px;
			padding:0 28px;
		}

		div#mid div.rozrywka div.sub_btm {
			background:url(../i/site/sub_bg_recenzje_btm.gif) top left no-repeat;
			display:block;
			height:16px;
		}
		
		/* definitions: zwierzyniec */

		div#mid div.zwierzyniec div.sub_top {
			background:url(../i/site/sub_bg_zwierzyniec_top.gif) top center no-repeat;
			display:block;
			height:16px;
		}

		div#mid div.zwierzyniec div.sub_mid {
			background:url(../i/site/sub_bg_zwierzyniec_mid.gif) top center repeat-y;
			color:#fff;
			display:block;
			font-size:14px;
			padding:0 28px;
		}

		div#mid div.zwierzyniec div.sub_btm {
			background:url(../i/site/sub_bg_zwierzyniec_btm.gif) top left no-repeat;
			display:block;
			height:16px;
		}
		
		/* definitions: gwiazdy */

		div#mid div.gwiazdy div.sub_top {
			background:url(../i/site/sub_bg_gwiazdy_top.gif) top center no-repeat;
			display:block;
			height:16px;
		}

		div#mid div.gwiazdy div.sub_mid {
			background:url(../i/site/sub_bg_gwiazdy_mid.gif) top center repeat-y;
			color:#fff;
			display:block;
			font-size:14px;
			padding:0 28px;
		}

		div#mid div.gwiazdy div.sub_btm {
			background:url(../i/site/sub_bg_gwiazdy_btm.gif) top left no-repeat;
			display:block;
			height:16px;
		}		

		div#mid div.gwiazdy div.archive {
			background-color:#f6cd19;
			border:3px solid #ec008c;
			padding:1em;
			margin:1em 0;
			
			-webkit-border-radius: 8px; /* Safari, Chrome */
			-khtml-border-radius: 8px;    /* Konqueror */
			-moz-border-radius: 8px; /* Firefox */
			border-radius: 8px;				
		}
		
		div#mid div.gwiazdy div.archive a {
			color:#763797;
			text-decoration:none;
		}

		div#mid div.gwiazdy div.archive a:hover {
			color:#763797;
			border-bottom:2px solid #ec008c;
		}

		div#mid div.gwiazdy div.archive p {
			color:#333;
			margin:1em 0 0 0;
		}

		div#mid div.gwiazdy div.archive p a {
			font-weight:bold;
		}


		/* definitions: wasze problemy */

		div#mid div.problemy div.sub_top {
			background:url(../i/site/sub_bg_problemy_top.gif) top center no-repeat;
			display:block;
			height:16px;
		}

		div#mid div.problemy div.sub_mid {
			background:url(../i/site/sub_bg_problemy_mid.gif) top center repeat-y;
			color:#fff;
			display:block;
			font-size:14px;
			padding:0 28px;
		}

		div#mid div.problemy div.sub_btm {
			background:url(../i/site/sub_bg_problemy_btm.gif) top left no-repeat;
			display:block;
			height:16px;
		}		
		
			div#mid div.problemy div.sub_mid div.problemy_list {
				background:url(../i/site/item_problemy.gif) top left no-repeat;
				clear:both;
				display:block;
				height:337px;
				margin:0 0 0 26px;
				width:574px;
				overflow:hidden;
			}

			div#mid div.problemy div.sub_mid div.problemy_list p {
				color:#000;
				padding:1em 0 0 28px;
				margin:0;
				width:334px;
			}

			div#mid div.problemy div.sub_mid div.problemy_list p.lead {
				font-weight:bold;
				font-style:italic;
			}
		
		/* definitions: horoskop */

		div#mid div.horoskop div.sub_top {
			background:url(../i/site/sub_bg_horoskop_top.gif) top center no-repeat;
			display:block;
			height:16px;
		}

		div#mid div.horoskop div.sub_mid {
			background:url(../i/site/sub_bg_horoskop_mid.gif) top center repeat-y;
			color:#fff;
			display:block;
			font-size:14px;
			padding:0 28px;
		}

		div#mid div.horoskop div.sub_btm {
			background:url(../i/site/sub_bg_horoskop_btm.gif) top left no-repeat;
			display:block;
			height:16px;
		}		
		
			div#mid div.horoskop div.sub_mid div.horoskop_item {
				background:url(../i/site/item_horoskop.gif) top left no-repeat;
				clear:both;
				display:block;
				height:244px;
				margin:0 auto;
				margin-top:16px;
				width:625px;
				overflow:hidden;
			}

			div#mid div.horoskop div.sub_mid div.horoskop_item div.txt {
				color:#fff;
				margin:0;
				padding:0;
				padding-right:12px;
			}

			div#mid div.horoskop div.sub_mid div.horoskop_item div.alt {
				padding:0;
				padding-left:24px;
			}

				div#mid div.horoskop div.sub_mid div.horoskop_item div.txt h1 {
					font-family:Arial, Helvetica, sans-serif;
					font-size:24px;
					font-weight:bold;
					font-style:italic;
					padding:23px 0 .8em 0;
				}

				div#mid div.horoskop div.sub_mid div.horoskop_item div.txt img {
					float:left;
					margin:12px 21px 0 30px;
				}

				div#mid div.horoskop div.sub_mid div.horoskop_item div.alt img {
					float:right;
					margin:12px 30px 0 21px;
				}

			div#mid div.horoskop div.sub_mid div.horoskop_item p.lead {
				font-weight:bold;
				font-style:italic;
			}
			
		/* definitions: zenady gwiazd */

		div#mid div.zenady_gwiazd div.sub_top {
			background:url(../i/site/sub_bg_zenadygw_top.gif) top center no-repeat;
			display:block;
			height:16px;
		}

		div#mid div.zenady_gwiazd div.sub_mid {
			background:url(../i/site/sub_bg_zenadygw_mid.gif) top center repeat-y;
			color:#fff;
			display:block;
			font-size:14px;
			padding:0 28px;
		}

		div#mid div.zenady_gwiazd div.sub_btm {
			background:url(../i/site/sub_bg_zenadygw_btm.gif) top left no-repeat;
			display:block;
			height:16px;
		}		
			
		/* definitions: daj znaka */

		div#mid div.daj_znaka div.sub_top {
			background:url(../i/site/sub_bg_dajznaka_top.gif) top center no-repeat;
			display:block;
			height:16px;
		}

		div#mid div.daj_znaka div.sub_mid {
			background:url(../i/site/sub_bg_dajznaka_mid.gif) top center repeat-y;
			color:#fff;
			display:block;
			font-size:14px;
			padding:0 28px;
		}

		div#mid div.daj_znaka div.sub_btm {
			background:url(../i/site/sub_bg_dajznaka_btm.gif) top left no-repeat;
			display:block;
			height:16px;
		}		

			div#mid div.daj_znaka div.sub_mid div.info {
				background:url(../i/site/bg_dajznaka_tab.gif) top left no-repeat;
				float:right;
				height:208px;
				width:252px;
			}

			div#mid div.daj_znaka div.sub_mid div.info p {
				color:#000;
				margin:18px 28px;
			}

			div#mid div.daj_znaka div.sub_mid div.info p a {
				color:#000;
			}

			div#mid div.daj_znaka div.sub_mid div.info p a:hover {
				text-decoration:none;
			}

			/* form elements */
			div#mid div.daj_znaka div.sub_mid form {
			}

				div#mid div.daj_znaka div.sub_mid form label {
					color:#ec008c;
					display:inline-block;
					float:left;
					margin-right:12px;
					margin-top:3px;
					text-align:right;
					width:158px;
				}
				
				
				div#mid div.daj_znaka div.sub_mid form label.icon img {
					margin-top:32px;
				}

			
				div#mid div.daj_znaka div.sub_mid form input[type=text], div#mid div.daj_znaka div.sub_mid form textarea {
					border:2px solid #ec008c;
					background:url(../i/site/bg_dajznaka_input.gif) top left no-repeat;
					padding:3px;
					width:240px;
				}
				
				div#mid div.daj_znaka div.sub_mid form textarea {
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size:14px;
					height:148px;
					width:484px;
				}

				div#mid div.daj_znaka div.sub_mid form input[type=image] {
					margin-right:24px;
				}


		/* definitions: tapety */

		div#mid div.tapety div.sub_top {
			background:url(../i/site/sub_bg_tapety_top.gif) top center no-repeat;
			display:block;
			height:16px;
		}

		div#mid div.tapety div.sub_mid {
			background:url(../i/site/sub_bg_tapety_mid.gif) top center repeat-y;
			color:#fff;
			display:block;
			font-size:14px;
			padding:0 28px;
		}

		div#mid div.tapety div.sub_btm {
			background:url(../i/site/sub_bg_tapety_btm.gif) top left no-repeat;
			display:block;
			height:16px;
		}		

			div#mid div.tapety div.sub_mid div.wp {
				background:url(../i/site/bg_info_wp.gif) bottom center no-repeat;
				display:inline-block;
				float:left;
				width:230px;
				height:287px;
			}

			div#mid div.tapety div.sub_mid div.wp p {
				margin:6px 0 0 14px;
				text-align:center;
			}

			div#mid div.tapety div.sub_mid div.wp p a {
				color:#fff200;
				font-size:18px;
				text-decoration:none;
			}

			div#mid div.tapety div.sub_mid div.wp p a:hover {
				background-color:#fff200;
				color:#EC008C;
				padding:0 4px;
				
				-webkit-border-radius: 4px; /* Safari, Chrome */
				-khtml-border-radius: 4px;    /* Konqueror */
				-moz-border-radius: 4px; /* Firefox */
				border-radius: 4px;					
			}


		/* definitions: fajne-linki */

		div#mid div.linki div.sub_top {
			background:url(../i/site/sub_bg_linki_top.gif) top center no-repeat;
			display:block;
			height:16px;
		}

		div#mid div.linki div.sub_mid {
			background:url(../i/site/sub_bg_linki_mid.gif) top center repeat-y;
			color:#333;
			display:block;
			font-size:14px;
			padding:0 28px;
		}

			div#mid div.linki div.sub_mid h1 {
				margin:2em 0 1em 0;
				text-align:center;
			}

			div#mid div.linki div.sub_mid p {
				margin:0 3em;
			}

		div#mid div.linki div.sub_btm {
			background:url(../i/site/sub_bg_linki_btm.gif) top left no-repeat;
			display:block;
			height:16px;
		}		


		/* definitions: quizy */

		div#mid div.quizy div.sub_top {
			background:url(../i/site/sub_bg_quizy_top.gif) top center no-repeat;
			display:block;
			height:16px;
		}

		div#mid div.quizy div.sub_mid {
			background:url(../i/site/sub_bg_quizy_mid.gif) top center repeat-y;
			color:#fff;
			display:block;
			font-size:14px;
			padding:0 28px;
		}

		div#mid div.quizy div.sub_btm {
			background:url(../i/site/sub_bg_quizy_btm.gif) top left no-repeat;
			display:block;
			height:16px;
		}
		
			div#mid div.quizy div.sub_mid div.quest {
				background:url(../i/site/bg_quiz_quest_top.gif) top center no-repeat;
				clear:both;
				display:block;
				width:628px;
				margin:1em auto 0 auto;
			}

				div#mid div.quizy div.sub_mid div.quest p.result {
					color:#3f3f3f;
					padding:1em 32px;
				}


				div#mid div.quizy div.sub_mid div.quest div.q {
					clear:both;
					display:block;
					height:32px;
					padding:24px 0 0 26px;
					width:574px;
				}

				div#mid div.quizy div.sub_mid div.quest div.a {
					clear:both;
					display:block;
					padding:1em 0 1em 50px;
					width:544px;
				}

				div#mid div.quizy div.sub_mid div.quest div.a p {
					background-image:url(../i/site/bg_a_radio.gif);
					background-position: 9px top;
					background-repeat:no-repeat;
					font-size:15px;
					line-height:28px;
					margin:.3em 0;
				}

					div#mid div.quizy div.sub_mid div.quest div.a p.a1 {
						color:#ec008c;
					}

					div#mid div.quizy div.sub_mid div.quest div.a p.a2 {
						color:#0869e1;
					}

					div#mid div.quizy div.sub_mid div.quest div.a p.a3 {
						color:#c81eff;
					}


				div#mid div.quizy div.sub_mid div.quest div.a p input[type=radio] {
/*					border:1px solid #f0f;
					background-image:url(../i/site/bg_a_radio.gif);
					background-position: center top;
					background-repeat:no-repeat;
					width:30px;
					height:30px;*/
					margin:0 4px;
					vertical-align:middle;
				}
				
				div#mid div.quizy div.sub_mid p.desc {
					color:#222;
					clear:both;
					margin:.6em auto;
					width:596px;
					padding:16px;
				}

			div#mid div.quizy div.sub_mid div.quest_btm {
				background:url(../i/site/bg_quiz_quest_btm.gif) bottom center no-repeat;
				display:block;
				height:26px;
				width:628px;
				margin:0 auto 1em auto;
			}
		

		/* definitions: survey */

		div#mid div.survey div.sub_top {
			background:url(../i/site/sub_bg_survey_top.gif) top center no-repeat;
			display:block;
			height:16px;
		}

		div#mid div.survey div.sub_mid {
			background:url(../i/site/sub_bg_survey_mid.gif) top center repeat-y;
			color:#fff;
			display:block;
			font-size:14px;
			padding:0 28px;
		}

		div#mid div.survey div.sub_btm {
			background:url(../i/site/sub_bg_survey_btm.gif) top left no-repeat;
			display:block;
			height:16px;
		}
		
			div#mid div.survey div.sub_mid p.desc {
				color:#222;
				clear:both;
				font-weight:bold;
				margin:.6em auto;
				width:596px;
				padding:16px;
			}

			div#mid div.survey div.sub_mid div.quest {
				background-color: rgba(236,0,140,0.65);
				border:2px solid #EC008C;
				clear:both;
				color:#222;
				display:block;
				width:596px;
				margin:1em auto;
				padding:.6em;
				text-align:right;
				

				-webkit-border-radius: 6px; /* Safari, Chrome */
				-khtml-border-radius: 6px;    /* Konqueror */
				-moz-border-radius: 6px; /* Firefox */
				border-radius: 6px;					
			}

				div#mid div.survey div.sub_mid div.quest:hover {
					background-color: #EC008C;
					border:2px solid #00ABEF;
				}
			

				div#mid div.survey div.sub_mid div.quest label {
					width:400px;
					float:left;
					text-align:left;
				}

				div#mid div.survey div.sub_mid div.quest select {
					background-color:#FFF200;
					border:2px solid #00ABEF;
					clear:right;
					float:right;
					margin:.2em 0;
					width:150px;
				}
			
		/* definitions: video */

		div#mid div.video div.sub_mid {
			color:#fff;
			display:block;
			font-size:14px;
/*			padding:0 28px;*/
			padding-left:14px;
		}





			div#mid div.sub_mid h1 {
				font-weight:bold;
				font-size:18px;
			}


			div#mid div.sub_mid h2 {
/*				text-align:center;*/
				clear:both;
				font-size:18px;
				font-weight:bold;
				font-family:Arial, Helvetica, sans-serif;
				line-height:18px;
				margin:20px 0;
				text-transform:uppercase;
			}

				div#mid div.sub_mid h2:first-letter {
					font-size:24px;
					text-transform:uppercase;
				}

			div#mid div.sub_mid h2 span {
				display:none;
			}
			

	div#footer {
		clear:both;
		color:#1b448a;
		display:block;
		font-size:10px;
		margin:1.5em auto 0 auto;
		padding:1em;
		text-align:left;
		text-shadow:#000;
		width:990px;
	}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after  {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

img, div { behavior: url(/css/iepngfix.htc) }