@import url('base.css');
body { font: 12px Arial, Verdana, sans-serif; text-align: center; color: #555; background: #E1ECEF url('/i/bg.png') no-repeat 0 0; }
a { color: #000; }
a:hover { color: #e00; }

h1, h2 { font-size: 18px; font-weight: bold; margin: 0 0 10px; color: #000; }
h2 { margin-top: 40px; }
h3 { font-weight: bold; font-size: 14px; margin-top: 20px; }

h1 span { margin-left: 5px; font-weight: normal; }

#container { width: 870px; margin: 25px auto 10px; text-align: left; padding: 0 20px; } 

/* top */
#top {  overflow: hidden; color: #fff; }
#logo {  font-size: 30px; float: left; width: 300px; }
#logo a { text-decoration: none; color: #fff; }

#cnt { float: right; width: 300px; font-weight: bold; text-align: right; color: #000; margin: 40px 5px 0 0; }

/* body */
#body { margin-top: 10px; line-height: 170%; background: #fff; border: 1px solid #CDD7D9; padding: 20px; }

#content { width: 500px; float: left; text-align: justify; }
#sidebar { width: 300px; float: right; }

.btn { color: #000; background: #fff url('/i/bg_btn.gif') repeat-x 0 bottom; border: 1px solid #dadada; border-right-color: #bbb; border-bottom-color: #bbb; padding: 3px 6px; text-decoration: none; }

ul.categories { list-style: none; }
ul.categories li { padding: 2px 0; float: left; width: 145px; border-bottom: 1px solid #eee; font-size: 11px; }
ul.categories li a { text-decoration: none; display: list-item; color: #666; }
ul.categories li a:hover { color: #000; }


/* body - sidebar */
/*#sidebar { color: #F4F7FA; padding: 10px; border: 1px solid #F3F3F3; }*/


/* body - content */
.gridlist { margin: 0 0 30px; text-align: left; width: 500px; }
.gridlist .col_1 { width: 80px; float: left; cursor: pointer; }
.gridlist .col_2 { width: 400px; float: right; min-height: 80px; padding-left: 18px; }

.gridlist span.col_1 { border: 1px solid #EAF1F3; height: 65px; text-align: center; font-size: 11px; background: #fff url('/i/bg_box.gif') repeat-x 0 -30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.gridlist span.col_1 var { font-size: 26px; padding-top: 15px; display: block; }

.gridlist a { text-decoration: none; display: block; width: 100%; cursor: pointer; color: #555; }
/*.gridlist a:hover { color: #555; }*/
.gridlist a:hover .col_2 var { color: #EA3900; }
.gridlist a:hover .col_1 { color: #000; }

.gridlist .col_2 var { font-size: 13px; display: block; color: #000; font-weight: bold; margin-bottom: 7px; }



.post { margin-bottom: 15px; background: #EFF5F6; padding: 15px; border: 1px solid #E1ECEF; }



form { margin-bottom: 40px; }
input, textarea, select { font: 12px Arial; padding: 4px !important; background-color: #f7f7f7 !important; border: 1px solid #ddd !important; }
select { padding: 3px 4px !important; }
input.button { padding: 3px 6px; color: #000; border: 0 !important; background: url('/i/btn.png') no-repeat 0 0; width: 116px; height: 34px; }

#question input#pytanie { width: 490px; }
#question textarea#szczegoly { width: 490px; height: 100px; color: #999; }

#question #podpis { width: 200px; } 
#question .fs_podpis { float: left; }
#question .fs_podpis label { float: left; margin: 6px 10px 0 0; }
#question .fs_mail label { margin-right: 10px; line-height: 26px; }
#question .fs_kategoria { float: right; }
#question .fs_kategoria select { width: 220px; }


.wrapper_right label { width: 80px; color: #000; position: relative; top: -28px; left: 250px; }
.wrapper_right input { width: 150px; position: relative; top: -50px; left: 340px; }

.fs_checkbox_mail { width: 250px; }

/**/

.comments {  }
.comment { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ddd; }
.comment_log { font-weight: bold; }
.comment_log span { color: #ccc; font-weight: normal; margin-left: 10px; }

.comment_left  { width: 80px; float: left; text-align: center; }
.comment_right { width: 400px; float: right; }

.comment_left a { width: 38px; float: left; display: block; text-align: center; border: 1px solid #eee; border-top: none; margin-bottom: 5px; font: 16px Arial; }
.comment_left a.down { border-right: none; width: 39px; }

.comment_left .cnt { display: block; width: 78px; height: 65px; line-height: 65px; text-align: center; font-size: 36px; color: #ddd; margin-top: 5px; text-decoration: none; border: 1px solid #eee; }


.comments_form {  }
.comments_form form { width: 480px; padding: 0; margin-bottom: 0;  }
.comments_form input.button { font-size: 14px; padding: 5px 8px; }
.comments_form input#nick { width: 325px; }
.comments_form textarea#tresc { width: 331px; }
.comments_form h2 { margin: 2px 0 10px; padding: 0; }

.comments_form dt { width: 50px; }
.comments_form dd { margin-left: 100px; }
.comments_form textarea { width: 390px !important; }


/* foot */
#foot { margin: 15px 0; }



/*#navbar, #sidebar { display: none; } */