/* CSS Document */

/****** Format page "Rutas" ******/
#ruta_eltiempo {
	float: right;
}

marquee	{
	font-size: 24px;
	line-height: 120%;
	font-weight: bold;
	background-color: #FFFF99;
	color: #C00000;
}


/*** Rutas Largas ***/
#ruta_larga {
    text-align: justify;
	background-color: #F9F9FF;
	padding: 0 5px;
}
#ruta_larga .cabecerapie {
	margin-left: auto;
	margin-right: auto;
	height: 30px;
	clear: both;
	background: url('images/Actividades/linea2.png') center center repeat-x;
}
#ruta_larga h1 {
	text-align: center;
}
#ruta_larga h2 {
	text-align: center;
}
#ruta_larga h3 {
	text-align: center;
	clear: both;
}
#ruta_larga p {
	line-height: 120%;
}
#ruta_larga_doc {
	margin-left: auto;
	margin-right: auto;
	width: 440px;
}
#ruta_larga_doc table {
	border: 2px #666666 solid;
	background-color: #EAEAFF;
    margin: 0 auto;
}
#ruta_larga_doc tr {
	vertical-align: middle;
}
#ruta_larga_actualizacion {
	width: 170px;
}
#ruta_larga_actualizacion table {
	border: 1px #666666 solid;
	background-color: #CCCCCC;
}
#ruta_larga_zona {
	padding-top: 20px;
}
.ruta_larga_zona_mapa {
	float: left;
	margin: 0 5px 5px 0;
	border: 4px #000000 solid;
}
#ruta_larga_programa {
	padding-top: 20px;
	padding-bottom: 20px;
}
#ruta_larga_tablahorarios {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
	width: 500px;
}
#ruta_larga_tablahorarios table {
	border: 0;
}
.ruta_larga_tablahorarios_l1 {
	height: 5px;
}
.ruta_larga_tablahorarios_c1 {
	background-color: #E9E9E9;
	text-align: center;
	width: 105px;
}
.ruta_larga_tablahorarios_c2 {
	background-color: #91A3B5;
	text-align: center;
	width: 8px;
}
.ruta_larga_tablahorarios_c3 {
	background-color: #DDDDFF;
	padding-left: 5px;
	text-align: left;
}
.ruta_larga_img_subir {
	vertical-align: bottom;
	border: 0;
}
.ruta_larga_act_izq {
	float: left;
	margin: 0 5px 5px 0;
	border: 2px #000000 solid;
}
.ruta_larga_act_der {
	float: right;
	margin: 0 0 5px 5px;
	border: 2px #000000 solid;
}


/*** Rutas Cortas ***/
#ruta_corta {
	text-align: justify;
}
#ruta_corta .cabecerapie {
	margin-left: auto;
	margin-right: auto;
	height: 30px;
	clear: both;
	background: url('images/Actividades/linea.png') center center repeat-x;
}
#ruta_corta h1 {
	text-align: center;
}
#ruta_corta_doc {
	margin-left: auto;
	margin-right: auto;
	width: 440px;
}
#ruta_corta_doc table {
	border: 2px #666666 solid;
	background-color: #EAEAFF;
	margin: 0 auto;
}
#ruta_corta_doc tr {
	vertical-align: middle;
}
.ruta_doc_c1 {
	text-align: center;
}
.ruta_doc_c1 img {
	width: 32px;
}
.ruta_doc_c2 {
	text-align: left;
}
.ruta_doc_c3 {
	text-align: center;
	min-width: 60px;
}
.ruta_doc_c3 img {
	width: 40px;
}
#ruta_corta_cabecera {
	margin: 20px 0;
	padding-left: 50px;
	padding-right: 50px;
}
#ruta_corta_cabecera table {
	width: 100%;
}
#ruta_corta_cabecera tr {
	vertical-align: top;
}
.ruta_cab_c1 {
	text-align: left;
	font-weight: bold;
	color: #004189;
	width: 35%;
}
.ruta_cab_c2 {
	width: 65%;
}
#ruta_corta_tecnicos {
	margin: 20px 0 0 0;
	padding-left: 35px;
}
#ruta_corta_tecnicos tr {
	vertical-align: top;
}
.ruta_tec_c1 {
	background: url('images/Actividades/marca.png') top left no-repeat;
	padding-left: 40px;
	text-align: left;
	font-weight: bold;
	color: #004189;
	width: 30%;
}
.ruta_tec_c2 {
	width: 70%;
}

/*** Cenas ***/
#cena {
	text-align: justify;
}
#cena .cabecerapie {
	margin-left: auto;
	margin-right: auto;
	height: 30px;
	background: url('images/Actividades/linea.png') center center repeat-x;
}
#cena h1 {
	text-align: center;
}
#cena li {
	line-height: 100%;
}
#cena_cabecera {
	margin: 20px 0;
	padding-left: 50px;
	padding-right: 50px;
}
#cena_cabecera tr {
	vertical-align: top;
}
.cena_cab_c1 {
	text-align: left;
	font-weight: bold;
	color: #004189;
	width: 30%;
}
.cena_cab_c2 {
	width: 70%;
	vertical-align: middle;
}
#cena_mapa {
	margin: 20px 0;
	padding-left: 50px;
	padding-right: 50px;
	text-align: center;
}
#cena_mapa img {
	max-width: 640px;
}