body {
	padding: 0px;
	margin: 0px;
	overflow:hidden;
	height:100%;
	FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; FONT-SIZE: 12px; COLOR: #555555;
}

html, body {

        height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */

}

*       {margin:0;padding:0;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;color:#555555;}

p       {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; FONT-SIZE: 12px; COLOR: #555555;}
.strz  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #ffb9b9; FONT-SIZE: 14px; text-decoration: none; font-weight: bold;}

A:link  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #9B0000; FONT-SIZE: 12px;  text-decoration: none; }
A:active {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #9B0000; FONT-SIZE: 12px; text-decoration: none; }
A:visited  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #9B0000; FONT-SIZE: 12px; text-decoration: none; }
A:hover  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #9B0000; FONT-SIZE: 12px; text-decoration: underline; }

A.stopka:link  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #5d5d5d; FONT-SIZE: 12px; text-decoration: none;}
A.stopka:active {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #5d5d5d; FONT-SIZE: 12px; text-decoration: none;}
A.stopka:visited  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #5d5d5d; FONT-SIZE: 12px; text-decoration: none;}
A.stopka:hover  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; COLOR: #9B0000; FONT-SIZE: 12px; text-decoration: none;}


a { outline: none }

h1 {
	FONT-FAMILY: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
	font-size: 19px;
	color: #555555;
	padding: 0 0 12px 0;
}

h2 {FONT-FAMILY: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; font-weight: bold; FONT-SIZE: 16px; COLOR: #224468;}

input {border:1px solid #999999;background:#ffffff;font-size:12px;color:#444444; padding: 3px 3px 3px 3px;}
input.guziczek {border:1px solid #999999; background:#FAFAFA; font-size:12px; color:#777777}
input.guziczek:hover {border:1px solid #999999; background:#ffdada; font-size:12px; color:#555555}
textarea {border:1px solid #999999;background:#FAFAFA;font-size:12px;color:#444444; padding: 3px;}
legend {font-size:12px;color:#555555; font-weight: bold; padding: 3px;}
fieldset {padding: 7px 7px 12px 7px; background-color:#eeeeee;}
select {border:1px solid #999999;background:#ffffff;font-size:12px;color:#444444; padding: 3px 3px 3px 3px;}
option {background:#eee;font-size:12px;color:#444444; padding: 0px;}

h3 {
	padding: 0.5em 0.5em 0.9em 0.5em;
	width: 95%;
	margin: 0.5em auto;
	border: 2px solid #b5b5b5;
	background-color: #eeeeee;
	opacity:.61;filter:alpha(opacity=61);
	font-size:12px;
	font-weight: normal;
}


TD.tlo1  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; font-weight: normal; FONT-SIZE: 12px; COLOR: #000000; background-color:#dddddd; text-align: right; padding: 5px;}
TD.tlo1a  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; font-weight: normal; FONT-SIZE: 10px; COLOR: #000000; background-color:#dddddd; text-align: right; padding: 5px;}
TD.tlo1b  {FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; font-weight: normal; FONT-SIZE: 10px; COLOR: #000000; background-color:#dddddd; text-align: left; padding: 5px;}


img { border: 0; }
img.zap {
border-width:2px;
border-style:solid;
border-color: #d1dae5;
}
img.zap:hover {
border-width:2px;
border-style:solid;
border-color: #dc8686;
}

li {
padding: 7px 0 0 5px;
}

div.error {
	border: 1px dashed red;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	color: red;
}
div.info {
	border: 1px dashed green;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	color: green;
}

.required {
	color: red;
}
.required:before {
	content: "* ";
	color: red;
}


.page {
width:100%; 
height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
max-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}


.loader        { position:absolute; z-index:-11;width:32px; height:32px; top:265px; left:120px}
.bgmaximage {display:none; z-index:1;}	


.strona {clear:both;width:100%;height:100%;}


#mycustomscroll2 {
overflow: auto;
width:100%;
float:left;
height:auto;
max-height:100%;
height:100%;
margin: 0;
padding: 0;
overflow-x:hidden;
overflow-y:auto;
position:relative;
outline: none;
}




#container {
	width: 951px;
	margin: 0 auto;
	position: relative;
}
#wrap{ float: left; width: 778px; }
#content { float: right; width: 463px; margin-top: 10px; }
#category { float: left; width: 315px; margin-top: 55px;}
#sidebar{ float: right; width: 173px; margin-top: 67px; }


.txt-blok1 {
margin-top: 12px; width: 441px; height: 278px; background: url(../img/tlotxt1.png) no-repeat;
}
.txt-blok2 {
width: 441px; background: url(../img/tlotxt2.png) repeat-y;
}
.txt-blok3 {
width: 441px; height: 30px; background: url(../img/tlotxt3.png) no-repeat;
}

.txt-blok1-fotka {
padding: 14px 0 0 21px; width: 441px; height: 267px;
}


.txt-nag { width: 400px; height: 44px; background: url(../img/belkatyt.png) no-repeat; margin: 0 0 0 21px}
.txt-nag2 { FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; FONT-SIZE: 15px; COLOR: #5e5656; padding: 11px 0 0 0; font-weight: bold; text-align: center;}

.txt1 {
FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; FONT-SIZE: 11px; COLOR: #333333; padding: 11px 30px 10px 30px;
}

.webmaster {
font-size: 10px; color: #444; text-align: right; padding: 3px 57px 5px 0; opacity:.50; filter:alpha(opacity=50);
}
.webmaster a {
font-size: 10px; color: #444; text-decoration: none;
}



.blok1 {
margin-top: 12px; width: 270px; height: 24px; background: url(../img/blok1.png) no-repeat;
}
.blok2 {
width: 270px; background: url(../img/blok2.png) repeat-y;
}
.blok2a {
width: 270px; background: url(../img/blok2.png) repeat-y; text-align: center;
}
.blok3 {
width: 270px; height: 24px; background: url(../img/blok3.png) no-repeat;
}

.logo {
padding: 6px 0 0 23px;
}

.menu {
padding: 6px 0 0 23px;
}

.nav-container
{ 
   vertical-align: top;
   height: 100%;
   text-align: left;
   background: url(../img/guzik1.png) no-repeat top left;
   margin: 0;
   width: 216px;
}
.nav-container a,
.nav-container a:visited,
.nav-container a:hover
{
   font-size: 12px;
   padding: 8px 0 13px 0;
   text-align: center;
   display: block;
   color: #6f4046;
   font-weight: bold;
   border: 0px;
   background: url(../img/guzik1.png) no-repeat top ;
   text-decoration: none;
}
.nav-container a:hover
{
   font-size: 12px;
   padding: 8px 0 13px 0;
   text-decoration: none;
   color: #3c673a;
   font-weight: bold;
   background: url(../img/guzik2.png) no-repeat top left;
}

.glukometr {
font-size: 14px; color: #802323; padding: 3px 0 11px 0; font-weight: bold;
}

.glukometr2 {
font-size: 12px; color: #444444; padding: 3px 0 5px 0; 
}


.blok-u1 {
margin-top: 12px; width: 172px; height: 21px; background: url(../img/blok-p1.png) no-repeat;
}
.blok-u2 {
width: 172px; background: url(../img/blok-p2.png) repeat-y; 
}
.blok-u2a {
padding: 11px 0 21px 0; text-align: center;
}
.blok-u3 {
width: 172px; height: 21px; background: url(../img/blok-p3.png) no-repeat;
}