/* --|OKRAJE|-- */
body, p, h1, h2, ul, li { margin: 0; padding: 0; }

/* --|TELO|-- */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #fff;
}

/* --|ODKAZY|-- */
/* a {font-weight: bold;} */
a:link { color: #ef3023; }/*c5362c*/
a:active { color: #ef3023; }
a:visited {	color: #ef3023; }
a:hover { color: #ff1000; }

/* JAZYK */
div#jazyk {	width: 882px; height: 20px; font-weight:bold; }
div#jazyk p { text-align: right; padding-right: 20px; }
div#jazyk a { color: #b2b2c4; text-decoration: none; }
div#jazyk a:hover { color: #666; }




/* --|TELO|-- */
div#telo { width: 882px; margin: 20px auto; }

div#telo-stred {
	width: 882px;
	margin: 0 auto;
	min-height: 240px;
	text-align: center;
	background: url(design/telo-stred.jpg) repeat-y;
	position: relative;
}
div#telo-vrch {
	width: 882px;
	padding-top: 14px;
	background: url(design/telo-vrch.jpg) top no-repeat;
}
div#telo-spodok {
	width: 882px; min-height: 240px;
	padding-bottom: 15px;
	background: url(design/telo-spodok.jpg) bottom no-repeat;
}

/* --|STLPCE|-- */
div#lavy-stlpec { float: left; width: 275px; overflow: hidden;}
div#pravy-stlpec { float: left;	width: 592px; overflow: hidden; text-align: justify;}

/* --|LOGO|-- */
h2#logo { padding: 26px 0 42px 50px; text-align: left; }
h2#logo a {
	display: block;
	width: 157px; height: 58px;
	background: url(design/logo.gif) no-repeat;
}
h2#logo a span { position: absolute; top: -800px; }

/* --|MENU|-- */
div#menu {
	position: relative; z-index: 1; padding-right: 44px;
}

div#menu ul { text-align: right; margin: 0 30px 0 0; }
div#menu ul li { list-style: none; text-transform: uppercase; font-weight: bold; padding-bottom: 5px; }
div#menu ul li span { }
div#menu ul li a { color: #898ba8; text-decoration: none; }
div#menu ul li a:hover { color: #ef3023; }
div#menu ul li#active { color: #ef3023; }
div#menu ul li#active a { color: #ef3023; }

/* 2. uroven */
div#menu ul li#active ul { margin: 0; padding-top: 5px; }
div#menu ul li#active ul li { text-transform: lowercase; }
div#menu ul li#active ul li span { }
div#menu ul li#active ul li a { color: #898ba8; padding-right: 14px; background: url(design/li-blue.png) right no-repeat; }
div#menu ul li#active ul li a:hover { color: #022d6f; }

div#menu ul li#active ul li#active2 { color: #022d6f; }
div#menu ul li#active ul li#active2 a { color: #022d6f; }
div#menu ul li#active ul li#active2 span { }


/* 3. uroven */
div#menu ul li#active ul li#active2 ul { margin: 0; padding-top: 5px; }
div#menu ul li#active ul li#active2 ul li {}
div#menu ul li#active ul li#active2 ul li span { padding-right: 14px; }
div#menu ul li#active ul li#active2 ul li a { color: #898ba8; padding-right: 14px; background: url(design/li-grey.png) right no-repeat; }
div#menu ul li#active ul li#active2 ul li a:hover { color: #022d6f; }

div#menu ul li#active ul li#active2 ul li#active3 a { color: #022d6f; }
div#menu ul li#active ul li#active2 ul li#active3 a:hover { color: #022d6f; }

span.akcia { padding-left: 30px; background: url(design/btn_akcia.gif) left no-repeat; }



/* --|KOCKA|-- */
div#kocka {
	/*width: 271px; height: 238px;*/
	/*width: 220px; height: 193px;*/
	width: 220px; height: 269px;
	background: url(design/kocka-full.jpg) no-repeat;
	/*position: absolute; bottom: 15px; left: 2px;*/
	z-index: 0;
	margin: 50px 0 0 2px;
}
	


/* --|MOTTO|-- */
div#motto {
	width: 592px; height: 39px;
	margin: 20px 0;
	background: url(design/motto.png) center no-repeat;
}
div#motto span { position: absolute; top: -800px; }

div#motto-2 {
	width: 592px; height: 39px;
	margin: 20px 0;
	background: url(design/motto-2.png) center no-repeat;
}
div#motto-2 span { position: absolute; top: -800px; }

div#motto-3 {
	width: 592px; height: 39px;
	margin: 20px 0;
	background: url(design/motto-3.png) center no-repeat;
}
div#motto-3 span { position: absolute; top: -800px; }

/* Motto EN */
div#motto-en {
	width: 592px; height: 39px;
	margin: 20px 0;
	background: url(design/motto-en.png) center no-repeat;
}
div#motto-en span { position: absolute; top: -800px; }

div#motto-2-en {
	width: 592px; height: 39px;
	margin: 20px 0;
	background: url(design/motto-2-en.png) center no-repeat;
}
div#motto-2-en span { position: absolute; top: -800px; }

div#motto-3-en {
	width: 592px; height: 39px;
	margin: 20px 0;
	background: url(design/motto-3-en.png) center no-repeat;
}
div#motto-3-en span { position: absolute; top: -800px; }




/* --|SLOVA|-- */
div#slova {
	width: 592px;
	font-size: 11px;
	background-color: #e2e2ea;
	padding: 4px 0;
	text-align: center;
}

/* --|OBRAZOK|-- */
div#obrazok { width: 592px;	background-color: #022d6f; }

/* --|OBSAH|-- */
div#obsah { padding: 0px 30px 30px 0px; color:#898ba8;}
div#obsah h1 { font-size: 18px; color: #898ba8; text-transform: uppercase; padding: 20px 20px 20px 0; }
div#obsah h2 { font-size: 15px; color: #898ba8; text-transform: uppercase; padding: 15px 20px 5px 0; }
div#obsah p { padding: 0 0 20px 0;}/*line-height: 2.0em; */
div#obsah p:first-letter { font-size:13px; font-weight: bold; }
div#obsah ul { text-align: left; margin: 5px 0px 20px 20px; }
div#obsah ul li { background: url(design/li-blue.png) left no-repeat; list-style: none; padding: 5px 0 0 14px; margin: 0px 0px 5px 10px;}





/* --|SPODOK|-- */
div#spodok {
	width: 882px; height: 20px;
	font-size: 11px;
	color: #b2b2c4;
	position: relative; 
}
div#spodok a { color: #b2b2c4; }
div#spodok a:hover { color: #666; }

div#spodok p#copyright { position: absolute; top: 0; left: 10px; }
div#spodok p#webdesign { position: absolute; top: 0; right: 20px; }


/* --|ZALOMENIE|-- */
div.clear { clear: both; }