* {margin: 0; padding: 0;}
html,body {height: 100%;}
body{background-image: url(images/fon-main.jpg);}
header{width: 100%; height: 36px;}
div.before-header{width: 100%; height: 36px; background-color: #000; opacity: 0.83; position: absolute; z-index: 1;}
div.main-header{width: 100%; height: 36px; position: absolute; z-index: 2;}
div.logo {float: left; width: 30px; height: 30px; margin: 3px; background-image: url(images/favicon-logo.png);}
div.wifi {float: left; width: 20px; height: 20px; margin: 8px 5px; background-image: url(images/wifi.png);}
div.loud-icon {float: left; width: 20px; height: 20px; margin: 8px 5px; background-image: url(images/loud-icon.png);}
div.search {float: left; width: 20px; height: 30px; margin: 3px 5px; background-image: url(images/image_large.svg); background-position: center; background-repeat: no-repeat;}
div.eng-rus{float: left; margin: 10px 0px 11px 5px; font-size: 13px; text-align: center; font-family: 'Roboto', sans-serif; font-weight: 400; color: #fff;}
div.time{float: left; margin: 3px 10px; font-size: 13px; text-align: center; font-family: 'Roboto', sans-serif; font-weight: 400; color: #fff;}
div.right{float: right;}
.wrapper {position: relative; width: 100%; min-height: 100%; margin: 0 auto;}
.content {padding-bottom: 0px;}
.footer {position: absolute; bottom: 0; left: 0; width: 100%; height: 70px;}
.footer-programs {height: 60px; width: 560px;  margin: 0 auto;}	
.footer-programss {padding: 10px 10px 10px 10px; border-radius: 15px; position: relative; z-index: 2; float: left; width: 540px;}
.footer-opacity {height: 40px; border-radius: 15px; background-color: #CCCCCC; padding: 10px 10px 10px 10px; z-index: 1; position: absolute; opacity: 0.7; width: 540px}

.footer-program1,.footer-program2,.footer-program3,.footer-program4,.footer-program5,.footer-program6,.footer-program7,.footer-program8,.footer-program9,.footer-program10,.footer-program11 {float: left; height: 40px; width: 40px;}			
.footer-program1:hover,.footer-program2:hover,.footer-program3:hover,.footer-program4:hover,.footer-program5:hover,.footer-program6:hover,.footer-program7:hover,.footer-program8:hover,.footer-program9:hover,.footer-program10:hover,.footer-program11:hover {position: relative; bottom: 10px;}
.footer-program1 {background-image: url(images/apple1-image.png); margin: 0px 10px 0px 0px;}
.footer-program2 {background-image: url(images/apple2-image.png); margin: 0px 10px 0px 0px;}
.footer-program3 {background-image: url(images/apple3-image.png); margin: 0px 10px 0px 0px;}
.footer-program4 {background-image: url(images/apple1-image.png); margin: 0px 10px 0px 0px;}
.footer-program5 {background-image: url(images/apple4-image.png); margin: 0px 10px 0px 0px;}
.footer-program6 {background-image: url(images/apple5-image.png); margin: 0px 10px 0px 0px;}
.footer-program7 {background-image: url(images/apple6-image.png); margin: 0px 10px 0px 0px;}
.footer-program8 {background-image: url(images/apple7-image.png); margin: 0px 10px 0px 0px;}
.footer-program9 {background-image: url(images/apple8-image.png); margin: 0px 10px 0px 0px;}
.footer-program10 {background-image: url(images/apple9-image.png); margin: 0px 10px 0px 0px;}
.footer-program11 {background-image: url(images/apple1-image.png); margin: 0px 0px 0px 0px;}

#draggable {width: 560px; height: 315px; background-image: url(images/517_33d3f2e209.jpg); margin: 0 auto; position: absolute; z-index: 11;}

/*table {position: absolute; z-index: 10; margin: 10px;}
td {height: 76px; width: 76px; }
.table-icon {width: 66px; height: 61px; margin: 7px 5px 8px 5px; background-image: url(images/icon_home_large.png);}*/