﻿html,body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
color: #4F4F50;
font: 14px/16px Tahoma, Arial, Verdana, sans-serif;
background: #FFF;
}

img {border:0; margin:0;} 
p {margin:0 0 1em;}
a, a:visited {color:#587992;/*color:#008DFF;*/}
h1 {font-size:16px; font-weight:normal;}
ul, ol { margin:0; padding:0;}

h1 {font:bold 18px Tahoma; margin:8px 0 10px;}
h2 {font:bold 16px Tahoma; color:#0F152B; }
h2.programm {padding-left:85px; margin:0; line-height:41px; background:url(../img/icon_programm.jpg) no-repeat left top;}
h2.internet_project {padding-left:85px; margin:15px 0 0; line-height:41px; background:url(../img/icon_pen.gif) no-repeat left top;}


#main {min-height: 100%;}
* html #main {height: 100%;} /*IE*/
#main .body { padding: 0 0 140px;}

 
/*HEADER*/
#header {height:151px; overflow:hidden; background:url('../img/bg_header.jpg') repeat-x;}
#logo_holder {height:151px; width:261px; float:left; overflow:hidden; background:url('../img/bg_logo.jpg') no-repeat;}
#logo_holder_inner {height:151px; width:261px; float:left; overflow:hidden; background:url('../img/bg_logo_inner.jpg') no-repeat;}
#logo {padding:54px 0 19px 25px; overflow:hidden;}
#special {padding-left:34px;}
#special .item {float:left; overflow:hidden; width:11px; height:13px;}
#special .delim {float:left; overflow:hidden; width:41px; height:13px; background: url(../img/delim_special.gif) no-repeat 50%;}
#top {float:left; overflow:hidden; height:151px; width:100%; margin-right:-261px;
	background: url('../img/bg_top.jpg') no-repeat 0 0; }
#phone_holder {
	float:right; overflow:hidden; font-size:12px;
	padding-right:261px; width:330px; margin-top:15px; height:65px;
	background:url('../img/bg_phone.gif') no-repeat 0 0; 
}
#phone_holder .phone {color:#FFFFFF; font-weight:bold; padding:17px 0 0 65px;}
#phone_holder .time {color:#808080; padding:13px 0 0 60px;}
 
#main_menu {padding:17px 0 0 60px; color:#ddddd; font-weight:bold; font-size:12px;}
#main_menu .item {float:left; overflow:hidden; padding-right:40px;}
#main_menu .item  a {color:#FFFFFF; text-decoration:none;}
 

/*LEFT*/
#left_column {width:201px; position:absolute; top:151px; left:0; padding:0; z-index:999;  font: 12px Arial;}
#left_column .content {padding:10px 10px 15px 15px; overflow:hidden;}
#left_column .more {font-family: Tahoma; padding:15px 30px; background:url(../img/bg_arrow_white.gif) no-repeat 13px 20px;}

#block_left_1 {background: url('../img/bg_block_left_pen.jpg') no-repeat top;  height:257px; overflow:hidden;}
#block_left_1 .content {padding:10px 10px 15px 15px; overflow:hidden;}

#block_left_2 {background: url('../img/bg_block_left_footer_white.gif') no-repeat; height:266px; overflow:hidden;}
#block_left_2 .content { padding:10px 10px 15px 15px; overflow:hidden;}

#block_left_1 .content , #block_left_2 .content , #left_column .more a {color:#FF765F;}
#block_left_1 a, #block_left_2 a  {color:#FFF;}
#block_left_1 img, #block_left_2 img {border: 1px solid #999999;}
#block_left_1 .image, #block_left_2 .image {border: 1px solid #999999; width:147px; padding:5px; background:#EBEBEB; overflow:hidden; margin:7px 0;}

