/*GLOBAL*/
html, body {margin:0;padding:0;background:url(/templates/artis/images/bgb.jpg) #ffffff repeat-x bottom center;}
#content {min-height:100%;margin-bottom:-199px;height:auto; overflow:hidden;background:url(/templates/artis/images/bgt.jpg) repeat-x top center; xheight:100%;}
#footer {width:100%;clear:both;height:199px;}
#clearfooter{clear:both!important;height:199px;}
html>body #minHeight{float:left;width:0px;height:100%;margin-bottom:-199px;} /*safari wrapper */
.header { margin:0px 0px 0px 0px;}
.content { margin:0px 0px 0px 0px;}
.width {width:100%;}
.all {float:left; width:100%;}
.clear {clear: both;}
/*TAGS*/
DIV, TD, INPUT, SELECT, TEXTAREA{font-family: Arial;font-size: 12px;color: #262626; font-weight:normal;}
IMG {border: 0px;}
LI {padding: 0px 0px 0px 0px;margin: 0px;}
UL, OL {padding: 0px 0px 15px 40px;margin: 0px;}
H1, H2, H3, H4{ font-weight:normal; font-family: Arial; color: #000000; padding: 0px;margin: 0px;}
H1 {font:28px Arial; color:#1140a5; margin:0px 0px 10px 0px; font-weight: normal;}
H2 {font:20px Arial; color:#1140a5; margin:0px 0px 5px 0px; font-weight: normal;}
H3 {font:14px Trebuchet MS, Arial; color:#1140a5; margin:0px 0px 2px 0px; font-weight: bold;}
P{ font-weight:normal;
font-family: Arial;
font-size: 12px;
color: #262626;
text-align: left;
margin: 0px;
padding: 0px 0px 10px 0px;}
img {border:0px}
img.png {behavior:url("/templates/artis/css/png.htc")}
a {font-family: Arial;color:#b70606;text-decoration:underline;}
a:hover {text-decoration:none;}
/*HEAD*/
#indexContent { width:100%; position:absolute; top:0; z-index:1; border:0px solid #000000;}
#slogContent { width:960px; border:0px solid #000000; margin:0px 0px 0px 0px; text-align:left; padding:125px 0px 0px 0px;}
#indexContentContainer { width:385px; border:0px solid #000000; margin:0px 0px 0px 260px;}
.head { width:960px;position:absolute; z-index:2; text-align:left; margin:0px 0px 0px -696px; border:0px solid #000000; height:93px;}
.headind { width:960px; text-align:left; margin:0px 0px 0px 0px; border:0px solid #000000; height:93px;}
#topI { width:960px; position:absolute; z-index:1; margin:93px 0px 0px -696px; background:url(/templates/artis/images/innerr.gif) no-repeat top right; height:156px;}
#logo { margin:31px 0px 0px 0px; float:left;}
#logo img { margin-left:8px;}
#menuTop { width:480px; margin:32px 0px 0px 0px; float:left; text-align:center; position:relative!important;}
#menuToptime { z-index:1; width:480px; margin:32px 0px 0px 0px; float:left; text-align:center; position:relative!important;}
.mnt,
.mntNo { padding:0px 0px 0px 0px;vertical-align:top; text-align:center; font:12px Arial; color:#133c95; font-weight:bold;}
.mnta { padding:0px 20px 0px 20px;vertical-align:top; text-align:center; font:12px Arial; color:#133c95; font-weight:bold;}
.mnt a,
.mnta a,
.mnt1 a { font:12px Arial; color:#af0303; font-weight:bold;}
.mntNo { cursor:pointer;font:12px Arial; color:#af0303; font-weight:bold;}
.mnt1 { padding:0px 20px 0px 20px;vertical-align:top; text-align:center; font:12px Arial; color:#133c95; font-weight:bold;}
.mnTopLine { vertical-align:top; padding:4px 3px 0px 3px; width:1px;}
.mnTopLine img { background:#7f7f7f; height:11px; width:1px;}
.mnTopLine2 { padding:0px 10px 0px 10px;background:#ffffff; border:1px solid #a6b2ca; border-width:0px 1px 0px 1px;}
td.mnTopLine2 div { background:#c5c5c5; height:1px;}
.mnV {position:absolute; z-index:10; display:none;}
*html .mnV {position:absolute; z-index:10; display:none; }
*+html .mnV {position:absolute; z-index:10; display:none; }
.mnV table {width:170px; float:left;}
.mnvBot {background:#ffffff; width:100%; border-bottom:1px solid #a6b2ca;}
.mnvTop {background:#ffffff; width:100%; border-top:1px solid #a6b2ca;}
.mnvTopL {background:#ffffff; border:1px solid #a6b2ca; border-width:1px 0px 0px 1px;}
/*time-Topmenu*/
a.nlia{z-index:999; padding:0px 10px 0px 10px;vertical-align:top; display:block; margin:0; text-align:center; font:12px Arial; color:#AF0303; font-weight:bold;}
td.active a.nlia {padding:0px 10px 0px 10px;vertical-align:top; margin:0; text-align:center; font:12px Arial; color:#133C95!important; font-weight:bold;text-decoration:none;}
.mnviA { font:11px Tahoma;background:#edeef0; border:1px solid #a6b2ca; border-width:0px 1px 0px 1px; color:#b70606;padding:5px 13px 5px 13px; text-align:left;}
.mnvi { font:11px Tahoma;background:#ffffff; border:1px solid #a6b2ca; border-width:0px 1px 0px 1px; color:#b70606;padding:5px 13px 5px 13px; text-align:left;}
.mntvi a { font:11px Tahoma; color:#b70606;}
td.mnvTD div.mnvBG {border:0px solid #000000; position:relative; z-index:11; margin:-12px 0px 0px 0px; visibility:hidden;}
td.mnvTD table {position:relative; z-index:12; margin:-27px 0px 0px 0px; }
#clients { position:relative; z-index:1; margin:-10px 0px 10px 0px}
#clients div { position:absolute; z-index:2; margin:-11px 0px 0px -14px}
#srch { margin:35px 0px 0px 0px;position:relative; z-index:2; width:200px; float:left; height:24px; background:url(/templates/artis/images/srch.gif) no-repeat top left;}
#srch input { margin:5px 14px 0px 10px; border:0px; padding:0px 0px 0px 0px; float:left; background:#e9ecf5; font:11px Tahoma; color:#44485a; width:157px;}
#srch img { float:left; margin:3px 0px 0px 0px; cursor:pointer;}
/*CONTENT*/
#contentGlobal { width:960px; border:0px solid #000000; text-align: left;}
#contentGlobali { width:960px; border:0px solid #000000; text-align: left;}
#top {clear:both; width:100%; background:url(/templates/artis/images/v.jpg) no-repeat top left; height:247px;}
#TopBlue { width:100%; vertical-align:top;}
#TopInner1 { width:100%; background:url(/templates/artis/images/innerl1.gif) no-repeat top left; vertical-align:top; padding:30px 0px 0px 40px;}
#TopInner2 { width:100%; background:url(/templates/artis/images/innerl2.gif) no-repeat top left; vertical-align:top; padding:30px 0px 0px 40px;}
#TopInner3 { width:100%; background:url(/templates/artis/images/innerl3.gif) no-repeat top left; vertical-align:top; padding:30px 0px 0px 40px;}
#TopInner5 { width:100%; background:url(/templates/artis/images/innerl5.gif) no-repeat top left; vertical-align:top; padding:30px 0px 0px 40px;}
#Node { font:30px Arial; color:#ffffff; line-height:1.2; border:0px solid #000000;}
#crumb { margin:0px 0px 0px 0px;font:11px Tahoma; color:#ffffff; border:0px solid #000000; width:380px;}
#crumb img { margin:0px 5px 0px 5px;}
#crumb a { font:11px Tahoma; color:#ffffff;}
#TopRed { vertical-align:top;}
#TopRedi { vertical-align:top;}
#TopRed div img#zapros { position:relative; z-index:2; margin:30px 0px 18px -7px;}
#phone { font:11px Tahoma; color:#ffffff;}
#phone div { font:16px Trebuchet MS; line-height:1.2; color:#ffffff; margin-top:1px; margin-bottom:10px;}
#zaprosDiv { position:relative; z-index:2; margin:-15px 0px 0px 0px;}
#zaprosDiv img#zapros { position:relative; z-index:2; margin:30px 0px 0px -7px;}
#phone1 span,
#phone2 span { font:11px Tahoma; color:#ffffff; line-height:1.4;}
#phone1,
#phone2 { font:12px Trebuchet MS; line-height:1.2; color:#ffffff;}
#phone1 { margin:5px 0px 5px 0px;width:133px; text-align:center;}
#phone2 { margin:0px 0px 0px 0px;width:133px; text-align:center;}
#blue { position:absolute; z-index:0;}
#new { position:absolute; z-index:2; margin:0px 0px 0px 0px; background:url(/templates/artis/images/new_bg.gif) no-repeat top left; height:62px; width:231px;}
#newI { position:absolute; z-index:2; margin:-10px 0px 0px -26px;}
#newIco { position:absolute; z-index:2; margin:-143px 0px 0px 33px;}
#newInf { padding:13px 0px 0px 0px;font:11px Trebuchet MS; color:#bfd0f0; margin-left:69px;}
/*#newInf { padding:10px 0px 0px 0px;font:11px Trebuchet MS; color:#bfd0f0; margin-left:69px;}
#newInf a { font:11px Trebuchet MS; color:#bfd0f0;}*/
#newInf a { font:12px Trebuchet MS; color:#bfd0f0;text-decoration:underline;}
#newInf a:hover { font:12px Trebuchet MS; color:#bfd0f0;text-decoration:none;}
#newInf div { padding:0px 0px 5px 0px; font:12px Arial; font-weight:bold; color:#ffffff; line-height:1.1;}
/*#newInf div { padding:0px 0px 2px 0px; font:12px Arial; font-weight:bold; color:#ffffff; line-height:1.1;}*/
/*#apple { position:absolute; z-index:1; margin:24px 0px 0px 13px;}*/
#apple {position:relative; z-index:100; margin:0px 0px 0px 0px; left:-10px;}
/*.win-info {width:156px; font:11px Tahoma; color:#ffffff; position:absolute; margin:-230px 0 0 125px;}
*+html .win-info {width:156px; font:11px Tahoma; color:#ffffff; position:absolute; margin:-150px 0 0 35px!important; }
*html .win-info {width:156px; font:11px Tahoma; color:#ffffff; position:absolute; margin:-150px 0 0 35px!important; }*/
.win-info {width:156px; font:11px Tahoma; color:#ffffff; position:absolute; margin:-240px 0 0 125px;}
*+html .win-info {width:156px; font:11px Tahoma; color:#ffffff; position:absolute; margin:-155px 0 0 35px!important; }
*html .win-info {width:156px; font:11px Tahoma; color:#ffffff; position:absolute; margin:-155px 0 0 35px!important; }
#slogContent p { color:#ffffff; line-height:1.4;}
#slog img { position:relative; z-index:2; margin:0px 0px 5px 0px;}
#SlogTop { position:absolute; z-index:2; margin:4px 0px 0px -30px}
#SlogBot { position:absolute; z-index:2; margin:110px 0px 0px 400px}
/*CENTER*/
#Portf { margin:30px 0px 30px 0px; text-align:left;}
#center { margin:30px 250px 0px 260px; text-align:left;}
#left { float:left; width:260px; margin:30px 0px 0px -100%; text-align:left;}
#right { float:left; width:221px; margin:30px 0px 0px -221px; text-align:left;}
.us { margin-bottom:20px;}
.bgc1,.bgc2 { cursor:pointer;vertical-align:top; width:50%; padding:17px 0px 0px 15px; font: 20px Tahoma; color:#1f4b9a; border:1px solid #c7cde4; border-width:0px 0px 0px 0px;}
.bgc1 { border-width:0px 1px 0px 0px;background:url(/templates/artis/images/1.gif) no-repeat bottom right;}
.bgc2 { padding:17px 0px 0px 25px;background:url(/templates/artis/images/2.gif) no-repeat top right;}
.bgc1 span,
.bgc2 span { color:#b90913; font:20px Arial; font-weight:bold; line-height:1.0;}
.threeU { vertical-align:top; padding:19px 0px 19px 0px; border:1px solid #c7cde4; border-width:1px 0px 1px 0px;}
.threeU div#us1 { width:38%;}
.threeU div#us2 { width:36%;}
.threeU div#us3 { width:26%; text-align:right;}
#us1,#us2,#us3 { height:45px; float:left; border:0px solid #000000; cursor:pointer;}
#us1 div,
#us2 div,
#us3 div { padding:8px 0px 0px 60px; font:12px Arial; color:#970000; font-weight:bold;}
/*LEFT*/
.baner { position:absolute; z-index:2;margin:86px 0px 0px -40px;}
#otziv { background:url(/templates/artis/images/bgl.gif) repeat-x top left; border:1px solid #c7cde4; border-width:0px 1px 0px 1px; width:228px; padding:5px 0px 17px 0px;}
#otzivi { background:url(/templates/artis/images/bgl.gif) repeat-x top left; border:1px solid #c7cde4; border-width:0px 1px 0px 1px; width:262px; padding:5px 0px 17px 0px;}
#otzivContent { padding:0px 20px 0px 20px;}
.title1 { font:22px Arial; color:#1140a5; padding:0px 0px 10px 0px; line-height:0.8;}
.title1Left { font:22px Arial; color:#1140a5; padding:0px 0px 10px 20px; line-height:1.0;}
.title2 { font:12px Arial; font-weight:bold; color:#b70606; padding:0px 0px 7px 0px; line-height:1.1;}
.title2 span{ font:11px Tahoma; color:#69708f; padding:0px 0px 0px 0px}
.title3 { font:12px Arial; font-weight:bold; color:#b70606; padding:0px 0px 2px 0px; line-height:1.1;}
.title3 a { font:12px Arial; font-weight:bold; color:#b70606;}
.title3 span{ font:11px Tahoma; color:#69708f; padding:0px 0px 0px 0px}
#otzivContent p { font:11px Tahoma; color:#525668; padding:0px 0px 14px 0px}
#otzivContent a { font:11px Tahoma; color:#b70606; padding:0px 0px 14px 0px}
/*RIGHT*/
.title3 { font:14px Trebuchet MS; font-weight:bold; color:#b70606; padding:0px 0px 2px 0px; line-height:1.1;}
.title3 span{ font:11px Tahoma; color:#69708f; padding:0px 0px 0px 0px}
.newsC { font:12px Arial; color:#000000; padding:0px 0px 15px 0px}
#spam { margin:0px 0px 0px -3px; width:205px; float:left; height:24px; background:url(/templates/artis/images/srch.gif) no-repeat top left; position:relative; z-index:1;}
#spam input { margin:5px 12px 0px 10px; border:0px; padding:0px 0px 0px 0px; float:left; background:#e9ecf5; font:11px Tahoma; color:#44485a; width:157px;}
#spam img { float:left; margin:1px 0px 0px 0px; cursor:pointer;}
.radio1,
.radio2 { float:left; margin:3px 0px 7px 0px;}
.radio1 div { font:11px Tahoma; color:#6c7186; margin:1px 0px 0px 0px}
.radio1 input { float:left; padding:0px 0px 0px 0px; line-height:100%;}
.radio2 div { font:11px Tahoma; color:#6c7186; margin:1px 0px 0px 0px}
.radio2 input { float:left; padding:0px 0px 0px 0px; line-height:100%;}
/*FOOTER*/
#foot { width:960px; text-align:left;}
#footi { width:960px; text-align:left;}
#copy,
#copy a,
#adres,
#adres div,
#copy div { font:11px Tahoma; color:#525668;}
#copy div span { font:11px Tahoma; color:#133c95; font-weight:bold;}
#copy div a { font:11px Tahoma; color:#af0303;}
#adres { width:277px; margin:15px 0px 0px 0px; float:left;}
#adres div { margin:0px 0px 10px 0px;}
#copy { width:640px; margin:15px 0px 0px 0px; float:left;}
#copy div { margin:0px 0px 10px 0px;}
#znak { width:20px; margin:15px 0px 0px 0px; float:left;}
/*ZAPROS*/
#zaprosTop {position:absolute; width:100%; z-index:200; float:left;left: 0;top: 0;}
#layerShadow{
position: absolute;
left: 0;
top: 0;
display: none;
z-index: 10;
filter: Alpha(opacity=0);
}
#questionLayer{
width: 404px;
position: relative;
display: none;
z-index: 200;
margin:100px 0px 0px 0px;
}
#sendLayer{
width: 404px;
position: relative;
display: none;
z-index: 200;
margin:100px 0px 0px 0px;
}
#questionLayer TABLE.tbl{border: 1px solid #A8A8A8;background-color: #FFFFFF;}
#sendLayer TABLE.tbl{border: 1px solid #A8A8A8;background-color: #FFFFFF;}
TD.commonTitleQuestion {padding: 15px 0 5px 24px;}
td.commonTitleImages {padding: 15px 24 5px 0px;}
td.SendImages {padding: 0px 23px 0px 25px;}
td.QuitImages {padding: 0px 23px 25px 25px;}
DIV.titleInQuestion{
text-align: center;
font-weight: bold;
padding: 4px 0 4px 0;
background-color: #F4F4F4;}
TD.question{font-size: 13px;padding: 5px 0 5px 25px;}
TD.answerOnQuestion{border-left: 1px solid #E7E7E7; padding: 6px 30px 6px 8px;}
input.text {width:238px; position:relative; z-index:999999;}
textarea.text {position:relative; z-index:999999;}
input.button {position:relative; z-index:999999;}
TD.yourQuestion{padding:16px 23px 5px 25px;}
TD.yourQuestion TEXTAREA{
width: 351px;
height: 129px;
border: 1px solid #A8A8A8;
margin:0px}
TD.answerOnQuestion INPUT{
width: 240px;
height: 20px;
border: 1px solid #A8A8A8;}
TD.shadow{background-color: #C2C2C2;}
/*MAIN NAVIGATION*/
table#mainNav {
width:500px!important;
margin-top:-3px;
margin-left:20px;
border:0;
}
.mainNav{
xheight:39px;
border:0;
list-style:none;
z-index:150;
width:500px!important;
position:relative!important;
overflow:hidden;
}
.mainNav li{
height:39px;
xposition:relative;
float:left;
padding:0;
margin:0 10px 0 0;
background-position:left top;
background-repeat:no-repeat;
}
*html table#mainNav {
width:450px!important;
margin-top:-3px;
margin-left:20px;
border:0;
}
*html .mainNav{
xheight:39px;
border:0;
list-style:none;
z-index:150;
width:450px!important;
position:relative!important;
overflow:hidden;
float:left;
}
.mainNav li.line{float:left; display:block; margin:12px 20px 0 15px;}
*html .mainNav li.line{width:10px;float:left; display:block; margin:12px 5px 0 5px!important;padding:0;}
*html .mainNav li{
height:39px;
position:relative;
float:left;
padding:0;
width:85px;
margin:0 10px 0 0;
background-position:left top;
background-repeat:no-repeat;
float:left!important;
overflow:hidden;
}
.mainNav li a{
height:39px;
display:block;
color:#AF0303;
font-family:Arial;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding:0;
margin:0;
text-decoration:none;
text-align:center;
vertical-align:top;
text-transform:uppercase;
}
.mainNav li a span{
display:block!important;
padding:13px 0 0 0!important;
}
.mainNav li a span.active{
color:#133c95;
display:block!important;
padding:13px 0 0 0!important;
}
.mainNav li:hover,.mainNav li.here{
background-position:left bottom;
color:#3284BB;
cursor:pointer;
}
.mainNav li.uslug{
background-image:url(/templates/artis/images/mnv2.gif);
width:74px;
z-index:1!important;
}
.mainNav li.portfol{
background-image:url(/templates/artis/images/mnv3.gif);
width:108px;
z-index:1!important;
}
.mainNav li.about{
background-image:url(/templates/artis/images/mnv5.gif);
width:65px;
z-index:1!important;
}
.mainNav li ul{
display:none;
position:relative!important;
float:left;
xbackground:#fff;
padding:0!important;
margin:0!important;
list-style:none!important;
z-index:200!important;
xoverflow:hidden!important;
width:170px;
}
.mainNav li ul li{
height:auto;
position:static;
float:none;
background:#fff;
border-left:1px solid #a6b2ca ;
border-right:1px solid #a6b2ca ;
padding:10px 0 0 0!important;
margin:0px 0 0 0!important;
xposition:relative!important;
z-index:300!important;
}
.mainNav li.uslug ul li.first{
border:0!important;
float:right!important;
xposition:absolute!important;
z-index:100!important;
left:100px;
margin:0px 0 10px 0!important;
}
.mainNav li.about ul li.first{
border:0!important;
float:right!important;
xposition:absolute!important;
z-index:100!important;
left:100px;
margin:0px 0 10px 0!important;
}
.mainNav li.portfol ul li.first{
border:0!important;
float:right!important;
xposition:absolute!important;
z-index:100!important;
left:100px;
margin:0px 0 10px 0!important;
}
*+html.mainNav li.uslug ul li.first{
border:0!important;
float:right!important;
xposition:absolute!important;
z-index:100!important;
left:900px;
margin:0px 0 10px 0!important;
}
.mainNav li ul li.first img{
border:0!important;
height:9px!important;
width:170px!important;
float:right!important;
display:block!important;
padding:0px 0 0 0!important;
margin:-10px 0 0px 0!important;
z-index:100!important;
}
.mainNav li ul li.last{
clear:both;
border:0!important;
padding:0!important;
margin:0!important;
position:relative!important;
background:none!important;
}
.mainNav li ul li.last img {
border:0;
margin:0 0 0 0!important;
padding:0px 0 0 0!important;
display:block!important;
height:9px;
width:170px;
}
.mainNav li ul li a{
display:block;
FONT: 11px Tahoma; COLOR: #b70606!important;
float:none;
height:auto;
text-indent:0;
text-align:left;
margin:0 15px 0 15px!important;
padding:0 0 8px 0!important;
background:none!important;
border-bottom:1px solid #c5c5c5;
color:#3284BB;
text-decoration:underline;
line-height:9px;
white-space:nowrap;
width:auto !important;
text-transform:none !important;
}
.mainNav li ul li.lilast a{ border-bottom:0!important;}
.mainNav li ul li.active{
background:#edeef0 !important;
text-decoration:none;
}
.mainNav li ul li a:hover{
xbackground:#edeef0 !important;
text-decoration:none;
}
*+html .mainNav li ul li.last{
border:0!important;
height:9px;
width:170px;
padding:0!important;
margin:-5px 0 0 0!important;
}
*+html .mainNav li ul li a {line-height:10px!important;}
/*
*+html .mainNav li ul li{
height:auto;
position:static;
float:none;
padding:0;
background:#fff;
border-left:1px solid #a6b2ca ;
xborder-right:1px solid #a6b2ca ;
xpadding:7px 0 0 0!important;
margin:0!important;
}
*/
/*REDAKT*/
.alli {xfloat:left;overflow:hidden; width:100%;}
#leftin { float:left; width:260px!important; margin:30px 0px 0px 0; text-align:left;}
.newsind { width:228px!important;}
#centerind { margin:30px 0px 0px 260px!important; xfloat:left!important;text-align:left;padding:0px 0 0 0!important;}
.blocks{position:relative!important;overflow:hidden!important;}
.us-index {float:left;width:446px;}
#rightind { float:left!important;padding:0 0 0 30px!important;margin:0 0 0 0px!important; width:224px!important; text-align:left;}
.us { margin-bottom:20px;}
.bgc1,.bgc2 { cursor:pointer;vertical-align:top; width:50%; padding:17px 0px 0px 15px; font: 20px Tahoma; color:#1f4b9a; border:1px solid #c7cde4; border-width:0px 0px 0px 0px;}
.bgc1 { border-width:0px 1px 0px 0px;background:url(/templates/artis/images/1.gif) no-repeat bottom right;}
.bgc2 { padding:17px 0px 0px 25px;background:url(/templates/artis/images/2.gif) no-repeat top right;}
.bgc1 span,
.bgc2 span { color:#b90913; font:20px Arial; font-weight:bold; line-height:1.0;}
.threeU { vertical-align:top; padding:19px 0px 19px 0px; border:1px solid #c7cde4; border-width:1px 0px 1px 0px;}
.threeU div#us1 { width:38%;}
.threeU div#us2 { width:36%;}
.threeU div#us3 { width:26%; text-align:right;}
#us1,#us2,#us3 { height:45px; float:left; border:0px solid #000000; cursor:pointer;}
#us1 div,
#us2 div,
#us3 div { padding:8px 0px 0px 60px; font:12px Arial; color:#970000; font-weight:bold;}
.text-index {xclear:both;}
.onlineHelp {background:url(/templates/artis/images/onbg.gif) no-repeat top left; width:224px; height:156px;}
.onlineDiv {padding:59px 0px 0px 12px;}
.onlineDiv img {float:left; margin:0px 10px 7px 0px;}
.onlineDiv div {font:12px Arial; color:#4a4a4a; margin:7px 0px 0px 0px;}
.onlineDiv div span {font:bold 12px Arial;}
.onlineSend {text-align:center; clear:both; padding:0px 0px 0px 0px;}
.portf_ban {overflow:hidden; width:177px; float:left; margin:0px 30px 30px 0px;}
.portf_ban span {font:12x Arial; color:#262626; line-height:20px; display:block;}