﻿* { margin: 0; padding: 0; outline:0; }

body {
    /*font-size: 12px;*/
    /*line-height: 16px;*/
    /*font-family: Arial, sans-serif;*/
    color:#685d5d ;
    background: url(/PO_Afonder/Image/Zello/fon_zello.jpg) ; }
 
a { color: #0048FF; text-decoration: none; cursor:pointer; }
a:hover { color: #FF0000; }

a img { border: 0; }

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; border: 0; }
textarea { overflow:hidden; }
 
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; } 

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

 
/* Shell */
.shell { width: 1176px; margin: 0 auto; }
/* End Shell */
 
/* Header */
#header { position: relative; height: 85px; }
/* End Header */

/* Logo */
#logo { position: relative; width: 380px; height: 85px; float: left; left: 0px; }
#enumerator{ position: relative; width: 180px; height: 85px; float: left; left: 0px; padding: 26px 0 0 0px;}
#header1{ position: relative; width: 110px; height: 85px; float: right; right: 0px; top: 20px;  }
/* End Logo*/

/* Navigation */
#home  { position: relative; width: 390px; height: 100px; float: left; left: 0px; }
#Prof_advice_right { position: relative; width: 740px; height: 100px; float: right; right: 16px;  }
/* End Navigation */

/* Central menu */
#big_cell_left { position: relative; width: 390px; height: 300px; float: left; left: 3px; }
#big_cell_center { position: relative; width: 390px; height: 300px; float: left; left: 2px; }
#big_cell_right { position: relative; width: 390px; height: 300px; float: right; right: 2px; }
/* End Central menu */

/* Content */
#content {position: relative; width: 100%; float: left; background: url(/PO_Afonder/Image/War/Black_1.jpg); }
#content_1 {position: relative; width: 100%; float: left; background: url(/PO_Afonder/Image/War/Black_2.jpg); } 
#Project_description_box {position: relative; width: 1140px; float: left; margin: 0px 20px 0px 20px; /*border: solid 1px white;*/ } /* Блок описания проекта */
 
  #polosa_fon { position: relative; width: 100%; float: left; left: 0px; }
  #polosa_gran { position: relative; width: 1144px; float: left; left: 16px; }
  #polosa_0 { position: relative; width: 100%; height: 100px; float: left; left: 0px; }
     #img_0    { position: relative; width: 100%; height: 100px; float: left; left: 0px; z-index: 1; }
     #facebook_like { position: absolute; width: 193px; height: 85px; float: left; left: 990px; top: 22px; z-index: 2; }
	 
#navi { position: relative; width: 100%; float: left; left: 0px; margin-top: 10px; background: url(/PO_Afonder/Image/War/menu.jpg); }
  #intro { position: relative; width: 340px; height: 100px; float: left; left: 0px; margin-top: 10px; }
  #proj { position: relative; width: 340px; height: 100px; float: left; left: 70px; margin-top: 10px; } 
  #bank_ak { position: relative; width: 340px; height: 100px; float: right; right: 0px; margin-top: 10px; }
  #bank_ak_end { position: relative; width: 340px; height: 100px; float: right; right: 418px; }
  #bank_ak_end_left { position: relative; width: 340px; height: 100px; float: right; right: 55px; }
#end { position: relative; width: 100%; height: 100px; float: left; left: 0px; } 
#bank_block_button  {position: relative; width: 100%; float: left; /*border: solid 1px white;*/ }
      #bank_button  { position: relative; width: 440px; height: 100px; float: left; left: 0px; margin-top: 20px; } 
	  #bank_button_big { position: relative; width: 440px; height: 300px; float: left; left: 0px; margin-top: 20px; /*border: solid 1px white;*/ }
.bank_button_big { position: relative; width: 360px; height: 150px; float: left; left: 40px; margin-top: 20px; /*border: solid 1px white;*/ }
      #contact_image  { position: relative; width: 240px; height: 85px; float: left; left: 0px; margin-top: 20px; }
	  #contact_text     { position: relative; width: 936px; float: left; } 
      #bank_text     { position: relative; width: 730px; float: right; /*border: solid 1px white;*/ } 	  
/* End Content */

/* Старая шапка */
h1#logo a { font-size: 22px; color:#26EA14; line-height: 22px; text-transform: uppercase; letter-spacing: 0.4px; text-decoration: none; width: 304px; float: left; padding: 26px 0 0 2px; }
h1#logo a span { color: #26EA14; font-size: 10px; letter-spacing: 0px; display: block; position: relative; top: -6px; margin-left: 123px; }

