@import url("trans_style_interiores.css");
 /* TRANSANTIAGO STYLE */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
	background: #FFFFFF url(../images/layout/background.png) repeat-x;
	margin: 0px;
	padding: 0px;
}
img {border:none;}

input, textarea, label { font-size:12px; margin:0; padding:1px;}
select {font-size:12px; margin:0;}
form {padding:0px; margin:0px; }

/* LAYOUT */
#envoltorio {
	/*background-color:#F8E4D2;*/
	width: 756px;
	background: url(../images/layout/centro.png) repeat-y;
	padding:0px;
	margin:0px auto;
}
#medio {
background:url(../images/layout/medio_top.png) no-repeat top;
	text-align:left;
	width:740px;
	padding:0px 8px;
}
#top {
	height:74px;
	position:relative;
	z-index:100;
	background-image:url(/images/layout/logo_trans.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#logo {
	height:74px;
	width:210px;
	float: left;
}
#bottom {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-align:center;
	height:49px;
	background: url(../images/layout/bottom.png) no-repeat;
	padding-top: 19px;
	}

/*estructura del menú principal */
 
#menu_principal {
	padding-top: 11px;
	padding-right:5px;
	height:46px;
	margin-left:0px;
}

#menu_principal ul {
padding:0px;
margin:0px;
list-style-type: none;
}

#menu_principal li {
padding:0px;
margin:0px;
float:left;
width:104px;
}

#menu_principal li a {
display:block;
padding:0px;
margin:0px;
width:104px;
}

#menu_principal li:hover ul, #menu_principal li.over ul {
display: block;
}

#menu_principal ul li ul li {
padding:0px;
margin:0px;
padding-left:1px;
width:104px;
}

#menu_principal ul li ul li a {
padding:0px;
margin:0px;
padding-left:1px;
width:104px;
}
  
