*{padding: 0; margin: 0;}
body{background-color: #eee; font: 14px Arial, sans-serif; line-height: 2.1; color: #5b5b5b;}p{margin-bottom: 10px;}
.center{max-width: 960px; margin: 0px auto; padding-left: 20px; padding-right: 20px;}


/* Голова */
.bghead{
background-color: #eee;
}
.head{
padding: 30px 0;
background-color: #fff;
}
.headline{
 height: 30px;
background: url(images/head.png) no-repeat;   
}
.header{}
.head .header a, .head .header a:hover{
font: 12px 'Times New Roman', Times, serif;
text-decoration: none;
color: #fff;

background-color: #fff;
}
.head {
color: #ef7f1a;
margin-left: 0px;
height: 113px;
}
.slogan {
color: #ef7f1a;
margin-left: 10px;
background: url(images/headmid.jpg) no-repeat;
}

.news_blok {
border-left: 1px solid #bbb; 
border-right: 1px solid #bbb;   
border-bottom: 1px solid #bbb;
padding: 15px 15px 15px 15px; 
font: 12px Arial, sans-serif;
line-height: 2.1;
}

a.ukron
{
position: absolute;
height: 40px;
width: 40px;
margin-left: 830px;
margin-top: 0px;
background: url(images/ua_3.png) no-repeat;    
}
a.engon
{
position: absolute;
height: 40px;
width: 40px;
margin-left: 870px;
margin-top: 0px;
background: url(images/en.png) no-repeat;    
}
a.ruson
{
position: absolute;
height: 40px;
width: 40px;
margin-left: 910px;
margin-top: 0px;
background: url(images/ru.png) no-repeat;    
}
a.ukron:hover
{
position: absolute;
height: 40px;
width: 40px;
margin-left: 830px;
margin-top: 0px;
background: url(images/ua_3.png) no-repeat;    
}
a.engon:hover
{
position: absolute;
height: 40px;
width: 40px;
margin-left: 870px;
margin-top: 0px;
background: url(images/en_2.png) no-repeat;    
}
a.ruson:hover
{
position: absolute;
height: 40px;
width: 40px;
margin-left: 910px;
margin-top: 0px;
background: url(images/ru_2.png) no-repeat;    
}



/* Горизонтальное меню */
.bgmenu{
background: url(images/head.png) 0 0 repeat-y; 
}
.menu{
padding: 16px 0;
}
.menu span a{
font: bold 14px "Open Sans", Arial, serif;
line-height: normal;
color: #fff;
text-transform: uppercase;
text-decoration: none;
padding: 16px 25px;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
.menu span a.home{}
.menu span a:hover{
background: #ef7d00 0 48px repeat-x;
text-decoration: none;
padding: 16px 25px;
color: #fff;
}
.menu span a.activ,.menu span a.activ:hover{
background: #ef7d00 url(images/line.png) 0 0 repeat-x;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
text-decoration: none;
padding: 16px 25px 25px 25px;
color: #fff;
}



/* Тело */
.bgbody{background: url(images/bg.gif) 0 0 no-repeat;}
.body{
display: table;
width: 100%;
min-height: 800px;
overflow: hidden;
}
.column_left, .column_content{
display: table-cell;
vertical-align: top;
padding-top: 30px;
padding-bottom: 30px;
}
.column_left {
width: 280px;
}
.blok{
margin: 0 0 30px 0;
}
.name_blok{
background-color: #5b5b5b;
border: 1px solid #2b2a29;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font: 28px "Open Sans Condensed", Arial, sans-serif; color: #fff;
padding: 10px 20px;
}
.content_blok{}
.link {
background-color: #eee; background: linear-gradient(to bottom, #efefef, #e4e4e4);
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
}
.link a{
display: block;
background: url(images/link.gif) 20px 50% no-repeat;
border-top: 1px solid #fff;
border-bottom: 1px solid #bbb;
font: 13px Tahoma, Arial, serif; color: #666;
text-shadow: 0 1px 1px #fff; 
text-decoration: none;
padding: 14px 0px 14px 40px;
}
.link a:hover{
background-color: #fcfcfc;
color: #666;
text-decoration: none;
padding: 14px 0px 14px 40px;
}

.column_content{
padding-left: 20px;
}
.column_content h2{
background-color: #5b5b5b;
border: 1px solid #333;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font: 28px "Open Sans Condensed", Arial, sans-serif; color: #fff;
padding: 10px 20px;
}
.column_content .page{
background-color: #fff;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
text-align: justify;
padding: 20px 20px 50px 20px;
}
















.bgfoot{
padding-bottom: 30px;
}
.foot{
overflow: hidden;
background-color: #5b5b5b;
border: 1px solid #333;
border-radius: 3px;
line-height: normal;
}
.foot .footmenu{
float: left;
padding: 20px 15px;
}
.foot .footmenu a{
font: bold 11px "Open Sans", Arial, serif; color: #eee;
text-transform: uppercase;
text-decoration: none;
padding: 20px 15px;
}
.foot .footmenu a:hover{
color: #3495d9;
}
.foot  .counter{
float: right;
text-decoration: none;
padding: 12px 15px 0 0;
}



/*Ссылки*/
a{
color: #336699;
-webkit-transition: all 0.1s linear 0s;
-moz-transition: all 0.1s linear 0s;
-o-transition: all 0.1s linear 0s;
transition: all 0.1s linear 0s;
}
a:hover {color: #FF0000;}
/*Формы*/
form{line-height: 1;}
input[type="text"], input[type="password"], textarea, select{
border: 1px solid #999;
font: 14px Arial, sans-serif;
padding: 5px;
}
input[type="text"], input[type="password"], select{ width: 200px;}
textarea{ width: 80%;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus{
outline: none;
}
input[type="submit"], .button, button{
border: 1px solid #2b7bb3;
background-color: #3495d9;
text-decoration: none; color: #fff;
padding: 5px 14px;
font: 14px Arial, sans-serif;
}input[type="submit"]:hover, .button:hover, button:hover{
 background-color: #449cd9; color: #fff; text-decoration: none; cursor: pointer;
}