body {margin: 0px auto; background-color: #ffffff}
#esqueleto {width: 1349px; height: 1000px; margin: 0px auto; position: relative; z-index: 1}


#barraup {width: 100%; height: 38px; background-color: #414b4f; position:relative; z-index: 1}
#datos {width: 90%; height: 38px; position: relative; z-index: 1; margin-right: 15px; float:right}
#datos ul {list-style: none; padding: 0px; margin: 0px 0px 0px 200px}
#datos ul li {float:right; display: block; color: floralwhite; margin-left: 35px; font-family:  Verdana, Arial, Helvetica; font-size: 12px; margin-top: 10px}





header {width: 100%; height: 85px;  position:relative; margin-top: 0px; z-index: 4}

#logo {width: auto; height: 80px; float: left; margin-left: 30px; margin-top: 10px; position: relative; z-index: 4}

#navegacion {width: 610px; height: 30px; float:right; position: relative;  margin-top: 30px; z-index: 4}
#navegacion ul {list-style: none; margin: 0; padding: 0}
#navegacion li {float: left }
#navegacion li a {display: block; color:black; text-decoration: none; font-family: Helvetica; font-size: 15px; font-weight:bold; padding: 10px 10px 10px 10px}
#navegacion li a:hover {color:darkgray; border-bottom: 3px solid #fdc735}

#titulo{width: 100%; height: 150px; position:relative; background-color: #457992; padding: 0px; margin-top: 10px; z-index: 4 }
#textocurso{width: 60%; height: 40px; position: absolute; z-index: 5; margin-top: 1%; margin-left: 20%}
.fontitulo {font-family: verdana, arial; font-size: 40px; color: #ffffff; font-weight: bold}

#contenido{width: 100%; height: 400px; position: relative}
#descripcion{width: 45%; height: 380px; position: relative; float: left; padding: 1% 2% 0% 2%}
#foto{width: 50%; height: 400px; position: relative; float: right}

.letras {font-family: verdana, Arial; font-size: 16px; text-align: justify; color: dimgrey}
.letrastih2 {font-family: Verdana, Arial; font-size: 25px; color: dimgray; text-decoration: underline; text-decoration-color: #FDC735}
.imagen {margin-left: 0%; margin-top: 1%}


#barracontenido{width: 100%; height: 50px; border-radius: 10px; border-color: #FDC735; position: relative; border-width: 5px; background-color:#EAB932}
#contenidocurso{width: 40%; height: 40px; margin-top: 0px; position: absolute; margin-left: 33%}
.textocontenido {font-family: verdana, arial; font-size: 30px; color: #ffffff; font-weight: bold}


#modulos {width: 100%; height: 500px; position: relative; margin-top: 15px}

#programa {position: relative; margin-left: 18%}
#programa p {font-family: verdana, Arial; font-size: 18px; text-align: justify; color:royalblue}
#programa p a {font-family: verdana, Arial; font-size: 14px; text-align: justify; color:darkred; text-decoration: none}
.imagen {margin-left: 10%}

.modulo {width: 300px; height: 400px; position: relative; float: left; margin-left: 30px; margin-top: 20px; background-color: #457992; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px}
.modulo img{margin: 2px}
.modulo2 {width: 300px; height: 400px; position: relative; float: left; margin-left: 18%; margin-top: 20px; background-color: #FDC735; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px}
.modulo2 img{margin: 2px}


#pie {width: 100%; height: 100px; background-color: #414b4f; position: relative; padding: 0px; margin-top: 5px}
#minilog {width: 5%; position: relative; float: left; margin-left: 3%; margin-top: 20px}
#textopie {width: 30%; position: relative; height: 30px; float: left; margin-top:20px}
.textopie {font-family: verdana, Arial, helvetica; font-size: 15px; color: #ffff; font-weight: bold}