/*  jasny szaroniebeiski  A8B2C0 */ 
/*  ciemny szaroniebeiski  6C83A2 */ 
/*  tekst  405067 */ 


#wraper {
	padding: 0;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 822px;
	overflow: visible;
}

#header {
	background-image: url(pix/header_back.jpg);
	background-position: top left;
	padding: 0;
	margin: 0;
	height: 162px;
}

#tabs {
	background-image: url(pix/tabs_back.jpg);
	padding: 0;
	margin: 0;
	padding-left: 16px;
	height: 22px;
	clear: both;
}

#content {
	background-image: url(pix/content_back.gif);
	background-position: top;
	padding: 0;
	margin: 0;
	
}

#main { 
	padding: 0;
	margin: 16px 16px 0px 16px;
	overflow: hidden;
}

#potd { 
	background-image: url(pix/potd.jpg);
	float: right;
	padding: 0;
	margin: 0px 8px 0px 12px;
	overflow: hidden;
	height: 200px;
	width: 400px;
}

#footer {
	background-image: url(pix/footer_back.jpg);
	height: 66px;
	margin: 0;
}

a {
	font-weight: bold;
	text-decoration: none;
}


a:link {color: #6E85A4} 	
a:visited {color: #6E85A4}  
a:hover {color: #405067; }   
a:active {color: #405067}  


a.but_rss {
	background-image: url(pix/but_rss.jpg);  
	padding: 0;
	display: block;
	height: 64px;
	width: 91px;
	margin: 0px 1px;
	float: right;
	cursor: pointer;
}

a.but_rss:hover { background-image: url(pix/but_rss_act.jpg); }

div,p,body,td {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #405067;
}

p {
	text-align: justify;
	padding: 10px 10px 10px 10px;
	margin: 0;
}

body 
{ 
	/* background-image: url('pix/back.gif'); */
	background-repeat: repeat-y;
	background-color: #94ACCB; 
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: scroll;
}

h1, h2, h3 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #405067;
	text-align: left;
	padding: 10px 10px 10px 10px;
	margin: 0;
	line-height: 22px;
}

 /*h1.art_name:first-letter { background-color: #405067; color: white; }*/

h1.art_name { font-size: 28px; }

h1.art_name span.first { background-color: #405067; color: white; }

h2 {
	clear:both;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	line-height: 18px;
}

h3 {
	font-size: 13px;
	font-weight: bold;
	text-align: left;
}

img.titleImg {
	float: right;
	margin-right: 50px;
}

img.emot_icon {
	vertical-align: middle;
}

img.pixframe {
	background-color: #eaedf3;
	margin: auto;
	padding: 4px;
	border: 1px solid #6C83A2;
	cursor: help;
}

/* ul wyświetlane w oknie głównym */
ul {
	text-align: left;
}

abbr, acronym {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	cursor: help;

}

/* ---------------------------------------- */
/* tabbed menu */

#tabs a {
	background-repeat: no-repeat;
	padding: 0;
	display: block;
	height: 22px;
	width: 80px;
	margin: 0;
	float: left;
	cursor: pointer;
}

#tabs .sgl { background-image: url(pix/tab_home.jpg); }
#tabs .sgl:hover { background-image: url(pix/tab_home_hov.jpg); }
#tabs .sgl_act { background-image: url(pix/tab_home_act.jpg); }

#tabs .hdw { background-image: url(pix/tab_hardware.jpg); }
#tabs .hdw:hover { background-image: url(pix/tab_hardware_hov.jpg); }
#tabs .hdw_act { background-image: url(pix/tab_hardware_act.jpg); }

#tabs .sft { background-image: url(pix/tab_software.jpg); }
#tabs .sft:hover { background-image: url(pix/tab_software_hov.jpg); }
#tabs .sft_act { background-image: url(pix/tab_software_act.jpg); }

#tabs .dwn { background-image: url(pix/tab_download.jpg); }
#tabs .dwn:hover { background-image: url(pix/tab_download_hov.jpg); }
#tabs .dwn_act { background-image: url(pix/tab_download_act.jpg); }

#tabs .wpi { background-image: url(pix/tab_guestbook.jpg); }
#tabs .wpi:hover { background-image: url(pix/tab_guestbook_hov.jpg); }
#tabs .wpi_act { background-image: url(pix/tab_guestbook_act.jpg); }

#tabs .for { background-image: url(pix/tab_forum.jpg); }
#tabs .for:hover { background-image: url(pix/tab_forum_hov.jpg); }
#tabs .for_act { background-image: url(pix/tab_forum_act.jpg); }

#tabs .oau { background-image: url(pix/tab_credits.jpg);}
#tabs .oau:hover { background-image: url(pix/tab_credits_hov.jpg); }
#tabs .oau_act { background-image: url(pix/tab_credits_act.jpg);}

#textMenu {
	padding: 20px;
	color: #7489A6;
}

#textMenu a { 
	font-size: 10px;
	color: #7489A6;
}

#textMenu a:link {color: #6D7E95} 	
#textMenu a:visited {color: #6D7E95}  
#textMenu a:hover {color: #E3EBF4;}   
#textMenu a:active {color: #E3EBF4} 


/*  ---------------------------------------------------- */
/*  lista standardowa */

div.std_cnt {
	background-color: #F4F6F8;
	background-repeat: repeat-x;
	background-position: top;
	text-align: justify;
	margin: 8px 8px;
	padding: 8px;
	border: 1px solid #D8E4F4;
	clear: both;
	display: block;
}

div.std_cnt2 {
	height: 78px;
}

div.std_cnt a.aniFrame {
	float: left;
	margin-bottom: 4px;
}

div.std_cnt span.news {
	font-size: 9px;
	font-weight: normal;
	text-align: left;
	padding: 0;
	margin: 0;
}

div.std_cnt h2 {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	line-height: 12px;
	padding: 0;
	margin: 0;
	clear: none;
}

div.std_header_bar {
	background-image: url(pix/selected_item.gif);
	background-color: #C9D4E2;
	margin-bottom: 0px;
	padding: 2px;
	border-bottom: none;
}

div.std_footer_bar {
	background-color: #E9EEF5;
	margin-top: 0px;
	padding: 2px;
	border-top: none;
}

div.post_cont {
	padding-bottom: 8px;
}

div.post_cnt {
	padding: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
}

a.postLink {
	font-size: 9px; 
	font-weight: bold;
}

img.vbar  {
	margin: 0px 8px 0px 8px;
	float: left;
	border-right:2px dotted #A8B2C0;
}


img.news_img {
	padding: 0px 4px 0px 0px;
	float: left;
	margin: 0;
}

/* ramka animowana wko�o linka */
a img { 
	border: 0; 
}

a.aniFrame {
	display: block;
}

a.aniFrame img, a.aniFrame:visited img, a.aniFrame:link img  {
	padding: 2px; 
	background-color: #FEFEFE;
	border: 1px solid #6C83A2;
}

a.aniFrame:hover img , a.aniFrame:active img  {
	background-color: #FFD300;
	
}

/* page header */
div.ph {
	background-image: url(pix/ph_back.gif);
	background-repeat: repeat-y;
	padding: 8px; 
	margin: 0px 11px 0px 11px; 
	text-align: left;
	font-size: 11px;
	
}

div.ph_header {
	background-image: url(pix/ph_header_back.gif);
	background-repeat: repeat-y;
	padding: 0px 8px; 
	height: 2px;
	margin: 0px 11px 0px 11px; 
	text-align: left;
	font-size: 11px;
}

div.ph div.hr {
	border-top: 1px solid #98A9BD;
	margin: 4px 8px 4px 2px;
}

div.ph_bottom {
	background-image: url(pix/ph_bottom_back.jpg);
	background-repeat: repeat-y;
	height: 6px;
	margin: 0px 11px 0px 11px;
} 

div.ph table.navig {
	width: 784px;
	border-collapse: collapse;
}

table.navig td {
	padding: 2px;
	margin: 0;
}

table.navig td.prev  {
	width: 100px;
	padding: 0;
}

table.navig td.next  {
	width: 100px;
	padding: 0;
	text-align: right;
}

table.navig td.prev a, table.navig td.next a {
	margin: 0;
	width: 100px;
	cursor: pointer;
}

/* przycisk - ramka wok� tekstu */
.button {
	padding: 2px 3px 2px 3px;
	font-size: 10px;  
	background-color: #CCDDF4;
	border: 1px solid #6C83A2;
	/*height: 30px;*/
	overflow: hidden;
	margin: 1px;
}

span.button {
 	font-weight: bold; 
	color: #9BACC1;
}

span.pushable {
	cursor: pointer;
	color: #6C83A2;
	padding-left: 8px;
	padding-right: 8px;
}

/* przycisk wybrany - ramka wok� tekstu */
.button_hl {
	padding: 2px 3px 2px 3px;
	font-size: 10px;  
	background-color: #fec619;
	border: 1px solid #6C83A2;
	margin: 1px;
}


/* ------------------------  tabelka forum ------------------------*/

table.std_tab {
	background-color: #F4F6F8;
	width: 774px;
	text-align: center;  
	border-collapse: collapse;
	margin: 8px 8px;
	padding: 8px;
	border: 1px solid #A5B7D1;
}

/* pasek 1 */
td.st_header {
	background-image: url(pix/selected_item.gif);
	background-color: #C9D4E2;
	text-align: left;
	color: #9FAFC7;
	font-weight: bold;
	padding: 4px 4px 4px 16px;
	margin: 0;
}

td.frCnt {
	border-top: 1px solid #A5B7D1;
	padding: 2px;
}

td.frc1 { 
	width: 400px; 
	text-align: left; 
	padding-left: 10px; 
	border-right: 1px solid #A5B7D1;
}
td.frc2 { 
	width: 60px; 
	text-align: center; 
	border-right: 1px solid #A5B7D1;
}
td.frc3 { 
	width: 60px;  
	text-align: center;
	border-right: 1px solid #A5B7D1;
}
td.frc4 { 
	text-align: left; 
	padding-left: 10px;
}

td.frHeader {
	vertical-align: middle;
	/*background-image: url(pix/table_cnt2.jpg);*/
	height: 22px; 
	margin: 0;
	border-top: 1px solid #9FAFC7;
}

/* linki */
td.frLink {
	text-align: right;
	padding: 4px;
}

/* ------------------------  podgl�d tb ------------------------*/

#thumbBox { /*Outermost DIV for thumbnail viewer*/
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	padding: 10px;
	padding-bottom: 0;
	background: #576983;
	visibility: hidden;
	z-index: 10;
	cursor: pointer;
	border: 1px solid red;
}

