#resize {max-width: 100%;height: auto;width: auto\9; /* ie8 */}

#bgbg {
float: left; 
width: 561px; 
height: 117px; 
background-image: url('img/templ-1x2.jpg');
display: block; visibility : visible;
}


#bglg {
display: block; visibility : visible;
}

#ml {display: none;}


#right_banner {
float:left;
margin-top: 5px;
margin-left: 1px;
width:235px;                        /*250 / 200*/
}
/* /MAIN */

#index {
width:1005px; 					/*1050 / 1000*/
margin: 0 auto;
border-left:1px solid #C2C2C2; 
border-right:1px solid #C2C2C2;                     
}



#submenu_footer {
font-size:12px;
width:100%;
margin-top:15px;
background-color: #FFFFFF;
padding : 0px 0px 0px 0px;
}


/* LEFT PANEL */
#left_panel  {
width:162px;
float:left;
border-right: 1px solid #e1e1e1;
}

/* CENTER PANEL */
#center_pannel {
float:left;
width:595px;
margin-left: 1px;
padding-left: 1px;
padding-right: 1px;
margin-top: 5px;
border-right: 1px solid #e1e1e1;  vertical-align : top;  vertical-align : top;
}




#leftMenu li {
width: 162px;
height: 20px;
list-style: none;
float: left;
margin-left: 0px;
padding-left: 2px;
COLOR: #e6e6e6;
}


#leftMenu li.to {
width: 162px;
height: 32px;
list-style: none;
float: left;
margin-left: 0px;
padding-left: 2px;
COLOR: #e6e6e6;
}

#leftMenu a {
font-family: Verdana;
font-size: 12px;
color: #000000;
text-decoration: none;
}

#leftMenu  a:hover{ 
font-family: Verdana;
font-size: 12px;
color: #586F7F;
text-decoration: underline;
}

#leftMenu li.firstMenu {
border-bottom: 2px solid Silver;
width: 140px;
color: #CA3200; 
font-family: Verdana; 
font-size: 12px; 
font-weight: bold;
padding-left: 2px;
margin-top: 7px;
}



.linehr {clear: both; border-bottom: 1px solid Silver; margin-bottom: 5px; margin-top: 5px;}



a.link {
	font-family: Verdana;
	font-size: 12px;
	color: #0857A6;
	text-decoration: underline;
}
a.link:hover {
	font-family: Verdana;
	font-size: 12px;
	color: #F26D00;
	text-decoration: none;
}



a.nazv {
	font-family: Verdana;
	font-size: 13px;
	color: #0857A6;
	text-decoration: underline;
}
a.nazv:hover {
	font-family: Verdana;
	font-size: 13px;
	color: #F26D00;
	text-decoration: none;
}



.nazv {
 	font-family: verdana, Helvetica, sans-serif;
 	font-size: 12px;
 	font-weight: bold;
 	color: #0857A6;
	padding-left: 5px;
}

.logo1 {
 	font-family:  Tahoma, Helvetica, sans-serif;
 	font-size: 13px;
 	font-weight: bold;
 	color: #323232;
 	text-decoration: none;
}
.logo2 {
 	font-family: Tahoma, Helvetica, sans-serif;
 	font-size: 13px;
 	font-weight: bold;
 	color: #CA3200;
 	text-decoration: none;
}

.text {
 	font-family:  Verdana;
 	font-size: 12px;
	}
	
 .textsy {
 	font-family: Verdana;
 	font-size: 12px;
 	color : Silver;
 }
	

	
.texts {
 	font-family:  Arial, Helvetica, sans-serif;
 	font-size: 12px;
}

.textred {
 	font-family:  Arial, Helvetica, sans-serif;
 	font-size: 12px;
 	color: #CA3200;
}

.textredsm {
 	font-family:  Arial, Helvetica, sans-serif;
 	font-size: 10px;
 	color: #CA3200;
}


.home {
    font-size : 12px;
    font-family :Arial, Geneva, sans-serif;
    text-decoration : underline;
	color: #0857A6;
}
A.home:hover {
    font-size : 12px;
    font-family : Arial, Geneva, sans-serif;
    text-decoration : underline;
	color: #F26D00;
}

.ugol {
 border-left: 1px ridge white; border-bottom: 1px ridge white; 
}

.inp
{font-size : 12px; font-family : Tahoma; border : 1px ; border-style : ridge; border-color : Silver;}


h1
{
 	font-family: Verdana;
	font-size: 20px;
 	font-weight: bold;
	color: #5A5A5A;
 	text-decoration: none;
	padding-left: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid Silver;
}

h2
{
 	font-family: Verdana;
 	font-size: 15px;
 	font-weight: bold;
	color: #5A5A5A;
 	text-decoration: none;
	border-bottom: 1px solid Silver;
	padding-left: 5px;
	margin-bottom: 5px;
}



