body{
    background-color: rgb(45, 45, 44);
    background-image: linear-gradient(#5097dc52, #02111408), url(/pic/bg/bgBody3.webp);
    background-repeat: repeat;
    background-attachment: fixed;
    margin:0;
}
body > *{
    width:100%;
    max-width: 1500px;
    overflow: hidden;
    background-color: rgb(249, 248, 246);
    margin: 0 auto;
    box-sizing: border-box;
}

#h1id{
    text-align: center;
    padding: 10px 15px;
    margin:0 auto;
    margin-top: 2px;
    border-radius: 10px 10px 0 0;
    background-color: #e7eeff;
    color: #401c9d;
    width:100%;
    
}

#dh1{
    background: linear-gradient(#e7eeff 50%, rgb(246, 180, 104));
}
#mainTable{
    width:100%;
    overflow: hidden;
    border-spacing: 4px 0;
    border-bottom: 1px solid rgb(130, 130, 130);
}
#mainTableCaption{
    background-color: rgb(246, 180, 104);
    text-align: left;
    border-bottom: 1px solid grey;height: 120%;
}
#mainTableCaption > h2{
    margin: 12px 15px;
    color: rgb(4, 4, 54);
    font-family: FontinSans_Cyrillic;
}

#mainTable td{
    vertical-align: top;
}

.imgDiv{
    text-align:center;
}


/* Основной текст гл. стр.*/
    #mainTableTdInfo{
    font-size: 1.3em;
    color: #010a34;
    border-left: 1px solid rgb(166, 166, 166);
    padding: 0 20px;
    border-radius: 5px;
}
#mainTableTdInfo > h2, #mainTableTdInfo > h3{
    font-family: FontinSans_Cyrillic;
}
#mainTableTdInfo  a{
    text-decoration:none;
    color: rgb(5, 5, 233);
}
#mainTableTdInfo  a:hover{
    color: rgb(160, 126, 4);
}

ul > li{
    margin: 12px 10px;
}
.linkFooter > a{
    display: block;
}
#sh{
    margin-bottom: 15px;
}
#shd {
    display: flex;
    gap: 20px;
    /justify-content: space-around;
    justify-content: center;
    flex-wrap: wrap;
}
#shd > div {
    width:45%;
    border: 1px solid #cccccc;
    border-radius: 5px;
}
#shd > div > h4:first-child{
    margin: 10px 0 10px 15px;
}

#spth{
    margin-top: 40px;
}

/* ----------------reclama */
#reclYa{
    border-radius: 9px;
    max-width: 1402px;
    max-height: 250px;
    margin: 30px auto;
    overflow: hidden;
    border: 1px solid rgb(100, 100, 100);
}

#reclYa2{
    border-radius: 9px;
    max-width: 1402px;
    max-height: 250px;
    margin: 30px auto;
    overflow: hidden;
    border: 1px solid rgb(100, 100, 100);
}
#reclYaDown{
    margin: 0 auto;
    padding: 30px 20px;
    overflow: hidden;
}
#reclYaDown > *{
    max-width: 1224px;
    margin: 20px auto;
}
/* ------------ */

/* левое меню гл. стр.*/
#mainTableTdMenu{
    height:5px;
    width:302px;
    font-size: 1.2em;
    background-color: rgb(246, 246, 246);
    border-right: 1px solid rgb(166, 166, 166);
    border-radius: 5px;
}
#headNav{
    margin: 20px 0 10px 5px;
    font-family: FontinSans_Cyrillic;
    color: #6d7700;
}

.navMainLink{
    position: relative;
    margin: 0 5px;
}
.navMainLink > a{
font-size: 1.55em;
display:block;
/line-height:44px;
padding: 7px 15px;
border-radius: 15px;
background-color: rgb(246, 246, 246);
border: 0px solid rgb(246, 246, 246);
}
.navMainLink:hover > a{
border: 0px solid rgb(30, 2, 82);
background-color: #fdb87bf4;
} 

.navSubLink{
width: 85%;
min-height: 100%;
border: solid 0px #5d5c5c;
border-radius: 7px 7px 7px 0px;
position: absolute;
top:0px;
left:85%;
display:block;
visibility: hidden;
}
.navSubLink>a{
display: block;
height: 44px;
padding-left: 10px;
line-height:50px;
font-size: 1.3em;
}
.navMainLink:hover > .navSubLink{
background: #fdb87bf4;
visibility: visible;
z-index:15;
}

.navSubLink>a:hover{
box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3);
background: #fafafada;
}