/*imágeenes de los vículos y menú principal*/ 
 a.planifica { background:url(/images/menuprincipal/1.png) no-repeat; height:46px; }
 a.planifica1 { background:url(/images/menuprincipal/1_1.png) no-repeat; height:19px; }
 a.planifica2 { background:url(/images/menuprincipal/1_2.png) no-repeat; height:19px; }
 a.planifica3 { background:url(/images/menuprincipal/1_3.png) no-repeat; height:29px; }
 a.planifica4 { background:url(/images/menuprincipal/1_4.png) no-repeat; height:21px; }
 a.contactarnos { background:url(/images/menuprincipal/2.png) no-repeat; height:46px; }
 a.contactarnos1 { background:url(/images/menuprincipal/2_1.png) no-repeat; height:28px; }
 a.contactarnos2 { background:url(/images/menuprincipal/2_2.png) no-repeat; height:21px; }
 a.contactarnos3 { background:url(/images/menuprincipal/2_3.png) no-repeat; height:21px; }
 /*a.contactarnos4 { background:url(/images/menuprincipal/2_4.png) no-repeat; height:21px; }
 a.contactarnos5 { background:url(/images/menuprincipal/2_5.png) no-repeat; height:29px; }
 a.contactarnos6 { background:url(/images/menuprincipal/2_6.png) no-repeat; height:56px; }*/
 a.contactarnos4 { background:url(/images/menuprincipal/nav_centro.gif) no-repeat; height:21px; }
 a.contactarnos5 { background:url(/images/menuprincipal/nav_ingreso.gif) no-repeat; height:29px; }
 a.contactarnos6 { background:url(/images/menuprincipal/nav_seguimiento.gif) no-repeat; height:56px; }
 a.contactarnos7 { background:url(/images/menuprincipal/nav_metro.gif) no-repeat; height:29px;}
 a.contactarnos8 { background:url(/images/menuprincipal/nav_stand.gif) no-repeat; height:45px; }
 /*a.contactarnos7 { background:url(/images/menuprincipal/stand_metro.png) no-repeat; height:29px; }
 a.contactarnos8 { background:url(/images/menuprincipal/stand_atencion.png) no-repeat; height:45px; }*/
 a.pago { background:url(/images/menuprincipal/3.png) no-repeat; height:46px; }
 a.pago1 { background:url(/images/menuprincipal/3_1.png) no-repeat; height:19px; }
 a.pago2 { background:url(/images/menuprincipal/3_2.png) no-repeat; height:18px; }
 a.pago3 { background:url(/images/menuprincipal/3_3.png) no-repeat; height:18px; }
 a.pago4 { background:url(/images/menuprincipal/3_4.png) no-repeat; height:19px; }
 a.pago5 { background:url(/images/menuprincipal/3_5.png) no-repeat; height:19px; }
 a.pago6 { background:url(/images/menuprincipal/3_6.png) no-repeat; height:19px; }
 a.pago7 { background:url(/images/menuprincipal/3_7.png) no-repeat; height:29px; }
 a.minuto { background:url(/images/menuprincipal/4.png) no-repeat; height:46px; }
 a.minuto1 { background:url(/images/menuprincipal/4_1.png) no-repeat; height:29px; }
 a.minuto2 { background:url(/images/menuprincipal/4_2.png) no-repeat; height:21px; }
 a.minuto3 { background:url(/images/menuprincipal/4_3.png) no-repeat; height:21px; }
 a.que_es { background:url(/images/menuprincipal/5.png) no-repeat; height:46px; }
 a.que_es1 { background:url(/images/menuprincipal/5_1.png) no-repeat; height:20px; }
 a.que_es2 { background:url(/images/menuprincipal/5_2.png) no-repeat; height:18px; }
 a.que_es3 { background:url(/images/menuprincipal/5_3.png) no-repeat; height:18px; }
 a.que_es4 { background:url(/images/menuprincipal/5_4.png) no-repeat; height:19px; }
 a.que_es5 { background:url(/images/menuprincipal/5_5.png) no-repeat; height:19px; }
 a.que_es6 { background:url(/images/menuprincipal/5_6.png) no-repeat; height:29px; }
 /* menú principal estado hover */
 a.planifica:hover { background:url(/images/menuprincipal/1over.png) no-repeat; }
 a.planifica1:hover { background:url(/images/menuprincipal/1_1over.png) no-repeat; }
 a.planifica2:hover { background:url(/images/menuprincipal/1_2over.png) no-repeat; }
 a.planifica3:hover { background:url(/images/menuprincipal/1_3over.png) no-repeat; }
 a.planifica4:hover { background:url(/images/menuprincipal/1_4over.png) no-repeat; }
 a.contactarnos:hover { background:url(/images/menuprincipal/2over.png) no-repeat; }
 a.contactarnos1:hover { background:url(/images/menuprincipal/2_1over.png) no-repeat; }
 a.contactarnos2:hover { background:url(/images/menuprincipal/2_2over.png) no-repeat; }
 a.contactarnos3:hover { background:url(/images/menuprincipal/2_3over.png) no-repeat; }
  a.contactarnos4:hover { background:url(/images/menuprincipal/nav_centro_sele.gif) no-repeat;  }
 a.contactarnos5:hover { background:url(/images/menuprincipal/nav_ingreso_sele.gif) no-repeat; }
 a.contactarnos6:hover { background:url(/images/menuprincipal/nav_seguimiento_sele.gif) no-repeat;  }
 a.contactarnos7:hover { background:url(/images/menuprincipal/nav_metro_sele.gif) no-repeat; }
 a.contactarnos8:hover { background:url(/images/menuprincipal/nav_stand_sele.gif) no-repeat;  }
 /*a.contactarnos4:hover { background:url(/images/menuprincipal/2_4over.png) no-repeat; }
 a.contactarnos5:hover { background:url(/images/menuprincipal/2_5over.png) no-repeat; }
 a.contactarnos6:hover { background:url(/images/menuprincipal/2_6over.png) no-repeat; }*/
 /*a.contactarnos7:hover { background:url(/images/menuprincipal/stand_metro1over.png) no-repeat; }
 a.contactarnos8:hover { background:url(/images/menuprincipal/stand_atencion1over.png) no-repeat; }*/
 a.pago:hover { background:url(/images/menuprincipal/3over.png) no-repeat; }
 a.pago1:hover { background:url(/images/menuprincipal/3_1over.png) no-repeat; }
 a.pago2:hover { background:url(/images/menuprincipal/3_2over.png) no-repeat; }
 a.pago3:hover { background:url(/images/menuprincipal/3_3over.png) no-repeat; }
 a.pago4:hover { background:url(/images/menuprincipal/3_4over.png) no-repeat; }
 a.pago5:hover { background:url(/images/menuprincipal/3_5over.png) no-repeat; }
 a.pago6:hover { background:url(/images/menuprincipal/3_6over.png) no-repeat; }
 a.pago7:hover { background:url(/images/menuprincipal/3_7over.png) no-repeat; }
 a.minuto:hover { background:url(/images/menuprincipal/4over.png) no-repeat; }
 a.minuto1:hover { background:url(/images/menuprincipal/4_1over.png) no-repeat; }
 a.minuto2:hover { background:url(/images/menuprincipal/4_2over.png) no-repeat; }
 a.minuto3:hover { background:url(/images/menuprincipal/4_3over.png) no-repeat; }
 a.que_es:hover { background:url(/images/menuprincipal/5over.png) no-repeat; }
 a.que_es1:hover { background:url(/images/menuprincipal/5_1over.png) no-repeat; }
 a.que_es2:hover { background:url(/images/menuprincipal/5_2over.png) no-repeat; }
 a.que_es3:hover { background:url(/images/menuprincipal/5_3over.png) no-repeat; }
 a.que_es4:hover { background:url(/images/menuprincipal/5_4over.png) no-repeat; }
 a.que_es5:hover { background:url(/images/menuprincipal/5_5over.png) no-repeat; }
 a.que_es6:hover { background:url(/images/menuprincipal/5_6over.png) no-repeat; }

