@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	z-index:1;
}

/*--------------------------------------------------------------*/
/* GLOBAL STYLES*/
/*--------------------------------------------------------------*/
html,body{margin:0;padding:0; font-size:12px;font-family:Arial,sans-serif;}
DIV {border:0;}
FORM {margin: 0;}
a{
	text-decoration: none;
	font-size:12px ;
	font-weight:bold;
	line-height: 1.1;
	color:#666;
	cursor:pointer;
}
a:hover{
	font-weight:none;
}

h1 {
	color:#0765CA;
	font-size:16px;
}

h2 {
	color:#20110A;
	font-size:12px;
}
h3 {
	color:#003;
	font-size:12px;
}



.title1{
	font-size:16px;
	color:#0265ca;
}
.title2{
	font-size:14px;
	color:#999;
}
.title3{
	font-size:12px;
	color:#0265ca;
}
.sqr_red {
	background: url('../../img/spry_main.png') left top no-repeat;
	background-position: -762px -10px;
	float:left;
	width:15px;
	height:15px;
}

.sqr_orng {
	background: url('../../img/spry_main.png') left top no-repeat;
	background-position: -762px 4px;
	background-repeat:no-repeat;
	float:left;
	width:15px;
	height:15px;
}


.cnt_links a{
	color:#666;
}


.left_menu a{
	color:#000;
	line-height:30px;
	padding-left:32px;
}

.left_menu li{
	
	background: url('../../img/spry_main.png') left top no-repeat;
	background-position: -637px -90px;
	background-repeat:no-repeat;
}







#container {
 	position:absolute;
	top:0; left:0;
	width: 1004px;
	height:100%;   
	background:#FFF;
	z-index:-1;
} 


/* main header for top page*/
#header { 
	width:1004px;
	height:310px;   
	background: #FFF;
} 

/*--------------------------------------------------------------*/
/* TOP LEFT*/
/*--------------------------------------------------------------*/
#top_left{
	float: left;
	width:304px;
	height:90px;
}


#top_left2{
	background-image:url('../img/spry_add.png');
	background-repeat:repeat;
	background-position:-1px -1px;
	position:relative;
	float: left;
	width:162px;
	height:90px;
	z-index:150;
}

#top_left4{
	background-image:url('../img/spry_main.png');
	background-repeat:no-repeat;
	background-position:-15px 0px;
	position:relative;
	float: left;
	width:142px;
	height:90px;
}

#top_left_menu{
	position:relative;
	float: left;
	color:#ccc;
	width: 200px;
}
#top_left_menu a{
	display:block;
	background-image:url('../img/spry_main.png');
	background-repeat:no-repeat;
	position:relative;
	float: left;
	margin-left:15px;
	margin-top:30px;
	height:25px;
	cursor:pointer;
}
#top_left_menu1{
	background-position:-360px 0;
	width:16px;
}
#top_left_menu2{
	background-position:-376px 0;
	width:16px;
}
#top_left_menu3{
	background-position:-392px 0;
	width:18px;
}
#top_left_menu4{
	background-position:-410px 0;
	width:16px;
}
#top_left_menu5{
	color:#fff;
	background-position:-510px 0;
	width:50px;
}
/*--------------------------------------------------------------*/
/*TOP MIDDLE*/
/*--------------------------------------------------------------*/
#top_middle{
	float: left;
	width:700px;
	height:90px;
}
#top_middle6{
	background-image:url('../img/spry_add.png');
	background-repeat:repeat;
	background-position:0 -353px;
	position:relative;
	float: left;
	margin-left:1px;
	width:190px;;
	height:59px;
	z-index:200;
	overflow:visible;
}
#top_middle7{
	background-image:url('../img/spry_main.png');
	background-repeat:no-repeat;
	background-position:-158px -55px;
	position:relative;
	float: left;
	width:644px;
	height:30px;
}
#top_middle7_1{
	background-image:url('../img/spry_main.png');
	background-repeat:no-repeat;
	background-position:-158px -55px;
	position:relative;
	float: left;
	width:50px;
	height:30px;
}
/*.search_box{
	margin:1px 0  0 5px;
	width:180px;
	color:white;
}*/
.search_box{
	margin:25px 0  0 15px;
	width:144px; height:20px;
	border:0;
	color:#FFF;
	background-image:url('../img/spry_main.png');
	background-repeat:no-repeat;
	background-position:-390px -35px;
}
.gsc-input{
	margin:15px 0  0 0px;
	width:90px; height:20px;
	border:0;
}
.gsc-search-button{
	margin:12px 0  0 5px;
}
.gsc-control{
	width:100%;
}
.hint_text{
	padding:6px;
	color:#000;
	opacity:0.9;
	font-size:12px;
	overflow:visible;
}
.top_middle_button{
	text-align:center;
	background-image:url('../img/spry_main.png');
	background-repeat:no-repeat;
	background-position:-158px 0px;
	position:relative;
	float: left;
	margin:4px 0px 1px 1px;
	width:100px;
	height:55px;
	cursor:pointer;
}
.top_middle_button:hover{
	background-position:-259px 0px;
}

