@import 'reset.css';

/*********** Меню спец возможностей ****************/
.zanaves{
 display: none;
 position: absolute;
 top:0px;
 left:0px;
 bottom: -800px;
 right: 0px;
 background-color:rgba(0,0,0,0.5) !important;
 z-index: 9999;
}
#panel-spec{
 min-width: 1000px;
 font-size: 24px;
 padding: 0px 5px 0 5px;
 background: #fff !important;
}
#setting-spec{
 margin: 0 0 0 100px;
 padding: 50px 0 40px 20px;
 display: none
}

#setting-spec > span{
 margin-right:10px;
}

#dop-setting{
 border: 3px solid #000 !important;
 width: 500px;
 height: 500px;
 position: absolute;
 top: 200px;
 left: 300px;
 display: none;
 z-index: 10000;
 background: #Fff !important;
 color: #000;
 font-weight: 700 !important;
 font-size: 18px !important;
}

#dop-setting a{
 color: #000;
 font-weight: 700 !important;
 font-size: 18px ;
}


.size-spec16,.size-spec18,.size-spec24{background: none; border: none;}
.black-white,.white-black,.blue-lblue{
 cursor: pointer;
 margin-right: 5px;
}
.size-spec16{
 color: #000 !important;
 font-size: 14px !important;
}
.size-spec18{
 color: #000 !important;
 font-size: 18px !important;
}
.size-spec24{
 color: #000 !important;
 font-size: 24px !important;
}
.black-white{
 border: 2px solid #000 !important;
 color: #000 !important;
 background-color: #fff !important;
 padding: 3px;
}

.white-black{
 border: 2px solid #000 !important;
 color: #fff !important;
 background-color: #000 !important;
 padding: 3px;
}

.blue-lblue{
 border: 2px solid #000 !important;
 color: #063462 !important;
 background-color: #9DD1FF !important;
 padding: 3px;
}

.brown-lbrown{
 border: 2px solid #000 !important;
 color: #59422E !important;
 background-color: #F7F3D6 !important;
 padding: 3px;
}

.green-brown{
 border: 2px solid #000 !important;
 color: #A9DD38 !important;
 background-color: #3B2716 !important;
 padding: 3px;
}

.img-off{
 color: #000 !important;
 cursor: pointer;
 font-weight: 700 !important;
 font-size: 18px !important;
}
.str-sp{
 position: absolute;
 top: 3px;
 right: 3px;
 z-index: 333;
 display: inline;
 width: auto;
 padding: 0px 10px 3px;
 background-color: #fff !important;
 border: 1px solid #000 !important;
 border-radius: 5px !important;
}
#btn-spec{
 color: #000 !important;
 cursor: pointer;
 text-decoration: underline !important;
 font-size: 12px !important;
 font-weight: bold !important;
}

#btn-hidden{
 color: #000 !important;
 cursor: pointer;
 text-decoration: none !important;
 font-size: 16px !important; 
 font-weight: bold !important;
}

#btn-hidden:hover{
 color: #44944f !important; 
}

#btn-spec:hover{
 text-decoration:none !important; 
}

#btn-setting{
 cursor: pointer;
 margin-left: 100px;
 color: #000 !important;
 font-weight: 700 !important;
 font-size: 18px !important;
}




.con{
 position: relative;
 margin: 0 0 40px 0;
}
.con2{
 margin: 0px 10px 0 10px
}

#int-m{
}

#int-s{
 letter-spacing: 3px !important;
}

#int-b{
 letter-spacing: 5px !important;
}

.int{
 border: 1px solid #000 !important;
 padding: 0 3px 0 3px;
 font-weight: 300 !important;
}

.int:hover{
 background: #000 !important;
 color: #fff !important;
 text-decoration:none !important;
}

.int2{
 border: 1px solid #000 !important;
 padding: 0 3px 0 3px;
 font-weight: 300 !important;
}

.int2:hover{
 background: #000 !important;
 color: #fff !important;
 text-decoration:none !important;
}

.s-h{
 line-height: 40px;
}