#thumbBox .footerbar { /*Footer DIV of thumbbox that contains "close" link */
	font: bold 14px Tahoma;
	letter-spacing: 4px;
	line-height: 1.1em;
	color: white;
	padding: 5px 0;
	text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
	background-color: white;
	padding: 8px;
	border: 4px solid #485972;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
	position: absolute;
	visibility: hidden;
	border: 1px solid black;
	background-color: #EFEFEF;
	padding: 5px;
	z-index: 5;
}

/* ------------------------  article,page specific ------------------------*/
/*div.as {
	cursor: pointer;
	font-size: 11px;
}*/

div.ps_default {
	padding: 0;
	overflow: hidden;
	text-align: left;
	font-size: 11px;
}

#info_panel {
	padding: 0;
	overflow: hidden;
	text-align: left;
	display: none;
}

/* tabelka zawierająca dane info panelu */
table.ibt {
	width: 770px;
	margin: 0;
	padding: 0;	
	border: none;
}

/* infopanel td */
table.ibt td {
	padding: 4px;
	color: #566B8D;
	font-size: 10px;
}

/* infopanel pogrubienie danych */
table.ibt td b {
	color: #566B8D;
}

/* introbar thumbnail */
td.ibthumb {
	text-align: center;
	width: 100px;
}

