@import url(reset.css);


.text_about {
	width: 826px;
	margin: 0 auto;
	background-color: #ffffff;
	float: left;
}

.text_about_wide {
	width: 1204px;
	margin: 0 auto;
	background-color: #ffffff;
	float: left;
}

.img_content {
	width: 378px;
	margin: 0 auto;
	background-color: #f5faff;
	float: right;
}

.img_about {
	padding-bottom: 56px;
}

.main_text {

	color: #000000;
	text-align: justify;
	margin-left: 40px;
	margin-right: 40px;
	line-height: 150%;
	/*padding: 50px;*/

}

.structure_text {
	color: #000000;
	text-align: left;
	margin: 25px;
	line-height: 150%;
	text-align: justify;
}

.dep_header_text {

	color: #000000;
	text-align: center;
	margin: 0px;
	line-height: 130%;
}

.line {
	width: 1204px;
	height: 55px;
	margin: 0 auto;
	float: top;
}

.h_block {
	width: 1110px;
	height: 200px;
	margin: 0 auto;
	background-color: #ffffff;
}

.project_h_block {
	width: 1110px;
	height: 70px;
	margin: 0 auto;
	background-color: #ffffff;
}

.project_spoiler {
	width: 1110px;
	height: 280px;
	margin: 0 auto;
	background-color: #f5faff;
}

.img_block {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	background-color: #f5faff;
	background-image: url(../images/avatar200.jpg);
	float: left;
}

.project_img_block {
	width: 70px;
	height: 70px;
	margin: 0 auto;
	background-color: #92a5e0;
	background-image: url(../images/project_block_img.jpg);
	float: left;
}

.img_block_doc {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	background-color: #ffffff;
	/*background-image: url(../images/avatar200.jpg);*/
	float: left;
}

.text_block {
	width: 910px;
	height: 200px;
	margin: 0 auto;
	background-color: #f3f3f3;
	float: left;
}

.project_text_block {
	width: 1040px;
	height: 70px;
	margin: 0 auto;
	background-color: #f3f3f3;
	float: left;
}

#text_project1 {
	background-image: url(../images/project_text_01.jpg);
}
#text_project1:hover {
	background-image: url(../images/project_text_01_up.jpg);
}

#text_project2 {
	background-image: url(../images/project_text_02.jpg);
}
#text_project2:hover {
	background-image: url(../images/project_text_02_up.jpg);
}

#text_project3 {
	background-image: url(../images/project_text_03.jpg);
}
#text_project3:hover {
	background-image: url(../images/project_text_03_up.jpg);
}

#text_project4 {
	background-image: url(../images/project_text_04.jpg);
}
#text_project4:hover {
	background-image: url(../images/project_text_04_up.jpg);
}

#text_project5 {
	background-image: url(../images/project_text_05.jpg);
}
#text_project5:hover {
	background-image: url(../images/project_text_05_up.jpg);
}

#text_project6 {
	background-image: url(../images/project_text_06.jpg);
}
#text_project6:hover {
	background-image: url(../images/project_text_06_up.jpg);
}

#text_project7 {
	background-image: url(../images/project_text_07.jpg);
}
#text_project7:hover {
	background-image: url(../images/project_text_07_up.jpg);
}

#doc4_block {
	width: 790px;
	height: 200px;
	margin: 0 auto;
	padding-top: 18px;
	background-color: #ffffff;
	float: left;
}

#text_doc4 {
	width: 590px;
	height: 200px;
	margin: 0 auto;
	background-color: #fcfafa;
	float: left;
}

.dep_block {
	width: 1110px;
	/*height: 50px;*/
	margin: 0 auto;
	background-color: #f3f3f8
;
}


