body, .cmd, .txt, .cmb, .area {
	font-family: 'Tahoma', 'Century Gothic', 'Verdana', 'Sans-serif';
	font-size: 12px;
}

img {
	border: 0;
}

#titulo_print { display: none; }

.trpar {
	background-color: #FAF3F2;
}

.onlyprint {
	display: none;
    
}

@media screen {

	body {
		margin: 0;
		background-color: #f0f0f0;
		color: #222;
	}

	a,a:link,a:visited { color: #F90; text-decoration: none; }
	a:hover { color: #000; text-decoration: underline; }

	/* título */
	#titulo {
		display: block;
		/* background-image: url("../images/titulo_bg.gif"); */
		/* background: #272727; */
		/* height: 45px; */
		height: 100px;
		width: 100%;
		position: absolute;
	}
	#titulo a {
		display: block;
		width: 981px;
		margin: auto;
		/* background-image: url("../images/titulo_murciatransporte.gif"); */
		/* background: url("../images/titulo_murciatransporte_n.png") 0 0 no-repeat; */
		/* height: 45px; */
		height: 100px;
		background-repeat: no-repeat;
	}
	#titulo h1 {
		display: none;
	}

	/* elementos de la cabecera */
	#cabecera {
		margin: auto;
		/* background-image: url('../images/cabecera.jpg'); */
		/* background: #fff url('../images/cabecera.png') -7px -2px no-repeat; */
		background: #fff url('../images/cabecera_n.png') -10px -7px no-repeat;
		width: 981px;
		height: 150px;
		/* height: 153px; */
	}

	/* menu principal */
	#menu {
		margin: auto;
		/*
		background-image: url('../images/menu_bg.gif');
		background-repeat: no-repeat;
		background-position: right top;
		*/
		background: #1a232b url('../images/menubg_n.png');
		width: 981px;
		height: 29px;
		padding:0;
	}
	#menu ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#menu ul li {
		display: inline;
	}
	#menu ul li a {
		display: block;
		float: left;
		height: 29px;
	}
	#menu ul li a div {
		display: none;
	}
	#menu .menu_inicio {
		background: url('../images/menu_inicio_n.png') 30px 9px no-repeat ;
		width: 99px;
	}
	#menu .menu_planificar {
		background: url('../images/menu_planificar_n.png') 30px 9px no-repeat;
		width: 211px;
	}
	#menu .menu_consultar {
		background: url('../images/menu_consultar_n.png') 30px 6px no-repeat;
		width: 264px;
	}
	#menu .menu_taxi {
		background: url('../images/menu_taxi_n.png') 60px 9px no-repeat;
		width: 264px;
	}

	/* selector de menu */
	#menu_selector {
		margin: auto;
		background-color: #FFF;
		width: 981px;
		height: 10px;
	}
	#menu_selector div {
		position: relative;
		background-image: url('../images/menu_selector.gif');
		width: 18px;
		height: 10px;
		font-size: 1px;
	}

	/* localizador */
	#loc {
		margin: auto;
		width: 981px;
		height: 32px;
	}
	#loc ul {
		list-style-type: none;
		height: 32px;
		margin: 0;
		padding: 0;
		background-image: url('../images/loc_bg.gif');
		background-color: #FFF;
	}
	#loc li {
		display: block;
		float: left;
		height: 32px;
	}
	#loc .loc_head {
		background-image: url('../images/loc_head.gif');
		width: 22px;
	}
	#loc .loc_sep {
		background-image: url('../images/loc_sep.gif');
		width: 11Px;
	}
	#loc .loc_foot {
		float: right;
		background-image: url('../images/loc_foot.gif');
		width: 22px;
	}
	#loc .loc_elem a,
	#loc .loc_elem b,
	#loc .loc_elem span {
		padding: 2px 8px;
		position: relative;
		top: 10px;
		font-size: 11px;
		font-family: Arial, Sans;
		font-weight: bold;
		text-decoration: none;
		color: #888;
	}
	#loc .loc_elem b {
		color: #FB3E0F;
	}

	/* elementos de la página */
	#pagina {
		margin: auto;
		width: 981px;
		background-color: #FFF;
		padding: 9px 0px;
	}
	#contenido {
		margin: auto;
		width: 933px;
		background-color: #FFF;
	}

	/* pié de página */
	#pie {
		display: block;
		color: #EEE;
		font-size: 11px;
		background-color: #333;
		margin: 20px auto 0;
		width: 981px;
	}
	#logos{
		margin: 20px auto 0;
		width: 981px;
		height: 40px;
	}

	#pie .piesep {
		padding: 9px;
	}
	#pie .pieleft {
		float: left;
	}
	#pie .pieright {
		float: right;
	}
	#pie .pieright a {
		color: #FFF;
		text-decoration: none;
		margin: 1px 6px;
		padding: 2px 0px;
		border-bottom: 1px solid #F90;
	}
	#pie .pieright a:hover {
		color: #FFF;
		text-decoration: none;
		border-bottom: 1px solid #FFF;
	}

	/* páginas en general */
	.general {
		margin: 16px;
	}

	/* sinóptico */
	.sinoptico {
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0px;
		background-color: #FFF;
	}

	.sinoptico thead th {
		color: #FFF;
		background-color: #444;
		background-image: url("../images/thead.gif");
		background-repeat: repeat-x;
		border-bottom: 2px solid #fff;
		padding: 0;
	}

	.sinoptico thead th span {
		display: block;
		padding: 10px;
		margin-right: 1px;
	}

	.sinoptico thead th.conmutar a {
		display: block;
		color: #000;
		text-decoration: none;
		background-color: #FFF;
		white-space: nowrap;
		padding: 10px;
	}

	.sinoptico thead th.conmutar a:hover {
		background-color: #F8F8F8;
	}

	.sinoptico tbody td {
		vertical-align: top;
		padding: 0;
	}

	.sinoptico tbody td.poblacion {
		width: 150px;
		padding: 0px 9px 0px 30px;
		vertical-align: middle;
		color: #000;
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: 7px 5px;
		font-weight: bold;
	}
	.sinoptico .poblacion,
	.sinoptico .poblacion_trayecto {
		background-color: #F0F0F0 !important;
	}
	.sinoptico tbody td.poblacion:hover,
	.sinoptico tbody td.activa {
		color: #05A;
	}
	.sinoptico tbody td.shrink {
		background-image: url('../images/ico-shrink.gif');
	}
	.sinoptico tbody td.expand {
		background-image: url('../images/ico-expand.gif');
	}

	/* contenedor de paradas */
	.paradas_container {
		overflow: hidden;
	}

	/* paradas */
	.paradas {
		border-collapse: collapse;
		border-spacing: 0;
	}

	.paradas td {
		padding: 4px 10px;
		height: 25px;
	}

	.paradas td.trayecto {
		width: 177px;
		background-color: #fff;
		color: #000;
		padding: 0;
		margin: 0;
		border-right: 4px solid #fff;
		white-space: nowrap;
	}
	.paradas td.trayecto div {
		height: 25px;
	}
	.paradas td.impar { background-color: #FAF3F2; }
	.paradas td.par { background-color: #ffffff; }

	.paradas td.parada {
		width: 150px;
		color: #000;
		font-size: 11px;
		text-decoration: none;
		line-height: 9px;
		padding: 0px 4px;
		vertical-align: middle;
		cursor: pointer;
	}
	.paradas td.parada:hover { color: #05A !important; text-decoration: underline; }
	.paradas td.notselectable { cursor: default; }
	.paradas td.notselectable:hover { background-color: #fdd; color: #000; }
	.paradas td.selected { background-color: #ff0; color: #000; }

	/* zona de consulta */
	.consulta {
		background-color: #f8f8f8;
		padding: 10px 15px;
	}

	/* capa informativa selectora de elemento */
	.selector {
		display: none;
		position: absolute;
	}
	.selectorbox {
		position: relative;
		background-color: #F7921E;
		border: 1px solid #FCD420;
		color: #fff;
		font-weight: bold;
		-moz-border-radius: 2px;
		padding: 10px 15px;
	}
	.selector .selectorizq {
		position: relative;
	}
	.selector .selectorizq div {
		position: absolute;
		display: block;
		left: -24px;
		width: 10px;
		height: 16px;
		background-image: url("../images/selectorizq.gif");
	}
	.selector_texto {
		font-family: Arial;
		font-size: 11px;
		text-align: center;
	}

	/* botonera de selección de sinópticos */
	.cmd_sinopticos {
		position: absolute;
		z-index: 900;
	}
	.cmd_sinopticos_body {
		position: absolute;
		left: 70px;
		top: 8px;
		width: 110px;
		height: 17px;
		white-space: nowrap;
	}
	.cmd_sinopticos_message {
		position: relative;
		background-image: url('../images/mapamensaje.png');
		background-repeat: no-repeat;
		width: 320px;
		height: 20px;
		top: 30px;
		left: 70px;
		opacity: .8;
	}

	/* botones de la botonera de selección de sinópticos */
	
		#sinoptico_cmd_t_resumen {
		color:#000;
		text-decoration:none;
		z-index:5;
		border:solid 1px #000;
		background-color:#fff;
		width:50px;
		height:14px;
		position:absolute;
		right:0px;  
		top:0px;
		color:#000;
		padding:1px;
		padding-bottom:2px;
		padding-left:7px;
		padding-right:7px;
		text-align:center;
	}
	
	.sinoptico_cmd_a,
	.sinoptico_cmd_b,
	.sinoptico_cmd_c,
	.sinoptico_cmd_d,
	.sinoptico_cmd_e,
	.sinoptico_cmd_a_active,
	.sinoptico_cmd_b_active,
	.sinoptico_cmd_c_active,
	.sinoptico_cmd_d_active,
	.sinoptico_cmd_e_active {
		display: block;
		float: left;
		margin-left: 3px;
		background-image: url('../images/botonessinoptico.gif');
		background-repeat: no-repeat;
		width: 17px;
		height: 17px;
		text-decoration: none;
		overflow: hidden;
	}
	.sinoptico_cmd_a { background-position: 0px 0px; }
	.sinoptico_cmd_b { background-position: -17px 0px; }
	.sinoptico_cmd_c { background-position: -34px 0px; }
	.sinoptico_cmd_d { background-position: -51px 0px; }
	.sinoptico_cmd_e { background-position: -68px 0px; }
	.sinoptico_cmd_a_active { background-position: 0px -17px; }
	.sinoptico_cmd_b_active { background-position: -17px -17px; }
	.sinoptico_cmd_c_active { background-position: -34px -17px; }
	.sinoptico_cmd_d_active { background-position: -51px -17px; }
	.sinoptico_cmd_e_active { background-position: -68px -17px; }

	/* tabla con los horario por sinóptico */
	.horario {
		border-spacing: 0;
	}
	.horario td {
		margin: 0;
		text-align: center;
		border: 1px solid #FFF;
		-moz-border-radius-topleft: 16px;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-bottomleft: 4px;
		-moz-border-radius-bottomright: 16px;
		padding: 3px 6px;
	}
	.horario div {
		display: block;
	}
	.horario div.horariosinoptico {
		color: #000;
		font-weight: bold;
		font-size: 15px;
	}
	.horario div.horariohora span {
		color: #fff;
		font-weight: bold;
		font-size: 11px;
		margin: 0px 2px;
	}

	/* tabuladores */
	.tablinks {
		border-left: 1px solid #CCC;
		position: relative;
		top: 1px;
	}
	.tablinks ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.tablinks li {
		display: inline;
		margin: 0;
		padding: 0;
	}
	.tablinks ul li span {
		cursor: pointer;
		display: block;
		float: left;
		background-color: #FFF;
		border: 1px solid #CCC;
		border-left: 0px;
		-moz-border-radius-topright: 2px;
		border-bottom: 1px solid #CCC;
		padding: 4px 16px;
		text-decoration: none;
		font-weight: bold;
		color: #222;
	}
	.tablinks ul li span.active {
		color: #000;
		background-color: #F8F8F8;
		border-bottom: 1px solid #F8F8F8;
	}
	.tablinks ul li span:hover {
		color: #000;
		background-color: #FFF;
	}
	.tablinks div {
		clear: both;
	}
	.tabs {
		clear: both;
		background-color: #F8F8F8;
		border: 1px solid #CCC;
		-moz-border-radius-topright: 2px;
		-moz-border-radius-bottomleft: 2px;
		-moz-border-radius-bottomright: 2px;
		padding: 9px;
	}

	/* tabla formulario vertical */
	.ftable {
		width: 100%;
	}
	.ftable th {
		width: 1%;
		white-space: nowrap;
		text-align: right;
		vertical-align: top;
		padding-top: 4px;
	}

	/* a link como comando */
	.acmd {
		cursor: pointer;
	}

	/* botón */
	.cmd {
		cursor: pointer;
		-moz-border-radius: 2px;
		border: 1px solid #000;
		background-color: #444;
		color: #EEE;
		font-weight: bold;
		font-size: 0.8em;
		padding: 6px 9px;
		margin: 1px;
	}
	.cmd:hover {
		border: 1px solid #000;
		color: #FFF;
	}
	.cmd:active {
		background-color: #000;
		border: 1px solid #000;
		color: #FFF;
	}
	.cmdd,
	.cmdd:hover,
	.cmdd:active,
	.cmd[disabled],
	.cmd[disabled]:hover,
	.cmd[disabled]:active {
		color: #888;
		background-color: #F0F0F0;
		border: 1px solid #FFF;
	}
	.cmdmini {
		padding: 3px 6px;
	}

	/* tabla con función divisora (no es lo más limpio, pero si lo más estable) */
	.tdiv {
		width: 100%;
		border-spacing: 0;
		border-collapse: collapse;
	}
	.tdiv th,
	.tdiv td {
		border: 0;
		padding: 0;
		margin: 0;
	}

	/* scroll */
	.scroll {
		position: relative;
		width: 100%;
		height: 100px;
		overflow: auto;
	}
	.scrollbody {
		position: absolute;
		width: 100%;
		height: 100%;
	}

	/* tabla de datos */
	.dtable {
		width: 100%;
		border-collapse: collapse;
	}
	.dtable th,
	.dtable td {
		padding: 4px 9px;
		border: 1px solid #CCC;
	}
	.dtable th {
		background-color: #F8F8F8;
		border-bottom: 2px solid #CCC;
	}

	/* lista de rutas */
	.lista_rutas li {
		margin-bottom: 16px;
	}
	.lista_ruta_titulo {
	}
	.lista_ruta_acciones {
		margin: 4px 2px 4px 50px;
	}
	.cmds,
	.lista_ruta_acciones a {
		text-decoration: none;
		padding: 2px 9px;
		color: #000 !important;
		background-color: #FD4;
		border: 1px solid #FFF;
		-moz-border-radius: 2px;
	}
	.cmds:hover,
	.lista_ruta_acciones a:hover {
		border: 1px solid #000;
		text-decoration: none;
	}

	/* txtarea, textbox */
	.area,
	.txt {
		border: 1px solid #CCC;
		margin: 1px;
		padding: 3px;
		-moz-border-radius: 2px;
		background-color: #FFFFF8;
	}
	.area:focus,
	.txt:focus {
		border: 1px solid #FD4;
	}

	/* combobox */
	.cmb {
		border: 1px solid #CCC;
		padding: 2px;
		-moz-border-radius: 2px;
		background-color: #FFFFF8;
	}
	.cmb:focus {
		border: 1px solid #FD4;
	}

	/* small link */
	.slink,
	.slink:active,
	.slink:link,
	.slink:visited {
		color: #000;
		font-size: 0.9em;
		padding-left: 12px;
		background-image: url('../images/slink.gif');
		background-repeat: no-repeat;
	}

	/* general box */
	.genbox_box {
		width: 920px;
	}

	.genbox_content {
		background-color: #EDEDED;
		padding: 0px 12px 12px 12px;
		border: 1px solid #DDD;
		border-top: 0px;
		-moz-border-radius-bottomleft: 2px;
		-moz-border-radius-bottomright: 2px;
	}

	.genbox {
		border: 1px solid #888;
		color: #000;
		background-color: #FFF;
		margin: 20px;
	}
	.genbox_agencia {
		padding: 5px 0 5px 16px;
	}
	.genbox_agencia_titulo {
		float: left;
		color: #222;
		font-size: 1.5em;
		font-weight: bold;
		font-family: Arial, Sans;
	}
	.genbox_agencia span {
		color: #FB3E0F;
	}
	.genbox_agencia_cmd {
		float: right;
	}

	.genbox_lista {
		width: 100%;
		font-size: 12px;
		border-spacing: 0px;
		border-collapse: collapse;
		border-bottom: 1px solid #EEE;
	}
	.genbox_lista th {
		color: #000;
		background-color: #D1CFCF;
		border-right: 1px solid #EEE;
		padding: 9px;
		font-weight: bold;
		font-size: 1.2em;
		font-family: Arial, Sans;
	}
	.genbox_lista td {
		border-right: 1px solid #EEE;
		padding: 4px 9px;
	}

	/* cursores */
	.default { cursor: default; }
	.pointer { cursor: pointer; }

	/* seleccion desde mapa */
	.map_selected { background: #ffdd44; }

	/* para selector de lineas */
	#od_lineas_div {
		font-size:10px;
	}
	#od_lineas_div span{
		display: block;
		font-weight: bold;
	}

	.selectedLinea{
		font-size: 10px;
	}
	.selectedLinea .titlin{
		font-weight: bold;
	}

}

/* generic classes */
.pad { padding: 16px; }
.nowrap { white-space: nowrap; }
.small { font-size: 10px; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.clear { clear: both; }

@media print {

	#titulo { display: none; }
	#titulo_print { display: block; }
	#cabecera { display: none; }
	#menu { display: none; }
	#menu_selector { display: none; }
	#loc { display: none; }

	.lineas_cabecera {
		font-size: 20px !important;
	}

	.genbox_agencia_titulo {
		font-size: 18px;
		margin: 9px;
	}

	.genbox_agencia_titulo span {
		font-weight: bold;
	}

	.genbox_agencia_numexpediciones {
		margin: 9px;
	}

	.genbox_lista {
		margin: 9px;
	}
	.genbox_lista th {
		border-bottom: 2px solid #888;
	}

	.genbox_agencia {
		margin: 20px;
	}

	.noprint { display: none; }
	.onlyprint { display: block; }

}

.warnbox {
	border: 1px solid #FF0;
	background-color: #FFFFFD;
	padding: 16px 16px 16px 42px;
	margin: 9px 0px;
	background-image: url('../images/ico_alert.gif');
	background-repeat: no-repeat;
	background-position: 16px 16px;
}

.noticebox {
	border: 1px solid #FF0;
	background-color: #FFFFFD;
	padding: 16px 16px 16px 42px;
	margin: 9px 0px;
	background-image: url('../images/ico_notice.gif');
	background-repeat: no-repeat;
	background-position: 16px 16px;
}

#backend{
	clear: both;
	margin: 0 auto 0;
	text-align: right;
	width: 981px;
	padding-right: 10px;
}
.contacto{
	float: right;
	margin-top: 5px;
	padding-right: 10px;
}
.contacto a{
	color: #C12D09;
}
.contacto .white{
	color: #fff !important;
}
.contacto a:hover{
	color: #fff;
}
.smalltext{
	font-size: 10px;
}