/*
 * Eric's Meyer Revoked Reset - 
 * http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/
 * */

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

a{
	outline: none !important;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}


body{
	background-color: #000000;
	color:            #ffffff;
	font-family:      Verdana, Arial, sans-serif;
	font-size:        15px;
	
	
}

#layout{
	width:            1024px;
	height:           768px;
	margin:           auto;

}

#contents{
	width:            512px;
	height:           768px;
	float:            left;
	background:       #000000 url(tlo.png) 0px 192px no-repeat;
}

#main{
	height:           748px;
	margin:           0px;
	padding:          0px;
	border-top:       1px solid black;
}

#decor{
	width:            512px;
	height:           768px;
	float:            right;

}
#scroll{
		height:   740px;
}


h1{
	color:            #E30202;
	font-size:        22px;
	margin-left:      20px;
	margin-top:       25px;
}

.imgText{
	background:       url(hdr_czym_jest.gif) no-repeat;
	width:            247px;
	height:           28px;
}

.imgText2{
	background:       url(hdr_tajny.gif) no-repeat;
	width:            395px;
	height:           28px;
}

.imgText3{
	background:       url(hdr_kontakt.gif) no-repeat;
	width:            395px;
	height:           28px;
}

.imgText4{
	background:       url(hdr_faq.gif) no-repeat;
	width:            250px;
	height:           28px;
}

.imgText5{
	background:       url(hdr_onas.gif) no-repeat;
	width:            395px;
	height:           28px;
}

.imgText6{
	background:       url(hdr_logowanie.gif) no-repeat;
	width:            395px;
	height:           29px;
}

.imgText7{
	background:       url(hdr_ustawienia.gif) no-repeat;
	width:            395px;
	height:           29px;
}

.imgText8{
	background:       url(hdr_regulamin.gif) no-repeat;
	width:            250px;
	height:           29px;
}

.imgText9{
	background:       url(hdr_linki.gif) no-repeat;
	width:            395px;
	height:           29px;
}
.imgText10{
	background:       url(hdr_komunikat.gif) no-repeat;
	width:            395px;
	height:           29px;
}


.imgText span{
	display:          none;
}


p{
	margin-left:      20px;
	margin-top:       20px;

	line-height:      1.2em;

	font-family:      Tahoma, sans-serif;
	font-size:        13px;
	text-align:       justify;
}

/**
 * menu 
 */

ul#menu{
	height:           20px;
	margin:           0px;
	padding:          0px 0px 0px 20px;
	list-style:       none;
}

#menu li{
	float:            left;
	margin-right:     10px;
	background:       #242424;
}

#menu a{
	display:          block;
	background:       #242424 url(mnu_faq.gif) center no-repeat;
	width:            50px;
	height:           19px;
}

#menu a:hover {
	background-image: url(mnu_faq_h.gif);
	background-color: #E30202;
}

#menu a span{
	display:          none;
}

#mnu_onas{
	background-image: url(mnu_onas.gif) !important;
	width:            60px !important; 
}

#mnu_glowna{
	background-image: url(mnu_glowna.gif) !important;
	width:            130px !important; 
}

#mnu_regulamin{
	background-image: url(mnu_regulamin.gif) !important;
	width:            95px !important; 
}

#mnu_kontakt{
	background-image: url(mnu_kontakt.gif) !important;
	width:            80px !important; 
}
#mnu_link{
	background-image: url(mnu_linki.gif) !important;
	width:            80px !important; 
}


#mnu_onas:hover {
	background-image: url(mnu_onas_h.gif) !important;
}

#mnu_glowna:hover {
	background-image: url(mnu_glowna_h.gif) !important;
}

#mnu_regulamin:hover {
	background-image: url(mnu_regulamin_h.gif) !important;
}

#mnu_kontakt:hover {
	background-image: url(mnu_kontakt_h.gif) !important;
}

#mnu_link:hover {
	background-image: url(mnu_linki_h.gif) !important;
}

/**
 * formularze 
 */

.tbox{
	height:           19px;
	background:       white url(tbox.gif) no-repeat;
	border:           0px solid white;
	padding:          0px 0px 0px 10px;
	font-family:      Tahoma, sans-serif;
	font-size:        12px;
	width:            169px;

}

select{
	width:            169px;
}

textarea{

	background:       white url(tarea.gif) no-repeat;
	border:           0px solid white;
	padding:          10px 0px 0px 10px;
	font-family:      Tahoma, sans-serif;
	font-size:        12px;
	width:            169px;
	height:           100px;
}

form{
	margin-left:      20px;
	margin-top:       20px;
	background-image: url(form_bg.png);
	padding:          10px;
}

form li{
	margin-top:       10px;
}

form label{

	width:            230px;
	display:          inline-block;


	font-family:      Tahoma, sans-serif;
	font-size:        12px;
}

form table td {
	padding-bottom:   10px !important;
}


.sbt1c{
	background-image: url(1c.gif);
	border:           0px solid white;
	width:            128px;
	height:           49px;
	padding:          0px 5px 0px 5px;
	font-weight:      bold;
}


