/* Basic Blocks
*******************************************************************************/
*{font-size: 100%}

* { margin: 0; padding: 0; }
html { height: 100%; }
body { background: #fff; font-family: 'Trebuchet MS',Tahoma,Arial,Verdana,Sans-Serif; color: #000; font-size: 11pt; line-height: 1.142857em; height: 100%; }

img { border: 0; }
*html img.png { behavior: url(/img/png.htc); }
table { border-collapse: collapse; border-spacing: 0; }
td { padding: 0; vertical-align: top; }

a, a:hover { text-decoration: underline; color: #01238f; }

.clear { clear: both !important; }
hr { display: none; }

#wrapper { min-width: 1024px; float: left; width: 100%; background: url(/img/bg-bottom.jpg) repeat-x 0 100%; }
*html #wrapper { width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 1034 ? "1024px" : "auto"); }

.column1 { float: left; width: 50%; }
.column2 { float: left; width: 21%; }
.column3 { float: right; width: 287px; }

.column12 { float: left; width: 100%; }
.column12 .column1 { float: left; width: 70%; }
.column12 .column2 { float: left; width: 25%; padding-left: 32px; }
.column12 .columntabs { float: left; width: 25%; padding-left: 32px; }
*html .column12 .columntabs { width: 23%; padding-left: 16px; }

/*** for 404 error ***/
#body404 { width: 100%; }
#body404 .column12 .column1 { width: 50%; }
#body404 .column12 .column404 { float: left; width: 48%; }

/* Header
*******************************************************************************/
#header { float: left; width: 100%; height: 144px; }

#header .column1 .logo { padding: 25px 0 30px 105px; }

#header .column2,
#header .column3 { padding-top: 61px; }
#header .column2 p { padding: 5px 0 6px 7px; }
#header .column2 p a { padding: 0 13px; }

.oval { float: left; height: 24px; }

.oval p { padding: 3px 0 0 16px; }
.oval a, .oval a:hover { color: #979797; font-size: 0.85em; position: relative; }
.oval-left div { float: left; padding: 5px 0 0 20px; position: relative; }

.oval-left { float: left; background: url(/img/left-oval.png) no-repeat 0 0; height: 24px; }
*html .oval-left { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/left-oval.png', sizingMethod="crop"); }
.oval-right { float: left; background: url(/img/right-oval.png) no-repeat 0 0; width: 18px; height: 24px; }
*html .oval-right { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/right-oval.png', sizingMethod="crop"); }

.oval-left-grey { float: left; background: url(/img/left-oval-grey.gif) no-repeat 0 0; height: 24px; }
.oval-right-grey { float: left; background: url(/img/right-oval-grey.gif) no-repeat 0 0; width: 18px; height: 24px; }

#header .column3 .rus,
#header .column3 .rus-active { padding: 0 5px 0 65px; }

#header .column3 .eng a,
#header .column3 .eng a:hover,
#header .column3 .rus a,
#header .column3 .rus a:hover { color: #fff; text-decoration: underline; }

#header .column3 .rus-active a,
#header .column3 .rus-active a:hover,
#header .column3 .eng-active a,
#header .column3 .eng-active a:hover { color: #979797; text-decoration: none; cursor: default; }

/* Slogan
*******************************************************************************/
#slogan { clear: both; float: left; width: 100%; }

.slogan-text { padding: 20px 20px 0 0; font-style: italic; }
.slogan-text-inner { padding: 20px 0 0 0; font-style: italic; }

/*** for 404 error ***/
.slogan-text p { padding: 0 40px 15px 0; line-height: 1.2em; }
.slogan-text ul { padding: 0 40px 15px 20px; line-height: 1.2em; }
.slogan-text ul li { padding-bottom: 5px; }

/*** Menu ***/
.menu { background: url(/img/bg-menu-body.jpg) repeat-y 0 0; border-left: 1px solid white; }
*html .menu { border-bottom: 1px solid white; }
.menu .menu-top { background: url(/img/bg-menu-top.jpg) no-repeat 0 0; }

/*** 1 level ***/
.menu ul { list-style: none; background: url(/img/bg-menu-bottom.jpg) no-repeat 0 100%; padding: 40px 10px 40px 35px; min-height: 215px; }
*html .menu ul { height: 215px; }
.menu ul li ul { min-height: 0; }
*html .menu ul li ul { height: 0; }
.menu ul li { background: url(/img/bullet-menu.png) no-repeat 0 0; font-size: 1.25em; line-height: 1.6em; padding: 0 0 5px 30px; color: #848484; }
*html .menu ul li { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bullet-menu.png', sizingMethod="crop"); }

.menu ul li.active { background: url(/img/bullet-menu-active.png) no-repeat 0 0; }
*html .menu ul li.active { height: 100%; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bullet-menu-active.png', sizingMethod="crop"); }

.menu ul li a,
.menu ul li a:hover { color: #01238f; }

/*** 2 level ***/
.menu ul li ul { background: none; padding: 5px 0; /*padding: 10px 0 10px 0; */font-size: 0.6em; }
.menu ul li ul li { background: url(/img/bullet-level2-menu.png) no-repeat 0 0; line-height: 1em; padding-left: 25px; }
*html .menu ul li ul li { height: 100%; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bullet-level2-menu.png', sizingMethod="crop"); }

/*** 3 level ***/
.menu ul li ul li ul { padding: 5px 0 0 0; font-size: 0.7em; /*padding: 10px 0 10px 0; border: 1px solid red; */}
.menu ul li ul li ul li { clear: both; background: none; padding: 4px 10px;/*padding: 4px 0 4px 20px;*/ line-height: 1.1em; height: auto; }
.menu ul li ul li ul li.active { background: none; padding: 0 0 0 0/*10px*/; margin-bottom: -1px; }

.menu ul li ul li ul li.active span { display: block; padding: 0 4px; }
.bl {background: url(/img/corner/bl.gif) 0 100% no-repeat; }
.br {background: url(/img/corner/br.gif) 100% 100% no-repeat}
.tl {background: url(/img/corner/tl.gif) 0 0 no-repeat}
.tr {background: url(/img/corner/tr.gif) 100% 0 no-repeat; padding: 4px 5px 2px 6px; }
.t {background: #fff url(/img/corner/dot.gif) 0 0 repeat-x; }
.b {background: url(/img/corner/dot.gif) 0 100% repeat-x; }
.l {background: url(/img/corner/dot.gif) 0 0 repeat-y; }
.r {background: url(/img/corner/dot.gif) 100% 0 repeat-y; }


/* Content
*******************************************************************************/
#body,
#mainbody { clear: both; float: left; width: 100%; padding-top: 20px; }



#body { width: 67%; padding-top: 0; padding-right: 40px; }

#mainbody .column1 .paddingcolumn { margin-right: 40px; }

#body .column12 .block-top,
#mainbody .column1 .block-top { width: 100%; border-top: 1px solid #cfcfcf; height: 40px; position: relative; }
#body .column12 .block-top .corner,
#mainbody .column1 .block-top .corner { position: absolute; top: -1px; right: 0; background: url(/img/corner-tr.gif) no-repeat 0 0; height: 40px; width: 40px; border-top: 1px solid white; }

#body .column12 .block-bottom,
#mainbody .column1 .block-bottom { clear: both; border-bottom: 1px solid #cfcfcf; height: 40px; position: relative; background: #fff; width: 100%; margin-left: -40px; }
#body .column12 .block-bottom .corner,
#mainbody .column1 .block-bottom .corner { position: absolute; right: -40px; background: url(/img/corner-br.png) no-repeat 0 0; height: 40px; width: 40px; }


*html #body .column12 .block-bottom .corner,
*html #mainbody .column1 .block-bottom .corner { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/corner-br.png', sizingMethod="crop"); }

/*** Block Vistavki ***/
.vistavki { float: left; width: 100%; border-right: 1px solid #cfcfcf; }

.vistavki .title { padding: 0 0 20px 155px; }
.vistavki dl { clear: both; float: left; width: 90%; padding: 25px 0px 0 0; }
.vistavki dt { float: left; background: url(/img/bg-date.jpg) no-repeat 0 0; height: 60px; width: 135px; padding: 20px 0 0 10px; font-size: 2em; }

.vistavki dt .date { float: left; width: 40px; //padding-top: 2px; }
.vistavki dt .date small { display: block; padding-top: 5px; font-size: 0.4em; }
.vistavki dt .delim { float: left; width: 30px; text-align: center; }

.vistavki dd { margin-left: 155px; }
.vistavki dd.place { /*font-size: 0.9em; padding-top: 10px;*/ padding: 10px 0; }
#body .column12 .vistavki dd p { padding: 0; }

/*** Block News ***/
#mainbody .column2 .title { padding: 41px 0 20px 0; }
#mainbody .column2 .news { color: #999; padding: 0 0 25px 0; }
#mainbody .column2 .news dt.image { margin: 15px 0 0 0; width: 100%; background-repeat: no-repeat; background-position: 0 0; height: 73px; }
*html #mainbody .column2 .news dt.image img { margin-bottom: -5px; }
#mainbody .column2 .news dd { padding: 15px 20px 0 0; }

/*** Block Contacts ***/
.contacts { padding: 50px 0 0 0; }
.maincontacts { padding: 27px 0 0 0; }
.contacts p { padding: 3px 15px 0 67px; line-height: 1.2em; color: #989898; font-size: 0.85em; }
.contacts p.phone { padding: 0 0 15px 12px; }
.contacts p.phone b { font-size: 2.8em; color: #01238f; }

.contacts .map { margin: 20px 0 0 67px; font-size: 1.2em; }
*html .contacts .map { margin-left: 34px; }
.contacts .map p { padding: 3px 0 0 16px; }
.contacts .map a,
.contacts .map a:hover { color: #989898; }

/*** Content text ***/
#body .content { padding-top: 20px; }
#body .column12 .text { float: left; width: 100%; border-right: 1px solid #cfcfcf; background-color: #fff; }
#body .column12 .text h1 { color: #01238f; font-size: 1.8em; font-weight: normal; padding: 0 0 20px 30px; line-height: 1em; }
#body .column12 .columntabs h1 { padding: 0 20px 20px 0; }
#body .column12 .text .column2 h1 { padding-left: 0; }

#body .column12 .text h3 { color: #01238f; font-size: 1.4em; padding: 0 0 20px 30px; line-height: 1em; }
#body .column12 .text h4 { color: #01238f; font-weight: normal; font-size: 1.2em; padding: 0 0 20px 30px; line-height: 1em; }
#body .column12 .text h4.second { padding-top: 40px; }
#body .column12 .text h5 { color: #01238f; font-weight: normal; font-size: 1em; padding: 0 0 20px 30px; line-height: 1em; }

#body .column12 .text p { padding: 0 40px 15px 30px; line-height: 1.2em; }

#body .column12 .text .columntable table { margin: 0 40px 15px 30px; line-height: 1.2em; width: 90%; }
#body .column12 .text .columntable table td { padding: 5px 10px 5px 5px; border-bottom: 1px solid #CFCFCF; }
#body .column12 .text .columntable table p { padding: 0; }

#body .column12 .text .column2 p { color: #000; padding: 0 40px 5px 0; }
#body .column12 .text ul,
#body .column12 .text ol { padding: 0 40px 15px 70px; line-height: 1.2em; }
#body .column12 .text ul ul,
#body .column12 .text ul ol,
#body .column12 .text ol ul,
#body .column12 .text ol ol { padding: 0 0 0 20px; line-height: 1.2em; }
#body .column12 .text .column2 ul,
#body .column12 .text .columntabs ul,
#body .column12 .text .column2 ol { list-style: none; padding: 0 40px 30px 0; }
#body .column12 .text .column2 ul li,
#body .column12 .text .column2 ol li { font-style: italic; padding-bottom: 5px; }
#body .column12 .text .columntabs ul li { padding-bottom: 5px; }

#body .column12 .text .column2 a,
#body .column12 .text .column2 a:hover,
#body .column12 .text .columntabs a,
#body .column12 .text .columntabs a:hover { color: #01238f; }

#body .column12 .text .columntabs ul li a.selected,
#body .column12 .text .columntabs ul li a.selected:hover { color: #707070; cursor: default; text-decoration: none; }

#body .column12 .text .columntabs ul li { font-size: 0.9em; }

/*** Biography ***/
#body .bio {  }
#body .bio dl { clear: both; float: left; width: 90%; padding: 0 40px 30px 30px; }
#body .bio dl dt { float: left; width: 194px; height: 179px; background-position: 0 0; background-repeat: no-repeat; }
#body .bio dl dt span { float: left; width: 194px; height: 179px; background: url(/img/bio-frame.png) no-repeat 0 0; }
*html #body .bio dl dt span { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bio-frame.png', sizingMethod="crop"); }
#body .bio dl dd { margin-left: 220px; }
#body .bio dl dd h2,
#body .bio dl dd em { color: #000; }
#body .column12 .bio dl dd h2 { padding-top: 10px; font-weight: normal; }
#body .column12 .bio dl dd em { padding-bottom: 20px; display: block; }
#body .column12 .bio dl dd p { padding-left: 0; }

/*** Vacancy ***/
#body .column12 .vacancy {  }
#body .column12 .vacancy dl,
#body .column12 .vacancy-one dl { padding: 0 40px 10px 30px; }
#body .column12 .vacancy dl dt,
#body .column12 .vacancy-one dl dt { font-style: italic; padding: 0 0 5px 0; }
#body .column12 .vacancy dl dd p { padding-left: 0; }

#body .column12 .vacancy-one dl dt { font-style: normal; font-weight: bold; color: #000; }
#body .column12 .vacancy-one dl dd p { font-size: 0.9em; }

#body .column12 .vacancy-one .oval { margin: 20px 0 0 30px; }
*html #body .column12 .vacancy-one .oval { margin-left: 15px; }
#body .column12 .vacancy-one .oval p { padding: 3px 0 0 16px; }

/*** Offer & need ***/
#body .column12 .offerneed dl { padding: 0 40px 15px 30px; }
#body .column12 .offerneed dl dt.price { font-weight: bold; font-size: 1.1em; color: #01238f; }
#body .column12 .offerneed dl dt.title { font-weight: bold; font-size: 1.1em; }
#body .column12 .offerneed dl dt { font-style: normal; font-size: 1em; padding: 0 0 5px 0; }

/*** News ***/
#body .column12 .news {  }
#body .column12 .news dl { padding: 0 40px 30px 30px; }
#body .column12 .news dl dt { padding: 0 0 10px 0; font-size: 0.9em; }
#body .column12 .news dl dd,
#body .column12 .news dl dd p { padding-left: 0; }

#body .column12 .news .oval { margin: 20px 0 0 30px; }
*html #body .column12 .news .oval { margin-left: 15px; }
#body .column12 .news .oval p { padding: 4px 0 0 16px; color: #979797; font-size: 0.85em; }
#body .column12 .news .oval p a { font-size: 1em; }
/*
#body .column12 .news .oval span { background-position: 0 50%; background-repeat: no-repeat; float: left; width: 16px; }
#body .column12 .news .oval span.larr { background-image: url(/img/larr-black.gif); margin: 0 2px 0 0; }
#body .column12 .news .oval span.rarr { background-image: url(/img/rarr-black.gif); margin: -14px 0 0 3px; }
#body .column12 .news .oval span.larr span, #body .column12 .news .oval span.rarr span { display: none; }
*/
#body .archnews { font-style: italic; }
#body .archnews div { padding-bottom: 10px; }
#body .archnews .active { font-style: normal; font-weight: bold; }

/*** Clients ***/
#body .column12 .worldmap { float: left; margin: 0 0 15px 30px; position: relative; }
*html #body .column12 .worldmap { margin-left: 15px; }
#body .column12 .worldmap img.sasta { position: absolute; }
#body .column12 .clientsrus { width: 93%; margin: 0 0 0 30px; }
#body .column12 .clientsrus td { width: 31%; }
#body .column12 .clientsrus td p { padding: 0; line-height: 1.5em; }

/*** Products ***/
#body .column12 .productsline { padding: 0 0 20px 30px; }
#body .column12 .productsline span { display: block; padding-bottom: 5px; }
#body .column12 .productsline select { width: 95%; }
/*
#body .column12 .productsline ul { list-style: none; padding: 0 0 20px 30px; font-size: 0.9em; }
#body .column12 .productsline ul li { display: inline; color: #000; padding-right: 20px; }
#body .column12 .productsline ul li a,
#body .column12 .productsline ul li a:hover { color: #01238f; }
*/
#body .column12 .producttitle { width: 95%; height: 56px; background: #e0e0e0 url(/img/plashkaend.png) no-repeat 100% 0; }
#body .column12 .producttitle table { height: 56px; width: auto; margin: 0 0 0 30px; }
#body .column12 .producttitle table td { vertical-align: middle; padding: 0; border-bottom: none; }
#body .column12 .producttitle table td h1 { padding: 0; line-height: 1em; }

#body .column12 .photos { float: left; padding: 0 40px 15px 30px; }
#body .column12 .columntabs .photos { padding: 0 0 15px 0px; }
#body .column12 .photos p { float: left; margin: 0 10px 10px 0; width: 101px; height: 81px; overflow: hidden; padding: 0; }
#body .column12 .photos p span { display: block; overflow: hidden; width: 101px; height: 81px; background: url(/img/photo-frame.gif) no-repeat 0 0; }
#body .column12 .photos p span a { width: 81px; height: 46px; display: block; margin: 11px 0 0 10px; }

/*** Products 2 column ***/
#body .column12 .column2 .photos { float: left; padding: 0 0 5px 0; }
#body .column12 .column2 .photos p { margin: 0; width: 70px; }

/*** Gallery ***/
#body .column12 .gallery .photos p { margin: 0 20px 0 0; height: 150px; font-size: 0.85em; }
#body .column12 .gallery .photos p em { font-style: normal; padding: 0 5px; display: block; }
#body .column12 .gallery .pages .oval { margin-top: 0; }

/*** Pages ***/
#body .column12 .pages .oval { margin: 20px 0 0 30px; }
*html #body .column12 .pages .oval { margin-left: 15px; }
#body .column12 .pages .oval p { padding: 5px 0 0 16px; font-size: 0.8em; }
#body .column12 .pages .oval a,
#body .column12 .pages .oval a:hover { font-size: 1em; }

/*** Sitemap ***/
#body .column12 .sitemap { padding: 0 0 0 30px; }
#body .column12 .sitemap h1 { padding: 10px 0 5px 0; font-size: 1.4em; font-weight: bold; line-height: 1.2em; }
#body .column12 .sitemap h2 { padding: 5px 0 5px 20px; font-weight: normal; font-size: 1.2em; line-height: 1.2em; }
#body .column12 .sitemap h3 { padding: 5px 0 5px 40px; font-weight: normal; font-size: 1em; line-height: 1.2em; }

/* Footer
*******************************************************************************/
#footer { clear: both; float: left; width: 100%; color: #979797; padding: 65px 0; }
#footer p { font-size: 0.8em; line-height: 1.3em; }
#footer p.links { padding-bottom: 20px; }
#footer p a, #footer p a:hover { color: #979797; }