#close-setting{
 position: absolute;
 top: 5px;
 right: 5px;
 color: #000 !important;
 font-weight: 700 !important;
 font-size: 18px !important;
}
/***************************************************/

#header{
    height:171px;
    background:url(../images/globe.gif) 50% 100% no-repeat;
}

#main{
	min-height:100%; 
	overflow:hidden;
    min-width:1000px;
    
    
    
}

.inner,
#content,
#menu{
	width:1000px;
	margin:0 auto;
}

#top{
	/*min-height: 36px;
	background:#f1f1f0;*/
}
#top div.inner{
    position:relative;
}
#top p.b_menutop{
	float:right;
	color:#a1a1a1;
	padding:6px 0px;
}
#top p.b_menutop a{
	float:left;
	color:#222;
	padding:4px 0px;
	line-height:16px;
	border-left:1px solid #d9d9d8;
}
#top p.b_menutop a.write,
#top p.b_menutop a.print{
	position:relative;
	width:16px;
	height:16px;
	overflow:hidden;
}
#top p.b_menutop a.write img,
#top p.b_menutop a.print img{
	position:absolute;
	top:4px;
}
#top p.b_menutop a.write img{ left:10px; }
#top p.b_menutop a.print img{ right:10px; }
#top p.b_menutop a:first-child{ border:0; }
#top div.right{ float:right; position:absolute;right:0;top:70px;}
#top div.right input[type="text"]{
    border:1px solid #e2e2e2;
    height:22px;
}
#top form{
	float:left;
	margin-top:6px;
}
#top input[type="text"]{
	float:left;
	width:226px;
	height:24px;
	font:12px/24px Arial, sans-serif;
	background:#fff;
	color:#a1a1a1;
	padding:0 10px;
	margin-right:10px;
	border:0;
}
#top input[type="image"]{
	margin:5px 0px 0 0;
}
#top #lang{
    display:none;
	float:right;
	padding:0 7px;
	margin-top:6px;
	height:24px;
	line-height:24px;
	background:#bdbdbd;
}
#top #lang span.current{
	color:#f4f4f4;
	padding-right:12px;
	background:url(../images/arr_down_white.gif) 100% 5px no-repeat;
	cursor:pointer;
}

#logo{
	min-height:123px;
	border-bottom:1px solid #f1f1f1;
	background:blue center no-repeat;
	cursor:pointer;
}
#logo img{
	float:left;
	margin:20px 20px 20px 0;
}
#logo p{
	overflow:hidden;
	padding-top:40px;
	font:14px/28px "Trebuchet MS" Arial, sans-serif;
	color:#222;
}
#logo p strong{
	font-size:24px;
    font-weight:normal;
    line-height:28px;
}

#menu{
	display:table;
	width:990px;
	margin:0px auto;
}
#menu ul{
	display:table-row;
	font:bold 13px/47px "Trebuchet MS", Arial, sans-serif;
	color:#1e1e1e;
	text-transform:uppercase;
	font-weight:bold;
}
#menu ul li{
	/*display:inline-block;*/
	display:table-cell;
	padding:0 9px;
	text-align:center;
}
#menu ul li.active{
	background:#32699e;
}
#menu ul li a{
	color:#363535;
}
#menu ul li a:hover{
    color:#898989;
    text-decoration:none;
}
#menu ul li.active a{
	color:#fff;
}
#menu ul li.active a:hover{
    color:#fff;
}

#edu_preview{
	min-height:288px;
	background:#366ec4;
	padding-bottom:20px;
}
#edu_preview div.inner{
	position:relative;
	zoom:1;
}
#edu_preview div.edu_tape_wrap{
	position:relative;
	overflow:hidden;
	zoom:1;
}
#edu_preview_img{
	min-height:288px;
	background:url(../images/bg_preview_full.jpg) 50% 0 no-repeat;
