@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansarmenian.css);
/* CSS Document */

body {
        margin : 0px;
        padding : 0;
        background-color : #eee;
        color : #000;
		font-family: Arial;
		font-size:13px;
}
h1{
		color : #801f04;
        font-family : Arial;
        font-size : 16px;
        font-weight : bold;
}
h2{
        color : #246b8f;
        font-family : Arial;
        font-size : 15px;
        font-weight : bold;
        height:14px;
}
h3{
        color : #666666;
        font-family : Arial;
        font-size : 13px;
        height:15px;
}
h4{
        color : #6a0390;
        font-family : Arial;
        font-size : 15px;
        font-weight : bold;
        height:14px;
}
a{
		text-decoration : underline;
        color : #666666;
        font-family : Arial;
        font-size : 13px;
}
a:hover {
		color : #000000;
        text-decoration : underline;
        font-family : Arial;
        font-size : 13px;
}
 .h20  { height : 20px; }
 .h5  { height : 5px; }
 .h10  { height : 10px; }
 .h40  { height : 40px; }
a.subject{
		text-decoration : none;
        color : #990000;
        font-family : Arial;
        font-size : 16px;
}
a.subject:hover {
		color : #000;
        text-decoration : none;
        font-size : 16px;
}
a.pdf{
		text-decoration : underline;
        color : #000099;
        font-family : Arial;
        font-size : 16px;
}
a.pdf:hover {
		color : #000;
        text-decoration : underline;
        font-size : 16px;
}
a.blue{
		text-decoration : none;
        color : #246b8f;
        font-family : Arial;
        font-size : 12px;
}
a.blue:hover {
		color : #ccc;
        text-decoration : none;
        font-size : 12px;
}
a.foot{
		text-decoration : underline;
        color : #757575;
        font-family : Arial;
        font-size : 11px;
}
a.foot:hover {
		color : #000;
        text-decoration : underline;
        font-size : 11px;
}
.text_foot {
	color : #757575;
    font-family : Arial;
    font-size : 10px;
	text-indent:120px;
}
.text_main{
        color : #666666;
        font-family : Arial;
        font-size : 13px;
}
.text_lang{
        color : #246b8f;
        font-family : Arial;
        font-size : 15px;
        font-weight : bold;
}
.small_at {
        color : #666666;
        background-color : #ffffff;
        border-style: solid;
        border-color : #BEC3CA;
        border-bottom-width: 1px;
        border-top-width: 1px;
        border-left-width: 1px;
        border-right-width: 1px;
        font-family : Verdana;
        font-size : 12pt;
}
#nav {
	margin:0;
	padding:0;
	background:#49a9c1;
	width:100%;
	float:left;

}
#nav li {
	display:inline;
	padding:0;
	margin:0;
}
#nav a:link,
#nav a:visited {
	color:#fff;
	background:#49a9c1;
	padding:10px 40px 12px 0px;
	float:left;
	width:auto;
	border-right:1px solid #67b8cc;
	text-decoration:none;
	font:bold 1em/1em Arial, Helvetica, sans-serif;
}
#nav a:hover {
	color:#666;
	background:#f5d170;
}
#nav li:first-child a {
	border-right:1px solid #67b8cc;
}
#home #nav-home a {
	background:#e35a00;
	color:#fff;
	height:100%;
}
#home #nav-home a:hover {
	background:#e35a00;
}
a.nav-right {
	background:#e35a00;
	color:#fff;
	height:100%;
}
a.nav-right:hover {
	background:#e35a00;
}


.button {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 18px 36px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 21px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   font-size: 21px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
#submit {
    background-color: #49a9c1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:6px;
    color: #fff;
    font-family: 'Arial';
    font-size: 20px;
    text-decoration: none;
    cursor: pointer;
    border:none;
}



#submit:hover {
    border: none;
    background:#ccc;
    box-shadow: 0px 0px 1px #777;
}

.myButton {
	 background-color: #49a9c1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:6px;
    color: #fff;
    font-family: 'Arial';
    font-size: 20px;
    text-decoration: none;
    cursor: pointer;
    border:none;

}

.myButton:hover {
	 background-color: #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:6px;
    color: #fff;
    font-family: 'Arial';
    font-size: 20px;
    text-decoration: none;
    cursor: pointer;
    border:none;
}
.myButton2 {
	background-color: #49a9c1;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius:6px;
   color: #fff;
   font-family: 'Arial';
   font-size: 20px;
   text-decoration: none;
   cursor: pointer;
   border: 2px solid #080000;

}
#square_w { width: 8px; height: 8px; background: white; border: 1px solid #000; }
#square_b { width: 8px; height: 8px; background: black; border: 1px solid #000; }

