body{

background-color:#f2f2f2;

font-family:Arial, Helvetica, sans-serif;

margin:0;

padding:0;

}

.principal{

width:1000px;

margin:auto;

background-color:white;

border-collapse:collapse;

}

.cabecera{

background-color:#0066cc;

color:white;

font-size:32px;

text-align:center;

padding:20px;

font-weight:bold;

}

.menu{

background-color:#003366;

padding:10px;

}

.menuSuperior{

text-align:center;

}

.menuSuperior a{

color:white;

text-decoration:none;

padding:15px;

font-size:18px;

}

.menuSuperior a:hover{

background-color:#0066cc;

border-radius:5px;

}

.contenido{

padding:20px;

}

* {
box-sizing: border-box;
}

.slideshow-container {

max-width:800px;

position:relative;

margin:auto;

}

.mySlides {

display:none;

}

.numbertext {

color:#ffffff;

font-size:12px;

padding:8px 12px;

position:absolute;

top:0;

}

.text {

color:#ffffff;

font-size:20px;

padding:8px 12px;

position:absolute;

bottom:8px;

width:100%;

text-align:center;

background-color:rgba(0,0,0,0.5);

}

.dot {

height:15px;

width:15px;

margin:0 2px;

background-color:#bbb;

border-radius:50%;

display:inline-block;

transition: background-color 0.6s ease;

}

.active {

background-color:#717171;

}

.fade {

animation-name:fade;

animation-duration:1.5s;

}

@keyframes fade {

from {opacity:.4}

to {opacity:1}

}