/* introbar dane */
td.ibd {
	text-align: left;
	border-bottom: 1px dashed #9FAFC7;
}

/* miniaturka w info panelu */
td.ibthumb img {
	padding: 2px;
	background-color: #EAEDF3;
	border: 1px solid #6C83A2;
}

/* ------------------------  post prev ------------------------*/
div.post_prev {
	font-size: 11px; 
	line-height: 14px;
	color: #6D7E95;
}

div.pp_header_left {
	float: left;
	color: #9FAFC7; 
	font-weight: bold;
}

div.pp_header_right {
	text-align: right;
	color: #9FAFC7; 
	font-weight: bold;
}

/* ------------------------  tabelka forum ------------------------*/
div.dwl_top {
	margin: 0;
	padding: 0;
	height: 78px;
	overflow: hidden;
}

div.dwl_bottom {
	margin: 0;
	padding: 0;
	height: 18px;	
}

div.dwl_left {
	float: left;
	width: 104px;
	overflow: hidden;
}

div.dwl_right {
	padding-left: 8px;
}

div.std_cnt_dwl {
	height: 98px;
}

img.dwtb {
	padding: 2px;
	background-color: #e6f0fc;
	border: 1px solid #7287a6;
	height: 72px;
	width: 96px;
	vertical-align: top;
}