.mainMenuKurort{
    font-family: ‘Source Sans Pro’, sans-serif; font-size: 20px; line-height: 1.7; text-indent: 0px; letter-spacing: 1.5;
    margin-left:0px;
    color:red;
    text-shadow: 1px 0 0px #f6612c, 0 1px 0px #f6612c, -1px 0 0px #f6612c, 0 -1px 0px #fddf15, 2px 0 3px white, 0 2px 3px white, -2px 0 1px white, 0 -2px 1px white;
    text-decoration:none;
}
.mainMenuKurort:hover{
    color:#009cff;
    text-shadow: 1px 0 0px #009cff, 0 1px 0px #009cff, -1px 0 0px #009cff, 0 -1px 0px #009cff, 2px 0 0px white, 0 2px 0px white, -2px 0 0px white, 0 -2px 0px white;
    background-color: #fdb87bf4;
}

.mainMenuKurort1{
    font-family: ‘Source Sans Pro’, sans-serif; font-size: 22px;  text-indent: 0px; letter-spacing: 1.5;
    margin-left:0px;
    color:#f4e66c;
    text-shadow: 1px 0 0px #fdf099, 0 1px 0px #fdf099, -1px 0 0px #fdf099, 0 -1px 0px #fddf15, 2px 0 1px #183576, 0 2px 1px #183576, -2px 0 1px #223d7b, 0 -2px 1px #223d7b;
    text-decoration:none;
}
.mainMenuKurort1:hover{
    color:#009cff;
    text-shadow: 1px 0 0px #009cff, 0 1px 0px #009cff, -1px 0 0px #009cff, 0 -1px 0px #009cff, 2px 0 0px white, 0 2px 0px white, -2px 0 0px white, 0 -2px 0px white;
    background-color: #fdb87bf4;
}

.mainMenuKurort2{
    font-family: ‘Source Sans Pro’, sans-serif; font-size: 22px; text-indent: 0px; letter-spacing: 1.3;
    margin-left:0px;
    color:white;
    text-shadow: 1px 0 0px white, 0 1px 0px white, -1px 0 0px white, 0 -1px 0px white, 2px 0 1px #000, 0 2px 1px #000, -2px 0 1px #000, 0 -2px 1px #000;
    text-decoration:none;
}
.mainMenuKurort2:hover{
    color:#e3fffe;
    background-color: #fdb87bf4;
}

.mainMenuKurort3{
    font-family: ‘Source Sans Pro’, sans-serif; font-size: 22px; text-indent: 0px; letter-spacing: 1.3;
    margin-left:0px;
    color:#b2c9fd;
    /*text-shadow: 1px 0 0px #8cafff, 0 1px 0px #3bac3d, -1px 0 0px #3bac3d, 0 -1px 0px #8cafff, 2px 0 1px #136104, 0 2px 1px #136104, -2px 0 1px #136104, 0 -2px 1px #136104;*/
    text-shadow: 1px 0 0px #5175c6, 0 1px 0px #2e4b8e, -1px 0 0px #2e4b8e, 0 -1px 0px #5175c6, 2px 0 1px white, 0 2px 1px white, -2px 0 1px white, 0 -2px 1px white;
    text-decoration:none;
}
.mainMenuKurort3:hover{
    color:#00b800;
}
hr.leftMenu {
    width: 90%;
}
#aboutMenu{
    margin: 15px 5px 15px 10px;
}
/* ---------------- */
#mainTableTdMenu2{
    font-size: 1.2em;
    height:auto;
    width:302px;
}
#mainTableTdMenu2 > a {
    text-decoration: none;
}
#mainTableTdMenu2 > a:hover {
    color: red;
}

/* ----------------reclama */
#recYaLeft{
    max-width:300px;
    margin:15px auto;
    overflow: hidden;
}
#recYaLeft2{
    max-width:292px;
    margin:40px auto;
    overflow: hidden;
}

/* ---------------- */
#ml2st {
    margin: 25px 5px 30px 20px;
}
#ml2st > a{
    display:block;
    margin: 5px 0;
}
#mainTableTdMenu2 > a[href="/?page=Po_kategoriiam"] {
    margin: 25px 0;
}

/* ---------------- */
#bottomPart{
    border-top: 1px solid grey;
    padding: 10px 20px;
    font-size:1.1em;
    background-color: rgb(189, 166, 88);
}
#bottomPart a{
    text-decoration: none;
    color: rgb(4, 4, 173);
}
#butUpElId{
    background-color: rgba(249, 250, 251, 0);
}

