/*   ------------  сайт VALTASAR.RU  ------------   */

body {
margin: 0;
padding: 0;
background-color: #162915;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 130%;
text-align:left;
overflow-x: hidden;
}

#poster {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background-color : #fff8de;	
}

h1 {
    color: #893636;
    font-family: verdana;
    font-weight: 300;
    font-size: 1.3em;
    letter-spacing: normal;
    line-height: 1.1;
    text-transform: none;
    text-decoration: none;
    padding: 0 10px 5px 10px;
    text-align: center;
}

h2 {
    font-family: calibri;
    font-size: 1.4em;
    text-align: center;
    color: #135186;
    font-weight: lighter;
    line-height: 1.05;
    padding: 0 10px 0 10px;
}

h3 {
font-family: verdana;
font-style: normal;
font-size: 1.3em;
color: #0C7CA3;
padding: 15px 0 0px 30px; 
}

p, ul, ol {
	margin-top: 0;
	line-height: 140%;
	margin-left:20px;
	margin-right: 15px;
}
ol li {margin-bottom: 20px; }


a {color:#06F; text-decoration: underline; font-family: verdana;}
a:visited {color:#909; text-decoration:none;}
a:hover {color: red; text-decoration: underline;}

/* oglavlenie */ 
.zagolovok {
width: 90%;
margin: 0 auto;
margin-bottom: 20px;
padding: 10px;
background: rgb(25,51,77);
background: linear-gradient(90deg, rgba(25,51,77,1) 0%, rgba(30,87,101,1) 84%, rgba(209,236,241,1) 100%);
color: white;
}

.image-wrapper {
  position: relative;
  margin: 0 auto;
  width: 350px; /* задайте ширину по необходимости */
  height: 350px; /* задайте высоту по необходимости */
  cursor: pointer;
}

.image-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.image-layer img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* обеспечивает заполнение всего блока картинкой */
}

.image-layer-0 {
  z-index: 0;
}

.image-layer-1 {
  z-index: 1;
}

.image-layer-2 {
  z-index: 2;
}

.image-layer-3 {
  z-index: 3;
}

.image-layer-4 {
  left: 70px;
  top: 110px;
  width: 210px;
   height: 150px;
  margin: 0 auto;
}
.image-layer-4 p {
  color: white;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
 
}

.zagolovok a {
	color: #add6ff;
	text-decoration: none;
}

/*   ------------  mobile menu 2025  ------------   */
#m_menu {display: none;
width: 100%;
height: 40px;
background-color: #1d421b;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
   box-shadow: 0 2px 5px rgba(0,0,0,0.2); 
}

#m_menu a {
color: red; 
padding: 10px;
text-decoration: none;
font-weight: 800;
display: inline-block;
}

@media all and (max-width: 525px) {
#header-wrapper {display: none;}
#m_menu {display: flex;}
}

.burger-btn {
  width: 20px;
  height: 20px;
  margin: 10px;
  cursor: pointer; /* Курсор-рука */
  
  /* Рисуем полоски градиентом */
  background: repeating-linear-gradient(
    to bottom,
    #fff 0,        /* Цвет линии (черный) начинается с 0 */
    #fff 4px,      /* Линия заканчивается на 4px (толщина линии) */
    transparent 4px, /* Прозрачность начинается */
    transparent 8px  /* Прозрачность заканчивается (расстояние между линиями) */
  );
}


#m_menu_field {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 80%;
  height: 100%;

  background: rgb(2,0,36);
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 56%, rgba(26,109,126,1) 100%);
	color: white;
}
#m_menu_field a {color: white;}
/*   ------------  mobile menu 2025 END ------------   */


#podlojka {
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
width: 98%; 
max-width: 1120px;
}

#fonn {
margin-left: auto;
margin-right: auto;
width: 98%; 
max-width: 1080px;
padding-top: 1px;
margin-bottom: 10px;
position:relative;
}

/* mercanie kniga sudeb */
#blink1 {
  -webkit-animation: blink1 1s linear infinite;
  animation: blink1 1s linear infinite;
}
@-webkit-keyframes blink1 {
  0% { color: rgba(34, 34, 34, 1); }
  50% { color: rgba(34, 34, 34, 0); }
  100% { color: rgba(34, 34, 34, 1); }
}
@keyframes blink1 {
  0% { color: rgba(34, 34, 34, 1); }
  50% { color: rgba(34, 34, 34, 0); }
  100% { color: rgba(34, 34, 34, 1); }
}

/* calendar */
.calendar {
	width:100%; 
	max-width: 210px; 
	margin: 10px; 
	text-align:center; 
	font-size:0.75em; 
	float: left;
	background-color: white;
}
.calend_head {
	background-color: #623dff;
	color: white;
	font-weight: bolder;
}
.calend_head a {text-decoration: none; color: white;}
@media all and (max-width: 450px) {
	.calendar {max-width: none; width: 95%; font-size:0.85em; }
}

.runn {display:inline-block; position:relative; margin-top:1px; margin-bottom:6px;}
.runn img {width: 100px; height:110px; margin-left: 5px;}

.author {
	border: 1px solid gray; 
	margin: 0 auto; 
	width: 96%;
	margin-bottom: 10px;
	padding-top: 10px;
}
.author img {
	width: 80px; 
	height: 64px; 
	margin: 5px; 
	float: left; 
	border-radius: 10px;
}
.author hr {
	max-width: 310px;
	margin-left:0;
}
.author span {
	color:#696969; 
	font-size:smaller;
}

.plashka_2023 {
width: 98%; 
height: 150px; 
background-color: white; 
border: 3px solid rgba(26,95,164,0.56);
border-radius: 8px;
margin: 0 auto;
}

.plashka_2023 IMG {
margin: 1px; width: 99%;
}

.plashka p {text-align: center !important;}

.plashka_2023 a{
text-decoration: none; 
color: #684bf9; 
font-weight: bolder; 
font-size: 0.9em;
}

/* ---------------- carusel style start ------------- */ 
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
	width: 100%;
	height: 140px;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
 /*   background: #fff url('./ajax-loader.gif') center center no-repeat; */
}

/* Icons */

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: red;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: red;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: blue;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: url("../../../slick/arrow-left.png");
}
[dir='rtl'] .slick-prev:before
{
    content: '?';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: url("../../../slick/arrow-right.png");
}
[dir='rtl'] .slick-next:before
{
    content: url("../../../slick/arrow-left.png");
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: url("../../../slick/tochka.png");
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* ---------------- my_style ------------- */
/* Добавляем этот новый блок */
.slider .slick-slide {
    padding: 0 10px; /* Это создаст безопасный отступ между слайдами */
    box-sizing: border-box; /* Гарантирует, что отступы не увеличат ширину */
}

/* --- Общие настройки контейнера --- */
.slider-container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto 10px auto;
}

.section-heading h2 {
    font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif; /* Желательно подключить современный шрифт */
    font-size: 24px;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* --- Стиль карточки (Modern Card) --- */
.post-card {
    display: block;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    /* margin: 15px;  <-- ЭТУ СТРОКУ УДАЛЯЕМ */
    margin-bottom: 20px; /* Отступ только снизу, для тени */
    overflow: hidden;
    text-decoration: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    border: 1px solid #eee;
	
	max-width: 100vw; /* Запрещает карточке быть шире окна просмотра */
    width: 100%;      /* Занимает всю доступную ширину слайда */
    box-sizing: border-box; /* Учитывает рамки и отступы в ширине */
}

/* Эффект при наведении */
.post-card:hover {
    transform: translateY(-5px); /* Легкий подъем */
    box-shadow: 0 10px 20px rgba(247, 84, 225, 0.2); /* Тень с оттенком твоего бренда */
}

/* Блок картинки */
.post-card__image {
    width: 100%;
    height: 180px; /* Фиксированная высота для аккуратности */
    overflow: hidden;
}

.post-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Картинка заполняет блок не искажаясь */
    transition: transform 0.5s ease;
}