* html #nav ul{/* para explorer*/
	/*margin-left:-52px;*/
}
#menu_principal_sombra {
width:520px;
height:11px;
margin-left:210px;
background-image: url(/images/menuprincipal/sobra.jpg);
background-repeat: repeat-x;
background-position: top;
}

/* ******** */

#menu_transversal {
height:18px;
background-color:#e1e1e1;
font-size:10px;
color:#333333;
overflow:hidden;
}
/* #menu transversal styles */
#links_mt {
width:200px;
padding:2px 0px;
padding-left:11px;
}
#links_mt a { display:block; float:left; height:14px;}
a.home_mt { width:25px; background:url(/images/links_mt/1home.gif)}
a.contact_mt { width:24px; background:url(/images/links_mt/2contact.gif)}
a.preguntas_mt { width:27px; background:url(/images/links_mt/3preguntas.gif)}
a.sitiosrel_mt { width:27px; background:url(/images/links_mt/4sitiosrelacionad.gif)}
a.glosario_mt { width:30px; background:url(/images/links_mt/5glosario.gif)}
a.ayuda_mt { width:24px; background:url(/images/links_mt/6ayuda.gif)}
a.mapa_mt { width:29px; background:url(/images/links_mt/7mapa.gif)}

a.home_mt:hover { width:25px; background:url(/images/links_mt/1home_over.gif)}
a.contact_mt:hover { width:24px; background:url(/images/links_mt/2contact_over.gif)}
a.preguntas_mt:hover { width:27px; background:url(/images/links_mt/3preguntas_over.gif)}
a.sitiosrel_mt:hover { width:27px; background:url(/images/links_mt/4sitiosrelacionad_over.gif)}
a.glosario_mt:hover { width:30px; background:url(/images/links_mt/5glosario_over.gif)}
a.ayuda_mt:hover { width:24px; background:url(/images/links_mt/6ayuda_over.gif)}
a.mapa_mt:hover { width:29px; background:url(/images/links_mt/7mapa_over.gif)}