.block_left_3 {padding:45px 20px 15px 20px; overflow:hidden; color:#999999;}
.block_left_3 .content a, .block_left_3 .content a :visited {color:#999999;}

#left_column h2 { font: 13px Tahoma; font-weight:bold; color:#FFFFFF; margin:7px 0 7px;}
#left_column h3 { font: 13px Arial; font-weight:bold; color:#FFFFFF; margin:5px 0 5px;}
#left_column h2 a { color:#FFFFFF; text-decoration:none;}

#block_left_earth {background: url('../img/bg_block_left_earth.jpg') no-repeat;  height:257px; overflow:hidden;}
#block_left_paper {background: url('../img/bg_block_left_paper.jpg') no-repeat; height:266px; overflow:hidden;}

/*CENTER*/
#content_holder { padding-left:196px; background:#fff url('../img/bg_content_center.gif') repeat-y 196px;}
#content_holder .bg_top{ background:url('../img/bg_content_top.gif') no-repeat 0 0;}
#content_holder .bg_footer_center{ background:url('../img/bg_content_footer_center.gif') repeat-x bottom;}
#content_holder .bg_footer_right{ width:100%; margin-right:-196px; background:url('../img/bg_content_footer_right.gif') no-repeat right bottom;}

#main_announce {margin:0 0 0 26px; overflow:hidden; }
#main_announce h1 {border-left:7px solid #E93F2C; margin-left:-50px; padding-left:42px; margin-top:3px; line-height:29px; font: normal 18px; font-weight:normal;}
#main_announce .content {padding:0 50px;}
#main_announce .content img {margin:10px 5px 10px 10px; float:right;}

/*градусник*/
#list_step {padding:0 20px 12px 70px; font-size:11px; color:#717171;} 
#list_step a {color:#717171;}
#list_step a.last {text-decoration:none;}


/*меню второго уровня*/
#level2_menu { font-size:18px; padding-left: 44px; padding-bottom:12px;}
#level2_menu  .item  {color:#E93F2C; padding:0 25px;}
#level2_menu  .item a {color:#E93F2C;}
#level2_menu  .item_act  {color:#0F152B; padding:0 25px;}
#level2_menu  .item_act a {color:#0F152B; text-decoration:none;}

#main_content {background:url('../img/bg_content_left.gif') repeat-y left;}
#main_content ul {margin:7px 10px 7px 30px; list-style-type:disc;}
#main_content ol {margin:7px 10px 7px 30px;}

#main_content .bg_footer_left{ background:url('../img/bg_content_footer_left.gif') no-repeat left bottom;  padding:0 0 65px 26px;}
#main_content .main_title {background:url('../img/bg_main_title.gif') repeat-x top; }
#main_content .main_title_left {background:url('../img/bg_main_title_left.gif') no-repeat left top; height:44px; padding-left:130px;
	color:#FFF; font:14px Arial; font-weight:bold; line-height:42px; overflow:hidden;}
#main_content .main_title_right {background:url('../img/bg_main_title_right.gif') no-repeat right top;}
#main_content .main_title h1 {margin:0;color:#FFF; font:14px Arial; font-weight:bold; line-height:42px;}
#main_content .content {
	padding:10px 20px 10px 45px; 
	min-height:470px;
	height:auto !important;
	height:470px;
}
/*left list in main page on the content*/
#main_content .list_left {float:left; width:50%;}
#main_content .list_left ul{list-style-type:none; color:#008DFF;}
#main_content .list_left ul li {margin:0 0 0 -27px; padding:2px 10px 15px 35px;}
#main_content .list_left .note {background: url('../img/icon_note.gif') no-repeat left top;} 
#main_content .list_left .clock {background:url('../img/icon_clock.gif') no-repeat left top;} 
#main_content .list_left .people {background:url('../img/icon_people.gif') no-repeat left top;} 
#main_content .list_left .note2 {background:url('../img/icon_note2.gif') no-repeat left top;} 
#main_content .list_left .basket {background:url('../img/icon_basket.gif') no-repeat left top;} 
#main_content .list_left .letter {background:url('../img/icon_letter.gif') no-repeat left top;} 
#main_content .list_left .computer2 {background:url('../img/icon_computer2.gif') no-repeat left top;} 
#main_content .list_left .earth {background:url('../img/icon_earth.gif') no-repeat left top;} 

/*right list in main page on the content*/
#main_content .list_right {float:right; width:50%;}
#main_content .list_right ul{list-style-type:none; color:#008DFF;}
#main_content .list_right ul li {margin:0 0 0 -27px; padding:2px 10px 15px 35px;}
#main_content .list_right .tools {background: url('../img/icon_tools.gif') no-repeat left top;} 
#main_content .list_right .computer {background:url('../img/icon_computer.gif') no-repeat left top;} 
#main_content .list_right .bd {background:url('../img/icon_bd.gif') no-repeat left top;} 
#main_content .list_right .note3{background:url('../img/icon_note3.gif') no-repeat left top;} 
#main_content .list_right .phone{background:url('../img/icon_phone.gif') no-repeat left top;} 
#main_content .list_right .note4{background:url('../img/icon_note4.gif') no-repeat left top;} 
#main_content .list_right .list {background:url('../img/icon_list.gif') no-repeat left top;}
#main_content .list_right .basket {background:url('../img/icon_basket.gif') no-repeat left top;} 

/*red button send*/
#main_content .buttom_send_order {
	background:url(../img/bg_button_red.jpg) repeat-x; 
	margin-right:35px; float:right; overflow:hidden; 
	width:215px;}