table.Standard {
min-width:30px;
background-color:#fffff;
border:1px solid #000000;
font-family:arial,verdana,sans-serif;
font-size:12px;
border-collapse: collapse;
}

table.navbar td {
	border:1px solid #FFF;
	height:40px;
	width:45px
}
table.navbar td a,table.navbar td a.he {
	display:block;
	font-size:10pt;
	font-weight:700;
	height:35px;
	padding:3px 5px;
	text-align:center;
	text-decoration:none;
	width:38px
}
.info {
	background-color:#f5f5f5;
	color:#333;
	text-align:center
}
table.navbar td a:link,table.navbar td a:visited {
	background-color:#666;
	color:#fff
}
table.navbar td a:hover,table.navbar td a:active {
	background-color:#cf0;
	color:#fff
}
table.navbar td a.ngases:link,table.navbar td a.ngases:visited {
	background-color:#e6e6fa;
	border:#0f5782 1px solid;
	color:green
}
table.navbar td a.onm:link,table.navbar td a.onm:visited {
	background-color:#f96;
	border:#0f5782 1px solid;
	color:#000
}
table.navbar td a.onm-gases:link,table.navbar td a.onm-gases:visited {
	background-color:#f96;
	border:#0f5782 1px solid;
	color:green
}
.navbar td a.alkali:link,.navbar td a.alkali:visited {
	background-color:#dda0dd;
	border:#0f5782 1px solid;
	color:#000
}
.navbar td a.alkali-liquid:link,.navbar td a.alkali-liquid:visited {
	background-color:#dda0dd;
	border:#0f5782 1px solid;
	color:#00f
}
.navbar td a.actlan:link,.navbar td a.actlan:visited {
	background-color:#FCEFF0;
	border:#0f5782 1px solid;
	color:#000
}
.navbar td a.alkalie:link,.navbar td a.alkalie:visited {
	background-color:#90c7ff;
	border:#0f5782 1px solid;
	color:#000
}
.navbar td a.ometals:link,.navbar td a.ometals:visited {
	background-color:#cdeb8b;
	border:#0f5782 1px solid;
	color:#000
}
.navbar td a.ometals-liquid:link,.navbar td a.ometals-liquid:visited {
	background-color:#cdeb8b;
	border:#0f5782 1px solid;
	color:#00f
}
.navbar td a.metalloid:link,.navbar td a.metalloid:visited {
	background-color:#c79810;
	border:#0f5782 1px solid;
	color:#000
}
.navbar td a.halogens:link,.navbar td a.halogens:visited {
	background-color:#ebdca9;
	border:#0f5782 1px solid;
	color:#000
}
.navbar td a.halogens-liquid:link,.navbar td a.halogens-liquid:visited {
	background-color:#ebdca9;
	border:#0f5782 1px solid;
	color:#00f
}
.navbar td a.halogens-gases:link,.navbar td a.halogens-gases:visited {
	background-color:#ebdca9;
	border:#0f5782 1px solid;
	color:green
}
.navbar td a.tmetals:link,.navbar td a.tmetals:visited {
	background-color:#FFF28E;
	border:#0f5782 1px solid;
	color:#000
}
.navbar td a.tmetals-liquid:link,.navbar td a.tmetals-liquid:visited {
	background-color:#FFF28E;
	border:#0f5782 1px solid;
	color:#00f
}
.navbar td a.tmetals-synthetic:link,.navbar td a.tmetals-synthetic:visited {
	background-color:#FFF28E;
	border:#0f5782 1px solid;
	color:#a52a2a
}
.navbar td a.rare:link,.navbar td a.rare:visited {
	background-color:#FCEFF0;
	border:#0f5782 1px solid;
	color:#000
}
.navbar td a.rare-synthetic:link,.navbar td a.rare-synthetic:visited {
	background-color:#FCEFF0;
	border:#0f5782 1px solid;
	color:#a52a2a
}
.navbar td a.unnamed:link,.navbar td a.unnamed:visited {
	background-color:#fff;
	border:#0f5782 1px solid;
	color:#a52a2a
}
td .liquid,td .solid,td .gas,td .synthetic {
	background-color:#fff;
	border:#0f5782 0 solid;
	display:block;
	font-size:10pt;
	font-weight:700;
	height:35px;
	padding:3px 5px;
	text-align:center;
	text-decoration:none;
	width:68px
}
td .liquid {
	color:#00f
}
td .solid {
	color:#000
}
td .gas {
	color:#006400
}
td .synthetic {
	color:#a52a2a
}
td .alkali,td .alkalie,td .ometals,td .metalloid,td .halogens,td .tmetals,td .rare,td .ngases,td .onm {
	border:#0f5782 0 solid;
	color:#000;
	display:block;
	font-size:10pt;
	font-weight:400;
	height:35px;
	padding:3px 5px;
	text-align:center;
	text-decoration:none;
	width:60px
}
td .ngases {
	background-color:#e6e6fa
}
td .alkali {
	background-color:#dda0dd
}
td .alkalie {
	background-color:#90c7ff
}
td .ometals {
	background-color:#cdeb8b
}
td .metalloid {
	background-color:#c79810
}
td .halogens {
	background-color:#ebdca9
}
td .tmetals {
	background-color:#FFF28E
}
td .rare {
	background-color:#FCEFF0
}
td .onm {
	background-color:#f96
}
table.navbar1 td {
	border:1px solid #FFF;
	height:32px;
	width:24px
}
table.navbar1 td a,table.navbar td a.he {
	display:block;
	font-size:8pt;
	font-weight:700;
	height:30px;
	padding:0;
	text-align:center;
	text-decoration:none;
	width:22px
}
.navbar td a.blank:link,.navbar td a.blank:visited {
	background-color:#fff;
	border:#0f5782 1px solid;
	color:#000
}
table.navbar,table.navbar1 {
	border-collapse:collapse;
	border-spacing:1px;
	line-height:120%
}
table.navbar td a.ngases:hover,table.navbar td a.ngases:active,table.navbar td a.onm-gases:hover,table.navbar td a.onm-gases:active,.navbar td a.halogens-gases:hover,.navbar td a.halogens-gases:active {
	background-color:#cf0;
	border:#0f5782 1px solid;
	color:green
}
table.navbar td a.onm:hover,table.navbar td a.onm:active,.navbar td a.alkali:hover,.navbar td a.alkali:active,.navbar td a.alkalie:hover,.navbar td a.alkalie:active,.navbar td a.ometals:hover,.navbar td a.ometals:active,.navbar td a.metalloid:hover,.navbar td a.metalloid:active,.navbar td a.halogens:hover,.navbar td a.halogens:active,.navbar td a.tmetals:hover,.navbar td a.tmetals:active,.navbar td a.rare:hover,.navbar td a.rare:active,.navbar td a.actlan:hover,.navbar td a.actlan:active,.navbar td a.blank:hover,.navbar td a.blank:active {
	background-color:#cf0;
	border:#0f5782 1px solid;
	color:#000
}
.navbar td a.alkali-liquid:hover,.navbar td a.alkali-liquid:active,.navbar td a.ometals-liquid:hover,.navbar td a.ometals-liquid:active,.navbar td a.halogens-liquid:hover,.navbar td a.halogens-liquid:active,.navbar td a.tmetals-liquid:hover,.navbar td a.tmetals-liquid:active {
	background-color:#cf0;
	border:#0f5782 1px solid;
	color:#00f
}
.navbar td a.tmetals-synthetic:hover,.navbar td a.tmetals-synthetic:active,.navbar td a.rare-synthetic:hover,.navbar td a.rare-synthetic:active,.navbar td a.unnamed:hover,.navbar td a.unnamed:active {
	background-color:#cf0;
	border:#0f5782 1px solid;
	color:#fff
}
#customers {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #dc9393;
  color: white;
}

