html
{
	height: 100%;
}

body
{	
	background: white url(tlo_3.png) repeat-y center;
	margin: 0;
	padding: 0;
	height: 100%;
}

div
{
	margin: 0;
	padding: 0;
	border: 0;
	//overflow: hidden;
}

div#calosc
{
	width: 780px;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid grey;
	border-top: 0;
	border-bottom: 0;
	overflow: hidden;
}

div#gora
{
	height: 100px;
	//border: 1px solid grey;
	border-bottom: 2px groove grey;
}

div#menu
{
	width: 120px;
	text-align: center;
	vertical-align: top;
	background-color: rgb(244,244,244);
	float: left;
	//display: table-cell;
	//border-left: 1px solid grey;
	border-right: 2px groove grey;
	//border-bottom: 1px solid grey;
	padding-bottom: 4096px;
	margin-bottom: -4096px;

	
}

div#submenu
{
	width: 120px;
	text-align: center;
	vertical-align: top;
	background-color: rgb(244,244,244);
	//display: table-cell;
	//border-left: 1px solid grey;
	border-right: 2px groove grey;
	//border-bottom: 1px solid grey;

	
}

div#tresc
{
	width: 650px;
	float: left;
	//display: table-cell;
	padding: 4px;
	font: 10pt arial;
	color: #404040;
	//text-align: justify;
	//border-right: 1px solid red;
	//border-bottom: 1px solid grey;
}

div#tekst_luzny
{
	padding: 16px;
	//font: 10pt arial;
	//color: #404040;
	//text-align: center;
	text-align: justify;
	//border-right: 1px solid red;
	//border-bottom: 1px solid grey;
}

/* linki i obrazki w menu */
a.menu
{
	text-decoration: none;
	display: block;
	color: black;
	font: 10pt verdana;
	border-bottom: 1px dotted rgb(192,192,192);
	background-color: rgb(244,244,244);
	padding: 5px;
}

a.menu:hover
{
	color: white;
	background-color: rgb(192,192,192);
}

img.w3c
{
	margin-top: 10px;
	border: 0;
}

span.webmaster
{
	font: italic 8pt verdana;
	color: grey;
	display: block;
	margin-top: 10px;
}

a.webmaster
{
	color: grey;
}

a img
{	
	border: 0;
}

span.licznik
{
	font: 10pt courier new;
	color: grey;
}

/* w submenu */
ul.submenu
{
	background-color: rgb(250,250,250);
	margin: 0;
	padding-left: 30px;
	color: firebrick;
	border-bottom: 1px dotted rgb(192, 192, 192);
	list-style-type: disc;
}

a.submenu
{
	text-align: left;
	text-decoration: none;
	display: block;
	color: black;
	font: 8pt verdana;
	//border-bottom: 1px dotted rgb(192,192,192);
	background-color: rgb(250,250,250);
	padding: 5px;
}

a.submenu:hover
{
	color: white;
	background-color: rgb(192,192,192);
}

/* naglowki */

h3.duzy /*nadtytul duzy*/
{
	font: bold 10pt arial;
	padding: 0px;
	margin: 0px;
	color: darkred;
	text-align: left;
}

h3
{
	font: bold 11pt arial;
	padding: 0px;
	margin: 0px;
	color: darkred;
	text-align: left;
}

h3.maly /*nadtytul maly*/
{
	font: bold 10pt arial;
	padding: 0px;
	margin: 0px;
	color: darkred;
	display: table-cell;
	text-align: left;
}


h2.duzy /* tytul duzy*/
{
	font: bold 18pt arial;
	color: midnightblue;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

h2.maly /* tytul maly*/
{
	font: bold 13pt arial;
	color: midnightblue;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

/* newsy */

div.news
{
	padding: 3px;
	margin: 3px;
	border: 1px dotted gray;
	text-align: justify;
	background: url(gradient_odwr.png) repeat-x bottom;
}

div.news_goracy
{
	margin: 2px;
	margin-bottom: 2px;
	//margin-bottom: 5px;
	//padding: 3px;
	//border-top: 1px solid lightgrey;
	border: 1px dotted gray;
	background: url(gradient_odwr.png) repeat-x bottom;
}

div.newsy_gorace
{
    border-bottom: 2px groove firebrick;
    border-right: 2px groove firebrick;
    border-left: 2px ridge firebrick;  
}

div.pasek_news_goracy
{
	text-align: center;
	//background-color: firebrick;
	background-image: url(pasek_czerwony.png);
	color: white;
	font-weight: bold;
	font-style: italic;
	font-size: 13pt;
}

div.tresc_news_goracy
{
	padding: 3px;
	padding-bottom: 0px;
	text-align: justify;
	//background-color: rgb(238,238,238);
}

/* pasek w najnowszym numerze */
div.pasek_nowy_numer
{
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px;
	border: 1px darkgrey solid;
	//background-color: rgb(242, 242, 242);
	background-image: url(pasek.png);
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
}

/*foty w newsach */
div.fota_ramka
{
	margin-left: 10px;
	//margin-bottom: 10px;
	padding: 3px;
	border: 1px solid grey;
	float: right;
	background-color: rgb(248,248,248);	
}

div.fota_duza
{
	//width: 200px;
	//height: 150px;
	border: 1px solid grey;
	overflow: hidden;
}

div.podpisik_fota_duza
{
	font: 7pt arial;
	padding-left: 2px;
	padding-right: 2px;
	//width: 196px;
	
	
}

div.fota_mala
{
	//width: 132px;
	//height: 100px;
	border: 1px solid grey;
	overflow: hidden;
}

div.podpisik_fota_mala
{
	font: 7pt arial;
	padding-left: 2px;
	padding-right: 2px;
	//width: 128px;
	
	
}

/* data z newsa */
span.data
{
	margin: 0;
	padding 0;
	float: right;
	font: 8pt "courier new";
	color: grey;
	text-align: right;
}

a.autor
{
    color: grey;
    font: 8pt "courier new";
    text-decoration: none;
}

a.autor:hover
{
    color: grey;
    font: 8pt "courier new";
    text-decoration: underline;
}

span.autor
{
	//margin: 0;
	//padding 0;
	//float: right;
	font: bold italic 8pt "courier new";
	color: grey;
	//text-align: right;
}

a.edycja
{
    color: black;
    font: 8pt "courier new";
    text-decoration: none;
    text-align: right;
    display: block;
}

a.edycja:hover
{
    color: black;
    font: 8pt "courier new";
    text-decoration: underline;
}

span.wiecej_w_piatek
{
    text-align: right;
    font: bold 8pt "courier new";
    color: firebrick;
    display: block;
}

/* lista pozolklych newsow */
div#pozolkle_newsy
{
	color: darkgoldenrod;
	text-align: center;
	margin: 5px;
}

div#pozolkle_newsy a
{
	color: darkgoldenrod;
}