body {padding:0; margin:0; background:url(/media1/bgu.gif) repeat-x top #fff}
body,td,div {padding:0; font-size:11px; color: #000; font-family:tahoma,arial,verdana}
td {vertical-align:top}
img,table {border:0}
ul {margin-top:0}
ul,ol,form,p {margin:0; padding:0}
li {margin:0 0 15px 35px}
a {color:#1B6693; text-decoration: underline} a:hover {color:#194F6F}
h1 {margin:0; padding:26px 13px 18px 13px; font-size:18px; font-family:arial; color:#000; font-weight: 400}
h2 {margin:0; padding:0 0 15px 0; font-size:14px; font-family:arial; color:#000; font-weight:400;}
hr, * html hr {width:100%; height:1px; color:#CED5DA; background:#CED5DA; border:1px} hr {margin:15px 0} * html hr {margin:15px 0}
p {line-height:16px}

.title {margin:15px 0 -6px 0}
table.tdmid td {vertical-align:middle}

.textarea {overflow:hidden; position:relative; width:100%}
.textarea textarea {background:url(/media1/web/24.gif) #fff no-repeat bottom right; border:0; font-family:arial; font-size:14px; color:#000; height:133px; padding:4px 8px 8px 5px}
.textarea div,.textarea span {float:left}
.textarea div {background:url(/media1/web/25.gif) no-repeat top right; padding:4px 0 0 0}
.textarea span {display:block; width:3px; height:150px; background:url(/media1/web/27.gif) no-repeat 0 0}
.sel,.txt {font-family:tahoma; font-size:11px; corsor:pointer; border:1px solid #ACB5C0; padding:5px; margin:1px 0}
.sel {color:#8F98A5} .sel option {corsor:pointer; color:#000} .sel option.sse {color:#8F98A5}
label {display:block; padding:3px 0 5px 0; cursor:pointer}

#d1d,#d2d,#d3d {width:115px; height:100px; float:left}
#d1d a,#d2d a,#d3d a {display:block; padding:15px 0 0 47px; color:#575F6A} #d1d a:hover,#d2d a:hover,#d3d a:hover {color:#000}
#d1d {background:url(/media1/3dela/03.gif) no-repeat 0 0}
#d2d {background:url(/media1/3dela/02.gif) no-repeat 5px 4px}
#d3d {background:url(/media1/3dela/01.gif) no-repeat 0 3px}
#d0d {display:block; color:#A8AFB9; border-bottom:2px solid #E3E8EE; padding:25px 0 5px 0; margin:0 0 3px 0; font-size:9px}

#home {position:absolute; left:50%; margin-left:-482px; top:28px; opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=30)} a img#home {opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60)}
#about {background:url(/media1/ico/about.jpg) no-repeat right 200px; height:500px}
#services {background:url(/media1/ico/services.jpg) no-repeat right 200px; height:500px}
#contacts {background:url(/media1/ico/contacts.jpg) no-repeat right 200px; height:500px}
#newsi {background:url(/media1/ico/news.jpg) no-repeat right 200px; height:500px}
#shop {background:url(/media1/ico/shop.jpg) no-repeat right 200px; height:500px}
#hosting {background:url(/media1/ico/hosting.jpg) no-repeat right 350px; height:600px}
#domain {background:url(/media1/ico/domain.jpg) no-repeat right 350px; height:600px}
#zero {height:173px;}
#bgus {background:url(/media1/bgus.jpg) repeat-x top left #EEF0F3}
#bgus1 {background:#DCDFE7; width:1px;}

#tab {width:100%; border-collapse: collapse; border-spacing: 0px; padding:0} #tab td {padding:0}
.tabm {background:url(/media1/bgd.gif) repeat-x bottom}
table.tab25 td, #f1 {width:25%} 

#port {top:163px; left:0px; width:100%}
#portfolio {height:193px; width:100%; position:relative}
#port,#por1,.por2,.por3,#por4,#por5,#por6,#por7 {position:absolute}
#por1 {left:50%; top:178px; margin-left:-497px}
.por3 {left:0; top:4px; height:174px;} .por3 td {width:50%;} #por31 {height:174px; text-align:right}
#por32 {height:174px; background:#000; width:504px; position:relative}
#por4 {width:498px; height:50px; right:50%; top:128px; opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); z-index:5}
#por5 {left:50%; top:128px; opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); z-index:6}
#por6 {width:34px; height:174px; left:50%; top:4px; margin:0 0 0 475px; z-index:9} #por6 a:hover img {opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50)} #por6 a img {width:34px; height:174px; opacity:0; -moz-opacity:0; filter:alpha(opacity=0)}
#por7 {cursor:pointer; left:50%; top:4px; margin:0 0 0 483px; z-index:10}
#por7 a img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100)} #por7 a:hover img {opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60)}
#porttitl div {position:absolute; top:137px; z-index:8}
#porttitl div span {display:block; color:#fff; font-family:arial; font-size:14px}
#porttitl div a {display:block; color:#AAAAAA; font-size:9px}
#pt1 {width:484px; right:50%}
#pt2 {left:50%; margin-left:9px}

#main {width:996px}
#logo {margin:65px 0 9px 13px}
#adv {height:24px}
#s1 {background:url(/media1/01.gif) no-repeat top left}
#s2 {margin:56px 0 5px 15px}
#s3 {margin:0 0 0 15px}
#s4 {margin:10px 0 0 15px; clear:both} #s4 a{display:block; padding:6px 0 0 0; width:100px}
#s5 {background:url(/media1/64.gif) repeat-y top right}

#h0 {height:160px; width:100%; position:relative}
#h1,#h2,#h3,.j1,#j2,#j3,#j4 {position:absolute}
#h1 {left:0; top:0; z-index:2}
#h2 {left:0; top:0; width:100%; z-index:1}
#h21 {width:2px} #h22 {background:url(/media1/10.gif) #fff; height:39px} #h22h {width:2px} .h22h1 {width:30px; background:url(/media1/10.gif) #fff; height:39px} .h22h1 a img {margin:16px 0 0 0}
td#h22 a img {background:url(/media1/09.gif) repeat-x bottom; margin:0 15px 0 15px} td#h22 a:hover img {background:none; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80)}
td#h22 ul li {padding:14px 6px 9px 6px; float:left; margin:0; list-style-type:none; background:url(/media1/m/00.gif) no-repeat top right}
#h3 {top:112px; left:0}
#h3 a img {opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60)} #h3 a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100)}
div#h3 a img#h32 {margin:0 0 0 -160px; opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100)}
td#h22 ul li#ha {background:url(/media1/m/001.gif) no-repeat top right}
td#h22 ul li#ha a img {background: none; margin:0 20px 0 20px; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80)} td#h22 a:hover img {background:none; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80)}

ul#sub {background:url(/media1/65.gif) #747F91; height:24px; overflow:hidden}
ul#sub li {float:left; list-style-type:none; margin:0}
ul#sub li a {display:block; padding:4px 12px; color:#fff; background:url(/media1/66.gif) no-repeat top right; } ul#sub li a:hover {color:#EBEFF5}
ul#sub li#su1,ul#sub li#su2 {padding:0; margin:0; background:none} ul#sub li#su2 {float:right; width:25px}
ul#sub li#shov a,ul#sub li#shov a:hover {color:#EBEFF5; text-decoration:none}

#j0 {height:160px; width:100%; position:relative}
.j1 {background:url(/media1/02.png) no-repeat right top; width:100%; height:199px; z-index:6}
#j2 {background:url(/media1/10.gif) #fff; height:39px; width:100%; z-index:5}
#j3 {top:112px; left:0; z-index:7}
#j3 a img {opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60)} #j3 a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100)}
div#j3 a img#j32 {margin:0 0 0 -89px; opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100)}
#j4 {right:15px; top:49px; z-index:8}

#a1 {background:url(/media1/04.jpg) no-repeat top right #9DD65E}
#a2 {background:url(/media1/05.jpg) no-repeat top right #2477A2}
#a3 {background:#F8C955}


#d1 {width:33%; background:url(/media1/06.jpg) no-repeat left top}
#d2 {width:33%; background:url(/media1/07.jpg) no-repeat left top}
#d3 {width:34%; background:url(/media1/08.jpg) no-repeat left top}
#d4 {background:url(/media1/09.jpg) no-repeat right top}
#d5 {background:url(/media1/10.jpg) no-repeat right top}
#d6 {background:url(/media1/11.jpg) no-repeat right top}
#d7 {width:25%; background:url(/media1/12.jpg) no-repeat left top}
#d77 {width:25%}

a img#d0 {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); background:url(/media1/m1/08.gif) repeat-x bottom left} 
a:hover img#d0,a:hover img#d01 {opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80); background:none}

a img#d01 {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); background:url(/media1/m1/09.gif) repeat-x bottom left} 

.d44 {padding:31px 0 23px 14px}
.d45 {padding:25px 0 29px 0}
#d8 {padding:0 52px 17px 14px; color:#575F6A; line-height:18px}
#d9 {margin:0 0 16px 14px}
div#d9 a img {background:url(/media1/m1/05-.gif) repeat-x bottom} div#d9 a:hover img {background:none; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80)}
#d10 {padding:10px 0 70px 14px}


ul#bestw {margin:-6px 0 20px 0; padding:0}
ul#bestw li {margin:0 0 10px 30px; padding:0}
ul#bestw li a {color:#000} ul#bestw li a:hover {color:#BD2611}
ul#bestw li#besta, ul#bestw li#besta a {color:#BD2611}

#all {padding:8px 0 10px 39px; background:url(/media1/17.gif) no-repeat 13px 5px}
#all a {font-size:14px; color:#000} #all a:hover {color:#6AB32C}

#d11 {background:url(/media1/18.gif) repeat-x top #8CCC4B; height:124px}
#d12 {background:url(/media1/19.gif) repeat-x top #1F719D; height:124px}
#d13 {background:url(/media1/20.gif) repeat-x top #F6BC44; height:124px}

#con {margin:2px 0 11px 0}
#news {margin:14px 0 0 0}
#nhot {margin:0 10px 0 0; padding:0 5px 0 5px; background:#E3E5E7; color:#000}
#hot {margin:0 10px 0 0; padding:0 5px 0 5px; background:#9DD65E; color:#fff}
#news p {line-height:18px; padding:0 0 2px 0} 
a#ahot {color:#68933D} a#ahot:hover {color:#99B87B}

#d14 {width:50%; background:url(/media1/50.gif) repeat-y top left} #d14 div {padding:15px 0 0 14px} #d14 p {line-height:18px; width:80%; padding:10px 0 0 14px}
#d15 {background:url(/media1/26.gif) no-repeat top right}
table.d16 div {background:url(/media1/24.gif) no-repeat top left; width:106; height:19}
#d151 {background:url(/media1/261.gif) no-repeat top right}
table.d161 div {background:url(/media1/241.gif) no-repeat top left; width:106; height:19}


.o1 {width:25%; background:#E9ECF1}
.o2 {background:none; opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60)}
#o2 {width:25%; background:url(/media1/16.jpg) no-repeat top left; height:205px}
.o3 {width:25%; background:url(/media1/27.gif) repeat-y top left #E9ECF1}
a img#o4 {background:url(/media1/31.gif) repeat-x bottom; margin:26px 0 0 14px} a:hover img#o4 {background:none; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80)}
#o5 {margin:12px 0 15px 0}
#o6 {width:14px}
#o7 {background:#fff}

#o7 a img {width:213px; height:78px} 
#o7 a:hover img {width:213px; height:78px; opacity:0.0; -moz-opacity:0.0; filter:alpha(opacity=0)}

table#tab td#o8 {width:20px; height:79px; background:url(/media1/32.gif) no-repeat top left}
td#o8 a img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100)} td#o8 a:hover img {opacity:0.1; -moz-opacity:0.1; filter:alpha(opacity=10)}
#o9 {padding:0 14px 5px 14px}
#o10 {padding:80px 10px 0 90px; line-height:18px}

#f1 {background:url(/media1/50.gif) repeat-y top left}
.f2 {width:33%} .f2 div {color:#575F6A; line-height:18px; padding:4px 14px 25px 14px}
td.f2 a img {background:url(/media1/38-1.gif) repeat-x bottom; margin:0 0 0 0} td.f2 a:hover img {background:none; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80)}
td.f2 a img#f3 {background:url(/media1/40-1.gif) repeat-x bottom; margin:0 0 0 0} td.f2 a:hover img#f3 {background:none; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80)}
.f4 a {text-decoration:none; background:url(/media1/web/13.gif) no-repeat top right; padding:0 7px 0 0} .f4 span {border-bottom:1px dashed #1B6693} .f4 a img {margin:-4px 0 1px 3px}
.f4 div {padding:15px 0 18px 80px; background:url(/media1/63.gif) no-repeat 0 0}
.f4,#f6 {width:33%} .f4 img {margin:15px 0 0 11px}
#f5 {color:#575F6A} #f5 img {margin:0 6px -5px 13px} #f5 div {padding:29px 0 52px 17px; color:#9AA3AF; font-size:10px}
#f6 span {color:#9AA3AF; font-size:10px} #f6 div {padding:0 0 0 14px}

#fu1 {padding:31px 0 35px 18px; }
#fu2 {margin:0 0 7px 16px}
#fu3 {width:220px; height:80px; background:url(/media1/51.gif) no-repeat top left; margin:4px 0 0 16px}
#fu3 div {padding:10px}
#fu3 textarea {background-color:transparent; width:200px; height:60px; border:0; COLOR: #A8AFB9; font-size:11px; font-family:tahoma}
#fu4 {background:url(/media1/jnice/sel_right.gif) no-repeat 214px 0; margin:0 0 7px 16px}
#fu5 {margin:7px 0 0 16px}

#fo1 {float:left; width:135px}
#fo2 {float:left; width:74px}
#fo3 {float:left; width:2px}
#fo4 {float:left; width:9px}
#fo5 {float:left; width:113px}
#fo6 {float:left; width:90px}
#fo7 {float:left; width:9px}

.sm {margin:20px 0 0 0}
#sm1 {width:3px; height:3px; background:url(/media1/53.gif)}
#sm2 {width:3px; height:3px; background:url(/media1/54.gif)}
#sm3 {width:3px; height:3px; background:url(/media1/56.gif)}
#sm4 {width:3px; height:3px; background:url(/media1/55.gif)}
#sm5 {height:3px; background:url(/media1/57.gif)}
#sm6 {height:3px; background:url(/media1/58.gif)}
#sm7 {width:3px; background:url(/media1/59.gif)}
#sm8 {width:3px; background:url(/media1/60.gif)}
#sm9 {line-height:20px; font-size:13px; font-family:arial}
#sm10 {width:10%}
#sm11 {width:250px}
#sm0 ul li {padding:8px 18px 8px 18px; float:left; margin:0; list-style-type:none; border-right:1px #E4E8EE solid}

.jNiceInputWrapper {padding:0; BACKGROUND: url(/media1/jnice/input_left.gif) no-repeat left top; HEIGHT: 24px}
.jNiceInputInner {padding:0; BACKGROUND: url(/media1/jnice/input_right.gif) no-repeat right top; MARGIN: 0px 0px 0px 4px}
div#fu2 .jNiceInputWrapper {padding:0; BACKGROUND: url(/media1/jnice/input_left1.gif) no-repeat left top; HEIGHT: 24px}
div#fu2 .jNiceInputInner {padding:0; BACKGROUND: url(/media1/jnice/input_right1.gif) no-repeat right top; MARGIN: 0px 0px 0px 4px}
.jNiceInputInner DIV {height: 24px}
.jNiceInputInner INPUT {border:0; background:transparent; padding:0; FONT-SIZE: 11px; margin: 5px 0 0 0; COLOR: #A8AFB9; height:14px}

.jNiceSafari .jNiceInputInner DIV {OVERFLOW: hidden; POSITION: relative}
.jNiceSafari INPUT {LEFT: -4px; POSITION: absolute; TOP: -2px; HEIGHT: 24px}

.jRadioWrapper {FLOAT: left}
.jNiceRadio {DISPLAY: block; BACKGROUND: url(/media1/jnice/radio.gif) no-repeat center top; VERTICAL-ALIGN: middle; width: 18px; height: 18px}

.jNiceCheckbox {DISPLAY: block; BACKGROUND: url(/media1/jnice/checkbox.gif) no-repeat center top; VERTICAL-ALIGN: middle; width: 18px; height: 18px}
.jNiceChecked {BACKGROUND-POSITION: center bottom}

.jNiceSelectWrapper, .jNiceSelectWrapper DIV SPAN {WIDTH:70px; BACKGROUND: url(/media1/jnice/input_left.gif) no-repeat left top}
div#fu4 .jNiceSelectWrapper, div#fu4 .jNiceSelectWrapper DIV SPAN {WIDTH:210px; BACKGROUND: url(/media1/jnice/input_left1.gif) no-repeat left top}
div#fu4 .jNiceSelectWrapper, .jNiceSelectWrapper {POSITION: relative; HEIGHT: 24px}

div#fu4 .jNiceSelectWrapper DIV SPAN, .jNiceSelectWrapper DIV SPAN {padding:4px 0 0 4px; FLOAT: none; OVERFLOW: hidden; LINE-HEIGHT: 15px; POSITION: absolute; HEIGHT: 24px; COLOR: #A8AFB9}
.jNiceSelectWrapper DIV A {	DISPLAY: block; RIGHT: 0px; BACKGROUND: url(/media1/jnice/select_right.gif) no-repeat center center; WIDTH: 21px; POSITION: absolute; HEIGHT: 24px}

.jNiceSelectWrapper UL {OVERFLOW-Y: auto; DISPLAY: none; Z-INDEX: 100; OVERFLOW: auto; BORDER: #C8D0DC 1px solid; LIST-STYLE-TYPE: none; POSITION: absolute; LEFT: 0px; TOP:23px; BACKGROUND: #fff}
.jNiceSelectWrapper UL A {padding:5px; DISPLAY: block; COLOR: #A8AFB9; BACKGROUND: #fff; TEXT-DECORATION: none}
.jNiceSelectWrapper UL li {padding:0; margin:0}
.jNiceSelectWrapper UL A:hover {BACKGROUND: #F2F4F7}

.jNiceSelectWrapper UL A.selected {BACKGROUND: #ededed}
.jNiceHidden {DISPLAY: none}