@import url(reset.css);
body{
	margin:0;
	color:#232323;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	border: 0px;
	border-color:#000000;
}

/*-------------------------О Б Щ И Е------------------------------*/


h1 {font: bold 25px Arial; text-align: center; margin-top: 5px; color: Maroon; border-style:outset}
/*h2 {font: bold 20px Arial; text-align: center; margin-top: -2px; color: Green; border-style:outset}*/
h3 {font: bold 20px Times; text-align: center; margin-top: -2px; color: Black}
h4 {font: normal 14px Times; text-align: left; margin-top: -2px; color: Black}
h5 {font: italic 18px Times; text-align: right; margin-top: -2px; color: Green}
h6 {font: bold 12px Arial; text-align: right; margin-bottom: -2px; color: Maroon}
h7 {font: bold 25px Arial; text-align: left; margin-top: 5px; color: Maroon}
h8 {font: bold 20px Arial; text-align: left; margin-top: -2px; color: Green}



.blueT {
color: #000099;
}

.blue {
 	color: #0033ff;
}

.red {
 	color:#cc0033;
}

.green {
color: #009900;
}

.redT {
color: #993300;
}


.redBig {
color: #993300;
font: 24px "Times New Roman";
font-style: normal;
}

.uppercase  {
text-transform: uppercase; 
}

.center  {
text-align: center;
margin: 2px auto 2px auto;    /*  auto слева и справа — центрирует блок в середине окна браузера */
}

.right  {
text-align: right;

}


.small {font-size: 11px}

.big {font-size: 21px}

/*-------------------------Конец О Б Щ И Х------------------------------*/


/**/
#top {
width:1024px;
	height:190px;
	margin:0 auto;
	outline:0px solid #0000ff;
    position: relative; 
}
.topLineBlack {
	   
    height:14px;
    width:1024px;
	outline:0px solid #ffff33;
	position: fixed;          /*  Фиксированное положение */
	background-color:#000000;
    top:0px;
    z-index:5;       
}

.topLineGrey {
	   
    height:14px;
    width:1024px;
	outline:0px solid #ffff33;
	position: fixed;          /*  Фиксированное положение */
	background-color:#c0c0c0;
    top:14px;
    z-index:4; 
}

 /* ----------------------------------Начало блока header-------------------------------------*/
	  
#name-header  {
	width:120px;
	height:10px;
	outline:0px solid #000000;
	/*position:absolute;*/
	left:500px;
	/*background-color:#BDDCE1;*/
	position: relative;          /*   Фиксированное положение */
    top:10px;
	z-index:5;
}


#header {
	height:192px;
    width:1024px;
	outline:0px solid #ffff33;
	position: fixed;          /*  Фиксированное положение */
	background-color:#ffffff;
    top:28px;
    z-index:4;                     
}


.rus  {
    width:31px;
    height:21px;
	outline:0px solid #33ff00;
	background-image: url(../images/flag-rf.png);
	background-repeat:no-repeat;
	position: absolute; /*Фиксированное положение */           
	left:30px;
	top:-43px;
	
}

.eng  {
    width:31px;
    height:21px;
    outline:0px solid #00ff00;
	background-image: url(../images/flag-eng.png);Фиксированное положение 
	background-repeat:no-repeat;
	position: absolute;            /*Фиксированное положение */
	left:80px;
	top:-43px;
	
}

.rus a {
	display:block;
	width:47px;
	height:32px;
	cursor:pointer;
	outline:0px solid #ffff00;
	
}

.eng a {
	display:block;
	width:47px;
	height:32px;
	cursor:pointer;
	outline:0px solid #ff0000;
	
}


#logo     {
	width:849px;
	height:159px;
	outline:0px solid #99ffff;
	background-image: url(../images/logo.png);
	background-repeat:no-repeat;
	position:absolute;
	left:17px;
	top:20px;
}

#logo a {
	display:block;
	height:122px;
	cursor:pointer;
}

#emblem  {
    width:143px;
    height:159px;
    outline:0px solid #6600ff;
	background-image: url(../images/emblem.png);
	background-repeat:no-repeat;
	position: relative;           
	left:880px;
	top:20px;
}

#nav    {
width: 980px;
height: 43px;
outline:0px solid #cc0000;
background-image: url(../images/navBg.png);
background-repeat: no-repeat;
position:absolute;
    top:150px;
    left:16px;
z-index:5;
}
#nav li   {
float:left;
outline:0px solid #cc0000;
height: 40px;
background-image: url(../images/navDel.png);
background-repeat: no-repeat;
}

#nav li a  {
outline:0px solid #008000;
height: 29px;
display:block;
padding: 17px 18px 0 18px;
text-decoration: none;
color:#79a100;
font: bold 13px Arial, sans-serif;
text-transform: uppercase;
}

#nav li a.active    {
	background: none;
	color:#2c789c;
	}


