/* Arquitectura */
#continente {position:absolute; top:0px; left:0px; width:100%; height:auto}
#cabecera {position:relative; width:760px; height:190px; z-index:2}
#cuerpo {position:relative; width:760px; height:auto; z-index:1}
#cuerpo2 {position:relative; width:760px; height:410px; background-image:url(../img/cab_inf_alt.jpg); background-position:160px 0px; background-repeat:no-repeat; z-index:1}
#pie {position:relative; width:760px; height:70px}
/* Elementos generales */
img {border:0px}
td {vertical-align:top}
ul {text-align:left; margin:0px; border:0px}
li p {font-size:11px}
li a:link, li a:visited, li a:hover, li a:active {font-size:13px}
li {text-decoration:none}
.divrel {position:relative}
.drel {position:relative; width:100%}
.padspanizq {padding-left:20px}
/* Comun a todos los paneles */
.titpnls {position:absolute; left:37px; top:12px}
.titpnls h1 {font-size:13px; font-weight:bold}
.panellnk {position:absolute; left:30px; bottom:12px}
/* Espaciadores */
.space100 {width:100px; height:100px}
.space60 {width:60px; height:60px}
.space40 {width:40px; height:40px}
.space30 {width:30px; height:30px}
.space25 {width:25px; height:25px}
.space20 {width:20px; height:20px}
.space10 {width:10px; height:10px}
.space5 {width:5px; height:5px}
.space2 {width:2px; height:2px}
/* Fondos */
.fndempresa {position:absolute; left:50px; top:70px; width:90px; height:90px; background-image:url(../img/fondo_acerca-de.jpg)}
.fndatencion {position:absolute; left:50px; top:50px; width:90px; height:90px; background-image:url(../img/fondo_atencion.jpg)}
.fndcontacto {position:absolute; left:50px; top:300px; width:90px; height:90px; background-image:url(../img/fondo_contacto.jpg)}
.fnddiscrecional {position:absolute; left:150px; top:300px; width:90px; height:90px; background-image:url(../img/fondo_discrecional.jpg)}
.fndhorarios {position:absolute; left:50px; top:580px; width:90px; height:90px; background-image:url(../img/fondo_horarios.jpg)}
.fndlnks {position:absolute; left:50px; top:100px; width:90px; height:90px; background-image:url(../img/fondo_links.jpg)}
.fndmapa {position:absolute; left:50px; top:100px; width:90px; height:90px; background-image:url(../img/fondo_mapa-web.jpg)}
.fndambiente {position:absolute; left:50px; top:70px; width:90px; height:90px; background-image:url(../img/fondo_medioambiente.jpg)}
.fndnormas {position:absolute; left:500px; top:100px; width:96px; height:90px; background-image:url(../img/fondo_normas.jpg)}
.fndnoticias {position:absolute; left:590px; top:80px; width:90px; height:90px; background-image:url(../img/fondo_noticias.jpg)}
.fndpersonal {position:absolute; left:20px; top:100px; width:90px; height:90px; background-image:url(../img/fondo_personal.jpg)}
.fndseguridad {position:absolute; left:500px; top:100px; width:100px; height:90px; background-image:url(../img/fondo_seguridad.jpg)}
.fndtrabajo {position:absolute; left:580px; top:60px; width:90px; height:90px; background-image:url(../img/fondo_bolsa-trab.jpg)}
.fndmeteo {position:absolute; left:50px; top:300px; width:90px; height:90px; background-image:url(../img/fondo_noticias.jpg)}
/* Cabecera */
#mnusupfla {position:absolute; left:0px; top:145px}
#logotmsa {position:absolute; left:0px; top:57px}
#cabsup {position:absolute; right:0px; top:0px; width:760px; height:95px; background-image:url(../img/cab_sup.jpg)}
#mnucabsup {position:absolute; right:0px; top:0px}
#mnucabsup td {padding-right:14px; padding-top:4px}
#mnucabsup a:link, #mnucabsup a:visited {font:bold 12px Arial narrow, Helvetica, sans-serif; color:#bb9191; text-decoration:none}
#mnucabsup a:hover,#mnucabsup a:active {color:#664444}
#cabdermed {position:absolute; right:0px; top:95px; width:450px; height:50px; background-image:url(../img/cab_der.PNG)}
#cabizqmed {position:absolute; left:0px; top:145px; width:760px; height:45px; background-image:url(../img/cab_base.jpg)}
#cabdermed2 {position:absolute; right:0px; top:145px; width:250px; height:45px; background-image:url(../img/cab_der_2.jpg)}
.divcontacto {position:absolute; right:18px; top:190px}
.icocontacto {position:absolute; right:0px; top:0px}
.txtcontacto {position:absolute; text-align:right; right:28px; top:5px; width:150px}
.txtcontacto a:link, .txtcontacto a:visited {font:bold 13px Arial, Helvetica, sans-serif; color:#787878}
.txtcontacto a:active {font:bold 13px Arial, Helvetica, sans-serif; color:#000}
.txtcontacto a:hover {font:bold 13px Arial, Helvetica, sans-serif; color:#505050}
.divrel .divcontacto {text-align:left; left:0px; top:0px}
.divrel .divcontacto .txtcontacto {left:28px; top:5px; width:100%; text-align:left}
.divrel .divcontacto .icocontacto {left:0px; top:0px}
#divhome {position:absolute; top:127px; left:415px; height:9px; width:50px} 
#icohome {position:absolute; top:3px; left:0px; height:9px; width:12px}
#txthome {position:absolute; top:-2px; left:16px}
#txthome a {font:bold 12px Arial narrow, Helvetica, sans-serif; color:#777}
#txthome a:hover, #txthome a:active {font:bold 12px Arial narrow, Helvetica, sans-serif; color:#664444}
/* Portada */
.faticontxt {position:absolute; left:30px; top:5px; width:100px; height:50px; text-align:center}
.faticontxt a:link, .faticontxt a:visited {font:bold 15px Arial, Helvetica, sans-serif; line-height:14px; color:#666}
.faticontxt a:hover, .faticontxt a:active {font:bold 15px Arial, Helvetica, sans-serif; line-height:14px; color:#333; text-decoration:none}
.faticon1 {position:absolute; left:5px; top:35px}
.faticon2 {position:absolute; left:172px; top:35px}
.faticon3 {position:absolute; left:325px; top:35px}
.faticon4 {position:absolute; left:467px; top:35px}
.faticon5 {position:absolute; left:620px; top:35px}
.fatref1 {position:absolute; left:19px; top:181px; width:123px; height:123px; background-image:url(../img/fatflejo_01.jpg)}
.fatref2 {position:absolute; left:180px; top:154px; width:112px; height:100px; background-image:url(../img/fatflejo_02.jpg)}
.fatref3 {position:absolute; left:330px; top:143px; width:100px; height:89px; background-image:url(../img/fatflejo_03.jpg)}
.fatref4 {position:absolute; left:468px; top:155px; width:110px; height:100px; background-image:url(../img/fatflejo_04.jpg)}
.fatref5 {position:absolute; left:620px; top:180px; width:120px; height:115px; background-image:url(../img/fatflejo_05.jpg)}
.bandera {position:absolute; left:201px; top:179px}
.panelnormas {position:absolute; left:41px; top:232px; width:209px; height:168px; background-image:url(../img/panel_normas.jpg)}
.panelnoticias {position:absolute; left:250px; top:232px; width:310px; height:168px; background-image:url(../img/panel_noticias.jpg)}
.panelcontacto {position:absolute; left:560px; top:232px; width:160px; height:168px; background-image:url(../img/panel_contacto.jpg)}
.contpnlnoticias {position:absolute; left:6px; top:34px; width:297px; height:125px; overflow:auto}
.dianoticias {position:relative; width:278px}
.fechanoticia {position:relative; width:278px; background-color:#eaeaea}
.fechanoticia p {font-size:11px; font-weight:bold; color:#999; padding:5px}
.txtnoticias {position:relative; width:268px; padding:5px}
.txtnoticias p {font-size:11px}
.txtnoticias a:link, .txtnoticias a:visited, .txtnoticias a:hover, .txtnoticias a:active {text-decoration:underline}
/* Cuerpo */
.tablefondo {background-image:url(../img/cab_inf.jpg); background-position:160px 0px; background-repeat:no-repeat}
.contgen {width:740px; text-align:left}
.tdmargen {width:20px}
.divtit {position:relative; height:35px; width:100%}
.flechatit {position:absolute; top:4px; left:-10px; height:0px; width:28px}
.flechasubtit {position:absolute; top:1px; left:-10px; height:0px; width:28px}
.txttit {position:absolute; top:3px; left:20px}
/* Div Panel Doble */
#divpnldoble {position:relative; height:130px; width:410px}
#pnlseguridad {position:absolute; top:0px; left:0px; height:130px; width:200px; background-image:url(../img/panel_seguridad.jpg)}
#pnlambiente {position:absolute; top:0px; right:0px; height:130px; width:200px; background-image:url(../img/panel_medioambiente.jpg)}
.contpnldoble {position:absolute; left:13px; top:40px; width:177px; height:58px; overflow:hidden}
.contpnldoble p {font-size:11px}
/* Div Fotos Doble */
.divdosfotos {position:relative; height:108px; width:220px}
.fotoizq {position:absolute; left:0px; top:0px}
.fotoder {position:absolute; right:0px; top:0px}
.imgizq {float:left; padding-right:10px}
.imgder {float:right; padding-left:10px}
/* Itinerarios y horarios */
#horariosder {width:480px}
#horariosizq {width:250px}
#panelhorarios {position:relative; width:470px; height:auto}
#barraiconos {position:relative; width:458px; height:26px; background-color:#ccc}
#iconobuses {position:absolute; left:5px; top:1px; width:auto; height:24px}
#tiempokm {position:absolute; right:5px; top:5px; width:200px; text-align:right}
#pnlsuphorarios {position:relative; width:470px; height:36px; background-image:url(../img/panel_470_cab.jpg); background-repeat:no-repeat; background-position:right}
#pnlconthorarios {position:relative; height:auto; width:470px; background-image:url(../img/panel_470_pix.jpg); background-repeat:repeat-y}
#pnlinfhorarios {position:relative; width:470px; height:15px; background-image:url(../img/panel_470_pie.jpg); background-repeat:no-repeat}
.hrarios {position:relative; width:458px; left:0px}
.fechahrarios {position:relative; width:458px; background-color:#eaeaea}
.fechahrarios p {font-size:11px; font-weight:bold; color:#999; padding:5px}
.txthrarios {position:relative; width:458px; padding:5px 10px 0px 4px}
.txthrarios p, .titpnls p {font-size:13px}
.rutas {position:relative; width:260px}
.nruta {position:absolute;font-size:8px; font-weight:bold; color:#993300; padding-left:1px;padding-top:2px; top:0px; left:3px; width:15px; height:15px; background-image:url(../img/num_linea.gif); background-repeat:no-repeat}
.txtruta {position:relative; top:0px; left:23px; text-align:left}
#mapaflash {position:relative; width:480px}
.leyendaico {position:absolute; left:0px; top:0px; width:30px; height:auto}
.leyendatxt {position:absolute; left:30px; top:0px; width:180px; height:auto; padding-top:4px}
.leyendatxt p {font-size:11px}
.leyendatd {width:240px}
/* Atencion cliente y Bolsa de Trabajo */
#tdtxt2 {width:720px; text-align:left}
#tdtxt {width:470px; text-align:left}
#tdtxt .divtit {width:470px}
#tdpanel {width:240px}
.tdcentro {width:10px}
#pnlobj {position:relative; width:240px; height:300px; background-image:url(../img/panel_obj-perdidos.jpg)}
#contpnlder {position:absolute; top:35px; left:5px; width:230px; height:225px; padding:5px}
#contpnlder p {font-size:11px}
#lnkpnlder {position:absolute; top:273px; left:30px; width:190px; text-align:left}
/* Panel Pequeño */
#pnlpeq {position:relative; width:240px; height:auto}
#pnlpeq2 {position:relative; width:240px; height:auto}
#pnlpeq3 {position:relative; width:240px; height:auto}
#pnlpeqsup {position:relative; width:240px; height:36px; background-image:url(../img/panel_240_cab.jpg); background-repeat:no-repeat}
#pnlmedsup {position:relative; width:255px; height:36px; background-image:url(../img/panel_255_cab.jpg); background-repeat:no-repeat}
#pnlmedsup2 {position:relative; width:255px; height:36px; background-image:url(../img/panel_255_cab.jpg); background-repeat:no-repeat}
#pnlmedsup3 {position:relative; width:255px; height:36px; background-image:url(../img/panel_255_cab.jpg); background-repeat:no-repeat}
#pnlpeqcont {position:relative; height:auto; width:240px; background-image:url(../img/panel_240_pix.jpg); background-repeat:repeat-y}
#pnlmedcont {position:relative; height:auto; width:255px; background-image:url(../img/panel_255_pix.jpg); background-repeat:repeat-y}
#pnlmedcont2 {position:relative; height:auto; width:255px; background-image:url(../img/panel_255_pix.jpg); background-repeat:repeat-y}
#pnlmedcont3 {position:relative; height:auto; width:255px; background-image:url(../img/panel_255_pix.jpg); background-repeat:repeat-y}
#pnlpeqinf {position:relative; width:240px; height:15px; background-image:url(../img/panel_240_pie.jpg); background-repeat:no-repeat}
#pnlmedinf {position:relative; width:255px; height:15px; background-image:url(../img/panel_255_pie.jpg); background-repeat:no-repeat}
#pnlmedinf2 {position:relative; width:255px; height:15px; background-image:url(../img/panel_255_pie.jpg); background-repeat:no-repeat}
#pnlmedinf3 {position:relative; width:255px; height:15px; background-image:url(../img/panel_255_pie.jpg); background-repeat:no-repeat}
.datapnlpeq {position:relative; width:240px; text-align:left; height:auto}
.datapnlmed {position:relative; width:255px; text-align:center; height:auto}

/* Contenido y formularios del Panel Pequeño */
.etiqform, .etiqform2, .campotext {position:relative; width:240px; padding-left:23px}
.campotextoform {border:solid 1px #bbb; border-bottom:solid 2px #aaa; width:190px; font:11px Arial, Helvetica, sans-serif; color:#666}
.campotextoformgr {border:solid 1px #bbb; border-bottom:solid 2px #aaa; width:190px; font:11px Arial, Helvetica, sans-serif; color:#666; overflow:auto}
.diaselect {position:absolute; left:25px; width:40px; font:11px Arial, Helvetica, sans-serif; color:#666}
.messelect {position:absolute; left:75px; width:60px; font:11px Arial, Helvetica, sans-serif; color:#666}
.anyoselect {position:absolute; left:145px; width:50px; font:11px Arial, Helvetica, sans-serif; color:#666}
#btnpnlpeq {position:absolute; border:solid 1px #666; left:145px; top:0px; width:45px; height:20px; font:bold 11px Arial, Helvetica, sans-serif; color:#666; cursor:hand}
.pnlmsgform {position:relative; width:200px; padding-left:20px}
/* Formulario Contacto */
.etiqform2 {padding-left:40px}
.etiqform2 a:link, .etiqform2 a:visited, .etiqform2 a:hover, .etiqform2 a:active {font-size:13px}
.contenedorform {position:relative; height:auto}
.datotipo {position:absolute; top:3px; left:0px; width:150px; text-align:right}
.datotipoder {position:absolute; top:1px; left:150px; width:200px; text-align:left; font:11px Arial, Helvetica, sans-serif; color:#666}
.datotipo p {text-align:right; font-weight:bold}
.datotxt {position:absolute; top:0px; left:160px}
.datotxtform {border:solid 1px #bbb; border-bottom:solid 2px #aaa; width:200px; font:11px Arial, Helvetica, sans-serif; color:#666}
.datotxtformgr {border:solid 1px #bbb; border-bottom:solid 2px #aaa; width:200px; font:11px Arial, Helvetica, sans-serif; color:#666; overflow:auto}
#btnenviar {border:solid 1px #666; position:absolute; top:50px; left:159px; width:45px; height:20px; font:bold 11px Arial, Helvetica, sans-serif; color:#666; cursor:hand}
/* Noticias */
#pnlpeq .dianoticias, #pnlpeq .fechanoticia {width:222px; padding-left:6px}
#pnlpeq .txtnoticias {width:220px}
/* Tarifas */
.td2pnls {width:350px}
.pnldoble {position:relative; width:350px; height:auto}
.pnldoblesup {position:relative; width:350px; height:40px; background-image:url(../img/panel_tarifas_cab.jpg); background-repeat:no-repeat}
.pnldoblecont {position:relative; height:auto; width:350px; background-image:url(../img/panel_tarifas_pix.jpg); background-repeat:repeat-y}
.pnldobleinf {position:relative; width:350px; height:15px; background-image:url(../img/panel_tarifas_pie.jpg); background-repeat:no-repeat}
.divitinerario {position:relative; width:240px; padding-left:20px}
.divprecio {position:relative; width:50px; padding-left:20px}
.diviconoiti {position:relative; width:100px}
.divtxtiti {position:relative; width:200px}
.divtarjetas {position:relative; width:350px; height:80px}
.imgtarjeta {position:absolute; top:0px; left:0px; width:120px; height:80px}
.tittarjeta {position:absolute; top:5px; left:125px}
.txttarjeta {position:absolute; top:20px; left:125px; width:220px; height:auto; padding-right:5px; padding-top:4px}
.txttarjeta p {font-size:11px}
/* Acceso Personal */
#divacceso {position:relative; left:180px; width:350px; height:230px; background-image:url(../img/panel_acceso_es.gif)}
.accesoform {position:absolute; top:3px; left:60px; width:90px}
.accesoform p {text-align:right}
.campoacceso {position:absolute; top:0px; left:170px}
.divbtnacceso {position:absolute; top:35px; left:250px}
.campoaccesoform {border:solid 1px #bbb; border-bottom:solid 2px #aaa; width:100px; font:11px Arial, Helvetica, sans-serif; color:#666}
#btnacceder {border:solid 1px #666; position:absolute; top:0px; left:0px; width:50px; height:22px; font:bold 11px Arial, Helvetica, sans-serif; color:#666; cursor:hand}
/* Fichas */
.divficha {position:relative; height:110px; width:740px}
.imgficha {position:absolute; top:5px; left:10px}
.titficha {position:absolute; top:10px; left:125px; width:600px; padding-left:5px}
.txtficha {position:absolute; top:35px; left:125px; height:67px; width:550px; padding-left:5px; padding-right:5px}
.txtficha2 {position:absolute; top:40px; left:125px; height:45px; width:550px; padding-left:5px; padding-right:5px}
.numrojo {font:bold 19px Arial, Helvetica, sans-serif; color:#664444}
/* Pie */
.mnuinfportada {position:absolute; top:1px; right:0px}
#fndpie {position:absolute; top:0px; left:0px; width:760px; height:38px; padding-top:1px; background-image:url(../img/pie.gif)}
#fndpie td img {padding-top:1px}
#fndpie td {vertical-align:middle; padding-top:4px; padding-right:9px}
#fndpie p {font-size:11px; color:#999}
#fndpie a {font:bold 12px Arial narrow, Helvetica, sans-serif; color:#777}
#fndpie a:hover, #fndpie a:active {font:bold 12px Arial narrow, Helvetica, sans-serif; color:#664444} 
#aflua {position:absolute; left:20px; top:40px; width:75px; height:25px}
#logoaflua {position:absolute; left:0px; top:0px; width:25px}
#txtaflua {position:absolute; top:4px; left:23px; width:75px; text-align:left; padding-left:5px}
/* Links */
a:link, a:visited {font:11px Arial, Helvetica, sans-serif; color:#666; text-decoration:none}
a:hover, a:active {text-decoration:underline}
#aflua a {font:9px Arial, Helvetica, sans-serif; line-height:9px}
#aflua a:link, #aflua a:visited {color:#bababa}
#aflua a:hover, #aflua a:active {color:#999}
.agrd:link, .agrd:visited {font:bold 15px Arial, Helvetica, sans-serif; color:#cc0000; text-decoration:none}
.agrd:hover, .agrd:active {text-decoration:underline}
/* Fuentes */
p, h1, h2, h3 {font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; text-align:left}
p, h1, h2 {color:#666}
h1 {font-size:19px; font-weight:normal}
h2 {font-size:15px}
h3 {font-size:17px; color:#664444}
p {font-size:13px}
.ppq {font:11px Arial, Helvetica, sans-serif; color:#666; padding-right:35px}
.txtlistapanel {font:12px Arial; color:#666}

.divrel a:link, .divrel a:visited, .divrel a:hover, .divrel a:active {font:13px Arial, Helvetica, sans-serif; color:#666; text-decoration:underline}