#fecha_hora {
padding:3px 0;
margin-right: 65px;
}
#buscar {
	position:relative;
	z-index:10;
	font-size:11px;
	font-weight:bold;
	padding:0 108px 0 0;
	float:right;
	width:190px;
	background: url(../images/links_mt/poweredbygoogle.gif) no-repeat right;
	text-align: right;
}
.buscar_1 {
	font-size:11px;
	padding:0px 2px 1px;
	border: solid 1px #666666;
}
a.buscar_mt {position:absolute; top:0px; right:92px;  display:block; height:14px; width:15px; background:url(/images/links_mt/lupa.gif) no-repeat;}
a.buscar_mt:hover { position:absolute; top:0px; right:92px; display:block; height:14px; width:15px; background:url(/images/links_mt/lupa_over.gif) no-repeat;}

#franjaverde {
	height:330px;
	width: 740px;
	background: url(../images/franjaverde/fondo1-1.jpg) no-repeat;
	/*height:260px;
	width: 740px;
	background: url(../images/franjaverde/fondo1.jpg) no-repeat;*/
	margin:2px 0 4px;
	padding: 3px 0px;
}

/* #franjaverde inicio styles */
#botonera_verde {
position:relative; z-index:30; 
width:350px;
height:243px;
padding:6px 0px 0px 37px;
}
#cuadro1 { 
height:104px; margin-bottom:7px;
background: url(../images/franjaverde/cuadro1.jpg) no-repeat;
}
#cuadro2 { 
height:58px; margin-bottom:7px;
 background: url(../images/franjaverde/cuadro2.jpg) no-repeat;
}
#cuadro3 {
height:70px;
background: url(../images/franjaverde/cuadro3.jpg) no-repeat;
}
#cuadro4 {
height:70px;
background: url(../images/franjaverde/predictor_animado.swf) no-repeat;
position:absolute; left:38x; top:258px;
}

#globo1 {
 z-index:41;
 background:url(../images/franjaverde/globo1.gif) no-repeat top left;
position:absolute; left:376px; top:14px;
height:120px; width:213px;
padding:8px 0 0;
}
#globo2 {
z-index:42;
 background:url(../images/franjaverde/globo2.gif) no-repeat top left;
position:absolute; left:380px; top:126px;
height:120px; width:213px;
padding:12px 0 0;
}
#globo3 {
 z-index:43;
 background:url(../images/franjaverde/globo3.gif) no-repeat top left;
position:absolute; left:380px; top:105px;
height:90px; width:213px;
padding:10px 0 0;
}

.parraf_globo {
font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#006600;
line-height:11px;
margin:0; 
padding:0 5px 5px 27px;
}
.anchoinput_fv { width:81px; }
.anchoinput2_fv { width:137px; }
.anchoinput3_fv { width:60px; }
.anchosele_fv { width:108px; }


.cuadro {
	color:#FFFFFF;
	font-size: 10px;
}
.cuadro form {
		padding-left:3px;
		padding-top: 20px;
}
.cuadro input {
	font-size:11px;
	color:#004200;
	padding:1px;
	background-color:#F2F8E1;
	border:solid 1px #184200;
}
.cuadro select {
	font-size:11px;
	padding:0px;
	color:#004200;
	background-color:#F2F8E1;
	border:solid 1px #184200;
}
/* para explorer */
* html .cuadro select { font-size:10px;}

