BODY			{background: black url(gr/blackgr.gif) repeat-x; margin:0; padding:40px 0px; }
A				{text-decoration:none}
A:link			{color:#039}
A:visited		{color:#039}	/* formerly 336 */
A:hover			{color:#36f}
A:active		{color:#36f}
TD				{font: 12px 'Lucida Grande', 'Helvetica CE', 'Arial CE', Helvetica, Arial, sans-serif; color: #000}
.inner			{background:#eee}	/* TODO check no "vnitr" in other files */
TD.kppm			{background:#fff} /* TODO DELETEME? */
.okraj			{background:#888}

TD.boxh			{color: black; background:#e2e2e2; font-weight: bold; font-size: 10px}
TD.boxt			{color: black; font-size: 10px}

DIV.sidebox			{	border: 1px solid #A5A5A5;
						margin-top: 14px; margin-bottom: 18px;
					}
DIV.sidebox H2	{    padding: 3px 6px; margin: 0; font-size: 10px; font-weight: bold; background:#e2e2e2; }
DIV.sidebox	P	{    margin: 4px 6px;            font-size: 10px; }
DIV.sidebox P.link { margin-left: 7px; padding: 0 0 0 8px; background: url(gr/bullet.gif) no-repeat top left; clear:both}
//DIV.sidebox P.dl { padding-top:18px; background: url(gr/dlarrow.png) no-repeat top center; text-align:center; }
//DIV.sidebox P.dl A { padding-top:18px; }
DIV.sidebox P.dl {  height: 14px; padding: 4px 0 0 18px; background: url(gr/dlarrow.png) no-repeat center left; }
DIV.sidebox P.dl A {  }
P.centered		{	text-align:center; }

H4, .nadpis_1 	{color: gray; font-weight: bold; font-size: 13px; font-family: 'Lucida Grande', 'Helvetica CE', 'Arial CE', Helvetica, Arial, sans-serif}
.text_normal	{color: black; font-size: 12px; font-family: 'Lucida Grande', 'Helvetica CE', 'Arial CE', Helvetica, Arial, sans-serif; text-align: left }
.mainlink		{font-size:14px; font-weight:bold;}

IMG.icon32		{border:0; height:32px; width:32px;}

/* The main content DIV */
#contentdiv	{ text-align:left; /* for dumb browsers */ padding:36px; }
#contentdivWhite{
			text-align:left; /* for dumb browsers */
			margin:36px; background:white; padding:20px;
 			border-left: 1px solid #ccc;
 			border-top: 1px solid #ccc;
 			border-bottom: 1px solid #f7f7f7;
 			border-right: 1px solid #f7f7f7;
 			}

H1				{
					color: gray; font-weight: bold; font-family: 'Lucida Grande', 'Helvetica CE', 'Arial CE', Helvetica, Arial, sans-serif;
					font-size:32px; margin-bottom:6px
				}
H1.logo			{
					margin: 20px 20px	32px 0; width:145px; height:54px;
					background: url(gr/lokilogo-s.png) no-repeat top center; float:left;
				}
H1.clogo		{
					margin: 20px 0		32px 0; height:92px;
					background: url(gr/lokilogo-m.png) no-repeat top center; text-align:center
				}
H1.logo .text, H1.clogo .text
				{ 	display: none; }
H2.afterlogo	{	margin: 20px 0		32px 0; height:42px; font-size:24px; font-weight:bold;
					padding-top:12px; color:rgb(92,123,193);
				}
H3				{	margin-top:32px; margin-bottom:12px; color: #444; font-weight: bold; font-size: 18px; clear:both;
					position: relative; /* to make a positioning box for the elements inside */
				}
H3 .price		{	position:absolute; right:0; color:gray; }
DIV.h3motto		{	position:relative; top:-6px;
					color:#444; font-size:12px; font-weight:bold; margin-bottom:12px;
				}
DIV.h3motto	DIV {	margin-top: 0.5em; }	/* multiline mottos */

DIV.news H3		{	margin-top:16px; height:36px; }
DIV.news H3 IMG, IMG.newsimg
				{	vertical-align: middle; border:none; padding-left:8px; padding-right: 4px;}
DIV.news H3 A.dl
				{	position:absolute; right:0; font-size:12px; margin: 0 1em 0 1em; height:17px; padding-left:16px; padding-top:2px; background: url(gr/dlarrow.png) no-repeat center left}

/*H4				{font-size: 12px; color:#444; font-weight:bold; }*/

DIV.sect			{margin: 32px 0 32px 0;}
DIV.switchpage		{font-size:11px; margin: 20px 0 20px 0; text-align:center;}
DIV.news			{background:white; font-size: 12px; padding: 6px; margin: 32px 0 32px 0; border: 1px solid #bbb;}
DIV.copyright		{text-align:center;font: 9px 'Helvetica CE', Helvetica, 'Arial CE', Arial, sans-serif; color: silver; padding-top:4px;
					margin-left:85px;
					}
DIV.copyright A		{color: silver;}
DIV.copyright IMG
				{vertical-align: top; border:0; }
DIV.langmenu		{text-align:center;font-size:10px;padding-bottom:16px}
DIV.langmenu .lang	{padding: 0 10px;}

/* Product links */
DIV.prodlinks		{float:left; font-size:10px; text-align:center; margin:0 8px 8px 0; }
DIV.prodlinks A		{display:block; margin-bottom:12px;}
/* - product page */
DIV.prodlinks IMG	{border:none;}
.prodlinklabel		{display:block; clear:both;}
/* - download */
DIV.prodlinks A.dl	{padding-top:18px; background: url(gr/dlarrow.png) no-repeat top center}
.afterprodlinks		{clear:left;}
.smaller			{font-size:10px; }

.vinfo				{ margin-bottom:1.5em; margin-top:1.5em; clear:both;}
.vinfo H4			{ margin-top:0; float:left;
					color: gray;  font-weight: bold; font-size: 14px; }
.vinfo H4 SPAN		{display: block;}
.vinfo H4 .date		{color: silver;}
.vinfo UL, .vinfo DIV	{ padding-left:32px; margin-left:96px; }
.vinfo H4 A.dl
				{	display: block; margin-top:2px;
				font-size:12px; font-weight:normal;
				height:17px; padding-left:16px; padding-top:2px; background: url(gr/dlarrow.png) no-repeat center left}

/* Various */
B, DIV.news .hilite	{color:#444; font-weight:bold}