/*

pyx@z8.hu, 2008
downgraded2

*/

* {margin: 0; padding: 0; border: 0; list-style-type: none; text-decoration: none; outline: none;}
.clear {clear: both; float: none !important; height: 0px !important;}
.none {display: none;}

body {
background: #000;
/*background: #070707 url(img/body.jpg) repeat-x;*/
color: #fefefe;
font: 11px/16px Tahoma;
}

a {color: #fff; cursor: pointer;}

ul#categories {width: 100%; top: 0;  position: fixed; padding: 0 10px; background: #111; height: 70px; display: block; overflow: hidden; text-transform: lowercase;}
ul#categories li {float: left; font: 100 13px/20px Tahoma; height: 70px;}
ul#categories li.menu {margin: 16px 8px 0 0; height: 42px;}
ul#categories li.level, li#back {margin-right: 8px;}
ul#categories li a {display: block; height: 42px; background: #111; padding: 0 10px 0 6px; overflow: hidden;}
ul#categories li a cite {display: block; width: 3px;}

ul#categories li:hover {background: #f00 url(img/hover.jpg) repeat-x;}
ul#categories li a:hover, ul#categories li.disabled li a:hover {background: url(img/hoverf.jpg) no-repeat right top !important;}

li#main {width: 170px; border-right: 1px dotted #333; margin: 0 16px 0 0; z-index: 1;}
li#main a {z-index: 1; position: absolute; background: url(img/overtoner.jpg) no-repeat !important; width: 126px; height: 22px; display: block; margin: 18px 0 0 0;}
ul#categories li#main a:hover {background: url(img/overtoner.jpg) no-repeat !important;}
li#main:hover, ul#categories li.disabled:hover, ul#categories li.disabled a:hover {background: none !important;}

ul#categories li.space:hover, ul#categories li.space {width: 90px; background: #111;}
ul#categories li.space a:hover {background: #111 !important;}

ul#categories ul {font: 10px/10px Tahoma !important; height: 60px; left: 196px; position: absolute; height: 0px; overflow: hidden; opacity: 0;}
ul#categories ul li {}

#overtoner, #ureg {}
li#back {display: none;}
li#back a {color: #aaa;}
li#back a:hover {color: #fff;}
.active li#back {display: block;}

div#spinner {position: fixed; height: 32px; width: 32px; background: #111 url(img/loading.gif) no-repeat; top: 14px; left: 140px; opacity: 0; z-index: 1000;}
.loaded {opacity: 0;}
.loading {opacity: 1;}

div#swf {width: 122px; height: 42px; position: fixed; right: 16px; top: 10px; display: none;}

div#play {height: 42px; position: fixed; left: 0; top: 310px; display: none !Important;}
/*
div#play a {width: 42px; height: 42px; display: block; float: left;}
div#play a#left {background: url(img/left.jpg); margin: 0 1px 0 0;}
div#play a#right {background: url(img/right.jpg); float: right;}
a#right:hover, a#left:hover {background-position: 0 -42px !important;}
a.current {background-position: 0 -84px !important;}
*/

/*
div#picture {margin: 0 auto 0 auto; height: 500px;}
div#picture div {float: left;}
div#picture img {margin: 0 auto; float: none !Important;}
*/


div#cont {margin: 102px 24px 0 42px; height: 500px; overflow: hidden;}
div#picture {height: 500px !important; display: block;}

div#desc {padding: 6px 20px 6px 6px; position: fixed;  color: #999; font: italic 11px/16px Arial; top: 71px; left: 0; z-index: 1;}
div#page {position: fixed; top: 102px; background: #111; height: 400px; width: 0px; overflow: hidden;}

div#page a#close {float: right; font: 10px/10px Arial; color: #666; display: block; margin-right: 8px; border: 0;}
div#page a#close span {font: 14px/14px Tahoma; color: #eee; padding: 0 0 0 4px;}
div#page a#close:hover {color: #aaa;}

div#page div.a {width: 380px; padding: 10px; color: #aaa;}
div#page div a {border-bottom: 1px solid #333;}
div#page div h3 {font: 17px/17px Tahoma; color: #efefef; margin: 0 0 22px 0; clear: both;}
div#page div p {margin: 0 0 16px 0;}

div#page div.a ul li a {
display: block;
margin: 0 0 1px 0;
padding: 2px 6px;
border: 0;
color: #aaa;
}

div#page div.a ul li a span {margin: 0 6px 0 0; color: #333;}
div#page div.a ul li a:hover {color: #eee; background: #070707; }

div#page div.a cite {display: none; padding: 0 34px 0 0; background: url(img/pyx.png) no-repeat right; font: 10px/10px Arial; color: #444 !important; position: absolute; bottom: 8px;}
div#page div.a cite a {color: #444; border: 0 !Important;}

div#ureg {
width: 100%;
position: absolute;
margin: -32px 0 0 0;
background: url(/_o.jpg);
height: 477px;
}