#boss_img {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	background-image: url(../images/boss_avatar.jpg);
}
#ss_img {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	background-image: url(../images/ss_avatar.jpg);
}
#money_img {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	background-image: url(../images/money_avatar.jpg);
}
#j_img {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	background-image: url(../images/j_avatar.jpg);
}
#d_img {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	background-image: url(../images/d_avatar.jpg);
}
#p_img {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	background-image: url(../images/p_avatar.jpg);
}
#s_img {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	background-image: url(../images/s_avatar.jpg);
}
#w_img {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	background-image: url(../images/w_avatar.jpg);
}
#t_img {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	background-image: url(../images/t_avatar.jpg);
}
#k_img {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	background-image: url(../images/k_avatar.jpg);
}




#doc1_img {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	background-image: url(../images/001_small.jpg);
}
#doc2_img {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	background-image: url(../images/002_small.jpg);
}
#doc3_img {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	background-image: url(../images/003_small.jpg);
}
#doc4_img {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	background-image: url(../images/004_small.jpg);
}


#p1_img {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	background-image: url(../images/p1_logo.png);
}
#p2_img {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	background-image: url(../images/p2_logo.png);
}
#p3_img {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	background-image: url(../images/p3_logo.jpg);
}
#p5_img {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	background-image: url(../images/p5_logo.png);
}
#p4_img {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	background-image: url(../images/p4_logo.png);
}

#p6_img {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	background-image: url(../images/p6_logo.jpg);
}


a:link {color: #000000; text-decoration: underline; }
a:active {color: #0000ff; text-decoration: underline; }
a:visited {color: #008000; text-decoration: underline; }
a:hover {color: #ff0000; text-decoration: none; }

#tbl_details {
	margin-left: 90px;
	line-height: 150%;
	
}

table {
    border: 1px solid black;
    border-collapse: collapse;
    /*border-spacing: 10px;*/
    width: 85%;
    /*background-color: #ffffff;*/
}
table, td {
	border: 1px solid black;
 	border-spacing: 40px;
}




html {
	background:#9c9c9c;
	color:#c4c9e5;
	font:6px Verdana, Arial;
}


#wrapper {
	width: 1500px;
	/*width: 1747px;*/
	margin: 0 auto;
	background-color: #9c9c9c;
}


#bg {
	width: 1500px;
	height: 1053px;
	margin: 0 auto;
	background-color: #9c9c9c;
	background-image: url(../images/bg.jpg);
	no-repeat;
}


.shadow {
	width: 1500px;
	height: 999px;
	margin: 0 auto;
	background-image: url(../images/shadow.png);
	no-repeat;
}

.shadow_up {
	width: 1500px;
	height: 702px;
	margin: 0 auto;
	background-image: url(../images/shadow_up.png);
	no-repeat;
}

.shadow_down {
	width: 1500px;
	height: 198px;
	margin: 0 auto;
	background-image: url(../images/shadow_down.png);
	no-repeat;
}

.shadow_line {
	width: 1500px;
	height: 55px;
	margin: 0 auto;
	background-image: url(../images/shadow_line.png);
	no-repeat;
}

.shadow_mid {
	width: 1500px;
	margin: 0 auto;
	background-image: url(../images/shadow_mid.png);
}


#shadow_mid_structure {
	width: 1500px;
	height: 2300px;
	margin: 0 auto;
	background-image: url(../images/shadow_mid.png);
}


#intro {
	width: 1204px;
	height: 999px;
	margin: 0 auto;
	background-image: url(../images/intro.jpg);
}


#logo {
	width: 353px;
	height: 79px;
	margin-top: 46px;
	margin-left: 0px;
	background-image: url(../images/logo.gif);
	float: left;
}

#btn_logo {
	width: 353px;
	height: 79px;
	margin-left: 0px;
	margin-top: 0px; 
	/*background-image: url(../images/about_btn_about.jpg);*/
	float:left;
}

#menu {
	width: 844px;
	height: 79px;
	margin-top: -79px;
	margin-left: 360px;
	/*background-color: #000000;*/
	float: left;
}


#header {
	width: 1204px;
	height: 702px;
	margin: 0 auto;
	background-image: url(../images/header.jpg);
}


