/* spbu 2024
----------------------------------*/
body {
    background: #f2f2f2;
    margin-bottom: 0px;
}

a {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/* Support: IE <= 11 */
	overflow: visible;
	text-decoration: none;
    border-bottom: none;
}

table {
    width: 100%;
	background: #fff;
    margin-bottom: 15px;
}

.sp-body{
    max-width:70%;
	margin-left:15%; 
	font-family: 'Open Sans', Arial, sans-serif;   
    min-height: calc(100vh - 80px);
    text-size-adjust: none;
}

/* Когда ширина окна до 1000 пикселей, ширина без отступа */
@media screen and (max-width: 1000px){
        .sp-body {
            max-width:96%;
            margin-left:2%; 
        }
    }

/* Когда ширина окна от 1000 до 1400 пикселей, отступ малый*/
@media screen and (max-width: 1400px) and (min-width: 1000px){
        .sp-body {
            max-width:80%;
            margin-left:10%; 
        }
    }

.sp-header {
	box-shadow: 3px 3px 2px #dddddd;
	border: 1px solid #dddddd;
	background: #ffffff;
	display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.sp-header a {
    border-bottom: none;
}

.sp-img1 {
	margin:15px;
	max-width:100px; 
}

.sp-header-right {
	width:100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	padding-right:10%
}

.sp-header-right h3 {
	max-width:600px; 
	text-align:center; 
}

.sp-menu-tab{
    margin: 20px;
    padding:15px 10px 0px 0px;
    border-top: 1px solid #dadada;
    width: 100%;
    display: flex;
    align-items: center;
}

.sp-menu-item{
    list-style-type: none;
    margin-left:2%;
	display: grid;
    font-size: 12pt;
    color: #4a4a4a;
}

.sp-menu-item-select{
  
    text-shadow: 2px 2px 2px #c9bcab;
}

.sp-menu-item a{
    color: #9f2d20;
    font-size: 12pt; 
    border-bottom: none;
}

.sp-menu-item a:hover,
.sp-menu-item a:focus {         
    color:rgba(150,30,20,.5);
    transition: color .2s ease;
}

.sp-main{  
    margin-top: 15px;
    margin-bottom: 15px;
}

.sp-main details > summary{
        padding: 5px ;
        margin: 5px 0px 0px 0px;
        font-size: 18pt;
        background-color: #505050;
        color: #fff;
        cursor: pointer;
    
}

.sp-main details > summary:hover {         
    background-color:rgba(80,80,80,.5);
    transition: 0.3s;
}

.sp-main details > details >summary{
        padding: 10px ;
        margin: 0px;
        font-size: 14pt;
        background-color: #f7f7f5;
        color: #4a4a4a;
        cursor: pointer;
}

.sp-main td > details > summary{
        padding: 0px ;
        margin: 0px;
        font-size: 12pt;
        background-color: #fff;
        color: #505050;
        cursor: pointer;   
}

.sp-main td > details > summary:hover {         
    background-color:rgba(200,200,200,.5);
    transition: 0.2s;
}

.sp-main td > a{
     color: #9f2d20;
}

.sp-main td a:hover,
.sp-main td a:focus {         
    color:rgba(150,30,20,.5);
    transition: color .2s ease;
}

.sp-main div{   
    padding: 10px ;
    margin: 0px 0px 20px;
    background-color: #fff;
}

.sp-main div a{   
    padding: 0px 0px 0px 10px;
    color: #9f2d20;
}

.sp-main div a:hover,
.sp-main div a:focus {         
    color:rgba(150,30,20,.5);
    transition: color .2s ease;
}

.sp-futter{
    max-width:70%;
	margin-left:15%;    
}

@media screen and (max-width: 1000px){
        .sp-futter {
            max-width:96%;
            margin-left:2%; 
        }
    }

@media screen and (max-width: 1400px) and (min-width: 1000px){
        .sp-futter {
            max-width:80%;
            margin-left:10%; 
        }
    }

.sp-futter div{
    height:70px;	
	background: #1d1e20;
	display: flex;
    align-items: center;     
}

.sp-futter-1 {
	width:100%;
    text-align: center;
    margin: 0 3% 0 3%;
	max-height: 1px;
	border: none;
    background: linear-gradient(to right, #4a4a4a 0% 46%, #1d1e20 46% 54%,#4a4a4a 54% 100%);
}

.sp-futter div a{
    color: #fff;
    font-family: 'Open Sans', Arial, sans-serif;
}

.sp-futter img {
	margin-top:-25px;
    padding: 0 1% 0 1%;
	max-width:50px; 
   filter: brightness(10);
}

.sp-futter a {

}

.sp-futter div>p {
    height: 1px;
}

.sp-outer{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-top:0%;
}

.sp-inner {
	margin-left:5%;
	display: grid;/*inline-block;*/
}

.sp-font3 {
	font-size: 18pt;
	color: #505050;
	display: grid;
	min-height:50px; 
	margin:auto;
}

.sp-link {
	color:  #9f2d20;
}

.sp-link:hover,
.sp-link:focus {
    color:rgba(150,30,20,.5);
    transition: color .2s ease;
}

   
.sp-view { 
    padding: 0; 
    clear: both; 
    font-family: Arial, sans-serif; 
    width: 100%; 
    background: #fff}   

.sp-view * { 
    font-size: 100.1%; 
}    

.sp-view ul {        
    overflow: hidden; 
    width: 99%; 
    margin: 0; 
    padding: 0 0 1.5em 0;        
    list-style-type: none;    
} 

.sp-view ul ul { 
    overflow: visible; 
    width: auto; 
    margin: 0 0 0 0; 
    padding: 0 0 0 0.75em; 
}    /* класс для ul после которых нет li в родительских ветках */    

.sp-view ul.l { 
    border-left: 1px solid; 
    margin-left: -1px; 
}    

.sp-view li.cl ul { 
    display: none; 
}    

.sp-view li { 
    margin: 0; 
    padding: 0; 
}    

.sp-view li li { 
    margin: 0 0 0 0.5em; 
    border-left: 1px dotted; 
    padding: 0; 
}    

.sp-view li div { 
    position: relative; 
    height: 1.5em; 
    min-height: 16px; 
    //height: 1.3em; 
} 

.sp-view li li div { 
    border-bottom: 1px dotted; 
}    

.sp-view li p { 
    position: absolute; 
    z-index: 1; 
    top: 0.8em; 
    //top: 0.65em; 
    left: 1.75em; 
    width: 100%; 
    margin: 0; 
    padding: 0;    
}    

.sp-view a { 
    padding: 0.1em 0.2em; 
    white-space: nowrap; 
    //height: 1px; 
}    

.sp-view img.i {        
    border-right: 2px solid; 
    border-bottom: 0.5em solid;        
    margin-bottom: -0.5em; 
    vertical-align: middle;    
}    

.sp-view a.sc  {        
    position: absolute; 
    top: 0.06em;        
    margin-left: -1em; 
    padding: 0; 
    text-decoration: none;    
    background: #fff;
}    /* colors */    

.sp-view li p,    
.sp-view img.i,    
.sp-view .sc {  
    background: #f9f9f2 ; 
}    

.sp-view ul li li,    
.sp-view ul li li div { 
    border-color: #999999; 
}    

.sp-view a,    
.sp-view a.sc,    
.sp-view a.sc:hover { 
    color: #C8A06B; 
}    

.sp-view li p a{
    color: #AF2C22;
    font-weight: bold;
    
}

.sp-view a:hover  { 
/*    color: #AF2C22; */
    color:rgba(150,30,20,.5);
    transition: color .2s ease;
}


/*-- цвета
#f5f5ea - бледно-желтый
#C8A06B - золото
#AF2C22 - бордовый #9f2d20 - сайт #dd4b39 - светобордовый
#c9bcab - коричневатый
#c6c6c6 - светлосерый
#878787 - темносерый
#a7c5bd - бирюзовый на сайте

*/