.top_menu_act{
	display:block;
	text-align:center;
	background-image:url('../img/spry_main.png');
	background-repeat:no-repeat;
	background-position:-158px 0px;
	position:relative;
	float: left;
	margin:4px 0px 1px 1px;
	width:100px;
	height:55px;
	cursor:pointer;
	color:#fff;
	opacity:0.9;
	font-weight:normal;
}
.top_menu_act:hover{
	background-position:-259px 0px;
}
.top_menu_pas{
	display:block;
	text-align:center;
	background-image:url('../img/spry_main.png');
	background-repeat:no-repeat;
	background-position:-158px 0px;
	position:relative;
	float: left;
	margin:4px 0px 1px 1px;
	width:100px;
	height:55px;
	cursor:pointer;
	color:#9bcafe;
	opacity:0.9;
	font-weight:normal;
}
.top_menu_pas:hover{
	background-position:-259px 0px;
}

.top_menu_pas font{
	display:block;
	height:28px;
	padding-top:8px;
	color:#999;
	opacity:0.3;
	font-size:16px;
	font-weight:bold;
}
.top_menu_act font{
	display:block;
	height:28px;
	padding-top:6px;
	color:#ff8f27;
	opacity:0.9;
	font-size:18px;
	font-weight:normal;
}

/*--------------------------------------------------------------*/
/*BOTTOM LEFT*/
/*--------------------------------------------------------------*/
#bot_left{
	background-image:url('../img/spry_add.png');
	background-repeat:repeat;
	background-position:0 -91px;
	position:relative;
	float: left;
	width:304px;
	height:208px;
}
#bot_left_logo{
	background-image:url('../img/spry_main.png');
	background-repeat:no-repeat;
	background-position:0px -90px;
	position:relative;
	float: left;
	margin-top:1px;
	width:304px;
	height:207px;
}

/*--------------------------------------------------------------*/
/* BOTTOM MIDDLE*/
/*--------------------------------------------------------------*/
#bot_middle{
	background-image:url('../img/main_pict.jpg');
	position:relative;
	float: left;
	margin-top:1px;
	width:699px;
	height:207px;
	border-left:1px solid #000;
	z-index:1;
}

.smenu{
	display:block;
	width:100px;
	height:50px;
	color:#000080;
	background-color:#a3cffd;
	opacity:0.6;
	text-align:center;
	cursor:pointer;
	border:1px solid #000;
}
.smenu:hover{
	border:1px dashed #FFF;
}

#smenu1{
	margin-top:8px;
	margin-left:201px;
}
#smenu2{
	float:left;
	margin-left:100px;
	margin-top:-1px;
}
#smenu3{
	margin-top:-1px;
	margin-left:403px;
}
#smenu4{
	width:201px;
	margin-top:-1px;
	margin-left:201px;
}
#smenu5{
	float:left;
	height:45px;
	margin-top:-1px;
	margin-left:-1px;
}
#smenu6{
	height:45px;
	margin-top:-1px;
	margin-left:504px;
}

#bot_devider{
	background-image:url('../img/spry_add.png');
	background-repeat:repeat;
	background-position:0 -300px;
	position:relative;
	float: left;
	width:1004px;
	height:11px;
}


/*--------------------------------------------------------------*/
/*SIDEBAR*/
/*--------------------------------------------------------------*/
#sidebar {
	float: left;
	width:300px;
}
#sb_header{
	height:55px;
	width:365px;
	opacity:0.9;
}
#sb_header_text{
	background-image:url('../img/spry_main.png');
	background-position:-304px -90px;
	background-repeat:no-repeat;
	position:relative;
	float: left;
	height:40px;
	width:263px;
	margin-left:40px;
	padding-top:10px;
	color:#0796fc;
	font-size:16px;
	font-weight:bold;
}

#sb_header_add1{
	float: left;
	height:5px;
	width:198px;
	background-image:url('../img/spry_add.png');
	background-repeat:repeat;
	background-position:0 -311px;
}
#sb_header_add2{
	float: left;
	height:5px;
	width:5px;
	background-image:url('../img/spry_main.png');
	background-position:-562px -90px;
	background-repeat:no-repeat;
}