.post-card:hover .post-card__image img {
    transform: scale(1.05); /* Зум картинки при наведении */
}

/* Блок текста */
.post-card__content {
   padding: 5px 15px 15px 15px; 
}

.post-card__title {
    font-family: 'Calibri', 'Arial', sans-serif;
    font-size: 16px;
    line-height: 1.4;
    color: #333;
    margin: 0;
    font-weight: 600;
	 margin-top: -3px;
	
	    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word; 
    
    /* Гарантия, что текст не вылезет за 100% ширины родителя */
    max-width: 100%;
	
    /* Ограничение текста в 3 строки, если он длинный */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post-card:hover .post-card__title {
    color: #f754e1; /* Цвет бренда при наведении */
}

/* --- Обновление Slick Slider (Стрелки и точки CSS-ом) --- */

/* Стрелки - делаем аккуратные кружки */
.slick-prev, .slick-next {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    z-index: 10;
    transition: background 0.3s;
}

.slick-prev:hover, .slick-next:hover {
    background: #f754e1; /* Цвет бренда */
}

/* Рисуем стрелочки внутри кнопок через CSS (без картинок) */
.slick-prev:before, .slick-next:before {
    font-family: inherit;
    content: ''; 
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    position: absolute;
    top: 50%;
    left: 50%;
}

.slick-prev:before {
    transform: translate(-30%, -50%) rotate(-135deg); /* Стрелка влево */
}
.slick-next:before {
    transform: translate(-70%, -50%) rotate(45deg); /* Стрелка вправо */
}

.slick-prev:hover:before, .slick-next:hover:before {
    border-color: #fff; /* Белая стрелка при наведении */
}

.slick-prev { left: -20px; }
.slick-next { right: -20px; }

/* Точки пагинации */
.slick-dots {
    bottom: -30px;
}
.slick-dots li button:before {
    font-size: 40px; /* Увеличим размер символа */
    color: #ccc;
    opacity: 1;
}
.slick-dots li.slick-active button:before {
    color: #f754e1; /* Активная точка */
}

/* ---------------- carusel style end ------------- */ 


.horo_link {
	width: 94%; max-width: 600px; text-align: center; border: 5px double #0C644C; padding: 2px; margin: auto; margin-bottom: 10px; margin-top: 10px; font-size: 1em;
}
.horo_link strong {
    font-size: 1em;
}
.horo_link b {
    font-size: 1em;
}
.horo_link a {text-decoration: none;}

/* Header */
#header-wrapper {
	margin-top: 20px;
        width: 100%; 
		margin-left: auto;
margin-right: auto;

background-image: url(images/img03.jpg);
background-repeat: no-repeat;

-moz-background-size: 100%; /* Firefox 3.6+ */
-webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
-o-background-size: 100%; /* Opera 9.6+ */
background-size: 100%; /* ‘овременные браузеры */
height: 120px;
}


#header { width: 100%; height: 170px;  /* background: url(images/121.gif);*/ } 

#top_reklama {
position: absolute; 
right:20px;
top: 20px; 
width: 350px;
height:50px;
	color: #402C16;
	background-image: none;
}
@media all and (max-width: 480px) {
	#top_reklama {display: none;}
}


#mobile_poisk {
display: none; position: fixed; bottom:0;
}

/* Logo */
#logo {
	margin: 0;
	padding: 0px;
	color: #ffffff;
z-index: 5;
}
#logo h1, #logo p {
	margin: 0;
	padding: 0;
color: #0C7CA3;
}
#logo p {
left: 5px; 
top: 17px;
	padding-left: 30px;
	font-family: arial;
	font-style: bold;
	font-size: 2.9em;
}
#logo h4 {
left: 150px; 
top: 100px;
	font: Arial, Helvetica, sans-serif;
	font-style: bold;
    font-size: 1.2em;
	font-style: italic;
z-index: 5;
color: #FFF1BF;

}
#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #E0001D;
z-index: 5;
text-shadow: #000000 2px 2px 2px;
font-weight: 600;
}
#logo a:hover {
	color: red;
}

/* Menu */
#menu_main  {
position: sticky;
left: 0px;
top: 0;
	width: 100%;
	margin-left: auto;
margin-right: auto;
height: 30px;
	margin: 0 auto;
	padding: 0;
z-index: 5555;
background: url(images/knopka_2017.jpg);
}

#menu_main ul , #menu2 ul{
margin-left: 0px; 
	padding: 0px 0px 10px 0px;
	list-style: none;
	line-height: normal;
}


#menu_main li {float: left; padding: 5px 5px 10px 5px;}
#menu_main a, span.hidden-menu  {
	display: block;
	margin-right: 3px;
	text-decoration: none;
	font-family: verdana;
	font-size: 0.9em;
	font-weight: bold;
	color: white;
	border: none;
	cursor: pointer;
}

#menu_main a.selected, span.hidden-menu.selected, #menu2 a.selected {color : #f1f49d;}
#menu_main a:hover, span.hidden-menu:hover, span.hidden-novost:hover, span.hidden-link:hover, #menu2 a:hover {text-decoration: none; color: #f8d1e4;}

#menu_mobile 
{
display: none;
}

/* Page */
#page {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
#page-bgbtm {
	margin: 0px;
	padding: 10px  5px 0px 5px;
}

/* Content */
#content {
float: left;
	width: 68%;
	padding: 0px 0px 0px 0px;
	background-color : #fff8de;
	background-image: none;
}
#content li {font-size: font-size: 1em;}
#content P 
{padding: 0px 10px 0px 5px; font-size: 1em;}

.post {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
}
.post .title {
	letter-spacing: -1px;
}
.post .title a {
	color: #CA3D2F;
	border: none;
}
.post .meta {
	padding-bottom: 5px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}
.post .meta a {
}
.post .entry {
	text-align: justify;
	margin-bottom: 25px;
	padding: 0px 0px 0px 0px;
}
.links {
	display: block;
	width: 96px;
	padding: 2px 0px 2px 0px;
	background: #A53602;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	color: #FFFFFF;
}

.pr {
width: 350px;
height: 250px;
max-width: 100%;
float: right;
margin: 7px;
}
.pl {
width: 350px;
height: 250px;
max-width: 100%;
float: left;
margin: 7px;
}
.pr_vert
{
width: 250px;
height: 350px;
max-width: 100%;
float: right;
margin: 7px;
}
.pl_vert {
width: 250px;
height: 350px;
max-width: 100%;
float: left;
margin: 7px;
}

.pics {
width: 85%;
height: 400px;
max-width: 100%;
display:block; 
margin:0 auto;
}

.pics2 {
width: 60%;
height: 600px;
max-width: 100%;
display:block; 
margin:0 auto;
}

/* ---------- prediction 2023 start --------------------- */
.gadat_2023 {
width: 99%; 
margin: 0 auto; 
min-height: 440px; 
display: flex;
position: relative;
}

.dop_but {
	font-size: 0.65em;
	background-color: #e6e6e6;
	color: black;
	padding: 3px;
	border-radius: 7px;
}
.dop_but a {
	color: black; 
	text-decoration: none;
}

