* { margin: 0px; padding: 0px; }


html { width: 100%; height: 100%; }


body{ font-family: arial; font-size: 8pt; color: #000000; height: 100%; width: 100%; background: #F0F0F0; }



.wrp{
	width: 1000px;
	margin: 0 auto;
	}

a { outline: none; -moz-outline: 0; border: none; border-width: 0px; }

a:active { outline: none; -moz-outline: 0; }

a:focus { outline: none; -moz-outline: 0; }

a { color: BLUE; text-decoration: underline; }

a:hover { text-decoration: none; }



img { border: none; border-width: 0px; }


h1 { color: #6060F0; font-family: Arial; font-size: 10pt; font-weight: bolder; padding: 0px 0px 0px 0px; }

h2, h3, h4, h5, h6 { color: #7070F8; font-family: Arial; font-size: 9pt; font-weight: bolder;}


p { padding: 0px 0px 15px 0px; }


ul { margin: 0px 0px 10px 10px; }


li { margin: 5px 0px 10px 15px; }


table { border-collapse: collapse; }


input, select, textarea { font-family: arial; font-size: 8pt; color: #000000; }

.clear { clear: both; font-size: 0pt; line-height: 0px; height: 0px; } 
.redbi { color: #C04040; font-style: italic; font-weight: bolder;}
 
.bluebi { color: #4040C0; font-style: italic; font-weight: bolder;}
 
.s25 {position: relative; float:left; width: 25%;}
.s50 {position: relative; float:left; width: 50%;}
.s100 {position: relative; float:left; width: 100%;}
.s50-100 {position: relative; float:left; width: 50%;}
.s100mb0-5 {position: relative; float:left; width: 100%; }
.s100mb5 {position: relative; float:left; width: 100%; margin-bottom:5px;}
.s100mb10 {position: relative; float:left; width: 100%; margin-bottom:10px;}
.s100ml10 {position: relative; float:left; width: 100%; margin-left:10px;}
.breadpoint {position: relative; float:left;}
.befbreadpoint::before{content:'>'; padding:0px 10px; /*content:'\21D2';*/}

.fullcont {position: relative; float:left; width: 100%; font-weight: normal;}
.fullval {position: relative; float:left; width: 100%; font-weight: bolder; padding-left:10px; margin-bottom:5px;}
.fullthin {position: relative; float:left; width: 100%; margin-bottom: 5px;}
.formsearchtitle {position: relative; float:left; width: 120px; }
.formsearchcont {position: relative; float:left; }

/* HEADER */


.header { position: relative; float: left; width: 100%; /*height: 60px*/; padding: 0px; border-bottom: 3px solid #C0C0FF; }



.header .foot { position: relative; float: left; width: 100%; height: 2px; font-size: 0pt; background: #C8C8FF; margin: 0px; padding: 0px; } 
 
.header .colmain { position: relative; float: left; width: 100%; height: 60px; }



.header .colmain .colleft { position: relative; float: left; width: 150px; height: 60px; background: #E0E0FF; }



.header .colmain .colleft .block { position: relative; float: left; width: 20px; height: 60px; padding: 0px; }



.header .colmain .colleft .block a { font-family: arial; font-size: 8pt; color: #0000D0; }



.header .colmain .colright { position: relative; float: right; width: 200px; height: 60px; background: #E0E0FF; }



.header .colmain .colcenter { position: relative;  overflow: hidden; height: 60px; background: #E0E0FF; background-image: url(../image/title.gif); /*background-size: 100%;*/ background-repeat: no-repeat;}
 
.header .rek { position: relative; float: left; width: 100%; height: auto; margin: 0px; padding: 0px; } 

/* MAINBLOCK*/
.mainblock { position: relative; float: left; width: 100%; background: #E0E0FF;  border-bottom: 3px solid #C0C0FF; }


.mainblock .general { position: relative; float: left; width: 100%; background: #E0E0FF; border-right: 0px solid #C0C0FF;}
.mainblock .general table { font-family: arial; font-size: 8pt; color: #000000; }

#menu {display:block;}
#view_menu {display:none;}
#menu, #view_menu  {-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}

.mainblock .general .navigate {position: relative; float:left; width: 150px; background: #E0E0FF; border-right: 3px solid #C0C0FF; border-bottom: 2px solid #C0C0FF;}
.mainblock .general .navigate .navimg { position: relative; float: left; width: 150px; background: #E0E0FF; margin-top:5px; margin-bottom:5px;}
.mainblock .general .navigate .menu { position: relative; float: left; width: 146px; background: #E0E0FF; padding: 2px; }
.mainblock .general .navigate .menu .brrow { position: relative; float: left; width: 100%; height:5px;}
.mainblock .general .navigate .menu .row { position: relative; float: left; width: 100%; padding-top:5px; padding-bottom:2px; font-size: 9pt;}
.mainblock .general .navigate .menu .row .icon { position: relative; float: left; width: 20px; }
.mainblock .general .navigate .menu .row .mtext { position: relative; float: left; padding-left:5px; }
.mainblock .general .navigate .menu .row .mtextbold { position: relative; float: left; font-weight:bold; padding-left:5px; }
.mainblock .general .navigate .menu .row .stext { position: relative; float: left; padding-left:10px; }
.mainblock .general .navigate .menu .row .stextbold { position: relative; float: left; font-weight:bold; padding-left:10px; }

.mainblock .general .navigate .menu table { font-family: arial; font-size: 8pt; }


.mainblock .general .bodytext {min-height: 500px; width:auto; padding-left:155px; } 

.mainblock .general .bodytext .text { position: relative;  float:left; width:640px; }
.mainblock .general .bodytext .text .breadcrumbs { position: relative;  float:left; width:100%; padding: 5px; margin-bottom: 5px; font-weight: bold;}
.mainblock .general .bodytext .text .head { position: relative;  float:left; width:100%; padding: 5px; margin-bottom: 5px;}
.mainblock .general .bodytext .text .body { box-sizing: border-box; position: relative;  float:left; width:100%; padding: 5px; margin-bottom: 5px;}
.mainblock .general .bodytext .text .break { position: relative; float:left; width:100%; height: 5px; }

.mainblock .general .bodytext .news { position: relative;  float:right; width:200px; background: #E0E0FF; border-left: 3px solid #C0C0FF; border-bottom: 2px solid #C0C0FF;}
.mainblock .general .bodytext .news .head { position: relative; float: left; width: 100%; height: 60px; background: #E0E0FF; background-image: url(../image/pages/news.gif); background-size: 60px; background-repeat: no-repeat; background-position: left;}



.mainblock .general .bodytext .news .action { position: relative; float: left; width: 100%; height: auto; background: #E0E0FF; }
.mainblock .general .bodytext .news .break { position: relative; float: left; width: 100%; height: 60px; background: #E0E0FF; background-image: url(../image/pages/see2.gif); background-size: 190px; background-repeat: no-repeat; background-position: right;}



.mainblock .general .bodytext .news .article { position: relative; float: left; width: 100%; height: auto; background: #E0E0FF; }
.mainblock .general .bodytext .news .socmedia { position: relative; float: left; width: 100%; height: auto; background: #E0E0FF; padding-top: 10px; }
.mainblock .general .bodytext .news .socmedia .button { position: relative; float:left; width: 22px;}
.mainblock .general .bodytext .news .new { position: relative; float: left; width: 100%; height: auto; background: #E0E0FF; }
.mainblock .general .bodytext .news .reklama { position: relative; float: left; width: 100%; height: auto; background: #E0E0FF; }
.mainblock .general .bodytext .news .reklama table { font-family: arial; font-size: 8pt; color: #000000; }



.mainblock .general .bodytext table { font-family: arial; font-size: 8pt; color: #000000; }

.mainblock .general .bigreklama { position: relative; float: left; width: 100%; min-height: 2px; background: #E0E0FF; border-bottom: 2px solid #C0C0FF;}
.mainblock .general .mycomment { position: relative; float: left; width: 100%; min-height: 2px; background: #E0E0FF; border:0px; padding: 0px; margin: 0px; }


/* FOOTER */

.footer { position: relative; float: left; width: 100%; background: #E8E8FF; }
.footer .foot { position: relative; float: left; width: 100%; height: 2px; font-size: 0pt; background: #C8C8FF; margin: 0px; padding: 0px; } 
 
.footer .colmain { position: relative; float: left; width: 100%; height: 60px; }
.footer .colmain .colleft { position: relative; float: left; width: 150px; height: 60px; }
.footer .colmain .colleft .block { position: relative; float: left; width: 20px; height: 60px; padding: 0px; }
.footer .colmain .colleft .block a { font-family: arial; font-size: 8pt; color: #0000D0; }
.footer .colmain .colright { position: relative; float: right; width: 200px; height: 60px; }
.footer .colmain .colcenter { position: relative; float:left; /*overflow: hidden;*/ height: 60px; text-align: center;}


.right-action-item {position:relative; float:left; width:100%; margin:10px 2px;}
.common-block {position:relative; float:left; width:100%; }
.article-img {position:relative; float:left; width:40px; height:40px; border: 2px #eee solid; margin-right: 5px;}
.article-date {position:relative; float:left; width:150px; color:#0000B0; font-weight:bold;}
.article-title {position:relative; float:left; width:150px; font-weight:bold;}
.article-text {position:relative; float:left; width:150px; }

.right-action-link {position:relative; float:left; width:90%; text-align:right;}


/* ************** MEDIA *************** */
@media screen and (max-width: 1024px){ 
bodys {width: 100%; margin: 0 auto;}
.wrp {width: 100%;}
.mainblock .general .bodytext .text {position: relative; float: left; width: 70%;}
.mainblock .general .bodytext .news {position: relative; float: left; width: 29%;}
}

@media only screen and (max-width: 768px){ 

body {width: 98%; background: #E0E0FF; }

.header { width: 98%; }


.header .colmain .colleft { display:none; }
.header .colmain .colcenter { background-size: contain;}
.header .colmain .colright { display:none; }

.header .footer { position: relative; float: left; width: 98%; } 




.mainblock { position: relative; float: left; width: 98%;}

.mainblock .general { position: relative; float: left; width: 100%; border-right: 2px solid #C0C0FF;}
/* .mainblock .general .bodytext { position: relative; float: left; width: 100%;} */
.mainblock .general .bodytext .text {position: relative; float: left; width: 100%;}
.mainblock .general .bodytext .news {position: relative; float: left; width: 100%; border:0px;}

.mainblock .general .bigreklama { position: relative; float: left; width: 100%;}
.mainblock .general .mycomment { position: relative; float: left; width: 100%; }

.footer { position: relative; float: left; width: 98%; }



.footer .header { position: relative; float: left; width: 98%; }



.footer .colmain .colleft { display:none; }



.header .colmain .colcenter { position: relative; float: left; width: 98%; height: 60px;}



.footer .colmain .colright { display:none; }



}

@media only screen and (max-width: 480px){ 
.s100 {position: relative; float:left; width: 100%; margin-bottom:10px;}
.s50-100 {position: relative; float:left; width: 100%; margin-bottom:10px;}
.s100mb0-5 {position: relative; float:left; width: 100%; margin-bottom:10px;}
.s100mb5 {position: relative; float:left; width: 100%; margin-bottom:10px;}
.breadpoint {position: relative; float:left; /*width: 100%;*/ margin-bottom:10px; /*margin-right: 5px;*/}
.befbreadpoint::before { padding: 0px 5px;}

.header{border:0px;}
/*.header .colmain .colcenter {display: none; }


*/
.header .colmain .colright {display: none; }




.mainblock { border:0px; margin-top:5px;}
.mainblock .general { border:0px;}
.mainblock .general .navigate { position: relative; float: left; width: 100%; border:0px; min-height: 45px;}
.mainblock .general .navigate .navimg { position: relative; float: left; width: 100%; margin-top:10px; margin-bottom:10px;}
.mainblock .general .navigate .menu .row { padding-top:0px; padding-bottom:5px;}
/*.mainblock .general .navigate .menu .brrow {display:none;}*/
/*#menu {display:none;}
#view_menu {display:block;}*/
#menu {max-height:0px; height:0px; padding: 0 0 0 45px; overflow:hidden;}
#view_menu {display:block; height:0px;}

.mainblock .general .bodytext { padding:0px; width: 100%; border:0px;}
.mainblock .general .bodytext .text { position: relative; float: left; width: 100%; border:0px;}
.mainblock .general .bodytext .news { position: relative; float: left; width: 100%; border:0px;}
.mainblock .general .bodytext .news .break { display:none; }

.article-date {width:60%;}
.article-title {width:60%;}
.article-text {width:100%;}

.anekdot{ position: relative; float: left; width: 100%; margin:5px;}

}