/* Шапка и меню */
.nav-mobile {display: none; position: absolute;top: 0;right: 0;background: #fff;height: 60px;width: 70px;}
.h {display: block}
.black {color:#b59e5c}
.sear {background: url(/templates/SPORT-51-2023/img/search.webp); width:47px; height:35px;}
.omenu {float: left; font:bold 20px cambria, Arial; margin:10px; width:100%;}


/* Дескопная версия */   /* */
@media screen and (min-width: 901px) {
header {background: #fff;  margin:0 auto; height:70px; width:100%; box-shadow:0 10px 6px -6px #777}
.logo-1{position:absolute; background: url(/templates/SPORT-51-2023/img/LG3.png);  width:167px; height:50px; margin:12px; z-index: 2; display:block}
.logo-2{position:absolute; height:50px; right:50px; margin:13px}    
.logo-2 H2{margin:0;}    
.logo-2 H3{margin:0;}
.navigation {position:absolute; top:18px; height: 40px; color:#222; } 
.nav-container {margin: 0 auto; padding:0 0px;}
.brand { display: none;} /* Лого в дескопе*/
nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after {float:left; padding:0 10px;content: "☰";} /* Стрелка, можно убрать*/     
nav ul { list-style: none; margin: 0;padding: 0;}
nav ul li {float: left;position: relative;}
nav ul li a, nav ul li a:visited {display: block; line-height: 35px;}     
nav ul li a:hover, nav ul li a:visited:hover {color: #8B0000;}
nav ul li ul li a {float: left; font:bold 14px cambria, Arial;  border-radius:5px; padding:6px 10px;  margin:3px;border-style: solid; border-color:#696668; border-width:1px;} /* Выпадающие строки под редактирование*/ 
.nav-list { display: block}
.nav-dropdown {position: absolute; display: none; margin-top:17px;  background: #fff; box-shadow:0 10px 6px -6px #777; border-style: none solid solid solid; border-color:#a6a6a6; border-width:1px; padding: 15px;z-index: 2;}      
.nav-dropdown a {color:#616161}      
.nav-dropdown a:visited {color:#616161}      
.speedbar{margin:5px 0 5px 10px; font:12px Arial; width: 100%; color:#a0aec0;}
.speedbar a {color:#a0aec0;}
.speedbar a:hover {color:#000;}
.speedbar H1{font:12px Arial; margin:0px; color:#a0aec0;} 
}
@media screen and (min-width: 1530px) {
.head {position:relative; background: #fff;  margin:0 auto; width:1500px; height:70px}
.logo-1{left:20px;}
.logo-2{left:200px; width:300px;}    
.logo-2 H2{font: bold italic 18px cambria, Arial; letter-spacing:1px;}    
.logo-2 H3{font: italic 16px cambria, Arial; letter-spacing:1px; color:#a0aec0; }
.navigation {left:450px; width:900px; font:18px cambria, Arial; letter-spacing:1px;} 
nav ul li a, nav ul li a:visited {padding: 0 15px;} 
.nav-dropdown {margin-left: -450px;  width: 1470px; }

}
@media (min-width: 1330px) and (max-width: 1529px) {
.head {position:relative; background: #fff;  margin:0 auto; width:1300px; height:70px}
.logo-1{left:20px;}
.logo-2{left:200px; width:300px;}    
.logo-2 H2{font: bold italic 18px cambria, Arial; letter-spacing:1px;}    
.logo-2 H3{font: italic 16px cambria, Arial; letter-spacing:1px; color:#a0aec0; }
.navigation {left:450px; width:800px; font:18px cambria, Arial; letter-spacing:1px;} 
nav ul li a, nav ul li a:visited {padding: 0 10px;} 
.nav-dropdown {margin-left: -450px; width: 1270px;}

}
@media (min-width: 901px) and (max-width: 1329px) {
.head {position:relative; background: #fff;  margin:0 auto; width:100%; height:70px}
.logo-1{left:0px;}
.logo-2{left:85px; width:230px; top:5px;}    
.logo-2 H2{font: bold italic 16px cambria, Arial; letter-spacing:1px;}    
.logo-2 H3{font: italic 14px cambria, Arial; letter-spacing:1px; color:#a0aec0; }
.navigation {left:330px; width:570px; font:16px cambria, Arial; letter-spacing:0px;} 
nav ul li a, nav ul li a:visited {padding: 0 10px;} 
.nav-dropdown {margin-left: -330px; width: 870px;}
.h {display: none;}
}










/* Мобильная версия*/ 
@media screen and (max-width: 900px) {

.logo-2{position:absolute; left:80px; width:240px; letter-spacing:1px; margin:10px}
.logo-2 H2{font: bold italic 16px cambria, Arial; margin:0; color:#000;}    
.logo-2 H3{font: italic 14px cambria, Arial; margin:0; color:#a0aec0; }        
 
    
  
header {background: #fff; margin:0 auto;  max-width: 900px; height:60px; box-shadow:0 10px 6px -6px #777}
.nav-container {max-width: 899px; margin: 0 auto; padding:0; }
.navigation {height: 60px;}
.brand {background: url(/templates/SPORT-51-2023/img/LG3.png);  width:167px; height:50px; margin:5px; position: absolute; float: left; line-height: 60px;} /* Лого в мобильной*/
.brand a,.brand a:visited {color: #a6a6a6; text-decoration: none;}  /* Лого в мобильной*/
.nav-mobile {display: block;}
nav {float: right; width: 100%; padding:60px 0 10px 0;}    
nav ul { display: none; list-style: none; margin: 0; padding: 0;  font-weight: bold}     
nav ul li a, nav ul li a:visited {display: block; line-height: 40px;  padding: 0 20px; background: #fff; letter-spacing:1px; font-size: 14px; color: #000; text-decoration: none; border-style:none none solid none; border-color:#696668; border-width:1px;}        
nav ul li ul { padding:0 0 30px 10px; border-style:none none solid none; border-color:#696668; border-width:1px; clear: both; background: #f8f8f8;}  
nav ul li ul li {float: left;}    
nav ul li ul li a,
nav ul li ul li a:visited  {float: left; font:14px cambria, Arial;border-radius:5px; padding:6px 10px;  margin:3px; border-style: solid; border-color:#696668; border-width:1px;clear: both;}    
nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after {float:left; padding:0 10px;content: "⇅";} /* Стрелка, можно убрать*/ 
nav ul li a:hover {background: #f8f8f8;}
#nav-toggle { position: absolute; left: 18px; top: 22px; cursor: pointer; padding: 5px 35px 16px 0px; }
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after { cursor: pointer; border-radius: 1px; height: 5px; width: 35px;  background: #696969; position: absolute; display: block; content: ""; transition: all 300ms ease-in-out;}
#nav-toggle span:before {top: -10px;}
#nav-toggle span:after {bottom: -10px;}
#nav-toggle.active span {background-color: transparent;}
#nav-toggle.active span:before, #nav-toggle.active span:after {top: 0;}
#nav-toggle.active span:before {transform: rotate(45deg);}
#nav-toggle.active span:after {transform: rotate(-45deg);}
.speedbar{display: none;}    
    

}/* Версия от 01.07.2023 */
body,html{min-height:100%;height:100%; margin:0; padding:0; background: #fff;}
body{font:14px cambria, Arial; color:#222; text-align:justify; line-height: 1.2;}
a {text-decoration: none; color:#222; }
H3 {font: bold 17px cambria, Arial; margin:5px 10px;}
img {object-fit: cover; transition: opacity 0.3s;}

.np {float:right; font: 11px cambria,"Comic Sans MS",Arial; padding:0px 0px 0 18px; margin:3px;}
.pn {float:right; font: 11px cambria,"Comic Sans MS",Arial; padding:0 10px 0 18px; margin:0px;}
.hov:hover { background: url(/templates/SPORT-51-2023/img/T1.webp);}
.avtor {background: url("/templates/SPORT-51-2023/img/011.webp") no-repeat;}
.prosm {background: url("/templates/SPORT-51-2023/img/012.webp") no-repeat;}
.com { background: url("/templates/SPORT-51-2023/img/013.webp") no-repeat;}
.red{color:#ff0000} 

@media screen and (min-width: 1530px) {
article {width: 1480px; margin: 0 auto; padding: 10px;}
.news{float:left; margin:0px 10px 5px 0px; width:1070px;} 
.pravo{float:left; width:400px;}
     /* Верхий блок на главной */
.ban1 {float:right; height:400px; width:240px; }
.news-1 {height:398px; width:548px; }
.news-1 h2{font: normal 20px sans-serif, cambria, Arial;}
.news-2 {height:198px; width:378px;}
.news-2 h2{font: normal 16px sans-serif, cambria, Arial;}
.news-3 {height:198px; width:298px;}
.news-3 h2{font: normal 15px sans-serif, cambria, Arial;}
    /* Второй блок на главной */
    .ban2 {float:left; height:600px; width:300px; margin-right:10px}
    .topnews2 {float:left;  width:750px; height:600px; margin-right:5px}
    .anons {float:right;  width:400px;}
    }

@media (min-width: 1330px) and (max-width: 1529px) {
article {width: 1280px; margin: 0 auto; padding: 10px;}
.news{float:left; margin:0px 10px 5px 0px; width:920px;}  
.pravo{float:left; width:350px; }
    /* Верхий блок на главной */
.ban1 {float:right; height:400px; width:240px;}
.news-1 {height:398px; width:448px;}
.news-1 h2{font: normal 20px sans-serif, cambria, Arial;}
.news-2 {height:198px; width:328px;}
.news-2 h2{font: normal 16px sans-serif, cambria, Arial;}
.news-3 {height:198px; width:248px;}
.news-3 h2{font: normal 15px sans-serif, cambria, Arial;}
    /* Второй блок на главной */
    .ban2 {float:left; height:600px; width:300px; margin-right:10px}
    .topnews2 {float:left;  width:650px; height:600px; margin-right:5px}
    .anons {float:right;  width:300px; height:600px;}
}

@media (min-width: 900px) and (max-width: 1329px) {
article {width: 99%; margin: 0 auto; padding-top: 10px; padding-left: 0.5%; padding-right: 0.5%;}
.news{float:left; margin-right:1%; width:64%;}  
.pravo{float:left; width:35%; }
    /* Верхий блок на главной */
.ban1 {display: none}
.news-1 {height:398px; width:39%; font-size: 16px;}
.news-1 h2{font: normal 20px sans-serif, cambria, Arial;}  
.news-2 {height:198px; width:35%; font-size: 13px;}
.news-2 h2{font: normal 16px sans-serif, cambria, Arial;}
.news-3 {height:198px; width:25%; font-size: 12px;}
.news-3 h2{font: normal 15px sans-serif, cambria, Arial;}
    /* Второй блок на главной */
    .ban2 {display: none}
    .topnews2 {float:left;  width:62.5%; margin-right:2%;}
    .anons {float:left;  width:35%; height:600px;}
}

@media screen and (min-width: 900px) {
    /* Верхий блок на главной */
.news-titl {display:block; position:absolute; padding:5px 0; left:0px; bottom:0px; width:100%; background: linear-gradient(to bottom, rgba(0,0,0,0.001) 0%, rgba(0,0,0,0.4) 30%);}
.news-desc {display: none}
.scale {float:left; display: inline-block; overflow: hidden; position: relative; margin:1px;  background: #000;}
.scale H2 {margin:5px 10px; text-align:left; color:#fff; letter-spacing: 1px;}
.scale img {display: block; width:100%;height:100%;}
    /* Второй блок на главной */
.fulltekst img{width:40%; padding:10px; border-radius:5px;}
}

@media (min-width: 501px) and (max-width: 899px) {
article {width: 100%; margin: 0 auto; padding-top: 0px;}
    /* Верхий блок на главной */
.ban1 {display: none}
.scale {float:center; display:block; height:248px; width:98%; padding-right:2%; border:#dfdfe6 1px solid; overflow: hidden;}
.scale img {float:left; width:29%; height:248px; margin-right: 1%;}
.scale H2{padding:0px 0; float:center; margin:0px 10px; text-align:center; color:#000; font: bold 20px cambria, Arial;}
.news-titl {float:right; width:70%;margin: 10px 0; }
.news-desc {font: 16px cambria, Arial; margin: 0 5px;} 
    /* Второй блок на главной */
    .ban2 {display: none}
    .topnews2 {float:left;  width:100%; }
    .anons {float:left;  width:90%; margin-left:5%; margin-top:10px;}


}

@media screen and (max-width: 899px) {
.news{float:left; width:100%;}  
.pravo{float:left;width:94%; margin: 0 3%; margin-top:20px;} 
}

@media screen and (min-width: 501px) {
.fulltekst img{width:70%; padding:0 15%; border-radius:5px;}
/* короткая новость   */ 
.shortstory{float:left; height:198px; width:98%; font-size:16px; border:#dfdfe6 1px solid; padding-right:2%; margin: 0; overflow: hidden;}
.shortstory-name{float:right; width:70%; border-bottom:#7e7e7e 1px dotted; }
.shortstory h2{font-size:20px; margin:3px 10px;}
.shortstory img{float:left; width:29%; height:198px; margin-right: 1%;}
.shortstory-text{float:right; width:70%; }
/* Новость 4 (статика на главной) */
.news4 img{float:left; width:24%; margin: 0 0.5%; border-radius:5px; margin-bottom: 10px; opacity:1}  
.news4 img:hover {opacity:0.8}
/* Перелинковка */
.relatednews {float:left;width:49%; height:98px; border: 1px solid #d4d4d4;}
.relatednews a {color:#333; text-align:  center;}
.relatednews img{float:left; width:30%; height:98px; margin-right:3px;}
.relatednews H4{font: bold 14px cambria, Arial; margin:2px} 
.related-news img {float:left; width:31%; margin: 0 1%; margin-bottom: 10px; border-radius:5px; opacity:1}  
.related-news img:hover {opacity:0.8}
.xfieldimagegallery{ margin:0;  padding:0;  list-style:none;  clear:both}
.xfieldimagegallery li{list-style:none; margin:5px; padding:0}
.xfieldimagegallery li img{ float:left;  margin:1%; height:150px; width:24%;}
.xfieldimagegallery li img:hover{ box-shadow:0px 0px 7px rgba(0,0,0,0.4)}
/* Навигация по страницам */
.navigat {padding:10px; font-size:16px; clear:both;line-height:20px; line-height: 2;}
.navigat a{float:left; background:#e0e2e6; border-radius:5px; padding:0 9px; margin:0 5px 0 0}
.navigat a:hover{background:#000; color:#fff}
.navigat span{float:left;  border-radius:5px; background:#000; padding:0 9px;  color:#fff; margin:0 5px 0 0} 
.pager {display: none} }

@media screen and (max-width: 500px) {   
article {width: 100%; margin: 0 auto; padding-top: 0px;  background: linear-gradient(to bottom, rgba(0,0,0,0.001) 0%, #ecedf1 30%);}
.fullstory{background: #fff}
    /* Верхий блок на главной */
.ban1 {float:center; height:400px; width:240px; margin:0 auto;}
.ban2 {float:center; height:600px; width:300px; margin:0 auto;}
.scale {float:center; max-width: 500px; font-size:16px; border:#dfdfe6 1px solid; margin: 7px 0; border-radius: 10px; background: #fff;}
.scale img {float:left; width:100%; max-height:250px; margin-bottom: 10px; border-radius: 10px  10px 0 0;}
.scale H2{padding:0; float:center; margin:0px 10px; text-align:center; color:#000; font: bold 20px cambria, Arial;} 
.news-titl {margin: 10px 0; }
.news-desc {font: 17px cambria, Arial; margin: 0 15px 15px 15px;} 
    /* Верхий блок на главной */
.topnews2 {float:left;  width:100%; }
.anons {float:left;  width:94%; background: #fff; margin-left:3%; margin-top:10px;}
    /* короткая новость   */ 
.shortstory{float:left; background: #fff; max-width: 500px; font-size:16px; border:#dfdfe6 1px solid; margin: 5px 0; border-radius: 10px;}
.shortstory-name{float:center; max-width:100%;}
.shortstory h2 {font-size:20px; margin:3px 10px; text-align: center}    
.shortstory img{float:left; width:100%; max-height:250px; margin: 5px 0;}
.shortstory-text{float:left; max-width:100%; margin: 0 10px 10px 10px;}
    /* Новость 4 (статика на главной) */
.news4 img {float:left; width:48%; margin: 0 1%; margin-bottom: 10px; border-radius:5px; opacity:1}  
.news4 img:hover {opacity:0.8}
.fulltekst img {float:left; width:100%; padding:0px; margin:0px; border-radius:5px;}
.xfieldimagegallery{ margin:0;  padding:0;  list-style:none;  clear:both}
.xfieldimagegallery li{list-style:none; margin:5px; padding:0}
.xfieldimagegallery li img{ float:left;  margin:1%; height:150px; width:47%;}
.xfieldimagegallery li img:hover{ box-shadow:0px 0px 7px rgba(0,0,0,0.4)}
    /* Перелинковка*/
.relatednews {width:99%; height:98px; border: 1px solid #d4d4d4;border-radius: 3px;}
.relatednews H4 {color:#333; text-align: center; font:bold 16px cambria, Arial;}
.relatednews img{float:left; width:30%; height:98px; margin-right:3px;} 
.related-news img {float:left; width:48%; margin: 0 1%; margin-bottom: 10px; border-radius:5px; opacity:1}  
.related-news img:hover {opacity:0.8}
/* Навигация*/    
.navigat {display: none} 
.pager { padding: 10px;}
	.pager .ico:before { float: none; position: absolute; margin-top: 4px; }
	.pprev, .pnext { color: #000; padding: 8px 10px; background: #f1f1f1; position: relative; }
	.pprev { padding-right: 30px; float: right;}
	.pnext { padding-left: 30px; float: left;}
    a .pprev, a .pnext, #rel-news a:hover, .btn, .bbcodes, .ui-button {color: #000; background-color: #d8d8d8;}}

         /* Все размеры */
/* Полная новость со всемы вытекающими */
.fullstory{width:96%; margin:10px 0; font-size:18px; padding:0 2%; font:18px cambria, Arial;}
.fullstory a{color:#1A2E54}
.fullstory a:hover{color:#000}
.fullstory h1{margin:0; padding:0; font:bold 24px cambria, Arial;}
.fullstory h2{margin:0; padding:0; font:bold 22px cambria, Arial;}
.fullstory h3,h4,h5,h6{margin:0; padding:0; font:bold 20px cambria, Arial;}
.fullstory-info{border-bottom:#7e7e7e 1px dotted; margin:10px 0}
.fullstory table{width:100%; border-collapse:collapse;  margin:0px;}
.fullstory table tr:nth-child(2n){background:#D6D6D6}
.fullstory table td{padding:10px; border:1px solid #eee; line-height:15px; }
.RT{float:left; width:90%; text-align:center; padding:10px 0; margin:0 5%;}  
.RT img {width:100%;}
.related {width: 100%; margin: 30px 0 0 0; }
.attachment {font:12px cambria, Arial; color:#222}
.attachment a {font:18px cambria, Arial; color:#8B0000}
.attachment a:hover {color:#FF0000} 

/* Добавление комментария */
.adcom, .adcom + label ~ div {display: none;}
.adcom + label, .adcom:checked + label {background: url(/templates/SPORT-51-2023/img/T1.png);color: #8B0000; margin-left:10px; padding:0 50px;  cursor: pointer;}
.adcom:checked + label {color: green;}
.adcom:checked + label + div {display: block; background: url(/templates/SPORT-51-2023/img/T1.png);padding: 10px;} 
/* Комментарии */
.comment{float:left; background: url(/templates/SPORT-51-2023/img/T1.png); border:#666 1px solid;  position:relative; width:100%; margin:5px 0}
.comment img{float:left;width:100px; height:100px; margin:10px}
.comm_top {float:right; font: 12px cambria,"Comic Sans MS",Arial; border-bottom:#7e7e7e 1px dotted; width:98%; margin:5px 8px}
.coml {float:left; }
.comr {float:right;}
.comm { font: 16px cambria,"Comic Sans MS",Arial; top:50px; margin:5px 8px}
#dle_recaptcha{margin:0 0 15px 0} 

/* Теги */
.tags {line-height: 1.5;height: 17px;border: 1px solid #d4d4d4;border-radius: 3px; padding: 5px; background: #f8f9fa;margin:0 5px 5px 0;color: #222;font:italic 10px Arial;}
.tags a{}
/* Разное */
.topnews {float:left; width: 100%;margin-bottom: 10px;}
.pr-titl {width:90%; text-align: right; font-size: 20px; font-weight: 700; color: #9a9a9a;padding: 10px 0;}
/* Правая колонка */
.anons {background: #e0e2e6; border-radius: 5px 5px 0 0;}
.anons-r {float:left; background: #e0e2e6; width:100%; margin: 10px 0; border-radius: 5px 5px 0 0;}
.news-r H4{font:14px cambria, Arial; margin:2px}
.news-r {float:left; width:100%; border-top: 1px solid #9a9a9a; text-align: left; }
.news-r img{float:left; width:30%; height:91px; margin-right:5px;}
/* баннер в правой колонке */
.ban3 {float:left; margin:0 auto; width:100%; text-align:center;}
.ban3 img {max-width:400px;}