html,body{margin:0;}
body{background: url(/images/bg.gif);padding:15px !important;}
body,table,td,th,p{font: 12px arial, sans-serif}
.body{position:relative;width:100%;height:100%;}
td{vertical-align:top}
a{color:#000}
a:hover{color:#c83232;}
a img{border:none}
.clear{clear:both}
.null{line-height:0px;height:1px;}

h1{margin:0;margin:0;font-size:30px;font-weight:normal;color:#000}
h1 a {color:#ec297b}
h2{margin:20px 0 10px;font-size:18px;font-weight:normal;color:#181a19}
h3{margin-top:20px;font-size:16px;font-weight:normal;color:#181a19;}

div#header{position:absolute;top:0;height:200px;width:100%;background:url(/images/bg.gif) 13px 13px;}
.t1{position:absolute;height:200px;width:20px;background:url(/images/t1.gif) no-repeat}
.t2{position:absolute;right:0;height:200px;width:20px;background:url(/images/t2.gif) no-repeat}
.z2{position:absolute;margin-top:110px;height:90px;width:177px;background:url(/images/z2.jpg) no-repeat}
.namebg{position:absolute;width:100%;height:200px;}
.xname{position:relative;margin:0 20px;top:0;height:200px;background:#fff}
.logo{position:absolute;margin:90px 0 0 240px}
.lozung{width:300px;font-size:11px;}
.tlogin{position:absolute;margin-left:220px;height:43px;border-collapse:collapse}
.tlogin td{padding:0 10px !important;height:43px;vertical-align:middle}
.tlin{background:url(/images/ll1.gif) 0 0 no-repeat #dedede;}
.tlin span{margin:0 5px 0 20px; font-size:14px;}
.tlin .lin{position:relative;margin-top:2px;width:215px;font-size:18px;border:1px solid #b4b4b4}
.tlbtn{background:url(/images/lr1.gif) 100% 0 no-repeat #c5c5c5;}

.tmess{position:absolute;right:0;width:42%;margin-top:110px}
.mess{float:left;width:49%;}
.mess span{display:inline-block;border-bottom:1px dashed #000;}
.mess a:hover span{border-bottom:1px dashed #57b4fc;cursor:pointer}
.mess a{color:#000;font-size:16px;text-decoration:none}
.mess a:hover{color:#57b4fc}

#wrapper{position:relative;height:100%;width:100% !important;border-collapse:collapse;direction:rtl;}
#wrapper td{direction:ltr;}
#topdown{padding:0;height:70px;width:100%;background:none !important}
#content{padding:0;padding-top:200px !important;background:#fff;width:100%}

.t {background: url(/images/dot.gif) 0 0 repeat-x;margin-right:20px;}
.b {background: url(/images/dot.gif) 0 100% repeat-x}
.l {background: url(/images/dot.gif) 0 0 repeat-y}
.r {background: url(/images/dot.gif) 100% 0 repeat-y}
.bl {background: url(/images/bl.gif) 0 100% no-repeat}
.br {background: url(/images/br.gif) 100% 100% no-repeat}
.tl {background: url(/images/tl.gif) 0 0 no-repeat}
.tr {background: url(/images/tr.gif) 100% 0 no-repeat;padding:20px;}

dl{padding-bottom:15px}
dt{float:left;width:140px;color:#57b4fc;font-size:18px;}
dd{margin-left:-150px;padding-top:5px;padding-left:160px;}

#left{padding:0;padding-top:200px !important;width:216px;background:url(/images/z1.jpg) 0 110px no-repeat #fff}
.menu{margin-left:15px;}
.say{width:185px;height:225px;background:url(/images/say.gif) 85px 100% no-repeat}
.menubgt{width:185px;height:10px;font-size:5px;
background:url(/images/menubgt.png) no-repeat !important;background:url(/SiteNN/images/x.gif);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/menubgt.png',sizingMethod='image');}
.menubg{width:185px;background:url(/images/menubg.gif)}
.menubgb{padding:0 9px;background:url(/images/menubgb.gif) 0 100% no-repeat;}

.mt{height:9px;font-size:5px;background:url(/images/mt.gif) no-repeat}
.m{background:#fff;padding:0 0 5px 10px;}
.mb{height:18px;font-size:5px;background:url(/images/mb.gif) no-repeat}
.mh{font-size:26px;padding-bottom:10px;}
.m a{display:block;font-size:12px;color:#000;line-height:20px;text-decoration:underline;margin-left: 5px;}
.m a:hover{color:#ff9205;font-size: 12px;}
.m b{display:block;font-size:14px;cursor:pointer !important;cursor: hand;}
.m a b {display: inline; font-size: 12px;}

div#footer{position:relative;width:100%;height:70px;}
.b1{position:absolute;height:20px;width:20px;background:url(/images/b1.gif) no-repeat}
.b2{position:absolute;right:0;height:20px;width:20px;background:url(/images/b2.gif) no-repeat}
.bnamebg{position:absolute;width:100%;height:20px;}
.bname{position:relative;margin:0 20px;top:0;height:20px;background:#fff}
.copyright{position:absolute;right:0;width:169px;height:26px;margin:45px 10px 0 0;background:url(/images/copyright.gif) no-repeat;line-height:26px;color:#fff}
.copyright span{padding:0 11px;}
.copyright a{color:#fff}

.online{float:right;padding:25px 5px 0;}
.online a{color:#c83232;}
.online a:hover{color:#000;text-decoration:none}
.online span{color:#c83232;}

.stat{width:100%;}
.stat td, .stat th{padding:0 10px;height:25px;vertical-align:middle}
.stat td.tday, .stat td.n{width:15%; text-align:right}
.stat .red td, .stat th{background-color:#c83232;}
.stat .darkred td{background-color:#9a1313;}
.stat .brown td{background-color:#5d0101;}
.stat .grey td{background-color:#e5e5e5;}
.stat .thead td, .stat th{background-image:url(/images/tableh.gif); background-repeat:repeat-x; color:#fff;}

table.data {
    width: 100%;
}

table.data td, table.data th {
    padding: 0 10px;
    height: 25px;
    vertical-align: middle;
}

table.data th {
    background-color: #c83232;
    background-image: url(/images/tableh.gif);
    background-repeat: repeat-x;
    color: #fff;
}

table.data tr.row0 {
    background-color: #e5e5e5;
}

.rlink{padding:5px 0;text-align:right}

input, select, textarea {
    border: 1px solid #c83232;
    background: #ffffff;
}

input.check, input.radio {
	border: none;
}

table.view td {
    padding: 0px;
    vertical-align: middle;
}

input.btns {
    border: none;
    background: transparent;
}

#tooltip {
    width: 200px;
    position: absolute;
    visibility: hidden;
    padding-top: 20px;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    background: url('/SiteNN/images/tooltip-out.gif') no-repeat;
}

#tooltip #tooltip-head {
    height: 5px;
    font-size: 0px;
    line-height: 0px;
    background: url('/SiteNN/images/tooltip-head.gif') no-repeat;
}

#tooltip #tooltip-foot {
    height: 5px;
    font-size: 0px;
    line-height: 0px;
    background: url('/SiteNN/images/tooltip-foot.gif') no-repeat;
}

#tooltip #tooltip-main {
    padding-left: 10px;
    padding-right: 10px;
    background: url('/SiteNN/images/tooltip-back.gif') repeat-y;
}

#tooltip table.popt th {
    font-weight: bold;
    text-align: left;
    padding-right: 10px;
}

table.filt tr, table.filt td, table.filt th {
    font-size: 14px;
}

table.filt th {
    text-align: left;
    font-weight: bold;
    color: #57b4fc;
    padding-right: 10px;
}

.filt table.popt td {
    font-size: 12px;
}

table.stat td .info {
    display: block;
    float: right;
    margin-right: 2px;
}

table.stat td .info img {
	border: 1px solid #dddddd;
}

fieldset {
    background: #e6e6e6;
    padding-top: 20px;
}

p.notice {
	padding: 20px;
	background: #ffdddd;
	border: 1px solid #990000;
}

p.info {
	padding: 20px;
	background: #ffffdd;
	border: 1px solid #cccccc;
}

/* start page */

.cont-top{margin-bottom:20px;padding:0;}
.cont-bot{width:440px;float:right;margin-right:200px}
*html .cont-bot {display: inline;}
.cont-bot p{font-size:16px;margin-top:0;}
.cont-bot p a{font-size:16px;color:#1e9dff;}
.cont-bot ul{padding:0;margin:0;list-style:none}
.cont-bot li{font-size:11px;margin:5px 0;white-space:nowrap}

.bb {background: url(../images/dotb.gif) 0 100% repeat-x}
.l2 {background: url(../images/dotl.gif) 0 0 repeat-y}
.bl2 {background: url(../images/bl2.gif) 0 100% no-repeat}
.br2 {background: url(../images/br2.gif) 100% 100% no-repeat}
.tl2 {background: url(../images/tl2.gif) 0 0 no-repeat}
.tr2 {background: url(../images/tr2.gif) 100% 0 no-repeat; padding:20px;}

.tt {background: url(../images/weuse.jpg) 100% 0 no-repeat; padding:5px 20px 6px;}
.tt .uset {position:absolute;right:10px;margin-top:30px;width:210px;height:100px;color:#fff;font-size:20px;line-height:26px;}
.tt .z3 {position:absolute;right:0;margin-top:145px;width:201px;height:226px;background: url(../images/z5.jpg) no-repeat;}
.tt .z3 .z3t {padding:120px 0 0 30px;font-size:14px;}

.tehno{width:70% !important; width:65%; margin:0 !important;}
.tehno td{vertical-align:middle; text-align:center;}
.tehno2{width:65%;margin:10px 21px 30px}
.tehno2 td{vertical-align:middle; text-align:center;}
.schetgif{color:#757575;font-size:13px;width:100%;margin-bottom:15px;}

.z2g{position:absolute;margin-top:65px;height:135px;width:240px;background:url(../images/z4.jpg) no-repeat}
.z1_2g{position:absolute;margin-top:221px;margin-left:216px;height:30px;width:1px;background:#fff;}
.b1g{position:absolute;height:20px;width:200px;background:url(../images/b12.gif) no-repeat;z-index:10}
.z4{position:absolute;margin-top:-240px;height:240px;width:255px;background:url(../images/z6.jpg) no-repeat}
.z4 .z4t{font-size:14px;color:#fff;padding:108px 0 0 95px;}

#leftg{padding:0;padding-top:200px !important;width:216px;background:url(../images/z3.jpg) 0 200px no-repeat #fff}
#leftg .sotr{padding:165px 50px 10px 25px;font-size:14px;text-align:center}

.counter-size {
	width: 100%;
}

.counter-size td {
	width: 25%;
	padding-left: 25px;
}

.counter-size a {
	width: 100px;
	height: 50px;
	display: block;
	text-align: center;
	border: 2px solid #ffffff;
}

.counter-size a img {
	margin-top: 10px;
}

.counter-size a.active {
	background: #ffffff;
	border: 2px solid #990000;
}

.counter-size a:hover, .counter-size a.active:hover {
	background: #ffeeee;
	border: 2px solid #ff0000;
}

.counter-view {
	width: 25%;
	height: 100px;
	margin: 10px;
	float: left;
}

.counter-view a {
	width: 100px;
	height: 50px;
	display: block;
	text-align: center;
	border: 2px solid transparent;
	margin: 20px;
}

.counter-view a img {
	margin-top: 10px;
}

.counter-view a.active {
	border: 2px solid #990000;
}

.counter-view a:hover, .counter-view a.active:hover {
	border: 2px solid #ff0000;
}

