body 
 {
    margin:0;
	padding:0;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#9780CF;
	position: absolute;
	z-index:0;
	
}

#container
{
	margin-top:-820px;
	margin-left:400px;
	width:800px;
	height: 110px;
	z-index:2;
	position: relative;
    background-image:url(images/oyatLaptopQizil.png);
    background-repeat: no-repeat;
    position: fixed;
    float: left;
}
#container:hover
{
	background-image:url(images/oyatLaptop.png);
}

#table
{
	width:230px;
	height: 180px;
	position: relative;
	margin-top:-720px;
	margin-left:1000px;
	position: fixed;
  outline: px solid red;
}

#table2
{
  width:230px;
  height: 180px;
  position: relative;
  margin-top:-620px;
  margin-left:770px;
  position: fixed;
  outline: px solid red;
}

#table3
{
  width:230px;
  height: 180px;
  position: relative;
  margin-top:-520px;
  margin-left:550px;
  position: fixed;
  outline: px solid red;
}

p
{
   width: 220px; 
   display: inline-block; 
   margin: 10px; 
   text-indent: 8px;
   line-height:1.3;
}

a{
    color:#1a04d2;
    text-decoration:none;
}
a:hover {
    color:#0d0171;
}

#lang
{
	width:650px;
	height: 500px;
	outline: px solid red;
	position: relative;
	margin-top:-750px;
	margin-left:100px;
	position: fixed;
}
.kg
{
  background-image:url(images/forLaptopLangkg.png);
  outline: px solid black;
  width: 220px;
  height:120px;
  background-size:200px 100px;
  background-repeat: no-repeat;
  margin-left:130px;
  margin-bottom:10px;
}

.rus
{
  background-image:url(images/forLaptopLangru.png);
  outline: px solid black;
  width: 300px;
  height:120px;
  background-size:200px 100px;
  background-repeat: no-repeat;
  margin-left:30px;
  margin-top:-40px;
  padding:0px;
}
.uzb
{
  background-image:url(images/forLaptopLanguz.png);
  outline: px solid black;
  width: 300px;
  height:120px;
  background-size:200px 100px;
  background-repeat: no-repeat;
  margin-left:30px;
  margin-top:-20px;
}
.lat
{
  background-image:url(images/forLaptopLanglat.png);
  outline: px solid black;
  width: 300px;
  height:120px;
  background-size:200px 100px;
  background-repeat: no-repeat;
  margin-left:115px;
  margin-top:-20px;
}

.kg:hover
{
	margin-left:160px;
}
.lat:hover
{
	margin-left:160px;
}
.rus:hover
{
	margin-left:60px;
}
.uzb:hover
{
	margin-left:60px;
}

#rasm
{
  width:1520px;
  height:148px;
  max-width: 2000px;
  min-width: 1000px;
  background-image: url(images/newlang_01.png);
position:relative;
}
#rasm2
{
  width:1520px;
  height:156px;
  max-width: 2000px;
  min-width: 1000px;
  background-image: url(images/newlang_02.png);
position:relative;

}

#rasm3
{
   width:1520px;
  height:164px;
  max-width: 2000px;
  min-width: 1000px;
  background-image: url(images/newlang_03.png);
position:relative;

}

#rasm4
{
	width:1520px;
  height:139px;
  max-width: 2000px;
  min-width: 1000px;
  background-image: url(images/newlang_04.png);
position:relative;
}

 #rasm5
 {
 	width:1520px;
  height:135px;
  max-width: 2000px;
  min-width: 1000px;
  background-image: url(images/newlang_05.png);
position:relative;
 }

#rasm6
{
 width:1520px;
  height:103px;
  max-width: 2000px;
  min-width: 1000px;
  background-image: url(images/newlang_06.png);
position:relative;

}


