/* Dropdown Button */
.dropbtn {
    background-color: transparent;
    color: white;
    padding: 50px;
    border: none;
    cursor: pointer;
    background: url(../images/btn_celu.png) no-repeat;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: transparent; 
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    visibility: hidden;
    display: none;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    margin: 10px 0 0 0;
    display: none;
    position: absolute;        
    padding: 15px 67px 19px 18px;
    background-color:rgb(0, 40, 86,0.7)

}

/* Links inside the dropdown */
.dropdown-content a {    
    text-decoration: none;
    display: block;
    color: white;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

.btn_registro{
    text-align: center;
    width: 50px;
    height: 20px;   
    border: 1px solid #e5e9ec;
    border-radius: 0px;    
    color: white;
    margin: 10px 0 10px 0px;
    cursor: pointer;
    background: #002856;
    font-size: 26px;
    font-family:'Yanone Kaffeesatz', sans-serif;
}
.btn_registro:hover{
    border: 1px solid #B4B9BE;
    transition: all 0.12s linear 0s !important;
    color: white;
}



@media screen and (max-width:320px) {
    .dropbtn {
        background-color: transparent;
        color: white;
        padding: 15px 20px;
        border: none;
        cursor: pointer;         
    }

    /* Dropdown button on hover & focus */
    .dropbtn:hover, .dropbtn:focus {
        background-color: transparent;
    }

    /* The container <div> - needed to position the dropdown content */
    .dropdown {
        visibility: visible;
        display: inherit;
        position: absolute;
        z-index: 2;
        margin-left: 30px;
        margin-top: 30px;
        position: fixed; 
    }

    .show {
        display:block;
        margin-left: 0px;           
    }

    .btn_registro{
        text-align: center;
        width: 100%;
        height: 10px;
        padding: 5px 10px 15px 10px;
        border: 1px solid #e5e9ec;
        border-radius: 5px;
        color: black;
        font-weight: bold;
        margin: 4px 0px 0 0px;
        cursor: pointer;
        font: 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
   
}

@media screen and (max-width:812px) {
    .dropbtn {
        background-color: transparent;
        color: white;
        padding: 15px 20px;
        border: none;
        cursor: pointer;
    }
    /* Dropdown button on hover & focus */
    .dropbtn:hover, .dropbtn:focus {
        background-color: transparent;
    }

    /* The container <div> - needed to position the dropdown content */
    .dropdown {
        visibility: visible;
        display: inherit;
        position: absolute;
        z-index: 4;
        margin-left: 4%;
        margin-top: 13px;      
    }

    .show {
        display:block;
        margin-left: 0px;           
    }

    .btn_registro{
        text-align: left;
        width: 100%;
        height: 10px;
        padding: 11px 24px 21px 24px;
        border: 1px solid #e5e9ec;
        border-radius: 0px;    
        margin: 4px 0px 0 0px;
        cursor: pointer;
        font-size: 22px;
    }
   
}