body {
    background: #fff;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

html, body, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

a:link {
    color: #039;
}

a:visited {
    color: #043464 /*3f5898 2a4989*/;
}

a:hover {
    color: #06c;
}

img a {
    text-decoration: none;
    border: none;
}

.browseralert {
    background: #ffc;
    color: #300;
    font-size: 120%;
}

header {
    color: #fff;
    height: 200px;
    /*border-bottom: 1px solid #002f60;*/
    background: #002f60; /*#f6f7f9 url(/pic/building.jpg) no-repeat 13em 100%;*/
    
    
    /*background: #002f60; /* Old browsers */
	/*background: /*url(/pic/building.jpg) no-repeat 13em 100%,*/
			/*	-moz-linear-gradient(left, #002f60 0%, #002f60 75%, #b2bfcf 85%, #f4f4f4 90%, #f6f7f9 100%); /* FF3.6+ */
					
	/*background:  /*url(/pic/building.jpg) no-repeat 12.9em 100%,*/
			/*	-webkit-gradient(linear, left, right , color-stop(0%,#002f60), color-stop(75%,#002f60),color-stop(85%,#b2bfcf), color-stop(90%,#f4f4f4), color-stop(100%,#f6f7f9)); /* Chrome,Safari4+ */		
				
	/*background:  /*url(/pic/building.jpg) no-repeat 12.9em 100%,*/
			/*	-webkit-linear-gradient(left, #002f60 0%,#002f60 75%,#b2bfcf 85%,#f4f4f4 90%,#f4f5f7 95%,#f6f7f9 100%); /* 
				Chrome10+,Safari5.1+ */
	
	/*background: /*url(/pic/building.jpg) no-repeat 13.2em 100%,*/
			/*	-o-linear-gradient(left, #002f60 0%,#002f60 75%,#b2bfcf 85%,#f4f4f4 90%,#f6f7f9 100%); /* Opera 11.10+ */	
				
	/*background: /*url(/pic/building.jpg) no-repeat 13em 100%,*/
			/*	-ms-linear-gradient(left, #002f60 0%,#002f60 75%,#b2bfcf 85%,#f4f4f4 90%,#f6f7f9 100%); /* IE10+ */
	/*background: /*url(/pic/building.jpg) no-repeat 13em 100%,*/
			/*	linear-gradient(left, #002f60 0%,#002f60 75%,#b2bfcf 85%,#f4f4f4 90%,#f6f7f9 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f60', endColorstr='#f5f7f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */  
}


#language {
    padding: 0 0 0.1px 0;
    text-align: right;
    height: 21px;
    font-weight: bold;
    background: #002f60; /* Old browsers */
	background: -moz-linear-gradient(left, rgba(0,47,96,1) 30%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(30%,rgba(0,47,96,1)), color-stop(51%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(0,47,96,1) 30%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(0,47,96,1) 30%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(0,47,96,1) 30%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(0,47,96,1) 30%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f60', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}


#language a {
    color: #fff;
    background: #002f60 url(/pic/flag-en.png) no-repeat right 50%;
    padding: 0 45px 0 0;
    margin: 0;
    text-align: right;
    display: block;
    height: 20px;
    position:relative;
    z-index:100;
}

#language a:lang(ru) {
    background-image: url(/pic/flag-ru.png);
}

#language a:visited {
    color: #eee;
}

#susu-logo {
    display: block;
    color: #eee;
    float: left;
    width: 12.9em;
    height: 135px;
    border: none;
    text-decoration: none;
    text-indent: -9999em;
    background: url(/pic/susu-logo.png) no-repeat 50% 50%;
}

#susu-logo:visited {
    color: #dee;
}

/*
#building {
    display: block;
    height: 179px;
    background: url(/pic/building.jpg) no-repeat 207px 100%;
    border-bottom: 1px solid #fff;
}
*/