@media screen and (max-width: 950px){

#rasm
{
  width:990px;
  height:178px;
  background-image: url(images/newlangLaptop_01.png);
}
#rasm2
{
  width:990px;
  height:195px;
  background-image: url(images/newlangLaptop_02.png);

}

#rasm3
{
   width:990px;
  height:204px;
  background-image: url(images/newlangLaptop_03.png);

}

#rasm4
{
	width:990px;
  height:223px;
  background-image: url(images/newlangLaptop_04.png);
}

#rasm5
 {
 	width:0;
  height:0;

}
#rasm6
{
 width:0;
  height:0;
}

.kg
{
  background-image:url(images/forLaptopLangkg.png);
  outline: px solid black;
  width: 300px;
  height:120px;
  background-size:200px 100px;
  background-repeat: no-repeat;
  margin-left:130px;
}

.rus
{
  background-image:url(images/forLaptopLangru.png);
  outline: px solid black;
  width: 300px;
  height:120px;
  background-size:200px 100px;
  background-repeat: no-repeat;
  margin-left:30px;
}
.uzb
{
  background-image:url(images/forLaptopLanguz.png);
  outline: px solid black;
  width: 300px;
  height:120px;
  background-size:200px 100px;
  background-repeat: no-repeat;
  margin-left:30px;
}
.lat
{
  background-image:url(images/forLaptopLanglat.png);
  outline: px solid black;
  width: 300px;
  height:120px;
  background-size:200px 100px;
  background-repeat: no-repeat;
  margin-left:130px;
}

#container
{
	margin-top:-720px;
	margin-left:200px;
	width:800px;
	height: 110px;
	z-index:2;
	position: relative;
    background-image:url(images/oyatLaptopQizil.png);
    background-repeat: no-repeat;
    position: fixed;
    float: left;
}

#lang
{
	width:650px;
	height: 500px;
	outline: px solid red;
	position: relative;
	margin-top:-600px;
	margin-left:100px;
	position: fixed;
}

#container:hover
{
	background-image:url(images/oyatLaptop.png);
}
}

@media screen and (max-width: 550px){

.kg
{
  background-image:url(images/forMobileLangkg.png);
  outline: px solid black;
  width: 200px;
  height:70px;
  background-size:200px 100px;
  background-repeat: no-repeat;
  margin-left:50px;
  margin-bottom: 20px;
}

.rus
{
  background-image:url(images/forMobileLangrus.png);
  outline: px solid black;
  width: 200px;
  height:70px;
  background-size:200px 100px;
  background-repeat: no-repeat;
  margin-left:20px;

}
.uzb
{
  background-image:url(images/forMobileLangUz.png);
  outline: px solid black;
  width: 200px;
  height:70px;
  background-size:200px 100px;
  background-repeat: no-repeat;
  margin-left:20px;
}
.lat
{
  background-image:url(images/forMobileLatin.png);
  outline: px solid black;
  width: 200px;
  height:70px;
  background-size:200px 100px;
  background-repeat: no-repeat;
  margin-left:50px;
}

#container
{
  margin-top:-720px;
  margin-left:5px;
  width:800px;
  height: 110px;
  z-index:2;
  position: relative;
    background-image:url(images/oyatMobileqizil.png);
    background-repeat: no-repeat;
    position: fixed;
    float: left;
}

#rasm
{
  width:520px;
  height:178px;
  background-image: url(images/newlangMobile_01.png);
  background-repeat: no-repeat;
}
#rasm2
{
  width:520px;
  height:195px;
  background-image: url(images/newlangMobile_02.png);
  background-repeat: no-repeat;

}

#rasm3
{
   width:520px;
  height:204px;
  background-image: url(images/newlangMobile_03.png);
  background-repeat: no-repeat;

}

#rasm4
{
  width:520px;;
  height:223px;
  background-image: url(images/newlangMobile_04.png);
  background-repeat: no-repeat;
}

#container:hover
{
  background-image:url(images/oyatMobilekok.png);
}

.kg:hover
{
  
  margin-left:60px;

}

.rus:hover
{
  margin-left:30px;

}
.uzb:hover
{
  margin-left:30px;
}
.lat:hover
{
  margin-left:60px;
}




}