body, a, table, p, ul, li, ol, pre, div, caption { margin:0}
h1, h2, h3, h4, h5, h6 { margin:0}
form, input, button, textarea { margin:0}

body, a, img, p, ul, li, ol, pre, div, caption { padding:0}
h1, h2, h3, h4, h5, h6 { padding:0}
form, input, button, textarea { padding:0}

body { font-family:Arial, Helvetica, sans-serif; font-size:1em; background-color:#FFFFFF; color:#000000;}
td { font-size:inherit;}
a { color:#0190C9}
a img { border:none}
a:hover { text-decoration:none}

.h { visibility:hidden}

/* растяжка на весь экран в высоту */
html { height: 100%;}
body { min-height:100%; height: 100%;}
div.page { margin: auto; height: auto !important; min-height:100%; height: 100%; width:1000px}
div.page div.footer_guarantor { height: 140px;}
div.footer { margin-top: -122px; height: 122px; background-color:#000000}
div.footer table { margin: auto;}
/* /растяжка на весь экран в высоту */

.section p {  margin-bottom: 1.3em;}
.section ul { margin:5px 0px 1.6em 33px}
.section ol { margin:5px 0px 1.6em 33px}
.section li { margin-bottom:3px}

.section h1 { font-size: 2.25em; line-height: 80%; font-weight: normal; margin-bottom:0.7em; position:relative; left:-2px}
.section h2 { font-size: 1.3em; margin-bottom: 0.4em; margin-top:2.1em; font-weight: bold;}
.section h3 { font-size: 1em; margin-top: 2.7em; margin-bottom:0.4em}
.section h2 a, .section h3 a { color:black}

.section h4 { margin-top:10px; margin-bottom:7px}
.section h5 { margin-top:10px; margin-bottom:6px}

.section hr { height:1px; width:75%; text-align:center; margin-top:1em; margin-bottom:1em}

.section table { margin-bottom:1.3em;}
.section caption { padding-bottom:7px; font-weight:bold; font-size:1em; text-align:left; border-bottom: 2px solid #C4C4C4;}
.section th { text-align: left; border-bottom: 3px solid #C4C4C4; padding-bottom: 3px;}
.section td { border-top: 1px solid #C4C4C4; padding: 1px 10px 1px 13px;}
.section tr.first td { padding-top:3px}

#content { padding:170px 85px 10px 85px; font-size: .75em; line-height: 136%;}

.footer { color: #FFF; font-size: .7em;}
.footer a { color: #FFF;}
.footer td { vertical-align:top}
.footer div.ownerInfo { margin:27px 0 0 85px;}
.footer div.ownerInfo p { margin-bottom:0.6em; line-height:1.4em}
.footer div.phone { font-size:1.35em; margin-top:47px}
.footer div.phone span { font-weight:bold; margin-left:4px}
.footer div.revold { margin-top:29px}

.logo { margin-top:86px}
.logoText { position:relative; left:-151px; top:-30px; width:145px; height:27px}
.logoText h1 {font-family: Arial, Helvetica, sans-serif; font-size:12px;}
.logoText a {color:#000000; text-decoration: none;}

.mainMenu { font-size: .75em; padding-top:29px; width:217px; margin-bottom:20px}
.mainMenu a { color:#000000}
.mainMenu a:hover { color:#09AD00}
.mainMenu div.item {  margin-bottom:0.2em; padding:4px 0px}
.mainMenu div.current { position:relative; left:-10px}
.mainMenu div.current table { border-collapse:collapse}
.mainMenu div.current td { padding:4px 12px 4px 10px; background-color:#E5E5E5; font-weight:bold}
.mainMenu div.current td a { text-decoration:none}
.mainMenu ul.submenu { list-style:none; font-size:0.9em; line-height:1.3em; margin:0.7em 0px 2.9em 19px}
.mainMenu ul.submenu li { margin-bottom:1em}
.mainMenu ul.submenu strong a { text-decoration:none}

#navi { position:relative; left:-3px; margin-bottom:50px}

.stepsToOrder { width:228px; margin-bottom:20px}
.stepsToOrder h4 { font-size:1em; line-height:1.6em}
.stepsToOrder div.wah { position:relative; top:1px; padding-left:49px; padding-top:1px}
.stepsToOrder div.box { font-size:0.75em; border:1px solid #000; padding:14px 12px 5px 19px}
.stepsToOrder div.box p { margin-bottom:1.3em}
.stepsToOrder div.box p span { font-size:1.4em; font-weight:bold}

#orderAdvertLink { height:52px; padding-left:2px; width:200px; margin-bottom:30px; cursor:pointer}
#orderAdvertLink p { margin-left:62px; margin-top:3px}
#orderAdvertLink span { border-bottom:1px dashed #000; font-size:1.25em; color:#000000}

#orderAdvertLink p a { font-size:1.25em; color:#000000; text-decoration:none; position:relative}
#orderAdvertLink p a { background:url(/images/directiv/dash.gif) left 22px repeat-x}
* html #orderAdvertLink p a { background:none; border-bottom:1px dashed #000;}
*+html #orderAdvertLink p a { background:none; border-bottom:1px dashed #000;}

#orderAdvertLink p a:hover { background:none; border:none !important}
* html #orderAdvertLink p a:hover { border:none}
*+html #orderAdvertLink p a:hover { border:none}

#usefulBlock { width:180px; padding-top:26px; margin-bottom:30px}
#usefulBlock div.icon { margin-bottom:1.05em; position:relative; left:-2px}
#usefulBlock h4 { font-size:1.25em; font-weight:normal; margin-bottom:0.7em;}
#usefulBlock p { font-size: .75em; margin-bottom:1.3em; line-height:1.3em}

.specialOffer { width:228px}
.specialOffer img { display:block}
.specialOffer p { position:relative; top:-32px; font-size:0.75em}

.contacts_map { float:left; width:210px; height:200px; background:url('/images/directiv/quote.gif') left top no-repeat;}
.contacts_map div.image { padding:11px }
.contacts_map div.zoom a { margin-left:106px;}
.contacts_map div.zoom a { color:#000000; background:url('/images/directiv/icon_zoom.gif') left 5px no-repeat; padding-left:18px; display:block; width:75px; height:15px; overflow:visible; font-style:italic; font-size:0.9em }

/* для главной страницы */

.mainpage div.page { background:url(/images/directiv/apple.jpg) 61px 42px no-repeat}

#mainpageContent { padding:42px 0px 10px 61px;}

.mainpage #text { width:395px; padding-left:21px; margin-bottom:52px; font-size: .75em; line-height: 136%;}
.mainpage #text img { margin-left: 8px;}

.mainpage #specialOffers { padding-left:21px}
.mainpage #specialOffers td { vertical-align:top;}

.mainpage #spots { position:relative; height:451px;}

#spot0 { position:absolute; left:2px; top:407px; visibility:hidden; z-index:15000;
                 width:11px; height:12px; background:url(/images/directiv/spot1.gif) left top no-repeat}
#spot1 { position:absolute; left:490px; top:254px; visibility:hidden; z-index:15001;
                 width:11px; height:12px; background:url(/images/directiv/spot2.gif) left top no-repeat}
#spot2 { position:absolute; left:56px; top:118px; visibility:hidden; z-index:15002;
                 width:11px; height:12px; background:url(/images/directiv/spot3.gif) left top no-repeat}
#spot3 { position:absolute; left:468px; top:0px; visibility:hidden; z-index:15003;
                 width:11px; height:12px; background:url(/images/directiv/spot4.gif) left top no-repeat}

#partners { line-height:1.3em; font-size: 0.75em; height:32px; margin-left:21px; border-collapse:collapse; margin-top:5px; margin-bottom:12px}
#partners th { padding:0; text-align:left; font-weight:normal; font-family:Tahoma, Arial, Helvetica, sans-serif;}
#partners td { vertical-align: top; padding:0}

.dotBlocks { position:relative}
.dotBlocks #usefulBlock  { padding-top:76px; padding-bottom:20px}

.dotBlocks #dbOrder { height:120px; width:130px; position:absolute; left:-140px; top:10px}
.dotBlocks #dbOrder p { font-size:1.25em; color:#000000; margin-bottom:18px; padding-left:3px; line-height:24px; position:relative; z-index:1}
.dotBlocks #dbOrder p a { color:#000000; text-decoration:none; position:relative}

.dotBlocks #dbOrder p a { background:url(/images/directiv/dash.gif) left 22px repeat-x}
* html .dotBlocks #dbOrder p a { background:none; border-bottom:1px dashed #000;}
*+html .dotBlocks #dbOrder p a { background:none; border-bottom:1px dashed #000;}

.dotBlocks #dbOrder p a:hover { background:none;}
* html .dotBlocks #dbOrder p a:hover { border:none}
*+html .dotBlocks #dbOrder p a:hover { border:none}

.dotBlocks #dbOrder p span { border-bottom:1px dashed #000; cursor:pointer}
.dotBlocks #dbOrder img { cursor:pointer}

.dotBlocks #dbJob { height:100px; width:130px; position:absolute; left:137px; top:34px}
.dotBlocks #dbJob p { font-size:1.25em; color:#000000; padding-left:2px; line-height:24px; height:42px}
.dotBlocks #dbJob p a { color:#000000; text-decoration:underline; position:relative}
.dotBlocks #dbJob p a:hover { text-decoration:none}

#webOffer { width:175px; padding-top:10px; background:url(/images/directiv/line.gif) left top no-repeat; font-size:0.75em; line-height: 136%;}

/* Блок, относящийся к странице клиенты и проекты */
.projecttable { border:none; position:relative; border-right:1px solid black; width:400px; margin-bottom:2.5em}
.projecttable table { margin:0 !important}
.projecttable table td { border:none; padding:0px;}
.projecttable table td.areaname { background-color:#a8a8a8; color:white; font-size:11px; padding:2px 3px 3px 5px; line-height:15px}
.projecttable div.bar { background-color:#000; height:6px; overflow:hidden; float:left; position:relative; top:6px;}
.projecttable div.value { height:18px; float:left; font-weight:bold; margin-left:2px; line-height:16px; margin-right:5px}
.projecttable b.ugol1 { position:absolute; top:0px; right:-1px;}
.projecttable b.ugol2 { position:absolute; bottom:0px; right:-1px;}
.projecttable b.ugolcenter { position:absolute;}
.projecttable b.prcount { position:absolute; font-size:54px; height:60px; line-height:60px}
.projecttable b.success { position:absolute; width:140px; height:44px; background:url(/images/directiv/success.gif) bottom left no-repeat;}


acronym { border-bottom:1px dashed #000; cursor:help}
span.acronym { border-bottom:1px dashed #000; cursor:help}

/***** о компании *****/

.previewLine { position:relative;}
.previewLine div.icons { position:relative; z-index:1000; padding-top:5px; padding-bottom:5px}
.previewLine div.icons div { cursor:pointer; width:59px}
.previewLine div.frameBlock { position:absolute; z-index:990; width:519px; left:-5px; top:0px; height:69px; overflow:hidden}
.previewLine div.frameBlock div#frame { position:absolute; left:-100px; top:0px; width:67px; height:67px; border:1px solid #C2C2C2; }

.personText { height:498px; padding-left:314px; position:relative; z-index:950; overflow:hidden}
.personText p { margin-bottom:10px}
.personText p.gray { margin-top:19px; margin-bottom:0; line-height:18px; color:#969696}
.personText div { width:195px; height:400px; position: absolute; top:-500px}
/*.personText div#text1 { top:98px}*/

.personText div.personTextGradient { height:30px; position:relative; z-index:5000; top:0px}

.personFoto { position:relative; z-index:900; height:0px; width:500px}
.personFoto div { position:absolute; top:0px; left:-79px; z-index:925;}

* html img.png { behavior:url(/css/pngbehavior.htc); }

/* блог */

.pagelist { font-size:1em; padding-top:10px}
.pagelist a { color:#000000}
.pagelist a.next { color:#0190C9; font-size:1.3em}
.pagelist span { color:#969696; background-color:#D7D7D7; padding:0px 4px; border-bottom:1px solid #D7D7D7; border-top:1px solid #D7D7D7}

.calendar { margin-top:-23px; margin-bottom:50px}
.calendar div.yearSelect { font-size: 1em; margin-bottom:0.8em; position:relative; left:-12px}

.calendar div.yearSelect a.nav { position:relative; top:-1px}
.calendar div.yearSelect a.nav img { padding:0px 2px}
.calendar div.yearSelect a.year { color:#000000; text-decoration:none; cursor:pointer}

.calendar div.item { font-size: .75em; font-weight:bold; margin-bottom:0.5em}
.calendar div.item a { font-weight:normal}
.calendar div.item a:hover { color:#000000; text-decoration:underline}

.months-show-on div.item { display:block}
.months-show-off div.item { display:none}

.tagLine { font-size:10px; width:222px; line-height:30px}
.tagLine a { color:#000000; text-decoration:none}
.tagLine a:hover { text-decoration:underline}

.blogPage { padding-top:29px}
.blogPage h1 { font-size: 2.25em; line-height: 80%; font-weight: normal; margin-bottom:0.9em; position:relative; left:-2px}

.blogPage div.avatar { position:relative; height:0px;}
.blogPage div.avatar div { position:absolute; height:59px; width:59px; top:7px; left:0px}

.blogPage div.item { padding-left:72px; border-bottom:1px dashed #000; padding-bottom:19px; margin-bottom:13px}
.blogPage div.item div.info { color:#969696; margin-bottom:.4em}
.blogPage div.item div.info a { color:#969696}
.blogPage div.item div.info span { padding:0px 9px}
.blogPage div.item div.title { font-size:1.3em; font-weight:bold; margin-bottom:.3em}
.blogPage div.item div.notice { margin-bottom:.9em}
.blogPage div.item div.podkat { margin-bottom:.9em; display:none}
.blogPage div.item div.tags { font-size: .8em; color:#969696}
.blogPage div.item div.tags a { color:#969696}
.blogPage div.item div.comments { font-size: .8em; color:#0190C9}
.blogPage div.item div.comments a.post { color:#09AD00}

.blogArticle { padding-top:29px; margin-bottom:26px}
.blogArticle div.path { font-size:1.3em; margin-bottom:1.6em}
.blogArticle div.path a { color:#000000}
.blogArticle div.info { color:#969696; margin-bottom:.4em}
.blogArticle div.info a { color:#969696;}
.blogArticle div.info span { padding:0px 9px}
.blogArticle div.tags { font-size: .8em; color:#969696}
.blogArticle div.tags a { color:#969696}
.blogArticle div.section h2 { font-size:1.2em; margin-bottom: 0.2em; margin-top:1.1em; font-weight:normal; color:#969696}

.blogComments { border-top:1px dashed #000; padding-top:35px; margin-bottom:45px}
.blogComments div.blockTitle { font-size: 2.25em; line-height: 80%; font-weight: normal; padding-bottom:0.2em; position:relative; left:-2px}

.blogComments div.item { margin-top:28px}
.blogComments div.item div.item { padding-left:20px}

.blogComments div.info { font-size:.9em; color:#969696; margin-bottom:.3em}
.blogComments div.info strong a { color:#969696}
.blogComments div.info span.date { padding:0px 17px 0px 19px}

.addComment { margin-top:35px;}
.addComment div.title { font-size:1.2em; margin-bottom: 0.5em; font-weight:normal; color:#969696}
.addComment textarea { width:99%; border:1px solid #969696; background-color:#FFFFFF; color:#000000; font-size:1em; font-family:Arial, Helvetica, sans-serif; padding:1px; overflow:auto}
.addComment button { border:none; background-color:#09AD00; color:#FFFFFF; font-size:1.2em; font-family:Arial, Helvetica, sans-serif; width:136px; height:30px; padding:3px 0px; margin-top:10px}