/*------------------------------------------------------------------*/
body {
margin: 0;
padding: 0;
width: 100%;
background: #353535;
}

#mainConteiner {
font-family: Tahoma, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
width: 1000px;
background: url(../../images/fon_top.gif) repeat-x;
text-align: left;
border-left: 3px solid #2e2e2e;
border-right: 3px solid #2e2e2e;
}
#header {
position: relative;
width: 1000px;
}

img {
border: 0px;
}
#logo {
float: left;
width: 289px;
height: 178px;
background: url(../../images/logo.jpg) no-repeat;
}
#slogan {
float: left;
width: 406px;
height: 178px;
background: url(../images/slogan.gif);
background-position: bottom;
}
#headRight {
float: left;
width: 305px;
height: 178px;
}
#headTop {
float: left;
width: 305px;
height: 60px;
background: url(../images/head_right_top.jpg) no-repeat;
}
#headSpace {
float: left;
width: 100px;
height: 55px;
}
#headButton {
float: left;
width: 305px;
height: 55px;
background: url(../images/head_right_button.jpg) no-repeat;
}
/************* ????????? *************/
#home{
float: left;
width: 53px; 
height: 55px;
}
#home a{
display: block;
width: 53px;
height: 55px;
background: url(../images/home_0.gif) no-repeat;
}
#home a:hover{
background: url(../images/home.gif) no-repeat;
}
#mail{
margin-left: -20px;
float: left;
width: 53px; 
height: 55px;
}
#mail a{
display: block;
width: 53px;
height: 55px;
background: url(../images/mail_0.gif) no-repeat;
}
#mail a:hover{
background: url(../images/mail.gif) no-repeat;
}
#maps{
margin-left: -20px;
float: left;
width: 53px; 
height: 55px;
}
#maps a{
display: block;
width: 53px;
height: 55px;
background: url(../images/maps_0.gif) no-repeat;
}
#maps a:hover{
background: url(../images/maps.gif) no-repeat;
}

#headBottom {
float: left;
width: 305px;
height: 63px;
background: url(../images/head_right_bottom.jpg) no-repeat;
}

#navigation {
position: relative;
width: 1000px;
height: 235px;
}
/************ mainMenu ************/
#mainMenu{
position: relative;
float:left;
width: 206px;
height: 235px;
margin-top: 10px;
clear: both;
}
#mainMenu ul{}

#mainMenu li {
float: left;
list-style-type: none;
width: 206px;
height: 38px;
}

#mainMenu li a {
padding: 0 0 0 80px;
color: #FFFFFF;
text-decoration: none;
display: block;
height: 38px;
line-height: 38px;
background: url(../images/mainMenu1.gif) no-repeat;
}
#mainMenu li a:hover {
color: #ffcf00;
background: url(../images/mainMenu2.gif) no-repeat;
}
#mainMenu li.butbot {
float: left;
list-style-type: none;
width: 206px;
height: 38px;
}

#mainMenu li.butbot a {
padding: 0 0 0 80px;
color: #FFFFFF;
text-decoration: none;
display: block;
height: 38px;
line-height: 38px;
background: url(../images/mainMenu3.gif) no-repeat;
}
#mainMenu li.butbot a:hover {
color: #ffcf00;
background: url(../images/mainMenu4.gif) no-repeat;
}

/*********** ?????????? ??????????? ? ???????? ***********/
#reversImages{
position: relative;
float: left;
width: 225px;
height: 235px;
margin-left: 40px;
}
#mainImage {
position: relative;
float: right;
width: 506px;
height: 235px;
background: url(../images/mainimage.jpg) no-repeat;
}
#fon1 {
position: absolute;
top: 365px;
width: 254px;
height: 180px;
background: url(../images/fon1.jpg) no-repeat;
border: 1px #FF0000;

}
#fon0 {
float: right;
width: 700px;
/*height: 133px;*/
height: 40px;
}
#conText {
float: left;
width: 670px;
min-height: 320px;
background: url(../images/fon_context.gif) repeat-y;
color: #333333;
font-size: 12px;
padding: 0 0 30px 0;
}
#conText h1{
margin: 30px 0 0 80px;
width: 153px;
height: 51px;
padding: 12px 15px 0 15px;
font-size: 15px;
font-weight: normal;
color: #FFFFFF;
background: url(../images/context_title.jpg) no-repeat;
}
#conText p{
margin: 5px 20px 0 40px;
}
#conText p a{
color: #FF9900;
}
#conText2 {
float: left;
width: 950px;
background: url(../images/fon_context.gif) repeat-y;
color: #333333;
font-size: 12px;
padding: 0 0 30px 0;
}
#conText2 h1{
margin: 30px 0 0 80px;
width: 153px;
height: 51px;
padding: 12px 15px 0 15px;
font-size: 15px;
font-weight: normal;
color: #FFFFFF;
background: url(../images/context_title.jpg) no-repeat;
}
#conText2 p.text{
margin: 5px 20px 0 40px;
}
#conText2 p	{
margin: 5px 20px 0 40px;
}
#conText2 p#newsTitle{
background: url(../images/str4.gif) no-repeat;
padding-left: 24px;
color: #666;
border: none;
}
#conText2 p#newsTitle:hover{
background: url(../images/str3.gif) no-repeat;
}
#conText2 p.text a{
color: #666;
}
#conText2 p.text a:hover{
color: #ffd101;
}
#conText2 p a{
color: #666;
}
#conText2 p a:hover{
color: #ffd101;
}
/*                   ÄËß ÊÀÒÀËÎÃÀ              */

