/* common */
* {margin: 0; padding: 0;}

img {border: 0;}
table {font-size: 100%;}
th {text-align: left;}

a:hover {text-decoration: none;}

.clnr {font-size: 0; clear: both;}
.fr {float: right;}
.fl {float: left;}

.right {text-align: right;}
.center {text-align: center;}

.red {color: #c00;}

/* elements */
body {color: #000; background: #B9B3A7; font-family: Arial, Helvetica, sans-serif; text-align: center;}
h1 {position: absolute; top: 15px; left: 35px;}
h2 {color: #86CE81; font-size: 130%; margin-bottom: 15px;}
h3 {color: #7D756A; font-size: 110%; font-style: italic; margin: 15px 0 5px 0;}

/* layout */
#main {background: url(../graphics/bgMain.gif) top left repeat-y; position: relative; text-align: left; margin: 0 auto; width: 842px;}
#header {background: #F8F7F7; position: relative; border-top: 7px solid #fff; margin: 0 49px 0 7px; height: 110px;}
#content {margin: 0 0 0 7px;}
#leftHolder {float: left; width: 220px;}
#rightHolder {background: url(../graphics/bgHeader.jpg) top left no-repeat; float: right; width: 606px;}
#right {margin: 180px 70px 0 20px;}
#footer {background: url(../graphics/bgFooter.png) top left no-repeat; background-color: #DFF1C8; border-bottom: 7px solid #fff; margin: 7px 49px 0 7px; padding: 20px 0 15px 0;}

/* header */
h1 a span {background: url(../graphics/logo.png) top left no-repeat; display: block; width: 166px; height: 76px;}
h1 a {background: url(../graphics/logo.png) top left no-repeat; display: block; width: 166px; height: 76px;}
h1 a {position: relative; z-index: 1; overflow: hidden;}
h1 a span {position: absolute; z-index: 2; top: 0; left: 0;}

h2#slogan {color: #7D756A; font-size: 160%; font-weight: normal; line-height: 1.4em; position: absolute; top: 161px; left: 258px;}
h2#slogan span {color: #86CE81;}

p#horniMenu {font-size: 75%; letter-spacing: .1em; position: absolute; top: 93px; right: 65px;}
p#horniMenu a {color: #000; text-decoration: none; margin: 0 10px;}
p#horniMenu a.current {color: #f63; text-decoration: underline;}

p#horniMenu a:hover {color: #f63; text-decoration: underline;}

p#lang {position: absolute; top: 22px; right: 74px;}
p#lang a span {background: top left no-repeat; display: block; width: 24px; height: 17px;}
p#lang a {background: top left no-repeat; display: block; width: 24px; height: 17px;}
p#lang a {position: relative; z-index: 1; overflow: hidden; float: left; margin-right: 3px;}
p#lang a span {position: absolute; z-index: 2; top: 0; left: 0;}

p#lang a#eng span {background-image: url(../graphics/fEn.gif);}

p#lang a#eng {background-image: url(../graphics/fEn.gif);}
p#lang a#jpn span {background-image: url(../graphics/fJp.gif);}

p#lang a#jpn {background-image: url(../graphics/fJp.gif);}

/* content */
#content p {font-size: 90%; line-height: 1.4em; margin-bottom: 1em;}
#content a {color: #f63;}
#content strong {color: #09c; font-style: italic;}

/* left */
#leveMenu {background: url(../graphics/bgMenu.png) top left no-repeat; position: relative; margin: 7px 0; height: 149px;}
#leveMenu ul {
	font-size: 85%;
	font-weight: bold;
	list-style: none;
	position: absolute;
	top: 48px;
	left: 20px;
}
#leveMenu li {background: url(../graphics/bgLi.gif) 0px 5px no-repeat; margin-bottom: .6em; padding-left: 15px;}
#leveMenu a {color: #7D756A; font-style: italic; text-decoration: none;}
#leveMenu a.current {text-decoration: underline;}
#leveMenu a:hover {text-decoration: underline;}
#leveMenu a.current {color: #f96;}

.box {background: top right no-repeat; position: relative; margin-top: 7px; padding: 20px 20px 10px 20px;}
.konec {background: bottom right no-repeat; font-size: 0; position: absolute; bottom: 0; right: 0; height: 5px; width: 5px;}
.tmavy {background-image: url(../graphics/bgTop.gif); background-color: #F2EFEC;}
.tmavy .konec {background-image: url(../graphics/bgBot.gif);}
.svetly {background-image: url(../graphics/bgLightTop.gif); background-color: #F7F7F7;}
.svetly .konec {background-image: url(../graphics/bgLightBot.gif);}

.box img {margin-bottom: 15px;}

/* footer */
#footer p {color: #7D756A; font-size: 75%; line-height: 1.5em; margin: 0 20px 15px 20px;}
#footer p#fx {margin-bottom: 0;}
#footer p.fr {width: 540px;}
#footer p#fx a:hover {color: #f63;}
#footer p a {color: #f63;}
#footer p.fr {color: #7D756A; text-decoration: none;}
#footer p#fx a {color: #7D756A; text-decoration: none;}
#footer p.fr a {color: #7D756A; margin: 0 8px;}
#footer p#fx a:hover {text-decoration: underline;}