/*#nav li a{
	text-decoration:none;
	font:15px Arial, sans-serif;
	color:#3f3f3f;
}*/

#nav a.active    {
	color:#2c789c;
    }

#nav li a:hover    {
	color:#cc0000;
}

#nav li.last a   {
	padding-right: 0;
}
#new {
position:absolute;
left:0;
top:0;
}


/* ----------------------------------Конец блока header-------------------------------------*/
#wrapper{
	width:1024px;
	height:222px;
	margin:0 auto;
	outline:0px solid #cccccc;
    position: relative; 
}
/* ----------------------------------Начало блока colors-------------------------------------*/

#colors   {
/*height:147px;*/
outline:0px solid #cc0000;
 background-image: url(../images/colorsBg.png);
background-repeat:repeat-y;
padding:30px 49px 0 44px;

}

#blue  {
height:150px;
width:292px;
float: left;
background-color:#2C789C;
padding-left:13px;
background-image: url(../images/e1.png);
background-repeat:no-repeat;
background-position: 250px 10px;
}

#yellow  {
height:150px;
width:302px;
float: left;
background-color:#e5b00d;
padding-left:18px;
background-image: url(../images/e2.png);
background-repeat:no-repeat;
background-position: 270px 10px;
}

#green  {
height:150px;
width:282px;
float: left;
background-color:#97ba15;
padding-left:24px;
background-image: url(../images/e3.png);
background-repeat:no-repeat;
background-position: 250px 10px;
}

#blue,  #yellow, #green   {
color: #ffffff;
padding-top:13px;
position:relative;
}

#colors h2 {
font:15px Arial, sans-serif;
font-aligh: 
padding-bottom:10px;
}

#colors p {
font:12px Arial, sans-serif;
padding-bottom:10px;
}

 /*---------------------------------------------------------С зелеными кнопками*/
#colors a {
text-decoration:none;
text-align: left;
color: #cccccc;
font:14px Arial, sans-serif;
display:block;
height:22px;
width:74px;
padding:2px 0;
 background-image: url(../images/readmore.png);
 background-repeat:no-repeat;
 cursor:pointer;
 margin-bottom:4px;
}

#colors a {
text-decoration:none;
text-align: center;
color: #525252;
font:16px Arial, sans-serif;
display:block;
width:99px;
height:26px;
background-image: url(../images/readMore.png);
background-repeat:no-repeat;
 cursor:pointer;
padding:2px 0;
}

.clear {
clear:both;
}

#romb1 {
width:25px;
height:51px;
position:absolute;
background-image: url(../images/e4.png);
background-repeat:no-repeat;
left:0;
top:49px;
}

#romb2 {
width:25px;
height:49px;
position:absolute;
background-image: url(../images/e5.png);
background-repeat:no-repeat;
left:0;
top:49px;
}

#yellow a, #yellow p { 
margin-left: 8px;
}
/* ----------------------------------Конец блока colors-------------------------------------*/
/* ----------------------------------Начало блоков: черно-белого,  текстового   -------------------------------------*/

#text {

outline:0px solid #ff9900;
 background-image: url(../images/colorsBg.png);
background-repeat:repeat-y;
position: relative;
margin: 37px 0px -5px 0px;
padding: 17px 100px 100px 100px;

}


#blackAndWhite {
outline:0px solid #cccccc;
 background-image: url(../images/colorsBg.png);
background-repeat:repeat-y;
position: relative;
padding: 17px 55px 30px 55px;
}

#bLeft, #bRight  {
position:absolute;
width:43px;
height:100px;
}

#bLeft  {
 background-image: url(../images/bLeft.png);
background-repeat:no-repeat;
bottom:0;
left:0;
}

#bRight  {
 background-image: url(../images/bRight.png);
background-repeat:no-repeat;
bottom:0;
right:0;
}

#bBottom  {
 background-image: url(../images/bBottom.png);
background-repeat:repeat-x;
bottom:0;
right:35px;
width:956px;
height:1px;
position:absolute;
}

#bContent {
height:225px;
outline:0px solid #cc0000;
width:620px;
float:left;
}

#bForm {
height:225px;
outline:0px solid #cc0000;
width:279px;
float:left;
margin-left:15px;
}

#bContent  h2, #bForm  h2   {
font:24px Arial, sans-serif;
color: #000000;
margin-bottom:6px;
}

#bContent  p.strong   {
font:bold 16px Arial, sans-serif;
color: #1b1e1b;
margin-bottom:13px;
}

#bContent  p   {
font: 16px Arial, sans-serif;
color: #7b7d78;
margin-bottom:8px;
}

#bContent  a {
text-decoration:none;
text-align: center;
color: #7b7d78;
font:16px Arial, sans-serif;
display:block;
width:99px;
height:26px;
background-image: url(../images/readMoreBlack.png);
background-repeat:no-repeat;
 cursor:pointer;
padding:2px 0;
}

