/*==================================
    Estructura principal del site
====================================*/
body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center; /* site centrado para IE 5.x Win */
}

abbr, acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
}

a:link {
	color: #3399cc;
	text-decoration: none;
}

a:visited { color: #3399cc } /* cuando un link es visitado recupera el color original del link */
a:hover, a:focus, a:active { text-decoration: underline }

form { margin: 0; padding: 0 }
hr { display: none }

h1 {
	margin: 0;
	padding: 4px 0 1px 30px;
	font: 1.1em Arial, Helvetica, sans-serif;	
	font-weight: bold;
	/*text-transform: lowercase;*/
	letter-spacing: -1px;
}

h2 {margin:0;padding:0;}
#bodyContent h2 {font-size:1.8em;}

img { border: 0 }

input, select, textarea {
	color: #666;
	font: 1em Arial, Helvetica, sans-serif;
}

p {
	margin: 0;
	padding: .5em 0;
}

/*--- Boton formulario: fondo azul con flecha ---*/
.buttonFormImg {
	padding-bottom:.5em;	
	vertical-align: -2px;	
	vertical-align /* */: -5px; /* Oculto para IE6 */	
}

/*--- Rompe el efecto caja flotante ---*/
.clr {
	clear: both;
}

/*alinea el texto al centro*/
.textCenter {
	text-align: center;
}

.flt { float: left;}
.frt { float: right;}

/*--- Oculta elementos sin esconderlos a los lectores de pantalla ---*/
.hide {	display:none }

/*******Cabecera*********/

#wrapper {width:100%;text-align: left; /* devuelve la correcta alineacion a la izquierda */margin-left: auto;margin-right: auto;}
#header {font-size: 62.5%;}
#header:after {display: block;	height: 0;content: ".";	visibility: hidden;	clear: both;}
		#header #logoBack { margin: 0; padding: 0; background: url(../../img/pda/back_popup.gif) repeat-x top left; color:#fff; font-size: 1.2em;font-weight: bold;text-align:center;}				
		#header #logo {height: 3.5em; margin: 0; padding: 0; background: url(../../img/pda/log_popup.gif) no-repeat top left; }
		#header #utility {
			float: right;			
			width: 10em;
			margin-top: 0;				
			padding: 0;			
		}

	/* Estilo enlaces de la cabecera */
	#header ul {
		margin: 0;
		padding: 0;
	}

		#header #utility ul li {
			display: inline;
			margin-right: -4px;
			padding: 1em;		
			background: url(../../img/pda/back_lineGrayVert.gif) no-repeat left center ;
			font-size: .9em;
			list-style: none;				
		}
		
		#header #utility ul li.first { background: none; margin:0; padding: 0 0 0 4px; }
		
			#header  li a {
				color: #858585;
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			}
			
			
	/**************Contents*****************/		
	#content {
		width: 100%;
		font-size: 63%;				
		clear: both;
	}
	
	#content:after {display: block;	height: 0;content: ".";	visibility: hidden;	clear: both;}
	#content #principalContent {
		float: left;
		width: 100%;
		height: 1%;
		padding-bottom: 2.5em;		
	}
	
	#principalContent #bodyContent { font-size:1.1em; margin-left:2em;margin-right:1em;}	
	#principalContent #bodyContent a {font-size: .9em; text-decoration: underline;}
	
/************Modulo de inicio: informacion de vuelos***********/
#content #principalContent #bodyContent #searchFly p {margin:0; padding:0; font-size:.9em;}
/*formulario*/
#content #principalContent #bodyContent #searchFly form{float:left;width:100%;border: solid 1px #DDDBDE; margin: .5em 0 0 0;padding-bottom: 1em;}
#content #principalContent #bodyContent #searchFly form:after {display: block;	height: 0;content: ".";	visibility: hidden;	clear: both;}
#content #principalContent #bodyContent #searchFly h3 {margin:.2em .5em .5em .5em;padding:.2em; background:#6BA3D6; color: #fff; font-size:1em; font-weight: bold; text-align: center;}
#content #principalContent #bodyContent #searchFly div.formSearch {float:left; padding-left: 1.5em;}
#content #principalContent #bodyContent #searchFly form label {float:left;padding-right:.3em;color: #737373;}
#content #principalContent #bodyContent #searchFly form label.textFly {width: 50%;}
#content #principalContent #bodyContent #searchFly form input#numFly {width: 30%;}
#content #principalContent #bodyContent #searchFly span.textForm {display:block; padding: .2em 0 0 0; padding-right: 14%;font-size: .9em; color:#868684;}
#content #principalContent #bodyContent #searchFly span.ej {width:45%;}
#searchFly div.radioSelection {padding-top: .5em;}
#searchFly input#departures{float:left;}
#searchFly input#arrivals{float:left}
#searchFly label.radioDepartures {float:none; width:30%; padding: .5em .5em 1em 3.5em; background: url(../../img/pda/icon_departuresActive.gif) no-repeat top left; font-weight: bold;}
#searchFly label.radioArrivals {float:none; width:30%; padding: .5em .5em 1em 3.5em; background: url(../../img/pda/icon_arrivalsNoActive.gif) no-repeat top left; font-weight: bold;}
#content #principalContent #bodyContent #searchFly form select {display:block;width:90%;border: solid 1px #000;margin-top:1em;font-size: .9em;}
.reset {width:59px; height:16px; margin:0 1em; padding: .7em 0 0 0; border:0; position /* */: relative; top /* */:.0em /* Oculto para IE6 */    }
  button.reset > img { position:relative; top:-1px; left:-3px; } /* Oculto para IE */	
