body
{background: #000; font-family: Verdana,Tahoma,Geneva,Arial,Helvetica,sans-serif; font-size:11px; color:#dcdcdc;line-height:150%;margin:0;padding:0;}

TABLE, TD, TH, SELECT, INPUT, OPTION, TEXTAREA, FORM, FIELDSET
{font-size: 100%;font-family:Verdana,Tahoma,Geneva,Arial,Helvetica,sans-serif;}
TABLE {border-collapse: separate;}
FORM {margin: 0;}

H1, H2, H3, H4 {font-weight: bold; color: #fff; margin: 1em 0 0.3em 0; padding: 0.5em 0; font-family: Arial;  background: url(img/dot.png) repeat-x bottom left transparent;}
H1 {font-size: 1.5em;} H2 {font-size: 1.3em;} H3 {font-size: 1.2em;} H4 {font-size: 1.1em; background: none; padding-bottom: 0;}
p {margin: 0.5em 0 1em 0; padding: 0;} .small {font-size: 0.9em;} .big {font-size: 1.1em;}
.text-left {text-align: left;} .text-right {text-align: right;}

A img {border: none;}
A {color: orange; text-decoration: none;}
A:visited {color: orange;}
A:hover {color: #FF6600; text-decoration: none;}

/*UL, LI {margin:0; padding: 0;}*/
UL {margin:10px; padding:0;} UL UL {margin: 10px;}
LI {/*list-style: none outside; list-style-type: outside;*/ }

.clear, BODY .wm4-cleaner {clear: both; height: auto;}
.right {float: right;} .left {float: left;}

#PAGE
{
width: 730px;
margin: 0 auto;
padding-top: 30px;
}
#HEAD
{
position: relative;
}
#MAIN
{
}
#BOTTOM
{
width: 730px;
margin: 0px auto 0 auto;
}
.bottom-in
{
float: left;
width: 730px;
}
/* */


.line
{background: url(img/dot.png) repeat-x top left;}
.line-b
{background: url(img/dot.png) repeat-x bottom left;}

.menu-top, .menu-top-beta
{
padding: 6px 0;
margin: 10px 0;
}
.menu-top LI
{
display: inline;
padding: 0px 14px 0px 0px;
margin-right: 10px;
background: url(img/dot.png) repeat-y right;
list-style-type: none;
}
.menu-top-beta LI
{
display: inline;
padding: 0px 0px 0px 14px;
margin-left: 10px;
background: url(img/dot.png) repeat-y left;
list-style-type: none;
}

#show
{
height: 382px; overflow: hidden;

}
.demo
{
/*height: 402px;*/
border: 1px solid black;
}

#logo
{
position:absolute;
left: -38px;
/*top: 20px;*/
}

.obal
{
background: url(img/line-bottom.png) repeat-x top left;
border: 1px solid black;
}
.btext
{
padding: 16px 0 0 0;
color: #333;
}

/* homepage */


/* galleria */
.galleria{list-style:none;width:96px;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */


.demo{position: relative; }
.gallery_demo{width:96px; height: 382px; float:right; margin: 0; overflow: hidden;}
.gallery_demo li{width:40px;height:40px;border:3px solid #eee;margin:0 2px 2px 0;background:#eee;}
.gallery_demo li.hover{border-style:solid;border-color:#222;}
.gallery_demo li.active{border-style:solid; border-color:orange;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{}
.galleria_container{float: left;}
.nav{float: right; padding-top: 20px;}
.caption{display: block; float: left; padding-top: 20px;  width: 556px; color: #666;}
.galleria_wrapper {height: 382px; width: 620px; overflow: hidden;}


.info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;}
.info p{margin-top:1.6em; font-size:10px;}
#btnUp{border:1px solid red;}
#btnDown{border:1px solid red;}
#btnReset{border:1px solid red;}

A.dark
{
color: #666;
}
.text-top
{
top: 7px;
left: 100px;
position: absolute;
width: 200px;
}