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: 35%}
.fontitulo {font-family: verdana, arial; font-size: 40px; color: #ffffff; font-weight: bold}



.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%}





#cuerpo {width: 100%; height: 550px; position: relative; margin-top: 1%}
#cuerpo h2 {font-family: arial; color: #414b4f}

#mapa {width: 600px; height: 450px; position: relative; float: right; margin-right: 2%}
#informacion {width: 50%; height: 450px; position: relative; float: left; margin-left: 2%}

.data {width: 100%; height: 20px;border: 2px; border-top-width: 3px; font-family: arial; text-align: left; line-height: 30px}

#tabla {width: 85%}
#tabla td {border-top: 2px solid #414b4f; margin: 0px; line-height: 25px; height: auto}
.contacto1 {font-family: arial; font-size: 17px; font-weight: bold; color: #333333; letter-spacing: 2px}
.contacto2 {font-family: arial; font-size:16px; color:#333333; letter-spacing: 1px}


#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}