#content #principalContent #bodyContent #searchFly input.buttonSearch {padding: .7em 1.6em 0 0; margin-right: 1.5em;}	


/*Para cuando no hay javascript*/
#content #principalContent #bodyContent #searchFly form.no_javascript select { display:inline; width: 80%; }
#content #principalContent #bodyContent #searchFly form.no_javascript input.imgButton {
	padding-bottom: .3em;	
	vertical-align: -2px;	
	vertical-align /* */: -5px; /* Oculto para IE6 */	 
}

	#content #principalContent #bodyContent #searchFly form.no_javascript ul {margin: .5em 0 0 0; padding: 0;}
	#content #principalContent #bodyContent #searchFly form.no_javascript ul a { text-decoration: none;}
		#content #principalContent #bodyContent #searchFly form.no_javascript ul li.link_Departures{display:inline; padding-bottom: 1em;padding-left: .5em; padding-right: 3em; background: url(../../img/pda/icon_departuresActive.gif)  top left  no-repeat; list-style: none;}
		#content #principalContent #bodyContent #searchFly form.no_javascript ul li.link_Departures img {padding-right: 1em;}
		#content #principalContent #bodyContent #searchFly form.no_javascript ul li.link_Arrivals{display: inline; padding-bottom: 1em;padding-left: .5em; background: url(../../img/pda/icon_arrivalsNoActive.gif) top left  no-repeat; 	list-style: none;}
		#content #principalContent #bodyContent #searchFly form.no_javascript ul li.link_Arrivals img {padding-right: 1em;}

/***************Modulo de resultados de busqueda origen y destino*****************/

