﻿

/* Ширина экрана больше 768px  PC*/

@media (min-width: 724px)
 { 


 

    #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;
    
    }
    .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
        {
             position: relative;
            top: 0px;
            left: 0px;
            z-index: 99;
            color: red;
            display: none;
        }
        #Oshibka_MetkaRU
        {
            position: relative;
            top: 0px;
            left: 0px;
            z-index: 99;
            color: red;
            display: none;
        }
        #Oshibka_MetkaLogin
        {
            position: relative;
            top: 0px;
            left: 0px;
            z-index: 99;
            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: absolute;
            bottom: -70px;
            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;
    
           
        }
 








 } 








/* Ширина экрана меньше 468px больше 724px  Планшет*/
    @media (min-width: 468px) and (max-width: 724px) 
{

    
















}


/* Ширина экрана меньше 468px  Мобильный*/
@media (max-width: 468px)
 { 










    





  } 