div.dwdata {
	width: 640px;
	font-size: 9px;
	border-top: 1px solid #D8E4F4;
 	float: right;
	overflow: hidden;
}

div.dwdata span {
	border: 1px solid #7287a6;
	margin: 0px 2px;
	padding: 0px 2px;
}

h2.sh {
	
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	margin-left: 10px;
	padding-left: 40px;
	cursor: pointer;
	line-height: 12px;
}
h2.dwl { background-image: url(pix/icon_down.gif); }
h2.hdw { background-image: url(pix/icon_hardware.gif); }


div.dwcnt {
	height: 76px;
	overflow: hidden;
}

div.dwicons {
	margin: 2px 0px;
	width: 100px;
}

div.dwicons a {
	display: block;
	width: 20px;
	height: 20px;
	margin: 2px 12px 2px 0px;
	padding: 0;
	float: left;
}

div.dwicons a.down {
	background-image: url(pix/icon_download.gif);
}

div.dwicons a.watch {
	background-image: url(pix/icon_watch.gif);
}


div.dwl_summary  {
	text-align: left;
}

div.summary_left {
	float: left;
	width: 300px;
	padding: 16px 0px 16px 60px;
}

div.summary_right {
	float: right;
	width: 300px;
	padding: 16px 0px 16px 0px;
}

div.dwl_summary  i {
	display: block;
	color: #6d829d; 
}

/* SOFTWARE */
div.soft_main_screen_shots {
	text-align: justify;
	margin: 0;
}

div.soft_main_screen_shots img {
	margin: 20px;
	}
	

          /*div {margin: 3px; padding 3px;}*/
.soft_dwl { display: block; float: right; }
.cs {
	border: 1px solid #a5b7d1; 
	border-top: 6px solid #a5b7d1; 
	margin: 8px; 
	padding: 2px; 
	background-color: #F4F6F8; 
}

.csi { 
	margin: 0px 0px 8px 0px; 
	padding: 4px; 
	border-bottom: 1px solid #CCCCCC; 
	background-color: #FEFEFE;
}
.csi h2 {font-size: 12px; margin: 0; display: block; float: left;}

.cs div {
	margin: 4px;
	text-align: left;
	}
 .c_new {
 	border: 1px solid #0CB610; 
 	background-color:#E9FEEA; 
 	padding: 2px 4px;
 }
 .c_new:first-letter { 
 	font-family: monospace; 
 	color:#0CB610; 
 	font-size: 16px; 
 	font-weight: bold;
 }
.c_del {border: 1px solid #B8120A; background-color:#FEECEB; padding: 2px 4px;}
.c_del:first-letter { font-family: monospace; color:#B8120A; font-size: 16px; font-weight: bold;}
.c_fix {border: 1px solid #B8A30A; background-color:#FEF7EB; padding: 2px 4px;}
.c_fix:first-letter { font-family: monospace; color:#B8A30A; font-size: 16px; font-weight: bold;}	


