@charset "utf-8";
@import url(../css/reset.css);
html { height:100%; font-size:16px; }
body { position:relative; background:#fff; font:100.1% "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; min-width:860px; min-height:100%; height:auto !important; height:100%; }

#page {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: auto;
	padding-bottom:114px;
 }

/*HEADER*/
#header { height:83px; background:url(../_img/header-bg.png) repeat-x 0 0 #365676; color:#fff; position:relative }
#header .settings { float:right; display:block; color:#ececf2; text-decoration:none; font-weight:bold; background:url(../_img/ic-options.png) no-repeat 0 50%; min-height:16px; padding:0 0 0 1.3em; margin-top:30px }
#header .settings:hover { text-decoration:underline }
#header .width { position:relative; height:83px }
#header h1 { width:199px; height:65px;  padding:0; overflow:hidden; position:relative; margin-top:9px; float:left; font-size:2.4em }
#header h1 a, #header h1 { text-decoration:none; color:#a5b3bc; }
#header h1 span { width:199px; margin-top:1px; height:61px; position:absolute; z-index:2; top:0; left:0; background:url(../_img/logo.png) no-repeat }  /*  */
#header h1 p { width:184px; margin-top:39px; height:12px; position:absolute; z-index:2; top:0; left:0; color:#fff; font-size:12px}


#topline { background:#e9edf0; padding:15px 0; line-height:16px}
#topline .width { overflow:hidden }
#topline p { margin:0; font-size:.75em; color:#32628f }
#topline a { color:#32628f }
#topline strong { color:#f04545 }
#topline ul { margin:0; text-align:right; float:right; font-weight:bold; font-size:.875em  }
#topline ul a { color:#515151; text-decoration:none }
#topline ul a:hover { color:#48719a; text-decoration:none }
#topline ul li { list-style:none; float:left; display:block; margin-left:8px }

#topline .num { display:-moz-inline-stack; display:inline-block; font-size:12px; height:17px; vertical-align:middle; line-height:17px; color:#5ea545; overflow:hidden; background:url(../_img/header-nbg.png) #dae2e7 no-repeat 0 0; padding-left:1em}
#topline .num i { display:block; padding-right:1em; background:url(../_img/header-nbg.png) no-repeat 100% 0; font-style:normal }
#topline a:hover .num { color:#5ea545; text-decoration:none}

#header .tabs { padding:0; position:absolute; margin:0; bottom:0; right:148px;}
#header .tabs li { float:left; display:block; background:url(../_img/header-tab.png) 0 0 #41668a no-repeat; list-style:none; height:31px; margin-left:7px; }
#header .tabs a { display:block; float:left; font-size:14px; padding-left:16px; padding-right:16px; background:url(../_img/header-tab.png) 100% -7px no-repeat; height:31px; line-height:30px; color:#fff; text-decoration:none  }
#header .tabs a:hover { text-decoration:underline }

/*CONTENT*/
#content { }
#content .container { margin-top:40px; overflow:visible  }


.right-side { float:left; width:100%; margin-left:-9000px; position:relative; z-index:1; right:-9000px  }
.right-side .container { margin-right:270px; position:relative }

#content img { max-width:100% }


/* SIDE */
#side-r { float:right;  width:220px; position:relative; z-index:2; font-size:14px; text-align:left  }
#side-r .container {margin-top:40px}