#building {
    display: block;
    position: absolute;
    height: 201px;
    top: -1px;
    width: 810px;
    left: 207px;
    background: url(/pic/building_1000.jpg) no-repeat 0 100%;
    border-left: 1px solid white;
}


.en #building {
    background: url(/pic/building_1000_en.jpg) no-repeat 0 100%;
    width: 815px;
}

header h1 {
    /*margin-left: 23em;
    margin-top: 1.5em;
    font-size: 0.9em;
    text-transform: uppercase;
    /*margin-right: 15em;
     min-width: 550px;
     max-width: 670px;*/
    /*max-width: 550px;*/
    text-indent: -9999em;
}

header h1#title strong {
	margin-left: 2em;
	margin-top: -0.15em;
	margin-right: 0.4em;
	margin-bottom: 0em;
	float: left;
	font-size: 2.6em;
	font-weight: 700;
    text-indent: -9999em;
}


.en header h1 {
	margin-left: 23em;
	margin-top: 1em;
	font-size: 0.9em;
	text-transform: uppercase;
	margin-right: 10em;
	/*min-width: 550px;*/
	max-width: 670px;
	margin-bottom: 0.8em;
    text-indent: -9999em;
} 


.en header h1#title strong {
	margin-left: 1em;
	/*margin-top: -0.3em;*/
	/*float: right;*/
	font-size: 2.5em;
	margin-top: -0.2em;
	margin-bottom: 3em;
	margin-right: 0.4em;
    text-indent: -9999em;
}


#sitename strong {
    font-size: 1.2em;
    /*letter-spacing: 0.05em;*/
    font-weight: 700;
    line-height: 1;
    text-indent: -9999em;
}

.en #sitename strong {
    font-size: 1.3em;
    /*letter-spacing: 0.05em;*/
    font-weight: 700;
    text-indent: -9999em;
}


header h2 {
/*    margin: 0.5em 0 0 33em;
   font-size: 1em;*/
    margin: 0.3em 0 0 30em;
    font-size: 0.8em;
    color: #ccc;
    text-indent: -9999em;
}

    #issn {
    position: absolute;
    color: #fff;
    right: 0;
    top: 155px;
    width: 150px;
    text-align: right;
    margin-right: 0.9em;
    font-size: 0.75em;
}


aside {
    font-size: 80%;
    width:  16.2em;
    /*float: left;*/
    position: absolute;
    left: 0;
    background: #f2f3f5 /*eee*/;
    margin-right: 1em;
    border-right: 1px solid #043464 /*036*/;
    margin-top: -1px;
}

aside h2 {
    font-size: 1.1em;
}

a.tel {
    color: inherit;
    text-decoration: none;
}

/*
.menu {
    margin: 0 -1em;
}
*/
.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu li {
    border-top: 1px solid #043464 /*036*/;
}

.menu a {
    text-decoration: none;
    display: block;
    padding: 0.4em;
}

.menu a:hover {
    background-color: #fafcff;
}


/* Second level menus are hidden */
.menu ul ul {
    margin-left: 0.6em;
/*    display: none;*/
}

.menu li.expandable {
    background: url(../pic/expand.png) no-repeat 98% 0.75em;
}

.menu .skip {
    display: none;
}

/*
.menu ul ul.opened {
    display: block;
}
*/


/*
.menu ul ul:before {
    content: '›';
/*    background: #ff0;* /
    float: right;
    display: block;
    width: 1em;
    height: 1em;
    margin: -1em 0;
}
*/



.search {
    /*background-color: #78a;*/
    background: #e7e7e7 url(/pic/bgrd_search.jpg) no-repeat 0 100%;
    color: #fff;
    float: right;
    width: 480px;
    height: 37px;
}

.issue {
    margin-top: -20px;
    padding-left: 100px;
}

.search h2 {
    font-size: 95%;
    color: #002F63;
    padding-top: 8px;
    padding-left: 45px;
}

.search a {
    color: #eef;
}

