/* Элементы HTML */
body { margin:18px 0 31px 0;padding:0; font-family: Arial, Tahoma, sans-serif; width:100%;font-size: 12px; }
img{border:0;}
p{margin:10px 0}
a{color:#636266}
a:hover{ text-decoration:none }
.clear{ clear:both; height:25px }
div { text-align:left }
div.container{ width: 953px; text-align:center; margin-left:auto; margin-right:auto }
p{ margin:0;}
p.links{ clear:both; padding-left:128px; }

/* Шапка */
.top{ background: url(i/top_bg.png) no-repeat ;  height:53px; padding:5px 0 9px 37px; overflow:hidden; margin-bottom:17px }
/* Горизонтальные меню */
.hor_menu { position:relative; top:-32px; left:229px }
ul.hor{ margin:0; padding:0;  }
ul.hor li{display:inline;   }
ul.hor li a{  padding:5px 12px; margin-right:8px; color: #fff; text-decoration:none }
ul.hor li a:hover, ul.hor li a.active{ background: #474549; }

/* Контент - Главная */
.welcome{ margin-left:auto; margin-right:auto;  height:85px; background: #89a5c3 url(i/welcome_up.jpg) no-repeat top; color:#fff; margin-bottom:22px   }
.welcome div { width:919px; height:61px; padding:12px 17px; background:  url(i/welcome_down.jpg) no-repeat bottom;   }
.welcome div p { margin:0; line-height:21px }
.welcome#mainpage {width:690px; float:left; height:125px; background: #89a5c3 url(i/welcome_up_main.jpg) no-repeat top; } 
.welcome#mainpage div {width:668px; height:101px;   background:  url(i/welcome_down_main.jpg) no-repeat bottom; padding:12px 5px 12px 17px;} 

.right_banner_main {float:left; padding-left:6px;}
* html .right_banner_main {padding-top:2px}


h1 { font-size: 26px; color: #89A5C4; margin:0 0 10px 0; text-align:left }
h1 a, h2 a{ color: #89A5C4; text-decoration:none }
h1 a:hover, h2 a:hover{ color: #89A5C4; text-decoration:underline }
h2{ color: #89A5C4; font-size: 12px; font-weight: bold; margin:0 }

table.main_content { width:953px; margin-left:auto; margin-right:auto; color:#636266; clear:both }
table.main_content tr td{ text-align:left;   line-height: 18px;}
table.main_content tr td.halfblock{width:467px; background: #DEE1DF  url(i/halfblock_down.png) no-repeat left bottom; vertical-align:top; }
table.main_content tr td.halfblock div { background: url(i/halfblock_up.png) no-repeat left top; padding:15px }
table.main_content tr td.halfblock img { float:left; margin:0 10px 10px 0; }

/* menu-accordion & menus*/
table.menu-accordion { width:953px;  color:#636266 }
table.menu-accordion tr td{ text-align:left;   line-height: 18px;}
table.menu-accordion tr td.onethird{width:265px; background: #DEE1DF  url(i/onethird_down.png) no-repeat left bottom; vertical-align:top; text-align:center }
table.menu-accordion tr td.onethird div{ background: url(i/onethird_up.png) no-repeat left top; padding:15px; text-align:center   }
table.menu-accordion tr td.onethird img { border:1px solid #89a5c4; margin-bottom:10px }
table.menu-accordion tr td.onethird img.small{ margin-right:6px }

table.menu-accordion tr td.twothird{width:666px; background: #DEE1DF  url(i/twothird_down.png) no-repeat left bottom; vertical-align:top;  }
table.menu-accordion tr td.twothird div{ background: url(i/twothird_up.png) no-repeat left top; padding:15px  }
table.menu-accordion tr td.twothird a{ color: #89A5C4; font-weight: bold; }

/* order */
div.order{ background: #dfe1f0 url(i/full_up.jpg) no-repeat top; color: #636266 }
div.order div{ background: url(i/full_down.jpg) no-repeat bottom; padding:15px}
div.order div p.extra{ font-size: 16px; margin-top:20px;font-weight: bold; }
div.order table { width: 720px; margin-top:20px; border-collapse: collapse }
div.order table thead tr td { background: #636266; color: #fff; padding:20px 10px; font-size: 16px; font-weight: bold; }
div.order table tr td { border:2px solid #dfe1f0;  background: #fafafa;    }

/* contacts */
div.contacts{ background: #dfe1f0 url(i/full_up.jpg) no-repeat top; color: #636266 }
div.contacts div{ background: url(i/full_down.jpg) no-repeat bottom; padding:15px}
div.contacts div table tr td{ padding-bottom:10px }
div.contacts div .input { border:1px solid #8e9192; color: #3C3C3C; padding:3px }

/* tutorials */
.leftmenu_up{ width: 223px;  background: url(i/leftmenu_up.png) no-repeat top;  }
.leftmenu_mid{width: 223px; background: url(i/leftmenu_mid.png) repeat-y; float:left;}
.leftmenu_down{width: 223px; background: url(i/leftmenu_down.png) no-repeat bottom; }
.leftmenu{ padding:10px; line-height:25px;  }
.leftmenu h2 {font-size: 16px; font-weight: bold;color:#474549; padding-left:9px }
.leftmenu a {  padding:5px 10px; text-decoration:none;}
.leftmenu a:hover, .leftmenu a.active { background:#474549; color: #fff;  }

.right_tutorials { width: 705px; float:right; color: #636266;  }
.tutorials { background: #dee1df url(i/tutorials_bg_up.png) no-repeat top; height: 100% }
.tutorials_inner{ background: url(i/tutorials_bg_down.png) no-repeat bottom;  padding:10px 15px; line-height:25px}
.right_tutorials h1 { margin:10px 0 }
.right_tutorials h2 { font-size: 14px; margin:0; color: #636266}
.right_tutorials h3 { font-size: 13px; margin:0; color: #636266;  }
.right_tutorials ol, .right_tutorials ul { margin-top:0  }
.right_tutorials ul { list-style:square;}
p.line_number, p.code{ display: block; line-height:20px;  font-family: "Courier New", monospace;  }
p.line_number { width: 35px; text-align:center; color: #dee1df;float:left;}
p.code { padding-left:40px;  background: url(i/line_number_bg.gif) repeat-y;color: #009;  white-space: normal;    }
span.red{ color: #900; }
span.blue { color: #00f }
.right_tutorials table { width:100% }
.right_tutorials table thead tr td { background: #636266; color: #fff; text-align:center; font-weight: bold; font-size: 16px }
.right_tutorials table tr td { background: #fafafa; }
.right_tutorials table tr td.withimg { text-align:center }
span.parametr{ font-size: 12px; font-weight: bold; }

/* Подвал */
.footer{float:left; width:953px; margin-top:37px; border-top:1px solid #AEB0AF; margin-right:auto; margin-left:auto; padding-top:8px;height: 53px; overflow:hidden}
.copyright { position:relative; top:-35px; text-align:right; font-size: 10px; color: #9e9e9e  }