@charset "utf-8";
/* CSS Document */
	#lapa {
		background: url(/images/lapa_mniejsza.png) center center no-repeat;
	}
	#menuFlash {
		display: none;
		z-index: 10;
	}
	#rama_flash {
		top: 60px;
		left: 175px;
		width: 760px;
		height: 520px;
	}
	#rama_flash[id] {
		display: table;
	}
	#middleFrame[id] {
		display: table-cell;
		vertical-align: middle;
	}
	#ramaSwfIn {
		margin: 0 auto;
		display: block;
		position: relative;
		top: -50%;
	}
	#contRegular {
		position: absolute;
		top: 0;
		width: 730px;
		left: 0;
		padding: 0 12px;
	}
	.tresc_podstrona_tlo .blenda_cont {
		position: absolute;
		display: none;
		top: 0;
		left: 1px;
		width: 752px;
		height: 446px;
		z-index: 20;
		background-color: #fff;
		opacity: 0.7;
		filter: alpha(opacity=70);
	}
	.topLayer {
		width: 643px;
		height: 276px;
		top: 85px;
		left: 53px;
		z-index: 21;
		position:relative;
		display: none;
	}
	.topLayer .left_corner, .topLayer .right_corner, .topLayer .descrypt {
		height: 276px;
		position: absolute;
		top: 0;
	}
	.topLayer .left_corner {
		width: 16px;
		background: url(/images/napeceta/layer/top_l_left.png) top center no-repeat;
		left: 0
		z-index: 22;
	}
	.topLayer .descrypt {
		position: absolute;
		left: 16px;
		background: url(/images/napeceta/layer/top_l_middle.png) left center repeat-x;
		width: 605px;
		z-index: 22;
	}
	.topLayer .descrypt .forms {
		width: 240px;
		height: 240px;
		float: right;
		padding: 8px;
		display: inline;
		margin: 1px 6px 0 0;
	}
	.topLayer .main_img {
		position: absolute;
		left: 1px;
		top: 1px;
		z-index: 23;
	}
	.topLayer .right_corner {
		background: url(/images/napeceta/layer/top_l_right.png) top center no-repeat;
		right: 0;
		width: 22px;
	}
	.topLayer .close_cross {
		background: url(/images/ankieta/red_cross.gif) center center no-repeat;
		width: 16px;
		height: 16px;
		position: absolute;
		display: block;
		top: 10px;
		z-index: 24;
		left: 608px;
	}
	.game_cont_all {
		width: 351px;
		height: 152px;
		float: left;
		position: relative;
		margin: 7px;
		display: inline;
	}
	.game_cont_all .left_corner {
		position: absolute;
		top: 0;
		left: 0;
		background:url(/images/napeceta/onimg_border.png) center center no-repeat;
		height: 152px;
		width: 9px;
		z-index: 18;
	}
	.game_cont_all .right_corner {
		background: url(/images/napeceta/onimg_border_right.png) center center no-repeat;
		height: 152px;
		width: 9px;
		float: right;
	}
	.game_cont_all .descrypt {
		height: 134px;
		width: 122px;
		border-bottom: solid 1px #ccc;
		border-top: 1px solid #ccc;
		float: left;
		padding: 8px;
	}
	.noViss {
	  position: absolute;
		
	}
	.game_cont_all h3.title {
		font-size: 9px;
		line-height: 10px;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #777;
		
	}
	.game_cont_all h2.name {
		color: #cc0000;
		font-size: 10px;
		line-height: 12px;
		font-weight: normal;
		margin: 0 0 8px 0;
	}
	.game_cont {
		width: 236px;
		height: 190px;
		border: solid 1px #ccc;
		background-color: #fff;
		position: relative;
		top: 1px;
		left: 1px;
		z-index: 9;
	}
	.gray_bg {
		position: absolute;
		top: 1px;
		left: 1px;
		background-color: #ccc;
		width: 238px;
		height: 192px;
	}
	.game_cont_all:hover .game_cont{
		background-color: #000;
		border: solid 1px #000;
		top: 0;
		left: 0;
	}
	.game_cont_all:hover .gray_bg {
		top: 2px;
		left: 2px;
	}
	.game_cont_all:hover .game_cont p {
		color: #fff;
	}
	.game_cont a.all_link {
		display: block;
		position: absolute;
		width: 236px;
		height: 190px;
		outline: none;
		top: 0;
		left: 0;
		z-index: 999;
		background-color: #fff;
		filter: alpha(opacity=0);
		opacity: 0;
	}
	.game_cont_all img {
		float: left;
		display: block;
		position: relative;
		z-index: 8;
		border-bottom: solid 1px #ccc;
		border-top: 1px solid #ccc;
	}
	
	.game_cont p {
		height: 12px;
		font-size: 11px;
		padding: 1px 3px 3px 3px;
		color: #666;
	}
	#kartki_form input {
		width: 230px;
	}
	#kartki_form textarea {
		width: 230px;
		overflow: auto;
		margin: 3px 0;
	}
	#horMenu {
		height: 20px;
		width: 739px;
		display: block;
		position: absolute;
		left: 182px;
		top: 83px;
	}
	#horMenu li, #horMenu li a {
		height: 20px;
		display: block;
		float: left;
		color: #000;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
		line-height: 20px;
		font-size: 9px;
		outline: none;
	}
	#horMenu li {
		list-style: none;
	}
	#horMenu li a {
		padding: 0 8px;
		background: url(/images/gray_line.gif) right bottom no-repeat;
	}
	#horMenu li.active, #horMenu li.active:hover   {
		background:url(/images/menu_left.gif) left top no-repeat;
	}
	#horMenu li:hover {
		background:url(/images/menu_left_hov.gif) left top no-repeat;
	}
	
	#horMenu li.active a,  #horMenu li.active a:hover {
		color: #fff;
		background:url(/images/menu_right.gif) right top no-repeat;
	}
	#horMenu li a:hover {
		background:url(/images/menu_right_hov.gif) right top no-repeat;
		color: #fff;
	}
	.back_butt {
		background: url(/images/back_butt.gif) center center no-repeat;
		width: 107px;
		height: 30px;	
	}
	.back_butt a {
		width: 107px;
		height: 30px;	
		display: block;
		text-indent: -999em;
		outline: none;
	}
	.back_butt a:hover {
		background: url(/images/truple_arrow.gif) 8px center no-repeat;
	}
	#backNaPecet {
		position: absolute;
		top: 190px;
		left: 40px;
	}
	.cardFrame .tresc_podstrona_tlo {
		height: 320px;
	}
	.cardFrame #zao_dol {
		bottom: 157px;
	}
	#imgCont {
		width: 500px;
		height: 300px;
		position: relative;
		float: left;
		margin-top: 10px;
	}
	#imgCont .card, #imgCont .frame {
		position: absolute;
		z-index: 1;
	}
	#imgCont .frame {
		z-index: 2;
		width: 500px;
		height: 300px;
		background: url(/images/napeceta/kartki/przykrywka.png) center center no-repeat
	}
	#contRegular #textCont {
		float: right;
		width: 220px;
		height: 300px;
		margin-top: 10px;
		padding: 0 0 0 10px;
	}
	#contRegular #textCont h2 {
		font-size: 12px;
		background: url(/images/link.gif) left center no-repeat;
		padding: 0 0 0 25px;
		height: 20px;
		line-height: 20px;
		margin: 10px 0 5px 0;
	}
	#contRegular #textCont h3 {
		font-size: 11px;
		font-weight: normal;
		line-height: 16px;
		margin: 10px 0 5px 0;
		padding: 10px 3px 0 3px;
	}
	#contRegular #textCont p {
		border: solid 1px #000;
		padding: 5px;
	}
	#contRegular #textCont h2 span, #contRegular #textCont h3 span {
		color: #000;
		font-weight: bold;
	}
	/* dodane przez Szeryf [przemekp] */
	a.screen_res {
		display: block;
		width: 99%;
	}
	
	#kartki_form input.kartki_send {
		border: medium none;
		float: right;
		margin: 9px 16px 0 0;
		width: 63px;
		height: 23px;
		outline: none;
	}
	
	#kartki_form textarea {
		height: 122px;
	}
	
	#formFeedback {
		color: red;
		font-weight: bold;
		text-align: center;
		float: left;
		height: 30px;
		margin-top: 9px;
		width: 150px;
	}

	#kartki_form #formSent {
		display: none;
		float: right;
		height: 240px;
		margin: 1px 6px 0pt 0pt;
		padding: 112px 8px;
		font-weight: bold;
		color: red;
		width: 240px;
		text-align: center;
	}
	