/*======================FORMULÁR======================================================================================================*/



body {
    background-color:  rgb(115, 144, 114);
    padding: 70px;
}

#druhy input[type=text] , #druhy input[type=number], 
#druhy input[type=email], #druhy input[type=tel],
#druhy input[type=checkbox]
{
    width: 100%;
    padding: 30px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 2px solid rgb(50, 80, 50);
    border-radius: 4px;
    background-color:  rgb(210, 227, 200);
    color: rgb(50, 80, 50);
    font-family: Calibri;
    
    
}

#druhy input[type=text]:focus,
#druhy input[type=number]:focus, 
#druhy input[type=email]:focus,
#druhy input[type=tel]:focus

{
    background-color: rgb(50, 80, 50);
    border: 2px solid rgb(210, 227, 200);
    font-family: Arial;
    width: 100%;
    color: rgb(210, 227, 200);
    
    
}

#druhy input[type=submit],
#druhy input[type=button]

{
    background-color: rgb(210, 227, 200);
    color: rgb(50, 80, 50);
    padding: 16px 32px;
    margin: 4px 2px;
    cursor: pointer;
    text-decoration: underline;
}


#treti input[type=text]
{
    width: 180px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: #ff9bd0;
    padding: 12px 20px 12px 50px;
    transition: width 1.4s ease-in-out;
}
#treti input[type=text]:focus
{
    width: 100%;
    background-color:  #de78ae;
}

/*=============================================================================================================================*/









