@charset "utf-8";
/* CSS Document */

<!-- Inicio de estilos globales -->
#all { width:877px; height:auto; overflow:auto; margin:0 auto; background:url(../img/derecha.jpg) repeat-y top right;}
#superior { width:877px; height:auto; overflow:auto; margin:0 auto; padding:0; background:url(../img/derecha.jpg) top right repeat-y;}
#izquierda { width:25px; height:499px; float:left; background:url(../img/izquierda.jpg) no-repeat top left;margin:0 auto; }
#bg_texto { width:845px; height:auto; overflow:auto; background:url(../img/texto.jpg) right repeat-y; float:left;margin:0 auto; }
#bg_texto_bottom { width:845px; height:auto; overflow:auto;}
#banner { width:845px; height:141px; background:url(../img/banner.jpg) no-repeat;}
#menu_superior { width:845px; height:27px; background:url(../img/menu_superior.jpg) no-repeat;}
#menu_superior #hora { width:207px; height:27px; float:left;}
#menu_superior #hora .hora { padding-left:15px; text-transform:uppercase; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8px; font-weight:bold; color:#e86813; line-height:35px;}
#menu_superior #menu { width:638px; height:27px; float:right;}
#derecha { width:7px; height:499px; float:right; background:url(../img/derecha_arriba.jpg) no-repeat top right;}
#footer { width:877px; height:28px; margin:0 auto; background:url(../img/footer.jpg) no-repeat;}
<!-- Fin de estilos globales -->
<!-- Estilos home -->
#cuerpo { width:845px; height:auto; overflow:auto; float:left;}
#partes { width:845px; height:331px;}
#parte_izq { width:476px; height:331px; float:left;}
#menu_flash { width:476px; height:27px; background:url(../img/menu_flash.jpg) no-repeat;}
#cont_flash { width:476px; height:304px;}
#limite { width:14px; height:304px; float:left; background:url(../img/limite.jpg) repeat-y top left;}
#flash { width:462px; height:304px; float:right;}
#parte_der { width:369px; float:right; height:331px;} 

#separador { width:845px; height:26px; background:url(../img/separador_izquierda.jpg) no-repeat;}
#texto { width:845px; min-height:131px;}
#texto #texto_home { width:810px; padding:0; margin:0; min-height:131px; padding-left:20px!important; padding-right:15px!important;}
<!-- Fin de estilos home -->
<!-- Estilos in -->
#contenedor_repetido { width:845px; height:auto; overflow:auto; float:left; background:#000;/*background:url(../img/cont_in_re.jpg) top right repeat-y;*/} 
#menu_ruta { width:845px; height:28px; text-align:right; background:url(../img/menu_in.jpg) right no-repeat;}
#cuerpo_in { width:845px; height:auto; overflow:auto; float:left; background:url(../img/cont_in_abajo.jpg) bottom right no-repeat;}
#contenedor_in { width:845px; height:auto; overflow:auto; background:url(../img/cont_in_re.jpg) top right repeat-y;}
#contiene_cosas { width:845px; height:auto; overflow:auto;}
#menu_izq_in { width:180px; min-height:435px; float:left; margin:0!important; padding:0!important;}
#contenido_in { width:665px; min-height:435px; float:right; background:url(../img/cont_in_arriba.jpg) top right no-repeat;}
.content_h { width:665px; min-height:435px; float:right; background:url(../img/hora.jpg) no-repeat bottom right;}
<!-- Fin de estilo in -->
<!-- Fin de estilos de capas-->

<!-- Inicio del estilo de contenido -->
#ruta_pagina { width:845px; height:28px; }
#ruta_pagina .ruta_pag { text-align:right!important; padding-right:20px!important; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#ea8a4d;}
#ruta_pagina .ruta_pag a, #ruta_pagina .ruta_pag a:hover, #ruta_pagina .ruta_pag a:visited { text-align:right!important; line-height:28px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#ea8a4d;}
<!-- Fin de estilo de contenido -->