#navigation { float: right; display: inline; margin-top: 25px; font-size: 12px; }
#navigation ul { list-style: none outside none; }
#navigation ul li { float: left; display: inline; padding-right: 15px; }
#navigation ul li a,
#navigation ul li a span { float: left; display: inline; height: 37px; font-family: Verdana, sans-serif; font-weight: bold; color: #26EA14; padding-left: 15px; line-height: 35px; }
#navigation ul li a span { position: relative; padding: 0 15px 0 0; margin-right: -10px; }
#navigation ul li a:hover,
#navigation ul li a.active,
#navigation ul li a:hover span,
#navigation ul li a.active span { background: url(/css/images/nav-hover.gif) no-repeat 0 0; }
#navigation ul li a:hover span,
#navigation ul li a.active span { background-position: right 0; }
/* End Старая шапка */
 

/* карты банка */
#karta { float: right; /* Выравнивание по правому краю  */  
         margin: 7px 20px 7px 7px; /* Отступы вокруг картинки */ } 
		 
#karta_war{ float: right; /* Выравнивание по правому краю  */  
         margin: 0px 0px 0px 30px; /* Отступы вокруг картинки */ } 
		 
#center  { float:center; /* Выравнивание по центру */
          margin: 7px 0px 7px 60px; /* Отступы вокруг картинки */ }
			 
#emblema { float:left; /* Выравнивание по левому краю */ 
           margin: 7px 20px 7px 20px;  /* Отступы вокруг картинки */} 
		   
#text { color: rgb(253, 253, 253);/* цвет текста */
       font-size: 160%; /* Размер надписи текста */
	   font-weight: 600; /* Жирное начертание текста */ 
	   text-align: justify; /* Выравнивание текста по ширине */
	   margin: 15px; /*отступы текста и фото от краев страницы */} 
	   
#text_blue { color: #000DFB;/* цвет текста синий */
       font-size: 160%; /* Размер надписи текста */
	   font-weight: 600; /* Жирное начертание текста */ 
	   text-align: justify; /* Выравнивание текста по ширине */
	   margin: 15px; /*отступы текста и фото от краев страницы */} 
	   
#donate_1 { color: #FFCC02;/* цвет текста */
       font-size: 120%; /* Размер надписи текста */
	   font-weight: 600; /* Жирное начертание текста */ 
	   text-align: justify; /* Выравнивание текста по ширине */
	   margin: 15px; /*отступы текста и фото от краев страницы */} 
	   
#donate_2 { color: #13FF02;/* цвет текста */
       font-size: 120%; /* Размер надписи текста */
	   font-weight: 600; /* Жирное начертание текста */ 
	   text-align: justify; /* Выравнивание текста по ширине */
	   margin: 15px; /*отступы текста и фото от краев страницы */} 
	   
#donate_3 { color: baff00;/* цвет текста */
       font-size: 120%; /* Размер надписи текста */
	   font-weight: 600; /* Жирное начертание текста */ 
	   text-align: justify; /* Выравнивание текста по ширине */
	   font-family: arial black; /* Шрифт с засечками */ 
	   margin: 0px; /*отступы текста и фото от краев страницы */} 
	   
#donate_4 { color: fc00e7;/* цвет текста */
       font-size: 120%; /* Размер надписи текста */
	   font-weight: 600; /* Жирное начертание текста */ 
	   text-align: justify; /* Выравнивание текста по ширине */
	   font-family: arial black; /* Шрифт с засечками */ 
	   margin: 0px; /*отступы текста и фото от краев страницы */} 
	   

	 
#go { color: #F6F225; /* Цвет текста белый */ 
     font-size: 100%; /* Размер шрифта в процентах */
	 font-weight: 800; /* Жирное начертание текста */ 
     font-family: serif; /* Шрифт с засечками */ 
     position: relative; /* Относительное позиционирование */ 
     top: 0px; /* Сдвиг сверху */ }
	 
#go_1 { color: fc00e7; /* Цвет текста белый */ 
     font-size: 100%; /* Размер шрифта в процентах */
	 font-weight: 800; /* Жирное начертание текста */ 
     font-family: arial black; /* Шрифт с засечками */ 
     position: relative; /* Относительное позиционирование */ 
     top: 0px; /* Сдвиг сверху */ }
	 
#go_2 { color: ff5200; /* Цвет текста белый */ 
     font-size: 100%; /* Размер шрифта в процентах */
	 font-weight: 800; /* Жирное начертание текста */ 
     font-family: arial black; /* Шрифт с засечками */ 
     position: relative; /* Относительное позиционирование */ 
     top: 0px; /* Сдвиг сверху */ }
	 