#main_content .buttom_send_order .right {overflow:hidden; background:url(../img/bg_button_red_right.jpg) no-repeat right;}
#main_content .buttom_send_order .left {overflow:hidden; background:url(../img/bg_button_red_left.jpg) no-repeat left; height:43px; }
#main_content .buttom_send_order .text {padding-top:10px; color:#FFF; font: bold 14px Arial; text-align:center;}

/*проекты*/
#projects {}
#projects .item {border-bottom:1px solid #C2CED4; padding:25px 15px 20px;}
#projects .item img{float:left; margin:0 30px 10px 0;}
#projects .title {color:#0F152B; font-weight:bold; }
#projects .link {color:#008DFF; font-weight:bold; padding-bottom:15px;}

.pages_number {float:right; overflow:hidden; clear:both; padding:40px 130px 0 0;}
.pages_number .item {float:left; overflow:hidden; padding:0 10px; font-size:13px;}

/* news in main page */
#main_news {background:url(../img/bg_keyboard.gif) no-repeat 48px 0;
	min-height:170px;
	height:auto !important;
	height:170px;
	padding-left:205px;
}

#main_news h2 {color:#0F152B; font:bold 16px Arial;}
#main_news a {color:#587992; /*color:#4F4F50;*/}
#main_news .left {float:left; width:50%; overflow:hidden; background:url(../img/bg_block_news1.gif) no-repeat 0 24px; padding: 64px 0 50px;}
#main_news .left .announce {padding-bottom:1em;}
#main_news .left  .date {color:#EC1B2E; font-weight:bold; padding-right: 15px; font-size:13px; text-decoration:none;}
#main_news .announce, #main_news .title, #main_news .link, #main_news .text, #main_news  h2 {padding-left:40px; padding-right:30px;}
#main_news .right {float:right; width:50%; overflow:hidden; background:url(../img/bg_block_news2.gif) no-repeat 0 24px; padding: 64px 0 50px;}
#main_news .right .title, #main_news .right .title a {color:#EC1B2E; font-weight:bold;}
#main_news .right .link {font-weight:bold;}
#main_news .right .text { padding-top:1em;}

/*CONTACTS*/
.my_contacts {padding:1em 0;}
.my_contacts p {margin-bottom:0.65em;}
.feedbackForm {}
.feedbackForm .inputText{width:500px; border:1px solid #cccccc; font:13px Arial; background:#eeeeee;}
.feedbackForm .inputTextarea{width:500px; height:100px; border:1px solid #cccccc; font:13px Arial;background:#eeeeee;}
.feedbackForm .subm {margin-top:10px; margin-left:400px; width:100px; line-height:16px; font-size:12px; border:1px solid #cccccc; background:#eeeeee;text-transform: uppercase }
.feedbackForm h3 {font-size:14px; font-weight:normal; margin:10px 0 5px;}
.feedbackForm sup {font-size:12px;}


/*FOOTER*/
#footer {
	height: 117px;
	margin-top: -117px;
	clear:both;
	overflow:hidden;
	/*border-top: 1px solid #000;*/
}
#copyright {float:left; overflow:hidden; width:180px; padding: 56px 0 0 20px; color:#636363; font-size:12px;}
#bottom_menu {
	float:left; overflow:hidden; height:117px; width:100%; margin-right:-200px;
	background: url('../img/bg_bottom_menu_c.gif') repeat-x; 
}
#bottom_menu_l {height:117px; padding-right:200px; background: url('../img/bg_bottom_menu_l.gif') no-repeat;}
#bottom_menu_r {height:117px; padding-left:62px; background: url('../img/bg_bottom_menu_r.gif') no-repeat right;}
#bottom_menu .counter {float:right; overflow:hidden; padding: 60px 50px 0 0;}
#bottom_menu .item {float:left; overflow:hidden;  padding:60px 14px 0; font:13px Arial;}
#bottom_menu .item  a {color:#636363;}
#bottom_menu .delim {float:left; overflow:hidden;  margin-top:64px; height:11px; width:1px; background:#636363;}


.clear {	height: 1; clear: both;}
.red {color:#EC1B2E;}

p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center {
text-align: center;
}