<!-- Inicio del estilo del contenido de la plantilla IN -->
#Entro { width:650px; margin:0 auto;}
#Entro .titulo { padding-top:17px; padding-left:40px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#ea8a4d; font-weight:bold;}
#Entro .content { padding-left:15px; padding-right:20px; line-height:15px; width:650px; padding-bottom:20px; padding-top:20px;}
<!-- Fin del estilo del contenido de la plantilla IN -->

<!-- Inicio de estilos de menu plantilla IN -->
#Categoria { margin:0!important; padding:0!important;}
#menu_izq_in #Categoria ul { margin:0!important; padding:0!important; margin-left:20px!important; margin-top:0!important;}
#menu_izq_in #Categoria ul li.par { display:block; background:url(../img/li_par.jpg) left top no-repeat; width:148px; height:28px; list-style:none;}
#menu_izq_in #Categoria ul li.impar { display:block; background:url(../img/li_impar.jpg) left top no-repeat; width:148px; height:28px; list-style:none;}
#menu_izq_in #Categoria ul li a,  #menu_izq_in #Categoria ul li a:visited { font:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:28px; text-transform:uppercase;  color:#000000; padding-left:10px;}
#menu_izq_in #Categoria ul li a:hover { display:block; width:148px; height:28px; background:url(../img/li_a.jpg) no-repeat;}
<!--Fin de estilos de menu plantilla IN -->

<!-- Inicio de estilos de menu encima de flash -->
#topper { margin:0; padding:0;}
#topper ul { display:block; float:left; margin:0; padding:0; padding-left:20px;}
#topper ul li { display:block; float:left; list-style:none; padding-left:10px; padding-right:10px; background:url(../img/menu_flash_li.jpg) no-repeat right top; height:27px; line-height:27px;}
#topper ul li a { display:block; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#FFFFFF;}
<!-- Fin de estilos de menu encima de flash -->

<!-- Inicio de estilos del menu superior -->
#superiores { margin:0; padding:0; text-align:right;}
#superiores ul { margin:0; padding:0; text-align:right; padding-left:10px; }
#superiores ul li { padding-left:30px; list-style:none; float:left; display:block; text-align:right;}
#superiores ul li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#7d4a1f; font-weight:bold; line-height:28px;}
<!-- Fin de estilos del menu superior -->

#banner a { border:none; list-style:none; text-decoration:none;}
#banner a img { border:none; list-style:none; text-decoration:none; margin-left:224px;}

#horarios h2 {}

#llegadas { padding-right:4px; float:left;}
#llegadas .titulo{ height:21px; font-size:15px; color:#f1ae1a; text-align:center; font-weight:bold;}
#llegadas .semii { height:11px; font-size:11px; text-align:left; color:#000000;}
#llegadas .semic { height:11px; font-size:11px; text-align:right; color:#000000;}
#llegadas .semid { height:11px; font-size:11px; text-align:right; color:#000000;}
#llegadas .semiia { height:10px; font-size:10px; text-align:left; color:#FFFFFF;}
#llegadas .semica { height:10px; font-size:10px; text-align:right; color:#FFFFFF;}
#llegadas .semida { height:10px; font-size:10px; text-align:right; color:#FFFFFF;}
#llegadas .hora { height:8px; color:#660000; font-size:9px; text-align:left; padding:0; margin:0; padding-top:1px;}
#llegadas .lugar { height:8px; color:#3F3F3F; font-size:9px; text-align:center; padding:0; margin:0; padding-top:1px;}
#llegadas .anden { height:8px; color:#666966; font-size:9px; text-align:right; padding:0; margin:0; padding-top:1px;}