.bottomPT3{
    text-align: center;
}
.dnone0{
    display:none;
}
/* ---------------- */
/* ---------------- */
/* ---------------- */
/* ---------------- */
@media all and (orientation:portrait) and (max-width: 1300px){
    body {
        padding: 0;
        margin:0;
    }
    body > * {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        margin:0;
    }
    #mainTable{
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        margin:0;
    }
    #flnt1{
        display: none;
    }
    .fotosShow{
        width: 100%;
        max-width: 100%;
    }
    #mainTableTdInfo{
        display:block;
        width: 94%;
        margin: auto;
        max-width: 100%;
        display:block;
        word-wrap: break-word;
        padding: 4px;
        border: 0px;
    }
    #aboutMenu > strong {
        font-size: 1em;
    }
    #aboutMenu{
        margin-top:0;
    }
    #mainTableTdMenu, #mainTableTdMenu2{
        width: 100%;
        max-width: 100%;
        display:block;
        height: auto;
        overflow: hidden;
        word-wrap: break-word;
        border: 0px;
    }
    #mainTableTdMenu2{
        padding-top: 20px;
    }
    #mainTableTdMenu2 > br{
        display:none;
    }
    #mainTableTdMenu2 > a{
        display:block;
    }
    .navMainLink {
        overflow: hidden;
        height: 70px;
        width: 100%;
        margin: 10px 0;
        padding-top: 10px;
    }
    .navMainLink > a{
        display: block;
        float:left;
        font-size: 1.5em;
        height: 50px;
        line-height: 42px;
        overflow: hidden;
    }
    .navMainLink > a::after{
        word-break: break-all;
        padding-left: 20px;
        padding-right: 12px;
        height: 42px;
        font-size: 32px;
        line-height: 52px;
    }

    .navMainLink:hover > .navSubLink{
        visibility:hidden;
    }
    .navMainLink:nth-child(1) > a::after{
        content: '👪🏂🎯🐕💃🏓🚐';
    }
    .navMainLink:nth-child(2) > a::after{
        content: '🌞🕶🌳🎡🤿🚤🏕️🌜🚌';
    }
    .navMainLink:nth-child(3) > a::after{
        content: '🌞🏖️⛵🪂🎢👨‍⚕️⛲🚢🏄🤿🎪🐒🌙🎶👪⛺🛬🚈🚌';
    }
    .navMainLink:nth-child(4) > a::after{
        content: '👨‍⚕️🏂🚌';
    }
    .navMainLink:nth-child(5) > a::after{
        content: '🌞⛵🎢🕶👨‍⚕️🚢🏄🤿💃🌜👪🏕️🛬🚌';
    }
    .navMainLink:nth-child(6) > a::after{
        content: '🌄👨‍⚕️🌲🧗🌳🚌🚈';
    }
    .navMainLink:nth-child(7) > a::after{
        content: '🌞🕶🏖️⛵🎡🚢🏄🤿🐒🌙🎶👪⛺🚌';
    }
    .navMainLink:nth-child(8) > a::after{
        content: '🌞🏖️⛵🌳👨‍⚕️🎡🪂🌙👪⛺🚈🚌';
    }
    .navMainLink:nth-child(9) > a::after{
        content: '🌅🌲👨‍⚕️🚌';
    }
    .navMainLink:nth-child(10) > a::after{
        content: '🌅🌲👨‍⚕️🚈🚌';
    }
    .navMainLink:nth-child(11) > a::after{
        content: '🌄⛲👨‍⚕️🌳';
    }
    .navMainLink:nth-child(12) > a::after{
        content: '⛲👨‍⚕️🌳🛬🚈🚌';
    }
    .navMainLink:nth-child(13) > a::after{
        content: '🚶🌳';
    }
    .navMainLink:nth-child(14) > a::after{
        content: '🗻🗻🏂';
    }
    .navMainLink:nth-child(15) > a::after{
        content: '🌅🌲👨‍⚕️🚈🚌';
    }
    .navMainLink:nth-child(16) > a::after{
        content: '🌞🌴⛵🏂🪂🎢👨‍⚕️⛲🚢🏄🤿🎪🐒🌙💃👪⛺🛬🚈🚌';
    }
    .navMainLink:nth-child(17) > a::after{
        content: '🌞⛵🌳🏄🤿🚌';
    }
    .navMainLink:nth-child(18) > a::after{
        content: '🌞🚌';
    }
    .navMainLink:nth-child(19) > a::after{
        content: '🌞⛵🌳🚌';
    }
    .navMainLink:nth-child(20) > a::after{
        content: '🌞⛵🌳🚢🏄🤿🚈🚌';
    }
    .navMainLink:nth-child(21) > a::after{
        content: '🌞⛵🏄🤿🚢🌳🏇🎪🐒🌙🎶👪⛺🚈🚌';
    }
    .navMainLink:nth-child(22) > a::after{
        content: '🗻🏂👪🚌';
    }
    .navMainLink:nth-child(23) > a::after{
        content: '🌞🌴⛵🪂🎢👨‍⚕️⛲🚢🏄🤿🎪🐒🌙🎶👪⛺🛬🚈🚌';
    }
    .dnone0{
        display:block;
    }
    .dnone{
        display:none;
    }
    
    #shd > div {
     width:80%;   
    }
}


/* ---------------- */
@font-face {
    font-family: FontinSans_Cyrillic;
    src: url(/fonts/FontinSans_Cyrillic_R_46b.otf);
    }