/* CSS Document */
*{
	margin: 0;
	padding: 0;
}

body{width:100%;}

#contenedor2{
width:100%;  background-color: #ffffff; text-align: center; margin: 0 auto 0 auto; font-family:Arial; }
#cabecera2{
width:100%; background-color: #ffffff; text-align: center; overflow:hidden; padding: 0px 0px 0px 0px; margin: 0 auto 10px auto; }
#cuerpo2{
width: 100%; height:1700px; margin: 1px auto 0px auto; background-color: #ffffff; overflow: hidden; }
#izquierda2{
float: left; width: 25%; height:1700px; background-color: #ffffff; font: 10pt Courier; text-align: center; }
#centro2{
float: left; width: 50%; height:1700px; margin: 0px 0px 0px 5$; background-color: #ffffff; font: 12pt Arial; text-align: justify; overflow-y: scroll; }
#derecha2{
 float: left; width: 25%; height:1700px; margin: 0px 0px 0px 5$; background-color: #ffffff; font: 10pt Arial; text-align: right;}

#notas{
background-color: #ffffff;  margin: 10px 0 0 0; padding: 0 0 0 0px; text-align:center; clear: both; font: 10pt Arial; }
#pie2{
background-color: brown; margin: 10px 0 0 0; padding: 0 0 0 0px; text-align:center; clear: both; font: 10pt Arial; }


/*
#izquierda2{
float: right; width: 20%; margin: 0px 0px 0px 20%; height:1400px; background-color: #002500; font: 10pt Verdana; text-align: right;}
Courier
button {
border: none;#d9d9cc
background: #004300;
color: #ffffff;
padding: 10px;
font-size: 18px;
border-radius: 5px;
position: relative;
box-sizing: border-box;
transition: all 500ms ease;
}scroll

Fuente: https://www.iteramos.com/pregunta/79548/div-mostrar-barra-de-desplazamiento-vertical
button:before {
content:”;
position: absolute;
top: 0px;
left: 0px;
width: 0px;
height: 42px;
background: rgba(255,255,255,0.3);
border-radius: 5px;
transition: all 2s ease;
}
button:hover:before {
width: 100%;
}*/