* {padding:0px;margin:0px;}
HTML {background: #ffffff url(/templates/_images/html_bg_repeat.jpg) repeat-x;}
body{background: url(/templates/_images/body_bg_repeat.jpg) repeat-y center;font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#222222;}
img {border:0px none;}
.both {clear:both;}
.prawe {float:right;}
.lewe {float:left;}
h1 {font-size:14px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#ffffff;}
h2 {font-size:12px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#db7336;}
h3 {font-size:10px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#918e8d; font-weight:normal;}
a {color:#114e82; text-decoration: underline; outline:none;}
a:hover {color:#114e82;text-decoration:none;}
fieldset {border:0px none;}
input {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
textarea {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
select {font-size:11px;}
ul {margin:0; padding:0; list-style-type:none;}
ol {margin:0; padding:0; list-style-position:inside;}
p {line-height:16px;}
/* ======= layout boxes ======== */
#all {width:100%; background: url(/templates/_images/bg_white_top.jpg) no-repeat center top;}
#container {width:970px; margin:0 auto 0; padding:40px 0 0 0;}
#top {width:970px; padding-top:4px; background:url(/templates/_images/top_border_top.jpg) no-repeat top; }
.top-bg {width:969px; background:url(/templates/_images/top_background.jpg) no-repeat top; border:1px #f0f0e8 solid; border-width:0 0 0 1px; height:111px; min-height:111px;}
.logo_img {margin: 5px 0 0 10px;}
#menu {width:970px; height:40px; background:#104c80 url(/templates/_images/menu&search_blok.jpg) no-repeat;}
#wrapper {width:970px; padding:15px 0 0 0;}
#left {float:left; width:714px;}
/*#center {float:left; width:350px; margin-left:10px;}*/
#right {float:right; width:250px;}
#footer {width:970px; background:url(/templates/_images/box_border_top_f.jpg) no-repeat; padding-top:4px; margin:10px 0 10px 0; position:relative;}
#content {width:710px; background:url(/templates/_images/box_border_top_cont.jpg) no-repeat top; padding-top:4px;}
.content-bottom {width:710px; background:url(/templates/_images/box_border_bottom_cont.jpg) no-repeat top; padding-bottom:4px;}
/* ======= strona glówna ======== */
/* header */
/* menu */
#menu ul {width:515px; float:left;}
#menu ul li {display: inline;}
#menu ul li a {display:block; float:left;text-align:center; font-weight:bold; color:#ffffff; text-decoration:none; border-right:1px #0e4c7d solid; padding:13px 8px 12px 8px; font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size:12px;}
#menu ul li a:hover {background:#e27e3d url(/templates/_images/menu_hover.jpg) repeat-x;}
.top_ad {float:right; width:470px; padding:25px 30px 0 0;}
/* wyszukiwarka */
#menu #dni {float: left; color:#ffffff; padding:12px 0 0 30px;}
/*#menu fieldset input {border:1px #e88849 solid; padding:2px 3px 2px 3px; width:120px; vertical-align:middle; margin:0 5px 0 5px }
#menu fieldset select {border:1px #e88849 solid; height:20px; width:120px; vertical-align:middle;margin:0 0 0 5px }
#menu fieldset input.button {background:url(/templates/_images/button_search.jpg) no-repeat; width:20px; height:20px; border:0px none; cursor:pointer;}*/
/* lewa kolumna */
.news {width:714px; background:url(/templates/_images/box_border_bottom_l.jpg) no-repeat bottom; padding-bottom:4px;}
.news h1 {color:#114e82; background:url(/templates/_images/h_news.jpg) no-repeat; padding:10px 10px 11px 35px;}
.news h1 a {float:right; font-size:11px; font-weight:normal; color:#db7336;}
.news ul {border:#f5f5ef solid; border-width:1px 1px 0 1px }
.news ul li {padding:10px; border-bottom:1px #f2f2ea solid;}
.news ul li h2 a {color:#db7336;}
.news ul li h3 a {color:#918e8d;}
.news ul li p {padding:10px 0 10px 0;}
.news ul li img {float:left; margin:0 10px 5px 0;}
.news ul li a.wiecej {}
.news ul li a.komentuj {text-decoration: none;color:#918e8d;}
.news ul.strony {text-align:center; padding:5px 0 5px 0; border-width:0 1px 0 1px;}
.news ul.strony li {display:inline; padding:0; border:0px none;}
.news ul.strony li a {color:#db7336;text-decoration:none; }
.news ul.strony li a.check {font-weight:bold;}
/* środkowa kolumna */
/* artykuły */
.article {width:350px; background:url(/templates/_images/box_border_bottom_l.jpg) no-repeat bottom; padding-bottom:4px; margin-bottom:10px;}
.article h1 {background:url(/templates/_images/h_articles.jpg) no-repeat; padding:10px 10px 11px 30px;}
.article h1 a {float:right; font-size:11px; font-weight:normal; color:#db7336;}
.article ul {border:#f0f0e8 solid; border-width:0 1px 0 1px }
.article ul li {padding:10px; border-top:1px #f0f0e8 solid;}
.article ul li h2 a {color:#db7336;}
.article ul li h3 a {color:#918e8d;}
.article ul li p {padding:10px 0 10px 0;}
.article ul li img {float:left; margin:0 10px 5px 0;}
/* publikacje */
#publ {width:350px; background:url(/templates/_images/box_border_bottom_p.jpg) no-repeat bottom; padding-bottom:4px;}
#publ h1 {background:url(/templates/_images/h_publ.jpg) no-repeat; padding:10px 10px 11px 55px;}
#publ .item ul {background:#f2f2ea; border:#e1e1da solid; border-width:0 1px 0 1px;}
#publ .item ul li {border-top:1px #e1e1da dotted; }
#publ .item ul li a {display:block; padding:5px 10px 5px 30px; color:#222222; height: auto; overflow: hidden; background:url(/templates/_images/ico_arrow_publ.jpg) no-repeat 10px 10px;}
#publ .item ul li a:hover {background:#e1e1da url(/templates/_images/ico_arrow_publ_hover.jpg) no-repeat 15px 10px;color:#222222;}
/* prawa kolumna */
/* na forum */
.forum {width:250px; background:url(/templates/_images/box_border_bottom_f.jpg) no-repeat bottom; padding-bottom:4px; margin-bottom:10px;}
.forum h1 {background:url(/templates/_images/h_forum.jpg) no-repeat; padding:10px 10px 11px 27px;}
.forum ul {background:#e39f43;}
.forum ul li {border-top:1px #e2be8a dotted; display:block;padding:5px 10px 5px 30px; color:#ffffff; height:auto; overflow: hidden; background:url(/templates/_images/ico_arrow_forum.jpg) no-repeat 10px 10px; font-size:smaller;}
/*.forum ul li a {display:block;padding:5px 10px 5px 30px; color:#ffffff; height:auto; overflow: hidden; background:url(/templates/_images/ico_arrow_forum.jpg) no-repeat 10px 10px;} */
.forum ul li:hover {background:#e27f3d url(/templates/_images/ico_arrow_forum_hover.jpg) no-repeat 15px 10px; color:#ffffff; cursor: pointer;}
.forum ul li .lekcje {margin-left: 10px;}
/* ciekawostki IT */
.ciekaw {width:250px; background:url(/templates/_images/box_border_bottom_c.jpg) no-repeat bottom; padding-bottom:4px; }
.ciekaw h1 {background:url(/templates/_images/h_ciekaw.jpg) no-repeat; padding:10px 10px 11px 35px; color:#114e82;}
.ciekaw ul {border:#f2f2ea solid; border-width:0 1px 0 1px;}
.ciekaw ul li {border-top:1px #f2f2ea solid; padding:10px;}
.ciekaw ul li h2 a {color:#db7336;}
.ciekaw ul li p {padding:10px 0 5px 0;}
.ciekaw ul li img {float:left; margin:0 10px 5px 0;}
/* reklama */
.ad {width:250px; text-align:center; padding:0 0 10px 0;}
.ad p {text-align:center; color:#918e8d; letter-spacing:10px;}
.ad img {border:1px #f2f2ea solid; margin:10px 0 10px 0;}
/* stopka */
.copy {width:948px; background:#f2f2ea; border:#e1e1da solid; border-width:0 1px 0 1px; padding:5px 10px 5px 10px;}
.copy p a {color:#000000; font-weight:bold; text-decoration:none;}
.copy ul {float:right;}
.copy ul li {display:inline; padding:0 5px 0 5px;}
.copy ul li a {color:#db7336; text-decoration:none;}
.copy ul li a:hover {text-decoration:underline;}
ul.partners {border:#e1e1da solid; border-width:0 1px 0 1px; padding:10px;}
ul.partners li {display:inline; color:#114e82; padding-right:50px;}
ul.partners li img {vertical-align:middle;}
.foot-bottom {width:970px; background:url(/templates/_images/box_border_bottom_foot.jpg) no-repeat bottom; padding-bottom:4px; position:absolute; bottom:0;}
/* ======= podstrona ======== */
.text {width:668px;border:#f2f2ea solid; border-width:0 1px 0 1px; padding:10px 20px 10px 20px;}
.text h1 {color:#db7336; font-size:18px;}
.text h2 {color:#114e82; font-size:14px;}
.text h3 a {color:#918e8d;}
.text p {padding:10px 0 10px 0; font-size:12px;}
.text ul {margin:10px 0 10px 0;}
.text ul li {line-height:18px; font-size:12px; list-style:disc; list-style-position:inside}
.text ul.zalety li{list-style-image: url(http://hard-pc.pl/images/gfx_tabelka/zaleta.png); color:#000000;}
.text ul.wady li{list-style-image: url(http://hard-pc.pl/images/gfx_tabelka/wada.png); color:#000000;}
.text img {margin:0 10px 5px 0;}
/* articles category list */
.text .articles_category_list ul {border:#f0f0e8 solid; border-width:1px 1px 0 1px; }
.text .articles_category_list ul li {list-style-type:none;}
.text .articles_category_list ul li {padding:10px; border-bottom:1px #f0f0e8 solid;}
.text .articles_category_list ul li h2 a {color:#db7336;}
.text .articles_category_list ul li h3 a {color:#918e8d;}
.text .articles_category_list ul li p {padding:10px 0 10px 0;}
.text .articles_category_list ul li img {float:left; margin:0 10px 5px 0;}
.text .articles_category_list ul li a.wiecej {}
.text .articles_category_list ul.strony {text-align:center; padding:5px 0 5px 0; border-width:0 1px 0 1px;}
.text .articles_category_list ul.strony li {display:inline; padding:0; border:0px none;}
.text .articles_category_list ul.strony li a {color:#db7336;text-decoration:none; }
.text .articles_category_list ul.strony li a.check {font-weight:bold;}
/* ====== wady i zalety w artach ====== */
.taglevel1 { font: 10px Tahoma, sans-serif;color: #9D9D00; }
.taglevel2 { font: 12px Tahoma, sans-serif; color: #005B00;}
.taglevel3 { font: 13px Tahoma, sans-serif; color: #F9007C;}
.taglevel4 { font: 15px Tahoma, sans-serif;color: #006A35;}
.taglevel5 { font: 19px Tahoma, sans-serif;color: #A45200;}
/*======= galeria ========*/
.galeria {width:668px;border:#f2f2ea solid; border-width:0 1px 0 1px; padding:10px 20px 10px 20px; text-align: center;}
.galeria h1 {color:#db7336; font-size:18px;}
.galeria h2 {color:#114e82; font-size:14px;}
.galeria h3 a {color:#918e8d;}
.galeria table.gal {margin:0 auto; text-align: left; width: 500px;}
.galeria table.gal td.mini {width: 106px; text-align:center; vertical-align: top;}
.galeria table.gal td.mini div.mini_ramka {border: 1px #db7336 solid; padding: 3px;}
.galeria table.gal td.tytul {padding-bottom: 10px;}
.galeria table.gal td.tytul a {/*font-size: larger; font-weight: bold; */ font-size: 12px; color:blue; text-decoration: none;}
.galeria table.gal td.tytul a:hover {color:red;}
.galeria table.gal td.data {padding-top: 10px; color: gray; font-size: 10px;}
.galeria table.gal td.tytul, td.opis, td.data {padding-left:20px;}
.galeria img.foto {border: 1px #db7336 solid; padding: 3px; margin: 3px;}
/*============ kalendarz ==============*/
#kalendarz {border:#f5f5ef solid; border-width:0 1px 0 1px; text-align: center; border-collapse: collapse;}
#kalendarz a {text-decoration:none;}
table.kalendarz {border: 1px #DB7336 solid; padding: 2px; text-align:center; margin: 0 auto; border-spacing: 3px; width:90%; margin: 0 auto 5px auto;}
table.kalendarz caption {margin-bottom:5px;}
table.kalendarz caption a#curMonth {text-align: center; font-weight:bold; font-size:larger; color: #000;}
table.kalendarz th {font-weight:bold; padding: 3px; border-bottom: 1px #114e82 solid;}
table.kalendarz td {padding:3px;}
table.kalendarz .happening {font-weight:bold; background-color: #114e82; cursor: pointer; border: 1px #DB7336 solid; color: #fff;}
table.kalendarz .currDay {font-weight:bold; background-color: #E27F3D;}
table.kalendarz a#monthBack, a#monthForward {font-size:smaller;}
div#info {display: none; z-index: 100; background-color:red; width:140px; border: 1px #114e82 solid; background-color: #DB7336; color: #fff; padding:5px;}
/*======== kalendarium ========*/
#kalendarium {text-align:center;}
#kalendarium h1 {color:#000; padding: 5px;}
#kalendarium table {border-collapse: collapse; border: 1px solid #000; border-spacing: 3px; margin: 0 auto;}
#kalendarium table td,th {border: 1px solid #000; padding: 5px;}
#kalendarium table th {font-weight: bold; font-size: larger;}