#conText3 {
float: left;
width: 950px;
background: url(../images/fon_context.gif) repeat-y;
color: #333333;
font-size: 12px;
padding: 0 0 30px 0;
}
#conText3 h1{
margin: 30px 0 0 80px;
width: 153px;
height: 51px;
padding: 12px 15px 0 15px;
font-size: 15px;
font-weight: normal;
color: #FFFFFF;
background: url(../images/context_title.jpg) no-repeat;
}
#conText3 p.text{
margin: 5px 20px 0 40px;
}
#conText3 p#newsTitle{
background: url(../images/str4.gif) no-repeat;
padding-left: 24px;
color: #666;
border: none;
}
#conText3 p#newsTitle:hover{
background: url(../images/str3.gif) no-repeat;
}
#conText3 p.text a{
color: #666;
}
#conText3 p.text a:hover{
color: #ffd101;
}
#conText3 p a{
color: #666;
}
#conText3 p a:hover{
color: #ffd101;
}
/*#conText2 p{
font-size: 11px;
margin: 10px 40px 0 0;
padding: 0 0 10px 24px; 
}*/

#iii { 
position: relative; 
width: 172px; 
height: 84px; 
background: url(../images/iii.jpg) no-repeat; 
float: right; 
margin: -27px 0 0 0; 
z-index: 10; }
/*********** News **********/
#news {
float: right;
width: 285px;
height: 100%;
color: #FFFFFF;
}
#news b, news p{
color: #FFFFFF;
}
#news p#newsTitle{
background: url(../images/str2.gif) no-repeat;
padding-left: 24px;
color: #FFFFFF;
border: none;
}
#news p#newsTitle:hover{
background: url(../images/str1.gif) no-repeat;
}
#news p#newsTitle a{
color: #FFFFFF;
}
#news p#newsTitle a:hover{
color: #ffd101;
}
#news p{
font-size: 11px;
margin: 10px 40px 0 0;
padding: 0 0 10px 24px; 
border-bottom: 1px solid #5b5c5e;
}
#news h1{
margin: 0 0 0 20px;
width: 153px;
height: 51px;
padding: 12px 15px 0 15px;
font-size: 15px;
font-weight: normal;
color: #FFFFFF;
background: url(../images/news.jpg) no-repeat;
}
#fon2{
position: relative;
left: 181px;
top: -110px;
width: 104px;
height: 123px;
background: url(../images/fon2.jpg) no-repeat;
margin-bottom: -110px;
}
#fon3{
float: left;
width: 40px;
height: 105px;
background: url(../images/fon3.jpg) no-repeat;
}
#footer{
float: left;
width: 1000px;
height: 130px;
background: #525355;
clear: both;
}
#copy{
float: left;
width: 33%;
text-align: center;
}
#copy p{
margin: 50px;
font-size: 11px;
color: #FFFFFF;
vertical-align: bottom;
background: #464748;
padding: 10px;
}
#adres{
float: left;
width: 33%;
text-align: center;
}
#adres p{
margin: 40px;
font-size: 11px;
color: #FFFFFF;
vertical-align: bottom;
background: #464748;
padding: 10px;
}
#create{
float: left;
width: 33%;
text-align: center;
}
#create p a{
color: #FF9900;
}
#create p{
margin: 50px;
padding: 10px;
font-size: 11px;
color: #FFFFFF;
background: #464748;
text-align: left;
}
#content{
width: 1000px;
height: 100%;
background: #525355;
}

/**************** ??????? ********************/

.cattitle{
font-size: 12px;
color: #666666;
text-decoration: none;
margin: 0 0 0 30px;
padding: 0 0 0 40px;
background: url(../images/str4.gif) no-repeat; 
}
.cattitle:hover{
background: url(../images/str3.gif) no-repeat;
text-decoration: underline;
}
.cat{
font-size: 12px;
color: #333333;
text-decoration: none;
margin: 0 0 0 45px;
padding: 0 0 0 40px;
background: url(../images/str6.gif) no-repeat 0px 3px;
}
.cat:hover{
background: url(../images/str5.gif) no-repeat 0px 3px;
text-decoration: underline;
}
.catActive{
font-size: 12px;
color: #999;
text-decoration: none;
margin: 0 0 0 45px;
padding: 0 0 0 40px;
background: url(../images/str6.gif) no-repeat 0px 3px; 
}
#conCat {
float: left;
width: 940px;
background: url(../images/fon_context.gif) repeat-y;
color: #333333;
font-size: 12px;
padding: 0 0 30px 0;
}
#conCat h1{
margin: 30px 0 0 80px;
width: 153px;
height: 51px;
padding: 12px 15px 0 15px;
font-size: 15px;
font-weight: normal;
color: #FFFFFF;
background: url(../images/context_title.jpg) no-repeat;
}
#conCat p{
margin: 5px 20px 0 40px;
}
span.title {
font-size: 14px;
font-weight: bold;
}

.aaa{ color: #FF9900; }