#sb_content{
	width:290px;
	margin:20px 0;
	border-right:2px solid #b3c0d1;
}
.sb_content_box{
	width:290px;
	margin-top:15px;
}
.sb_content_header{
	width:250px;
	height:48px;
	padding-left:55px;
	color:#FFF;
	background-image:url('../img/spry_main.png');
	background-position:-304px -217px;
	background-repeat:no-repeat;
}
.sb_content_str{
	width:230px;
	margin-top:-15px;
	margin-left:50px;
	text-align:left;
}
/*--------------------------------------------------------------*/
/*MAIN CONTENT*/
/*--------------------------------------------------------------*/
#main_content {
	float:right;
	width:600px;
	padding:20px 10px;
	text-align:justify;
} 
/*#main_content a{
	color:#09f;
}*/
#main_content p {
	text-indent: 20px;
	/*color:#306;*/
}
/*#main_content p:first-letter {
	color:#0066ca;
}*/


#main_content ul {
	padding:0;
	
}
#main_content li {
	list-style-type: none;
	padding-top:5px;
}

.arrow {
	color:#f07e1a;
	cursor:pointer;
	font-size:12px;
	padding:0px 20px;
	line-height:17px;
	background-image:url('../img/spry_main.png');
	background-repeat:no-repeat;
	background-position:-429px 0px;
	width:200px;
}
.arrow:hover {background-position:-429px -16px;}

.news_header{
	font-size:13px;
}


/*--------------------------------------------------------------*/
/*FOOTER*/
/*--------------------------------------------------------------*/
#footer {
	width: 1004px;
	height:58px;
	clear:both;
} 
#footer_l1 {
	background-image:url('../img/spry_add.png');
	background-repeat:repeat;
	background-position:0 -447px; 
	width: 136px;
	height:17px;
	margin-top:41px;
	position:relative;
	float:left;
} 
#footer_l2 {
	background-image:url('../img/spry_main.png');
	background-position:-304px -185px;
	background-repeat:no-repeat;
	width: 58px;
	height:32px;
	margin-top:26px;
	position:relative;
	float:left;
} 
#footer_l3 {
	width: 26px;
	height:27px;
	margin-top:26px;
	margin-bottom:5px;
	background-color:#09f;
	position:relative;
	float:left;
} 
#footer_l4 {
	background-image:url('../img/spry_main.png');
	background-position:-304px -140px;
	background-repeat:no-repeat;
	width: 125px;
	height:45px;
	margin-top:9px;
	margin-bottom:4px;
	position:relative;
	float:left;
} 
#footer_l5 {
	width: 24px;
	height:28px;
	margin-top:10px;
	margin-bottom:19px;
	background-color:#09f;
	position:relative;
	float:left;
}
#footer_l6{
	background-image:url('../img/spry_main.png');
	background-position:-430px -140px;
	background-repeat:no-repeat;
	width: 6px;
	height:33px;
	margin-top:5px;
	margin-bottom:21px;
	position:relative;
	float:left;
} 
#footer_l7{
	background-image:url('../img/spry_add.png');
	background-repeat:repeat;
	background-position:0 -320px; 
	width: 532px;
	height:33px;
	margin-top:5px;
	margin-bottom:21px;
	position:relative;
	float:left;
}
#footer_l8{
	background-image:url('../img/spry_main.png');
	background-position:-436px -140px;
	background-repeat:no-repeat;
	width: 4px;
	height:37px;
	margin-top:1px;
	margin-bottom:21px;
	position:relative;
	float:left;
}
#footer_l9{
	background-image:url('../img/spry_add.png');
	background-repeat:repeat;
	background-position:0 -316px; 
	width: 93px;
	height:37px;
	margin-top:1px;
	margin-bottom:21px;
	position:relative;
	float:left;
} 


.bott_menu{
	display:block;
	float:left;
	padding: 10px 10px;
	color:#CCC;
}
.bott_menu font:hover{
	color:#fc7515;
}
.bott_menu font{
	color:#CCC;
	font-size:16px;
	opacity:0.3;
	padding-right:3px;
}

/*ADDITIONAL STYLES*/
.block_add_info {
 float:right;
 width:40%;
 color:#FFF;
 padding: 4px; /* Поля вокруг картинки */
 margin:10px;
}
.img_float{
	float:left;
	height:100px;
	padding:10px;
}


/*OVERLAY*/
#overlay{ 
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8; /* код для движков Mozilla */
	opacity:.80;  /*свойство из спецификации CSS3, которое поддерживается не всеми браузерами*/
	filter: alpha(opacity=80); /* код для IE */
}
 
#loading-box {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8; /* код для движков Mozilla */
	opacity:.80;  /*свойство из спецификации CSS3, которое поддерживается не всеми браузерами*/
	filter: alpha(opacity=80); /* код для IE */
}
 