#salidas { padding-right:4px; float:right;}
#salidas .titulo{ height:21px; color:#FFFFFF; font-size:15px; text-align:center; font-weight:bold;}
#salidas .semii { height:11px; color:#000000; font-size:11px; text-align:left;}
#salidas .semic { height:11px; color:#000000; font-size:11px; text-align:right;}
#salidas .semid { height:11px; color:#000000; font-size:11px; text-align:right;}
#salidas .semiia { height:10px; color:#FFFFFF; font-size:10px; text-align:left;}
#salidas .semica { height:10px; color:#FFFFFF; font-size:10px; text-align:right;}
#salidas .semida { height:10px; color:#FFFFFF; font-size:10px; text-align:right;}
#salidas .hora { height:8px; color:#660000; font-size:9px; text-align:left; padding:0; margin:0; padding-top:1px;}
#salidas .lugar { height:8px; color:#3F3F3F; font-size:9px; text-align:center; padding:0; margin:0; padding-top:1px;}
#salidas .anden { height:8px; color:#666966; font-size:9px; text-align:right; padding:0; margin:0; padding-top:1px;}

#llave { float:left;}
#anadir { float:right;}
#anadir a img { border:none; list-style:none;}

#horarios { float: left; width: 100%; font-family:Arial,Helvetica,sans-serif; }
	#horarios #horariosLlegadas { float: left; width: 50%;}
	#horarios #horariosLlegadas h3 { color:#F1AE1A; font-size:15px; font-weight:bold; text-align:center;  background: #004d77; margin:0; padding: 5px;}
	#horarios #horariosLlegadas table { width: 100%; border: 0; border-collapse: collapse; }
	#horarios #horariosLlegadas table thead { background: #2ba3a2;}
	#horarios #horariosLlegadas table thead th { color:#000000; font-size:11px;height:11px;text-align:center; padding:2px; border-bottom:1px solid #5e7072;}
	#horarios #horariosLlegadas table thead th span { color:#FFFFFF;font-size:10px;display:block;}
	#horarios #horariosLlegadas table tbody { background: url(../img/llegadasBackgroundHome.jpg) repeat-x #FFFFFF left top;}
	#horarios #horariosLlegadas table tbody td { border-bottom: 1px solid #b3d5b0;padding:2px;}
	#horarios #horariosLlegadas table tbody td.hora { color:#660000; font-size:9px; text-align:left;}
	#horarios #horariosLlegadas table tbody td.lugar { color:#3F3F3F; font-size:9px; text-align:center;}
	#horarios #horariosLlegadas table tbody td.darsena { color:#666966; font-size:9px; text-align:right;}
	
	#horarios #horariosSalidas { float: left; width: 50%;}
	#horarios #horariosSalidas h3 { color:#F1AE1A; font-size:15px; font-weight:bold; text-align:center;  background: #9b4b0e; margin:0; padding: 5px;}
	#horarios #horariosSalidas table { width: 100%; border: 0; border-collapse: collapse; }
	#horarios #horariosSalidas table thead { background: #a43625;}
	#horarios #horariosSalidas table thead th { color:#000000; font-size:11px;height:11px;text-align:center; padding:2px; border-bottom:1px solid #5e7072; vertical-align: middle;}
	#horarios #horariosSalidas table thead th span { color:#FFFFFF;font-size:10px;display:block;}
	#horarios #horariosSalidas table tbody { background: url(../img/salidasBackgroundHome.jpg) repeat-x #FFFFFF left top;}
	#horarios #horariosSalidas table tbody td { border-bottom: 1px solid #b3d5b0;padding:2px; vertical-align: middle;}
	#horarios #horariosSalidas table tbody td.hora { color:#660000; font-size:9px; text-align:left;}
	#horarios #horariosSalidas table tbody td.lugar { color:#3F3F3F; font-size:9px; text-align:center;}
	#horarios #horariosSalidas table tbody td.darsena { color:#666966; font-size:9px; text-align:right;}
	
#horariosAutobuses {}

#horariosAutobuses label {color:#000000; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; font-weight:normal;}
#horariosAutobuses input, #horariosAutobuses select {color:#000000; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; font-weight:normal;}
#horariosAutobuses select {margin:5px;}

