* { margin: 0; padding: 0; outline:0; }

body {
    /*font-size: 12px;*/
    /*line-height: 16px;*/
    /*font-family: Arial, sans-serif;*/
    color:#685d5d ;
    background: url(/fonimg/kosm1.jpg) ; }

a { color: #0252aa; text-decoration: none; cursor:pointer; }
a:hover { color: #000; }

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 */

/* Facebook  */ 
#line_facebook { position: relative; width: 100%; height: 100px; float: left; right: 0px;  }
     #facebook { position: relative; width: 130px; height: 100px; float: right; right: 16px;  }
     #facebook2 { position: relative; width: 215px; height: 100px; float: right; right: 20px; } /* убрать */
/* End Facebook  */


/* Header - NEW 2019 */
.header_SP { position: relative; width: 1176px; height: 134px; top: 0px;  /*border: solid 1px white;*/  background: url(/PO_Afonder/Image/Central_page_image/Header_Afonder_2019.gif); } /* XЕАДЕР НОВЫЙ 2019 //------------------------------------// */
.logo_SP { position: absolute; width: 310px; height: 80px; float: left; left: 12px; top: 25px; z-index: 3; }
.Stand_logo_1 { position: absolute; width: 310px; height: 45px; float: left; left: 12px; top: 42px; z-index: 1; /*border: solid 1px red;*/  }

/* END Header - NEW 2019 */

/* Slider Big 2019 */
.Slider_Super { position: absolute; width: 1176px; height: 460px; /*top: 0px;*/ z-index: 1; /*border: solid 2px greenyellow;*/ } /* ОКНО БОЛЬШОГО СЛАЙДЕРА 2019 //------------------------------------// */

/* End Slider Big 2019 */

/* Боковые панели слайдера Супер 2019 */
.Slider_all_Container { position: relative; width: 100%; height: 460px; /*border: solid 1px white;*/ } /* Контейнер  БОКОВЫХ ПАНЕЛЕЙ СЛАЙДЕРА СУПЕР 2019 //------------------------------------// */
.Panel_right { position: relative; width: 238px; height: 460px; float: right; /*border: solid 1px white;*/ } /* Правая боковая панель 2019*/
.Stand_Right_Panel { position: relative; width: 238px; height: 460px; float: right; z-index: 1; /*border: solid 1px yellow;*/ } /* Рисунок Стенд ( подставка) - левой боковой панели 2019 */
.Block_2_Buttons_right_panel{ position: absolute; width: 238px; height: 460px; fload: right; z-index: 2; /*border: solid 1px red;*/ } /* Блок двух кнопок правой боковой панелт 2019 */
.Top_Button{ position: absolute; width: 160px; height: 203px; fload: left; z-index: 3; left: 35px; top: 18px; /*border: solid 1px yellow;*/ }
.Bottom_button{ position: absolute; width: 160px; height: 203px; fload: left; z-index: 3; left: 35px; top: 231px; /*border: solid 1px white;*/ }

.Panel_left { position: relative; width: 238px; height: 460px; fload: left; /*border: solid 1px white;*/ } /* Левая боковая панель 2019*/
.Stand_Left_Panel { position: absolute; width: 238px; height: 460px; fload: left; z-index: 1; /*border: solid 1px greenyellow;*/ } /* Рисунок Стенд ( подставка) - левой боковой панели 2019 */
.Block_2_Buttons_left_panel{ position: absolute; width: 238px; height: 460px; fload: left; z-index: 2; /*border: solid 1px red;*/ } /* Блок двух кнопок левой боковой панелт 2019 */
/* END  Боковые панели слайдера Супер 2019 */

/* SHOPS */
.Block_summary_shops { position: relative; width: 100%; height: auto;  float: left; /*border: solid 1px red;*/ } /* БЛОК РАЗДЕЛА "МАГАЗИНЫ"//------------------------------------//*/
.Stand_Block_summary_shops { position: relative; width: 100%; height: 300px; float: left; /*border: solid 2px red;*/ } /* Блок - подставка под кнопки магазинов */
.Left_shop  { position: absolute; width: 549px; height: 268px;  float: left; left: 26px; top: 17px; z-index: 1; /*border: solid 1px green;*/ } /* Левая кнопка магазина */
.Right_shop { position: absolute; width: 549px; height: 268px;  float: left; left: 605px; top: 17px; z-index: 1; /*border: solid 1px yellow;*/ } /* Правая кнопка магазина */
/* END SHOPS */

/* block summary  ( Блок РЕЗЮМЕ ) */
.block_summary{ position: relative; width: 100%; height: auto;  float: left; left: 0px; top: 0px;  /*border: solid 1px chartreuse;*/  } /* ВЕСЬ БЛОК РЕЗЮМЕ  НАТАША//------------------------------------//*/
.block_Natali{ position: relative; width: 100%; height: 300px;  float: left; left: 0px; top: 0px; /*border: solid 1px orange;*/   } /* Блок резюме Натали весь */
.Stand_Natali{ position: relative; width: 1176px; height: 300px;  float: left; left: 0px; top: 0px; /*border: solid 1px orange;*/   } /*Рисунок подставка Блока резюме Натали */
.Photo_Natali{ position: absolute; width: 305px; height: 229px;  float: left; left: 35px; top: 38px; z-index: 1; /*border: solid 1px orange;*/   }
.Afanaseva_Natasha{ position: absolute; width: 800px; height: 226px;  float: left; left: 345px; top: 38px; z-index: 1; /*border: solid 1px orange; */  }

/* End block summary  ( Блок РЕЗЮМЕ ) */

/* Central menu */
#Bottom_center_menu{ position: relative; width: 100%; height: auto;  float: left; left: 0px; top: 0px; /*border: solid 1px green;*/   } /* БЛОК ЦЕНТРАЛЬНОГО МЕНЮ   //------------------------------------// */
/* Нулевая линия */
#line_f1 { position: relative; width: 100%; height: 200px; float: left; left: 0px; top: 0px;  /*border: solid 1px red;*/ }  /* Блок проектов над маленьким слайдером  //------------------------------------//  */
#line_0 { position: relative; width: 100%; height: 100px; float: left; right: 0px; /*border: solid 1px white;*/  }
#Prof_advice_left  { position: relative; width: 215px; height: 100px; float: left; left: 17px; }
#Prof_advice_center  { position: relative; width: 740px; height: 100px; float: left; left: 2px; }
#Prof_advice_right  { position: relative; width: 215px; height: 100px; float: right; right: 17px; }
/* End Нулевая линия */
#Line_menu_1 { position: relative; width: 100%; float: left; left: 0px; top: 0px;  /*border: solid 1px orange;*/ } /* линея маленьких кнопок нижнего меню  //------------------//////////////////////////////////////////------------------//*/
.Line_menu_2 { position: relative; width: 100%; height: auto; float: left; left: 0px; top: 0px;  /*border: solid 1px orange;*/ } /* линея больших кнопок нижнего меню  //------------------//////////////////////////////////////////------------------//*/
.mini_cell_left { position: relative; width: 385px; height: 150px; float: left; left: 0px; /*border: solid 1px red;*/ }
.mini_cell_center { position: relative; width: 385px; height: 150px; float: left; left: 7px; /*border: solid 1px red;*/ }
.mini_cell_right { position: relative; width: 385px; height: 150px; float: right; right: 0px; /*border: solid 1px red;*/ }
#mini_cell_left { position: relative; width: 380px; height: 100px; float: left; left: 5px; /*border: solid 1px yellow;*/ }
#mini_cell_center { position: relative; width: 380px; height: 100px; float: left; left: 15px; /*border: solid 1px yellow;*/ }
#mini_cell_right { position: relative; width: 380px; height: 100px; float: right; right: 9px; /*border: solid 1px yellow;*/ }
#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 */






/* Header */
#header { position: relative; width: 1176px; height: 114px; top: 2px; /*border: solid 1px white;*/  background: url(/PO_Afonder/Image/Central_page_image/Fon_Shapka_3.jpg);}
#Slayder_Super { position: relative; width: 100%; top: 0px; /*border: solid 1px white;*/ } /* окно центрального слайдера */
#Blue_button { position: absolute; width: 560px; height: 45px; float: right; right: 18px; top: 37px; z-index: 1;  /*border: solid 1px white;*/ } /* Блок синих кнопок в шапке */

/* Logo */
#logo { position: relative; width: 310px; height: 80px; float: left; left: 10px; top: 15px; }
#enumerator{ position: relative; width: 180px; height: 85px; float: left; left: 73px; padding: 42px 0 0 0px;}
.Our_Father{ position: absolute; width: 64px; height: 114px;  float: left; left: 530px; top: 10;  z-index: 3;  /*border: solid 1px white;*/ }
#header1{ position: relative; width: 110px; height: 40px; float: right; right: 0px; top: 0px; /*border: solid 1px white;*/ }
#Block_Left_buttons{ position: absolute; width: 230px; height: 477px;  float: left; left: 0px; top: 120;  z-index: 1;  /*border: solid 1px white;*/ background: url(/PO_Afonder/Image/Central_page_image/1_777_2.jpg); } /* контейнер левых кнопок */
#Block_right_buttons{ position: absolute; width: 230px; height: 477px;  float: right; right: 0px; top: 120;  z-index: 1;  /*border: solid 1px white;*/ background: url(/PO_Afonder/Image/Central_page_image/1_777_2.jpg); } /* контейнер левых кнопок */
     /* Левые кнопки */
        #Mitsubishi         { position: absolute; width: 210px; height: 90px;  float: left; left: 9px;  top: 12px;  z-index: 2; }
		#Ford_button         { position: absolute; width: 210px; height: 90px;  float: left; left: 9px;  top: 102px;  z-index: 2; }
		#Websites_button         { position: absolute; width: 210px; height: 90px;  float: left; left: 9px;  top: 195px;  z-index: 2; }
		#English            { position: absolute; width: 210px; height: 90px;  float: left;   left: 9px; top: 288; z-index: 2;   /*border: solid 1px white;*/ }
		#News_page            { position: absolute; width: 210px; height: 90px;  float: left;   left: 9px; top: 381; z-index: 2;   /*border: solid 1px white;*/ }
		
     /* End Левый кнопки */
	 /* Правые кнопки */
        #facebook_like    { position: absolute; width: 210px; height: 90px;  float: right; right: 11px; top: 12;  z-index: 2;  /*border: solid 1px white;*/ }
		#facebook_page    { position: absolute; width: 210px; height: 90px;  float: right; right: 11px; top: 102; z-index: 2;  /*border: solid 1px white;*/ }
		#VK_page               { position: absolute; width: 210px; height: 90px;  float: right; right: 11px; top: 195; z-index: 2;  /*border: solid 1px white;*/ }
		#PrivatBank_page { position: absolute; width: 210px; height: 90px;  float: right; right: 11px; top: 288; z-index: 2;  /*border: solid 1px white;*/ }
		#zello_page          { position: absolute; width: 210px; height: 90px;  float: right; right: 11px; top: 381; z-index: 2;  /*border: solid 1px white;*/ }
		
	/* End Правые кнопки */
		#Armored_car         { position: absolute; width: 705px; height: 95px; float: right; right: 0px; top: 0;   z-index: 8;   /*border: solid 1px white;*/ }
		#WAR                       { position: absolute; width: 705px; height: 95px; float: right; right: 0px; top: 105; z-index: 9;   /*border: solid 1px white;*/ }
		#Morga_page           { position: absolute; width: 465px; height: 195px; float: left;   left: 0px; top: 0; z-index: 9;    /*border: solid 1px white; */}
/* End Logo*/

/* От старого css осталось */
/*
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; }
#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(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 От старого css осталось */
/* End Header */

/* Slider */
#slider_box_afonder{ position: relative; width: 100%; height: 270px; float: left; left: 0px; top: 0px; /*border: solid 1px white;*/ } /* окно маленького слайдера от afonder   //------------------------------------//  */

/*#slider { position: relative; width: 1176px; height: 269px; top: 0px; border: solid 1px yellow;  } /* окно маленького слайдера от изготовителя одинаково с afonder */

#next,
#prev { position: absolute; top: 115px; display: block; width:  64px; height: 64px; z-index: 10; }
#next { right: 20px; background: url(images/next.png) no-repeat 0 0; }
#prev { left: 20px; background: url(images/prev.png) no-repeat 0 0; }

#slider-content { position: relative; width: 1176px; 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(images/get-started.png) no-repeat 0 0; margin: 35px 0 0 112px; }
#slider-content .get-started:hover { background-position: 0 -87px; }

/* End Slider */

/* Main */
/*
#main {}
#main { padding: 0 0 73px 20px; }

.cols { padding: 45px 0 70px 0; }

.col { float: left; display: inline; width: 295px; margin-right: 25px; }
.col-last { margin-right: 0; }

.post {color:  #E6F7F7;}
.post h3 { font-size: 20px; color: #26EA14; border-bottom: 1px solid #0D15F4; padding-bottom: 10px; margin-bottom: 10px; }
.post p { line-height: 18px; }
.post .underline {text-decoration: underline; }
.post img { margin: 6px 0; }
.post a { color:#F10BED; text-decoration: underline; }
.post a:hover { color:  #0D15F4; }
.post a.learn-more { display: block; color:  #F10BED; font-weight: bold; padding-top: 8px;  }
.post a.learn-more:hover { color:  #0D15F4; }   

#content {color:  #E6F7F7; }
#content .col { width: 455px; }
#content .col h3 { padding-bottom: 16px; }
#content .col-last p { padding-bottom: 13px; }
#content .col-last .learn-more { padding: 0; }
*/
/* End Main */

/* Footer */

.footer_box { position: relative; width: 100%; height: 0px; top: 0px; /*border: solid 4px darkorchid;*/ } /* окно нижнего меню 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 */
