* { margin: 0px; padding: 0px; box-sizing: border-box;}


html { width: 100%; height: 100%; margin:0px; }


body { font-family: arial; font-size: 10pt; color: #000000; height: 100%; width: 100%; margin:0px; text-align: center; 
	background-image: url(image/fon_repeat.jpg);	
	background-color: rgba(128,192,128,0.9);
    background-image: url(image/fon_repeat.jpg);
    background-blend-mode: multiply;
}



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: BLACK; font-family: Arial; font-size: 11pt; padding: 0px 0px 10px 0px; }

h2, h3, h4, h5, h6 { color: #A04040; font-family: Arial; font-size: 10pt; padding: 0px 0px 10px 0px; }


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


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


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


table { border-collapse: collapse; }


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

.clear { clear: both; font-size: 0pt; line-height: 0px; height: 0px; }


/* CONTBODY */
.contbody { position: relative; width: 1280px; margin: 0px auto; padding: 0px; background: #80F080; text-align: left;}

.contbody .hor { position: relative; float: left; width: 100%; height: 2px; background: #CACAFF; }

/*.contbody .header { position: relative; float: left; width: 100%; height: 20px; background: #D0D0FF; text-align: left; font-size: 10pt; color: #202020; }*/
.contbody .header { position: relative; float: left; width: 100%; height: 90px; background: #D0D0FF; text-align: left; font-size: 10pt; color: #202020; }
.contbody .header-logo { position: relative; float: left; width: 90px; height: 90px; background-image: url(image/logo_128x128.png); background-size: contain;}
.contbody .header-text { position: relative; float: left; width: 600px; height: 90px; background-image: url(image/sportofil_logo.png);}
/*-webkit-mask: linear-gradient(to left, rgba(128,192,128,0.7) 0%, rgba(128,192,128,0.3) 20%);*/

.contbody .advtop { position: relative; float: left; width: 100%; background: #D0D0FF; text-align: center; }
.contbody .advtop { max-height:120px !important; }

.contbody .mainscreen { position: relative; float: left; width: 100%; background: #D0D0F0; }


.contbody .mainscreen .vertdel { position: relative; float: left; width: 10px; }

.contbody .mainscreen .menu { position:relative; float:left; width:220px; box-sizing:border-box; padding:5px; background: #C0C0FF; font-size: 10pt; margin-top:15px;}

.contbody .mainscreen .menu .menu_position {float:left; width:100%; height:44px; font-weight:bold;}
.contbody .mainscreen .menu .menu_position a {text-decoration:none;}
.contbody .mainscreen .menu .menu_position .menu_for_img {float:left; width:40px; margin-left:10px;}
.contbody .mainscreen .menu .menu_position  .menu_img {width:32px; height:32px}
.contbody .mainscreen .menu .menu_position  .menu_position_text {float:left; width:130px;}

.contbody .mainscreen .menu .advmenu { position: relative; float: left; width: 100%; background: #FF8080; }


.contbody .mainscreen .content { position: relative; float: left; width: 820px; margin-left: 10px; background: #C0C0FF; }
.contbody .mainscreen .content .navigate { position: relative; width:100%; background: #D0D0FF; font-size: 9pt}
.contbody .mainscreen .content .text { position: relative; float: left; width: 100%; background: #C0C0FF; /*background-image: url(image/fon_cont.jpg); background-size: 100%;*/ }

.contbody .mainscreen .private { position: relative; float: right; width: 220px; background: #C0C0FF; font-size: 9pt; margin-top:15px;}

.contbody .mainscreen .private .advprivate { position: relative; float: right; width: 100%; background: #FF8080; }

.contbody .mainscreen .private .news { position: relative; float: right; width: 100%; height: 120px; background: #C0C0FF; }


.contbody .advdown { position: relative; float: left; width: 100%; background: #D0D0FF; text-align: center; }
.contbody .footer { position: relative; float: left; width: 100%; height: 50px; background: #D0D0FF; text-align: center; }

/*MAIN PAGE*/
.main_instruction {float:left; width: 100%;}
.main_instruction_column {float:left; width: 270px; box-sizing: border-box; padding:0px 5px;}
.main_instruction_img {width:260px; height:350px}
.main_instruction_column  .main_instruction_step {width:100%; padding:10px 5px;}


@media only screen and (max-width: 480px){ 
.contbody {width:100%;}
.contbody .header-text {display:none; background-image: none;}
.contbody .hor {display:none;}

.contbody .mainscreen .menu {width:100%}

.contbody .mainscreen .content {width:100%; margin:0px;}

.contbody .mainscreen .private {float:left; width:100%;}


}