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; }


img { border: 0; }


a { text-decoration: none; color: #3c3b3b; }

h2 { font-size: 18px; margin-bottom: 10px; font-weight: normal; }
h3 { color: #999999; font-size: 16px;  font-weight: normal; }

ul, li { list-style: none; }

div#site { width: 1004px; margin: 0 auto; }

div#logo { text-align: right; height: 42px;  }
div#content { background: url(center_bg.jpg) no-repeat; width: 1004px; height: 455px; }
div#content .bramka { padding: 7px; }

.boo { margin-top: 8px;  position: absolute; border: 3px solid #fff; }
div#relative_menu { margin-top:-10px; padding: 5px; float: right; background: #fff; height: 451px; width: 160px; margin-right: 30px; padding-left: 25px; }

div#relative_menu ul { margin-bottom: 15px; }

div#footer { background: url(lagata_kot.jpg) no-repeat; background: none; width: 1004px; height: 170px; color: #000000;}
div#footer ul { background: #ebf9ff; padding: 3px; margin-top: 3px; float: left; }
div#footer ul li { display: block;  }

div#footer div { float: left; }
div#footer div#link  { width: auto; margin-left:5px; }
div#footer div#link2 { margin-left:0px; }

div#jak_dziala_bramka { margin-left: 10px; width: 400px; }
div#operatorzy { margin-left: 10px; width: 350px; }

div#content #obok_bramki { float: left; margin-top: 5px; margin-left: 5px; }
#bramka_sms { float: left; margin-top: 5px;  }


#form { background: #fff; padding: 20px 30px 28px 30px;  zoom: 1; height: auto; width: 250px; height: 293px;}
#form label { display: block; line-height: 17px; padding-bottom: 1px; cursor: pointer; font: 12px "Georgia" }


#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; border: 1px solid #e9e8e8; }


#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: 72px; overflow: auto; }
#form #desc { font-size: 11px; color: #4c4c4c; }


#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: #4c4c4c; padding-top: 1px; }


#form #captcha-fs { padding-bottom: 20px; }
#form #captcha-desc { margin-bottom: 10px; }
#form #captcha-wrap { background: #4c4c4c; 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: 0px; 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; width: 250px; }
#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; }


.cn-wrap { position: relative; overflow: hidden;  zoom: 1; margin-bottom: 0px;  }
.cn-wrap .cn { position: absolute; width: 20px; height: 20px; left: -10px; top: -10px;  }
.cn-wrap .cn.tr, .cn-wrap  .cn.br { margin-left: 100%; }
.cn-wrap .cn.bl, .cn-wrap  .cn.br { top: auto; margin-top: -10px; }


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