body {background-color: lightblue;font-family: Arial, Helvetica, sans-serif;}
h1 {text-align:center;background-color:#ff9999}
h2 {text-align: right;background-color:#ff80d5}
div {
  width: 220px; height: 150px;
  border: 2px solid green;
  padding: 10px;
  margin: 20px;}
#div1{
  position: fixed;
  bottom: 0;
  right: 0;
  width: 95%;}
#div2{
  border-radius: 35px;}
#div4 {
  position:relative;
  left:30px;
  top:30px;
}
#div5 {
  position:absolute;
  left:78%;
  top:0px;
}
#imagen{
float:right;}

ul{
list-style-type:none;
margin:0px;
padding:0px;
border-top-width:1px;
border-right-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-left-style:solid;
border-top-color:#CCC;
border-right-color:#CCC;
border-left-color:#CCC;}

a{
font-family:Arial, Helvetica, sans-serif;
color:#555;
text-decoration:none;
font-size:0.9em;
display:block;
padding:6px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#CCC;
blackground-color: #EAKAKA;}

a:hover{
color:#FFF;
blackground-color:#666;
border-right-width:5px;
border-right-style:solid;
border-right-color:#36F;}

@keyframes example {
  from {background-color: red;}
  to {background-color: yellow;}
}

div {
  animation-name: example;
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-delay: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover {
  background-color: #ff9933;
}

.destacado {color:yellow}
.destaco {color:red}
.error {color: red;
  font-weight: bold;}
.errado{color: yellow;
  font-weight: bold;}
.err{font-weight: bold;
	font-style:oblique;
	font-size:150%}

</style>