* {padding: 0; margin: 0;}
html {padding: 0;margin: 0; background: #efefef; width: 100%; height: 100%;}
body {margin: 0 auto; width: 1000px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; background: #FFFFFF; min-height: 100%; height: auto !important;}
#gerb {position: absolute; width: 163px; height: 168px; background: url(images/gerb-sko.png); margin:20px 0 0 30px; z-index: 4;}
#top_text_kz {position:absolute ; width: 454px; height:66px; background: url(images/top_text_kz.png);margin: 20px 0 0 220px; z-index: 3;}
#top_text_ru {position:absolute ; width: 454px; height:66px; background: url(images/top_text_ru.png);margin: 20px 0 0 220px; z-index: 3;}
#oblast_sko {position:absolute ; width: 272px; height:180px; background: url(images/oblast_sko.png);margin: 10px 0 0 720px; z-index: 2;}
#baner {position: absolute; width: 1000px; height:193px ; margin: 100px 0 0 -1px; padding: 0; border: 1px solid #16a2ce; background: url(images/baner_fon.jpg); z-index: 1;}
#menu { position: absolute; width: 700px; height: 38px;margin: 237px 0 0 113px; z-index: 10; display:inline;}
#left_png {background: url(images/menu_left.png);width: 10px;height: 38px; position: absolute; margin:0 ; z-index: 16; }
#menu_center {background: url(images/menu_fon.png);width: 670px;height: 38px; position: absolute;z-index: 15;margin:0 0 0 10px;padding: 0;}
#right_png {background: url(images/menu_right.png);width: 9px;height: 38px;position: absolute; margin:0 0 0 680px;}
#head {position: relative; width: 1000px; height: 315px;}

#center_content {width: 970px; min-height:400px; height:auto !important; }
#content_text {width: 690px; margin: 15px 15px 15px 15px;   height:auto !important; }
#content_text ul,ol {margin-left: 30px;}
#content ul,ol {margin-left: 30px;}
/*
Послание и контент первой страницы
*/
#content {width: 700px; margin: 15px 300px 15px 15px;  min-height:730px;height:auto !important; }
#content_vp {width: 700px; margin: 15px 300px 15px 15px;  min-height:500px;height:auto !important; }
#poslanie_ru {display:block; width: 250px; margin: 15px 15px 15px 730px ; height: 340px; position: absolute; top: 720px;  background: #FFF; 
	font-size:12px ; background-image: url(images/prezident.jpg); background-repeat: no-repeat; background-position: center; }

#poslanie_kz {display:block; width: 250px; margin: 15px 15px 15px 730px ; height: 340px; position: absolute; top: 720px;  background: #FFF;
	font-size:12px ; background-image: url(images/prezident_kz.jpg); background-repeat: no-repeat; background-position: center; }

/*
Виртуальная приемная
*/

.vp {display: block; width: 200px; text-align: center; position: absolute; left: 800px; top: 100px; color: white; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; font-style: normal;}
.lang_kz_activ {position: absolute; display: block; width: 54px; height: 35px; margin-left: -1px; margin-top:-65px; background-image: url(images/kz_activ.png);  }
 
.lang_ru {position: absolute;display: block; width: 54px; height: 24px; margin-left: -1px; margin-top:-30px; background-image: url(images/ru.png);  color: white; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; font-style: normal;}
.lang_kz {position: absolute; display: block; width: 54px; height: 24px; margin-left: -1px; margin-top:-65px; background-image: url(images/kz.png);  }
 
.lang_ru_activ {position: absolute;display: block; width: 54px; height: 37px; margin-left: -1px; margin-top:-42px; background-image: url(images/ru_activ.png);  color: white; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; font-style: normal;}
    