#footer {
	width: 1204px;
	height: 198px;
	margin-left: 148px;
	background-image: url(../images/footer.jpg);
	float: left;
}



#line_about {
	background-image: url(../images/line_about.jpg);
}


#line_structure {
	background-image: url(../images/line_structure.jpg);
}
#line_projects {
	background-image: url(../images/line_projects.jpg);
}
#line_contacts {
	background-image: url(../images/line_contacts.jpg);
}
#line_details {
	background-image: url(../images/line_details.jpg);
}


.content {
	width: 1204px;
	/*width: 826px;*/
	margin: 0 auto;
	background-color: #ffffff;
	
	color:#000000;
	font:16px Verdana, Arial;
	float: top;
}


#dwn {
	width: 102px;
	height: 35px;
	background-image: url(../images/dwn_pdf.jpg);
	margin-left: 20px;
	margin-top: 0px; 
	float: left;
}
#btn_dwn {
	width: 102px;
	height: 35px;
	background-image: url(../images/dwn_pdf.jpg);
}


#content_contacts {
	height: 720px;
}

#content_contacts_details {
	height: 720px;
}

#content_about_docs {
	height: 720px;
}

#content_about_partners {
	height: 1400px;
}

#content_about {
	background-image: url(../images/line_bg.jpg);
	/*height: 1184px;*/
	height: 900px;
}


#content_projects {
	height: 900px;
}


#img_content_about {
	height: 680px;
}

#content_structure {
	height: 2300px;
}



/* --------------------------------------------------------------------------------------*/

#about_btn_about {
	width: 355px;
	height: 55px;
	margin-left: 0px;
	margin-top: 0px; 
	background-image: url(../images/about_btn_about.jpg);
	float:left;
}
#about_btn_about_up {
	width: 355px;
	height: 55px;
	margin-left: 0px;
	margin-top: 0px; 
	background-image: url(../images/about_btn_about_up.jpg);
	float:left;
}
#about_btn_about:hover {
	background-image: url(../images/about_btn_about_up.jpg);
}


#about_btn_docs {
	width: 364px;
	height: 55px;
	margin-left: 0px;
	margin-top: 0px; 
	background-image: url(../images/about_btn_docs.jpg);
	float:left;
}
#about_btn_docs_up {
	width: 364px;
	height: 55px;
	margin-left: 0px;
	margin-top: 0px; 
	background-image: url(../images/about_btn_docs_up.jpg);
	float:left;
}
#about_btn_docs:hover {
	background-image: url(../images/about_btn_docs_up.jpg);
}


#about_btn_details {
	width: 364px;
	height: 55px;
	margin-left: 0px;
	margin-top: 0px; 
	background-image: url(../images/about_btn_details.jpg);
	float:left;
}
#about_btn_details_up {
	width: 364px;
	height: 55px;
	margin-left: 0px;
	margin-top: 0px; 
	background-image: url(../images/about_btn_details_up.jpg);
	float:left;
}
#about_btn_details:hover {
	background-image: url(../images/about_btn_details_up.jpg);
}


#about_btn_partners {
	width: 364px;
	height: 55px;
	margin-left: 0px;
	margin-top: 0px; 
	background-image: url(../images/about_btn_partners.jpg);
	float:left;
}
#about_btn_partners_up {
	width: 364px;
	height: 55px;
	margin-left: 0px;
	margin-top: 0px; 
	background-image: url(../images/about_btn_partners_up.jpg);
	float:left;
}
#about_btn_partners:hover {
	background-image: url(../images/about_btn_partners_up.jpg);
}


#contacts_btn_contacts {
	width: 355px;
	height: 55px;
	margin-left: 0px;
	margin-top: 0px; 
	background-image: url(../images/contacts_btn_contacts.jpg);
	float:left;
}
#contacts_btn_contacts_up {
	width: 355px;
	height: 55px;
	margin-left: 0px;
	margin-top: 0px; 
	background-image: url(../images/contacts_btn_contacts_up.jpg);
	float:left;
}
#contacts_btn_contacts:hover {
	background-image: url(../images/contacts_btn_contacts_up.jpg);
}