margin-top:10px;
}
#edu_preview_img a.arrow{
	display:block;
	position:absolute;
	width:74px;
	height:74px;
	line-height:74px;
	top:50%;
	margin-top:-37px;
	z-index:100;
}
#edu_preview_img a.prev{
	left:-38px;
	background:url(../images/slide_arr.png) 0 0 no-repeat;
}
#edu_preview_img a.next{
	right:-38px;
	background:url(../images/slide_arr.png) 100% 0 no-repeat;
}
#edu_preview div.wrap_elem{
	float:left;
	margin:44px 15px 0 0;
}
#edu_preview div.wrap_elem.active .elem,
#edu_preview div.wrap_elem.active span.t,
#edu_preview div.wrap_elem.active span.b,
#edu_preview div.wrap_elem:hover .elem,
#edu_preview div.wrap_elem:hover span.t,
#edu_preview div.wrap_elem:hover span.b{
	background:#13314f;
	color:#fff;
}
#edu_preview div.wrap_elem.active a,
#edu_preview div.wrap_elem:hover a{
	color:#fff;
}
#edu_preview div.elem{
	position:relative;
	padding:18px 12px;
	width:212px;
	height:168px;
	font-size:14px;
	line-height:18px;
	background:url(../images/bg_edu_preview.png) 100% 0 repeat-y;
}
#edu_preview div.elem a{
	display:block;
	color:#343434;
	text-decoration:none;
}
#edu_preview div.elem img{
	display:block;
	margin-bottom:19px;
}
#edu_preview span.t,
#edu_preview span.b{
	display:block;
	width:236px;
	height:2px;
	background:url(../images/bg_edu_preview.png) no-repeat;
	overflow:hidden;
}
#edu_preview span.t{
	background-position:0 0;
}
#edu_preview span.b{
	background-position:0 -2px;
}
#edu_preview div.edu_tape{
	position:relative;
	height:288px;
	width:9999px;
}


#content{
	padding:48px 0 330px 0;
	overflow:hidden;
}

#footer{
	min-height:264px;
	margin-top:-264px;
	background:#f1f1f0;
	border-top:solid 1px #cccccc
}
#footer #menu_footer{
	overflow:hidden;

	padding:40px 8px 28px 8px;
}
#footer #menu_footer img{
	float:left;
}
#footer #menu_footer div.separate{
	width:100%;
	height:1px;
	overflow:hidden;
}
#footer #menu_footer ul{
	margin:0 -45px 0 100px;
}
#footer #menu_footer ul li{
	float:left;
	font-size:14px;
	font-weight:bold;
	margin:0 30px 0 0;
}
#footer #menu_footer ul li p{
    margin:0 0 5px 0;
}
#footer #menu_footer ul li a{
	color:#58585a;
}
#footer #menu_footer ul li.col_1{
	width:190px;
}
#footer #menu_footer ul li.col_2{
	width:185px;
}
#footer #menu_footer ul li.col_3{
	width:185px;
}
#footer #menu_footer ul li.col_4{
	width:210px;
    margin-right:0;
}
#footer #menu_footer ul li.col_5{
	margin-right:0;
}
#footer #menu_footer ul li ul{
	margin:15px 0 5px 0;
}
#footer #menu_footer ul li ul li{
	float:none;
	width:100%;
	font-size:11px;
	line-height:15px;
	font-weight:normal;
	margin:0 0 5px 0;
}
#footer #copyright{
	font-size:11px;
	height:48px;
	line-height:48px;
	overflow:hidden;
	color:#999;
	background:#cccccc;
}
#footer #copyright a{

	text-decoration:underline;
}
#footer #copyright a:hover{
	text-decoration:none;
}
#footer #copyright p.copy{
	float:left;
	padding-left:108px;
	color:gray;
}
#footer #copyright p.design{
    float:right;
    color:gray;

}

#edu_preview div.edu_tape_wrap{
    position: relative;
    width: 990px;
    height: 288px;
}
#edu_preview a.arrow{
    z-index:101;
    opacity:0.8;
	filter: alpha(opacity=80);
}
#edu_preview a.arrow:hover{
    opacity:1;
	filter: alpha(opacity=100);
}