.search input.inp {
    width: 30%/*35%*/;
    margin-right: 3px;
    
}

.search select {
    width: 43%/*39%*/;
    padding: 1px 0;
    margin-right: 3px;
}

.search p {
    font-size: 75%;
}

input[type="text"] {
    padding: 1px 0px;
}


input[type="submit"] {
    padding: 1px 7px 1px 7px/*1px 10px 1px 10px*/;
    margin-right: 4px;
}

/*
.search {
    background-color: #78a;
    color: #fff;
/*    margin: 0 -1em;*/
 /*  padding: 1em;
}

.search a {
    color: #eef;
}

.search input.inp {
    width: 97%;
}

.search select {
    width: 100%;
    
}

.search p {
    font-size: 75%;
}

*/



.banners {
    background-color: #abd;
    color: #fff;
/*    margin: 0 -1em 1em;*/
    padding: 1em;
    text-align: center;
    line-height: 2;
}

.contacts {
    padding: 1em;
}


article {
    margin: 3em 1em 1em 15em;
}

.tight article {
    margin-left: 1em;
}


article h4 {
    margin-top: 1em;
}

dt {
    font-weight: bold;
    margin-top: 1em;
}

.pdf {
    background: url(/pic/ico/mime/pdf.gif) no-repeat 0 50%;
    padding-left: 20px;
}

.closed {
    background: url(/pic/dialog-error.png) no-repeat 0 50%;
    color: #999;
    padding-left: 20px;
}