#go_3 { color: baff00; /* Цвет текста белый */ 
     font-size: 100%; /* Размер шрифта в процентах */
	 font-weight: 800; /* Жирное начертание текста */ 
     font-family: arial black; /* Шрифт с засечками */ 
     position: relative; /* Относительное позиционирование */ 
     top: 0px; /* Сдвиг сверху */ }
	 
#go_orange { color: #FFB402; /* Цвет текста оранжевый */ 
     font-size: 100%; /* Размер шрифта в процентах */
	 font-weight: 800; /* Жирное начертание текста */ 
     font-family: serif; /* Шрифт с засечками */ 
     position: relative; /* Относительное позиционирование */ 
     top: 0px; /* Сдвиг сверху */ }
	 
#go_green_1 { color: #13FF02; /* Цвет текста оранжевый */ 
     font-size: 100%; /* Размер шрифта в процентах */
	 font-weight: 800; /* Жирное начертание текста */ 
     font-family: serif; /* Шрифт с засечками */ 
     position: relative; /* Относительное позиционирование */ 
     top: 0px; /* Сдвиг сверху */ }
	 
#go_gray { color: #CECCC8; /* Цвет текста оранжевый */ 
     font-size: 100%; /* Размер шрифта в процентах */
	 font-weight: 800; /* Жирное начертание текста */ 
     font-family: serif; /* Шрифт с засечками */ 
     position: relative; /* Относительное позиционирование */ 
     top: 0px; /* Сдвиг сверху */ }
	 
#go_green { color: #29D419; /* Цвет текста зелёный */ 
     font-size: 100%; /* Размер шрифта в процентах */
	 font-weight: 800; /* Жирное начертание текста */ 
     font-family: serif; /* Шрифт с засечками */ 
     position: relative; /* Относительное позиционирование */ 
     top: 0px; /* Сдвиг сверху */ }
	 
#go_blue { color: #1900FE; /* Цвет текста синий */ 
     font-size: 100%; /* Размер шрифта в процентах */
	 font-weight: 800; /* Жирное начертание текста */ 
     font-family: serif; /* Шрифт с засечками */ 
     position: relative; /* Относительное позиционирование */ 
     top: 0px; /* Сдвиг сверху */ }
	 
#go_red { color: #FE0000; /* Цвет текста красный */ 
     font-size: 100%; /* Размер шрифта в процентах */
	 font-weight: 800; /* Жирное начертание текста */ 
     font-family: serif; /* Шрифт с засечками */ 
     position: relative; /* Относительное позиционирование */ 
     top: 0px; /* Сдвиг сверху */ }
	 
#pocherk { color: #1A06F9; /* Цвет текста синий */ 
     font-size: 140%; /* Размер шрифта в процентах */
	 /*9text-decoration: overline; /* Подчеркивание заголовка сверху */
	 text-decoration: underline; /* Подчеркивание заголовка снизу */
	 /*border-bottom: 2px solid maroon; /* Параметры линии под текстом - просто полоса под текстом блока */
     font-weight: 600; /* Жирное начертание текста */ 
     padding-bottom: 5px; /* Расстояние от текста до линии - просто полосы под текстом */	 
     /*font-family: serif; /* Шрифт с засечками */
     width: 100%; 
	 display: table-cell;
	 vertical-align: middle;
	 /*display : inline-block;*/
	 text-align: center; /* Выравнивание текста по ширине */
     position: relative; /* Относительное позиционирование */ 
     top: 0px; /* Сдвиг сверху */} 
	 
#pocherk_1 { color: #FE0303; /* Цвет текста красный */ 
     font-size: 140%; /* Размер шрифта в процентах */
	 /*9text-decoration: overline; /* Подчеркивание заголовка сверху */
	 text-decoration: underline; /* Подчеркивание заголовка снизу */
	 /*border-bottom: 2px solid maroon; /* Параметры линии под текстом - просто полоса под текстом блока */
     font-weight: 600; /* Жирное начертание текста */ 
     padding-bottom: 5px; /* Расстояние от текста до линии - просто полосы под текстом */	 
     /*font-family: serif; /* Шрифт с засечками */
     width: 100%; 
	 display: table-cell;
	 vertical-align: middle;
	 text-align: center; /* Выравнивание текста по ширине */
     position: relative; /* Относительное позиционирование */ 
     top: 0px; /* Сдвиг сверху */} 	 
	 
