/* CSS Document */

html,body {
	font-family: Times new roman, Tahoma, Verdana, sans-serif;
	
	font-size: 22px;
	color: #FFFFFF;
	background-color: #000000;
	/*background-image: url(images/fon3.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-attachment:fixed;
    background-size: 100% auto; */
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 100%;
	width: 100%;
}



    #imgh {width: 1800px;}

   @media screen and (max-width:  1280px) {
    #imgh {width: 1100px;}
	 html,body {font-size: 25pt;}
   }
   @media screen and (max-width: 600px) {
    #imgh {width: 500px;}
	 html,body {font-size: 30pt;}
   }
   @media only screen and (max-device-width: 480px) {
     html,body {font-size: 30pt;}
   }
 
.divsite{
	background-color: #000000;
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

header {
	padding: 0px;
/*	height: 340px;*/
	width: 100%;
	overflow:hidden;
	display: block;
	margin: 0px;

	background-color: #0505E4;	 
}


   

   @media screen and (max-width:  1280px) {
	 html,body {color: #fc4507;}
   }
   @media screen and (max-width:  1080px) {
	 html,body {color: #ee9113;}
   }
   @media screen and (max-width:  840px) {
	 html,body {color: #f8f841;}
   }
   @media screen and (max-width: 600px) {
    html,body {color: #34b50f;}
   }
   @media only screen and (max-device-width: 480px) {
     html,body {color: #78e6eb;}
   }
   @media screen and (max-width:  280px) {
	 html,body {color: #be3ab1;}
   }



navv {
float:left; 
/*width: 200px;*/
    background-color:#0505E4;
    color:#FFFFFF;
	/*height:56px;
	background:url(images/menu2.jpg);*/
}
navv ul{
 list-style: none;
 margin: 0;
 padding: 0 15px; 
 /*height:40px;*/
}
navv li, li a {
 text-decoration: none;

 color: white;
 text-align:center;
 padding:8px 2px;
 /*display: block;*/
 width: auto;
}
navv li a:hover{
background-color: #2d0284;
border-radius:2px;
}
navv ul li{
/* display: inline-block;*/
 margin-right: -2px;
}



menu1 {
	/*    display : block;
	position : fixed;
	right : 6px;
	top : 80%;
	*/        display : none;
	height : 1.2em;
	width : 1.2em;
	background-color : #0505E4;
	/*background : url(images/menu.jpg) no-repeat;
	/* transition : all .7s ease-out;
	border : 5px solid #0505E4;
	*/line-height : 1.2em;
	border-radius : 10px;
	overflow : hidden;
	margin : 10px 0px 0px 10px;
}

menu1 img {
	width : 1.2em;
	height : 1.2em;
	margin : 0px;
}

menu1:hover {
	/*  position : fixed;
	right : 5px;
	top : 80%;
	*/        width : 100%;
	height : 320px;
	display : inline-block;
	z-index : 99999999;
	background-color : #0505E4;
	
}

menu2{
	display: block;
}


   @media{
	display : none;
	margin: 1px auto;
	}
	
   @media screen and (max-width: 1001px) {
   menu1 {display: none;}
   menu2 {display: block;}   
   }   
   @media screen and (max-width: 1000px) {
   menu1 {display: inline-block;}
   menu2 {display: none;}   
   }


navg {
	float : left;
	width : 100%;
	background-color : #0505E4;
	color : #FFFFFF;
	/*height : 56px;
	background : url(images/menu2.jpg);
	*/margin : auto 0;
	text-align : center;

}
navg ul{
 list-style: none;
 margin: 0;
 padding: 0 15px; 
 /*height:40px;*/
}
navg li, li a {
 text-decoration: none;

 color: white;
 text-align:center;
 padding:8px 2px;
 /*display: block;*/
 width: auto;
}
navg li a:hover{
background-color:  #2d0284;
border-radius:2px;
}
navg ul li{
 display: inline-block;
 margin: 0 10px;
}


section {
	min-height : 100%;
	padding-bottom : 120px;
	margin : 0px;
	overflow : hidden;
	width : 100%;
}
section div {
	display: block;
	padding: 0px;
	overflow:visible;
	margin: 0px;
	padding-left: 0px;
}

section div.col {
display: inline-block;
}

section div#full {
	/*width : 100%;*/
	float : left;
	padding : 0 0px;
	/*min-height : 100%;
	height : auto !important;
	height : 100%;*/
	overflow: hidden;
	margin: 0 1em;
	width: -webkit-fill-available;
}

section div#half {
	width : 46%;
	float : left;
	padding : 2%;
	margin : 0px;
	min-height : 100%;
}
section div#4etvert {
	width : 23%;
	float : left;
	padding : 2%;
	margin : 0px;
	min-height : 100%;
	display: inline-block;
}

div.bortop{
	background:url(images/line2.jpg);
	background-repeat: repeat-x;
	height: 25px;
	clear: both;
}
div.oneline{
	display:inline-block;
	padding-left: 0px;
	margin-left: 0px;
}


div.lag  {
	text-decoration : none;
	border-style : none;
	display : inline-block;
	margin : 1px auto;
	height : auto;
}

div.lag img, div.lag a {
text-decoration:none;
border-style:none;
 margin:0 20px;  


}





footer {
	color : #FFFFFF;
	height : 120px;
	margin : 0;
	padding : 0;
	margin-top : -120px;
	/*width : 1000px;
	*/text-align : center;
}
div.foot {
	display : inline-block;
	background-color : #0505E4;
	float : inherit;
	margin : 1px auto;
	/*width : 860px;
	*/min-width : 100%;
	padding : 10px 0;
}





hr{ color:#0505E4;
    border-color:#0505E4;
	background-color:#0505E4;;
}

.fbl, .fbc, .fbr, .fbj {color:#000000;}
.fsl, .fsc, .fsr, .fsj {color:#0505E4;}
.fwl, .fwc, .fwr, .fwj {color:#FFFFFF;}
.fyl, .fyc, .fyr, .fyj {color:#FFFF00;}
.fpp, .fpc, .fpr, .fpj {color:#FF00FF;}
.fwl, .fyl, .fpl, .fbl, .fsl {text-align:left;}
.fwr, .fyr, .fpr, .fbr, .fsr {text-align:right;}
.fwc, .fyc, .fpc, .fbc, .fsc {text-align:center; }
.fwj, .fyj, .fpj, .fbj, .fsj {text-align:justify;  text-indent: 4em;}

.fwc#f25{
font-size:25px
}

p a {
 	/*text-decoration: none;*/
color:#05c4c9;

}
p a:visited {
 color: #05c4c9;	
}

 
.cl { clear: both;background-color: #000000; height:1px; }

input {
/*	width: 300px;*/
	font-size: 20px;
	padding: 6px 0 4px 10px;
	border: 1px solid #cecece;
/*	background: #F6F6f6;
	border-radius: 8px;*/
}

textarea {
font-size: 20px;
	overflow: auto;/* = ??????? ?????? */
	/*resize: none; = ??????? ?????????? */
/*	width: 300px;
	height: 50px;*/
	background: #f6f6f6;/* = ??????? ???, ?????, ??????*/
	border: 1px solid #cecece;
	border-radius: 8px 0 0 0;
	padding: 8px 0 8px 10px;
}

.submit {
	cursor: pointer;
	border: 1px solid #cecece;
	/*background: #f6f6f6;*/
	box-shadow: inset 0px 20px 20px #ffffff;
	border-radius: 8px;
	padding: 8px 14px;
	width: 120px;
}
.submit:hover {
	box-shadow: inset 0px -20px 20px #ffffff;
}
.submit:active {
	margin-top: 1px;
	margin-bottom: -1px;
	zoom: 1;
}

span.fem { display: none;}


/* Style inputs, select elements and textareas */
input[type=text], select, textarea{
  width: 100%;  padding: 12px;  border: 1px solid #ccc;  border-radius: 4px;  box-sizing: border-box;  resize: vertical;
}

/* Style the label to display next to the inputs */
label {  padding: 12px 12px 12px 0;  display: inline-block;}

/* Style the submit button */
input[type=submit] {
  background-color: #0505E4;  color: white;  padding: 12px 20px;  border: none;  border-radius: 4px;  cursor: pointer;  float: right; margin-top: 15px;
}

/* Style the container */
.container {  border-radius: 5px;    padding: 20px;}

/* Floating column for labels: 25% width */
.col-25 {  float: left;  width: 25%;  margin-top: 6px;}

/* Floating column for inputs: 75% width */
.col-75 {  float: left;  width: 75%;  margin-top: 6px;}

/* Clear floats after the columns */
.row:after {  content: "";  display: table;  clear: both;}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25, .col-75, input[type=submit] {    width: 100%;    margin-top: 0;  }
}

input[name=sname] { visibility: hidden; display: none;  }


 .leftimg {
    float:left;
    margin: 7px 7px 7px 0;
   }

a.a2{
	display: inline-block;
	margin: 1px;
	padding: 13px;
	border-color: #666666;
	border-style: solid;
	border-width: 1px;
	border-radius: 4px;
	text-decoration: none;
	font-weight: normal;
	color: #FF00FF;
	background-color: #CCCCCC;
/*	font-size: 16px;*/
	rel: nofollow;
	text-align:center
}
a.a3{
	display: inline-block;
	margin: 1px;
	padding: 13px;
	border-color: #666666;
	border-style: solid;
	border-width: 1px;
	border-radius: 4px;
	text-decoration: none;
	font-weight: normal;
	color: #f15f2c;
	background-color: #CCCCCC;
	/*font-size: 16px;*/
	text-align:center; 
	
}
a.b2{
	display: inline-block;
	margin: 20px;
	padding: 15px;
	border-color: #666666;
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	text-decoration: none;
	font-weight: 600;
	color: #0000FF;
	background-color: #FFFFFF;
}