.wide {
    display: block;
    /*border-radius: 7px;
    border: 1px solid #cde;
    background: #def;*/
    text-align: center;
    padding: 0.5em;
    margin: 1em 0;
    
    background: #EAECF0; /*#E6E7E9; /*#dcdcdc /*url(/pic/bgrd_bot.png);
    background:-moz-linear-gradient(top, #dcdcdc 0%, white 50%, #dcdcdc 100%);
    background:-webkit-gradient(linear, left top, left bottom),  
                color-stop(10%, #dcdcdc), color-stop(50%, white), color-stop(100%, #dcdcdc);
    background:-webkit-linear-gradient(top, #dcdcdc 0%, white 50%, #dcdcdc 90%);
    background:-o-linear-gradient(top, #dcdcdc 0%, white 50%, #dcdcdc 100%);
    background:-ms-linear-gradient(top, #dcdcdc 0%, white 50%, #dcdcdc 100%);
    background:linear-gradient(top, #dcdcdco 0%, white 50%, #dcdcdc 100%);*/   
}


footer {
    font-size: 80%;
    color: #666;
    border-top: 1px solid #043464 /*036*/;
    padding: 0.2em 1em 1em 18.75em;
}

.tight footer {
    padding-left: 1.2em;
}

nav.skip a {
    display: block;
    position: fixed;
    bottom: 2px;
    right: 2px;
    width: 25px;
    height: 25px;
    text-indent: -9999em;
    background: #78a url(/pic/arrow-up.png);
    opacity: 0.5;
}

table {
    border-collapse: collapse;
}

td, th {
    border: 1px solid #666;
}

.error {
    background: #fec;
    border: 1px solid #900;
    border-radius: 5px;
    color: #300;
    padding: 1em;
    }

span.issue, span.page {
    float: right;
    clear: right;
    font-size:      90%;
    padding-left:   1em;
    color:  #666;
}


@media screen and (max-width: 1200px) {
    
    #building {
        width: 700px;
        background: url(/pic/building_800.jpg) no-repeat 0 100%;
    }
    
    .en #building {
        background: url(/pic/building_800_en.jpg) no-repeat 0 100%;
        width: 700px;
    }
}


/*
@media screen and (max-width: 1200px) {
    header {
        background: #002f60; /* Old browsers */
        /*background: -moz-linear-gradient(left, #002f60 0%, #002f60 80%, #b2bfcf 87%, #f4f4f4 95%, #f6f7f9 100%); /* FF3.6+ */
                        
      /*  background:  -webkit-gradient(linear, left, right , color-stop(0%,#002f60), color-stop(80%,#002f60),color-stop(87%,#b2bfcf), color-stop(95%,#f4f4f4), color-stop(100%,#f6f7f9)); /* Chrome,Safari4+ */		
                    
       /* background:  -webkit-linear-gradient(left, #002f60 0%,#002f60 80%,#b2bfcf 87%,#f4f4f4 95%,#f6f7f9 100%); /* 
                    Chrome10+,Safari5.1+ */
        
      /*  background: -o-linear-gradient(left, #002f60 0%,#002f60 80%,#b2bfcf 87%,#f4f4f4 95%,#f6f7f9 100%); /* Opera 11.10+ */	
                    
      /*  background: -ms-linear-gradient(left, #002f60 0%,#002f60 80%,#b2bfcf 87%,#f4f4f4 95%,#f6f7f9 100%); /* IE10+ */
      /*  background: linear-gradient(left, #002f60 0%,#002f60 80%,#b2bfcf 87%,#f4f4f4 95%,#f6f7f9 100%); /* W3C */
      /*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f60', endColorstr='#f5f7f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */  
   /* }
}
*/
/*
@media screen and (max-width: 1024px) {

#building {
display: block;
position: absolute;
height: 201px;
top: -1px;
width: 76%;
left: 207px;
background: url(/pic/building_800.jpg) no-repeat 0 100%;
border-left: 1px solid white;
}


    header h1 {
        /*margin-right: 8em;*/
     /*   max-width: 540px;
        /*min-width: 400px;*/
      /*  margin-left: 22em;
    }

    header h1#title strong {
        margin-left: 1em;
    }	

    header h2 {
        font-size: 0.7em;
        line-height: 0.8;
        margin: 0.1em 0 0 30em;
    }

    .en header h1 {
        max-width: 670px;
        margin-left: 20.2em;
    } 


    .en header h1#title strong {
        margin-left: 1em;
        /*margin-top: -0.3em;*/
        /*float: right;*/
     /*   font-size: 2.5em;
        margin-top: -0.2em;
        margin-bottom: 3em;
        margin-right: 0.2em;
    }


    #sitename strong {
        font-size: 1.2em;
        /*letter-spacing: 0.05em;*/
      /*  font-weight: 700;
        line-height: 1;
    }

    .en #sitename strong {
        font-size: 1.2em;
        /*letter-spacing: 0.05em;*/
      /*  font-weight: 700;
    }


    header h2 {
        margin: 0.5em 0 0 30em;
        font-size: 0.8em;
        max-width: 450px;
    }

}
   */

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

    #building {
        width: 558px;
        background: url(/pic/building_600.jpg) no-repeat 0 100%;
    }

    .en #building {
        background: url(/pic/building_600_en.jpg) no-repeat 0 100%;
        width: 550px;
    }

    /*header h1#title strong {
        margin-left: 1em;
        margin-bottom: 4em;
        /*font-size: 2.5em;*/
  /*  }

    /*header h1 {
        /*min-width: 400px;*/
     /*   max-width: 470px;
        /*margin-right:2em;*/		
   /* }
   /* .en header h1 {
        margin-bottom: 0.2em;
        margin-left: 20.2em;
        min-width: 500px;
    }

    .en header h1#title strong {
        margin-left: 1em;
        /*margin-top: -0.3em;*/
        /*float: right;*/
     /*   font-size: 2.5em;
        margin-top: -0.2em;
        margin-bottom: 3em;
        margin-right: 0.2em;
    }

    .en #sitename strong {
        font-size: 1.2em;
        /*letter-spacing: 0.05em;*/
      /*  font-weight: 700;
    }

    header h2 {
        margin: 0.3em 0 0 30em;
        font-size: 0.7em;
    }

    #sitename strong {
        font-size: 0.9em;
    } */	
}

/*
@media screen and (max-width: 800px) {
    header {
        background: #002f60; /* Old browsers */
        /*background: /*url(/pic/building.jpg) no-repeat 13em 100%,*/
                 /*   -moz-linear-gradient(left, #002f60 0%, #002f60 85%, #b2bfcf 90%, #f4f4f4 95%, #f6f7f9 100%); /* FF3.6+ */
                        
        /*background:  /*url(/pic/building.jpg) no-repeat 12.9em 100%,*/
                    /*-webkit-gradient(linear, left, right , color-stop(0%,#002f60), color-stop(85%,#002f60),color-stop(90%,#b2bfcf), color-stop(95%,#f4f4f4), color-stop(100%,#f6f7f9)); /* Chrome,Safari4+ */		
                    
        /*background:  /*url(/pic/building.jpg) no-repeat 12.9em 100%,*/
                   /* -webkit-linear-gradient(left, #002f60 0%,#002f60 85%,#b2bfcf 90%,#f4f4f4 95%,#f4f5f7 95%,#f6f7f9 100%); /* 
                    Chrome10+,Safari5.1+ */
        
        /*background: /*url(/pic/building.jpg) no-repeat 13.2em 100%,*/
                   /* -o-linear-gradient(left, #002f60 0%,#002f60 85%,#b2bfcf 90%,#f4f4f4 95%,#f6f7f9 100%); /* Opera 11.10+ */	
                    
       /* background: /*url(/pic/building.jpg) no-repeat 13em 100%,*/
                  /*  -ms-linear-gradient(left, #002f60 0%,#002f60 85%,#b2bfcf 90%,#f4f4f4 95%,#f6f7f9 100%); /* IE10+ */
        /*background: /*url(/pic/building.jpg) no-repeat 13em 100%,*/
                   /* linear-gradient(left, #002f60 0%,#002f60 85%,#b2bfcf 90%,#f4f4f4 95%,#f6f7f9 100%); /* W3C */
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f60', endColorstr='#f5f7f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */  
   /* }
    
   /* header h1 {
        font-size: 0.8em;
        margin-left: 26em;
        /*min-width: 350px;*/
      /*  max-width: 400px;
        /*margin-right: 5em;*/
   /* }
    
   /* header h1#title strong {
        margin-left: 0.1em;
        margin-bottom: 4em;
        font-size: 2.5em;
        margin-top: -0.1em;
        margin-right: 0.2em;
    }

    header h2 {
        max-width: 700px;
        margin: 1em 0 0 30em;
        line-height: 0.7;
        margin-left: 44em;
        margin-right: 3em;	
    }

    #sitename strong {
        font-size: 1.1em;
    }

    .en header h1 {
        margin-right: 1em;
        margin-left: 23em;
        font-size: 0.8em;
        margin-top: 1em;
        min-width: 350px;
        max-width: 400px;
        margin-bottom: 0.4em;
    }

    .en header h1#title strong {
        margin-top: -0.1em;
        font-size: 2.4em;
        margin-bottom: 3.5em;
        margin-right: 0.2em;
    }


    header h2 {
        margin: 0.2em 0 0 38.5em;
        max-width: 300px;
    }	
}

*/

@media screen and (max-width: 765px) {
    header {
        background: #002f60;
        filter: none;
    }

    #building {
        display: none;
    }

    #susu-logo {
        background: url('/pic/susu-logo-tiny.png') no-repeat scroll 2px 0%/*50%*/ transparent;
        text-indent: 16px;
        font-size: 66%;
        width: auto;
        height: auto;	 
    }
   
    header h1 {
        font-size: 0.8em;
        margin-left: 0;
        /*margin-right: 5em;*/
        margin-top: 2.5em;
        text-transform: uppercase;
        /*min-width: 370px;*/
        max-width: 450px;
        line-height: 1;
        padding-left: 5px;
        text-indent: 0;
    }
    
    header h1#title strong {
        margin-right: 0.4em;
        margin-left: 0;
        margin-bottom: 0.1em;
        text-indent: 0;
    }
    
     #sitename strong {
        font-size: 1.3em;
    } 
    
    .en header h1 {
        font-size: 0.9em;
        margin-top: 1.46em;
        min-width: 450px;
        margin-left: 3px;
        text-indent: 0;
        max-width: 500px;
    }

    .en header h1#title strong {
        margin-right: 0.4em;
        margin-left: 0;
        margin-bottom: 0em;
        text-indent: 0;
        margin-top: -0.1em;
    }
    
    .en #sitename strong {
        margin-right: 0;
        font-size: 1.25em;
    }	
	
    header h2 {
        margin-left: 10px;
        margin-top: 0.5em;
        font-size: 0.8em;
        line-height: 0.8;
        max-width: 500px;
        text-indent: 0;
    }
}