.cuadro label {
	font-size: 11px;
	display:block;
	padding: 1px 0 0 0;
}
.cuadro a {color:#FFFFFF;}
.cuadro a:hover {color:#E3F04E;}

.ayuda1 {
	width:52px;
	height:20px;
	float:right;
	cursor:pointer;
}
/* ****** */

#noticiasymod {
width:427px;
	padding-left: 3px;
}

/* noticias y mod styles */
#noticiasymod_top {
	width:427px;
	height:32px;
	background: url(../images/noticias/noticiasymod.png) no-repeat;
}
/* ****** */
.noticia {
padding:5px 16px 5px 34px;
border-bottom:solid 1px #ccc;
background:#FFF url(../images/noticias/flecha.gif) no-repeat left top;
}
.noticia_over {
	padding:5px 16px 5px 34px;
	border-bottom:solid 1px #ccc;
	background:#F4F3F9 url(../images/noticias/flechades.gif) no-repeat left top;
}
.noticia a.vermas {
	background:url(../images/noticias/mas.gif) no-repeat right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	text-align: right;
	color:#ccc;
	display: block;
	padding-right:11px;
	margin-top: 4px;
}
.noticia_over a.vermas {
	background:url(../images/noticias/mas_des.gif) no-repeat right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	text-align: right;
	color:#2D1A8B;
	display: block;
	padding-right:11px;
	margin-top: 4px;
}
.noticia a { font-size:12px; font-weight:bold; color:#999; padding: 0 0 0 0; display:block;}
.noticia_over a { font-size:12px; font-weight:bold; color:#333333; padding: 0 0 0 0; display:block;}

.noticia p {font-size:11px; font-weight:bold; line-height:12px; color:#555;margin:4px 0 0 0;}
.noticia_over p {font-size:11px; font-weight:bold; line-height:12px; color:#888; margin:4px 0 0 0;}

.noticuadro {
	border:solid 1px #6153A8;
	padding:1px;
	margin-right:9px;
	width:76px;
	height:76px;
	float: left;
}
.hoy {
	font-size:10px;
	color:#333;
	position: relative;
	float:right;
	height:18px;
	width: 67px;
	padding:1px 0px 1px 3px;
	margin:8px 0px 2px 0;
	border-left:solid 1px #CCCCCC;	
}
.ma {
	font-size:10px;
	color:#333;
	position: relative;
	float:right;
	height:18px;
	width: 88px;
	padding:1px 0px 1px 3px;
	margin:8px 6px 2px 0;
	border-left:solid 1px #CCCCCC;	
}
.temperatura {
	position:absolute;
	top: 0px;
	right:3px;
	line-height: 10px;
	text-align:right;
	font-size: 9px;
	font-weight: bold;
}

.temperaturaActual {
	position:absolute;
	top: 4px;
	left:3px;
	line-height: 10px;
	text-align:right;
	font-size: 11px;
	font-weight: bold;
}

/* banners */
#banners {
	width:303px;
	padding:0 3px 0 0;
	float:right;
}
#banners a {
float:left;
display:block;
height:90px;
width:150px;
padding-bottom:3px;
}
#banners span {
float:left;
}
a.mapa { background:url(/images/banners/mapas.jpg) no-repeat;}
span.mapa { background:url(/images/banners/mapas.jpg) no-repeat;}
a.consejos { background:url(/images/banners/consejos.jpg) no-repeat;}
span.consejos { background:url(/images/banners/consejos.jpg) no-repeat;}
a.formapago { background:url(../images/banners/formapago.jpg) no-repeat;}
a.sugerencias { background:url(../images/banners/sugerencias.gif) no-repeat;}
span.sugerencias { background:url(/images/banners/mapas.jpg) no-repeat;}
a.atencionfono { background:url(../images/banners/atencionfono.gif) no-repeat;}
a.oficinas { background:url(../images/banners/centros_atencion.gif) no-repeat;}
/*a.oficinas { background:url(../images/banners/oficinas.gif) no-repeat;}*/

a.mapa:hover { background:url(../images/banners/mapas_over.jpg) no-repeat;}
a.consejos:hover { background:url(../images/banners/consejos_over.jpg) no-repeat;}
a.formapago:hover { background:url(../images/banners/formapago_over.jpg) no-repeat;}
a.sugerencias:hover { background:url(../images/banners/sugerencias_over.gif) no-repeat;}
span.sugerencias:hover { background:url(../images/banners/sugerencias_over.gif) no-repeat;}
a.atencionfono:hover { background:url(../images/banners/atencionfono_over.gif) no-repeat;}
a.oficinas:hover { background:url(../images/banners/centros_atencion.gif) no-repeat;}
/*a.oficinas:hover { background:url(../images/banners/oficinas_over.gif) no-repeat;}*/



/* -- LAYOUT PAGINAS INTERIORES -- */

/* franja angosta */
#franja_angosta {
height:84px;
margin-top:2px;
}