#bForm input {
width:261px;
height:31px;
border: 2px solid #dedede;
margin-bottom:  11px;
color:#bababa;
font:16px Arial, sans-serif;
padding-left: 15px;
}

#bForm input.button{
width:99px;
height:26px;
border: none;
padding:25px 0 0 0;
margin:  0;
}
                       
/* ----------------------------------Конец черно-белого блока-------------------------------------*/
/* ----------------------------------Начало темного блока-------------------------------------*/

#dark   {
padding:13px 30px 14px 41px;
outline:0px solid #cc0000;
background-color: #1d1e1b;
}

#obout, #team, #blog   {
outline:0px solid #cccccc;
height:403px;
float:left;
}

#obout, #team  {
width:289px;
}

#blog  {
width:297px;
}

#team, #blog   {
margin-left: 39px;
}

#imgDark1{
width:289px;
height:116px;
background-image: url(../images/dark1.jpg);
background-repeat:no-repeat;
}

#imgDark2{
width:290px;
height:120px;
background-image: url(../images/dark2.jpg);
background-repeat:no-repeat;
}

#dark h3  {
height:27px;
outline:0px solid #cccccc;
font:19px Arial, sans-serif;
color: #ffffff;
text-transform:uppercase;
overflow:hidden;
}

#obout p,  #team p {
height:226px;
outline:0px solid #cccccc;
font:13px Arial, sans-serif;
color: #94998f;
padding-top:9px;
overflow:hidden;
}

#obout  a,  #team a {
text-decoration:none;
text-align: center;
color: #ffffff;
font:16px Arial, sans-serif;
display:block;
width:99px;
height:25px;
background-image: url(../images/readMoreBlue.png);
background-repeat:no-repeat;
 cursor:pointer;
padding:3px 0;
}

#post1,  #post2 {
height:125px;
outline:0px solid #cccccc;
}

#post3 {
height:126px;
outline:0px solid #cccccc;
}

#blogImg1   {
width:88px;
height:116px;
float:left;
background-image: url(../images/dark3.png);
margin-right: 10px;
}

#blogImg2   {
width:120px;
height:58px;
float:left;
background-image: url(../images/dark4.jpg);
margin-right: 10px;
}

#blogImg3   {
width:88px;
height:116px;
float:left;
background-image: url(../images/dark5.jpg);
margin-right: 10px;
}

#blog h4  {
font: bold 13px Arial, sans-serif;
color: #ffffff;
}

#blog p  {
font: 13px Arial, sans-serif;
color: #94998f;
}

#blog a  {
font:12px Arial, sans-serif;
color: #2c789c;
text-decoration:underline;
}

#blog h3 span  {
color: #2c789c;
text-transform:lowercase;
padding-left:10px;
}

/* ----------------------------------Конец темного блока-------------------------------------*/
/* ----------------------------------Начало серого блока-------------------------------------*/

#gray   {
/*height:168px;*/
background-color: #2e302c;
outline:0px solid #c1ad00;
padding:15px 30px 35px 40px;
}

#contacts   {
width: 300px;
/*height:168px;*/
outline:0px solid #cccccc;
float:left;
}

#partners   {
width: 628px;
height:168px;
outline:0px solid #cccccc;
float:left;
margin-left:26px;
}

#gray h2  {
font: 18px Arial, sans-serif;
color: #ffffff;
text-transform: uppercase;
margin-bottom: 3px;
}

#gray  h3     {
font: 14px Arial, sans-serif;
color: #ffffff;
text-align: left;
margin-bottom: 5px;
margin-top: 5px;
}

#gray p  {
font: 13px Arial, sans-serif;
color: #94998f;
margin-bottom: 6px;
}

#gray a  {
font: 16px Arial, sans-serif;
color: #2c789c;
text-decoration:none;
}

.partner   {
float:left;
}

.partner   li   {
color: #94998f;
font:13px Arial, sans-serif;
padding-left:22px;
background-image: url(../images/plus.png);
background-repeat:no-repeat;
background-position: 0 4px;
}


/* ----------------------------------Конец серого блока-------------------------------------*/
/* ----------------------------------Начало  блока footer-------------------------------------*/

#footer   {
height:45px;
background-color: #131412;
outline:0px solid #66ff00;
position:relative;
margin-top: 5px;
padding:20px 0;

}

#footer, #footer a {
font: 16px Arial, sans-serif;
color: #7b7d78;
text-decoration:none;
}

#footer a.active    {
	color:#33cc99;
}

#footer a:hover    {
	color:#ffffff;
}

.footer_links  {
padding:10px 0;

}

.footer_copyrights    {
padding:20px 0;
font: 15px Arial, sans-serif;
color: #7b7d78;
}




/*-------------------------Для кнопки вверх------------------------------*/

#back-top {
position: fixed;
bottom: 60px;
right: 3%;
}
#back-top a {
background: url(../images/top.png) no-repeat;
width: 23px;
height: 73px;
display: block;
margin-bottom: 7px;
}