@media screen and (max-width: 680px) {
    .search {
        background: #E7E7E7;
        color: white;
        float: none;
        width: 100%;
    }
}


@media screen and (max-width: 580px) {
    header {
        height: 230px;
    }
    
    #issn {
        top: 185px;
    }
}

@media screen and (max-width: 450px) {
    header {
        height: 260px;
    }
    
    header h1 {
        max-width: 350px;
    }
    
    .en header h1 {
        min-width: 300px;
        max-width: 450px;
    }
		
    .en header h1#title strong {
        margin-bottom: 0.1em;
    }

    #issn {
        top: 215px;
    }
    
    .search {
        height: 100%;
    }
}


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

    article {
        margin: 1em 0.5em 1em 15em;
        font-size: 0.9em;
    }
    
}


/* One column */
@media screen and (max-width: 370px) {
   
    /* #sitename strong {
        font-size: 1em;
    } */

    .en header h1 {
        min-width: 300px;
    }
	

    .search h2 {
        padding-left: 15px;
    }

    .search input.inp {
    width: 90%;
    }
    
    .search select {
    width: 90%;
    }
    
    aside {
        width: auto;
        position: relative;
        float: none;
        margin: 0;
        border-right: none;
        border-bottom: 5px solid #026;
        font-size: 100%;
    }

    .menu .skip {
        display: block;
        background: #9ab url(../pic/arrow-down.png) no-repeat 98% 0.75em;
    }

    .menu .skip a {
        color: #021425;
    }

    article {
        margin: 1em;
    }

    footer {
        padding: 1em;
    }
}


