body,html{
/* overflow-y: hidden; */
height:100%;
}





#CABEZA{
width: 90%;
height: 130px;
border: solid 1px;
margin: 0 auto;
margin-top: 10px;
position: relative;
text-align: center;
overflow: hidden;
border-radius: 5px;
background: rgba(0, 0, 0, 0.15);


}

#OPCIONES{

width: 90%;
height:4.7%;
float: left;
border: solid 1px;
margin-left: 5%;
margin-top: 10px;
border-radius: 3px;






}





#MENU{

width: 12%;
height: 64.2%;
border: solid 1.5px;
border-color: black;
margin-left: 5%;
margin-top: 4px;
border-radius: 5px;
background: linear-gradient(white, white, lightgray);
opacity: 0.85;
float: left;


}

#MARQUESINA{

width: 77.4%;
height: 64.2%;
border: solid 1.5px;
border-color: black;
margin-left: 0.5%;
margin-top: 4px;
border-radius: 5px;
background: linear-gradient(to right, #83a4d4, #b6fbff);
opacity: 0.75;
float: left;


}


#c_51d7b8bc1541ebb6f4fc287eb1ac6e5f{

margin-right: 5%;
margin-top: -600;
border-radius: 5px;
background: linear-gradient(white, white, lightgray);




}


#LOGIN{

width: 25%;
height: 300px;
border: solid 1px;
border-color: lightgray;
margin-right: 36%;
margin-top: 50px;
border-radius: 15px;
background: rgba(255, 255, 255, 0.4);
display: none;
float: right;


}






#PIE{



width: 90%;

height:6.6%;

border: solid 1px;

margin-top: 7%;

margin-left: 5%;

position: relative;


border-radius: 5px 5px 5px 5px;

background: rgba(255, 255, 255, 0.4);


text-align: center;
font-size: 0.8em;
font-weight: bold;
color: black;

padding: 8px 0px 0px 0px;
float: left;


}