body {font-family: arial, tahoma, verdana, sans-serif;}

img {border: 0; vertical-align: middle;}
input, label, label input, label select {vertical-align: middle;}
p {text-align: justify;}

sup
{
font-family: verdana, arial, courier, geneva, helvetica, sans-serif; font-size:12px;  
}

/* do wyswietlania kodow */
.tytul_porady {
padding: 4px 4px 5px 8px;
margin: 4px 0px 4px 0px;
color: #00537d;
/* background-color: #dfe7f3;*/
background-color: #FFFF99;

font-size: 11px;
font-weight: bold;
border: 1px solid #99ccff;
}

.o_stronie
{
	font-family: "trebuchet ms", tahoma, helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	font-size: 14px;
	color: blue;
	text-align: left;
	margin: 25px 50px 0px 40px;
}

.opis_porady
{
border: 1px solid #99ccff;
font-family: verdana, arial, courier, geneva, helvetica, sans-serif; font-size: 12px;  
margin: 0px 0px 4px 0px;
background-color: #dfe7f3;
padding: 15px 15px 15px 15px;
}


pre 
{
/* to jest styl bez kolorowania składni */
/* stara wersja background-color: white; margin: 1em 0 1em 3em; font: bold 100% "courier new", verdana, arial, geneva, helvetica, sans-serif;*/
border: 1px solid #99ccff; background-color: white; padding: 10px 10px 10px 16px;
margin: 1em 0 1em 0; font: normal 130% Arial, Trebuchet MS, Helvetica, sans-serif; display: block;

}



.opis_porady code, .opis_porady_code
{
/* to jest styl z kolorowaniem składni */
border: 1px solid #99ccff; background-color: white; padding: 10px 10px 10px 16px;
margin: 1em 0 1em 0; font: normal 130% Arial, Trebuchet MS, Helvetica, sans-serif; display: block;
}

.link_POST {margin: 0; display: inline;}
.link_POST input {background-color: white;}
.link_POST input:hover {color: #fa9800;}

.inline, .inline fieldset {margin: 0; display: inline;} 

.opis_porady_code .link_POST input {text-align: left; cursor: pointer; border: 0; background-color: white;}

.tekst_ukryty {font-size: 0px; color: white;}

/* to jest styl do komentarzy po znakach // jeśli nie ma podświetlenia składni, bo ten styl nie jest potrzebny jeśli funkcja podświetlania z php jest włączona to sama sobie to formatuje*/ 
/* stara wersja....     .komentarz {font: italic normal 14px sans-serif; color: blue;} */
.komentarz {font: normal 15px sans-serif; color: blue;}

/* stare style z exalt.pl */
div,td,th     { font-size: 7.5pt; font-family: verdana, arial, courier, geneva, helvetica, sans-serif;}

/* ol,ul,dl      { font-size: 8,5pt; text-align: justify; font-family: verdana,arial, courier, geneva, arial, helvetica, sans-serif; } */

a             { text-decoration: none; }
a:link { color: #0057a6}
a:visited { color: #0057a6}
a:active {color: #0057a6}
a:hover {color: #fa9800}

a.r:link,
a.r:visited,
a.r:active
	{color: red;}
a.r:hover
	{color: orange;}

.ruch:hover  {display: block; position: relative; top: -1px}
.text         {font-size: 11px; color:black;  font-family: verdana, arial, courier, geneva, helvetica, sans-serif; }
.e7r        {font-size : 7pt; color: #cfcfcf; font-family: tahoma, verdana, arial, courier, geneva, helvetica, sans-serif;}
.e8          {font-size : 8pt; font-weight: bold; color: #f3140e; font-family: tahoma, verdana, arial, courier, geneva, helvetica, sans-serif;}
.ex7rbw     {font-size : 10pt; color: #cfcfcf; font-weight: bold;font-family: tahoma, verdana, arial, courier, geneva, helvetica, sans-serif;}

#formularz{position:absolute; visibility:hidden; background-color:#ffffff;}

.td2 {font-size: 9px; color: #011a4c; font-family: verdana,arial,helvetica,geneva}
.www {font-weight: bold; font-size: 11px; color: #fd7e01; font-family: verdana,arial,helvetica,geneva}
.n1 {font-weight: bold; font-size: 16px; color: #ffffff; font-family: verdana,arial,helvetica,geneva}
.promocje_male div {margin: 3px;padding: 4px;	border: 1px solid black;}
.promocje_male div:hover {	background-color: #ffffcc;}

h1
{
color: #fd7e01;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: normal;
 	margin-left: 0px;
 	margin-top: 0px;
 	margin-right: 0px;
 	margin-bottom: 0px;
}

/*  html - gora */
#menu_gorne, .menu_gorne
{
	width: 100%;
	margin: 0px auto;
	padding: 5px 0px 6px 1px;
	background-color: #4773c1;
}

#menu_gorne ul 
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
}

#menu_gorne li 
{
	display: inline;
}

#menu_gorne a
{
	padding: 5px 15px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}

#menu_gorne a:hover 
{
	background-color: #6d92d5;
}

/*  html - lewa_strona */
.menu a 
{
display: block;
height: 12px;
margin: 1px;
padding: 4px;
text-align: left;
background: url(img/m_przycisk.gif);
font-family: verdana, sans-serif;
font-weight: bold;
font-size: 13px;
color: white !important;
text-decoration: none;
line-height: 12px;
}

form.edit {font-weight: bold;}
form.edit input,
form.edit textarea
	{display: block; width: 100%; font: normal 100% courier; margin-bottom: 0.5em; padding: 1px;}

table.spis_porad {margin: 2px 15px 2px 15px; width: 95%;}
table.spis_porad td {font-size: 12px; padding: 0;}
table.spis_porad strong {display: block; color: red; font-size: 13px; margin-bottom: 0.5ex;}
table.spis_porad hr {background-color: blue; margin: 2px; clear: both;}

table.pojedyncza_porada {width: 100%; text-align: center; font-weight: bold;}

form.szukaj label {display: block; margin: 0.5em 0;}

table.szukaj {width: 100%; border-collapse: collapse;}
table.szukaj td {padding: 1em; vertical-align: top; border: 1px solid #fcf;}

div.linki_do_kategorii p, div.linki_do_kategorii a.r {display: block; margin: 0.5ex 0; font-weight: bold;}

div.linki_do_roznych_stopni_trudnosci p {margin: 0.5ex 0; font-weight: bold;}
div.linki_do_roznych_stopni_trudnosci table td {width: 25ex; padding: 0; border: 0; font-weight: bold;}

.menu .mniejsze {font-size: 10px;}
.menu a:hover {background: url(img/m_przycisk_jasny.gif) !important;}

.red {color: red!important;}
.bold {font-weight: bold;}

@media print
{
	html, body {background-color: #fff; margin: 0; padding: 0;}
	table,caption,tr,th,td,a,div,span {color: #000!important; background-color: #fff; border-color: #000!important;}
	.noprint {display: none;}
	.print_border0 {border: 0;}
}