.gadat_color_1 {
	background-image:url(https://valtasar.ru/sc/podlojka-1.jpg); 
}
.gadat_color_2 {
	background-image:url(https://valtasar.ru/sc/podlojka-2.jpg); 
}
.gadat_color_3 {
	background-image:url(https://valtasar.ru/sc/podlojka-3.jpg); 
}
.gadat_color_4 {
	background-image:url(https://valtasar.ru/sc/podlojka-4.jpg); 
}
.gadat_color_5 {
	background-image:url(https://valtasar.ru/sc/podlojka-5.jpg); 
}

.pole_left {
flex: 0 0 440px;
display: flex; 
flex-flow: row wrap;
align-content: flex-start;
min-height: 400px;
padding: 10px 10px 10px 20px;
}

.pole_right {
flex: 0 1 380px; 
max-width: 380px;
display: flex;
flex-flow: column;
}

/* startovaya */
.anons_left {height: 320px; width: 99%; max-width: 430px; float: left; margin: 5px 0 5px 5px; position: relative;}
.anons_right {
	height: 320px; 
	width: 100%; 
	max-width: 290px; 
	float: left; 
	margin: 5px 0 5px 5px; 
	border: 1px solid black; 
	display: block; 
	background: rgb(2,0,36);
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 56%, rgba(26,109,126,1) 100%);
	color: white;
	}
.anons_right a {color: white;}
.anons_button {float: left; position:absolute; bottom: 0px; width: 100%;  background-color: black;}
.anons_button_in {color: white; float: left; background-color: black; max-width: 135px; border-right: 1px solid white; height: 80px; font-size: 0.8em; padding-left: 3px; padding-right: 3px; line-height: 1.3;}
.anons_button_in a {color: white; text-decoration: none; font-family: calibri; font-size: 1.2em;}
.anons_left_in img {width: 100%; height: 240px;}

.pr_color_1 {
background-color: #7b4d2f; 
}
.pr_color_2 {
background-color: #5a7085; 
}
.pr_color_3 {
background-color: #7b4171; 
}
.pr_color_4 {
background-color: #3e6e36; 
}
.pr_color_5 {
background-color: #963a41; 
}

.description {
    padding: 8px 0 2px 2px;
	font-size: 0.9em;
}

.desc_color_1 {
	background-color: #dfbea8;
}
.desc_color_2 {
	background-color: #a2bcdb;
}
.desc_color_3 {
	background-color: #f9b5ed;
}
.desc_color_4 {
	background-color: #c3f0bc;
}
.desc_color_5 {
	background-color: #ffa6ad;
}

.koloda_wrap {
	margin: 10px;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-around;
}

.title {
	color: white;
	text-align: center;
}

.koloda_wrap {
	margin: 10px;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-around;
}


.card-bkg {
	position: absolute;
	bottom: 1%;
}

.card_pole {
	flex: 0 0 20%;
    height: 33.3%;
	
	display: flex;
    flex-flow: column nowrap;
	
	visibility: hidden;
}

.active {
	visibility: visible;
}


.number {
color: white;
text-align: center;
}

.card {
border: 1px solid #ffffff66;
position: relative;
min-height: 110px;
margin: 6px;
border-radius: 5px;
}


.card_in_article {
float: left;
margin: 15px 25px 5px 25px;
border-radius: 10px;
}

.copy_card {
width: 70px; 
height: 70px;
position: absolute; 
background-image:url(https://valtasar.ru/sc/copy.png); 
background-size: cover;  
right: 0; 
top: -20px; 
opacity: 0.5;
}

@media screen and (max-width: 800px) {
	.pole_left {
		padding: 0!important;
		
	}
	
	.dop_but {font-size: 0.8em;}
	
	.pole_right {
		flex: auto;
		flex-flow: column-reverse nowrap;
		max-width: unset;
	}
	
	.gadat_2023 {
		flex-flow: column;
	}
	.card {min-height: 80px;}
	.card-bkg {top: 54%;}
	
	.card_in_article {
	float: none;
	margin: 0 auto;
    display: block;
	margin-bottom: 20px;
	}
	
	.copy_card {
	top: 57%;
	left: 0;
	width: 70px; 
	height: 70px;
	}
}
/* ---------- prediction 2023 stop --------------------- */

/* ---------- pagination --------------------- */
.pang {
width: 25px; 
height: 20px; 
margin: 0 auto; 
border: 1px solid #1C6EA4; 
border-radius: 5px; 
cursor: pointer; 
font-size: 0.75em;
}
.pang:hover {
background-color: #b8e4ff;
}
.pang a {text-decoration: none;}
.pang_on {background-color: #b8e4ff;}

/* рамка для интересной информации */
.ramka
{
width: 97%;
background-color: #f6d4b6;
margin-bottom:5px;
margin-top: 10px;
}
.ramka p
{
font-family: verdana;
margin-left: 30px;
margin-top: 20px;
margin-bottom:10px;
color: #005563;
}
.ramka IMG {
width: 180px;
height: 140px;
}
.ramka td {
vertical-align:top;
}

/* picture 300*300 2023 year */
.picl {
	width: 300px;
	height: 300px;
	float: left;
	margin: 5px;
	border-radius: 5px 5px 5px 5px;
}
.picr {
	width: 300px;
	height: 300px;
	float: right;
	margin: 5px;
	border-radius: 5px 5px 5px 5px;
}

{
.zagovor {width: 100%;}
.link_data_prazdnik {font-size: 0.74em; margin: 15px 0 15px 0;}
.luna_k span {font-size: 1em;}
}


/* таблица 2026 НАЧАЛО */
    /* Основной контейнер таблицы */
    .seed-table-container {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        max-width: 100%;
        margin: 20px auto;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    }

    /* Заголовок таблицы */
    .seed-table-title {
        background-color: #4CAF50;
        color: white;
        padding: 15px;
        text-align: center;
        font-size: 1.2rem;
        font-weight: bold;
    }

    /* Структура сетки (Grid) */
    .seed-table-header, .seed-table-row {
        display: grid;
        /* Пропорции колонок: 1.5 части, 1 часть, 1 часть, 2 части */
        grid-template-columns: 1.5fr 1fr 1fr 2fr; 
    }

    /* Стили заголовков колонок */
    .seed-table-header {
        background-color: #f1f8e9;
        font-weight: bold;
        border-bottom: 2px solid #c8e6c9;
    }

    .seed-header-cell {
        padding: 12px;
        text-align: left;
        color: #2e7d32;
    }

    /* Стили ячеек данных */
    .seed-cell {
        padding: 12px;
        border-bottom: 1px solid #f0f0f0;
        color: #333;
        display: flex;
        align-items: center; /* Центровка текста по вертикали */
    }

    /* Полосатая заливка строк (зебра) */
    .seed-table-row:nth-child(even) {
        background-color: #fafafa;
    }

    .seed-table-row:hover {
        background-color: #f1f8e9;
    }
	
	/* Специальное правило для таблицы с 5 колонками */
.seed-table-5-cols .seed-table-header, 
.seed-table-5-cols .seed-table-row {
    /* Распределяем 5 колонок:  */
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 
}

/* Если на узких десктопах текст будет слишком тесно, 
   можно немного уменьшить отступы именно для этой таблицы */
@media (min-width: 769px) {
    .seed-table-5-cols .seed-header-cell, 
    .seed-table-5-cols .seed-cell {
        padding: 10px 5px; /* чуть меньше падинги по бокам */
        font-size: 0.95rem;  /* чуть меньше шрифт, если не влезает */
    }
}

    /* АДАПТИВНОСТЬ (для мобильных телефонов) */
    @media (max-width: 768px) {
        .seed-table-header {
            display: none; 
        }

        .seed-table-row {
            display: flex;
            flex-direction: column;
            border-bottom: 4px solid #e0e0e0; 
            padding: 10px;
        }

        .seed-cell {
            border-bottom: none;
            padding: 5px 0;
            display: flex;
            /* Исправлено: теперь текст не улетает вправо */
            justify-content: flex-start; 
            align-items: flex-start;
        }

        .seed-cell::before {
            content: attr(data-label);
            font-weight: bold;
            color: #2e7d32;
            width: 140px; 
            flex-shrink: 0;
            /* Добавочно: небольшой отступ справа от названия колонки */
            margin-right: 10px; 
        }
    }
/* таблица 2026 КОНЕЦ */


/* таблица для каталога статей */
.katalog 
{
font-size: 0.875em;
width: 97%;
margin-left: auto; margin-right: auto; 
background: linear-gradient(to right, rgba(255,0,0,.15), #cccccc);
border-width: 1px;
border-style: solid;
margin-top: 5px;
}

.katalog a {text-decoration: none;}

/* таблица лунного календарЯ */

.katalog p
{font-family: verdana; margin-top: 10px; margin-bottom:10px; margin-left:2px; margin-right:2px;}
.katalog strong
{font-size: 1.14em; font-family: verdana;}
.katalog img
{width: 100px; height: 80px; float: left; margin: 10px;}

.katalog_comm 
{
font-size: 0.875em;
width: 97%;
margin-left: auto; margin-right: auto; 
background: url(http://vse-talismany.ru/rezerv/valtasar/pergament.jpg);
box-shadow:  0px 0px 10px #000000;
}
.katalog_comm  p
{font-family: verdana; margin-top: 10px; margin-bottom:10px;}
.katalog_comm  strong
{font-size: 1.14em; font-family: verdana;}

/* таблица длЯ колонки читайте также (readmore) */
.readmore
{
width: 95%;
font-size: 1em;
margin-left: auto; margin-right: auto; 
}
.readmore p
{
font-family: verdana;
margin-top: 10px;
margin-bottom:10px;
}
.readmore a {font-weight: bold; font-size: 1.1em;}
.readmore img
{
width: 120px;
height: 100px;
float: left;
margin-left: 2px;
margin-right: 7px;
margin-top: 5px;
margin-bottom: 5px;
box-shadow:  0px 0px 7px #000000;
}
.readmore IMG:hover {box-shadow:  0px 0px 17px #000000;}
.readmore td {background-color: #FFF1BF;}

/* комментарии */
.vcomm {font-size: 0.9em; width: 93%; padding: 5px 5px 5px 0px; background-color: #e5fbdb; border: 5px double #0F6606; border-radius: 0px 22px 22px 0px; margin: 5px 5px 5px 5px;}
.comm_name {font-weight: bold; color: #1d4c06;}
.comm_date {font-size: 0.9em; font-style: italic; color: grey;}

/* новости сайта */
.novost {
width: 100%;
}
.novost IMG {
width: 150px;
height: 100px;
float: left;
margin: 5px;
}
.novost IMG:hover {
box-shadow:  0px 0px 7px #000000;
}
.novost A, span.hidden-novost {
font-family: verdana;
font-size: 0.85em;
cursor:pointer;
color:#06F;
}
.novost a:visited, span.hidden-novost:visited {color:#909; text-decoration:none;}
.novost a:hover, span.hidden-novost:hover {color:red;}


.my_mini_panel {
	width: 55px;
	height:70px;
	position: absolute;
	left: 0;
	top: -10px;
}

.novost td {
background-color: #FFF1BF; 
padding-bottom: 5px;
}

/* длЯ боковой колонки каталога*/
.bokovoy {
width: 100%;
}
.bokovoy A {
font-family: verdana;
font-size: 0.85em;
}
.bokovoy td{
background-color: #FFF1BF; 
padding-bottom: 5px;
padding-top: 5px;
}

/* длЯ золотых шапок боковых блоков */
.bokovoy_shapka  {width: 100%;
background-color: #f6cb0b;
background-repeat: no-repeat; 
-moz-background-size: 100%; /* Firefox 3.6+ */
-webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
-o-background-size: 100%; /* Opera 9.6+ */
background-size: 100%; /* ‘овременные браузеры */
}
.bokovoy_shapka strong{
color: #006400;
font-size: 1.2em;
font-family: verdana,geneva,sans-serif;
}

/*длЯ рекламы гугла*/
.google_rek
{width: 96%; display:block; margin:0 auto;}

/* красивая кнопка */
.butt
{
font-size: 20px;
font-family: verdana;
color: red;
cursor: pointer;
width: 180px;
height: 45px; 
}

/* огравление статей */
.sod {background-color: #efe4ae; width: 98%; margin: 0 auto; padding-top: 10px; padding-bottom: 5px; margin-top:10px;}
.sod A { text-decoration: none; border-bottom: 1px dashed #4491cd; /* „обавлЯем свою линию */ }

/* таблица длЯ стартовой страницы */
.start_bokovoy {
width: 100%;
}
.start_bokovoy A {
font-family: verdana;
font-size: 0.95em;
}
.start_bokovoy td{
background-color: #FFF1BF; 
padding-bottom: 5px;
padding-top: 5px;
}
.start_bokovoy IMG {width: 100px; height: 70px; float: left; margin: 5px;}

/* Sidebar */
#sidebar {
	float: right;
	width: 31%;
	padding: 0px 0px 0px 0px;
	color: #402C16;
	background-color : #fff8df;
}
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebar li {
	margin: 0;
	padding: 0;
}
#sidebar li ul {
	margin: 0px 0px;
	padding-bottom: 30px;
		text-align: center; 
}
#sidebar li li {
	padding-left: 0px;
	line-height: 35px;

}
#sidebar li li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}
#sidebar h2,#sidebar h3 {
	margin-bottom: 20px;
	padding: 12px 12px 0px 15px;
line-height: 120%;
	font-size: 24px;
	color: #0C7CA3;
}
#sidebar p {
	margin: 0 0px;
line-height: 120%;
	padding: 0px 7px 7px 7px;
	text-align: left;
}
#sidebar a {
	border: none;
	text-decoration: none;
}
#sidebar a:hover {
	text-decoration: underline;
}


.table-container {
    /* Ќа десктопе контейнер просто обертывает таблицу, без прокрутки */
    /* “бедитесь, что контейнер не вылазит за экран на десктопе, если он имеет max-width */
    max-width: 100%; /* €ли конкретное значение, если нужно */
    margin: 0 auto; /* –ентрирование, если max-width < 100% */
}

.table-container table {
    width: 100%; /* ’аблица занимает всю доступную ширину контейнера */
    border-collapse: collapse;
    /* “бираем min-width здесь, так как на десктопе мы хотим, чтобы таблица масштабировалась */
}

.table-container th,
.table-container td {
    padding: 8px;
    border: 1px solid #ccc;
    text-align: left;
    white-space: normal; /* Ќа десктопе текст может переноситьсЯ, если не хватает места */
    word-break: break-word; /* „лЯ очень длинных слов без пробелов */
}

/* ========================================= */
/* ‘тили ’Ћ‹њЉЋ длЯ мобильных устройств (медиа-запрос) */
/* ========================================= */
@media (max-width: 768px) { /* Џример: применЯем эти стили длЯ экранов шириной до 768px */

    .table-container {
        overflow-x: auto; /* Ђктивируем горизонтальную прокрутку */
        -webkit-overflow-scrolling: touch; /* “лучшает прокрутку на iOS */
        /* Ќа мобильных max-width: 100% очень важно, чтобы сам контейнер не вылез */
        max-width: 100%;
    }

    .table-container table {
        /*
         ‡адаем минимальную ширину длЯ таблицы. ќто Љ‹ћ—…‚Ћ‰ ЊЋЊ…Ќ’!
         ’аблица должна быть заведомо шире, чем контейнер (который будет 100% ширины экрана),
         чтобы поЯвилась горизонтальнаЯ прокрутка.
         Џодберите это значение исходЯ из количества колонок и их содержимого.
         Ќапример, если у вас 6 колонок и каждаЯ должна быть хотЯ бы 100px, то min-width: 600px.
        */
        min-width: 500px; /* Џример: 6 колонок * ~100-110px на колонку */
        width: auto; /* ЏозволЯем таблице быть шире 100% */
        white-space: nowrap; /* Ћпционально: предотвращает перенос текста в Ячейках на мобильных,
                               чтобы таблица полностью прокручивалась.
                               €наче, если текст перенесетсЯ, таблица сожметсЯ. */
    }
    
    .table-container th,
    .table-container td {
        white-space: nowrap; /* Џринудительно не переносим текст, чтобы сохранить ширину колонок */

    /* ‚озможно, вы захотите уменьшить padding на мобильных длЯ экономии места */
       padding: 1px;
    }

    /* …сли все же хотите, чтобы текст в некоторых Ячейках переносилсЯ, но с прокруткой всей таблицы */
    .table-container td.wrap-mobile {
        white-space: normal;
        word-break: break-word;
    }
}

/* Footer */
#footer-wrapper {
	margin-bottom: 20px;
}
#footer {
	margin-left: auto;
margin-right: auto;
width: 98%; 
max-width: 1152px;
	background-color: #FFF1BF;
background-repeat: no-repeat; 
	margin: 0px auto 0px auto;
	font-family: Arial, Helvetica, sans-serif;
}
#footer p {
	margin-left: 12px;
	padding-top: 12px;
	line-height: normal;
	font-size: 12px;
	text-align: left;
	color: #000000;
}
#footer a {
	color: blue;
}
#footer span{
	color: #000000;
	margin : 0px 10px;
}

.glav-random  {width: 99%; font-size: 0.9em;}
.glav-random  IMG {
width: 135px;
height: 110px;
float: left;
margin: 7px;
box-shadow: 2px 3px 8px -2px;
}
.glav-random  A {
font-family: verdana;
font-size: 1.2em;
padding-top: 12px;
font-weight: bold;
}
.glav-random  p {text-align: left;}
.glav-random  td {
background-color: #FCD997; 
padding-top: 5px;
padding-bottom: 5px;
vertical-align: top;
}
.glav-random h3 {text-align: center;}

/*таблица раздела экстрасенсорика*/
.ekstra {
width: 99%;
}
.ekstra IMG {
width: 100px;
height: 70px;
float: left;
margin: 4px;
}
.ekstra IMG:hover {
box-shadow:  0px 0px 7px #000000;
}
.ekstra A {
font-family: verdana;
font-size: 14px;
font-weight: bold;
text-shadow:#96c6c3 2px 2px 2px;
}
.ekstra P {
font-size: 12px;
}
.ekstra td {
background-color: #FFF1BF; 
padding-top: 10px;
padding-bottom: 10px;
}

.strelka {
position:fixed;
bottom: 5px;
right: 5px;
z-index: 9997;
opacity: 0.6;
}
.strelka:hover
{
opacity: 1;	
}

/* для тестов */
.test_osn_but {font-size: 1.5em; width: 100%; max-width: 300px;}
.test_pic_1 {width: 94%; max-width:600px;}
.test_vopros {font-family: verdana; font-size: 1.1em;}

span.hidden-link {
	color: #06F; /*-цвет ссылки-*/
	text-decoration: underline; /*-подчеркивание-*/
	cursor: pointer; /*-указатель в виде пальца-*/
	padding-right:8px;
}

.osn_big {display:inline-block; position:relative; margin-bottom:6px; margin-top: 10px;}
.osn_big  img {width: 100%; max-width: 450px; margin-top: 20px;}
.osn_big  img:hover {opacity: 0.8;}
.osn_big  span {position:absolute; bottom:5px; left:5px;   background-color:rgba(146, 27, 8, .7); color: #ffffff; padding:5px 5px; text-align: left; font-family:verdana; font-size: 1.3em; line-height: 1.2;}
.osn_big  span:visited {color: #ad38a5;}
.osn_big span:hover {color: #dcd0ff;}

/* title for moon calend's card */
.moon_zag {font-family:verdana; font-size: 1.2em !important; font-weight: bold; color: #120a8f; margin: 7px;}

/* лэйбл длЯ гаданий */
.label-gadat {
border-radius: 10px; 
color:red; 
background-color: #d7d8de; 
padding: 2px 5px 2px 5px; 
width: 100px; 
top: 95%; 
right: 0; 
position: absolute;
}

/* карта (рубашка) длЯ гаданий */
.karta {
width: 40px; 
height: 60px; 
border-radius: 5px;
position: absolute;
top: 75%;
cursor: pointer;
}

/* длЯ лунных календарей */
.horotable {
border: 2px solid gray;
width: 98%; margin: 0 auto;
position: relative;
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 26%, rgba(209,247,255,1) 100%);
}

.horotable IMG {width: 100%; max-width: 300px; height: 120px; margin: 0 15px 15px 0; float: left;}
@media all and (max-width: 580px) {.horotable div {width: 100%; max-width: 400px;}}

/* гороскоп огородника */
.horotable2 {
border: 2px solid gray;
width: 98%; margin: 0 auto;
position: relative;
background: rgb(228,249,216);
background: linear-gradient(90deg, rgba(228,249,216,1) 0%, rgba(254,244,197,1) 52%, rgba(183,242,254,1) 100%);
}
.horotable2 blockquote {background: white; padding: 7px;}

/* moon calend 2023 */
.horotable_good {
	border: 4px double #1EB313; margin: 5px; padding: 5px;
}
.horotable_good b {
	color: green;
}
.horotable_bad {
	border: 4px double #A40000; margin: 5px; padding: 5px;
}
.horotable_bad b {
	color: red;
}
.horotable_normal {
	border: 4px double #294DA4; margin: 5px; padding: 5px;
}
.horotable_normal b {
	color: black;
}

/* новые блоки нижних анонсов 2019 */
.osn {display:inline-block; position:relative; height: 170px; border: 3px solid #5722A4; margin-top:20px; margin-left: 25px; margin-bottom:10px; z-index: 5; background: rgb(243,243,254);
background: linear-gradient(90deg, rgba(243,243,254,1) 0%, rgba(212,212,255,1) 35%, rgba(233,249,252,1) 98%);}
.osn img {width: 140px; height:110px; border: 1px solid gray;}
.osn img:hover {opacity: 0.7;}
.osn span {position:absolute; width: 136px; text-align: left; top:110px; left:0; color: #000000; padding:5px 5px; font-size: 0.80em; line-height: 110%; font-weight:600;}

.osn_zod {display:inline-block; position:relative; height: 160px; border: 2px solid #5722A4; margin-top:20px; margin-left: 25px; margin-bottom:10px; z-index: 5; background: rgb(243,243,254);
background: linear-gradient(90deg, rgba(243,243,254,1) 0%, rgba(212,212,255,1) 35%, rgba(233,249,252,1) 98%);}
.osn_zod img {width: 130px; height:130px;}
.osn_zod img:hover {opacity: 0.7;}
.osn_zod span {
	position:absolute; 
	width: 130px; 
	top:130px; 
	left:0; 
	color: #000000;
	line-height: 110%;
	font-weight:600;
	display: flex;
	justify-content: center;
  }

@media all and (max-width: 460px) {
.osn_zod {margin-left: 10px;}
	.osn {width: 80%; margin: 0 auto; display:block; margin-top: 20px; height:200px;}
	.osn  img {width: 99%; height:150px;}
	.osn span {width: 98%; padding-right: 5px; top:150px;}
}

/* астрология - лунные дни */
.astro_osn {display:inline-block; position:relative; margin-top:20px; margin-bottom:10px;}
.astro_osn img {width: 60px; height:60px; margin-left: 30px; border: 1px solid gray;}
.astro_osn img:hover {opacity: 0.7;}
.astro_osn span {
    position: absolute;
    width: 53px;
    text-align: left;
    top: 60px;
    left: 30px;
    padding: 5px 5px;
    font-size: 0.75em;
    font-weight: 500;
	}

/* новые блоки нижних анонсов 2019 (стартовая) */
.start_block {
	text-align:center; 
	background-color: #fff1bf;
}
	.start_link {
		color: #0e208c;
		font-weight: 600;
		text-decoration: none !important;
	}

.osn_st {
    display: inline-flex;
    vertical-align: top;
    position: relative;
    margin-top: 5px;
    width: 200px;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-end;
    align-content: space-around;
    align-items: center;
}

.osn_st img {
    width: 190px;
    height: 152px;
    margin-left: 20px;
    margin-top: 15px;
    border: 1px solid gray;
}

.osn_st a {
text-decoration: none;
line-height: 0.9em;
}

.osn_st img:hover {opacity: 0.7;}
.osn_st span {
    display: block;
    position: relative;
    text-align: left;
    background-color: antiquewhite;
    top: -10px;
    border-bottom: solid 1px;
    border-left: solid 1px;
    border-right: solid 1px;
    left: 20px;
    width: 180px;
    color: #000000;
    padding: 5px 5px;
    text-decoration: none;
    font-size: 0.8em;
    font-weight: 600;
}

@media all and (max-width: 450px) {
	.start_block {
	background-color: #2f3461;
	}
	.start_link {
		color: #f2fa0a !important;
		text-decoration: none !important;
	}
	.start_link a {
		color: #f2fa0a;
	}

	.osn_st {
		width: 100%;
		display: block;
		vertical-align: top;
		position: relative;
		margin-top: 5px;
	}

	.osn_st img {
		width: 100%;
		max-width: 300px;
		margin-top: 15px;
		border: 1px solid gray;
		height: auto;
		margin-left: 0;
	}

	.osn_st span {
		line-height: 1.2;
		padding-bottom: 10px;
		padding-top: 10px;
		margin: 0 auto;
		max-width: 300px;
		display: block;
		position: relative;
		text-align: center;
		background-color: #d2deff;
		top: -5px;
		left: 0;
		padding: 10px 0 10px 0;
		border-bottom: solid 1px;
		border-left: solid 1px;
		border-right: solid 1px;
		width: 100%;
		color: #000000;
		text-decoration: none;
		font-size: 1em;
		font-weight: 550;
	}
}


/* блоки длЯ онлайн гаданий (ротатор) */
.osn_gadat {display:inline-block; position:relative; margin-top:15px; margin-bottom:60px;}
.osn_gadat img {width: 200px; height:160px;}
.osn_gadat img:hover {opacity: 0.7;}
.osn_gadat span {position:absolute; top:155px; left:0px;  background-color:rgba(246, 203, 11, .7); color: #000000; padding:5px 5px; font-size: 0.85em; font-weight:700;}

/* линковка с картинками по центру статьи */
.link_center_main {background-color: #e7f8c3; padding: 5px; margin-bottom:10px; margin-left: 20px; margin-right: 20px;}
.link_center {margin-top:10px; margin-bottom:10px; width:100%;  position: relative; display:inline-block;}
.link_center a {padding-top:10px; position: relative; font-size:1.1em;}
.link_center img {width: 150px; height: 100px; margin: 5px; float: left;  -webkit-border-top-left-radius: 20px;}
.link_center img:hover {opacity: 0.8;}

/* линковка праздников */
.link_data_prazdnik {background-color: #adeff5; margin: 15px 10px 15px 10px; padding-top: 10px; padding-bottom: 10px; font-size: 1em;}
.link_data_prazdnik p {text-align: center; }

/* для гороскопов */
.div_horo {
	background-color:green; border-radius: 10px; display:inline-block; position:relative; padding: 7px; color: white; margin: 3px; font-size: 0.85em; cursor:pointer;
}
.div_horo:hover {background-color:#9de0b4;}
.div_horo a {color: white;}


.plav_table {width: 100%; font-size: 100%; display:block; margin:0 auto;}
.plav_table td {vertical-align:top; padding-top:7px; font-size:0.9em;}
.plav_table img {width: 180px; height:135px;  box-shadow:  0px 0px 7px #000000;}
.plav_table IMG:hover {opacity: 0.8;}
.plav_table a {font-weight: bold; font-family: verdana; font-size: 1.2em;}

.plav_table2 {width: 100%; font-size: 100%; display:block; margin:0 auto;}
.plav_table2 td {vertical-align:top; padding-top:7px; font-size:0.9em;}

.reklama_google 
{width: 100%}
.reklama_google td {width: 50%}

.zagovor {width: 400px; display:block; margin:0 auto;}


/* лунный календарь */
.luna_k {background-color: white; width: 98%; margin:0 auto; font-size: 100%;}
.luna_k span {font-size: 1.3em; font-weight: bold; padding-top: 10px;}

/* кнопка поделитьсЯ от Яндекса */
.ya-share2__item {
  padding-right: 4px;
}
/* поиск Яндекса */
.ya-page_js_yes .ya-site-form_inited_no { display: none; }

#moon_1 {color: #FFF1BF;} #moon_1:hover {color: red;}

/* перенесённые стили */
.menu_new {display:inline-block; position:relative; padding-top: 5px; padding-bottom: 5px; width: 280px; 
border: 1px black solid; padding: 5px 0 5px 0;}
.menu_new {color: black;}
.menu_new a {color: black; text-decoration: none;}

.zod {display:inline-block; position:relative; margin-top:10px; margin-bottom:10px;}
.zod img {width: 140px; height:100px;  margin-left: 25px; margin-top:10px;}
.zod img:hover {opacity: 0.8;}
.zod span {position:absolute; bottom: 10px; left:25px; text-align:left; background-color:rgba(246, 203, 11, .8); color: #ffffff; padding:5px 5px; font-size: 0.8em;}
.good_head {background-color: #0c3696; display:inline-block; position:relative; color: #ffffb8; padding: 5px 5px 5px 5px; border-radius: 0 10px 0 0; margin-bottom: 0px;}
.div_video_wrap {margin: 0 auto; background-color: #FFF1BF; max-width: 900px;}
.div_video {display:inline-block; position:relative; vertical-align: top; margin: 10px 0 10px 5px;  width: 100%; max-width: 350px; background-color: white; padding-top: 10px;}
@media all and (max-width: 1095px) {
.div_video {display:block; margin: 0 auto; max-width: none;}
.div_video frame {height: 280px;}
.div_video_wrap {max-width: 500px;}
}

.imgbok {margin-left: 10px;} .imgbok IMG {margin-top: 20px;}
/* --------------- */

/* большая картинка новая */
.foto {border: solid 1px black; 
margin: 0 auto; 
background-color: white; 
width: 96%; max-width: 600px;  
padding-top: 10px; 
padding-bottom: 5px; 
text-align: center;
margin-bottom: 10px;
}
.foto img {width: 96%; max-height:340px; height: 340px;  object-fit: cover; }
.foto p {padding-top: 10px;}

.foto-vertical {
  border: solid 1px black;
  margin: 0 auto;
  background-color: white;
  width: 60%;
  max-width: 340px;
  padding-top: 10px;
  padding-bottom: 5px;
  text-align: center;
}

.foto-vertical img {
  width: 96%;
  max-height: 530px;
}

.foto-vertical p {
  padding-top: 10px;
}

/* цветнаЯ подложка длЯ гаданий */
.block_gadat {background-color: #fce9cf;}

.dekada {
	background-color: #FFF1BF;
	margin: 10px 10px 10px 10px;
	padding: 5px 5px 5px 5px;
	border-radius: 10px;
}

.main_content {
 /*   -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; */
}

/* нижнЯЯ фиксированнаЯ */
.pony_main {
    width: 100%;
    max-height: 175px;
    position: fixed;
    bottom: 0px;
	left: 0px;
    text-align: center;
    line-height: 0px;
    z-index: 5554;
}
.pony_inner {
	background-color: white;
	max-height: 150px;
	padding-top: 4px;
        position: relative;
	z-index: 5555;
	box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%) !important;
}
.pony_close {
	opacity: .7;
    border: none;
    border-radius: 0 12px 0 0;
    font-family: verdana;
    width: 40px; 
    height: 25px; 
    background-color: #45161c;
    color: white;
    padding-top: 7px;
}

/* Ккнига судеб */
.kniga_s {
	background: url(/data/_uploaded/image/2019-3/kniga.jpg); 
	background-size: 100% auto; 
	width: 100%; height: 300px; max-width: 400px; margin: 0 auto;
	font-size: 1.3em;
}
.kniga_s_2023_start {
	background: url(/data/_uploaded/mypic/2023/2/ks-start.jpg); 
	background-size: 100% auto; 
	background-repeat: no-repeat;
	width: 100%; height: 300px; max-width: 400px; margin: 0 auto;
	font-size: 1.3em;
}
.kniga_s_2023_action {
	background: url(/data/_uploaded/mypic/2023/2/ks-act.gif); 
	background-size: 100% auto; 
	background-repeat: no-repeat;
	width: 100%; height: 300px; max-width: 400px; margin: 0 auto;
	font-size: 1.3em;
}
.kniga_s_2023_stop {
	background: url(/data/_uploaded/mypic/2023/2/ks-stop.jpg); 
	background-size: 100% auto; 
	background-repeat: no-repeat;
	width: 100%; height: 300px; max-width: 400px; margin: 0 auto;
	font-size: 1.3em;
}


.kniga_s_2023_text {color: white; background-color:#000000; }
.kniga_s_Button {
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #45de5c 5%, #8524bd 100%);
	background-color:#45de5c;
	border-radius:6px;
	border:1px solid #2462ff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:16px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.kniga_s_Button:hover {
	background:linear-gradient(to bottom, #8524bd 5%, #45de5c 100%);
	background-color:#8524bd;
}
.kniga_s_Button:active {
	position:relative;
	top:1px;
}

.kniga_s p {color: white; background-color:#000000; }
.kniga_s_verh {width: 100%; max-width: 400px; margin: 0 auto;}
.kniga_s_verh h1 {font-size: 1.2em;}

/* Новые анонсы образца 2019 */
.mb_ins {display:inline-block; position:relative; vertical-align: top; margin-top: 25px; margin-bottom: 25px; width: 250px;}
.mb_ins a {border: none; text-decoration: none;}
.mb_ins img {margin-left:25px; width: 100%; max-width: 225px; height: 150px;}
.mb_ins_text {margin-left:25px; margin-top: -5px;  background-color: #ebd6a7; padding: 10px 5px 10px 5px; font-size: 0.85em; font-weight:700;}

.katalog_2019 
{
font-size: 0.875em;
width: 100%;
border-width: 0 1px 0 0;
border-style: dashed;
margin: 20px 0 10px 20px;
max-width: 455px;
background: url(http://vse-talismany.ru/rezerv/valtasar/pergament.jpg);
}

.katalog_2019 p
{font-family: verdana; margin-top: 10px; margin-bottom:10px;}
.katalog_2019 strong
{font-size: 1.14em; font-family: verdana;}
.katalog_2019 img
{width: 160px; height: 130px; float: left; margin-right: 10px;}
.katalog_2019 a {text-decoration: none;}


/* -----------  */

/* right menu float div */
.rmfd_pre {width: 100%; max-width: 635px; margin: 0 auto;} /* wrapper */
.rmfd {
	display:inline-block; position:relative; vertical-align: top; margin: 7px; width: 100%; max-width: 300px;
}
.rmfd img {width: 100%; max-width: 300px;}

/* footer new 2019 april*/
.footer_2019_april {display:inline-block; position:relative; vertical-align: top; margin: 7px; width: 100%; max-width: 200px; background-color: white;}
.footer_2019_april p {line-height: 0.5em;}
.footer_2019_april a {text-decoration: none;}
.footer_2019_april_wrap {margin: 0 auto; max-width: 1110px;}
.footer_2019_april_shapka {width: 100%; height: 25px; background-color: #263e82; color: #f2f5bf; border-radius: 5px 5px 0 0; text-align: center;}

/* sidebar new 2019 april*/
.sidebar_2019_april {display:inline-block; position:relative; vertical-align: top; margin-bottom: 15px;  width: 100%; max-width: 330px; background-color: #FFF8DF;}
.sidebar_2019_april p {font-size: 0.9em;}
.sidebar_2019_april img {border-radius: 5px 5px 5px 5px; width:100%;}
.sidebar_2019_april_wrap {margin: 0 auto; background-color: #FFF1BF; max-width: 330px;}
.sidebar_2019_april_shapka {width: 100%; height: 35px; background-color: #263e82; color: #f2f5bf; padding-top: 5px; margin-bottom: 10px; border-radius: 5px 5px 0 0; text-align: center;}


/* онлайн гадания нового образца */
.gadat_block_in	{max-width: 600px; display: block; background-color: #204a0f; margin: 0 auto;  position: relative;}
.gadat_block_button {position: absolute; top: 10%; left: 43%; font-size: 24px;}
.gadat_block_out	{display: block; text-align: center; margin: 0 auto;}

@media all and (max-width: 1023px) {
.gadat_block_in	{width: 98%;}
.gadat_block_out {width: 96%; float: none;}
}

/* кнопки знаков Зодиака */
.zod_but {cursor: pointer; background-color: #ffec8b; border: 3px solid blue; margin: 10px; padding:5px; display: inline-block;  border-radius: 5px; text-align: center; width: 115px;}
.zod_but a {font-size: 0.90em; text-decoration: none; font-weight: 600;}
.zod_but:hover {background-color: #b3e6d5;}
@media all and (max-width: 315px) {.zod_but {width: 90%;}}

/* шаблон для тестов 2019 */
.test_main {
width: 100%; 
max-width: 600px; 
margin: 0 auto; 
position: relative; 
background-color: #b6ffd7; 
text-align: center;
}
.test_main IMG {width: 100%; max-width: 400px; max-height: 150px;}
.test_main button {width: 50%;}
.test_question {color: grey; padding-top: 5px;}
.test_info div {width: 95%; max-width: 600px; text-align: left; padding-left: 10px;}
.test_info input[type=radio] {margin-bottom: 10px;}

/* реклама гугл */
.grek_1 { display:inline-block; width: 320px; height: 250px; } 
@media (min-device-width:468px) { .grek_1 { width: 468px; height: 200px; } } 
@media (min-device-width:640px) { .grek_1 { width: 640px; height: 200px; } } 
@media (min-device-width:728px) { .grek_1 { width: 100%; height: 150px; } } 
@media (min-device-width:980px) { .grek_1 { width: 100%; height: 150px; } } 

/* реклама гугл (как на arhangel.ru) */
.topr	{width: 520px; display: block; background-color: #ffffff; padding: 10px 0px 10px 10px; margin: 0 auto; height: 280px;}
.mainleft	{display: block; text-align: center;}
.grek_2 { display:inline-block; width: 500px; height: 280px; }
@media all and (max-width: 1023px) {
.topr	{width: 98%;}
.mainleft {width: 100%; float: none;}
.grek_2	{width: 560px; height: 250px; }
}
@media all and (max-width: 810px) {
.topr	{padding: 16px 0px 12px 5px;}
.grek_2	{width: 500px; height: 250px;}
}
@media all and (max-width: 670px)  {
.grek_2	{width: 300px; height: 250px;}
}


/*карточки раздела техники */
.section-title {
  text-align: center;
  font-family: 'Verdana', sans-serif;
  margin-bottom: 30px;
  color: #333;
}

/* Контейнер для сетки */
.tech-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
  padding: 10px;
  max-width: 1200px;
  margin: 0 auto;
}

/* Стили карточки */
.tech-card {
  display: flex;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none !important;
  color: #333;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid #eee;
}

/* Эффект при наведении */
.tech-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

/* Блок для картинки */
.card-image {
  flex: 0 0 120px;
  height: auto;
  overflow: hidden;
}

.card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Картинка заполняет область без искажения */
}

/* Блок с текстом */
.card-content {
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.card-content h3 {
  margin: 0 0 8px 0;
  font-size: 18px;
  font-family: 'Verdana', sans-serif;
  color: #2c3e50;
  font-weight: bold;
}

.card-content p {
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
  color: #666;
}

/* Адаптивность для маленьких экранов */
@media (max-width: 480px) {
  .tech-card {
    flex-direction: column; /* На мобилках картинка будет сверху */
  }
  .card-image {
    flex: 0 0 150px;
  }
}


/* Заголовок только для гаданий */
.gad-section-title {
  text-align: center;
  font-family: 'Verdana', sans-serif;
  font-size: 20px;
  margin: 25px 0;
  color: #444;
}

/* Сетка контейнер */
.gad-container-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 15px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px;
}

/* Сама карточка */
.gad-item-card {
  display: flex;
  align-items: center;
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  text-decoration: none !important;
  color: #333;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  transition: all 0.2s ease-in-out;
  border: 1px solid #eee;
  height: 80px;
}

/* Эффект наведения */
.gad-item-card:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  border-color: #d1d1d1;
  background-color: #f9f9f9;
}

/* Область картинки */
.gad-item-image {
  flex: 0 0 80px;
  height: 80px;
  background-color: #f0f0f0;
}

.gad-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Область текста */
.gad-item-content {
  padding: 0 12px;
  overflow: hidden;
}

.gad-item-content h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.3;
  font-family: 'Verdana', sans-serif;
  color: #2c3e50;
  font-weight: 600;
}

/* Адаптивность */
@media (max-width: 480px) {
  .gad-container-grid {
    grid-template-columns: 1fr;
  }
  .gad-item-card {
    height: 70px;
  }
  .gad-item-image {
    flex: 0 0 70px;
    height: 70px;
  }
}


/*адаптивный дизайн*/
/*блоки в подвале и в сайдбаре*/
@media all and (max-width: 1134px) {.footer_2019_april_wrap {max-width: 950px; margin-top: 0;} 

}

/* картинка для гороскопов */
.horo_pic {
	width: 250px;
	height: 150px; 
	margin: 5px; 
	float: left;
}


@media all and (max-width: 678px) {.footer_2019_april_wrap {max-width: 500px;}}
@media all and (max-width: 451px)  {.footer_2019_april {display:block; margin: 0 auto; width:80%; max-width:500px;} .footer_2019_april_wrap{width: 80%; max-width:500px;}}

@media all and (max-width: 960px) {.sidebar_2019_april_wrap {max-width: 620px;} .sidebar_2019_april{margin-left: 7px; max-width: 300px;}}
@media all and (max-width: 645px) {.sidebar_2019_april {max-width: 250px;} .sidebar_2019_april_wrap {max-width: 520px;}}
@media all and (max-width: 550px) {.sidebar_2019_april {display:block; margin: 0 auto; max-width: 350px; margin-top: 15px; margin-bottom: 10px;}}

/* яндекс (над заголовком) */
@media all and (min-width: 1075px) { .yandex-adaptive { margin: 0 auto; width: 700px; } } 
@media all and (max-width: 1074px) { .yandex-adaptive { margin: 0 auto; width: 90%; max-width: 700px;} }

/* CLS */
.dnursoc {height: 24px; padding-bottom: 10px;}

.dnur2 {
 min-height: 302px;
 display: flex;
 align-items: center;
 justify-content: center;
}
.dnur_right {
 min-height: 402px;
 display: flex;
 align-items: center;
 justify-content: center;
}

@media all and (max-width: 960px)
{
h1 {font-weight: normal;}
h2 {font-weight: normal; }
#content {width: 100%; max-width: 700px; padding: 5px 0px 0px 0px; margin-left: auto;
margin-right: auto; float: none;}
/*# poster {display: none;} */
#sidebar  {float: left; width:100%; max-width: 700px; margin-left: auto;
margin-right: auto; float: none;}
.fixed {display: block; position:relative; width:100%;}
#menu_main {display: none;}
#header {height: 120px; position: relative; top: 30px;}
.pics{width: 100%; max-width: 600px; height: 300px;}

.menu_butt {color: white; background: url(images/knopka.jpg); display: block;
	padding: 7px 5px 7px 5px;
	text-decoration: none;
	font-family: verdana;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	border: none; position: fixed; top: 0; margin: 0 auto; width:100%; z-index:1000;}
#poisk_desktop {display: none;}
#footer {max-width: 700px; margin-left: auto;
margin-right: auto; float: none;}
}

@media all and (max-width: 800px)
{
.table_anons td {width: 100%; float: left;}
}

@media all and (max-width: 680px)
{
.glav-random  td {float: left; width: 100%}
.plav_table td {float: left; width: 100%;}
.plav_table2 td {float: left; width: 100%;}
}

@media all and (max-width: 600px)
{
.reklama_google td {float: left; width: 100%;}
.pl {width: 97%; height: 210px; margin: 0; padding-bottom: 7px;}
.pr {width: 97%; height: 210px; margin: 0; padding-bottom: 7px;}
.pics{width: 100%; height: 270px;}
}

@media all and (max-width: 658px)
{
.rmfd {display: block; margin: 0 auto; margin-top: 7px;}
.horo_link {font-size: 0.77em;}
.horo_link strong {   font-size: 1.3em;}
.horo_link b {   font-size: 1.3em;}
}

@media all and (max-width: 525px) {
.katalog_2019 {width: 90%;}
.foto img {height: 230px;}
}

@media all and (max-width: 450px)
{
.zagovor {width: 100%;}
.link_data_prazdnik {font-size: 0.75em;}
.luna_k span {font-size: 1em;}
.kniga_s {font-size: 1em;}
.kniga_s {height: 280px;}
.horo_pic {width: 100%;}

.picl {float: none; width: 100%;}
.picr {float: none; width: 100%;}
}

@media all and (max-width: 480px) {
.katalog_2019 img {width: 100%;}
#logo a {font-weight: 400;}
.katalog img {width: 95%; float: none; height: 95%;}
.pl {width: 97%;}
.pr {width: 97%;}

}


@media all and (max-width: 290px)
{
.zagovor {width: 100%;}
.link_data_prazdnik {font-size: 0.74em; margin: 15px 0 15px 0;}
.luna_k span {font-size: 1em;}
}


blockquote {border-width: 0 0 0 1px;
border-style: dashed; padding-left: 1px; color: #002137; background-color: #e7f8c3; padding-top: 5px; padding-bottom: 5px;}

urlset {color: red;}