*{margin: 0; padding: 0;}

body{background: url(../../im/fondo.gif) repeat;}

#madre{position: relative; margin: 0px auto 0 auto; width: 780px; background-color: #E6E6E6; border: 1px solid #999999;}

#botsup{width: 780px; height: 34px; background: url(../im/bot_sup.jpg) no-repeat;}

#botsup li {list-style: none; display: block; float: left;}
.e01 {display: block; width: 6px; height: 31px;}
a.b01 {display: block; width: 46px; height: 31px; background: url(../im/b01a.jpg) no-repeat;}
a.b01:hover {background: url(../im/b01b.jpg) no-repeat;}
a.b02 {display: block; width: 56px; height: 31px; background: url(../im/b02a.jpg) no-repeat;}
a.b02:hover {background: url(../im/b02b.jpg) no-repeat;}
a.b03 {display: block; width: 80px; height: 31px; background: url(../im/b03a.jpg) no-repeat;}
a.b03:hover {background: url(../im/b03b.jpg) no-repeat;}
a.b04 {display: block; width: 76px; height: 31px; background: url(../im/b04a.jpg) no-repeat;}
a.b04:hover {background: url(../im/b04b.jpg) no-repeat;}
a.b05 {display: block; width: 132px; height: 31px; background: url(../im/b05a.jpg) no-repeat;}
a.b05:hover {background: url(../im/b05b.jpg) no-repeat;}

.e02 {display: block; width: 28px; height: 31px;}

a.b06 {display: block; width: 38px; height: 34px; background: url(../im/b06a.jpg) no-repeat;}
a.b06:hover {background: url(../im/b06b.jpg) no-repeat;}
a.b07 {display: block; width: 38px; height: 34px; background: url(../im/b07a.jpg) no-repeat;}
a.b07:hover {background: url(../im/b07b.jpg) no-repeat;}
a.b08 {display: block; width: 38px; height: 34px; background: url(../im/b08a.jpg) no-repeat;}
a.b08:hover {background: url(../im/b08b.jpg) no-repeat;}
a.b09 {display: block; width: 38px; height: 34px; background: url(../im/b09a.jpg) no-repeat;}
a.b09:hover {background: url(../im/b09b.jpg) no-repeat;}

.e03 {display: block; width: 44px; height: 31px;}

a.b10 {display: block; width: 96px; height: 31px; background: url(../im/b10a.jpg) no-repeat;}
a.b10:hover {background: url(../im/b10b.jpg) no-repeat;}
a.b11 {display: block; width: 57px; height: 31px; background: url(../im/b11a.jpg) no-repeat;}
a.b11:hover {background: url(../im/b11b.jpg) no-repeat;}



#botinf{width: 780px; height: 40px; background: url(../im/bot_inf.jpg) no-repeat;}