/* a la franja angosta le damos la imagen de fondo según la sección. */
 .comopago { 
background:url(/images/franja_angosta/como_pago.jpg) no-repeat; 
border-top:solid 1px #B1CFE6; border-bottom:solid 1px #B1CFE6;
}
 .comocontactarnos { 
background:url(/images/franja_angosta/como_contactarnos.jpg) no-repeat;
border-top:solid 1px #E1C1CA; border-bottom:solid 1px #E1C1CA;
}
.ultimominuto { background:url(/images/franja_angosta/ultimo_minuto.jpg) no-repeat;
border-top:solid 1px #B9B3E8; border-bottom:solid 1px #B9B3E8;
}
.planificatuviaje { background:url(/images/franja_angosta/planifica_tu_viaje.jpg) no-repeat;
border-top:solid 1px #86BD00; border-bottom:solid 1px #86BD00;
}
.queestransantiago { background:url(/images/franja_angosta/que_es_transantiago.jpg) no-repeat;
border-top:solid 1px #FF6600; border-bottom:solid 1px #FF6600;
}

/* menu transversal inferior */
#menu_transv_inferior {
height:20px;
}
/* le damos color a la linea */
.lin1 { background:url(../images/interiores_navegacion/lin1.jpg) no-repeat bottom;}
.lin2 { background:url(../images/interiores_navegacion/lin2.jpg) no-repeat bottom;}
.lin3 { background:url(../images/interiores_navegacion/lin3.jpg) no-repeat bottom;}
.lin4 { background:url(../images/interiores_navegacion/lin4.jpg) no-repeat bottom;}
.lin5 { background:url(../images/interiores_navegacion/lin5.jpg) no-repeat bottom;}


#donde_estoy {
	padding:4px 5px 4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	float: left;
	color:#474F55;
}
#donde_estoy a {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color:#474F55;}
#donde_estoy a:hover { text-decoration:underline; }
/*aqui se le dan los colores a los vinculos en #donde estoy, según la secciòn*/
.cp_de .sele {color:#005791;}
.cc_de .sele {color:#A12850;}
.um_de .sele {color:#2D1A8B;}
.pv_de .sele {color:#3C7200;}
.qs_de .sele {color:#CC3300;}

#text { padding: 0 15px 0 0;}

#text a {font-size:9px; color:#666666;}
.bl1 { display:block; float:right; height:19px; background:url(../images/interiores_navegacion/agr.gif) no-repeat; width:29px; }
.bl2 {
	display:block;
	float:right;
	height:19px;
	background:url(../images/interiores_navegacion/ach.gif) no-repeat;
	width:29px;
}
.bl3 { display:block; float:right; height:13px; background:url(../images/interiores_navegacion/imprimir.gif) no-repeat left; padding:5px 4px 0 29px; }
.bl4 { display:block; float:right; height:13px; background:url(../images/interiores_navegacion/enviar.gif) no-repeat left; padding:5px 4px 0 29px; }



/* pie logos */
#pie_logos {
	border-top:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	text-align:center;
	height:29px;
	padding:0;
	margin:11px 0 0 0;
}
.marg_pl {
	margin-right:45px;
}

/* bottom styles */
#bottom a {
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;}

/* Texto Error */
.hf_destacado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #336600;
}
/*estilo para el codigo SIMT*/
.f_SIMT {
 font-family: Arial;
 font-size: 11px;
 font-weight: bold;
 color: #2D1A8B;
}

.hf_autenticacion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #336600;
}

.hf_login {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #336600;
}

.hf_login1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336600;
}

/* ************ */

/* clases */
.floatleft {float:left;}
.floatright {float:right;}
.clear { clear:both;}

/* esta hoja continua en la segunda hoja de estilos */