#lesson {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 40%;
}

#lesson td,   #lesson th {
  border: 1px solid #ddd;
  padding: 8px;
}

#lesson tr:nth-child(even){background-color: #f2f2f2;}

#lesson tr:hover {background-color: #ddd;}


form-check-input[type="radio"]:not(:checked) + label, .form-check-input[type="radio"]:checked + label, label.btn input[type="radio"]:not(:checked) + label, label.btn input[type="radio"]:checked + label {
    position: relative;
    display: inline-block;
    height: 1.5625rem;
    padding-left: 35px;
    line-height: 1.5625rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: .28s ease;
    transition: .28s ease;
}
.form-check-label {
    margin-bottom: 0;
}
label {
    display: inline-block;
    margin-bottom: .5rem;
}
*, *::before, *::after {
    box-sizing: border-box;
}
.btn {
  background-color: DodgerBlue;
  border:#0f5782 2px solid;
  color: white;
  padding: 12px 16px;
  font-size: 16px;
  cursor: pointer;
}
.btn1 {
  background-color: DodgerBlue;
  border:none;
  color: white;
  padding: 12px 16px;
  font-size: 16px;
  cursor: pointer;
}
/* Darker background on mouse-over */
.btn:hover {
  background-color: RoyalBlue;
}
.btn1:hover {
  background-color: RoyalBlue;
}