/**
 * CSS Document
 * 
 * $Id$
 * @author Miguel V�zquez Gonz�lez
 * 
 * Created on 11-nov-2006
 */

/* DEBUGER CSS FOR FIREFOX
  * { outline: 2px dotted red }
  * * { outline: 2px dotted green }
  * * * { outline: 2px dotted orange }
  * * * * { outline: 2px dotted blue }
  * * * * * { outline: 1px solid red }
  * * * * * * { outline: 1px solid green }
  * * * * * * * { outline: 1px solid orange }
  * * * * * * * * { outline: 1px solid blue }
 */


/* * * * * * * * * * * * * * * * * * * * * * *
 COLORES:
 * * * * * * * * * * * * * * * * * * * * * * */


/* HTML Tags ************************************************************/

	body {
		color: #000000;
		margin: 0px 0px 0px 0px;
		/*background-color:#ffffff;*/
		font-family: tahoma, verdana, arial, helvetica, sans-serif;
		font-size: 12px;
		padding: 10px 20px 20px 20px;		
	}


/* MAQUETACI�N DE LA P�GINA *********************************************/	

	#cabecera {
		clear: both;
		width: 750px;
	}
		#cabecera_izq { 
			float: left;
			width: 50%;
		}
		#cabecera_der { 
			text-align: right;
			float: right;
			width: 50%;
		}
			#cabecera_der_izq {
				padding: 0px 0px 27px 210px;
			}		
			#cabecera_der_der {	}
		
		
	#cuerpo { 
		background: transparent url(../../theme/images/bg_contenidos_html.gif) no-repeat;
		width: 750px;
		height: 680px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
		
		
		#menu_principal {
			float:left;
		}
			#foto {	}	
			
			#menu.menu {
				visibility: hidden;
			}	
			#menu.mostrado {
				visibility: visible;
			}
			
			#menuAccesible {
				position: relative;
				top: -280px;
			}	
			#menuAccesible.oculto {
				position: absolute;
				top: -2000px;
				left: -2000px;
			}	

			#div_logos {
			}	
			
			
			
		#contenido { 
			width: 580px;
			text-align: justify;
			margin:  0px 0px 0px 0px;
			padding: 0px 0px 0px 20px;
			float: right;	
			/*min-height: 450px;*/
		}
			#textos, .textos { 
				/*padding: 15px 10px 20px 0px;*/
				padding: 15px 10px 0px 0px;
				width: 550px;
			}

	#pie_pagina {
		width: 760px;
		clear: both;
		text-align: center;
		color: #76A7E2;
	}

/* CSS DE IMPRESION *****************************************/

	@media print {

		html, body, #cuerpo, #contenido, #textos, .textos  {
			margin:  0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}

		#cabecera_der, 
		#pie_pagina,
		#menu_principal,
		#enlacesHorarios, 
		.comboAjax { 
			display: none;
		}
		
		#cuerpo, #contenido, #textos, .textos  { 
			width: 650px;
			text-align: left;
		}			
	}
	
/* CLASES ***************************************************/

	.no_visible {
		display: none;
	}

	.espaciado { 
		clear: both;
	}

	.aviso {
		width: 80%;
		border: 1px solid #ff0000;
		background-color: #f1f1f1;
		color: #ff0000;
		font-weight: bold;
		text-align: center;
		padding: 10px;
		margin: 10px;
	}

	.marco {
		margin: 20px;
		padding: 10px;
		border: 1px #999999 solid;
		background-color: #FFFFFF;
	}

	.logoPdf {
		padding: 0px 5px 0px 0px; 
		float: left; 
		vertical-align: bottom; 
		width: 24px; 
		height: 24px;
	}
	


