div[name="contenedor"]{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    min-width: 300px;
    height: 100%;
    background-color: #ffffff;
    border: 0px solid #333333;
    display: none;
}

#top{
    position: relative;
    width: calc(100% - 50px);
    padding: 10px 25px;
    height: 100px;
    background-color: #5093c5;
    border-bottom: 10px solid #ffc427;
}

#logo_DIV{
    position: absolute;
    top:0px;
    left:0px;
    width: 100%;
    margin: 0px;
}

#center{
    position:relative;
    width: calc(100% - 100px);
    max-width: 1200px;
    padding: 0px 50px;
    margin: 0px auto;
}

.ESN{
    width: 210px;
    height: 30px;
    margin: 10px;
    padding: 15px 0px;
    border-radius: 15px;
    border: 0px solid #666666;
    float: left;
    text-align: center;
    background: linear-gradient(#ca2500 10%, #c12300 20%, #b72100 30%, #b02000 35%, #a41e00 65%, #b02000 70%, #b72100 80%, #c12300 90%, #ca2500 100%);
    background:  #c0392b;
    color: #ffffff;
    font-size: 18pt;
    cursor: pointer;
}

.ESN2{
    width: calc(50% - 35px);
    height: 30px;
    margin: 10px 12px;
    padding: 5px 0px;
    border-radius: 15px;
    border: 5px solid #000000;
    float: left;
    text-align: center;
    background: linear-gradient(#ffdad2 10%, #ffdad2 20%, #ffc7ba 30%, #ffc5b9 35%, #ffc5b9 65%, #ffc5b9 70%, #ffc7ba 80%, #ffdad2 90%, #ffdad2 100%);
    background: #dddddd;
    background: linear-gradient(#ca2500 10%, #c12300 20%, #b72100 30%, #b02000 35%, #a41e00 65%, #b02000 70%, #b72100 80%, #c12300 90%, #ca2500 100%);
    background: linear-gradient(#bbbbbb 10%, #acacac 20%, #a6a6a6 30%, #9C9C9C 35%, #999999 65%, #9C9C9C 70%, #a6a6a6 80%, #acacac 90%, #bbbbbb 100%);
    background: #dddddd;
    color: #000000;
    font-size: 18pt;
    cursor: pointer;
}

.ESN3{
    width: 210px;
    height: 30px;
    margin: 10px;
    padding: 15px 0px;
    border-radius: 15px;
    border: 0px solid #000000;
    float: left;
    text-align: center;
    background: linear-gradient(#ca2500 10%, #c12300 20%, #b72100 30%, #b02000 35%, #a41e00 65%, #b02000 70%, #b72100 80%, #c12300 90%, #ca2500 100%);
    background:  #c0392b;
    color: #ffffff;
    font-size: 18pt;
    cursor: pointer;
}

.Censos{
    width: calc(50% - 50px);
    max-width: 550px;
    min-height: 30px;
    margin: 10px;
    padding: 15px 10px;
    border-radius: 15px;
    border: 0px solid #666666;
    float: left;
    text-align: center;
    background: linear-gradient(#0075b8 10%, #0084d0 15%, #008edf 25%, #009bf3 35%, #03a4ff 65%, #009bf3 75%, #008edf 85%, #0084d0 90%, #0075b8 100%);
    background:   #3498db ;
    color: #ffffff;
    font-size: 18pt;
    cursor: pointer;
}

.Censos_disabled{
    width: calc(50% - 50px);
    max-width: 550px;
    min-height: 30px;
    margin: 10px;
    padding: 15px 10px;
    border-radius: 15px;
    border: 0px solid #666666;
    float: left;
    text-align: center;
    background: linear-gradient(#0075b8 10%, #0084d0 15%, #008edf 25%, #009bf3 35%, #03a4ff 65%, #009bf3 75%, #008edf 85%, #0084d0 90%, #0075b8 100%);
    background:   #3498db ;
    color: #ffffff;
    font-size: 18pt;
    opacity: 40%;
    cursor: cursor;
}

.STAD, .INVES{
    width: calc(33% - 50px);
    max-width: 350px;
    min-height: 30px;
    margin: 10px;
    padding: 15px 10px;
    border-radius: 15px;
    border: 0px solid #666666;
    float: left;
    text-align: center;
    background: linear-gradient(#00aa6a 10%, #0cb676 20%, #1dc988 30%, #2edc9a 35%, #3eeeab 65%, #2edc9a 70%, #1dc988 80%, #0cb676 90%, #00aa6a 100%);
    background: #1abc9c;
    color: #333333;
    font-size: 18pt;
    cursor: pointer;
}


.INVES{
    width: calc(50% - 50px);
    max-width: 600px;
    background: linear-gradient(#00097b 10%, #000872 20%, #00076a 30%, #00065e 35%, #000550 65%, #00065e 70%, #00076a 80%, #000872 90%, #00097b 100%);
    background:  #2980b9 ;
    color: #eeeeee;
}

.titulos{
    background-color: #002387; 
    color: #ffffff; 
    width: 100%; 
    margin: 30px 0px; 
    padding: 15px 10px; 
    font-size: 16pt;
    border-radius: 15px;
}

#form_center{
    position: relative;  
    margin: 0px auto;
    top: 90px; 
    width: 350px;
    text-align: center;
}

label{
    Display: inline-block;
    margin: 5px 5px 5px 40px;
    padding: 0px; 
    width: 90px; 
    Border: 0px solid #EEEEEE; 
    background-color: transparent; 
    text-align: left; 
    font-size: 12pt;
}

input{
    border: 1px solid #333333; 
    border-top: 1px solid #999999; 
    border-left: 1px solid #999999; 
    width: 170px; 
    height: 25px; 
    margin: 5px 30px 5px 5px;
}
    
@media screen and (max-width: 1080px) {
    .ESN{
        width: calc(33% - 30px);
    }
}
    
@media screen and (max-width: 880px) {
    .Censos{
        width: calc(100% - 40px);
        max-width: 800px;
    }
    .Censos_disabled{
        width: calc(100% - 40px);
        max-width: 800px;
    }
    .ESN{
        width: calc(50% - 30px);
    }
    .STAD, .INVES{
        width: calc(50% - 50px);
    }
    .ESN2{
        width: calc(50% - 35px);
    }
}
    
@media screen and (max-width: 730px) {
    .ESN2{
        width: calc(100% - 35px);
    }
    .INVES{
        max-width: 700px;
        width: calc(100% - 50px);
    }
}
    
@media screen and (max-width: 600px) {
    .STAD{
        max-width: 450px;
        width: calc(100% - 50px);
    }
}