/**
 *  linki graficzne
 */

a.imgText{
	display:          block;
}


#regulamin{
	width:            167px;
	height:           49px;
	background-image: url(btn_regulamin_n.gif) !important;
}

#regulamin:hover {
	background-image: url(btn_regulamin_h.gif) !important;
}


p.hasBg{
	padding:          10px;
	background-image: url(form_bg.png);
}

p.hasCounter{
	padding-left:     30px !important;
}

p.hasCounter span.counter{
	margin-left:      -20px;
	margin-right:     20px;
	background-color: white;
	color:            black;
	padding:          0px 3px;
	font-weight:      bold;
	-moz-border-radius:     2px; -webkit-border-radius:     2px;
}


/**
 * combo boxy 
 */


ul.newList * {margin:0; padding:0;}
ul.newList {
	margin:0; padding:0; list-style:none; color:#000; 
	width:179px; background:#fff; position:absolute; display:none; border:1px solid #ccc; 
	top:22px; left:0; overflow:auto; z-index:9999;
}
.newListSelected {

	display: inline-block;

	height:           16px;
	background:       white url(select.gif) no-repeat;
	border:           0px solid white;
	padding:          3px 0px 0px 10px;
	font-family:      Tahoma, sans-serif;
	font-size:        12px;
	width:            169px;
	color:            black;
}

.newListSelected:hover {
	cursor:           pointer;
}

.newListSelected span {width:284px; display:block;}

