body{
   background-color:#808080;
   font-size:1em;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Ubuntu', 'Helvetica Neue', sans-serif;
   margin:auto;
   max-width:1280px;
   color:#000;
   text-align:center;
}
p, h1, img {margin:0;}
h1 {
   font-weight:bold;
   font-size:1em;
}
a {text-decoration: none; color:#000;}
img {border: none; vertical-align: middle;}


.top {
   background-color:#000;
   float:left;
   width:100%;
}
.top a {
   line-height:30px;
   float:left;
   width:100%;
}
.adsok {
   width:100%;
   float:left;
   background-color:#ccc;
   min-height:35px;
   box-shadow: 0px 1px 1px 0px #000;
}
.adsok a{
   float:left;
   line-height:35px;
   padding:0 1%;
}
.adsok br {display: none;}
.adsok img {vertical-align: text-bottom;}

.block_adv {
   margin: 10px 0 0;
   width:98%;
   float:left;
   background: #ccc;
   padding: 5px 1%;
}

#line2 {
   float:left;
   width:100%;
}

#left_menu {
   margin:5px 0 0 0;
   float:left;
   width:100%;
   display: none;
   background-color:#ccc;
}
#left_menu p:nth-child(1) {
    line-height:30px;
    float:left;
    text-align:left;
    padding-left:5%;
    font-weight:bold;
    width:auto;
}
#left_menu div {
    float:left;
    width:100%;
    box-shadow: 0px 1px 1px 0px #000;
}
#left_menu div p:nth-child(1) {
    line-height:35px;
    float:left;
    width:10%;
    text-align:center;
    padding-left:0;
}
#left_menu div a {
    line-height:35px;
    text-align:left;
    padding-left:5%;
    float:left;
    width:95%;
}
#left_menu div p:nth-child(3) {
    line-height:35px;
    float:left;
    width:15%;
}

.adv_block {
   width:100%;
   float:left;
   min-height:60px;
}
.adv_block a {
   margin: 0 0 10px 0;
   line-height:40px;
   float:left;
   width:100%;
   background:#000;
   color:#ccc;
   font-family: cursive;
   box-shadow: 0 0 2px 0 #ccc;
}

.topic, #topic_img, .sectionL {
   margin:10px 0 0 0;
   background-color:#ccc;
   float:left;
   /*padding: 10px 0;*/
   width:100%;
}

.topic div:nth-child(1) {
   overflow: hidden;
   white-space: nowrap;
   text-align:left;
}
.topic div:nth-child(1) div {
   padding: 0 10px 0 0;
   width:auto;
   overflow: auto;
}
.topic div:nth-child(1) div a {
   margin:0 0 0 10px;
   line-height:34px;
   background-color:#e0e0e0;
   color:#000;
   padding:5px;
   box-shadow: 0px 0px 2px 0px #000;
}
.topic img {
   margin:5px 1%;
   width:auto;
   box-shadow: 0px 0px 2px 0px #000;
}
.topic div:nth-child(3), .topic div:nth-child(4) {
   margin:10px 2%;
   float:left;
   width:96%;
}
.topic div:nth-child(3) h1, .topic div:nth-child(3) p {
   float:left;
   width:100%;
   line-height:20px;
   color:#a60000;
}
.topic div:nth-child(3) p {
   color:#000;
}
.topic div:nth-child(4) p {
   float:left;
   font-size:15px;
   text-align:left;
   width:100%;
   line-height:20px;
}
#topic_img {
   columns: 1;
   -webkit-columns: 1;
   width:94%;
   padding: 10px 3%;
}
#topic_img img {
   margin: 5px 0;
   width:100%;
   cursor: pointer;
   box-shadow: 0px 0px 2.5px 1px #FFF;
}
#topic_img_views {
   margin:10px 0 0;
   background-color:#ccc;
   width: 98%;
   padding: 10px 1%;
   display: none;
   height:auto;
   float:left;
}
#topic_img_views img {
   max-width: 100%;
   cursor: pointer;
   box-shadow: 0px 0px 2.5px 1px #FFF;
}
.section, .sectionT {
   /*margin:10px 0 0 0;*/
   background-color:#ccc;
   float:left;
   padding:10px 2%;
   width:96%;
}
.section h1, .section p {
   float:left;
   width:100%;
   line-height:20px;
}
.section img {
   margin: 5px 0;
   width: 100%;
}
.sectionL a {
   margin:0 1%;
   line-height:30px;
   background-color:#e0e0e0;
   color:#000;
   float:left;
   padding:0 5px;
   box-shadow: 0px 0px 2px 0px #000;
}
.sectionT {
   columns: 2;
   -webkit-columns: 2;
}
.section2 {
   margin:0 2%;
   float:left;
   width:96%;
}
.section2 h1, .section2 p {
   float:left;
   width:100%;
   line-height:26px;
}


