﻿

    @media (min-width: 468px) and (max-width: 724px) 
{

    body
    {
    padding: 0px;
    margin: 0px;  
    }
    html
    {
    
        padding: 0px;
    margin: 0px;  
    }



    .MelissaGoLite_GL
    {
    width: 490px;
    height: 66px;
    padding: 0px;
    margin: 0px auto;
    background: #3b0d0d;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 999999;
    
    
    }
    
    .GLPolza
    {
    width: 490px;
    margin: 0px auto;
    padding: 0px;
    background: #DFD7AC;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 99;
    
    
    }

    #NameSaita
    {
    
    color: #42d93b;
    font-size: 32px;
    font-weight: normal;
    font-style: sans-serif;
    position: absolute;
    top: 10px;
    left: 170px;
    z-index: 99;
    
    }
    #iconSaita
    {
    
        position: absolute;
        top: 7px;
        left: 130px;
        z-index: 99;
    
    }

    #SuperLitePlus
    {
        position: absolute;
        top: 34px;
        left: 225px;
        z-index: 99;
    
    
    }

    #KnopkaTrilinii
    {
    
        position: absolute;
        top: 4px;
        right: 4px;
        z-index: 99;
    
    
    }


    #MelissaGoLite_Content
    {
    
    
        position: relative;
        top: 0px;
        left: 0px;
        z-index: 9999999999999999;
    
    }
  
    .ZagruzkaImg
    {
    
    margin: 0px auto;
    padding: 0px;
    display: block;
        position: relative;
    top:  10px;
    left: 0px;
    z-index: 999999999999;
    width: 490px;
    height: 120px;
    
    
    }
    
    .TexstOsnova
    {
    position: relative;
    top:  0px;
    left: 0px;
    z-index: 22;
    width: 440px;
    margin: 0px;
    padding: 0px;
    background: #dedeed;
    
    }
    .SvZapisi
    {
        font-size:15px;
        color: #777;
        font-style: Arial;
        font-weight:100;
        cursor: pointer;
        margin: 0px;
    padding: 0px;
        position: relative;
         top: 0px;
         left: 10px;
         z-index: 999999999999;   
        
    
    
    }
    .TexstOsnovaRand
    {
        position: relative;
    top:  10px;
    left: 10px;
    z-index: 22;
    width: 440px;
    margin: 10px 0px;
    padding: 10px 0px;
    background: #ededed;
    }
    
    #MelissaGoLiteContent
    {
        position: relative;
    top:  0px;
    left: 10px;
    z-index: 22;
    
    }
    #MelissaGoLiteContent2
    {
        position: relative;
        top:  0px;
        left: 10px;
        z-index: 22; 
    }
    
    
    #KnopkaEshe
    {
        width: 120px;
        position: relative;
        top: 0px;
        left: 180px;
        z-index: 9;
    display: none;
    }

    #KnopkaDob
    {
        position: fixed;
        bottom: 5px;
        left: 10px;
        z-index: 9999999999999999999;
        cursor: pointer;
       
    }
    #KnopkaDob:hover
    {
        width: 250px;
     
    }
    
    #KnopkaDobmin
    {
        position: fixed;
        bottom: 5px;
        left: 270px;
        z-index: 9999999999999999999;
        cursor: pointer;
       display: none;
    }
    
    .GLPolzaDobSsilku
    {
        width: 490px;
        height: 1300px;
        margin: 0px auto;
        padding: 0px;
        background: #DFD7AC;
        position: relative;
        top: 0px;
        left: 0px;
        z-index: 99;
        border: 1px solid red;
    
    
    }
    .GLPolzaDobSsilkuPOD
    {
        width: 350px;
        height: 1300px;
        margin: 0px auto;
        padding: 0px;
        background: #DFD7AC;
        position: relative;
        top: 0px;
        left: 0px;
        z-index: 99;
        border: 1px solid red;
    
    
    }
    .PravilaPublish
    {
        margin: 0px;
        padding: 0px;
        font-size:16px;
        color: #333;
        font-style: Arial;
        font-weight:100;
    
    }
    #DaleeKlon
    {
        width: 210px;
        height: 40px;
        position: relative;
        top: 0px;
        left: 0px;
        z-index: 99;
        margin: 0px auto;
        padding: 10px 10px 10px 120px;
        font-size:26px;
        color: #333;
        font-style: Arial;
        font-weight:100;
        border: 1px solid #233233;
        display: block;
       
    }
    #Dalee span
    {
    
        width: 210px;
        height: 40px;
        position: relative;
        top: 0px;
        left: 0px;
        z-index: 99;
        background: #56ff56;
        margin: 0px auto;
        padding: 10px 10px 10px 120px;
        font-size:26px;
        color: #fff;
        font-style: Arial;
        font-weight:100;
        border: 0px solid #233233;
        display: none;
       
    }
    a#Dalee
    {
        text-decoration: none;
    
    }
    
    #Dalee span:hover
    {
        color: green;
        background: #fff;
    }
    input#Dalee
    {
    
        width: 340px;
        height: 60px;
        position: relative;
        top: 0px;
        left: 0px;
        z-index: 99;
        background: #56ff56;
        margin: 0px auto;
        padding: 10px 10px 10px 10px;
        font-size:26px;
        color: #fff;
        font-style: Arial;
        font-weight:100;
        border: 0px solid #233233;
        display: none;
       
    }
    input#Dalee
    {
        text-decoration: none;
    
    }
    
    input#Dalee:hover
    {
        color: green;
        background: #fff;
    } 



    #Nazad
    {
        position: relative;
        top: 20px;
        left: 120px;
        z-index: 99;
        font-size:26px;
        color: grey;
        font-style: Arial;
        font-weight:100;
        
    }
    a#Nazad
    {
        text-decoration: none;
    
    }
    #Nazad3
{
    position: relative;
    top: 20px;
    left: 20px;
    z-index: 99;
    font-size:26px;
    color: grey;
    font-style: Arial;
    font-weight:100;
    
}
a#Nazad3
{
    text-decoration: none;

}
/*
    #AvatarkaV
    {
    width: 150px;
    
    }

 
    .PoleViborAvatarok
    {
      width: 350px;
      margin: 0px auto;
      padding: 0px;
      position: relative;
        top: 0px;
    left: 0px;
    z-index: 9999999999999;
    display: none;
    }
    #ViborAvatarok
    {
      width: 350px;
      height: 500px;
      background: #0396ff;
      position: absolute;
        top: 0px;
    left: 0px;
    z-index: 999999999999;
    overflow-y: auto;
    opacity: 1;
    
    }
    
    
    #exit3
    {
        position: absolute;
    top:  -70px;
    right: 0px;
    z-index: 9999999;
    cursor: pointer;
    }
    #avtext
    {
    display: none;
    
    }

    .ProzrachnoePole
{
    width: 490px;
   height: 700px;
    margin: 0px;
    padding: 0px;
    position: absolute;
      top: -200px;
  left: -70px;
  z-index: 999;
  border: 0px solid #333;

}

.CapchaGeneral2
{
	
width: 400px;
margin: 0px;
padding: 0px;
background: #ddd;
  position: relative;
top: -200px;
left: 0px;
z-index: 99999;
border-radius: 40px;
display: none;
	
	}
	#capcha
{
		position: absolute;
bottom: 280px;
left: 240px;
z-index: 99999;
	}	


.Capcha
{

    width: 400px;
    height: 400px;
    background: #ddd;
    position: absolute;
      top: 0px;
  left: 0px;
  z-index: 999999999999;
border-radius: 40px;

}
#bttn
{
	        width: 70px;
	        height: 70px;
	        position: absolute;
			top: 123px;
			left: 163px;
			z-index: 99999999;
			border: none;
			background: url(../../Zemlyaki/img/1_2841.png) 0px 0px no-repeat;
            border: 0px solid #fff;
            display: block;
	}
    #Enter
{
	position: absolute;
top: 240px;
left: 60px;
z-index: 99999;
font-size: 14px;
	 		font-style: Arial;
			font-weight: bold;
			color: grey;

	}
    #nInput
{
	     width: 200px;
	        height: 44px;
	        position: absolute;
			top: 223px;
			left: 113px;
			z-index: 99999999;
			border-radius: 10px;
	        font-size: 30px;
	 		font-style: Arial;
			font-weight: bold;
			color: green;
	}
    #bttn2
{
    margin: 20px;
    padding: 20px;
	 width: 200px;
	        height: 40px;
	        position: absolute;
			top: 293px;
			left: 63px;
			z-index: 99999999;
            border: 1px solid #777;
            border-radius: 30px;
            font-size: 30px;
	 		font-style: Arial;
			font-weight: bold;
			color: green;
            cursor: pointer;
            display: none;
}
    #capcha2
{
		position: absolute;
top: 220px;
left: 330px;
z-index: 99999;
	}
    #exitG2
{
position: absolute;
top: 20px;
right: 30px;
z-index: 99999;
cursor: pointer;
}
#reCapcha
{
	
	position: absolute;
top: 85px;
left: 20px;
z-index: 99999;
font-size: 14px;
	 		font-style: Arial;
			font-weight: bold;
			color: grey;
	}
    #res-input
{
	position: absolute;
			top: 63px;
			left: 103px;
			z-index: 99999999;
			font-size: 44px;
			font-style: Arial;
			font-weight: bold;
			color: green;
	
	}
    #Oshibka_Metka
    {

        color: red;
        display: none;
    }
    #Oshibka_MetkaRU
    {
        color: red;
        display: none;
    }
    #Oshibka_MetkaLogin
    {
        color: red; 
        display: none;
    }

    #Oshibka_Ssilka_URL
    {

        position: relative;
        top: 0px;
        left: 0px;
        z-index: 99;
        color: red; 
        display: none;

    }

    input#Dalee2
    {
    
        width: 340px;
        height: 60px;
        position: relative;
        top: 0px;
        left: 0px;
        z-index: 99;
        background: #56ff56;
        margin: 0px auto;
        padding: 10px 10px 10px 10px;
        font-size:26px;
        color: #fff;
        font-style: Arial;
        font-weight:100;
        border: 0px solid #233233;
        display: block;
       
    }
    input#Dalee2
    {
        text-decoration: none;
    
    }
    
    input#Dalee2:hover
    {
        color: green;
        background: #fff;
    } 
*/
    #FormaObulikovat
    {
        width: 345px;
        
        position: relative;
        top: 0px;
        left: 0px;
        z-index: 99;
        border: 1px solid #ddd;
        background: #fff;

       
    }





}