/* Este es para los elementos en general */
.navbar-light .navbar-nav .nav-link {
color: orange;
}
/* Este es para el elemento activo lo puedes omitir si asi deseas */
.navbar-light .navbar-nav .active>.nav-link {
color: red;
}
.encabezado
{
background-color: #021860; /*azul logo*/
color: #f44611
/* background-image: linear-gradient(white,white,Gray);*/
}
.cuerpo
{
background-color: #021860; /*azul logo*/
color: #f44611
/* background-image: linear-gradient(white,white,Gray);*/
}
.pie
{
background-color: #021860; /*azul logo*/
color: #f44611
/* background-image: linear-gradient(white,white,Gray);*/
}
#header {
margin:auto;
width:900px;
font-family:Arial, Helvetica, sans-serif;
}
ul, ol {
list-style:none;
}
.nav > li {
float:left;
}
.nav li a {
background-color:#819FF7;
color:#EFF2FB;
text-decoration:none;
padding:10px 12px;
display:block;
}
.nav li a:hover {
background-color:#848484;
}
.nav li ul {
display:none;
position:absolute;
min-width:140px;
}
.nav li:hover > ul {
display:block;
}
.nav li ul li {
position:relative;
}
.nav li ul li ul {
right:-140px;
top:0px;
}
#contenido{
border: 1px solid black;
margin: 25px 50px 75px 100px;
background-color: lightblue;
}
@media screen and (max-width: 320px) {
table {
display: block;
overflow-x: auto;
}
}
body {
background-color: #; /*grisOscuro*/
color: #f44611 /
/* background-image: linear-gradient(white,white,Gray);*/
}