#news_text {width: 680px; margin: 15px 300px 15px 80px;  min-height:400px;height:auto !important;border: 1px solid #cecece; }    
.day {position: absolute; width:70px; height: 50px;  margin:10px 0 0 -92px ;background-image: url(images/day.png);background-repeat: no-repeat;}
.day .m {margin:2px 0 0 5px ;  color: white; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal;}
.day .d {margin: 0 ; color: #505050; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 24pt; font-style: normal;}
.foto {width: 235px;height: 272px; float: left; margin:40px 10px 5px 0; padding: 0; background: url(images/foto.jpg);border: 1px solid #CCC;}
#right_col {width: 200px; margin: 15px 15px 15px 780px ; height: 400px; position: absolute; top: 315px; 
	font-size:12px;}
    .news_rows {margin:15px 10px 15px 30px;}
.news_rows .name_news {margin: 0 0 10px 0;padding: 0 0 10px 0; color: #08a5d6; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 13pt; font-style: normal;display: block;border-bottom: 1px solid #cecece;}
.news_rows .news_short {color: #505050; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-style: italic;line-height: 1.2em;}
.news_rows .alignr {margin: 10px 0 0 400px ;}
.link_news {height: 30px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12pt;  text-align: center; font-weight:800; text-decoration: none;color: #27b7e5;}
.link_news a{margin:10px 5px 10px 5px;  text-decoration: underline;color: #000;font-weight:600;font-size: 10pt;}
.link_news a:hover { background: aqua; color: #FFF; text-decoration: none;}
#link_news {margin:10px 5px 10px 5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12pt;  text-align: center; font-weight:800; text-decoration: none;color: #27b7e5;float: none;}
#link_news a{padding: 5px; margin:0px 5px 10px 5px;  text-decoration: underline;color: #27b7e5;font-weight:600;font-size: 10pt; border: 1px solid #27b7e5;}
#link_news a:hover { background: aqua; color: #FFF; text-decoration: none;}

.news a {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14pt;color: #27b7e5; margin: 10px 0 0 20px; font-weight: bold;    }    
#foot_menu {width:968px ; margin: 15px; border: 1px solid #CCC; min-height: 400px; height: auto !important;}

#footer {position: static; width: 1000px; height:66px ; margin: 20px 0 0 -1px; padding: 0; border: 1px solid #16a2ce; background: url(images/foot_fon.png); z-index: 1;font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center; font-size:8pt;color: #FFFFFF;}


.view_razdel {margin-left: 30px; list-style: none;   }

.view_razdel li a {font-family:Tahoma, sans-serif; font-size: 9pt; font-weight: bold ; color:#2b2b2b; display: block; margin: 10px;}
#foot_text {margin-top: 15px; }

/*News baner*/

#news {width: 250px; margin: 15px 15px 15px 730px ; height: 400px; position: absolute; top: 315px;  background: #FFF; border: 1px solid #CCC;
	font-size:12px
  
    }
#rss {position: absolute; margin:-10px 0 0 190px; background: url(images/rss.png); width: 70px; height: 68px; z-index: 255;}
#rss a {margin:0 10px 0 30px; height: 35px;width: 40px; display: block;}
#sidebar {


	
	margin: 10px;
	width:230px;
	
}
#sidebar ul {
	font-family:Tahoma, sans-serif; font-size: 9pt;  border: none;font-weight:normal; text-decoration: none;
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
}
.none {
	background-position: 82px 0px;
}
.four {
	background-position: 82px -48px;
}
.five {
	background-position: 82px -60px;
}
.tags {
	color: #fff;
	margin: 5px;
}
.tags a, .tags span {
	background-color: #999;
	font-size: 9pt;
	
}
.tags a:link, .tags a:visited {
	color: #fff;
	text-decoration: none;
}
.tags a:hover, .tags a:active {
	background-color: #3e4448;
	color: #fff;
	font-size:9pt;
	text-decoration: none;
}
#sidebar li {
    height: 90px;
    
	overflow: hidden;
    border-bottom: 1px #27b7e5;
    border-bottom-style: dashed;
}

#sidebar li .newsa   {
	
	text-decoration:none;
    color:#2b2b2b;
	font-size:9pt;
    margin-top: 5px;
	margin-bottom:5px;
}
#sidebar li img {
	float:left;
	margin-right:8px;
}
#sidebar li .info {
	color:#3E4548;
	font-size:9pt;
    float: left;
    display: block;
   
    margin:5px  50px 0 0;
}
#sidebar img {
	padding:5px;
	border:#dedede solid 1px;
	background-color:#FFF;
}
#sidebar .info a, #sidebar .info a:visited {
	color:#3E4548;
	text-decoration: none;
    
}
#sidebar .spyWrapper {
	height: 100%;
	overflow: hidden;
	position: relative;
}
#sidebar {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.tags a {
  
    color:#FFF;
    font-size: 8pt;
    position: relative;
    margin:0 0 0 150px ;
    padding: 2px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
