body {margin: 0px auto; background-color: #ffffff}
#esqueleto {width: 1349px; height: 400px; 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%}



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

.modulo {width: 404px; height: 604px; position: relative; float: left; margin-left: 35px; margin-top: 20px; background-color: #a7acac; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px}
.modulo img{margin: 2px}
.fondomodulo {width: 98%; position: relative; background-color: #f6f6f6; height: 513px; margin-top: 0px; margin-left: 1%}
.textomodulo {width: 98%; position:absolute; height: 510px; margin-top: 0px; margin-left: 4%; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px}
.textomodulo h2 {color: red}
.textomodulo h3 {color: brown}
.textomodulo ul {width: 80%; font-family: arial; font-size: 20px; text-align:left; line-height: 35px}

#comprando {width: 100%; height: 550px; position: relative}
#eleccion  {width: 43%; height: 520px; margin-left: 2%; margin-top: 1%; position: absolute}
.recuadro {outline-color: #fdc735}
.letra  {font-family: arial; font-size: 18px; color:#414b4f; text-align: justify}

#paypal {width: 200px; float: left; margin-left: 35%; margin-top: 2%; height: 55px; position: relative}
#mercadopago{width: 320px; float: left; margin-top: 2%; height: 156px; position: relative}
#western {width: 325px; float: right; margin-top: 2%; height: 156px; position: relative}
#banco {width: 50%;  margin-top: 2%; margin-left: 25%; position: relative; float: left}
#banco a {font-family: arial; margin-left: 30%; text-align: center; font-weight: 200; color: red; text-decoration: none}


#pagos {width: 670px; height: 520px;  float: right; margin-right: 1%; position: relative; margin-top: 1%}

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

.datos {margin-left: 3%}
.datos p {font-family: arial; color: #333333; font font-size: 12px; font-weight: bold; line-height: 20px}
.datos h2 {font-family: arial; font-size: 15; color:blue}