body {margin: 0px auto; background-color: #ffffff}
#esqueleto {width: 1349px; height: 1800px; 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: #37bcb4; padding: 0px; margin-top: 10px; z-index: 4 }
#textocurso{width: 60%; height: 40px; position: absolute; z-index: 5; margin-top: 1%; margin-left: 30%}
.fontitulo {font-family: verdana, arial; font-size: 40px; color: #ffffff; font-weight: bold}

#contenido{width: 100%; height: 600px; position: relative}
#descripcion{width: 50%; height: 600px; position: relative; float: left; padding: 1% 2% 0% 2%}
#descripcion ul li {line-height: 25px}
#foto{width: 40%; height: 600px; position: relative; float: right; margin-top: 3%}

.letras {font-family: verdana, Arial; font-size: 16px; text-align: justify; color: dimgrey; line-height: 22px}
.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: #414b4f; position: relative; border-width: 5px; background-color:#414b4f; margin-top: 2%}
#contenidocurso{width: 80%; height: 40px; margin-top: 7px; position: absolute; margin-left: 14%}
.textocontenido {font-family: verdana, arial; font-size: 25px; color: #ffffff; font-weight: bold}


#taller {width: 100%; height: 220px; position: relative; margin-top: 5px; background-color: #37bcb4; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px}

#barraviaje{width: 100%; height: 50px; border-radius: 10px; border-color: #414b4f; position: relative; border-width: 5px; background-color:#414b4f; margin-top: 2%}
#contenidoviaje{width: 80%; height: 40px; margin-top: 7px; position: absolute; margin-left: 14%}

#viajes {width: 100%; height: 400px; position: relative; margin-top: 5px; background-color: #37bcb4; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px}


#pie {width: 100%; height: 150px; 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}