a img {
	border: 0;
}
.clear {
	clear:both;
}

/*
банер слайдер
*/

#mainbanner {
	width:458px;
	left:1px;
	height:148px;
	position:relative;
	margin: 10px 0 0 220px;
	overflow:hidden;
}

#mainbanner-scroll {
	overflow:hidden;
	position:relative;
	width:458px;
	height:148px;
}

#mainbanner-container {
	width:458px;
	height:148px;		
}

.mainbannerpan {
	width:458px;
	height:148px;
	position:relative;
	float:left;
	z-index:0;
}

.mainbannertext {
	position:absolute;
	bottom:10px;
	left:30px;
	text-shadow: 0px 1px 2px white;
}

.mainbannertitle {
	color:#01627a;
	text-shadow: 
}

.mainbannerdesc {
	color:#704f24;
}

#mainbanner img {
	vertical-align: top;
}

#mainbanner-nav {
	position:absolute;
	right:25px;
	bottom:20px;
	height:23px;
	width:70px;
    z-index: 20;
}

#mainbanner-nav-b-c {
	background:#0093c5;
	height:23px;
	margin:0 16px;
}

#mainbanner-nav-b-l {
	height:23px;
	width:16px;
	background: url(/images/mainbannernav-l.png) no-repeat;
	position:absolute;
	left:0;
	top:0;
    z-index: 20;
}
#mainbanner-nav-b-r {
	position:absolute;
	right:0;
	top:0;
		height:23px;
	width:16px;
	background: url(/images/mainbannernav-r.png) no-repeat;
    z-index: 20;
}

#mainbanner-nav-dots img {
	cursor:pointer;
	height:13px;
	width:11px;
	top:6px;
	position:absolute;
	font-size:1px;
    z-index: 20;
	
}

#mainbanner-corners div {
	position:absolute;
	width:24px;
	height:22px;
    z-index: 20;
}

#mainbanner-tl {
	left:0;
	top:0;
	background: url(/images/mainbannermask-tl.png);
    z-index: 20;
}

#mainbanner-tr {
	right:0;
	top:0;
	background: url(/images/mainbannermask-tr.png);
    z-index: 20;
}
#mainbanner-bl {
	background: url(/images/mainbannermask-dl.png);
	left:0;
	bottom:0;
    z-index: 20;
}

#mainbanner-br {
	background: url(/images/mainbannermask-dr.png);
	right:0;
	bottom:0;
    z-index: 20;
}

/*banner*/
#banners {
	width:968px ; margin: 15px; border: 1px solid #CCC;  background: url(/images/scroller_fon.png);
	height:150px;
	margin-bottom:8px;
	position: relative;
}

#banners-left {
	position:absolute;
	cursor:pointer;
	top:52px;
	left:28px;		
}

#banners-right {
	position:absolute;
	cursor:pointer;
	top:52px;
	right:28px;		
}

#bannersscroll {
	position:relative;
	overflow:hidden;
	margin:0 60px;
	height:133px;
	width:845px;
}

#banners a {
	float:left;
	margin-top:22px;
	margin-right:7px;
}
#banners object {
	float:left;
	margin-top:22px;
	margin-right:7px;
	border:1px solid #02637b;
}

#banners a img {
	border:1px solid #02637b;
}

#bannersscroll-container .scrollanchor {
	float:left;
	height:1px;
}

/*Меню*/

.menu_button  {	
   
    color:#a1a2ab ;
	list-style-type:none;
	margin:10px 0 0 20px;
	padding:0;
	position:relative;}
    
.menu_button li {
    float: left;
	overflow: hidden;
   
    display: block;
    margin: 0px 15px 0 15px;
    
}

