/* 68% = 11px */
/* 75% = 12px */

/* common styles */
/*

	background: url(../../images/frontend/bg-main.png) top repeat-x #ffc135; color: #000;

*/
HTML { height: 100%; }
BODY {
	font-size:  82%; font-family: Tahoma, "Myriad Pro", sans-serif;
	background: #fff; color: #000;
	margin: 0; padding: 0; text-align: left; border: 0;
	direction: ltr; unicode-bidi: embed; position: relative; width: 100%; height: 100%;
}

BODY * { font-size: 100%; zoom: 1; }
BODY, P, FORM { margin: 0; padding: 0; }
BODY, P, TD, TH, A, LI, INPUT, TEXTAREA, PRE, TT, BUTTON { font-family: Tahoma, "Myriad Pro", sans-serif; }

A { color: #733393; text-decoration: none; }
A:hover { text-decoration: underline; }

LABEL { cursor: pointer; cursor: hand; }
FIELDSET { margin: 0; border: 0; padding: 0; }

INPUT[type=button], INPUT.button,
	INPUT[type=submit], INPUT.submit, BUTTON, BUTTON::-moz-focus-inner
	{ overflow: visible; display: inline-block; whitespace: nowrap; cursor: pointer; cursor: hand; }

INPUT[type=button]::-moz-focus-inner,
	INPUT.button::-moz-focus-inner,
		INPUT[type=submit]::-moz-focus-inner,
			INPUT.submit::-moz-focus-inner, BUTTON, BUTTON::-moz-focus-inner
	{ border: 0; padding: 0; } /* eta hernja privodit k normalnomu otobrazeniju buttona v FF */

A IMG { border: 0; }

H1, H2, H3 { margin: 0; padding: 0; }

.wide { width: 100%; }
.curs { cursor: pointer; cursor: hand; }

.clearfix { display:block; }
.clearfix:after { clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; visibility:hidden; }

.vmid { vertical-align: middle; }
.vmid * { vertical-align: middle; }

*:focus {outline: none;}

/* corners */
IMG.c { position: absolute; z-index: 300; background-position: left top; background-repeat: no-repeat; }
IMG.c.bl { bottom: 0; left: 0;  }
IMG.c.br { bottom: 0; right: 0; }
IMG.c.tl { top: 0; left: 0;  }
IMG.c.tr { top: 0; right: 0; }

IMG.c.bbl { bottom: -1px; left: -1px;  }
IMG.c.bbr { bottom: -1px; right: -1px; }
IMG.c.btl { top: -1px; left: -1px; }
IMG.c.btr { top: -1px; right: -1px; }

DIV.content {
	width: 1000px; margin-left: -500px; left: 50%; position: relative; min-height: 100%; }
* html DIV.content { height: 100%; }

DIV.content DIV.header {
	position: absolute; top: 15px; left: 0; right: 0;  margin: 0; padding: 0; height: 200px;
	background: url(../images/bg-header.png) left top repeat-y;
}
DIV.content DIV.footer {
	position: absolute; bottom: 0; left: 0; right: 0;  margin: 0; padding: 0;
}


A#logo { position: absolute; top: 40px; left: 40px; }

DIV#lang { position: absolute; top: 20px; right: 30px; }
DIV#lang A { color: #ffe400; margin: 0 10px; font-weight: bold; font-size: 112%; }

DIV.nav1 { position: absolute; bottom: 0; right: 25px; }
DIV.nav1 A { display: block; float: left; position: relative; margin: 0 16px; background: #ffe76b; padding: 3px 26px; font: bold 112% Arial;}
DIV.nav1 IMG.c.tl { left: -4px;  }
DIV.nav1 IMG.c.tr { right: -4px; }

DIV.content DIV.document { padding: 240px 35px 160px 60px; }

BODY.index DIV.document DIV.image { position: relative; float: left; margin-right: 30px;}
BODY.index DIV.document DIV.image IMG { float: left; }

DIV.content DIV.left { float: left; width: 62%; }
DIV.content DIV.right { float: right; width: 31%; margin-top: 50px; }

DIV.right DIV.related DIV.pic { position: relative; }
DIV.right DIV.related DIV.pic IMG { max-width: 100%; max-height: 100%; float: left; }
DIV.related DIV.body { padding: 25px; font-size: 92%; font-family: Arial; line-height: 150%; }
DIV.related DIV.body * { font-size: 100%; line-height: 150%; }

DIV.document H1 {
	position: relative; margin-bottom: 10px;
	background: #ffe76b; font: bold 177% Tahoma; color: #733393; padding: 5px 12px; }
DIV.document DIV.text { padding: 10px; }

DIV.document P.lead { padding: 10px; }

DIV.color A { display: inline-block; float: left; width: 17%; font-family: Arial; text-transform: lowercase; }
DIV.color A B { display: block; padding: 3px 10px; }
DIV.color A.act { width: 49%; }

DIV.color A.pos1 { background: #ffe76b; }
DIV.color A.pos2 { background: #f6a173; }
DIV.color A.pos3 { background: #eb799d; }
DIV.color A.pos4 { background: #c78dbe; }

DIV.color.nav2a { margin-right: -80px; }
DIV.color.nav2a A {
	text-align: right; height: 60px;
	position: relative;
	margin: 0 -20px 0 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
DIV.color.nav2a A B { padding: 10px 30px 10px 10px; }
DIV.color.nav2a A.act B { line-height: 40px; font-size: 179%; text-align: center; }

DIV.color.nav2c { margin: 10px -10px; position: relative; }
DIV.color.nav2c A { width: 23%; margin: 0 10px; position: relative; height: 150px; }
DIV.color.nav2c A B { position: absolute; right: 10px; left: 10px; bottom: 10px; text-align: right; }

DIV.copyright {
	color: #999; padding: 15px 25px 50px 45px; text-align: right; float: right; clear: both;
	background: url(../images/nf-designs.gif) 0 14px #fff no-repeat;}

DIV.share { color: #999; margin-top: 30px; font-size: 92%; }
DIV.share DIV { border: 1px solid #f0f0f0; padding: 5px; margin-top: 3px;  }
DIV.share DIV A {margin-right: 5px; text-decoration: none; color: #333; font-size: 119%; }
DIV.share DIV A IMG { vertical-align: bottom; margin-right: 2px; }
DIV.share DIV A:hover { color: #733393;}

BODY.index DIV.content DIV.document { padding: 240px 0 260px 0; }

FORM INPUT, FORM TEXTAREA { outline: none; resize: none; }

FORM.form LEGEND { display: block; padding: 10px 0; font: bold 118% Tahoma; }
FORM.form UL { margin: 0; padding: 6px; list-style: none; margin-left: 32%; background: #fff3b5; }
FORM.form UL LI { margin: 0; padding: 4px; list-style: none; }
FORM.form UL LI I {
	position: relative; float: left; margin-left: -49%; display: block;
	font: normal 125% Arial; font-style: normal; padding-top: 4px; width:  45%;
}
FORM.form UL LI I B { color: #a00; font-weight: bold; margin-left: 3px; }
FORM.form UL LI INPUT,
	FORM.form UL LI SELECT,
		FORM.form UL LI TEXTAREA { vertical-align: middle; }
FORM.form UL LI INPUT.text, FORM.form UL LI INPUT.file, FORM.form UL LI INPUT.button,
	FORM.form UL LI TEXTAREA,
		FORM.form UL LI SELECT { font-size: 109%; border: 1px solid #5f6a77; font-family: Arial;}
FORM.form UL LI INPUT.text { font-weight: bold; padding: 3px 4px; }
FORM.form UL LI TEXTAREA { font-weight: normal; padding: 3px 4px; overflow: auto; width: 97%; }
FORM.form UL LI INPUT.button { font-weight: bold; padding: 3px 8px; color: #733393; background: #c78dbe; }
FORM.form UL LI LABEL.radio { display: block; font-size: 109%; padding: 1px 0 3px 22px; position: relative; }
FORM.form UL LI LABEL.radio INPUT { position: absolute; left: 0; top: 1px; }

FORM.form UL LI.err I { color: #ee1d23; }

FORM.form UL.nobg { background: none; }

FORM.form FIELDSET A { font-size: 109%; margin-left: 8px; border-bottom: 1px dashed #a0000a; }
FORM.form FIELDSET A:hover { border-bottom: 1px solid #a0000a; }
FORM.form FIELDSET A.r { float: right; display: inline-block; margin: 8px 0;}

DIV.error {
	margin-top: 10px;
	padding: 10px; font-weight: normal; font-size: 118%;
	background: #f7e7e7;
	border: 1px solid #bd0810; color: #bd0810; }
DIV.error UL { margin: 0; padding: 0; list-style: none; }
DIV.error LI { margin: 0; padding: 0; color: #bd0810; }