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, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }



body { background: #fff; color: #000; min-width: 950px; width:950px; margin:0 auto; margin-top: 20px; }
body, input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
abbr { letter-spacing: 1px; }
a:link,
a:visited { color: #369; }
a:hover,
a:active { color: #C00; }


#title {  text-align: center; position: absolute; left: -260px; top: 0px; width: 220px;  }
#title h1 { font-weight: normal; }
#title h1 ins { display: block; height: 140px; overflow: hidden; background: url(brameczka.png) no-repeat top center; }
#title h1 ins span {display:none;}
* html #title h1 ins { background-image: url(brameczka.png);}
#title h1 span { display: block; text-align: center; }


#layout { left: 50%; position: relative; margin-left: -160px; zoom: 1; width: 320px; }


#form { background: #e9e9e9; padding: 20px 30px 28px 30px; clear: both; zoom: 1; }
#form label { display: block; line-height: 17px; padding-bottom: 3px; cursor: pointer; }


#form .field-wrap { width: 100%; *overflow: hidden;}
#form .field-wrap div { margin-right: 10px; zoom: 1; }
#form .field-wrap input,
#form .field-wrap textarea { width: 100%; padding: 3px; zoom: 1; }


#form #phone-fs { position: relative; padding-bottom: 15px; }
#form #phone { font-size: 26px; }
#form #mno { position: absolute; right: 12px; top: 34px; width: 16px; height: 16px; }
#form .loading { background-image: url(loading.gif); }


.orange { background-image: url(operatorzy/orange_logo.jpg); }
.ptc { background-image: url(operatorzy/era_logo.jpg); }
.plus { background-image: url(operatorzy/plus_logo.jpg); background-repeat: no-repeat; }

#form #message-fs { padding-bottom: 18px; }
#form #message { font-size: 15px; line-height: 19px; height: 82px; overflow: auto; }
#form #desc { font-size: 11px; color: #666; }


#form #counter { border: 1px solid #fff; border-top-color: #d8d8d8; border-left-color: #d8d8d8; position: relative; margin: 1px 0 2px 0; }
#form #counter #progress { background: #6baf00; height: 3px; font-size: 1px; width: 0; }
#form #counter.excess { display: none; }
#form #desc { font-size: 11px; color: #666; padding-top: 1px; }


#form #captcha-fs { padding-bottom: 20px; }
#form #captcha-desc { margin-bottom: 10px; }
#form #captcha-wrap { background: #afafaf; padding: 10px 0; }
#form #captcha-reload { width: 15px; height: 19px; overflow: hidden; background: url(reload-bg.png); position: relative; margin-right: -15px; left: -15px; }
#form #captcha-reload a { display: block; width: 11px; height: 11px; overflow: hidden; margin: 4px; margin-right: 0; background: url(reload.png) no-repeat left top; }
#form #captcha-reload a:link,
#form #captcha-reload a:visited { background-position: left top; }
#form #captcha-reload a:hover,
#form #captcha-reload a:active { background-position: right top; }
#form #captcha-img-div { margin-left: 10px; background: #e9e9e9 url(loading.gif) no-repeat center center; width: 100px; }
#form #captcha-img { display: block; }
#form #captcha-arrow { width: 18px; height: 15px; background: url(arrow.png); margin: 0 10px; overflow: hidden; }
#form #captcha { width: 90px; font-size: 18px; padding: 1px 3px; }


#form #submit-div { padding-top: 3px; padding-bottom: 1px; }
#form #submit { font-size: 18px; padding: 3px 10px; overflow: visible; }
#form #sending { margin-left: 15px; width: 16px; height: 16px; overflow: hidden; background: url(loading.gif); }

#form .error { background: #c00; color: #fff; line-height: 17px; position: relative; margin-top: 2px; zoom: 1; padding: 5px 10px 6px 10px; }
#form .error ins { display: block; position: absolute; width: 13px; height: 9px; background: url(err-arr.png); top: -9px; left: 10px; overflow: hidden;  }
* html #form .error ins { background: url(err-arr-ie.png); }
#form .error a { color: #fff; }


#success { background: #e9e9e9; padding: 10px; clear: both; overflow: hidden; zoom: 1; }
#success #ok { font-size: 13px; font-weight: bold; padding: 10px; background: #64a300; color: #fff; text-align: center; margin-bottom: 5px; }
#success blockquote { background: #fff; padding: 20px; zoom: 1; }
#success blockquote h2 { font-size: 26px; font-weight: normal; }
#success blockquote p { font-size: 15px; line-height: 19px; margin-top: 12px; }
#success #mainlink { padding: 5px; margin-top: 8px; text-align: center; }


#about { position: absolute; left: -300px; top: 140px; width: 270px; }
#operatorzy { position: absolute; left: -300px; top: 200px; width: 270px; }

#about h3, #operatorzy h3 { margin-top: 20px; margin-bottom: 7px; font-size: 16px; }
#about p, #operatorzy p, #adsense p { line-height: 17px; margin-bottom: 8px; }
#about ul, #operatorzy ul { padding-top: 3px; zoom: 1; }
#about li, #operatorzy li { background-repeat: no-repeat; background-position: left center; padding-left: 20px; line-height: 16px; margin-bottom: 7px; margin-right: 10px; width: 60px; float: left; }


* h3 { font-size: 16px; }

#about h3 { margin-top: 20px; margin-bottom: 7px; font-size: 16px; }
#about p { line-height: 17px; margin-bottom: 8px; }
#about ul { padding-top: 3px; zoom: 1; }
#about li { background-repeat: no-repeat; background-position: left center; padding-left: 20px; line-height: 16px; margin-bottom: 7px; margin-right: 10px; width: 60px; float: left; }



#ad-right { position: absolute; left: 350px; top: 0px; }
#adsense { position: absolute; left: 340px; top: 10px; width: 170px; }


#footer { padding: 0 30px; clear: both;  zoom: 1; text-align: center; }


.cn-wrap { position: relative; overflow: hidden; clear: both; zoom: 1; margin-bottom: 20px;  }
.cn-wrap .cn { position: absolute; width: 20px; height: 20px; left: -10px; top: -10px; background: url(r-star.png); }
.cn-wrap .cn.tr, .cn-wrap  .cn.br { margin-left: 100%; }
.cn-wrap .cn.bl, .cn-wrap  .cn.br { top: auto; margin-top: -10px; }


.vac { display: -moz-inline-stack; display: inline-block; zoom: 1; vertical-align: middle; *display: inline; }


/** DODATKI */

.tip {
	width: 212px;
	padding-top: 37px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	background: transparent url(images/tipTop.png) no-repeat top;}
	
.tipMid {background: transparent url(images/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}
.tipBtm {background: transparent url(images/tipBtm.png) no-repeat bottom; height: 32px;}