#botinf li {position: relative; top: 3px; list-style: none; display: block; float: left;}
.e04 {width: 147px; height: 31px; text-align: center;}
a.b12 {position: relative; top: 5px; font-family: Verdana; font-size: 11px; color: #FFFFFF; text-decoration: none;}
a.b12:hover {position: relative; top: 5px; font-family: Verdana; font-size: 11px; color: #FFCC00;}
.e05 {margin-left: 15px; height: 31px;}
a.b13 {display: block; width: 72px; height: 35px; background: url(../im/b13a.jpg) no-repeat;}
a.b13:hover {background: url(../im/b13b.jpg) no-repeat;}
a.b14 {display: block; width: 77px; height: 35px; background: url(../im/b14a.jpg) no-repeat;}
a.b14:hover {background: url(../im/b14b.jpg) no-repeat;}
a.b15 {display: block; width: 107px; height: 35px; background: url(../im/b15a.jpg) no-repeat;}
a.b15:hover {background: url(../im/b15b.jpg) no-repeat;}
a.b16 {display: block; width: 88px; height: 35px; background: url(../im/b16a.jpg) no-repeat;}
a.b16:hover {background: url(../im/b16b.jpg) no-repeat;}
a.b17 {display: block; width: 122px; height: 35px; background: url(../im/b17a.jpg) no-repeat;}
a.b17:hover {background: url(../im/b17b.jpg) no-repeat;}
a.b18 {display: block; width: 147px; height: 35px; background: url(../im/b18a.jpg) no-repeat;}
a.b18:hover {background: url(../im/b18b.jpg) no-repeat;}

#iniciocentral{width: 780px; height: 395px; background: url(../im/inicio_central.jpg) no-repeat;}
#iniciocentral h1 {position: relative; top: 4px; left: 10px; font-family: Verdana; font-size: 12px; color: #FFFFFF; font-weight: bold;}
#iniciocentral p {position: relative; top: 16px; left: 10px; width: 200px; font-family: Verdana; font-size: 11px; color: #000000;}
a.minfo {position: absolute; top: 92px; left: 10px; font-family: Verdana; font-size: 10px; color: #0057A0;}
a.minfo:hover {position: absolute; top: 92px; left: 10px; font-family: Verdana; font-size: 10px; color: #A0A0A0;}
#rap01{position: absolute; top: 260px; left: 10px; width: 249px; height: 119px; background: url(../im/rap01.jpg) no-repeat;}
#rap02{position: absolute; top: 260px; left: 265px; width: 249px; height: 119px; background: url(../im/rap02.jpg) no-repeat;}
#rap03{position: absolute; top: 388px; left: 10px; width: 249px; height: 119px; background: url(../im/rap03.jpg) no-repeat;}
#rap04{position: absolute; top: 388px; left: 265px; width: 249px; height: 119px; background: url(../im/rap04.jpg) no-repeat;}
#rap05{position: absolute; top: 515px; left: 10px; width: 249px; height: 119px; background: url(../im/rap05.jpg) no-repeat;}
#rap06{position: absolute; top: 515px; left: 265px; width: 249px; height: 119px; background: url(../im/rap06.jpg) no-repeat;}
#lat01{position: absolute; top: 260px; left: 528px; width: 252px; height: 95px;}
#lat02{position: absolute; top: 354px; left: 528px; width: 252px; height: 89px;}
#lat03{position: absolute; top: 443px; left: 528px; width: 252px; height: 37px;}
#lat04{position: absolute; top: 480px; left: 528px; width: 252px; height: 119px;}
#lat05{position: absolute; top: 599px; left: 528px; width: 252px; height: 36px;}

#pie{float: left; width: 780px; height: 120px; background: url(../im/pie_fondo.gif) no-repeat;}
#legal{float: left; position: relative; top: 35px; left: 20px; width: 500px; height: 47px; font-family: Verdana; font-size: 11px; color: #FFFFFF;}
a.linkpie {font-family: Verdana; font-size: 11px; color: #FFFFFF;}
a.linkpie:hover {font-family: Verdana; font-size: 11px; color: #A0A0A0;}
.inter{height: 5px;}
#player{float: left; position: relative; top: 30px; left: 20px; width: 500px; height: 47px; font-family: Verdana; font-size: 11px; color: #FFFFFF;}
#player li {list-style: none; display: block; float: left;}

#compatible{float: left; position: relative; top: -5px; left: 160px; font-family: Verdana; font-size: 11px; color: #FFFFFF;}
a.linkw3c {font-family: Verdana; font-size: 11px; color: #FFFFFF; text-decoration: none;}
a.linkw3c:hover {font-family: Verdana; font-size: 11px; color: #A0A0A0;}

#margen{height: 40px;}

#seccentral{float: left; width: 780px; background: url(../im/sec_central.jpg) repeat;}
#secbotonera{float: left; width: 214px; background-color: #F0F0F0;}
#secbotonera li {list-style: inherit; display: block; float: left;}
.sectitbot {float: left; display: block; padding-top:4px; margin-left: 7px; margin-top: 5px; width: 200px; height: 22px; background: url(../im/bot_sec.jpg) no-repeat; font-family: Verdana; font-size: 12px; color: #FFFFFF; text-align: center;}
a.b19 {float: left; display: block; padding:6px 10px; margin-left: 7px; width: 201px; height: 17px; background: url(../im/b19a.jpg) no-repeat; font-family: Verdana; font-size: 10px; color: #FFFFFF; text-decoration: none;}
a.b19:hover {background: url(../im/b19b.jpg) no-repeat;}
.lat06{float: left; display: block; width: 214px; height: 89px;}
#lat07{float: left; display: block; width: 214px; height: 120px; background-color: #C8C8C8}
.lat08{float: left; display: block; width: 214px; height: 71px;}
.lat09{float: left; display: block; width: 214px; height: 37px;}
.lat10{float: left; display: block; width: 214px; height: 36px;}

#secconte{display: block; width: 565px; float: left;}
.secconteruta {list-style: none; display: block; margin-left: 1px; padding:10px 35px; width: 565px; height: 33px; background: url(../im/sec_central_ruta.jpg) no-repeat; font-family: Verdana; font-size: 10px; color: #646464;}
.listabot {list-style: none; display: block; float: left;}
#secconte h1 {margin: 20px; font-family: Verdana; font-size: 18px; color: #305272;}
.linea {margin-left: 20px; font-family: Verdana; font-size: 15px; color: #ABABAB;}
#secconte h2 {margin: 20px; font-family: Verdana; font-size: 14px; color: #5C7892;}
#secconte h3 {margin: 20px; font-family: Verdana; font-size: 12px; color: #1F486F;}
.texto {margin: 30px; font-family: Verdana; font-size: 12px; color: #222222; line-height: 18px;}
a.ruta {font-family: Verdana; font-size: 10px; color: #646464; text-decoration: none;}
a.ruta:hover {font-family: Verdana; font-size: 10px; color: #B4B4B4;}
a.enlace {margin: 30px; font-family: Verdana; font-size: 11px; color: #5C7892; text-decoration: none;}
a.enlace:hover {margin: 30px; font-family: Verdana; font-size: 11px; color: #B4B4B4;}
a.enlacen {font-family: Verdana; font-size: 12px; color: #3C83C6;}
a.enlacen:hover {font-family: Verdana; font-size: 12px; color: #B4B4B4;}
.listauno {list-style: disc; margin-left: 50px; margin-right: 50px; margin-top: 6px; font-family: Verdana; font-size: 12px; color: #222222; line-height: 18px;}
.listados {list-style: circle; margin-left: 80px; margin-right: 50px; margin-top: 6px; font-family: Verdana; font-size: 12px; color: #222222; line-height: 18px;}
.listatres {list-style: decimal; margin-left: 80px; margin-right: 50px; margin-top: 6px; font-family: Verdana; font-size: 12px; color: #222222; line-height: 18px;}

.txfoto {list-style: none; margin: 30px; font-family: Verdana; font-size: 12px; color: #222222; line-height: 18px;}
.foto {list-style: none; float: right; margin: 30px;}
.leyenda {margin: 30px; font-family: Verdana; font-size: 10px; color: #5C7892;}

a.enlacene {font-family: Verdana; font-size: 10px; color: #ffffff;}
a.enlacene:hover {font-family: Verdana; font-size: 10px; color: #B4B4B4;}

#tutor {margin: 6px;}

.titu {font-family: Verdana; font-size: 14px; color: #5C7892;}

.obliga {margin-left: 30px; margin-top: 20px; font-family: Verdana; font-size: 10px; color: #9A0000;}

.agenda {margin-left: 20px; margin-top: 10px; width: 500px; font-family: Verdana; font-size: 14px; color: #FFFFFF; text-align:left; background: #999999; border: 1px solid #333333; text-indent: 20px; padding: 5px;}

.deno {list-style: none; margin-left: 30px; margin-top: 30px; font-family: Verdana; font-size: 12px; color: #333333;}

.combo {margin-left: 10px; margin-right: 10px; font-family: Verdana; font-size: 12px; color: #333333; text-align: left; border: 1px solid #666666; text-indent: 7px;}

.B3 {margin-left: 100px; margin-top: 30px; width: 300px; font-family: Verdana; font-size: 16px; color: #333333; border: 1px solid #666666; background-color: #f0f0f0;}

.B2 {margin-left: 5px; font-family: Verdana; width: 500px; font-size: 12px; color: #5C7892; border: 0px solid #666666; background-color: #FAFAFA; font-weight: bold; text-align: left;}

.B2:hover {color: #B4B4B4;}

.direccion {list-style: none; margin-left: 30px; margin-top: 2px; font-family: Verdana; font-size: 12px; color: #6A6A6A;}