#pocherk_2 { color: #2E39FE; /* Цвет текста синий */ 
     font-size: 140%; /* Размер шрифта в процентах */
	 /*9text-decoration: overline; /* Подчеркивание заголовка сверху */
	 text-decoration: underline; /* Подчеркивание заголовка снизу */
	 /*border-bottom: 2px solid maroon; /* Параметры линии под текстом - просто полоса под текстом блока */
     font-weight: 600; /* Жирное начертание текста */ 
     padding-bottom: 5px; /* Расстояние от текста до линии - просто полосы под текстом */	 
     /*font-family: serif; /* Шрифт с засечками */
     width: 100%; 
	 display: table-cell;
	 vertical-align: middle;
	 /*display : inline-block;*/
	 text-align: center; /* Выравнивание текста по ширине */
     position: relative; /* Относительное позиционирование */ 
     top: 0px; /* Сдвиг сверху */} 
	 
#pocherk_3 { color: #F9FD00; /* Цвет текста жёлтый  */ 
     font-size: 140%; /* Размер шрифта в процентах */
	 /*9text-decoration: overline; /* Подчеркивание заголовка сверху */
	 text-decoration: underline; /* Подчеркивание заголовка снизу */
	 /*border-bottom: 2px solid maroon; /* Параметры линии под текстом - просто полоса под текстом блока */
     font-weight: 600; /* Жирное начертание текста */ 
     padding-bottom: 5px; /* Расстояние от текста до линии - просто полосы под текстом */	 
     /*font-family: serif; /* Шрифт с засечками */
     width: 100%; 
	 display: table-cell;
	 vertical-align: middle;
	 /*display : inline-block;*/
	 text-align: center; /* Выравнивание текста по ширине */
     position: relative; /* Относительное позиционирование */ 
     top: 0px; /* Сдвиг сверху */} 
	 
#pocherk_4 { color: #26CC0D; /* Цвет текста зелёный  */ 
     font-size: 140%; /* Размер шрифта в процентах */
	 /*9text-decoration: overline; /* Подчеркивание заголовка сверху */
	 text-decoration: underline; /* Подчеркивание заголовка снизу */
	 /*border-bottom: 2px solid maroon; /* Параметры линии под текстом - просто полоса под текстом блока */
     font-weight: 600; /* Жирное начертание текста */ 
     padding-bottom: 5px; /* Расстояние от текста до линии - просто полосы под текстом */	 
     /*font-family: serif; /* Шрифт с засечками */
     width: 100%; 
	 display: table-cell;
	 vertical-align: middle;
	 /*display : inline-block;*/
	 text-align: center; /* Выравнивание текста по ширине */
     position: relative; /* Относительное позиционирование */ 
     top: 0px; /* Сдвиг сверху */} 
	 
#pocherk_5 { color: #FFB402; /* Цвет текста зелёный  */ 
     font-size: 140%; /* Размер шрифта в процентах */
	 /*9text-decoration: overline; /* Подчеркивание заголовка сверху */
	 text-decoration: underline; /* Подчеркивание заголовка снизу */
	 /*border-bottom: 2px solid maroon; /* Параметры линии под текстом - просто полоса под текстом блока */
     font-weight: 600; /* Жирное начертание текста */ 
     padding-bottom: 5px; /* Расстояние от текста до линии - просто полосы под текстом */	 
     /*font-family: serif; /* Шрифт с засечками */
     width: 100%; 
	 display: table-cell;
	 vertical-align: middle;
	 /*display : inline-block;*/
	 text-align: center; /* Выравнивание текста по ширине */
     position: relative; /* Относительное позиционирование */ 
     top: 0px; /* Сдвиг сверху */} 
	 
#pocherk_6 { color: #13FF02; /* Цвет текста огненно салатовый  */ 
     font-size: 140%; /* Размер шрифта в процентах */
	 /*9text-decoration: overline; /* Подчеркивание заголовка сверху */
	 text-decoration: underline; /* Подчеркивание заголовка снизу */
	 /*border-bottom: 2px solid maroon; /* Параметры линии под текстом - просто полоса под текстом блока */
     font-weight: 600; /* Жирное начертание текста */ 
     padding-bottom: 5px; /* Расстояние от текста до линии - просто полосы под текстом */	 
     /*font-family: serif; /* Шрифт с засечками */
     width: 100%; 
	 display: table-cell;
	 vertical-align: middle;
	 /*display : inline-block;*/
	 text-align: center; /* Выравнивание текста по ширине */
     position: relative; /* Относительное позиционирование */ 
     top: 0px; /* Сдвиг сверху */} 
	 
