/*<![CDATA[*/

body          { margin:0; padding:0; font: 11px Tahoma; background: #fff url(../i/body_bg.gif) repeat-x;}
body.internal { background: #fff url(../i/bodyi_bg.gif) repeat-x}
*             { text-align: left }
tr, td        { font: 11px Tahoma; } 

/* lauout' styles */

#header, #headeri       { width:100%; height: 170px}
#header td, #headeri td { padding:0}

#hcontent    { width: 957px; height: 258px;  }
.internal #hcontent { height: 156px; }
#hconteiner  { width: 957px }

#htext   { height: 78px; width: 382px; float: left; background: url(../i/text_bg.gif) right no-repeat }
.internal #htext { height: 55px; width: 378px; background: url(../i/texti_bg.jpg) right no-repeat; }
#htext p { margin-left: 42px; margin-top: 25px !important; font: 9px Verdana; color: #d0daec; }
.internal #htext p { margin-left: 42px; margin-top: 10px !important; color: #e9eff8;  }

#hcontact   { float: left; text-align: right; width: 575px; height: 78px; padding-top: 6px; padding-right: 24px; background: url(../i/phone_bg.gif) }
#hcontact   { width/* */: 551px; height/* */: 68px; padding-top/* */: 10px; }
#hcontact a { font: 10px Tahoma; color: #fff; padding-left: 1px; }

.internal #hcontact { float: right; height: 156px; width: 579px; padding-top: 6px; padding-right: 24px; background: url(../i/buildingi.jpg); overflow: hidden }
.internal #hcontact { height/* */: 146px; width/* */: 555px; padding-top/* */: 10px;}

#hlogo     { float: left; width: 382px; height: 180px; background: url(../i/logo_bg.jpg) }
.internal #hlogo { background:  url(../i/logoi_bg.jpg) right }
#hlogo img { margin-top: 36px; margin-left: 91px; width: 184px; height: 94px }
.internal #hlogo { float: left; width: 378px; height: 101px; background:  url(../i/logoi_bg.jpg) right }
.internal #hlogo img { margin:0; margin-left: 85px; width: 198px; height: 83px }

#hbuilding { float: right; width: 575px; height: 180px }

#hstretch     { background: url(../i/hright_stretch_bg.gif) repeat-x; vertical-align: top }
#hstretch div { width: 100%; height: 258px; background: url(../i/hright_bg.jpg) no-repeat }
.internal #hstretch  { background: url(../i/hright_stretchi_bg.gif) repeat-x; vertical-align: top }
.internal #hstretch div { width: 100%; height: 156px; background: url(../i/hrighti_bg.jpg) no-repeat }


#page       { width: 100% ; background: url(../i/page_bg.gif) top repeat-x; text-align: center; margin-top: 272px; min-height: 200px}
#pconteiner { min-height: 200px; background: url(../i/page_bg.gif) top repeat-x; width: 962px; margin: auto; padding: 20px 20px 0 20px; width/* */: 922px; /* wrong-width - fixed a margin bag */} 
#ptop, #pcenter, #pbottom, #pfotter { width: 100%; float: left }

#pcenter { margin-top: 30px  } 
#pbottom { margin-top: 30px; }
#pfotter { margin-top: 30px; padding-bottom: 40px }

#ptop div.left,  #pcenter div.left,  #pbottom div.left,  #pfotter div.left  { float: left; width: 343px; }
#ptop div.right, #pcenter div.right, #pbottom div.right, #pfotter div.right { float: right; width: 555px; }

#ptop          { color: #666; }
#ptop .left ul, ul.arrow { list-style: none; margin:0; padding:0; font: 11px Arial;   }
#ptop .left li, ul.arrow li { float: left; margin:0; padding:0; width: 171px;}

#ptop .left li div, ul.arrow li div { float: left; background: url(../i/arrow_black.gif) 7px 10px no-repeat; padding: 5px 9px 5px 22px }
#ptop .left li div.current, ul.arrow li div.current { background-color: #ccd6e9;  }

#ptop ul.arrow li { width: 100%; }

.content ul.arrow { padding-left: 10px ; margin-bottom: 7px; }
.content ul.arrow li     { float: none; width: 100%; background: none; padding:0 !important; margin:0 !important}
.content ul.arrow li div { float: none; background: url(../i/arrow_black.gif) 0px 5px no-repeat; padding: 0 0 5px 14px}
.content p { text-align: justify }

#ptop .left h1 { margin-top: 0; margin-bottom: 10px; margin-left: 22px; }
#ptop .left h1 a { color: #666; text-decoration: none }
#ptop h1 a:hover { color: #000}

div.left_block, div.left_vacancy, div.left_news, div.left_resource { float: left; margin-top: 40px; }
div.left_block div { padding-left: 22px; }

div.left_block    { width: 287px; }
div.left_block h1 { margin-left:0; }
div.left_block h5, div.left_vacancy h5, div.left_resource h5 { font-size: 11px; display: block; margin:0; padding:0; margin-top: 5px}
div.left_block p { width: 263px; margin:0; margin-top: 6px; }

div.left_block_wide { width: 340px; margin-top: 30px}

div.left_vacancy,     div.left_resource     { padding-left: 0 !important; width: 343px !important; background: url(../i/candidats.jpg) 22px 42px no-repeat}
div.left_vacancy div, div.left_resource div { float: left; padding-left: 80px; width: 208px; padding-top: 10px }
div.left_vacancy h1,  div.left_resource h1  { margin: 0 !important; }
div.left_vacancy h5,  div.left_resource h5  { color: #000 }
div.left_vacancy p,   div.left_resource p   { text-align: left !important; margin:0; margin-top: 6px; margin-bottom: 14px !important }

div.left_resource { background-image: url(../i/resource.jpg) } 

div.left_news    { width: 343px !important; }                                            
div.left_news    { background: #fff }
div.left_news h1 { margin: 0 !important;  }
div.left_news h2 { margin-bottom: 5px;}
div.left_news h2 a { font-size: 12px; color: #ff9000; }
div.left_news div { float: left; padding-left: 22px; width: 266px; padding-top: 10px }
div.left_news a   { color: #666 }

#ptop .right       { color: #000 }

#ptop .right table.menu { width: 100% }
#ptop .right table.menu { background: url(../i/menu_bg.gif) bottom repeat-x;}
#ptop .right table.menu td a         { padding: 5px; padding-bottom: 10px; display: block; font: bold 9px Verdana; color: #666; text-align: center; text-decoration: none; border-bottom: 5px solid #5d5d5d }
#ptop .right table.menu td a:hover   { color: #000; border-bottom-color: #9AAED3 }
#ptop .right table.menu td a.current { color: #000; border-bottom-color: #9AAED3; background: none }
#ptop .right table.menu td.ws { padding:0; width: 7px }
  
#ptop .right p { text-align: justify; margin:0; margin-bottom: 10px } 
#ptop .right p.location { font-size: 10px; margin:0; margin-top: 9px !important; padding:0;padding-left: 16px}
#ptop .right p.location a { color: #666 }
#ptop .right p.location img { margin-left: 5px; margin-right: 5px}
#ptop .right h1 { margin-top: 21px; margin-bottom: 15px}

#ptop .right table.head { margin: 15px 0 15px 0; width:100%; height: 143px }
#ptop .right table.head th { padding:0; vertical-align: bottom; padding-left: 23px; padding-bottom: 20px; background: url(../i/head_bg.gif); width: 188px }
#ptop .right table.head td { padding:0; width: 367px; }
#ptop .right table.head h1 { margin:0; padding:0; margin-bottom: 5px }
#ptop .right table.head h3 { margin:0; padding:0; margin-bottom: 2px; font-size: 11px}
#ptop .right table img { display: block; }
  
#pcenter div.left div { float: left}

div.materials h1, div.stages h1 { margin:0; background: url(../i/hmaterials_bg.gif); width: 160px; height: 36px; padding:0; padding-top: 14px; padding-left: 22px; color: #666}
div.materials h1, div.stages h1 { width/* */: 138px; height/* */: 22px; } 

div.stages    { width: 182px; }
div.stages h1 { background: url(../i/hstages_bg.gif); width: 182px; width/* */: 160px; }

#pcenter div.left div    { float: left; width: 160px; }
#pcenter div.left div ul { list-style: none; float: none; border:0; margin:0; padding:0; }
#pcenter div.left div li { float: none; width: 100%; width:auto; background: none; margin:0; padding:0; padding-bottom: 5px; padding-left: 22px; }

#pcenter div.right { padding-top: 14px; color: #666 }
#pcenter div.right a img { margin-left: -3px /* ie 5.x bug */; margin/* */:0 }
#pcenter div.right h1 { padding:0; margin-bottom: 8px}
#pcenter div.right p  { margin:0; margin-top: 7px; }

#pcenter div.right div.left  { float: left; width: 290px; margin-rigth: 25px; }

#pcenter div.right div.right { float: left; width: 265px; padding-top: 0; }

#pcenter div.right div.left a { padding-top: 8px; }
#pcenter div.right div.left img.left { margin-top: -8px; }

#pcenter div.right div.right a { padding-top: 8px; }
#pcenter div.right div.right img.left { margin-top: -8px; }

#pcenter div.right div.right p.about, #pcenter div.right div.left p.about { margin-top: 8px !important }


#pcenter div.right div.left  h1 { color: #97acd0; margin-bottom: 16px }
#pcenter div.right div.right h1 { color: #ff9000; margin-bottom: 16px }
 
#pbottom h1, div.left_vacancy h1, div.left_news h1, div.left_resource h1 { color: #666; padding-bottom: 13px; padding-left: 22px; margin-bottom: 16px}

#pbottom div.left h1, div.left_vacancy h1, div.left_news h1, div.left_resource h1 { background: url(../i/hclients_bg.gif) bottom no-repeat}
#pbottom div.right h1 { padding:0; padding-bottom: 10px; border-bottom: 3px solid #e5e5e5; margin-bottom:0 }
#pbottom h1 a { color: #666; text-decoration: none}
#pbottom h1 a:hover { text-decoration: underline}
#pbottom div.left img { margin-left: 22px; margin-top: 3px; float: left}
#pbottom div.left div { float: left; padding-left: 12px; width: 260px; color: #000}
#pbottom div.left div h2, #pbottom div.right h2, div.news h2 { font: bold 11px Tahoma; margin: 0; padding:0; margin-bottom: 4px}
#pbottom div.right h2 { margin-top: 16px}
#pbottom div.left p, #pbottom div.right p { margin:0; padding-left: 1px; text-align: justify}

#pbottom div.right p.all_news { float: right; margin-top: -25px}
#pbottom div.right p.all_news a { font-size: 10px; }
#pbottom div.right p.all_news img { margin-left: 3px}
#pbottom div.right h2, div.news h2 { color: #ff9900}

#pbottom div.left span.details a { color: #000; }
#pbottom div.left span.details img { float: none; margin-left: 4px; padding-bottom: 1px}

#pbottom.internal div.left h1  { font-size: 12px; padding-bottom: 7px; margin-bottom: 8px; }
#pbottom.internal div.right h1 { font-size: 12px; padding-bottom: 4px; margin-bottom: 8px; border-bottom: 3px solid #a6a6a6; }

#pbottom div.left ul { margin:0; padding:0; list-style: none; margin-left: 23px; }
#pbottom div.left li { margin:0; padding:0; padding-bottom: 5px; }

#pbottom.internal div.right p { text-align: left; width: 200px; margin-top: 15px; margin-right: 10px; float: left}
#pbottom.internal div.right p.ext { text-align: left; float: none; padding:0; margin: 10px 0 0 0}

table.question { width: 340px }
table.ext      { margin-top: 15px; width: 530px }
table.ext th   { font-size: 10px}
table.ext th.question { float: left; width: 340px; margin-top: -2px }
table.ext th.question td { padding: 2px; font-size: 10px; color: #666; vertical-align: top }

table.question td div { float: left; }
table.question td div.conteiner { height: 110px; width: 90%; border: 1px solid #ccc; margin-top: 1px; padding: 5px }
table.question td div div       { cursor: pointer; }
table.question td div div.label { cursor: pointer; padding-top: 3px }


#pbottom.internal div.right .ext      { float: none; width: 100%; margin-top: -2px }

#pfotter div.left, #pfotter div.right { padding-top: 10px}

#pfotter div.left, #pfotter div.right { border-top: 2px solid #e5e5e5; }
#pfotter div.left { width: 321px; padding-left: 22px; font: 9px Tahoma; color: #7f7f7f}

#pfotter div.left img { float: left; padding-top: 6px;}
#pfotter div.left div { float: left; padding-left: 12px; width: 260px; line-height: 15px }
#pfotter div.left div p { margin-top: -4px; }
#pfotter div.left div a { color: #7f7f7f; text-decoration: underline }
#pfotter div.left div a:hover { color: #000 }

#pfotter p.copyright { font: 10px Tahoma; color: #000; margin:0; margin-bottom: 9px}

#pfotter div.right p { margin:0; margin-bottom: 10px}
#pfotter div.right a.current { font-weight: bold; background: transparent}
#pfotter div.right p.menu, #pfotter div.right p.menu a { color: #7f7f7f }

#pfotter div.right p.m2        { font: 9px Verdana; padding-top: 12px; padding-left: 68px}
#pfotter p.m2, #pfotter p.m2 a { color: #7f7f7f }
#pfotter a { text-decoration: none }
#pfotter a:hover { text-decoration: underline }

/* other styles */

a       { color: #000; text-decoration: underline }
a:hover { text-decoration: none }
a.gray  { color: #666; text-decoration: none }
a.gray:hover { text-decoration: underline }

img      { border: 0;}
img.left { float: left; padding:0 !important}

h1, h2, h3 { font: bold 14px Arial; }
h3         { margin-bottom: 4px; font-size: 12px; color: #626262; padding-bottom: 5px; border-bottom: 3px solid #e4e4e4 }
h3.btop    { border:0; padding-top: 8px; border-top: 1px solid #b2b2b2 }
h2.underline { padding-bottom: 7px; border-bottom: 3px solid #d3d2d2; margin-bottom: 7px}


br.clear { clear: both}

div.news    { float: left; text-align: right; width: 100%}

div.news div.body  { float: left; width: 375px; }
div.news div.pic   { float: left; width: 160px; padding-top: 15px; margin-left: 20px; margin-bottom: 10px }

div.news span.date { display: block; font-weight: bold; margin-bottom: 3px }
div.news div.pic p     { float: left; margin:0; padding-top: 5px;}
div.news div.pic a     { float: left; color: #000; text-decoration: underline }

img.plus  { width: 9px; height: 9px; padding-top: 4px; margin-left: 3px}

input.text, textarea.text { border: 1px solid #ccc; background: #fff; font: 11px Tahoma }
input.error, textarea.error { border-color: #ee5555; color: #000}

p.print     { height: 18px; padding-top: 2px}
p.print a   { display: block; float: left; }
p.print img { margin-left: 5px;  }
p.address   { line-height: 20px}

#content { border: 1px solid red; }

.content ul { list-style: none; margin-left: 0; padding-left: 20px; margin-top: 10px } 
.content li { background: url(../i/li_bullet.gif) 0 3px no-repeat; margin-top: 5px; padding-left: 19px } 
.content h2 { font: bold 15px Arial; } 
.content p  { margin-bottom: 10px !important; line-height: 14px; } 


div.two_blocks { margin-bottom: 20px; } 
div.two_blocks h2 { margin-bottom: 7px; } 
div.two_blocks { margin:0; padding:0; margin-top: 20px; margin-bottom: 5px} 
div.two_blocks div { float: left; width: 276px; margin-right: 1px; } 
div.two_blocks div h3 { margin:0; color: #666; font-size: 11px; border-top: 3px solid #e2e2e2; border-bottom: 1px solid #cecece; 
               padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px} 
div.two_blocks div p { width: 95%; text-align: left !important} 


ul.plus { margin: 5px 0 0 5px; padding:0; list-style: none; }
ul.plus li { background: url(../i/plus.gif) 0px 5px no-repeat; padding-left: 10px}
  
ul.sitemap { padding:0; margin: 0; margin-left: 7px; margin-top: 5px}
ul.sitemap ul.sitemap { margin-left: -13px; } 
ul.sitemap li { font-weight: bold; list-style: none; background: url(../i/page.png) 0px 4px no-repeat; margin-top: 0px; padding-top: 5px; padding-bottom: 2px;  padding-left: 23px; }
ul.sitemap li ul li { font-weight: normal}
ul.sitemap li.expand { background: url(../i/page+.png) 0px 4px no-repeat; margin-top: 4px; font-weight: bold}
ul.sitemap li.expand ul { list-style: none; margin-left: 0px; margin-top: 5px; padding: 0}

span.details     { display: block; margin:0; margin-top: 6px ; }
span.details a   { color: #666; }
span.black a     { color: #000; }
span.details img { margin-left: 4px; padding-bottom: 1px }

span.small a { font-size: 10px !important}

a.contacts    { margin-top: 5px; display: block; float: left; margin-right: 5px; }
span.contacts { padding-top: 9px }

div#related_pics { float: right; margin-left: 10px; margin-top: 37px;}
div#related_pics img { margin-bottom: 2px}
div#related_pics img.plus { padding:0; margin-bottom: -2px; }
div#text { float: left; }
div#text.pics { width: 375px}
div#text h2 { font: bold 11px Arial; margin: 0}
div#text p  { text-align: left !important; margin-bottom: 15px !important}

a.idea { float: none; display: block; height: 84px; margin-left: 23px; font-weight: bold; margin-top: 10px} 
a.idea.current { background: #ccd6e9; text-decoration: none }
a.idea:hover   { background: #ccd6e9; cursor: pointer}

a.idea img  { float: left; }
a.idea span { display: block; float: left; width: 107px; padding-top: 12px; margin-left: 15px; margin-right: 0px }

div.bgray { background: #e5e5e5}
div.bblue { float: left; background: #ccd6e9; padding: 4px 7px 4px 7px}

div#resource a.current { background: #ccd6e9; text-decoration: none; font-weight: bold }
div#resource a.arrow  { display: inline; padding:0; color: #666}
div#resource div { width: 100% }
div#resource div.bblue { margin-right: 10px}
div#resource div.pages a { display: block; float: left; padding: 4px 7px 4px 7px; }
div#resource div div { width: auto }
div#resource p { text-align: left !important}

h4 { font: bold 13px Arial; color: #8ea2c6; border-top: 3px solid #e2e2e2; border-bottom: 1px solid #cecece; padding-top: 6px; padding-bottom: 7px; margin-top: 20px; margin-bottom: 10px}

a.arrow { font: bold 10px Tahoma; background: url(../i/arrow.gif) 3px no-repeat; padding-left: 15px !important}
a.sub_orange { display: block; margin-bottom: 4px; color: #FF9000; font-weight: bold; text-decoration: none }
a.sub_orange:hover { text-decoration: underline }

p.bg { background: #eaeef6; padding: 15px }

.error   { color: #ee5555}
p.error  { border: 3px solid #ee5555; padding: 7px}
h1.error { margin-bottom: 5px !important}

p.succesful { border: 3px solid #9AAED3; padding: 7px}

object.products  { width: 555px; height: 180px; margin-bottom: 17px}

table.pdesc    { width: 100%; margin-top: 20px; margin-bottom: 20px}
table.pdesc th, table.pdesc td { border-top: 1px solid #e7e7e7; padding: 3px 10px 3px 0px; }
table.pdesc th.top, table.pdesc td.top { border: 0; padding: 3px 10px 3px 0px; }
table.pdesc th { width: 150px }

div.gallery { float: left; margin-right: 8px; width: 132px; padding-bottom: 15px;}
div p       { text-align: left; margin-top: 3px !important; margin-bottom: 3px !important; }
div a img   { vertical-align: -1px; margin-bottom: 0px; padding:0px }
p.gallery   { color: #7f7f7f; font: 10px Tahoma ; text-align: right !important; padding-bottom: 5px; margin-top: -29px !important; margin-bottom: 5px !important} 

div.faq  { padding-left: 20px;  }
div.fnc, div.fbg  { padding: 10px; margin-bottom: 20px }
div.fbg  { background: #eee;  }

div.nmr     { margin-right: 0 !important}

div.idea_sub { float: left; margin-right: 7px; width: 180px; padding-bottom: 30px  }
div.idea_sub span { margin-right: 5px }
div.idea_sub img { margin-bottom: 7px }
div.idea_sub a  { text-decoration: none }
div.idea_sub a:hover  { text-decoration: underline }

/*]]>*/