* { margin: 0; padding: 0; border: 0; }
body { font-size: 11px; font-family: Tahoma, Verdana, serif; color: #000; background: #E3E3E3 url(../img/bg.gif) repeat-x; }

h1, h2 { margin: 0 0 10px 0; }
h1, h1 a { font-family: Georgia,Times,sans-serif; font-size: 18px; color: #488B6A; line-height: auto; }
h2, h2 a { font-family: Georgia,Times,sans-serif; font-size: 16px; color: #488B6A; line-height: auto; }
h3 { margin: 0 6px 7px 0; }
h3, h3 a { color: #488B6A; font-family: Georgia, Times, sans-serif; font-size: 14px; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }
a.brown { color: #65200C; }
a.bold { font-weight: bold; }
ul { list-style: square outside none; padding: 0 0 0 15px; }
ul li { margin-bottom: 5px; }
p.info { font-size: 12px; text-align: center; padding: 20px 0 0 0; }
p.error { font-size: 12px; text-align: center; padding: 20px 0 0 0; color: #f00; }
p.formInfo { padding: 5px 0; text-align: center; font-weight: bold; }
p.formInfo span { font-weight: normal; }
p.right { text-align: right; }
form { line-height: 23px; }
form label { padding-top: 4px; line-height: 15px; }
fieldset { clear: both; margin-bottom: 5px; }
.inputText { display: block; float: left; border: 1px solid #888; font-size: 11px; padding: 2px; margin-top: 3px; }
.inputTextInline { display: inline; float: left; clear: none; border: 1px solid #888; font-size: 11px; padding: 2px; margin-top: 3px; }
.labelText { display: block; float: left; clear: both; width: 100px; text-align: right; padding: 4px 5px 0 5px; }
.labelTextInline { display: inline; float: left; clear: none; padding: 4px 5px 0 5px; }
textarea { display: block; float: left; border: 1px solid #888; font-size: 11px; padding: 2px; margin-top: 3px; }
select { display: block; float: left; border: 1px solid #888; font-size: 11px; padding: 2px; margin-top: 3px; }
select#kategoria {width: 350px; }
.inputSubmit { width: auto; margin: 5px 0; background: url(../img/texture.gif); padding: 2px 15px; color: #fff; font-size: 11px; font-weight: bold; cursor: pointer; border: 1px solid #777; }
.submit, .center { text-align: center; }
.hidden { display: none; }
fieldset p { clear: both; line-height: 15px; padding-top: 5px; }

#top { position: relative; width: 990px; height: 291px; margin: 0 auto; background: url(../img/top.jpg) no-repeat; }
#logo { position: absolute; top: 8px; left: 18px; display: block; width: 300px; height: 55px; }
/*#top ul { position: absolute; top: 12px; left: 298px; list-style: none outside none; padding: 0; }
#top ul li { float: left; }
#top ul li a { display: inline; float: left; padding: 0 18px; color: #FFF; text-decoration: none; border-right: 1px solid #FFF; }
#top ul li.last a { border: 0; } */
#top #paremia { position: absolute; top: 120px; right: 0; width: 230px; height: 100px; }
#top #paremia span { display: block; position: absolute; top: -13px; left: -20px; width: 20px; height: 10px; font-family: Times New Roman, sans-serif; font-size: 44px; font-style: italic; font-weight: bold; color: #488B6A; line-height: 20px; }
#top #paremia p { margin-bottom: 10px; color: #488B6A; font-family: Georgia, Times, sans-serif; font-size: 15px; font-style: italic; line-height: 16px; }
#top h3 { position: absolute; bottom: 0; left: 31px; }

/* Basic code - don't modify */
#top ul { display: block; margin: 0; padding: 8px 0 0 0; position: relative; left: 165px; z-index: 10; }
#top ul li { display: block; list-style: none; height: 22px; margin: 0; padding: 0; float: left; position: relative; z-index: 10; }
#top ul ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #top ul ul { line-height: 0; } /* IE6 "fix" */
#top ul ul a { zoom: 1; } /* IE6/7 fix */
#top ul ul li { float: left; width: 133px; height: auto; background: #431203; }
/* Essentials - configure this */
#top ul ul { width: 133px; }
/* Everything else is theming */
#top ul { width: 643px; height: 22px; margin: 0 auto; }
#top ul *:hover, #menu .hover { color: #B4400E; }
#top ul li { background: url(../img/menu_kropki.gif) repeat-y; }
#top ul a { display: block; margin: 0 0 0 1px; padding: 5px 24px; line-height: 1; font-size: 12px; font-weight: normal; text-decoration: none; color: #fff; }
#top ul ul a { font-size: 11px; }

#wraper, #wraperhp { width: 980px; margin: 0 auto; padding: 0 0 20px 0; overflow: hidden; background: url(../img/wraper_bg.gif) repeat-y center; }
#wraperhp { background: url(../img/wraper_bg_hp.gif) repeat-y center; }

#colLeft { display: inline; float: left; width: 160px; padding-left: 10px; }
#colRight { display: inline; float: left; width: 220px; padding: 10px 0 0 10px; }
#colCenter { display: inline; float: left; width: 560px; padding: 10px; }
#colLeft h3 { margin-left: 16px; }

#bottom { clear: both; width: 990px; height: 32px; margin: 0 auto; padding-top: 8px; background: url(../img/bottom.jpg) repeat-x; }
#bottom p { display: inline; float: left; width: 180px; margin-left: 20px; color: #AAA; }
#bottom ul { display: inline; width: 571px; margin-left: 10px; padding: 0; list-style: none outside none; }
#bottom ul li { float: right; }
#bottom ul li a { display: inline; padding: 0 15px; color: #AAA; text-decoration: none; border-right: 1px solid #444; }
#bottom ul li.last a { border: 0; }

#loga { clear: both; width: 960px; height: 70px; margin: 0 auto; padding-top: 8px; border-top: 5px solid #B5B5B5; background: #fff; }
#loga p { float: left; width: 260px; text-align: center; padding-top: 12px; color: #888; }
#loga img { margin: 0 4px; }

#boxMenu { list-style: none outside none; margin: 0 6px 10px 6px; padding: 5px 0 2px 7px; background: #EBEBEB; border-left: 4px solid #488B6A; }
#boxMenu li { margin: 2px 5px 6px 0; padding: 0 0 5px 12px; border-bottom: 1px solid #CACACA; background: url(../img/li.gif) no-repeat 0 5px; }
#boxMenu li.last { margin-bottom: 2px; }
#boxMenu li a { display: block; padding-bottom: 3px; color: #000; }

#boxContact { margin: 0 6px 10px 6px; padding: 5px 0 3px 8px; background: #EBEBEB url(../img/contact_map.gif) no-repeat 78px 2px; border-left: 4px solid #488B6A; line-height: 18px; }
#boxContact p { margin-right: 5px; padding-bottom: 5px; border-bottom: 1px solid #CACACA; }
#boxContact a { color: #000; }

.listNewsHp { display: inline; float: left; width: 270px; }
.listNewsHpLeft { margin: 0 10px 0 0; }
.listNewsHpRight { margin: 0 0 0 10px; }
.listNewsHp ul { list-style: none outside none; margin: 0 6px; }
.listNewsHp ul li { margin: 0 0 8px 0; }
.listNewsHp ul li h1 a { font-size: 11px; }

#colRight h3 { padding: 6px 0 0 6px; }
#colRight h3, #colRight h3 a { color: #431203; }
#colRight p { margin: 0 12px; line-height: 16px; color: #444; }
#colRight p.more { margin-top: 5px; text-align: right; }
#colRight p.more a { padding-right: 13px; font-weight: bold; color: #444; background: url(../img/arrows.gif) no-repeat right; }

#boxUser { position: relative; width: 219px; margin-bottom: 10px; padding-bottom: 7px; background: #CDCDCD url(../img/box_login_bg.gif) repeat-x; }
#boxUserTop {position: absolute; top: 0; left: 0; width: 219px; height: 9px; background: url(../img/box_login_top.gif) no-repeat top; }
#boxUserBottom {position: absolute; bottom: 0; left: 0; width: 219px; height: 8px; background: url(../img/box_login_bottom.gif) no-repeat top; }
#boxUser form { padding: 0 6px; }
#boxUser fieldset { margin: 0; }
#boxUser label { display: block; float: left; clear: both; width: 40px; }
#boxUser .inputText { display: block; float: left; width: 150px; }
#boxUser .submit { text-align: center; }
#boxUser p { text-align: right; color: #444; }
#boxUser p a { font-weight: bold; padding: 0 13px 0 5px; color: #444; background: url(../img/arrows.gif) no-repeat right;}
#boxUser p#logged { margin: 0 10px; text-align: left; color: #444; }
#boxUser ul { list-style: none outside none; margin: 0 6px; padding: 5px 0 2px 3px; }
#boxUser ul li { margin: 0 5px 2px 0; padding: 0 0 2px 12px; background: url(../img/li_brown.gif) no-repeat 0 5px; }
#boxUser ul li a { display: block; color: #444; }

#boxAsk { width: 219px; height: 103px; margin-bottom: 10px; background: url(../img/box_1.gif) no-repeat; }
#boxAsk p.more { width: 135px; }

#boxChat { width: 219px; height: 103px; margin-bottom: 10px; background: url(../img/box_2.gif) no-repeat; }
#boxChat p.more { width: 120px; }
#boxChat p.more img { vertical-align: middle; }

#page { padding: 0 10px; }

#form { width: 400px; margin: 20px auto; text-align: center; }
#form fieldset { margin: 0; padding: 0 }
#form p { text-align: center; }
#form h1 { margin: 20px 0 0 0; text-align: center; }
#form label { display: block; padding: 10px 0 5px 0; text-align: left; }
#form label.error { padding: 0; color: #D34044; }
#form .inputText, #form textarea, #form .inputButton { width: 400px; padding: 3px; background: #DFDFDF; border-top: 1px solid #E0E0E0; border-left: 1px solid #DDD; border-right: 1px solid #888; border-bottom: 1px solid #555; }
#form .inputButton { width: 100px; margin: 10px 150px; background: url(../img/wood.jpg); color: #FFF; text-align: center; cursor: pointer; }

/* ARTYKULY */
#article p { margin: 0 0 10px 0; font-size: 12px; }
#article p strong { color: #663300; }
#article table { border: 1px solid #000; }
#article table td { border: 1px solid #000; }

.wiadomosc { margin: 0 0 6px 0; }
.wiadomosc span { display:block; font-size: 7pt; color:#888; margin-bottom:3px; }
.tytul { color: #000; display:block; margin-bottom: 3px; font-size: 12px; font-weight: bold; text-decoration: none; }
.dalej { float: right; }
.dalej a { color:#888; font-size: 8pt; }
.czysc { clear:both; }
.powrot { float: right; clear: both; margin-top: 10px; }
.powrot a { color: #888; font-size: 11px; }

/* BAZA FIRM */
#bazaCategoryList { list-style: none outside none; padding: 0;  }
#bazaCategoryList li { margin: 0 0 3px 0; padding: 0 0 2px 12px; background: url(../img/li_brown.gif) no-repeat 0 6px; }
#bazaCategoryList li a { color: #000; font-size: 12px; }
.firma { margin-bottom: 15px; }
.firma a { font-size: 12px; font-weight: bold; }
.firma_dziecko { margin-top: 5px; margin-left:12px; }
.firma_dziecko a { font-size: 11px; font-weight: bold; }
td.lewa { width: 50px; text-align: left; padding: 0 5px 0 12px; }
td.prawa { width: 400px; }
td.prawa a { font-weight: normal; font-size: inherit; }

/* KONTO */
.registerForm .clearNone { clear: none; }
.registerForm .inputText { width: 260px; }
.registerForm .short {width: 50px; }
.registerForm .long {width: 405px; }
.registerForm .labelText { width: 150px; }
#registerFormBusiness { display: none; }
#loginForm { width: 320px; margin: 0 auto; text-align: center; }
#loginForm .labelText { display: block; float: left; clear: both; width: 40px; }
#loginForm .inputText { width: 250px; }
#passForm .labelText { display: block; float: left; clear: both; width: 40px; }
span.error { display: block; color: red; text-align: center; }
#accountType { font-size: 11px; margin: 5px 0; }
#accountType .selected { color: #431203; font-weight: bold; }
#loginForm label { display: block; float: left; clear: both; width: 50px; }

/* WZORY PISM */
.wzoryPismCategoryList { list-style: none outside none; padding: 5px 0; margin: 0; }
.wzoryPismCategoryList li { margin: 0 0 3px 0; padding: 0 0 0 12px; font-size: 12px; background: url(../img/li_brown.gif) no-repeat 0 6px; }
.wzoryPismCategoryList li a { color: #65200C; font-size: 12px; }
.wzoryPismItem { margin-bottom: 15px; font-size: 12px; background: #eee; }
.wzoryPismItem td { padding: 3px; }

/* ZGLOSZENIA */
.orderForm .clearNone { clear: none; }
.orderForm .inputText { width: 260px; }
.orderForm .short {width: 50px; }
.orderForm .long {width: 405px; }
#zgloszenieDodajForm .inputText { width: 350px; }
#twojeSprawy { width: 560px; }
#twojeSprawy th { padding: 3px; background: #555; color: #fff; }
#twojeSprawy td { padding: 3px 10px; }
.status1 td { background: #FC9E9E; }
.status2 td { background: #FECBCB; }
.status3 td { background: #F5F15F; }
.status4 td { background: #F0EEAA; }
.status5 td { background: #B0CEB5; }
.status6 td { background: #ddd; }

.zgloszenie { width: 560px; }
.zgloszenie th { width: 90px; padding: 3px 10px; text-align: right; font-weight: normal; background: #555; color: #fff; }
.zgloszenie td { padding: 3px 10px; background: #ddd; }
.oplacone0 td { background: #FC9E9E; }
.oplacone1 td { background: #B0CEB5; }

.historia { width: 560px; }
.historia th { padding: 3px 10px; text-align: center; font-weight: normal; background: #555; color: #fff; }
.historia td { padding: 3px 10px; background: #ddd; }

.komentarze { width: 560px; }
.komentarze th { width: 120px; padding: 3px 10px; text-align: left; font-weight: normal; background: #555; color: #fff; }
.komentarze td { padding: 3px 10px; background: #ddd; }

#commentForm textarea { width: 550px; }

#boxBanner { margin-top: 20px; text-align: center; }
#boxBanner img { margin: 15px 0; }