/* PAGINA DE HAZ TU VIAJE **********************************/

	.titulo_trayecto {
		background: transparent url(../../theme/images/ico_estacion.gif) no-repeat ; 
		font-size: 16px;
		padding: 10px 0px 15px 75px;
		font-weight: bold;
	}

	.titulo_precios {
		background: transparent url(../../theme/images/ico_precios.gif) no-repeat ; 
		font-size: 16px;
		padding: 10px 0px 15px 75px;
		font-weight: bold;
	}

	.titulo_correspondencias {
		background: transparent url(../../theme/images/ico_tren.gif) no-repeat ; 
		font-size: 16px;
		padding: 10px 0px 15px 75px;
		font-weight: bold;
	}
	
	.titulo_horarios {
		background: transparent url(../../theme/images/ico_horario.gif) no-repeat ; 
		font-size: 16px;
		padding: 10px 0px 15px 75px;
		font-weight: bold;
	}
	
	.contenedorHazTuViaje {
		margin: 7px 0px 10px 0px;
		padding: 10px 25px 10px 25px;
		background-color: #f5f5f5;
		border: 1px solid #004B85;
	}
	
	.contenedorHazTuViaje span.etiqueta {
		font-weight: bold;		
	}
	
	.contenedorHazTuViaje span.dato {
		
	}
	
	.nombre_linea {
		background: transparent url(../../theme/images/ico_linea.gif) no-repeat ; 
		font-size: 12px;
		padding: 5px 0px 15px 50px;
	}
	
	.listaEstaciones {
		font-size: 12px;
		padding: 0px 0px 0px 0px;
	}
	
	.tablaHorarios {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		border: 1px solid #004B85;
	}
	
	.tablaLeyendaHorarios {
		text-align: left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		border: 1px solid #004B85;
	}
	
	.tablaLeyendaHorarios td{
		text-align: left;
	}
	
	.tablaHorarios .trHead , .tablaLeyendaHorarios .trHead {
		background-color: #004B85;
		color: #ffffff;
		text-align: center;
	}
	
	.tablaHorarios td, .tablaLeyendaHorarios td {
		padding: 2px 10px 2px 10px; 
	}
	
	#divHorarios {
		clear: both;
	}
	
	#resultHorarios {
		
	}
	
	#resultHorariosLeft {
		float: left;
		width: 60%;
	}
	
	#resultHorariosRight {
		float: right;
		width: 38%;		
	}
	
	
	/* Tipos de trayectos */
	.trTipoTrayecto_0 	{ background-color: #EEEEEE; text-align: center; }	
	.trTipoTrayecto_1 	{ background-color: #FFFFE6; text-align: center; } 
	.trTipoTrayecto_2 	{ background-color: #D7E7F4; text-align: center; }
	.trTipoTrayecto_3 	{ background-color: #FDA31C; text-align: center; }
	.trTipoTrayecto_4 	{ background-color: #FEFDBC; text-align: center; }
	.trTipoTrayecto_5 	{ background-color: #FFE7C4; text-align: center; }
	.trTipoTrayecto_6 	{ background-color: #FEFD89; text-align: center; }
	.trTipoTrayecto_7 	{ background-color: #FFCC66; text-align: center; }	
	.trTipoTrayecto_8 	{ background-color: #FFCCCC; text-align: center; }	
	.trTipoTrayecto_9 	{ background-color: #EAF0B0; text-align: center; }	
	.trTipoTrayecto_10 	{ background-color: #D7E575; text-align: center; }	
	.trTipoTrayecto_11 	{ background-color: #ACCAEB; text-align: center; }	
	.trTipoTrayecto_12 	{ background-color: #CCCCFF; text-align: center; }	
	.trTipoTrayecto_13 	{ background-color: #BFCF27; text-align: center; }	
	.trTipoTrayecto_14 	{ background-color: #FFE7C4; text-align: center; }			
	.trTipoTrayecto_15 	{ background-color: #FE9ACD; text-align: center; }		
	.trTipoTrayecto_16 	{ background-color: #EFEBCC; text-align: center; }		
	.trTipoTrayecto_17 	{ background-color: #E7DBB1; text-align: center; }		
	.trTipoTrayecto_18 	{ background-color: #D8BE85; text-align: center; }		




/* CONTENIDOS ************************************************/

	.content_titulo {
		background: transparent url(../../theme/images/bg_content_titulo.gif) no-repeat ; 
		font-size: 18px;
		padding: 3px 0px 10px 0px;
		 
	}

	.content_subtitulo {
		font-weight: bold;
		color: #2776C2;
		font-family: arial;
		font-size: 14px;
		padding: 0px 0px 0px 0px;
	}
	
	.content_texto {
		font-size: 12px;
	}

	.content_cabecera_texto {
		font-size: 12px;
		padding: 15px 0px 10px 0px;
	}
	
	.content_pie_texto {
		font-size: 12px;
		padding: 10px 0px 10px 0px;
	}	
	

	
/* FORMULARIOS ************************************************/

	label.etiqueta {
		font-weight: bold;
		color: #003862;
		font-size: 10px;	 
	}
	label.etiquetaBig {
		font-weight: bold;
		color: #003862;
		font-size: 12px;
		 
	}	
	label.info {
		font-size: 10px;
	}
	.radioButton , .checkButton {
		vertical-align: middle;
	}	
	.textInput {
		font-size: 10px;
		height: 14px;
	}
	.selectButton {
		font-size: 10px;
		height: 18px;
	}
	textarea {
		font-size: 12px;
	}
	.sendButton {
		font-size: 10px;
		height: 19px;
		padding: 0px 11px 0px 11px;
	}
	.textInput:focus, .radioButton:focus, .checkButton:focus, .selectButton:focus, textarea:focus {
		background-color: #FEFBE3;
	}	


/* RSS ***********************************************************/

	.divCabeceraRss {
		text-align: center;
	}
	.imputFormBuscador {
		border-right: #00428b 1px solid; 
		border-top: #00428b 1px solid; 
		border-left: #00428b 1px solid; 
		border-bottom: #00428b 1px solid; 
		font-size: 10px; 
		color: #012266; 
		background-color: #ffffff;
		font-family: Verdana,Arial,Helvetica,sans-serif; 
	}
	
	div.separaNoticiasClear {
		clear:both;
		border-bottom: 1px #666666 solid;
		padding: 4px 0px 10px 0px ;
	}
	div.separaNoticiasPadding {
		width: 100%;
		clear: both;
		border-top: 1px #003862 solid;	
		padding: 0px 0px 0px 0px;
	}
	div.separaNoticiasTransparente {
		clear:both;
		padding: 4px 0px 10px 0px ;
	}
	
	.divNoticias{
		text-align: left; 
		width: 100%;
	}
	a.tituloCanal{
		font-weight: bold;
		font-size: 14px;
		color: #196CB9;
	}
	a.tituloCanal:hover{
		color: #009CC4;
	}
	a.enlaceNoticia {
		font-weight:bold;
		font-size: 10px;
		color: #196CB9;
		text-align:justify;
		text-decoration: none;
	}
	a.enlaceNoticia:hover {
		color: #009CC4;
		text-decoration: underline;
	}
	div.descripcionNoticia{
		color: #003366;
		font-size: 10px;
		text-align:justify;
		padding-top: 6px;
	}
	div.fechaNoticia {
		color: #666666;
		font-size: 10px;
		padding-top: 6px;
	}

	
	

/* MENU ACCESIBLE  *************************************************/

	.menuAccesible{
		display: none;
		text-align: left;
		color: #cccccc;
	}
	
	.menuAccesible a {
		color: #FFFFFF;
	}

	.menuAccesible a:hover {
		color: #FFE900;
		font-weight: bold;
	}
	

	
/* ENLACES *********************************************************/
	
	 a, a:link, a:visited{
		color: #3B87C3;
		text-decoration: none;
		font-weight: bold;
	}
	a:hover, a:active{
		color: #009CC4;
		text-decoration: underline;
	}

	/* Para los listados de enlaces */
	a.listaEnlaces {
		color: #3B87C3;
		padding: 3px 0px 3px 20px;
		background: transparent url(../../theme/images/bullet_h2_22_blue.gif) no-repeat ; 
		font-weight: bold;
	}
	a.listaEnlaces:hover { }