.partL {
    margin:10px 0 0;
    width:100%;
    float:left;
}
.partL a {
   width:98%;
   float:left;
   background-color: #ccc;
   line-height:30px;
   text-align:left;
   padding:0px 1%;
   box-shadow: 0px -1px 1px 0px #000;
}
#contact {
    margin: 0 2%;
    bottom: 85px;
    background-color: #e0e0e0;
    line-height: 20px;
    color: #000;
    padding: 10px 1%;
    width: 94%;
    text-align: center;
    position: fixed;
    box-shadow: 0px 0px 2.5px 2px #064614;
}
#contact p {
   margin:0;
}
#contact p:nth-child(3) {
   margin:10px 0 0 0;
}
#contact a {
   color: #189CDE;
   font-weight:bold;
   line-height:30px;
   font-size:1.2em;
}

#bottom {
   background:#ccc;
   float:left;
   bottom:0px;
   width:100%;
   box-shadow: 0 -2px 0 0 #000;
}
#bottom div, #bottom a[title="liveinternet"] {
   margin:0 5px;
   float:left;
   width:auto;
   color:#525252;
}
#bottom a[title="liveinternet"] {
   margin:0;
   width:98%;
   float:right;
   padding:0 1%;
   line-height:30px;
}
#bottom div:nth-child(2) {
   display: block;
}

#bottom div div {
   margin:5px 0 0 0;
   background-repeat:no-repeat;
   background-position:center;
   background-size: 24px;
   float:left;
   line-height:24px;
   width:100%;
}
#bottom div:nth-child(1) div {background-image:url(/img/home_icon.png);}
#bottom div:nth-child(2) div {background-image:url(/img/volumecontrol.png);}
#bottom div:nth-child(3) div {background-image:url(/img/contact.png);}
#bottom a {
   float:left;
   line-height:16px;
   width:100%;
   font-size: 14px;
}

.checkup {
   margin:10px 0 0 0;
   background: #FFF;
   float:left;
   width:100%;
   overflow: hidden;
}



