#top {
    position: relative;
    background-color: #036fab;
    color: white;
    padding: 10px;
    margin: 0px 0px 10px 0px;
}



#left {
    float: left;
    padding: 5px;
    width: 175px;
    height:100%;
    background-color: whitesmoke;
}

#right {
    float: right;
    background-color: #ece3a5;
    padding: 5px;
    width: 150px;
}

.center_content {
    position: relative;
    background-color: #dddddd;
    padding: 10px;
    margin-left: 180px;


}

.left_content {
    background-color: #dddddd;
    padding: 5px;
    margin-left: 170px;
}

.right_content {
    background-color: #dddddd;
    padding: 5px;
    margin: 0px 170px 0px 170px;

}

#top a:link, #top a:visited {
    color: white;
    font-weight : bold;
    text-decoration: none;

}

#top a:link:hover, #top a:visited:hover  {
    color: black;
    font-weight : bold;
    text-decoration : underline;

}

#topM {
    position: relative;
    background-color: #036fab;
    color: white;
    padding: 10px;
    margin: 0px 0px 10px 0px;
}
.center_contentM {
    position: relative;
    background-color: #dddddd;
    padding: 10px;
    margin: 0px 0px 0px 0px;
    height: 85vh;

}

.formulario-elemento {
    width: 350px;
    
}
.selectM{
    width: 900px;
}

.form-container {

    margin-bottom: 30px;
}

.column1{
   width: 20%; 
}
.column2{
    width: 80%;
    
}

.botonMenu{
     align-content: center; 
     align-items: center; 
     color:black;
     width: 160px; 
     height: 88px; 
     margin-right: 2px;
     margin-right: -1px;
}

.columnaOpc {
    width: 130px; 
    text-align: center;
    
}

.columnaId {
    width: 80px; 
    text-align: center;
    
}

.columnas{
    width: 98px;
    text-align: center;
}

.columnaTel{
    width: 120px;
    text-align: center;
}



th.ui-state-default {
    text-align: center !important;
}


.body1 {
            background-image: url('https://img.freepik.com/vector-gratis/fondo-futurista-degradado-geometrico_23-2149116406.jpg?size=626&ext=jpg&ga=GA1.1.117944100.1709510400&semt=ais');
}