#contacts_btn_details {
	width: 364px;
	height: 55px;
	margin-left: 0px;
	margin-top: 0px; 
	background-image: url(../images/contacts_btn_details.jpg);
	float:left;
}
#contacts_btn_details_up {
	width: 364px;
	height: 55px;
	margin-left: 0px;
	margin-top: 0px; 
	background-image: url(../images/contacts_btn_details_up.jpg);
	float:left;
}
#contacts_btn_details:hover {
	background-image: url(../images/contacts_btn_details_up.jpg);
}

#about_btn_tail {
	width: 121px;
	height: 55px;
	margin-left: 0px;
	margin-top: 0px; 
	background-image: url(../images/about_btn_tail.jpg);
	float:left;
}

#contacts_btn_tail {
	width: 485px;
	height: 55px;
	margin-left: 0px;
	margin-top: 0px; 
	background-image: url(../images/contacts_btn_tail.jpg);
	float:left;
}
/* --------------------------------------------------------------------------------------*/

#btn_about {
	width: 167px;
	height: 79px;
	margin-left: 0px;
	margin-top: 0px; 
	background-image: url(../images/btn_about.jpg);
	float:left;
}
#btn_about_up {
	width: 167px;
	height: 79px;
	margin-left: 0px;
	margin-top: 0px; 
	background-image: url(../images/btn_about_up.jpg);
	float:left;
}
#btn_about:hover {
	background-image: url(../images/btn_about_up.jpg);
}


#btn_structure {
	width: 165px;
	height: 79px;
	margin-left: 0px;
	margin-top: 0px; 
	background-image: url(../images/btn_structure.jpg);
	float:left;
}
#btn_structure_up {
	width: 165px;
	height: 79px;
	margin-left: 0px;
	margin-top: 0px; 
	background-image: url(../images/btn_structure_up.jpg);
	float:left;
}
#btn_details {
	width: 165px;
	height: 79px;
	margin-left: 0px;
	margin-top: 0px; 
	background-image: url(../images/btn_details.jpg);
	float:left;
}
#btn_details_up {
	width: 165px;
	height: 79px;
	margin-left: 0px;
	margin-top: 0px; 
	background-image: url(../images/btn_details_up.jpg);
	float:left;
}
#btn_structure:hover {
	background-image: url(../images/btn_structure_up.jpg);
}
#btn_details:hover {
	background-image: url(../images/btn_details_up.jpg);
}


#btn_projects {
	width: 156px;
	height: 79px;
	margin-left: 0px;
	margin-top: 0px; 
	background-image: url(../images/btn_projects.jpg);
	float:left;
}
#btn_projects_up {
	width: 156px;
	height: 79px;
	margin-left: 0px;
	margin-top: 0px; 
	background-image: url(../images/btn_projects_up.jpg);
	float:left;
}
#btn_projects:hover {
	background-image: url(../images/btn_projects_up.jpg);
}


#btn_contacts {
	width: 156px;
	height: 79px;
	margin-left: 0px;
	margin-top: 0px; 
	background-image: url(../images/btn_contacts.jpg);
	float:left;
}
#btn_contacts_up {
	width: 156px;
	height: 79px;
	margin-left: 0px;
	margin-top: 0px; 
	background-image: url(../images/btn_contacts_up.jpg);
	float:left;
}
#btn_contacts:hover {
	background-image: url(../images/btn_contacts_up.jpg);
}


#bottom_text {
	width: 400px;
	height: 40px;
	margin-top: 825px;
	margin-left: 20px;
	/*background-color: #000000;*/
	float: left;
}


#map {
	width: 600px;
	margin: 0 auto;
	padding-top: 20px;
	text-align: center;
}

#address {
	text-align: center;
}


#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #8a8a8a; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  /*border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}