/*MAIN*/
#main { overflow:hidden; position:relative }
h2 { color:#7094b9; font-size:24px; margin:1.4em 0 1em }
h3 { color:#7094b9; font-size:20px; font-weight:normal; margin:1.4em 0 .6em }


/* FOOTER */
#footer { overflow:hidden; position:absolute; width:100%; bottom:0; height:84px; background:#e9edf0; font-size:14px; color:#a1a1a1 }
#footer .width { padding-top:33px }
#footer a { color:#32628f }
#footer .copyright { float:right }
#footer ul { float:left }

/*OTHER*/
.width { width:810px; margin:0 auto }

a { color:#5ea545; text-decoration:underline }
a:hover { color:#f04545; text-decoration:underline }

.noline { text-decoration:none }

.desc { font-size:11px; color:#a1a1a1}
.desc a { color:#a1a1a1 }

.g { color:#a4a4a5 }
label.name { font-size:18px; color:#5ea545; display:block; margin-bottom:.5em; margin-top:.8em; font-weight:bold; white-space:nowrap }
label.name .ccount { display:block; float:right; font-weight:bold; font-size:24px }
label.name .smlink { font-size:12px; display:block; float:right; font-weight:bold; text-decoration:none; }
.form { margin-right:160px }
.newcomp { margin-right:100px }

.t-right { text-align:right}
.t-left { text-align:left}
.t-justify { text-align:justify }
.t-center { text-align:center }
.t-g { color:#75b25f }

.p-window { position:absolute; left:0; width:100%; z-index:100000; top:0; height:1px; display: none;}
.p-window-show { position:absolute; left:0; width:100%; z-index:100000; top:0; height:1px; display: block;}

.shadow-block { width:360px; margin:0 auto; position:fixed; padding:1px 1px; font-size:.75em; color:#4f4f4f; top:280px; left: 35%;   }
.shadow-block .st { display:block; margin:0 30px; background:url(../_img/shadow-t.png) repeat-x; height:30px; position:relative; margin-top:-30px }
.shadow-block .st i { display:block; height:30px; width:100%; background:url(../_img/shadow-tr.png) no-repeat 100% 0; position:absolute; right:-30px; top:0; }
.shadow-block .st b { display:block; height:30px; width:100%; background:url(../_img/shadow-tl.png) no-repeat 0 0; position:absolute; left:-30px; top:0; }
.shadow-block .sb { display:block; margin:0 30px; background:url(../_img/shadow-b.png) repeat-x; height:30px; position:relative; margin-bottom:-32px }
.shadow-block .sb i { display:block; height:30px; width:100%; background:url(../_img/shadow-br.png) no-repeat 100% 0; position:absolute; right:-30px; top:0; }
.shadow-block .sb b { display:block; height:30px; width:100%; background:url(../_img/shadow-bl.png) no-repeat 0 0; position:absolute; left:-30px; top:0; }
.shadow-block .sl { position:absolute; height:100%; width:30px; left:1px; background:url(../_img/shadow-l.png) 0 0 repeat-y; }
.shadow-block .sr { position:absolute; height:100%; width:30px; right:1px; background:url(../_img/shadow-r.png) 0 0 repeat-y }
.shadow-block .container { background:#fff; position:relative; z-index:10; margin:-19px 11px -14px; border:1px solid #bcbcbc; padding:20px 20px 6px }
.shadow-block p { clear:left }
.shadow-block p img { vertical-align:middle }
.shadow-block .close { background:#a8a8a8; color:#fff}
* html .shadow-block {
	position: absolute;
}


a.name { font-weight:bold; color:#32628f }

img.left { float:left; margin-right:1em; margin-bottom:1em; position:relative }
img.right { float:right; margin-left:1em; margin-bottom:1em; position:relative }

.table-tabs { padding:0; margin:0; overflow:hidden; height:30px; margin-bottom:-5px; position:relative; z-index:4 }
.table-tabs li { background:url(../_img/table-tab.png) #48719a no-repeat 0 0; color:#fff; height:30px; display:block; float:left; padding-left:16px; line-height:25px; font-size:12px }
.table-tabs li span { background:url(../_img/table-tab.png) no-repeat 100% 0; height:30px; display:block; float:left; padding-right:16px }
.table-tabs li a { color:#fff; text-decoration:none }
.table-tabs li a:hover { color:#fff; text-decoration:underline }

.table-tabs .ns strong { color:#a4a4a5; font-size:14px }
.table-tabs .ns { float:right; background:none; padding:0; color:#32628f; }
.table-tabs .ns select { width:240px; border:2px solid #a4a4a5; color:#a4a4a5  }
.table-tabs .ns a { color:#32628f; text-decoration:none }
.table-tabs .ns a:hover { color:#32628f; text-decoration:underline }

table { font-size:12px; color:#9d9d9d }
table th { border:0; padding:0px 10px 0px; vertical-align:bottom; color:#9d9d9d; }
table td { border:0; border-bottom:1px solid #ced7df; padding:22px 1em 14px; vertical-align:middle; color:#9d9d9d; text-align:center }
table td p { margin-bottom:.4em }
table td p img { vertical-align:middle }
table td.main { text-align:left; min-width:120px}
table td.price, table .b td.price { color:#5ea545 }
table td.first { vertical-align:top; padding-top:10px }
table .head { height:34px; color:#fff; font-size:12px; background:#48719a}
table .head a { color:#fff; text-decoration:none;}
table .head a:hover { color:#fff; text-decoration:underline}
table .head td { height:34px; padding:0 1em 0; border:0; background:#48719a; color:#fff; line-height:34px; vertical-align:middle; width:18% }
table .head td img {  vertical-align:middle;  }
table .head td.first { background:url(../_img/table-corners.png) 0 0; width:26px }
table .head td.last { background:url(../_img/table-corners.png) 100% 0}
table .head td.main { text-align:left; width:auto}
table .b td { font-weight:bold; color:#414141; border:0 }
table tr:last-child td { border:0 }
table td.close,  table .b td.close { color:#f04545 }

table h3 { color:#32628f; margin:.2em 0 .2em; font-size:16px; font-weight:bold}
table h3 a { color:#32628f; text-decoration:none }
table h3 a:hover { color:#f04545; text-decoration:underline }


.pages { margin:2em 0 1em; text-align:center}
.pages a { display:inline-block; height:27px; background:url(../_img/pages-back.png) #e9edf0 no-repeat 0 -27px; overflow:hidden; color:#7096bc; text-decoration:none; padding:0 0 0 8px }
.pages a span { display:block; float:left; padding-right:8px; background:url(../_img/pages-back.png) no-repeat 100% -27px; height:27px; line-height:26px }
.pages a:hover { text-decoration:underline }

.pages a.active { background-position:0 0; color:#fff }
.pages a.active span{ background-position:100% 0; }

.show .hideblock { display:block; margin:1em 0 0}
.hideblock { display:none }
.showblock { color:#414141; }
.showblock a.hide, .showblock a.show {color:#a0a0a0; font-size:11px}
.campdesc { background:#e9edf0; margin-bottom:1em}
.campdesc .box { position:relative; z-index:2; padding:10px 17px; color:#1f1f1f; font-size:14px }
.campdesc .ct { display:block; height:7px; background:url(../_img/blockcorners.png) no-repeat -7px 0; margin-bottom:-7px; position:relative; overflow:hidden }
.campdesc .ct b { display:block; height:7px; width:7px; background:url(../_img/blockcorners.png) no-repeat 0 0; float:right }
.campdesc .cb { display:block; height:7px; background:url(../_img/blockcorners.png) no-repeat -7px -7px; margin-top:-7px; position:relative; overflow:hidden }
.campdesc .cb b { display:block; height:7px; width:7px; background:url(../_img/blockcorners.png) no-repeat 0 -7px; float:right }

.cols { overflow:hidden; margin-right:-4% }
.col50 { width:46%; padding-right:4%; float:left }
.cols p { clear:both }

.checks { font-size:12px }
.checks input { vertical-align:middle; margin-top:-2px  }

.selectall { font-size:14px; font-weight:bold }
.selectch { font-size:13px; font-weight:bold; margin-bottom:10px; margin-top:10px; }
.selectch input { margin-right:10px; }
/* MENU */
.side-menu { font-size:20px; margin-top:50px; margin-bottom:40px; padding:0; }
.side-menu li { margin-bottom:.5em; list-style:none }

.menu2 { margin-bottom:1em; padding:0; }
.menu2 a { color:#8c8c8c }
.menu2 li { margin-bottom:.2em; list-style:none }

ul.inline { padding:0; list-style:none; overflow:hidden }
ul.inline li { float:left; display:block; margin-right:2em }

/* LINK-BUTTONS */
a.button { display:-moz-inline-stack; display:inline-block; vertical-align:middle; height:34px; background:url(../_img/button-gray.png) #acacac no-repeat 0 0; line-height:34px; padding-left:22px; font-weight:bold; font-size:16px; color:#fff; text-decoration:none  }
a.button span { display:block; cursor:hand; float:left; height:34px; padding-right:22px; background:url(../_img/button-gray.png) 100% 0; }
a.button:hover span { color:#fff } a.button {cursor:hand; cursor:pointer}

a.b-blue { background-color:#48719a; background-image:url(../_img/button-blue.png) }
a.b-blue span { background-color:#48719a; background-image:url(../_img/button-blue.png) }

a.b-border, a.b-border span, a.b-border:hover span { background-color:#f1f1f1; color:#acacac; background-image:url(../_img/button-border.png) ;}

a.b-green, a.b-green span, a.b-green:hover span { background-color:#5ea545; color:#fff; background-image:url(../_img/button-green.png) ;}

.buttons { word-spacing:8px; line-height:34px; font-size:18px; font-weight:bold  }
.buttons * { word-spacing:normal }

.gbutton { display:-moz-inline-stack; display:inline-block; vertical-align:middle; height:34px; background:url(../_img/button-gray.png) #acacac no-repeat 0 0; line-height:34px; padding-left:22px; font-weight:bold; font-size:16px; color:#fff; text-decoration:none  }
.gbutton span { display:block; float:left; height:34px; padding-right:22px; background:url(../_img/button-gray.png) 100% 0; }


/* INPUTS */
input {font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif}

.text-input { padding:3px; position:relative; background:#acacac; overflow:hidden; font-size:16px; font-weight:bold; margin-bottom:16px }
.text-input .bg { background:#fff; height:28px }
.text-input .box { position:relative; z-index:7; overflow:hidden; width:100%; float:left; height:28px; display:block}

.text-input .text-input { height:28px; padding-top:0; padding-bottom:0; right:-3px; z-index:30; margin-bottom:0  }
.text-input .text-input .ict { top:-3px }
.text-input .text-input .icb { bottom:-3px }

.text-input .text { height:25px; padding:3px 0 0 0; display:block; width:100%; text-indent:9px; border:0; background:none; color:#abadaf; font-weight:bold }

.text-input label.button { display:block; overflow:hidden; background:url(../_img/button-gray.png) #acacac 100% 0; position:relative; z-index:20; top:-3px; right:-3px; height:34px; float:right;}
.text-input label.button input { display:block; color:#fff; float:left; width:55px; text-align:center; border:0; background:0; height:34px; font-weight:bold}

.txt-inp-rnd {}
.txt-inp-rnd .bg { height:auto}
.txt-inp-rnd .box { height:auto; float:none; width:auto; padding:9px 9px; overflow:hidden; zoom:1 }
.txt-inp-rnd input, .txt-inp-rnd textarea { width:100%; border:0; padding:0; background:none; overflow:auto; font-family:"Trebuchet MS", Tahoma, Arial; color:#a0a0a0; font-weight:bold}
.txt-inp-rnd input .ict, .txt-inp-rnd input .icb { z-index:1000 }

.ict { display:block; width:100%; line-height:0; height:16px; z-index:2; text-align:right; top:0; left:0; position:absolute; background:url(../_img/input-corners.png) no-repeat -16px 0;}
.ict b { display:block; width:16px; height:16px; display:block; float:right; overflow:hidden; background:url(../_img/input-corners.png); }
.icb { display:block; width:100%; line-height:0; height:16px; z-index:2; text-align:right; bottom:0; left:0; position:absolute; background:url(../_img/input-corners.png) no-repeat -16px 100%;}
.icb b { display:block; width:16px; height:16px; display:block; float:right; overflow:hidden; background:url(../_img/input-corners.png) 0 -16px;  }


.blockw3 { border:1px solid #ffa800; background:#fff; position:relative; margin-bottom:5px }
.blockw3 .content { margin:20px; overflow:hidden; }
.blockw3 .content1 { margin:20px; overflow:hidden; font-size:14px; text-align:center; color:#545454 }
.blockw3 h3 { color:#ffa800; font-size:14px; background:#fff; float:left; z-index:2; padding:0 7px 0 7px; margin:-10px 0 0 14px; }
.cornerw1, .cornerw2, .cornerw3, .cornerw4 { position:absolute; display:block; width:10px; height:10px; overflow:hidden; }
.cornerw1 { left:0; top:0; margin:-1px 0 0 -1px; background:url(../_img/blockswin_corners.gif) left top no-repeat; }
.cornerw2 { right:0; top:0; margin:-1px -1px 0 0; background:url(../_img/blockswin_corners.gif) right top no-repeat; }
.cornerw3 { left:0; bottom:0; margin:0 0 -1px -1px; background:url(../_img/blockswin_corners.gif) left -10px no-repeat; }
.cornerw4 { right:0; bottom:0; margin:0 -1px -1px 0; background:url(../_img/blockswin_corners.gif) right -10px no-repeat; }

.norm{color:#a0a0a0;}
.tend{color:#e61717;}

ul.blog { padding:0; overflow:hidden; position:relative }
ul.blog li {  list-style:none; margin:1px 0 -1px 0; float:left; width:100%; padding:10px 0 10px 0; position:relative }
ul.blog li div { overflow:hidden; padding-top:1em; padding-bottom:.3em;}

ul.blog p { overflow:hidden; top:-0.4em; position: relative;}
ul.blog .date { float:left; color:#a0a0a0;}
ul.blog .lnk { float:right; }
ul.blog .avatar { float:left; padding-right:1.5em; padding-bottom:1.1em; display:block }
ul.blog li  { margin-bottom:-1em }