/*MAIL FORM*/
.form-email{
    display:none;
	padding:10px 10px;
    position:absolute;
    top:20%;
	left:35%;
	z-index:6000;
	text-align:center;
}
#form-email-body{
	width:400px;
	height:200px;
}
#mail_form_header{
	color:#FFF;
	padding:3px;
	font-size:14px;
	font-weight:bold;
}

#form-email ul{
	list-style-type:none;
}
#form-email label{
	color:#20C;
	display:block;
	float:left;
	width:40%; 
}

#form-email textarea{
	width:50%;
	border:1px solid #f6730a;
}
.inp-txt-mail{
	width:50%;
	border:1px solid #f6730a;
	border-bottom:0;
}
.form-email-btn{
	float:left;
	margin:5px;
	width:40%;
	cursor:pointer;
	
}






/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

/*
 Creates rounded, raised boxes like on the Ext website - the markup isn't pretty:
  <div class="x-box-blue">
        <div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>
        <div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">
            <h3>YOUR TITLE HERE (optional)</h3>
            <div>YOUR CONTENT HERE</div>
        </div></div></div>
        <div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>
    </div>
 */

.x-box-tl {
	background: transparent url(../img/box/corners.gif) no-repeat 0 0;
    zoom:1;
}

.x-box-tc {
	height: 8px;
	background: transparent url(../img/box/tb.gif) repeat-x 0 0;
	overflow: hidden;
}

.x-box-tr {
	background: transparent url(../img/box/corners.gif) no-repeat right -8px;
}

.x-box-ml {
	background: transparent url(../img/box/l.gif) repeat-y 0;
	padding-left: 4px;
	overflow: hidden;
    zoom:1;
}

.x-box-mc {
	background: #eee url(../img/box/tb.gif) repeat-x 0 -16px;
	padding: 4px 5px;
	font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
	color: #393939;
	font-size: 12px;
	text-align:left;
}

.x-box-mc h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 4px 0;
    zoom:1;
}

.x-box-mr {
	background: transparent url(../img/box/r.gif) repeat-y right;
	padding-right: 4px;
	overflow: hidden;
}

.x-box-bl {
	background: transparent url(../img/box/corners.gif) no-repeat 0 -16px;
    zoom:1;
}

.x-box-bc {
	background: transparent url(../img/box/tb.gif) repeat-x 0 -8px;
	height: 8px;
	overflow: hidden;
}

.x-box-br {
	background: transparent url(../img/box/corners.gif) no-repeat right -24px;
}

.x-box-tl, .x-box-bl {
	padding-left: 8px;
	overflow: hidden;
}

.x-box-tr, .x-box-br {
	padding-right: 8px;
	overflow: hidden;
}

.x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
	background-image: url(../img/box/corners-blue.gif);
}

.x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
	background-image: url(../img/box/tb-blue.gif);
}

.x-box-blue .x-box-mc {
	background-color: #c3daf9;
}

.x-box-blue .x-box-mc h3 {
	color: #17385b;
}

.x-box-blue .x-box-ml {
	background-image: url(../img/box/l-blue.gif);
}

.x-box-blue .x-box-mr {
	background-image: url(../img/box/r-blue.gif);
}.x-panel-tl{
	background:transparent url(../img/corners-sprite.gif)
	no-repeat 0 0;
	padding-left:6px;
	border-bottom:1px solid #99bbe8;}
.x-panel-tr{
	background:transparent url(../img/corners-sprite.gif)
	no-repeat right 0;
	padding-right:6px;
}
.x-panel-tc{
	background:transparent url(../img/top-bottom.gif)
	repeat-x 0 0;
	overflow:hidden;}
.x-panel-header{
	overflow:hidden;
	color:#15428b;
	padding:5px 3px 4px 5px;
	line-height:15px;
}
.x-panel-bwrap{
	overflow:hidden;
	left:0;top:0;
}


.x-panel-ml{
	background:#fff url(../img/left-right.gif)
	repeat-y 0 0;
	padding-left:6px;
}
.x-panel-mr{
	background:transparent url(../img/left-right.gif)
	repeat-y right 0;
	padding-right:6px;
}
.x-panel-mc{
	border:0 none;
	padding:0;margin:0;
	font:normal 11px tahoma,arial,helvetica,sans-serif;
	padding-top:6px;
	background:#dfe8f6;
}
	
.x-panel-body{
	overflow:hidden;
}


.x-panel-bl{
	background:transparent url(../img/corners-sprite.gif)
	 no-repeat 0 bottom;
	padding-left:6px;
}
.x-panel-br{
	background:transparent url(../img/corners-sprite.gif)
	 no-repeat right bottom;
	padding-right:6px;
}
.x-panel-bc{
	background:transparent url(../img/top-bottom.gif)
	 repeat-x 0 bottom;
}
.x-panel-footer{
	padding-bottom:6px;
}