/* (c)ss 2007 Coding by Marcin Szafert - marcin at szafert kropka pl */

body { margin: 0; padding: 0; font: normal 12px arial, helvetica, sans-serif; color: #000; background: #333 url(../images/esod/bg_body.gif) center repeat-y; /*background: #333 url(../images/esod/snieg.gif) center repeat-y;*/}
img { border: none; }

/* colors */
.ce38e24 { color: #e38e24; }

/* layout */
#wrapper { width: 814px; margin: 0 auto; }
#topContent { height: 83px; }
#headerContent { clear: left; height: 173px; background: url(../images/esod/head_banner.jpg) no-repeat; }
#leftColumn { float: left; width: 214px; padding-bottom: 20px; }
#mainTitle { float: left; width: 600px; padding-top: 15px; }
#rightColumn { float: left; width: 600px; margin-right: -6px; padding-bottom: 20px; color: #333; background-color: #fff; }
#footer { clear: left; margin-bottom: 10px; }

/* menus */
ul#esodMenu { } /* <- dopracowac #mainMenu */
#mainMenu ul { margin: 0; padding: 0; text-align: center; list-style: none; color: inherit; background: #f48000 url(../images/esod/bg_main_menu.gif) bottom no-repeat; }
#mainMenu li { display: inline; margin: 0 4px; padding: 0 4px; line-height: 38px; }
#mainMenu li#first { }
#mainMenu li#highlight { background-color: #fc9; }
#mainMenu li#highlight a { color: #000; text-decoration: none; background-color: inherit; }
#mainMenu li#highlight a:hover { color: #666; }
#mainMenu li a { color: #fff; text-decoration: none; background-color: inherit; }
#mainMenu li a:hover { text-decoration: underline; }

/* top */
#logo { float: left; width: 214px; height: 83px; cursor: pointer; background: url(../images/esod/logo.gif) no-repeat; }
#logo h1 { display: none; margin: 0; padding: 0; }
ul#esodMenuIn, ul#esodMenuOut { float: left; width: 566px; margin: 0; padding: 30px 0 0 0; text-align: center; list-style: none; background: url(../images/esod/bg_esod_menu_in.gif) no-repeat; }
ul#esodMenuOut { background: url(../images/esod/bg_esod_menu_out.gif) no-repeat; }
#esodMenuIn li { display: inline; margin: auto 30px; }
#esodMenuOut li { display: inline; margin: auto 35px; }
#esodMenuOut a, #esodMenuIn a { color: #666; font-weight: bold; text-decoration: none; background-color: #fff; }
#esodMenuOut a:hover, #esodMenuIn a:hover { color: #f60; background-color: #fff; }
li#loginInfo { display: list-item; margin-top: 3px; padding-top: 1px; padding-left: 5px; text-align: left; font-weight: bold; color: #000; background: #fff url(../images/esod/bg_login_info.gif) no-repeat; }

#appButton { display: block; float: right; width: 169px; height: 59px; margin-top: 35px; margin-right: 11px; }
#loginForm2 { float: right; width: 290px; height: 50px; margin-top: 15px; margin-right: 11px; }
#loginForm2 .inp { width: 80px; border: solid 2px #f90; margin-right: 5px; } 
#loginForm2 form { margin: 0px; padding: 0px; }

/* left column */
.imgLink img { border: none; }
li.allNews { text-align: right; font-weight: bold; }
li.allNews a { padding-right: 15px; background: url(../images/esod/arr_01.gif) right no-repeat; }
h3.subSection { margin: 1px 0 0 0; padding: 3px 0; font: bold 14px verdana, helvetica, sans-serif; text-transform: uppercase; text-align: center; color: #fff; background-color: #999; }
ul#newsInfo { margin: 1px 0; padding: 0; list-style: none; color: inherit; background-color: #e9eaeb; }
#newsInfo li { padding: 5px 7px; }
#newsInfo li small { display: block; font-size: .8em; color: #600; background-color: inherit; }
#newsInfo li a { text-decoration: none; color: #666; background-color: inherit; }
#newsInfo li a:hover { text-decoration: underline; color: #000; background-color: inherit; }

#subMenu { margin: 0; padding: 5px 0; list-style: none; color: inherit; background-color: #e9eaeb; }
#subMenu li { margin: 2px 0; background: url(../images/esod/bg_submenu_li.gif) repeat-y; }
#subMenu a { display: block; width: 189px; padding: 2px 5px 2px 20px; text-decoration: none; color: #000; background: url(../images/esod/bg_submenu_a.gif) -12px 4px no-repeat; }
#subMenu a#mCurrent { font-weight: bold; background: url(../images/esod/bg_submenu_c.gif) 4px 4px no-repeat; }
#subMenu a:hover { color: #006; background: url(../images/esod/bg_submenu_a.gif) 4px -12px no-repeat; }

/* mainTitle */
#mainTitle h1 { margin: 0 10px 0 0; padding: 0 20px 7px 0; font: normal 17px arial, helvetica, sans-serif; text-align: right; color: #333; background: #fff url(../images/esod/bg_main_title.gif) right no-repeat; }

/* right column */
#rightColumn .spacer { margin: 25px 10px 0 10px; }
#rightColumn p { margin: 0 0 10px 0; line-height: 1.5em; }
#rightColumn .just { text-align: justify; }
#rightColumn img { border: none; }
#rightColumn img.rFlo { float: right; margin: 0 0 10px 10px; }
#rightColumn img.lFlo { float: left; margin: 0 10px 10px 0; }
#rightColumn img.cFlo { display: block; margin: 0 auto 20px auto; }
#rightColumn ul { margin-top: 10px; line-height: 1.4em; }
#rightColumn h4 { margin: 10px 0; font-weight: bold; font-size: 13px; }

#eSODNews { width: 585px; margin: 10px auto; padding-top: 47px; background: url(../images/esod/bg_esod_news.gif) no-repeat; }
#eSODNews ul { margin: 0; padding: 0 0 10px 0; list-style: none; line-height: normal; }
#eSODNews ul li { margin: 3px 15px; padding-left: 22px; font: italic 12px georgia, serif; background: url(../images/esod/art_bullet.gif) 0 0 no-repeat; }
#eSODNews ul li a { text-decoration: none; color: #666; }
#eSODNews ul li a:hover { color: #000; }
#eSODNews ul li a span.more { font-size: 11px; color: #c60; }
#eSODNews p.all { width: 575px; margin: 0 auto; padding-top: 3px; text-align: right; font-weight: bold; border-top: 1px solid #ccc; background-color: #fff; }
#eSODNews p.all a { padding-right: 15px; text-decoration: none; color: #666; background: url(../images/esod/arr_01.gif) right no-repeat; }
#eSODNews p.all a:hover { color: #000; }

ul#pagesNav { margin: 0 0 25px 0; padding: 0; list-style: none; }
#pagesNav li { color: #666; }
#pagesNav #showMode { margin-bottom: 1px; padding-bottom: 2px; text-align: right; border-bottom: 1px solid #d3ccc6; }
#pagesNav #pages { margin-left: 40px; font-weight: bold; text-indent: -40px; text-align: justify; }
#pagesNav #go { font-weight: normal; }
#pagesNav #current { font-weight: normal; color: #c00; }
#pagesNav form { margin: 0; }
#pagesNav select { font-size: 11px; }
#pagesNav a { font-weight: normal; text-decoration: none; color: #666; }
#pagesNav a:hover { text-decoration: underline; color: #000; }

ul#infoList { margin: 0; padding: 0; list-style: none; }
#infoList li { margin-bottom: 10px; line-height: 1em; background: url(../images/esod/art_bullet.gif) 0 16px no-repeat; }
#infoList li small { display: block; margin-bottom: 2px; padding-bottom: 1px; font-size: 10px; color: #600; background: url(../images/esod/grad_01.gif) left bottom no-repeat; }
#infoList li a { text-decoration: none; color: #333; }
#infoList li a:hover { text-decoration: none; color: #000; }
#infoList li p { line-height: 1.1em; }
#infoList li h3 { margin: 0 50px 0 0; padding-left: 20px; font-size: 12px; font-weight: normal; }
#infoList li p.artMore { margin: 0; padding-right: 15px; padding-bottom: 1px; font-size: 11px; text-align: right; background: url(../images/esod/bg_art_more.gif) right bottom no-repeat; }
#infoList li p.artMore a { color: #666; }
#infoList li p.artMore a:hover { color: #e38e24; }
#questionList { margin: 0; padding: 0; list-style-type: none; }
#questionList li { clear: left; margin: 10px 0; }
div.q_nr { font-size: 12px; font-weight: bold; color: #4d3c32; background: url(../images/esod/grad_01.gif) left bottom no-repeat}
div.q_cont { padding-left: 20px; text-align: justify; color: #333; background: url(../images/esod/quest_bullet.gif) 0 3px no-repeat}
div.q_cont a { display: block; text-decoration: none; color: #333; }
div.q_cont a:hover { text-decoration: underline; color: #000; }
div.q_autor { padding-top: 2px; padding-left: 20px; text-decoration: underline; font: italic 11px georgia, "times new roman", times; color: #666; }
div.q_link { margin: 0; padding-right: 15px; font-size: 11px; text-align: right; background: url(../images/esod/bg_art_more.gif) right bottom no-repeat; }
div.q_link a { text-decoration: none; color: #666; }
div.q_link a:hover { color: #e38e24; }
div#q_cont_in { margin-top: 10px; padding-left: 20px; text-align: justify; color: #333; background: url(../images/esod/quest_bullet_in.gif) 0 3px no-repeat; }
big.g_title { display: block; font-size: 12px; font-weight: bold; }
div#q_cont_out { margin-top: 10px; padding-left: 20px; text-align: justify; color: #333; background: url(../images/esod/quest_bullet_out.gif) 0 3px no-repeat; }

#displayInfo small { display: block; margin-bottom: 2px; padding-bottom: 1px; font-size: 11px; color: #600; background: url(../images/esod/grad_01.gif) left bottom no-repeat; }
#displayInfo h3 { margin: 0; padding-left: 20px; padding-bottom: 3px; font-size: 13px; background: url(../images/esod/art_bullet.gif) 0 3px no-repeat; }
#displayInfo div.infoData { margin: 20px 0; font-family: inherit; }
#displayInfo div.infoData p { margin-bottom: 5px; }
#displayInfo div.infoData a { text-decoration: underline; color: #f60; }
#displayInfo div.infoData a:hover { text-decoration: none; color: #fff; background-color: #ff944c; }
#infoLocked strong.tip { display: block; margin-bottom: 2px; padding-left: 6px; color: #f00; }
#infoLocked p { padding: 5px; border: 1px solid #f99; background-color: #ffefef; }
#infoLocked p a { text-decoration: none; color: #c00; }
#infoLocked p a:hover { text-decoration: underline; color: #c00; }

#miniNav { margin-top: 10px; }
#miniNav ul { margin: 0; padding: 5px 0 0 0; text-align: right; list-style: none; }
#miniNav ul#topLine { background: url(../images/esod/bg_mini_nav.gif) repeat-x; }
#miniNav li { display: inline; font-size: 11px; }
#miniNav li#goTop { margin-left: 3px; padding-left: 6px; background: url(../images/esod/bg_go_top.gif) left no-repeat; }
#miniNav a { text-decoration: none; color: #666; }
#miniNav a:hover { color: #000; }

dl.rck, dl.rc1 { margin: 20px 0; padding: 0; }
dl.rck dt { margin-top: 10px; border-bottom: 1px solid #ccc; }
dl.rck dt big { font-size: 14px; font-weight: bold; color: #f90; }
dl.rck dt a { text-decoration: none; color: #000; }
dl.rck dd { margin: 0; padding: 0 10px; text-align: justify; }
#addressData dt { font-weight: bold; }
#addressData dd { margin-left: 5px; }
#addressData dd.infoline { margin: 5px; }
#addressData dd span { color: #f00; }

.ctr { text-align: center; }
a.st1 { text-decoration: none; border-bottom: 1px solid #f90; color: #333; }
a:hover.st1 { text-decoration: none; border-bottom: 1px solid #666; color: #f90; }
a.st2 { text-decoration: none; font: normal 12px arial, helvetica, sans-serif; border-bottom: 1px solid #000; color: #900; }
a:hover.st2 { text-decoration: none; border-bottom: 1px solid #900; color: #000; background-color: #f4f4f4; }
a.st3 { text-decoration: none; font: normal 12px arial, helvetica, sans-serif; color: #666; }
a:hover.st3 { color: #000; }
.notice { padding: 5px 30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: inherit; background-color: #f4f4f4; }

form.eForm { margin: 20px 0; }
.eForm dl { margin: 0; }
.eForm sup { color: #f00; }
.eForm dt { margin: 2px 0; padding: 2px 5px; font-weight: bold; background-color: #f4f4f4; }
.eForm dd { margin: 2px 0; padding: 3px 5px; }
.eForm dd.formField { background-color: #f7f7ef; }
.eForm dd.actField { text-align: right; background-color: #fff; }
.eForm label.desc { float: left; width: 120px; }
.eForm label.checkboxDesc { font-size: 10px; font-style: italic; color: #666; }
.eForm .txtField { width: 200px; font-size: 12px; border: 1px solid #ccc; }
.eForm .addDesc { font: italic 11px georgia, "times new roman", serif; }
.eForm dd.formField textarea { width: 530px; }
#submitAskBtn { display: block; float: right; width: 125px; height: 21px; padding-left: 25px; font-size: 1em; cursor: pointer; border: none; color: #3c484d; background: url(../images/esod/bg_send_ask.gif) no-repeat; }
#submitMessageBtn { display: block; float: right; width: 147px; height: 21px; padding-left: 25px; font-size: 1em; cursor: pointer; border: none; color: #3c484d; background: url(../images/esod/bg_send_message.gif) no-repeat; }
#submitOrderBtn { display: block; float: right; width: 112px; height: 21px; padding-left: 25px; font-size: 1em; cursor: pointer; border: none; color: #3c484d; background: url(../images/esod/bg_send_order.gif) no-repeat; }


form#loginForm { margin: 0; padding: 10px 0; background-color: #e9eaeb; }
#loginForm ul { width: 160px; margin: 0 auto; padding: 0; list-style: none; }
#loginForm li { margin: 2px auto; line-height: 20px; }
#loginForm li.act { text-align: right; margin-top: 5px; padding-right: 5px; }
#loginForm label { float: left; width: 50px; }
#loginForm input { width: 100px; }
input#submitLoginBtn { width: 70px; font-size: 1em; }

.prevInfo { margin: 20px 0; padding-left: 58px; line-height: 17px; color: #888c8f; background: url(../images/esod/bg_prev_inf.gif) no-repeat; }
.prevInfo a { color: #666; text-decoration: none; }
.prevInfo a:hover { color: #000; }

p.pages a { padding: 0 2px; text-decoration: none; border-bottom: 1px solid #f90; color: #333; }
p.pages a.current { font-weight: bold; text-decoration: none; border-bottom: 1px solid #f90; color: #fff; background-color: #f90; }
p.pages a:hover { font-weight: bold; text-decoration: none; border-bottom: 1px solid #f90; color: #000; }

dl#services { margin: 20px 0; }
#services dt { margin-bottom: 10px; font-weight: bold; border-bottom: 1px solid #ccc; }
#services dd { margin: 10px 50px; text-align: center; }
#services dd ul { text-align: left; margin: 15px; padding: 0; }

ul#questMenu { margin: 20px 0; padding: 0; list-style: none; }
#questMenu li { display: block; float: left; width: 25%; margin-left: 20px; padding-top: 50px; text-align: center; line-height: 1.2em; }
li#ask { background: url(../images/esod/icon_ask.gif) top center no-repeat; }
li#searchQuest { background: url(../images/esod/icon_search_quest.gif) top center no-repeat; }
li#searchEsodQuest { background: url(../images/esod/icon_search_esod_quest.gif) top center no-repeat; }
#questMenu a { text-decoration: none; color: #666; }
#questMenu a:hover { text-decoration: underline; color: #000; }

#tip { margin: 20px 0; }
#tip h6 { margin: 0 0 0 12px; padding-left: 38px; padding-bottom: 5px; font-size: 12px; font-weight: bold; color: #666; background: url(../images/esod/bg_tip_head.gif) bottom left no-repeat; }
#tip_body { padding: 10px; cursor: pointer; background-color: #f4f4f4; }
#tip_body p { margin: 5px 0; }

dl#miniNav { float: right; text-align: right; }
#miniNav dd { display: inline; margin: 0; padding-left: 16px; }
#miniNav #mnBack { margin-right: 10px; background: url(../images/mini_nav_back.gif) no-repeat; }
#miniNav #mnUp { background: url(../images/mini_nav_up.gif) no-repeat; }
#miniNav #mnPrint { margin-top: 3px; margin-left: 65px; background: url(../images/mini_nav_print.gif) 0 2px no-repeat; }
#miniNav a { text-decoration: none; color: #666; }
#miniNav a:hover { text-decoration: underline; color: #000; }

ul#priceList { margin: 30px 10px; padding: 0; list-style: none; }
#priceList li { margin-bottom: 10px; padding: 15px 0 20px 110px; background: url(../images/esod/logo_esod_cennik.gif) no-repeat; }
#priceList li small { display: block; margin-bottom: 5px; font-size: 12px; background: url(../images/esod/bg_login_info.gif) bottom left no-repeat; }

#message { width: 420px; margin: 10px auto; padding: 5px; text-align: center; border: 1px solid #ccc; color: #345a4d; background-color: #f4f4f4; }
#error { width: 420px; margin: 10px auto; padding: 5px; text-align: center; border: 1px solid #ccc; color: #f42e00; background-color: #f4f4f4; }

/* footer */
#footer ul { margin: 0; padding: 0; text-align: right; font: 11px tahoma, arial, helvetica, sans-serif; list-style: none; background: url(../images/esod/bg_footer.gif) top no-repeat; }
#footer li { padding: 4px 5px 0 0; }
#footer li a { text-decoration: none; color: #666; background-color: inherit; }
#footer li a#logoTxt { font-weight: bold; background: url(../images/esod/wheel_chair.gif) 37px -1px no-repeat; }
#footer li a:hover { color: #333; background-color: inherit; }

/* sodCalc */
#calc .tb td {border: 1px solid #E3E3E3; vertical-align: top; padding: 3px; }
#calc .hd { background-color: #F0F0F0;  text-align: center;  color: #000; font: bolder 12px Arial; }
#calc input.text { vertical-align: middle; margin: 5px 0; font-size: 11px; border: #CFCFCF solid 1px; }
#calc select.text { vertical-align: middle; margin: 5px 0; font-size: 11px; border: #CFCFCF solid 1px;  }
#calc input.btn { 	width: 80px; height: 23px; border: 0; margin: 10px; }