.text { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10pt;color: #2b2b2b; text-indent: 20px; text-align: justify;line-height: 150%;}
#content_text p { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10pt;color: #2b2b2b; text-indent: 20px; text-align: justify;line-height: 150%;}

/*foot menu*/
.menu_link1 {margin:0;padding: 0; width: 980px; float: none; position: static; min-height: 260px;height: auto !important;}
.menu_link1 .rzdl {top: 0px; width: 230px; vertical-align: text-top; margin:10px 5px 5px 5px;height: auto !important; position: static;display: inline-block; }
.menu_link1 .rzdl a {font-family:Tahoma, sans-serif; font-size: 9pt; font-weight: bold ; color:#2b2b2b; }
.menu_link1 .rzdl a:hover {text-decoration: none; }

.temp_link {font-family:Tahoma, sans-serif; font-size: 9pt; font-weight: bold ; color:#2b2b2b; display: block; }
.menu_link2 { margin:10px 0 0 0;padding: 0;width: 980px; float: none; position: static; height: auto !important; min-height: 120px;}
.menu_link2 .rzdl {vertical-align: text-top; display: inline-block;  width: 230px; margin:0px 5px 5px 5px;height: auto !important; position: relative;}
.menu_link2 .rzdl a {font-family:Tahoma, sans-serif; font-size: 9pt; font-weight: bold ; color:#2b2b2b; text-decoration: underline;}
.menu_link2 .rzdl a:hover {text-decoration: none; }

.col1 {margin-left: 20px;list-style: square;}
.col1 li {font-family:Tahoma, sans-serif; font-size: 9pt; float: none; width: 220px; margin:0; border: none;}
.rzdl .col1 li a {font-family:Tahoma, sans-serif; font-size: 9pt;  border: none;font-weight:normal; text-decoration: none;}
.rzdl .col1 li a:hover {text-decoration: underline;}
.none li{float: none; position: static;}





/*календарь*/
#calendar {width: 250px; margin: 15px 15px 15px 780px ; height: 400px; position: absolute; top: 315px; }
.calendar {padding:4px 10px 12px 10px;margin-bottom:10px;width:170px;background:#eee url("images/hsprite.v1.png") no-repeat -90px top;}
.calendar h3{font-family: Verdana;font-size: 10pt; color:#fff;margin-left:-10px;padding-left:10px;width:180px;background:#017fbb url("images/hsprite.v1.png") no-repeat -496px bottom;}
.calendar TABLE TD A.today{color:#fff;background:url("images/hsprite.v1.png") no-repeat -307px -18px;}
.calendar TABLE TD.last{background-image:none;padding:0;}
.calendar TABLE TH.last{padding:0;}
.calendar TABLE TD A{display:block;height:18px;width:20px;color:#428cc5;text-decoration:none;text-align:center;margin-left:2px;}
.calendar h3{margin-left:-2px;}
.calendar{padding:4px 2px 0 2px;margin-bottom:10px;width:186px;background:#eee url("images/hsprite.v1.png") no-repeat -90px top;}.calendar FORM{height:28px;margin:0;}.calendar LABEL{display:block;font-size:140%;font-weight:bold;padding-bottom:12px;}.calendar SELECT{height:20px;border:1px solid #8c8c8c;}.calendar SELECT#month{width:118px;}.calendar SELECT#year{width:58px;margin-left:7px;}.calendar TABLE{display:table;table-layout:fixed;width:186px;border-spacing:0;font-size:120%;color:#717171;text-align:center;vertical-align:middle;overflow:hidden;}
.calendar TABLE TH{height:20px;width:24px;padding:0 3px 0 0;background:#e9e9e9 url("images/hsprite.v1.png") no-repeat -280px top;font-weight:bolder;}.calendar TABLE TH.weekend{background-position:-280px -20px;}
.calendar TABLE TD{height:24px;width:24px;padding:0 3px 0 0;background:#e9e9e9 url("images/vsprite.v1.png") no-repeat right -273px;}

/* Навигация меню**/
#appleNav { margin:40px 0; list-style:none;

    /* Lucinda Grande is the font used on the website from Apple. */
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; letter-spacing:-0.5px; font-size:13px;
    font-weight: bold;
    /* Apply a subtle text-shadow to the text */
    text-shadow: 1px 1px 3px #ececec;

    /* We want to add the shadow to the complete navigation menu. In order to do that, we'll need to set
    the correct width and height, and also the correct borders, in order to create the perfect drop shadow */
    width:770px; height:34px;
    
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    
    -moz-box-shadow: 0px 10px 10px #cecece;
    -webkit-box-shadow: 0px 10px 10px #cecece;
    box-shadow: 0 5px 5px #8b8b8b;
}

#appleNav li:not(.width) { display:block; float:left; border-right:1px solid #d6d6d6; border-left:1px solid #d6d6d6; width:110px; height:34px; border-bottom:1px solid #d6d6d6; border-top:1px solid #d6d6d6;
  background-image:url(images/menu_fon.png);
    /* Gradient backgrounds for the buttons. Generated using http://gradients.glrzad.com/ */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fdfdfd), color-stop(0.5, #dbdada), color-stop(0.51, #f1f1f1), color-stop(1, #fdfdfd));
    background-image: -moz-linear-gradient(center bottom, #fdfdfd 0%, #dbdada 50%, #f1f1f1 51%, #fdfdfd 100%);
    background-color:#5f5f5f; /* Fallback */
}

#appleNav .width { display:block; float:left; height: 34px; border-right:1px solid #d6d6d6; border-left:1px solid #d6d6d6; width:150px;  border-bottom:1px solid #d6d6d6; border-top:1px solid #d6d6d6;
   font-size: 9pt; padding: 0;
  background-image:url(images/menu_fon.png);
    /* Gradient backgrounds for the buttons. Generated using http://gradients.glrzad.com/ */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fdfdfd), color-stop(0.5, #dbdada), color-stop(0.51, #f1f1f1), color-stop(1, #fdfdfd));
    background-image: -moz-linear-gradient(center bottom, #fdfdfd 0%, #dbdada 50%, #f1f1f1 51%, #fdfdfd 100%);
    background-color:#5f5f5f; /* Fallback */
}

#appleNav .width a {line-height: 1.3;  }
#appleNav .width2 a {line-height: 1.3;  }
/* Set the states when hovering, except for the last item in the list (the search bar), since it doesn't need to change */
#appleNav li:not(:last-child):hover {
   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #c8c8c8), color-stop(0.5, #d7d5d5), color-stop(0.51, #e1e0e0), color-stop(1, #f3f3f3));
    background-image: -moz-linear-gradient(center bottom, #c8c8c8 0%, #d7d5d5 50%, #e1e0e0 51%, #f3f3f3 100% );
    background-color:#f8bd20; /* Fallback */
    
    /* We use the inset of the box shadow to create a subtle inner glow when hovering */
    -moz-box-shadow: inset 0 0 0px 0px #dedfdc;
    -webkit-box-shadow: inset 0 0 0px 0px #dedfdc;
    box-shadow: inset 0 0 0px 0px #dedfdc;
}

/* When the user clicks the button, we simply change the box inset (compared to the "hover") */
#appleNav li:not(:last-child):active {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f5f5f5), color-stop(0.5, #f3f3f3), color-stop(0.51, #d7d5d5), color-stop(1, #f5f5f5));
    background-image: -moz-linear-gradient(center bottom, #f5f5f5 0%, #f3f3f3 50%, #d7d5d5 51%, #f5f5f5 100% );
    background-color:#f8bd20; /* Fallback */
    
    -moz-box-shadow: inset 0 0px 0px 0px #000;
    -webkit-box-shadow: inset 0 0px 0px 0px #000;
    box-shadow: inset 0 0px 0px 0px #000;
}

#appleNav li a { color:#363636; text-decoration:none; text-align:center; display:block; line-height:34px; outline:none; }

/* Styling of the search field */
#appleNav form input { width:120px; height:20px; margin-left:9px; margin-top:8px; border:none; padding-left:20px; padding-right:10px; color:#eee;

    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;

    /* We use the CSS3 multiple backgrounds for the input field: The magnifier image and the gradient background */    
    background-image: url("images/magnifier.png");
    background-image: url("images/magnifier.png"), -webkit-gradient(linear, left bottom, left top, color-stop(0, #747474), color-stop(0.5, #6E6E6E), color-stop(0.51, #7E7E7E), color-stop(1, #8D8D8D));
    background-image: url("images/magnifier.png"), -moz-linear-gradient(center bottom, #747474 0%, #6E6E6E 50%, #7E7E7E 51%, #8D8D8D 100%);
    background-repeat: no-repeat;
    
    background-color:#6E6E6E; /* Fallback */
    
    -moz-box-shadow: inset 0 2px 1px 1px #363636;
    -webkit-box-shadow: inset 0 2px 1px 1px #363636;
    box-shadow: inset 0 2px 1px 1px #363636;
}

/* Rounded corner for the first in last item. Shorthand: Top left, Top right, Bottom right, Bottom left.
We also remove the borders, since they don't need them. */
#appleNav li:first-child {
    -moz-border-radius:10px 0 0 10px;
    -webkit-border-radius:10px 0 0 10px;
    border-radius:10px 0 0 10px;
    
    border-left:none;
}

/* The first child image - the logo - has to be centered. Because of the image dimensions, we manually need to shift it a bit. */
#appleNav li:first-child a img {
   vertical-align:middle; margin-top:-2px;
}

#appleNav li:last-child {
    -moz-border-radius:0 10px 10px 0;
    -webkit-border-radius:0 10px 10px 0;
    border-radius:0 10px 10px 0;
    
    border-right:none;
    
    /* The width of the last menu item (search bar) is bigger than the others */
    width:170px;
}

/* Fade in animation (Webkit only) */
@-webkit-keyframes showMenu {
    from { opacity: 0; top:-20px; }
    to   { opacity: 1; }
}

#appleNav {
     -webkit-animation: showMenu 1s; position:relative;
}


/*Разделы меню */

#section {
    position: absolute; margin-left: 730px; top: 340px;
    width: 250px; height: auto !important; min-height: 200px;   background: #FFF; 
	font-size:12px
     -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
  border: 1px solid #bdbcbd;
  
  
  background-image:  -webkit-gradient(linear, left bottom, left top, color-stop(0, #e3e3e3), color-stop(0.1, #FFF));
    background-image:  -moz-linear-gradient(center bottom, #e3e3e3 0%, #FFF 10%);
    background-repeat: no-repeat;
    }
    
    
#section .section { 
    text-align: center;padding-top: 10px;
    /* Lucinda Grande is the font used on the website from Apple. */
    font-family:  Verdana, Arial, Helvetica, sans-serif;  font-size:16px;
    font-weight: bold;
    /* Apply a subtle text-shadow to the text */
    text-shadow: 1px 1px 3px #ececec;
    color: #FFF;
    /* We want to add the shadow to the complete navigation menu. In order to do that, we'll need to set
    the correct width and height, and also the correct borders, in order to create the perfect drop shadow */
    margin: -1px 0 0 -1px;
    width:250px; height:30px;
    background-image:  -webkit-gradient(linear, left bottom, left top, color-stop(0, #a7e4f7), color-stop(0.5, #27bbea), color-stop(0.51, #27bbea), color-stop(1, #a7e4f7));
    background-image:  -moz-linear-gradient(center bottom, #a7e4f7 0%, #27bbea 50%, #27bbea 51%, #a7e4f7 100%);
    background-repeat: no-repeat;
    background-color: #27bbea;
    border: 1px solid #089dcb;
    -moz-border-radius:10px 10px 0 0;
    -webkit-border-radius:10px 10px 0 0;
    border-radius:10px 10px 0 0;
    
  
}


#section ul {
    	font-size:12px;
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
            
            }
            
#section ul li  {
    background-image: url(images/strelka.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    margin-left: 10px; 
            	   
	

            }     
            
.menu  {
    margin:5px 0 5px 10px;
    overflow: hidden;
    display: block;
	height: auto !important;
    min-height: 20px;
    width: 210px;
    border-bottom: 1px #b0b0b0;
    border-bottom-style:solid;
    text-align: left;
    font-family:Tahoma, sans-serif; font-size: 9pt; font-weight: bold ;  
    
    
            }  
            .menu a {color:#2b2b2b;text-decoration: none;}