/* Listado de vuelos encontrados y paginacion*/		
#flightResultsListPag {width: 99.5%; margin-bottom: .3em;}
#flightResultsListPag:after  { display:block; height:0; content:"."; visibility:hidden;clear:both;}	
	#flightResultsListPag .listFlightResults {float: left;width:60%; margin: .3em 0 0 0; color: #000; font-size: .9em;}
	#flightResultsListPag .listFlightResults span{margin-right: .3em; color: #D58320;}
	ul.pagFlightResults {float: right; margin: .3em 0 0 0; padding: 0; text-align: right;font-size: .9em;}	
		ul.pagFlightResults li{display: inline; margin: 0; padding-left: .5em; color:#3399cc; }
		
#resultsSearch {
	border: 1px solid #dad8d8;
	margin-bottom: 1em;
	margin-top: .5em;
}
/* Encabezado */
	#resultsSearch #headFlightResults {	
		position: relative;
		padding: .4em;
		background: #fffbf7;
		color: #666;	
		font-size: .7em;	
	}
	
		/* Texto */
		#resultsSearch #headFlightResults h3 {
			margin: 0;
			padding: .5em 0 0 42px;
			background: url(../../img/pda/back_departuresResults.gif) 0 0px no-repeat;
			color: #666;
			font-weight: normal;
			font-size: 1em;				
			
		}
		
			#resultsSearch #headFlightResults h3.backTitle {background: url(../../img/pda/back_departuresResults2.gif) 0 0px no-repeat;}

			#resultsSearch #headFlightResults h3 big {
				font-size: 1em;				
				line-height: 1.7em;
				
			}
			
				#resultsSearch #headFlightResults h3 span {
					display:block;
					font-size: .9em;
				}
				
				
				#resultsSearch #headFlightResults h3 em {
					display:block;
					background: #fffbf7;
					color: #d48020;
					font-style: normal;
				}
	
		/* Formulario "franja horaria" */
		#resultsSearch #headFlightResults form {
			position: relative;			
			top:0%;
			left:10%;
			right: .5em;
			padding-left: 20%;
			font-size: .9em;
			text-align: left;
			
		}
		#resultsSearch #headFlightResults form label{vertical-align: top;}
							
						
	/* Tabla */
	#resultsSearch table.flightResults{
		width: 100%;
		margin-top: 1px;
		border-collapse: collapse;
		font-size: 1em; /* para IE 5.x Win */
		text-align:left;
	}
		
		/* Color de fondo de celda */
		#resultsSearch table.flightResults .backColor { background: #fffbf7 }
		
		/* Estilo celdas de encabezado */
				
		#resultsSearch table.flightResults th {
			border: 1px solid #dad8d8;
			border-right:none;
			border-bottom: none;
			padding: 0;
			background: url(../../img/pda/icon_infoVuelosArrowGray.gif) right bottom no-repeat;
			color: #333;
			font-size: .9em;
			font-weight: normal;
			text-align: center;			
		}
		#resultsSearch table.flightResults th a span{text-decoration:none;}
				
		/* Celdas de encabezado con color de fondo */
		#resultsSearch table.flightResults th.backColor {
			padding: .3em .4em;
			background-image: none;
			text-align: left;
		}
		
		/* Encabezado seleccionado */
		
		#resultsSearch table.flightResults th.selected {
			background: url(../../img/pda/icon_infoVuelosArrowOrange.gif) right bottom no-repeat;
		}
				
		/* Anchura de cada encabezado */
		#resultsSearch table.flightResults th.heading1 { width: 22.5em; font-size: 1em;}
		#resultsSearch table.flightResults th.heading2 { width: 15.5em; font-size: 1em;}
		#resultsSearch table.flightResults th.heading3 { width: 10.3em; background: url(../../img/pda/back_grayLight.gif) right bottom no-repeat; font-size: .9em;}
		#resultsSearch table.flightResults th.heading4 { width: 6.9em; background: url(../../img/pda/back_grayLight.gif) right bottom no-repeat; font-size: .9em;}	
			
	
			/* Numeros fecha */
			#resultsSearch table.flightResults th span { color: #666 }
	
			/* Enlaces */
			#resultsSearch table.flightResults th a {
				display: block;
				width: 100%;
				padding: .4em 0 1.1em 0;
				color: #333;
				text-decoration: none;				
			}
			
			#resultsSearch table.flightResults th a:hover { text-decoration: none }
			
				#resultsSearch table.flightResults th a span {
					display: block;
					margin-left: 4px;
					color: #666;					
				}
	
		/* Celdas datos */
		#resultsSearch table.flightResults td {
			border-left: 1px solid #dad8d8;
			padding: .4em .6em;
			font-size: .9em;
			text-align: center;			
		}
		
		#resultsSearch table.flightResults td span {color:#d48020;}
		
		/* Celdas con texto centrado */
		#resultsSearch table.flightResults td.col1,
		#resultsSearch table.flightResults td.col2{
			padding: 0;			
		}
		
		/* Celdas sin borde izquierdo */
		#resultsSearch table.flightResults th.backColor,
		#resultsSearch table.flightResults th.heading1,
		#resultsSearch table.flightResults td.col1 { border-left: none }
		
		/* Celdas sin borde derecho */
		#resultsSearch table.flightResults th.backColor { border-right: none }
		
			/* Enlaces */
			#resultsSearch table.flightResults td a { text-decoration: underline }
			#resultsSearch table.flightResults td a:hover { text-decoration: none }
			
	
	/************************Modulo de ficha de vuelo nacional*************************************/		
	
	#content #principalContent #bodyContent a.linkSearch {padding-left:1em;}
	
	#content #principalContent #bodyContent #flightInformation h2 {
		margin:0;
		padding-left: 3.5em;	
		padding-top: .5em;
		margin-top:	1em;
		background: url(../../img/pda/icon_destination.gif) no-repeat 1px;
		font-size: 1em;		
		font-weight: normal;
		text-transform: uppercase;				
	}
	
	#content #principalContent #bodyContent #flightInformation h2 span {
		display:block;
		color: #d48020;		
		font-size: 1.6em;			
		font-weight: bold;				
	}
	
	/*tabla*/
	#content #principalContent #bodyContent #flightInformation table {
		border: solid 1px #DEDBDE;
		border-bottom:none;
		border-collapse: collapse;
		width: 100%;
		margin-top: .5em;
		margin-bottom:.5em;
		text-align: left;
	}
	
	#content #principalContent #bodyContent #flightInformation table caption {
		border: solid 1px #DEDBDE;
		border-bottom: none;
		width: 93%;
		padding: .5em;
		background-color: #F7F3EF;
		font-size: 1em;
		font-weight: normal;
		text-align: left;
	}
	
	#content #principalContent #bodyContent #flightInformation table caption span {
		display: block;
		color: #d48020;		
	}
	#content #principalContent #bodyContent #flightInformation table .backColor { background: #fffbf7 }
	
	#content #principalContent #bodyContent #flightInformation table th {
		width: 60%;
		border-right: solid 1px #DEDBDE;
		border-bottom: solid 1px #DEDBDE;
		padding: .3em .5em .3em .5em ;
		color: #313031;		
		text-align:left;
		font-weight: normal;		
		font-size: .9em;
	}
	
	#content #principalContent #bodyContent #flightInformation table td { 
		width: 40%;
		font-size: 1em;		
	}
	
	/*Origen*/
	#content #principalContent #bodyContent #flightInformation table th.titleOrigin {
		border-bottom: solid 5px #CECFCE;
		border-right: none;
		padding: .5em;
		padding-left: 2em;
		background: url(../../img/pda/icon_destinationFlight.gif) no-repeat 2% 50%;
		font-size: 1em;
		font-weight: normal;	
	}
	
	/*Destino*/
	#content #principalContent #bodyContent #flightInformation table th.titleDestinity {
		border-bottom: solid 5px #CECFCE;
		border-right: none;
		padding: .5em;
		padding-left: 2em;
		background: url(../../img/pda/icon_destinationFlight.gif) no-repeat  2% 50%;
		font-size: 1em;
		font-weight: normal;
	}
	#content #principalContent #bodyContent #flightInformation table td {
		border-bottom: solid 1px #DEDBDE;
		padding: 0 .5em;
		color: #313031;
		font-size: .9em;
	}
	
	#content #principalContent #bodyContent #flightInformation table td span {
		color: #d48020;
	}

		
	#content #principalContent #bodyContent #flightInformation table tr.meteorology td {
		padding: .5em 0 .5em 2.5em;
		background: url(../../img/pda/icon_meteo.gif) no-repeat 2% 50%;			
	}
	
	/***************Modulo de vuelo con un aeropuerto de aena y otro no aena**************/
	
	/*Cabecera*/
	#content #principalContent #bodyContent #flightInformation #headFlightInformation {
		border: solid 1px #DEDBDE;
		margin-top: .5em;		
		padding: 1em 2.5em .5em 4em;
		background: #F7F3EF url(../../img/pda/back_flight.gif) no-repeat left 1%;		
	}
		
	#content #principalContent #bodyContent #flightInformation #headFlightInformation span{
		color: #d48020;	
		text-transform: uppercase;		
	}
	
	#content #principalContent #bodyContent #flightInformation #headFlightInformation span.aerport{
		display:block;
	}
	/*************Fichas de vuelos coincidentes*****************/
	
	#textResults {margin-top: .5em;}
	#textResults span {color: #D58320;}
	#textResults p {padding-bottom: 1.5em;}
	#listsFlight h3{ margin:0; padding:0 0 0 .5em; font-size: .9em; font-weight: normal;}
	
	.sepTop {
		display: block;
		height: 7px;  
		border-top: 1px solid #dedbde;  
		border-left: 1px solid #dedbde;
		border-right: 1px solid #dedbde;			 
		border-bottom: none;
		margin: 1em 0 0 0;
		background-color: #fff;  
		color: #fff;
	}
	/*tabla*/
	#listsFlight table {
		 border: solid 1px #DEDBDE;
		 border-top: solid 5px #dedbde;		
		 border-collapse: collapse;
		 width: 100%;		
		 margin: .2em 0 1.5em 0;
		 font-size: .8em;		
	}
	
	#content #principalContent #bodyContent #listsFlight table caption {
		border: solid 1px #DEDBDE;		
		margin:0;		
		padding: 1em 1em 1em 5.5em; 		
		background: url(../../img/pda/icon_destination.gif) no-repeat 2px 4px ;
		font-size: 1em;
		font-weight: normal;					
		text-align: left;		
	}
	
	#content #principalContent #bodyContent #listsFlight table caption a{
		float: left;		
		width:60%;		
	}	
	
	#content #principalContent #bodyContent #listsFlight table caption span{
		float: right;	
	}		
	
	#content #principalContent #bodyContent #listsFlight table td {
		padding-left: .5em;		
	}
	
	#content #principalContent #bodyContent #listsFlight table caption span.colorText {
		color: #d58320;
	}
	
	#content #principalContent #bodyContent #listsFlight table .backColor {background: #fffbf7 }
	
	#content #principalContent #bodyContent p.onlyText {
		padding-bottom: 1.5em;
		font-size: .9em;
	}