#horariosAutobuses table { width: 100%; border: 1px solid #F3F3F3; border-collapse: collapse; }
	#horariosAutobuses table thead th { border: 1px solid #F3F3F3; color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;text-align:center;padding:2px; vertical-align: middle;}
	#horariosAutobuses  table thead th span { color:#333333;font-size:8px;display:block;}
		#horariosAutobuses table thead th.laborables { background:#B4B2D9; width: 150px;  }
		#horariosAutobuses table thead th.sabados { background: #D9ADAE;}
		#horariosAutobuses table thead th.festivos { background:#EAF1E9; }
		#horariosAutobuses table thead th.extra { background:#FEFEFE;}
		
		#horariosAutobuses table thead th.laborablesSoft { background:#DAD9EC;  }
		#horariosAutobuses table thead th.sabadosSoft { background: #ECD7D7;}
	#horariosAutobuses table thead th ul { margin:0;padding:0;list-style-type:none;width:100%;}
	#horariosAutobuses table thead th ul li{ float: left; color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;text-align:center;height:33px;width:22px;}
	#horariosAutobuses table thead th ul li.circulaOK { background: url(../img/ok.png) no-repeat center bottom; }
	#horariosAutobuses table thead th ul li.circulaKO { background: url(../img/no.png) no-repeat center bottom; }


	#horariosAutobuses table tbody td {border: 1px solid #F3F3F3; color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:9px;font-weight:normal;text-align:center; padding:2px; vertical-align: middle;}
		#horariosAutobuses table tbody td.festivos { background:#EAF1E9; }
		#horariosAutobuses table tbody td.extra { background:#FEFEFE;}
		
		#horariosAutobuses table tbody td.laborablesSoft { background:#DAD9EC;  }
		#horariosAutobuses table tbody td.sabadosSoft { background: #ECD7D7;}
		
	#horariosAutobuses table tbody td a, #horariosAutobuses table tbody td a:visited {color:#000000; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold; text-decoration:none;}
	#horariosAutobuses table tbody td a:hover {color:#000000;text-decoration:underline;}
	
	#horariosAutobuses ul#datosEmpresa { margin:0;padding:0;list-style-type:none;width:100%;}
	#horariosAutobuses ul#datosEmpresa li{color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-weight:normal;text-align:left;}
	#horariosAutobuses ul#datosEmpresa li span {font-weight:bold;}
	
#horariosAutobuses p {text-align:center;margin: 5px;}
#horariosAutobuses p a, #horariosAutobuses p a:visited {color:#000000; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold; text-decoration:none;}
#horariosAutobuses p a:hover {color:#000000;text-decoration:underline;}

#horariosAutobuses h2 {margin:0; background:transparent url(../img/hora_baner.jpg) no-repeat scroll left top; min-height: 51px; padding: 25px 0  0 50px; font-weight: bold; font-size: 14px;}


#horario { padding:0;}
#horario .imagen { background:url(../img/hora_baner.jpg) no-repeat top left; width:100%; height:51px;}
#horario .labo_a { background:#b4b2d9; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-align:center;}
#horario .labo_b { background:#dad9ec; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; text-align:center;}
#horario .saba_a { background:#d9adae; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-align:center;}
#horario .saba_b { background:#ecd7d7; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; text-align:center;}
#horario .festi_a { background:#eaf1e9; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-align:center;}
#horario .festi_b { background:#eaf1e9; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; text-align:center;}
#horario .resto { background:#fefefe; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; text-align:center;}

.labor_a { color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-align:center;}

.ida { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-decoration:underline; color:#000000; text-align:left;}
.vuelta { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-decoration:underline; color:#000000; text-align:right;}


/* PIE */
.pie { text-align:right; padding-right:15px; padding-top:4px; color:#FFFFFF; font-size:10px;}
.pie a {color:#FFFFFF; font-size:10px;}