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

/*******************/
/* Global elements */
body { font-family: Verdana, sans-serif; font-size: 11px; color: #ecdfb8; line-height: 1.2; background: #000 url(/public/images/bg.jpg) repeat scroll center 60px; }
a { color: #ecdfb8; }
h1 { font-family: Times, sans; font-style: italic; font-size: 200%; font-weight: normal; }
h2 { font-family: Times, sans; font-style: italic; font-size: 200%; font-weight: normal; }
h3 { font-family: Times, sans; font-style: italic; font-size: 145%; }
big { font-size: 120%; }

/*******************/
/* Global classes  */
.clRed { color: #9a0101; }


/*******************/
/*     Layouts     */
.layRoot { width: 1000px; margin: 0px auto; }

.layHeader .phone { float: right; text-align: right; padding-top: 6px; font-family: Times, sans; font-size: 127%; }
.layHeader .phone p { margin-bottom: 2px; }
.layHeader .phone span { font-size: 129%; }
.layHeader .menu span { padding: 21px 25px 9px 25px; display:-moz-inline-stack; display: inline-block; }
.layHeader .menu .active { background: transparent url(/public/images/hdrMenuAct.png) no-repeat scroll center bottom; }
.layHeader .ramka { position: relative; z-index: 1; padding-left: 15px; background: transparent url(/public/images/hdrRamkaLR.png) no-repeat scroll left top; }
.layHeader .ramka .r { padding-right: 15px; background: transparent url(/public/images/hdrRamkaLR.png) no-repeat scroll right top; }
.layHeader .ramka .t { height: 15px; background: transparent url(/public/images/hdrRamkaTB.png) repeat-x scroll -52px top; }
.layHeader .ramka .b { height: 25px; background: transparent url(/public/images/hdrRamkaTB.png) repeat-x scroll -25px bottom; }

.layMain { position: relative; width: 100%; }

.layContent { color: #3c2105; width: 748px; text-align: justify; position: relative; top: -20px; margin-left: auto; background: transparent url(/public/images/cntBg.jpg) repeat-y scroll left -20px; }
.layContent a { color: #3c2105; }
.layContent .t { padding-top: 20px; min-height: 300px; background: transparent url(/public/images/cntTop.jpg) no-repeat scroll left top; }
.layContent .b { background: transparent url(/public/images/cntBottom.jpg) no-repeat scroll left bottom; }
.layContent .split, .layContent .splitl, .layContent .splitr { position: relative; top: -11px; margin: 0px 5px -11px 5px; background: transparent url(/public/images/cntSpliter.gif) no-repeat scroll center top; height: 17px; }
.layContent .splitl { background-position: right top; }
.layContent .splitr { background-position: left top; }
.layContent .cnt { overflow: hidden; width: 100%; }
.layContent .cnt .body { padding: 20px 40px; }

.layLeft { /*position: absolute; left: 0px; top: 0px;*/ width: 308px; float: left; margin: 0px -308px 0px 0px; position: relative; left: -15px; z-index: 1; }
.layLeft .t { height: 127px; background: transparent url(/public/images/lftBgTop.png) no-repeat scroll left top; }
.layLeft .c { background: transparent url(/public/images/lftBg.png) repeat-y scroll left top; padding: 1px 0px; }
.layLeft .b { height: 120px; background: transparent url(/public/images/lftBgBottom.png) no-repeat scroll left top; }
.layLeft .body { margin: -127px 0px -120px 0px; min-height: 197px; padding: 40px 20px 20px 10px; }
.layLeft .menu h3 { text-align: center; padding-bottom: 8px; margin-bottom: 8px; position: relative; background: transparent url(/public/images/lftMenuSpliter.gif) no-repeat scroll center bottom; }
.layLeft .menu div { padding: 0px 0px 10px 40px; }
.layLeft .menu p { padding-left: 15px; margin-bottom: 1px; }
.layLeft .menu a { text-decoration: none; }
.layLeft .menu a:hover { text-decoration: underline; }
.layLeft .menu p.active { background: transparent url(/public/images/lftMenuAct.gif) no-repeat scroll left center; }
.layLeft .menu .active a { color: #fff; }

.layFooter { clear: both; }
.layFooter .reform { float: right; text-align: right; }

/*******************/
/*     Modules     */
.mdlCarousel { padding: 20px 40px; }
.mdlCarousel .prv, .mdlCarousel .nxt { cursor: pointer; width: 21px; height: 30px; margin-top: 60px; background: transparent url(/public/images/crslBtns.gif) no-repeat scroll left top; }
.mdlCarousel .prv { float: left; }
.mdlCarousel .nxt { float: right; background-position: right top; }
.mdlCarousel .belt { overflow: hidden; white-space: nowrap; margin: 0px auto; width: 600px; }
.mdlCarousel .belt a { margin-right: 10px; }
.mdlCarousel .belt img { border: solid 1px #3c2105; width: 110px; }

/*******************/
/* darkbox */
.darkbox-frame { position:fixed; top:0; left:0; display:none; overflow:hidden; width:100%; height:100%; z-index:999; }
.darkbox-frame-on { display:block; }
.darkbox-shadow { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0; }
.darkbox-canvas { position:absolute; top:50%; left:50%; overflow:hidden; margin:-40px 0 0 -40px; width:80px; height:80px; background:#000 url(/public/images/graphics/spinner.gif) 50% 50% no-repeat; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; opacity:.5; }
.darkbox-canvas IMG { display:block; visibility:hidden; }
.darkbox-canvas-load { background-image:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
.darkbox-canvas-done { overflow:visible; opacity:1; }
.darkbox-canvas-done IMG { visibility:visible; opacity:0; }
.darkbox-button { position:absolute; top:-13px; display:none; width:30px; height:30px; background:url(/public/images/graphics/button.png) no-repeat; cursor:pointer; z-index:1; }
.darkbox-button-on { display:block; }
.darkbox-button-left { left:-16px; }
.darkbox-button-right { right:-16px; }
.darkbox-shadow { filter:alpha(opacity=0); }
.darkbox-canvas { filter:alpha(opacity=50); }
.darkbox-canvas-done { filter:none; }
.darkbox-canvas-done IMG { filter:alpha(opacity=0); }