#pocherk_7 { color: #CECCC8; /* Цвет текста серый */ 
     font-size: 140%; /* Размер шрифта в процентах */
	 /*9text-decoration: overline; /* Подчеркивание заголовка сверху */
	 /*text-decoration: underline; /* Подчеркивание заголовка снизу */
	 /*border-bottom: 2px solid maroon; /* Параметры линии под текстом - просто полоса под текстом блока */
     font-weight: 600; /* Жирное начертание текста */ 
     padding-bottom: 5px; /* Расстояние от текста до линии - просто полосы под текстом */	 
     /*font-family: serif; /* Шрифт с засечками */
     width: 100%; 
	 display: table-cell;
	 vertical-align: middle;
	 /*display : inline-block;*/
	 text-align: center; /* Выравнивание текста по ширине */
     position: relative; /* Относительное позиционирование */ 
     top: 0px; /* Сдвиг сверху */} 
	 
#letter2 { color: #1A06F9; /* Цвет текста */ 
     font-size: 140%; /* Размер шрифта в процентах */
     font-weight: 600; /* Жирное начертание текста */ 	 
     /*font-family: serif; /* Шрифт с засечками */
     width: 100%; 
	 display: table-cell;
	 vertical-align: middle;
	 /*display : inline-block;*/
	 text-align: center; /* Выравнивание текста по ширине */
     position: relative; /* Относительное позиционирование */ 
     top: 0px; /* Сдвиг сверху */} 
	 
#letter3 { color: red; /* Красный цвет символов без подчёркивания */ 
     font-size: 110%; /* Размер шрифта в процентах */ 
     font-family: serif; /* Шрифт с засечками */ 
     position: relative; /* Относительное позиционирование */ 
     top: 0px; /* Сдвиг сверху */ } 
	 
#letter3_3 { color: red; /* Красный цвет символов */ 
     font-size: 140%; /* Размер шрифта в процентах */
     font-weight: 600; /* Жирное начертание текста */ 	 
     /*font-family: serif; /* Шрифт с засечками */
     width: 100%; 
	 display: table-cell;
	 vertical-align: middle;
	 /*display : inline-block;*/
	 text-align: center; /* Выравнивание текста по ширине */
     position: relative; /* Относительное позиционирование */ 
     top: 0px; /* Сдвиг сверху */} 

/* end карты банка */

/* Slider */

#slider { position: relative; width: 1176px; height: 296px;  }

#next,
#prev { position: absolute; top: 115px; display: block; width:  64px; height: 64px; z-index: 10; }
#next { right: 20px; background: url(/css/images/next.png) no-repeat 0 0; }
#prev { left: 20px; background: url(/css/images/prev.png) no-repeat 0 0; }

#slider-content { position: relative; width: 1076px; height: 296px; overflow: hidden; }
#slider-content ul { position: relative; list-style: none outside none; overflow: hidden; }
#slider-content ul li {color:  #E6F7F7;}
.jcarousel-clip { position: relative; width: 1176px; height: 296px; }

#slider-content ul li .left-side,
#slider-content ul li .right-side { float: left; display: inline; }

#slider-content ul li .left-side { width: 381px; padding: 54px 0 0 177px;  z-index: 2; }

#slider-content ul li .right-side { float: left; display: inline; position: relative; width: 400px; line-height: 18px; padding: 74px 0 0 0; left: -9px;  z-index: 5; }
#slider-content ul li .right-side h2 { font-size: 30px; color: #26EA14; text-transform: uppercase; line-height: 30px; padding-bottom: 14px; }
#slider-content ul li .right-side a { color: #0D15F4;  text-decoration: underline; } 
#slider-content ul li .right-side a:hover { color: #ff0000;  text-decoration: none; }

#slider-content .get-started { display: block; width: 180px; height: 87px; background: url(/css/images/get-started.png) no-repeat 0 0; margin: 35px 0 0 112px; }
#slider-content .get-started:hover { background-position: 0 -87px; }

/* End Slider */

/* Footer */

#footer { min-height: 48px;  color:#26EA14; font-size: 10px; }
#footer .shell { width: 941px; background: none; padding: 14px 19px 0 20px; }
#footer p.left { }
#footer p.left a { color:#26EA14; }
#footer p.left a:hover { color: #0D15F4; }
#footer p.left span { padding: 0 3px; }
#footer p.right { }
#footer p.right a { color: #00aeef; }
#footer p.right a:hover { color:#0D15F4; }

/* End Footer */
