body, html {
background:#fff url("../images/bg.jpg") center top no-repeat;
text-align:center;
height:100%;
}

/*---------------------------------------------
               �������� ���������
---------------------------------------------*/

#main-container{
margin:0 auto;
text-align:left;
min-height:100%;
width:1000px;
}
* html #main-container{height:100%;}

/***************** ����� ����� */
#header{
position:relative;
height:170px;
}
#header a.logo {
  display: block;
    margin: 0 0 0 20px;
    padding: 0;
    position: relative;
    text-decoration: none;
    width: 480px;
}

/************************** ������� ������ */
.pathway {
	border-bottom:1px dotted #666;
	margin:0 0 10px;
	padding:0 0 5px;	
	font-size:11px;
}

/***************** ��������� ������� - TOP */
#top {
	/*margin:15px 0;*/
	/*overflow:hidden*/
}

/***************** ����� ������� */
#left{
padding:5px;
float:left;
line-height:normal;
width:220px;
}

/***************** ������ ������� */
#right{
padding:5px;
float:right;
line-height:normal;
width:220px;
}

/***************** ����� ����� ��������� ���������� */
#both{
margin:0 220px;
padding:0 15px;
}
#only_left {
margin:0 0 0 220px;
padding:0 15px;
}
#only_right {
margin:0 220px 0 0;
padding:0 15px;
}
#no_sides {padding:0 10px;   margin: 0 0 35px;  min-height:200px;}

/***************** ��������� ������� - BOTTOM */
#bottom {
	margin:15px 0;
	overflow:hidden
}

/***************** Clear block and Rasporka */
#clear{
height:0;
font-size:1px;
line-height:0px;
clear:both;
}
#rasporka {height:108px; margin:20px 0 0}


/*---------------------------------------------
                  ������ ����� 
---------------------------------------------*/
#footer{
/*border-top: 1px dotted #666666;*/
position:relative;
height:108px;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
margin:-108px auto 0;
width:100%;
background:url(../images/footer.jpg) no-repeat top center; 
}

/************************************ �������� */
p.copyright {
	/*position:absolute;*/
	/*left:0;*/
	/*top:35px;*/
	font:12px Arial, Helvetica, sans-serif;
	color:#024da1;
        float:left;
        margin:70px 0 0 0px;
}
p.copyright a {color:#024da1}
table.counters {
	position:absolute;
	right:0;
	bottom:10px;
}
.counters td {padding:0 3px}
.tecama {
    color: #666666;
    float: left;
    font: 9px Tahoma,Geneva,sans-serif;
    width: 160px;
    margin:40px 0 0 125px;
}
.tecama a:link,
.tecama a:visited {
	color:#666;
	text-decoration:none;
}
.tecama a:hover {text-decoration:underline}
.tecama img {margin:3px 0 0;}

.knopki {float:right; margin:55px 0 0 0px;}

/************************************ ������ */
#left .module,
#right .module {
	margin:0 0 15px;
}
#left .moduletitle,
#right .moduletitle {
	font-size:18px;
	text-align:center;
	margin:0 0 10px
}
#left .modulebody,
#right .modulebody {}

#mainmenucheckbox, label[for="mainmenucheckbox"]{
	display: none;
}

.chemistrymodule{
	position: absolute;
	right: 0;
}

#menu3checkbox, label[for="menu3checkbox"]{
	display: none;
}

#menu3, #menu3 *{
	box-sizing: border-box;
}
#menu3{
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu3 li{
	width: 125px;
	height: 125px;
	text-align: center;
	border-radius: 100%;
}
#menu3 li a{
	text-decoration: none;
	font-size: 14px;
	color: #000d89 !important;
	font-family: 'CoreRhino65Bold', sans-serif;
	text-transform: uppercase;
	display: block;
	width: 100%;
	height: 100%;
	padding: 42px 0;
	border-radius: 100%;
	position: relative;
	z-index: 1;
}
#menu3 li a::before{
	position: absolute;
	display: block;
	content: "";
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../images/ell.png) center center no-repeat;
	top: 0;
	left: 0;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
#menu3 li a:hover::before{
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}

.two.deucemodule{
	position: absolute;
	right: 20px;
	top: 20px;
	width: 127px;
	height: 127px;
	z-index: 1;
}
.two.deucemodule::before{
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background: url(../images/ell.png) center center no-repeat;
	z-index: -1;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.two.deucemodule a{
	text-decoration: none;
	color: #000d89;
	font-size: 14px;
	font-family: 'CoreRhino65Bold', sans-serif;
}
.two.deucemodulebody{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
}
.two.deucemodule:hover::before{
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}