/* By PaulZi [2009-04-29] */
@import url("reset.css");
@import url("public.css");

/*******************/
/* Global elements */
html { height: 100%; }
body { height: 100%; width: 100%; color: #aaa; display: table; font-family: Tahoma, sans-serif; font-size: 14px; background: #000 url(/public/images/bg.jpg) no-repeat scroll center center; }
.prmInner { background-image: url(/public/images/bg2.jpg); }
a { color: #e0e0e0; }
h1 { font-size: 150%; }
h2 { font-size: 120%; }
h1,h2,h3 { color: #e0e0e0; }
h1,h2,h3,ul,ol,p { margin: 1em 0em; }


/*******************/
/* Global classes  */


/*******************/
/*     Layouts     */
.layRoot { display: table-cell; vertical-align: middle; }

.prmInner .layMain { width: 727px; height: 709px; padding: 3px; margin: 20px auto; background: #000 url(/public/images/mainBg.gif) no-repeat scroll left top; }
.prmIndex .layMain { width: 343px; height: 342px; margin: 20px auto; }
.prmIndex .layMain .logo { text-align: center; }

.layHeader { width: 100%; overflow: hidden; }
.layHeader .logo { float: right; padding: 4px 12px 0px 0px; }
.layHeader .menu { color: #e0e0e0; font-family: Times New Roman, sans; font-size: 120%; font-weight: bold; padding: 8px 0px; background: transparent url(/public/images/line.gif) no-repeat scroll left bottom; }
.layHeader .menu span { margin: 0px 20px; }
.layHeader .menu a { text-decoration: none; }
.layHeader .menu a:hover, .layHeader .menu .act a { text-decoration: underline; }

.layContent { height: 660px; width: 100%; overflow: auto; }

/*******************/
/*     Modules     */
.mdlCatMenu { text-align: center; width: 500px; margin: 50px auto; }
.mdlCatMenu span { padding: 9px; display:-moz-inline-stack; display: inline-block; }
.mdlCatMenu span span { width: 139px; height: 138px; padding: 0px; border: solid 2px #fff; }
.mdlCatMenu span a:hover span { background-position: 0px -138px; }

.mdlCatalog { margin-top: 1px; text-align: center; position: relative; }
.mdlCatalog .img { width: 727px; height: 565px; background: transparent none no-repeat scroll center center; }
.mdlCatalog .ba { position: absolute; top: 570px; left: 0px; width: 100%; }
.mdlCatalog .ba img { vertical-align: middle; margin: 0px 10px; }
.mdlCatalog .ba a { color: #aaa; text-decoration: none; }
.mdlCatalog .ba a:hover, .mdlCatalog .ba .act a { text-decoration: underline; }
.mdlCatalog .carousel { width: 727px; margin: 30px auto 0px auto; position: relative; }
.mdlCatalog .carousel .arw { position: absolute; width: 45px; height: 35px; margin-top: 10px; cursor: pointer; background: transparent url(/public/images/ctlgArw.gif) no-repeat scroll left top; }
.mdlCatalog .carousel .arwL { left: 0px; }
.mdlCatalog .carousel .arwR { right: 0px; background-position: right top; }
.mdlCatalog .carousel .belt { width: 630px; height: 59px; margin: 0px auto; overflow: hidden; white-space: nowrap; }
.mdlCatalog .carousel .belt div { display:-moz-inline-stack; display: inline-block; width: 59px; height: 59px; margin-right: 4px; }
.mdlCatalog .carousel .belt a { outline: none; }
.mdlCatalog .carousel .belt a img { padding: 2px; }
.mdlCatalog .carousel .belt .act img { padding: 0px; border: solid 2px #720505; }

.prmInner .mdlContent { margin: 10px 30px; }