html
{
background-color: #C7D0CC;
}

/* *
{
margin: 0;
padding: 0;
}
*/

body
{
margin: auto auto;
margin-top: 10px;
margin-bottom: 10px;
width: 1060px;
}

#wrapper
{
background-color: #F2FCF8;
box-shadow: 0 0 8px #444;
}

#header
{

}

#footer
{
height: fit-content;
padding: 15px 0px 15px 0px;
background-color: #041420;
opacity: 0.7;
text-align: center;
color: #fff;
padding-top: 7px;
}

#content
{
/*min-height: 600px;*/
padding-left: 15px;
padding-right: 15px;
margin-bottom: 20px;
width: 75%;
min-height: 700px;
}


#topmenu
{
   display:table; 
   table-layout:fixed;
    border-collapse:collapse; 
	float: right;  
	height: 100%;
	width: 20%;
}
#topmenu ul.tm1
{
padding-top: 10px;	
width: 180px;
position: fixed;
background-color: #8CBAC0;
padding-left: 20px;
margin-top: 23px;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

#topmenu ul.tm1:before,
#topmenu ul.tm1:after
{
    content:"";
    position:absolute;
    z-index:-2;
}



#topmenu li
{
  display: table-row; 
  padding: 3px;
  text-align: left;
}

#topmenu li.tm1_1, #topmenu li.tm1_2, #topmenu li.tm1_3, #topmenu li.tm1_4, #topmenu li.tm1_5, #topmenu li.tm1_6
{
text-align: center;
height: 30px;
}

#topmenu li.tm1_7
{
text-align: center;
height: 50px;
}


.tm2_6active
{
	margin-bottom: 20px;
}

a.a_tm
{
text-decoration: none;
color: #000;
margin-bottom: 50px;
}

a.a_tmactive
{
text-decoration: none;
color: #dd0000;
}

.masal_link {
  color: blue;
  text-decoration: underline;
}
.masal_link.active {
  color: #d00000;
  font-weight: bold;
}

/*стили для меню второго уровня*/
#topmenu ul.tm2_6
{
text-align: center;
display: none;
}

#topmenu ul.tm2_6active
{
text-align: center;
background-color: #ddd;
position: relative;
left: 30px;
width: 90px;
box-shadow: 2px 2px 2px #888 inset;
}

a.a_tm2
{
text-decoration: none;
color: #000;
margin-bottom: 50px;
position: relative;
right: 28px;

}

a.a_tm2active
{
text-decoration: none;
color: #dd0000;
position: relative;
right: 28px;
}


/*для фотографий*/
figure.vkl2 {
  width: 140px;
  background: #5D8988;
  box-shadow: 0 3px 10px #ccc;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  text-indent: 0px;
  text-align: center;
  padding: 5px;
  position: relative;
  margin: auto;
}

figure.vkl2 img {width: 100%; padding: 0px; }

figure.vkl2:hover {
  box-shadow: 0 2px 3px #666;
}

figure.vkl2:focus {
  -webkit-transform: scale(2.0);
  -moz-transform: scale(2.0);
  -o-transform: scale(2.0);
  -ms-transform: scale(2.0);
  box-shadow: 0 2px 3px #666;
  z-index: 120 !important;
}

/*стили для формы обратной связи*/
.zapis_field {
    background-color: #fff;
    background-image: none;
    border: 1px solid #d4d4d4;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-family: "Segoe UI","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    height: 25px;
    width: 400px;
}
.textarea_field {
    background-color: #fff;
    background-image: none;
    border: 1px solid #d4d4d4;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-family: "Segoe UI","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    width: 400px;
	font-size: 14px;
}
.form_field {
    margin: auto;
	width: 400px;
}
.button_submit {
    background-color: #2A5998;
    border: 1px solid #2A5998;
    color: #fff;
    cursor: pointer;
    height: 20px;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    width: 270px;
}

.button_submit:hover {
    background-color: #2A5998;
    border: 1px solid #2A5998;
    color: #fff;
    cursor: pointer;
    height: 20px;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    transition: box-shadow 1s ease-out 0.5s;
    width: 270px;
	box-shadow: 3px 3px 5px #000 inset;
}

.button_field
{
 width: 270px;
 margin: auto;
}

/*стили для капчи*/
.captcha {
  margin: 10px 0;
}

.captcha img {
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
  margin-right: 5px;
}

.captcha img:hover, .activ {
  -moz-box-shadow: 0 0 10px #808080;
  -webkit-box-shadow: 0 0 10px #808080;
  box-shadow: 0 0 10px #808080;
  border: 1px solid #7cfc00 !important;
}



/* стили для вывода конечного сообщения капча*/
.ok, .not_ok {

  padding: 5px;
  margin: auto;
  border-radius: 5px;
}

.ok {
  border: 1px solid #008000;
  background: #BAFAC1;
  color: #008000;
  width: 502px; 
}
.not_ok {
  border: 1px solid #FF0000;
  background: #FFD5D5;
  color: #FF0000;
  width: 322px; 
}


/*atlas of nitrogen structures*/

.tableСrystals
{
	background-color: #1A4D56;
	border-collapse: separate;
	border-spacing: 10px 20px;
	text-align: center;
	  box-shadow:
   0 1px 4px rgba(0, 0, 0, .3),
   -23px 0 20px -23px rgba(0, 0, 0, .8),
   23px 0 20px -23px rgba(0, 0, 0, .8),
   0 0 40px rgba(0, 0, 0, .1) inset;
}