@charset "windows-1251";
 /* CSS Document */ 

body         { font-family: Verdana; font-size: 8pt; }

.VersionDescHeader { font-family: Verdana; font-size: 24px; font-weight:bold; padding-top:10px }
.VersionDescDate { font-family: Verdana; font-size: 24px}
.VersionDescPart { font-family: Verdana; font-size: 24px; padding-top:3px; text-decoration:underline }

.redline     { color: #FFFFFF; padding-left: 10px; padding-right: 7px; background-color: 
               #FF0000 }
.aboutimage  { border: 1px solid #000000 }
.aboutmenu   { font-family: Verdana; font-size: 10pt; background-color: #E0E0E0 }
.tableheader { color: #000000; font-family: Verdana; font-size: 10pt; background-color: 
               #E0E0E0; text-align:left; font-weight:bold }
               
.tableheader2 { padding:10px; color: #000000; font-family: Verdana; font-size: 24px; background-color: 
               #E0E0E0; text-align:left; font-weight:bold }  
                            
.tableheader3 { padding:10px; color: #FFFFFF; font-family: Verdana; font-size: 24px; background-color: 
               #4577D4; text-align:left; font-weight:bold } 
               
.tableheader4 { padding:10px; color: #d71921; font-family: Verdana; font-size: 10pt; background-color: 
               #ffde00; text-align:left; font-weight:bold }     
               
.tableheader5 { padding:10px; color: #FFFFFF; font-family: Verdana; font-size: 10pt; background-color: 
               #A66C00; text-align:left; font-weight:bold }     
          
.tableheader6 { color: #000000; font-family: Verdana; font-size: 24px; text-align:left; font-weight:bold; padding-left:0; padding-right:10px; padding-top:0; padding-bottom:10px }                   
               
.tablecontent { padding:10px; color: #000000; font-family: Verdana; font-size: 24px}               
               
.GeneralText { font-family: Verdana; font-size: 24px; padding-left:0; padding-right:0px; padding-top:0; padding-bottom:0px }
.PageTitle { font-family: Verdana; font-size: 24px; padding-left:0; padding-right:0px; padding-top:0; padding-bottom:0px; text-transform: uppercase; font-weight: bold }
.SmallText { font-family: Verdana; font-size: 24px; }
.BottomText { font-family: Verdana; font-size: 18px; color:#FFFFFF  }

.menucell { font-family: Verdana; 
			font-size: 12px;  
			border-left-width: 1px; 
			border-right: 1px solid #BB6B00; 
			border-top-width: 1px;
			border-bottom-width: 1px; 
			padding-left:10px; 
			padding-right:10px; 
			color:#000000; 
}

:hover.menucell { 	animation-name: blink;
					animation-timing-function: linear;
					animation-duration: 1s;
					animation-iteration-count: infinite;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}

.menucellright { font-family: Verdana; 
				 font-size: 12px;
				 border-left-width: 1px;
				 border-top-width: 1px; 
				 border-bottom-width: 1px;
				 padding-left:10px; 
				 padding-right:10px; 
				 color:#000000 
}

:hover.menucellright { 	animation-name: blink0;
					animation-timing-function: linear;
					animation-duration: 1s;
					animation-iteration-count: infinite;
}		

@keyframes blink0 {
  50% {
    opacity: 0;
  }
}			

.bottomcell { background-color: #4577D4; padding-left:0px; padding-right:0px; padding-top:6px; padding-bottom:6px; color:#FFFFFF;}

.aroundaboutmenu { padding-left: 15px; padding-top:15px; padding-bottom:15px }

a {color:#000000 }
a:link		{ text-decoration: none;  }
a:active	{ text-decoration: underline;  }
a:hover		{ text-decoration: underline;  }
a:visited	{ text-decoration: none;  }

a:link.headmenu     { text-decoration: none;  }
a:active.headmenu	{ text-decoration: underline;  }
a:hover.headmenu    { text-decoration: underline;  }
a:visited.headmenu  { text-decoration: none;  }

.logotext { font-family: Verdana; font-size: 28px; font-weight: bold; color:#000000 }
.logotextbottom { font-family: Verdana; font-size: 24px; font-weight: bold; color:#5F5F5F }

.demobutton { 	 background-color: #FFFF66;
				 border: 1px solid #BF8D30;
				 transition: All 3s ease; 
				 text-align:center;
				 position: relative;
				 overflow: hidden;
				 font-family: Verdana; font-size: 24px;
			}
			
:hover.demobutton {
				background-color: #77E573;
				border: 1px solid #307D30;
				transition: All 3s ease;
				font-family:Arial;
				text-align:center
}

.tolearnmore { 	 background-color: #FFFF66;
				 border: 1px solid #BF8D30;
				 transition: All 3s ease; 
				 font-family:Arial; 
				 text-align:center;
				 position: relative;
				 overflow: hidden;
			}
			
:hover.tolearnmore {
				background-color: #77E573;
				border: 1px solid #307D30;
				transition: All 3s ease;
				font-family:Arial;
				text-align:center
}	

.package	{ 	 background-color: #FFFF66;
				 border: 1px solid #BF8D30;
				 transition: All 3s ease; 
				 font-family:Arial; 
				 text-align:center;
				 position: relative;
				 overflow: hidden;
			}

:hover.package {
				background-color: #77E573;
				border: 1px solid #307D30;
				transition: All 3s ease;
				font-family:Arial;
				text-align:center
}	

table .demobutton { border-radius: 5px; }
table .tolearnmore { border-radius: 5px; }
table .package { border-radius: 5px; }
table .license { border-style:solid; border-width:1px; padding:10px; border-radius: 10px; background-color:#FFFF99 }
input .demobutton { border-radius: 5px; }

.blink1 { animation-name: blink1;
	animation-timing-function: linear;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}

@keyframes blink1 {
  75% {
    opacity: 0;
  }
}

.modalDialog:target {
	display: block;
	pointer-events: auto;
}

.modalDialog > div {
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}


.accordion {
  padding: 0px;
  margin: 0px;
  display: none;
  width: 100%;
  max-width: 100%;
  //margin: 30px auto 20px;
  background: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.accordion .link {
  padding: 0px;
  margin: 0px;
  cursor: pointer;
  display: block;
  padding: 5px 15px 5px 15px;
  color: #000000;
  background-color: #FFa500;
  font-size: 20px;
  font-weight: 700;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion .ul { list-style-type: none; }

.accordion li:last-child .link { border-bottom: 0; }

.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #000000;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
  padding: 0px;
  margin: 0px;
  right: 12px;
  left: auto;
  font-size: 16px;
}

.accordion li.open .link { color: #ecdb8b; }

.accordion li.open i { color: #b63b4d; }

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/

.submenu {
  padding: 0;
  margin:0;
  display: none;
  background: #ecdb8b;
  color: #000000;
  font-size: 18px;
}

.submenu li { border-bottom: 1px solid #CCCCCC; }

.submenu a {
  display: block;
  text-decoration: none;
  color: #000000;
  padding: 5px 15px 5px 15px;
  padding-left: 15px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.submenu a:hover {
  background: #fbe28c;
  color: #000000;
}

.dropbtn {
  background-color: #FFa500;
  color: #000000;
  padding-left:30px; padding-right:30px; padding-top:6px; padding-bottom:6px;
  font-size: 40px;
  border: none;
  cursor: pointer;
  font-weight: bold;
}

/* Показать выпадающее меню (используйте JS, чтобы добавить этот класс .dropdown-content содержимого, когда пользователь нажимает на кнопку выпадающего списка) */
.show {display:block;}