* { 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: BLUE; font-family: Arial; font-size: 9pt; font-weight: bolder; padding: 0px 0px 0px 0px; }

h2, h3, h4, h5, h6 { color: #404080; font-family: Arial; font-size: 8pt; font-style: italic; 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;}
.contpict {position: relative; float:left; width: 120px; height:120px; border: 1px solid #fff;}

.clarity {
opacity:0.5;
filter:alpha(opacity=50);   
}

.clarity:hover {
-moz-transition: all 0.4s; 
-webkit-transition: all 0.4s;  
-ms-transition: all 0.4s;  
-o-transition: all 0.4s;  
transition: all 0.4s; 
opacity:1;
filter:alpha(opacity=100);
}

.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: 2px solid #C0C0FF; }



.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(../my_title.jpg); background-size: 100%; background-repeat: no-repeat;}
 

/* MAINBLOCK*/
.mainblock { position: relative; float: left; width: 100%; background: #E0E0FF;  border-bottom: 3px solid #C0C0FF; border-top: 0px 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; }

.mainblock .general .topreklama { position: relative; float: left; width: 100%; background: #E0E0FF; border-bottom: 2px solid #C0C0FF;}


.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 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; font-weight: bold;}
.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 .colmain { position: relative; float: left; width: 100%; height: 60px; }



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



.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; background: #E0E0FF; }



.footer .colmain .colcenter { position: relative;  overflow: hidden; height: 60px; background: #E0E0FF; text-align: center;}




/* ************** 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: 728px){ 

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

.header { width: 98%; }


.header .colmain .colcenter { display:none; }



.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;}

.header .colmain .colcenter {display: none; }



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




.mainblock { border:0px;}
.mainblock .general { border:0px;}
.mainblock .general .navigate { position: relative; float: left; width: 100%; border:0px;}
.mainblock .general .navigate .navimg { position: relative; float: left; width: 100%; margin-top:10px; margin-bottom:10px;}

.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; }




}