#menu {
height: 90px;
width: 100%;
background-color: #fff;
}
 
#slices {
padding-top: 40px;
height: 320px;
width: 100%;
background-color: #FFF;
}
 
#cuerpo {
text-align: center;
height: 220px;
background-color: #fff;
}
 
#contenedor {
width: 100%;
}
 
#footer {
padding-top: 5px;
height: 80px;
width: 100%;
background-color: #003366;
color: #ffffff;
}

.fixed {
  position: fixed;
  top: 0;
  right: 0;
  width: 80px;
  background-color: white;
}

.img-c {
  float: center;
  margin: 0 0 1em 1em;
}
.img-d {
padding-left: 20px
margin:420px 20px 0px 20px;
position:absolute;[/code:1]
}

.clearfix {
  overflow: auto;
  zoom: 1;
}

.three-column {
  padding: 1em;
  -moz-column-count: 3;
  -moz-column-gap: 1em;
  -webkit-column-count: 3;
  -webkit-column-gap: 1em;
  column-count: 3;
  column-gap: 1em;
}
p
{
	padding-left: 20px;
    font-size: 0.8em;
	font-family: Arial, Verdana, sans-serif;
	line-height : 4px;
}
p-r
{
	float: right; 
    font-size: 0.8em;
	font-family: Arial, Verdana, sans-serif;
	line-height : 4px;
	padding-right: 10px;
}
h1
{
	padding-left: 20px;
    font-size: 1.0em;
	font-family: Arial, Verdana, sans-serif;
	line-height : 6px;
}
h2
{
	padding-left: 20px;
    font-size: 1.2em;
	font-family: Arial, Verdana, sans-serif;
}

cazul
{
	color: #003399;
}

cblue
{
	color: blue;
}
/* MENU : https://codepen.io/d2k/pen/jEmWXq/ */
nav {
  margin: 0 10px;
  background: #003399;
  padding: 1 0; 
}
nav ul {
  list-style: none;
  text-align: center;
}
nav ul li {
  display: inline-block;
}
nav ul li a {
  display: block;
  padding: 5px 35px;
  text-decoration: none;
  color: #ffffff;
  font-size: 1.2em;
  font-family: Arial, Verdana, sans-serif;
  margin: 0 5px;
}
nav ul li a,
nav ul li a:after,
nav ul li a:before {
  transition: all .5s;
}
nav ul li a:hover {
  color: #555;
}
/* Blend */
nav.blend ul li a {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  z-index: 1;
}
nav.blend ul li a:hover {
  color: #fff;
}
nav.blend ul li a:before,
nav.blend ul li a:after {
  position: absolute;
  width: 0px;
  height: 100%;
  top: 0;
  bottom: 0;
  background: #66CCFF;
  transition: all .5s;
  margin: auto;
  content: '.';
  color: transparent;
  z-index: -1;
  opacity: 0.75;
}
nav.blend ul li a:before {
  left: 0;
}
nav.blend ul li a:after {
  right: 0;
}
nav.blend ul li a:hover:after,
nav.blend ul li a:hover:before {
  width: 100%;
}

/* Circle */
nav.circle ul li a {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
nav.circle ul li a:after {
  display: block;
  position: absolute;
  margin: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '.';
  color: transparent;
  width: 1px;
  height: 1px;
  border-radius: 50%;
  background: transparent;
}
nav.circle ul li a:hover:after {
  -webkit-animation: circle 1.5s ease-in forwards;
}