ul.newList li {padding:3px 8px;
	width: 160px;
}
.selectedTxt {width:258px; overflow:hidden; height:16px; padding:0 23px 0 0;
}
.hiLite {background:#E30202!important; color:#fff!important;}
.newListHover {background:#ccc!important; color:#000!important; cursor:default;}
.newListSelHover {cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}

/**
*statyczne strzałki
*/

div.staticArrow{
	width:      162px;
	height:     49px;
}


div.staticArrow a{
	text-decoration:  none;
	text-indent:      5px;
	line-height:      49px;
}

div.staticArrow a, div.staticArrowGray a, div.staticArrowInactive a{
	display:    block;
	width:      100%;
	height:     49px;
}

div.staticArrow a span{
	display: none;
}

div.staticArrowRed{
	background: url(arr_red.gif) right top;
}

div.staticArrowRed a, div.staticArrowGray a{
	color:      white !important;
}

div.staticArrowInactive a{
	color:      black !important;
}

div.staticArrowGray, div.staticArrowInactive{
	background: url(arr_gray.gif) right top;
}

.staticArrowGray a, .staticArrowReversedGray a{
	background: url(strzalki_gw.gif) 5px -477px no-repeat;
}

.staticArrowInactive a, .staticArrowReversedInactive a {
	background: url(strzalki_gb.gif) 6px -477px no-repeat;
}

.staticArrowRed a, .staticArrowReversedRed a{
	background: url(strzalki_rw.gif) 6px -477px no-repeat;
}

/**
 * animowane strzaĹ‚ki 
 */

div.aniArrow{
	width:      162px;
	height:     49px;
}


div.aniArrow a{
	text-decoration:  none;
	text-indent:      5px;
	line-height:      49px;
}

div.aniArrow a, div.aniArrowGray a, div.aniArrowInactive a{
	display:    block;
	width:      100%;
	height:     49px;
}

div.aniArrow a span{
	display: none;
}

div.aniArrowRed{
	background: url(arr_red.gif) right top;
}

div.aniArrowRed a, div.aniArrowGray a{
	color:      white !important;
}

div.aniArrowInactive a{
	color:      black !important;
}

div.aniArrowGray, div.aniArrowInactive{
	background: url(arr_gray.gif) right top;
}

div.aniArrowGray:HOVER{
	background: url(arr_red.gif) right top;
}
div.aniArrowGray:HOVER a{
	background-image: url(strzalki_rw.gif);
}

.aniArrowGray a, .aniArrowReversedGray a{
	background: url(strzalki_gw.gif) 5px -477px no-repeat;
}

.aniArrowInactive a, .aniArrowReversedInactive a {
	background: url(strzalki_gb.gif) 6px -477px no-repeat;
}

.aniArrowRed a, .aniArrowReversedRed a{
	background: url(strzalki_rw.gif) 6px -477px no-repeat;
}

/**
 * odwrĂłcona 
 */

div.aniArrowReversed{
	width:      162px;
	height:     49px;
	margin-left: 18px;
}


div.aniArrowReversed a{
	text-decoration:  none;
	text-indent:      5px;
	line-height:      49px;
}

div.aniArrowReversed a, div.aniArrowReversedGray a, div.aniArrowReversedInactive a{
	display:    block;
	width:      100%;
	height:     49px;
}

div.aniArrowReversed a span{
	display: none;
}

div.aniArrowReversedRed{
	background: url(arr_red_rev.gif) left top;
}


div.aniArrowReversedGray:HOVER{
	background: url(arr_red_rev.gif) left top;
}
div.aniArrowReversedGray:HOVER a{
	background-image: url(strzalki_rw.gif);
}


div.aniArrowReversedRed a, div.aniArrowReversedGray a{
	color:      white !important;
}

div.aniArrowReversedInactive a{
	color:      black !important;
}

div.aniArrowReversedGray, div.aniArrowReversedInactive{
	background: url(arr_gray_rev.gif) left top;
}

.aniArrowRed a.txt2, .aniArrowReversedRed a.txt2 {
	background-image: url(arr_rw_add.gif) !important;
}

.aniArrowInactive a.txt2, .aniArrowReversedInactive a.txt2 {
	background-image: url(arr_gb_add.gif) !important;
}

.aniArrowGray a.txt2, .aniArrowReversedGray a.txt2 {
	background-image: url(arr_gw_add.gif) !important;
}

.aniArrowGray a.txt2:HOVER{
	background-image: url(arr_rw_add.gif) !important;
}

.anArrUsunAdres a { background-position: 5px 13px;}
.anArrPowrot a { background-position: 5px -23px;}

.anArrGenerujAdres        a { background-position: 5px 13px; !important}
.anArrGenerujAdresPremium a { background-position: 5px -23px; !important}
.anArrZalogujSie          a { background-position: 5px -58px; !important}
.anArrRegulamin           a { background-position: 5px -93px; !important}
.anArrWyslij              a { background-position: 5px -126px; !important}
.anArrPowrot              a { background-position: 5px -160px; !important}
.anArrZaloguj             a { background-position: 5px -197px; !important}
.anArrZapomnialemHasla    a { background-position: 5px -233px; !important}
.anArrWyslijHaslo         a { background-position: 5px -268px; !important}
.anArrPotwierdzZmiany     a { background-position: 5px -302px; !important}
.anArrWyloguj             a { background-position: 5px -337px; !important}
.anArrUsunKonto           a { background-position: 5px -372px; !important}
.anArrZmienHaslo          a { background-position: 5px -407px; !important}
.anArrDodajNowyAdres      a { background-position: 5px -441px; !important}
.anArrPotwierdz           a { background-position: 5px -477px; !important}

.ranArrUsunAdres        a { background-position: 12px 16px; !important}

.ranArrGenerujAdres        a { background-position: 12px 13px; !important}
.ranArrGenerujAdresPremium a { background-position: 12px -23px; !important}
.ranArrZalogujSie          a { background-position: 12px -58px; !important}
.ranArrRegulamin           a { background-position: 12px -93px; !important}
.ranArrWyslij              a { background-position: 12px -126px; !important}
.ranArrPowrot              a { background-position: 12px -160px; !important}
.ranArrZaloguj             a { background-position: 12px -197px; !important}
.ranArrZapomnialemHasla    a { background-position: 12px -233px; !important}
.ranArrWyslijHaslo         a { background-position: 12px -268px; !important}
.ranArrPotwierdzZmiany     a { background-position: 12px -302px; !important}
.ranArrWyloguj             a { background-position: 12px -337px; !important}
.ranArrUsunKonto           a { background-position: 12px -372px; !important}
.ranArrZmienHaslo          a { background-position: 12px -407px; !important}
.ranArrDodajNowyAdres      a { background-position: 12px -441px; !important}
.ranArrPotwierdz           a { background-position: 12px -477px; !important}
/**
 * napisy 
 */

#czym_jest {background-image: url(hdr_czym_jest.gif);}
#faq {background-image: url(hdr_faq.gif);}
#kontakt {background-image: url(hdr_kontakt.gif);}
#logowanie {background-image: url(hdr_logowanie.gif);}
#onas {background-image: url(hdr_onas.gif);}
#przypomnienie {background-image: url(hdr_przypomnienie_hasla.gif);}
#regulamin {background-image: url(hdr_regulamin.gif);}
#tajny {background-image: url(hdr_tajny.gif);}
#ustawienia {background-image: url(hdr_ustawienia.gif);}
#zmiana {background-image: url(hdr_zmiana_hasla.gif);}
#link{background-image: url(hdr_liki.gif);}


/**
* w.w.
*/
form.formularz{margin-left: 0px;margin-top: 0px;color:white;}


div.regulamin{}
.regulamin h1{color:green;}

div.tlo{background:       #000000 url(tlo.png) 0px 192px no-repeat;}

div.onas{}
div.faq{}
div.kontakt{}
div.link{}

.expanding {
	line-height: 18px;
}

.tbox2{
	height:           19px;
	background:       white url(tbox2.gif) ;
	border:           0px solid white;
	padding:          0px 0px 0px 10px;
	font-family:      Tahoma, sans-serif;
	font-size:        12px;
	width:            169px;

}

a.faq{color:white;font-size: 14px;font-family:Verdana, Arial, sans-serif;}

#krzyzyk:HOVER {
	background: url(corss.gif);
}

.krzyz{
	position: relative;left: 466px;
}