@media screen and (max-width: 310px) {
    header {
        height: 290px;
        background: #002f63;
    }
	
    header h1{
        min-width: 200px;
    }
	
    .en header h1 {
        font-size: 0.7em;
        margin-top: 1.9em;
        min-width: 190px;
        margin-bottom: 1em;
    }

    .en header h1#title strong {
        font-size: 3.2em;
        margin-top: -0.1em;
    }


    header h2 {
        font-size: 0.75em;
    }
    
		
    #issn {
        top: 245px;
        width:145px;
    }
    
    
   .issue {
        margin-top: 0;
        padding-left: 10px;
    }
    
    .banners {
        padding:1em 0;
    }
}



@media screen and (max-width: 250px) {
    #sitename strong {
        font-size: 1em;
    }
}

@media screen and (max-width: 220px) {
    header h1{
        min-width: 100px;
    }
    
    
    header {
        height: 300px;
    }
    
     #issn {
        top: 255px;
    }
}


@media screen and (max-width: 200px) {
     header {
        height: 325px;
    }
    
     #issn {
        top: 280px;
    }
}


@media screen and (max-width: 180px) {
    .en header h1 {
        min-width: 150px;
    }
    
    .en header h1#title strong {
        font-size: 2.5em;
        margin-top: -0.1em;
    }
    
    .en #sitename strong {
        margin-right: 0;
        font-size: 1.1em;
    }
}