a.prop {
	font-family: Arial, Geneva, sans-serif;
	font-size: 12px;
	color: WHITE;
	text-decoration: underline;
}
a.prop:hover {
	font-family: Arial, Geneva, sans-serif;
	font-size: 12px;
	color: WHITE;
	text-decoration: underline;
}

.link {
	font-family: Arial, Geneva, sans-serif;
	font-size: 14px;
	color: #0857A6;
	text-decoration: none;
}

.brd {border-bottom: 1px solid #C7C7C7;}



.pd {padding-right: 3px; padding-left: 3px;  padding-top: 5px;  vertical-align : top;}


.linehr {clear: both; border-bottom: 1px solid Silver; margin-bottom: 5px; margin-top: 5px;}



div.txtb {
	font-family: Arial;
	font-size: 10px;
	color: #777777;
	line-height : 10px;
	padding-left: 5px;
}



#topMenu {
margin-top: 2px;
background-color: #2F75B4;
height:20px;
}

#topMenu li{
	list-style: none;
}

#topMenu a{
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}

#topMenu a:hover{ 
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
	text-decoration: underline;
}




table.tck {
	COLOR: #c2c2c2;
	font-size : 12px;
}

a {
	font-family: Verdana;
	font-size: 12px;
	color: #0857A6;
	text-decoration: underline;
}
a:hover {
	font-family: Verdana;
	font-size: 12px;
	color: #0857A6;
	text-decoration: none;
}


a.news {
	font-family: Verdana;
	font-size: 15px;
	color: #0857A6;
	font-weight: bold;
	text-decoration: underline;
}
a.news:hover {
	font-family: Verdana;
	font-size: 15px;
	color: #0857A6;
	font-weight: bold;
	text-decoration: none;
}




a.rb {
font-family:  tahoma;
font-size: 12px;
color: #cc0000;
font-weight: bold;
text-decoration: underline;
}


a.rb:hover {
font-family:  tahoma;
font-size: 12px;
color: #cc0000;
font-weight: bold;
text-decoration: none;
}


a.white {
font-family:  verdana;
font-size: 12px;
color: #FFFFFF;
text-decoration: underline;
}


a.white:hover {
font-family:  verdana;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
}


a.top{
	font-family: Verdana;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}

a.top:hover{ 
	font-family: Verdana;
	font-size: 12px;
	color: #ffffff;
	text-decoration: underline;
}






@media screen and (max-width: 980px) {

#right_banner {
width: 300px;
float: left;
}


#bgbg {

width: 300px;

}

#index {

width: 95%;

}

#topMenu {
width: 65%;
}

#topMenu a{
   	font-size: 14px;
}

#topMenu a:hover{ 
    font-size: 14px;
}



#center_pannel {
float: left;
width:603px;
}

#leftMenu li {
width: 240px;
}

#left_panel  {
width:240px;
float:left;
}


#leftMenu a {
font-size: 13px;
}

#leftMenu  a:hover{ 
font-size: 13px;
}

.text {
 	font-size: 12px;
	}

a {
 	font-size: 12px;
	}
a.link {
 	font-size: 12px;
	}

	a.top{
	font-family: Verdana;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
}

a.top:hover{ 
	font-family: Verdana;
	font-size: 13px;
	color: #ffffff;
	text-decoration: underline;
}
	
	
	

}

@media screen and (max-width: 780px) {

#bgbg {

width: 200px;

}
}



@media screen and (max-width: 700px) {

#right_banner {
width: 300px;
float: left;
}


#center_pannel {
float: left;
width:auto;
}


#topMenu {
width: 100%;
}

#topMenu a{
   	font-size: 16px;
	line-height : 30px;
}

#topMenu a:hover{ 
    font-size: 16px;
	line-height : 30px;
}

#leftMenu li {
width: 240px;
}

#leftMenu a {
font-size: 15px;
line-height : 30px;
}

#leftMenu  a:hover{ 
font-size: 15px;
}

.text {
 	font-size: 14px;
}

a {
 	font-size: 14px;
	line-height : 30px;
	}
	a:hover {
 	font-size: 14px;
	line-height : 30px;
	}

	a.link {
 	font-size: 14px;
	line-height : 30px;
	}
		a.link:hover {
 	font-size: 14px;
	line-height : 30px;
	}
	
	a.top{
	font-family: Verdana;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
}

a.top:hover{ 
	font-family: Verdana;
	font-size: 16px;
	color: #ffffff;
	text-decoration: underline;
}

	
}


@media screen and (max-width: 550px) {
#tbl {display: none;}
#bgbg {display: none;}
#bglg {display: none;}
#leftMenu {width: 330px;}
#left_panel  {width:330px; float:left; border-right: 0px solid #e1e1e1;}
#recr {display: none;}
#left200 {display: none;}
#leftMenu li.firstMenu {width: 330px; font-size: 16px; }
#ml {display: block; visibility : visible;}
li {width: 336px;}
#leftMenu li {width: 336px; height: 25px;}
#left_panel {width: 336px;}
}