.topic div:nth-child(1) div a:hover, .block_section p:hover, .adv_block a:hover, .menu_bdl a span:hover {color:#a60000;}

#topic_img img:hover, #topic_img_views img:hover {box-shadow: 0px 0px 2.5px 1px #a60000;}









.menu {
   margin:10px 0 0 0;
   background-color:#ccc;
   float:left;
   width:100%;
}
.menu_space {
   overflow: hidden;
   white-space: nowrap;
   text-align:left;
   padding:10px 0 0;
}
.menu1_1, .menu2_1 {
   padding: 0 10px 0 0;
   width:auto;
   overflow: auto;
}
.menu1_2 {
   margin:0 0 0 10px;
   line-height:34px;
   background-color:#e0e0e0;
   color:#000;
   padding:5px;
   box-shadow: 0px 0px 2px 0px #000;
}
.menu2_2 {
    margin:5px 0 0 10px;
    display: inline-block;
    box-shadow: 0px 0px 2px 0px #000;
}
.menu_splash {
    margin:10px 0 0 0;
    float:left;
    width:100%;
}

.menu_bdl {
   margin: 0 0 10px;
   width: 100%;
   float: left;
   list-style-type: none;
   padding: 0;
   box-shadow: 0px 1px 1px 0px #000;
}
.menu_bdl a {margin: 0;}
.menu_bdl li {
   float: left;
   line-height: 26px;
}
.menu_bdl span {
   float: left;
   color: #000;
   font-size: 14px;
   padding: 0 5px;
}
.menu_bdl > li + li:before {
  padding: 0 5px;
  color: #000;
  content: "/";
  float: left;
  font-weight:bold;
}



.img_link {
    display:inline-block;   
    position:relative;
    text-align:center;
    white-space: normal;
}
.img_link_text {
   position:absolute;
   bottom:0px;
   left: 0;
   font-size: 14px;
   width:100%;
   background-color: rgba(0, 0, 0, 0.6);
   color: #FFF;
}
.img_link_text2 {
   position:absolute;
   right:2px;
   top:5px;
   font-size: 12px;
   width:35px;
   font-weight:bold;
   color:#000;
   background:#009300;
}











.image1 {
   margin:10px 0 0 0;
   background-color:#ccc;
   float:left;
   width:100%;
}
.image1_1, .image1_2 {
   line-height:40px;
   float:left;
   padding:0 2%;
}
.image1_2 {
   float:right;
}



#main {margin:10px 0 0 0;}
a:hover .img_link_text {
   background-color: rgba(0, 0, 0, 0.8);
   color:#a60000;
}
a:hover {color:#a60000;}

.mgn0 {margin:0;}
.mgn1 {margin:3% 2% 0 2%;}
.mgn2 {margin:10px 0 0 0;}

.pdg {padding: 10px 3%;}
.pdg1 {padding: 10px 0;}

.dspl {display: block;}

.tx0 {font-weight:bold;}
tx0 {font-weight:bold;}

.clr1 {color:#FF3820;}



@media (min-width: 320px) {

#topic_img {columns: 2; -webkit-columns: 2;}

}


@media (min-width: 480px) {

.top a {margin:0 4%; width:auto;}
.topic img {margin: 5px 2%; float:left;}
#topic_img {columns: 3; -webkit-columns: 3;}
.topic div:nth-child(3) {width: 67%; margin: 10px 1%;}
.sectionT {columns: 3; -webkit-columns: 3;}
#bottom a[title="liveinternet"] {width:auto;}

}


@media (min-width: 640px) {

.topic div:nth-child(3) {text-align:left; width: 74%;}
.topic div:nth-child(4) p {width:auto; margin: 0 5px;}
.sectionT {columns: 4; -webkit-columns: 4;}
#contact {width: 330px;margin: 0 0 0 20px;padding: 10px;bottom: 55px;}
}



@media (min-width: 768px) {

#topic_img {columns: 4; -webkit-columns: 4; width:96%; padding: 10px 2%;}
.sectionT {columns: 5; -webkit-columns: 5;}
}


@media (min-width: 1024px) {

#line2 {width:70%;}
#left_menu, .adv_block {display: block; float:right; margin:5px 0 0; width:29%;}
.adv_block {margin:10px 0 0;}
.topic div:nth-child(3) {width: 76%;}
#topic_img {columns: 4; -webkit-columns: 4; width:98%; padding: 10px 1%;}
.sectionT {columns: 6; -webkit-columns: 6;}
.pdg0 {padding: 0;}
#bottom div:nth-child(2) {display: none;}
}



@media (min-width: 1280px) {

#left_menu, .adv_block {width:22%;}
.topic img {margin: 5px 1%;}
.topic div:nth-child(4) {margin:10px 1%; width:98%;}

#line2 {width:77%;}
.section {width:98%; padding:10px 1%;}
.sectionT {columns: 7; -webkit-columns: 7;}
}
