/* ================================================================================================================ */
/* CSS RESET
/* ================================================================================================================ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset,
form, label, legend
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-family: inherit;
	font-size: 100.01%;
	/*font-style: inherit;*/
	/*font-weight: inherit;*/
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* remember to define focus styles! */
:focus {
	outline: none;
	-moz-outline-style:none;
}

::-moz-focus-inner {
border: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, tr, td {
	text-align: left;
	font-weight: normal;
}

/* The value 1 forces a broken image icon even if the image has alt text */
img {
	-moz-force-broken-image-icon: 1;
}

/* Selection colour & background */
::-moz-selection{
	background:#c33;
	color:#f8f8ff;
}

::selection {
	background:#c33;
	color:#f8f8ff;
}

/* ================================================================================================================ */
/* CLEARFIX
/* ================================================================================================================ */

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.clear {
clear:both;
display: block;
width: 100%;
height: 0px;
margin: 0px;
padding: 0px;
line-height: 0px;
font-size: 0px;
}

/* ================================================================================================================ */
/* PAGE DEFAULTS
/* ================================================================================================================ */

html {
overflow-y:scroll;
}

body {
font: 62.5%/1.5  Tahoma,sans-serif;
color: #333;
text-align:left;
letter-spacing: normal;
word-spacing: normal;
}

/* ============================================================================================= */

a			{ text-decoration: none; color: #333; }
a:link		{ text-decoration: none; color: #333; }
a:visited	{ text-decoration: none; color: #333; }
a:hover		{ text-decoration: underline; color: #333;}
a:active	{ text-decoration: none; color: #333; }
a:focus		{ text-decoration: none; color: #333; }

/* ============================================================================================= */

label {
color: #333;
font-family: Verdana, sans-serif;
font-size: 10px;
font-style: italic;
cursor: pointer;
}

label.hint {
color: #666;
cursor: text;
}

input[type="text"],
input[type="password"] { 
border: 1px solid #ccc;
background: #f8f8f8;
color: #333;
font-family: Verdana, sans-serif;
font-size: 10px;
font-style: normal;
padding: 5px 3px;
margin: 0 2px;
}

input[type="text"]:hover,
input[type="text"]:focus,
input[type="password"]:hover,
input[type="password"]:focus {
background: #fff;
border: 1px solid #999;
}

/* ============================================================================================= */


input[type="submit"],
input[type="button"] {
background: #eee url(kategoria-button-background.png) repeat-x scroll 0 0;
border: 1px solid #ccc;
color: #333;
cursor: pointer;
font-family: Verdana, sans-serif;
font-size: 10px;
font-style: normal;
padding: 4px 6px 6px 6px;
}

input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus {
background: #eee url(kategoria-button-background.png) repeat-x scroll 0 0;
border: 1px solid #999;
}

input[type="radio"] {
cursor: pointer;
}

input[type="checkbox"] {
cursor: pointer;
margin-top: 4px;
}

/* ============================================================================================= */

select {
background: #f8f8f8;
border: 1px solid #ccc;
color: #333;
cursor: pointer;
font-family: Verdana, sans-serif;
font-size: 11px;
padding: 3px 4px;
}

select:hover,
select:focus {
background: #f8f8f8;
border: 1px solid #999;
}

/* ============================================================================================= */

textarea {
border: 1px solid #ccc;
background: #f8f8f8;
color: #333;
overflow: auto;
font-family: Verdana, sans-serif;
font-size: 10px;
font-style: normal;
padding: 10px;
}

textarea:hover,
textarea:focus {
border: 1px solid #999;
background: #fff;
}

/* ============================================================================================= */

.float-left {float: left;}
.float-right {float: right;}

.wyszukiwanie-toogle {
background-color: #eee;
background-position: 2px center !important;
background-repeat: no-repeat !important;
padding: 4px 8px 4px 20px !important;
}

.przypomnienie-toogle {
background-color: #eee;
background-position: 2px center !important;
background-repeat: no-repeat !important;
padding: 4px 8px 4px 20px !important;
}


/* ============================================================================================= */

.side-menu-header {
background: #89111F;
color: #fff;
width: 242px;
height: 40px;
line-height: 40px;
padding: 0;
font-weight: normal !important; /* !important - IE */
text-align: center;
letter-spacing: 1px;
margin-top: 5px;
font-size: 18px;
}

.link-button {
display: block;
border: 1px solid #ccc;
color: #333;
font-family: Verdana, sans-serif;
font-size: 10px;
font-style: normal;
cursor: pointer;
padding: 3px 5px 3px 5px !important;
text-align: center !important;
text-decoration: none !important;
background: #eee url(kategoria-button-background.png) repeat-x scroll 0 0;
}

.link-button:hover {
border: 1px solid #999;
text-decoration: none;
}

/* ============================================================================================= */

p.blad  {font-weight:bold; color:#f33; text-align:center; margin-top:15px; }
noscript {color:red; font-weight:bold; font-size: 200%; display:inline; line-height: 100px;}