﻿/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0; /*compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	font-size:12px;
	color:#666666;
	background-color:#C4C9D6;
	background-image:url(../img/fondos/bg-fondo.gif);
	background-repeat:repeat-y;
	background-position:center;
	text-align: center;
}

p{margin:0 0 10px 0;}



.selecttarifa {
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
width:170px;
}

a {color:#0B3877; font-size:11px; font-weight:bold;text-decoration:none;}
a:hover {color: #333333; font-size:11px;font-weight:bold;text-decoration:underline;}

a.Secundario {color:#0098D4;font-size:12px;text-decoration:none;}
a.Secundario:hover {color:#0098D4; font-size:12px; text-decoration:underline;}

img{
	border:0px;
}

#blinking {text-decoration: blink;
color:#FFF;
background-color:#C00;
font-size:18px;
font-weight:bold;}

#PageContent{
	width:805px;
	text-align: left;
	background-color:#FFF;
	margin: 0 auto;
}

#Cabecera{
	float:left;
	width:805px;
	height:94px;
	border-bottom:1px solid #CCCCCC;
	background-image:url(../img/fondos/bg-logo.gif);
	background-repeat:no-repeat;
}

#Cabecera #Logo{
	float:left;
	width:482px;
}

#Cabecera #Nav{
	float:right;
	width: 290px;
	height:15px;
	margin:10px 10px 0 0;
	padding:0px;
	font-size:11px;
	text-align:right;
}

#Cabecera #Nav select{
	font-size:10px;

}

#Cabecera #Informacion{
	float:right;
	text-align:right;
	width: 280px;
	height:45px;
	margin:15px 10px 0 0;
}

#Cabecera #Nav ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#Cabecera #Nav li{
	display:inline;
}

#Central{
	/*width:905px; ------ tamaño real-----*/
	float:left;
	width:785px;
	padding:10px;
}

#ColumIzq{
	float:left;
	width:240px;
	margin:0 10px 0 0;
}

#BotonesBuscador{
	float:left;
	width:240px;
	height:31px;
	margin:0px;
}

#OpcionVuelos{
	float:left;
	display:block;
	width:113px;
	height:31px;
	background-image:url(../img/botones/bt-vuelos.gif);
	background-repeat:no-repeat;
}

#OpcionVuelos:hover{
	background-position: -113px;
	background-repeat:no-repeat;
	text-decoration:none;
}

#OpcionVuelosOn{
	float:left;
	display:block;
	width:113px;
	height:31px;
	background-position:-113px;
	background-image:url(../img/botones/bt-vuelos.gif);
	background-repeat:no-repeat;
}

#OpcionCoches{
	float:right;
	display:block;
	width:113px;
	height:31px;
	background-image:url(../img/botones/bt-coches.gif);
	background-repeat:no-repeat;
}

#OpcionCoches:hover{
	background-position: -113px;
	background-repeat:no-repeat;
	text-decoration:none;
}

#OpcionCochesOn{
	float:right;
	display:block;
	width:113px;
	height:31px;
	background-position:-113px;
	background-image:url(../img/botones/bt-coches.gif);
	background-repeat:no-repeat;
}

form{
	margin:0px;
	padding:0px;
}

.titulobloque1{
	float:left;
	width:40px;
	margin:0px;
	padding:0px;
}

.titulobloque2{
	float:left;
	width:65px;
	margin:0px;
	padding:0px;
}

#ReservasFormBordesup{
	width:240px;
	height:12px;
	margin-top:5px;
	background-image:url(../img/fondos/bg-reservas.gif);
	background-repeat:no-repeat;
	background-position:top;
}
#ReservasFormBordeinf{
	width:240px;
	height:12px;
	background-image:url(../img/fondos/bg-reservas.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0 0 20px 0;
}
#ReservasForm{
	width:220px;
	padding:0 10px 0 10px;
	/*background-image:url(../img/fondos/bg-reservas.gif);
	background-repeat:no-repeat;*/
	background-color:#ed7f00;
	color:#000;
	font-size:11px;
}

#ReservasForm a, #ReservasForm a:hover {
	color:#FFF;
	font-size:11px;
}

/*#ReservasForm form label{
	display:block;
	height:12px;
	margin:0px;
	padding:6px;
}*/
#ReservasForm form div.fila{
	display:block;
	height:12px;
	margin:0px;
	padding:6px;
}

#ReservasForm form select{
	font-size:10px;
	margin-left:6px;
	height:18px;
	
}

#ReservasForm form input{
	font-size:10px;
	margin-left:8px;
	height:14px;	
}

#ReservasForm form .boton{
	font-size:10px;
	margin-left:8px;
	height:20px;
	margin-left:50px;
}



#ReservasForm a.opciona{
	float:left;
	display:block;
	width:45px;
	height:20px;
	margin-bottom:10px;
	padding:5px 5px 5px 10px;
	font-weight:normal;
}

#ReservasForm a.opcionb{
	float:left;
	display:block;
	width:71px;
	height:20px;
	margin-bottom:5px;
	padding:5px;
	font-weight:normal;
}

#ReservasForm a.opcionc{
	float:left;
	display:block;
	width:49px;
	height:20px;
	margin-bottom:5px;
	padding:5px;
	font-weight:normal;
}


#InfoBordeSup{
	margin:10px 0 0 0;
	width:240px;
	height:12px;
	background-image:url(../img/fondos/bg-info.gif);
	background-repeat:no-repeat;
	background-position:top;
}

#InfoBordeInf{
	width:240px;
	height:12px;
	background-image:url(../img/fondos/bg-info.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#Info{
	width:218px;
	padding:0 10px 0 10px;
	/*background-image:url(../img/fondos/bg-reservas.gif);
	background-repeat:no-repeat;*/
	background-color:#EEE;
	border-left:1px solid #ed7f00;
	border-right:1px solid #ed7f00;
	color:#000;
	font-size:11px;
}

#Info h2{ 
	font-size:12px;
	font-weight:bold;
	margin:0px;
}

#InfoVuelos{
	padding:0 0 8px 0;
}

#InfoVuelos form select{
	font-size:10px;
	height:18px;
	
}

.botonInfoVuelos{
	margin:5px 0 0 170px;
	padding:0px;
}
.tituloform3{
	float:left;
	width:15px;
	margin:5px 5px 0 0;
	padding:0px;
}


#InfoFacturacion{
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	padding:8px 0 8px 0;
	background-image:url(../img/fondos/bg-facturacion.gif);
	background-repeat:no-repeat;
	background-position:center;
}

#InfoFacturacion form select{
	font-size:10px;
	height:18px;
	
}

.botonInfoFacturacion{
	margin:5px 0 0 170px;
}

#InfoFidelidad{
	padding:8px 0 0 0;
	background-image:url(../img/fondos/bg-fidelidad.gif);
	background-repeat:no-repeat;
	background-position:right;
}

.botonfidelidad{
	margin:5px 0 0 170px;
	padding:0px;
}

.tituloform4{
	float:left;
	width:65px;
	margin:5px 5px 0 0;
	padding:0px;
}






#ColumDerch{
	float:right;
	width:535px;
	/*_width:200px;*/
	margin:0px;
	overflow:hidden;
}

#ColumFamilia{
	float:right;
	width:535px;
	margin:0px;
}



#ContMenu{
	float:left;
	width:805px;
	margin:0px;
}

#Menu{
	float:left;
	width:785px;
	padding:10px;
	text-transform:uppercase;
	border-bottom:1px solid #CCCCCC;
	background-image:url(../img/fondos/bg-submenu.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

#Menu ul{
	list-style:none;
	margin:0px;
	padding:0px;

}

#Menu li{
	display:inline;
	margin:0 4px 0 4px;
	
}

#Menu li a{
	font-size:12px;
	color:#333333;
	text-decoration:none;
}

#Menu li a:hover, #Menu li a.selected {
	font-size:12px;
	color:#ED7F00;
	text-decoration:underline;
}

#Submenu{
	float:left;
	width:795px;
	padding:5px;
	border-bottom:1px solid #CCCCCC;
	background-image:url(../img/fondos/bg-submenu.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

#Submenu ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#Submenu li{
	display:inline;
	margin:0 4px 0 4px;
}
#Submenu ul li a.selected {
	color:#ED7F00;
}

#Contenido{
	float:left;
	width:535px;
	margin:0;
	padding:0 0 20px 0;
}

#DisponibilidadVuelo{
	float:left;
	width:535px;
	margin:0;
	padding:0 0 20px 0;
}

#BannerPrincipal{
	float:left;
	width:535px;
	margin:0 0 10px 0;
	padding:0px;
}

.BannerPortadaIzquierda{
	float:left;
	width:257px;
	margin:0 10px 10px 0;
	padding:0px;
}

.BannerPortadaDerecha{
	float:left;
	width:257px;
	margin:0 0 10px 10px;
	padding:0px;
}

#ServiciosOnlinePortada{
	float:left;
	width:535px;

	height:58px;
	margin:10px 0 0 0;
	background-image:url(../img/fondos/bg-serviciosonline-portada.gif);
	background-repeat:no-repeat;
	padding:0px;
}


#RutaLinks{
	float:left;
	width:535px;
	height:15px;
	text-align:right;
	font-size:10px;
	color:#333333;
}

#RutaLinks a{
	font-size:10px;
}

#CabeceraTitulo{
	float:left;
	width:535px;
	height:31px;
	margin:0px 0 10px 0;
	background-image:url(../img/fondos/bg-titulo.gif);
	background-repeat:no-repeat;
}

#IconoTitulo{
	float:left;
	width:25px;
	height:25px;
	margin:3px 0 0 10px;
	_margin:3px 0 0 5px;
}

h1{
	float:left;
	margin:5px 0 0 10px;
	padding:0px;
	font-size:20px;
	font-weight:100;
	color:#666666;
}

h2{
	margin:5px 0 5px 0;
	padding:0px;
	font-size:14px;
	font-weight:100;
	color:#000;
}

hr{
	border:1px solid #CCC;
	margin:10px 0 10px 0;
}

#BannerTitulo{
	float:right;
	width:230px;
	height:31px;

}

#ContArticulo{
	float:left;
	width:513px;
	border:1px solid #CCC;
	margin:10px 0 0 0;
	padding:10px;
}



#Articulo {
	float:left;
	width:370px;
	margin:0px;
	padding:0px;
}
#Articulo.amplio {
	width:100%;
}
#ContArticuloIzquierda{
	float:right;
	width:118px;
	height:auto;
	margin:0px;
	padding:5px;
	font-size:11px;
	border:1px solid #CCC;
}

#ContArticuloIzquierda h2{
	margin:5px 0 5px 0;
	padding:0px;
	color:#0B3877;
	font-size:11px;
}

#ContArticuloIzquierda ul{
	list-style:none;
	margin:0 0 10px 0;
	padding:0px;
}

#ContArticuloIzquierda li{
	/*height:15px;*/
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	margin:0px;
	background-image:url(../img/fondos/bg-submenu.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	padding:5px 0 5px 5px;
}

#ContArticuloIzquierda li a{
	color:#333333;
	font-size:11px;
	text-decoration:none;
}

#ContArticuloIzquierda li a:hover, #ContArticuloIzquierda li a.selected {
	color:#ED7F00;
	text-decoration:none;
}

#ContArticuloIzquierda a, #ContArticuloIzquierda a:hover {
	color:#ED7F00;
	font-size:11px;
}

#ContArticuloIzquierda form{
	margin:0 0 10px 0;
	padding:0px;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
}


#ContArticuloIzquierda form select{
	font-size:10px;
	margin:5px 0 5px 0;
	height:18px;
}

#ContArticuloIzquierda form input{
	font-size:10px;
	margin:5px 0 5px 0;
	height:14px;	
}

#ContArticuloIzquierda form .botonentrar{
	font-size:10px;
	height:20px;
	margin-left:30px;
}
ul#Galeria {
	display:block;
	float:left;
	list-style:none;
	margin:auto;
	padding:15px 0 0 50px;
}
ul#Galeria li {
	float:left;
	margin:0 15px 10px 0;
	padding:0;
}

#ServiciosOnline{
	float:left;
	width:785px;
	height:58px;
	margin:10px;
	background-image:url(../img/fondos/bg-serviciosonline.gif);
	background-repeat:no-repeat;
}

#IconosServiciosOnline{
	float:right;
	width:530px;
	
	height:58px;
	margin:0 0 0 5px;
}



#IcoFactura{
	float:left;
	display:block;
	width:71px;
	height:58px;
	background-image:url(../img/ico/ico-factura.gif);
	background-repeat:no-repeat;
}
#IcoFactura:hover{
	background-repeat:no-repeat;
	text-decoration:none;
	background-position:-71px;
}

#IcoPasajeros{
	float:left;
	display:block;
	width:116px;
	height:58px;
	background-image:url(../img/ico/ico-pasajeros.gif);
}
#IcoPasajeros:hover{
	width:116px;
	background-image:url(../img/ico/ico-pasajeros.gif);
	background-position:-116px;
}

#IcoConsultas{
	float:left;
	display:block;
	width:117px;
	height:58px;
	background-image:url(../img/ico/ico-consultas.gif);
}
#IcoConsultas:hover{
	width:117px;
	background-image:url(../img/ico/ico-consultas.gif);
	background-position:-117px;
}


#IcoDestino{
	float:left;
	display:block;
	width:86px;
	height:58px;
	background-image:url(../img/ico/ico-destinos.gif);
}
#IcoDestino:hover{
	width:86px;
	background-image:url(../img/ico/ico-destinos.gif);
	background-position:-86px;
}

#IcoHorario{
	float:left;
	display:block;
	width:68px;
	height:58px;
	background-image:url(../img/ico/ico-horarios.gif);
	}
#IcoHorario:hover{
	width:68px;
	background-image:url(../img/ico/ico-horarios.gif);
	background-position:-68px;
	}





#IcoBoletin{
	float:left;
	display:block;
	width:60px;
	height:58px;
	background-image:url(../img/ico/ico-boletines.gif);
	}
#IcoBoletin:hover{
	width:60px;
	background-image:url(../img/ico/ico-boletines.gif);
	background-position:-60px;
	}

#Icofacturaciononline{
	float:left;
	display:block;
	width:68px;
	height:58px;
	background-image:url(../img/ico/ico-facturacion-online.gif);
	}


#Icofacturaciononline:hover{
	width:68px;
	background-image:url(../img/ico/ico-facturacion-online.gif);
	background-position:-68px;
	}


#Pie{
	float:left;
	text-align:center;
	width:785px;
	height:42px;
	padding:10px;
	background-image:url(../img/fondos/bg-pie.gif);
	background-repeat:no-repeat;
	border-top:1px solid #CCCCCC;
}


/*compra online*/

#Pasos{
	float:left;
	width:535px;
	margin:0 0 0 0;
	padding:0px;
}



#IconosPasos{
	float:left;
	width:535px;
	height:26px;
	padding:0px;
	margin:2px 0 2px 0;
	text-align:center;

}

#TextoPasos{
	float:left;
	width:535px;
	padding:0px;
	margin:5px 0 5px 0;
}


#texto1{
	float:left;
	margin:5px 0 5px 0;
	font-size:10px;
}


#Disponibilidad{
	float:left;
	display:block;
	width:119px;
	height:26px;
	background-image:url(../img/botones/paso-disponibilidad.gif);
}


#DisponibilidadOn{
	float:left;
	display:block;
	width:119px;
	height:26px;
	background-image:url(../img/botones/paso-disponibilidad.gif);
	background-position:-119px;
}

#Pasajeros{
	float:left;
	display:block;
	width:84px;
	height:26px;
	background-image:url(../img/botones/paso-pasajeros.gif);
}


#PasajerosOn{
	float:left;
	display:block;
	width:84px;
	height:26px;
	background-image:url(../img/botones/paso-pasajeros.gif);
	background-position:-84px;
}

#Pago{
	float:left;
	display:block;
	width:113px;
	height:26px;
	background-image:url(../img/botones/paso-pago.gif);
}

#PagoOn{
	float:left;
	display:block;
	width:113px;
	height:26px;
	background-image:url(../img/botones/paso-pago.gif);
	background-position:-113px;
}
	

#Resumen{
	float:left;
	display:block;
	width:141px;
	height:26px;
	background-image:url(../img/botones/paso-resumen.gif);
}

	
#ResumenOn{
	float:left;
	display:block;
	width:141px;
	height:26px;
	background-image:url(../img/botones/paso-resumen.gif);
	background-position:-141px;
}


.ContArticulo{
	float:left;
	width:513px;
	border:1px solid #CCC;
	margin:10px 0 0 0;
	padding:10px;
}

.ContArticulo h2{
	color:#ED7F00;
	margin:0px;
	font-weight:bold;
	font-size:14px;
}

.Titulo{
		color:#ED7F00;
	margin:0px;
	font-weight:bold;
	font-size:14px;
}

#PlandeVuelo h2{
	color:#ED7F00;
	margin:0px;
}

.ContArticulo label{
	float:left;
	display:block;
	width:90px;
	padding:5px 0 0 0;
}


.celda{
	padding:5px;
	border-bottom:1px solid #CCC;
	text-align:center;
}

.celdaNegrita{
	padding:5px;
	border-bottom:1px solid #CCC;
	text-align:center;
	color:#000;
}

.subceldaNegrita{
	padding:5px;
	text-align:center;
	color:#000;
}

.celdaActiva{
	padding:5px;
	border-bottom:1px solid #CCC;
	text-align:center;
	color:#000;
	/*color:#ED7F00;
	background-color:#ED7F00;
	background-color:#EEE;*/
	background-color:#f6b366;
	
	
	
	
	
}

.Tdlistados{
	font-size:11px;
}

.TdResumen{
	background-color:#999;
	color:#000;
	text-align:center;	
}

.datosPasajerosListados{
	padding:5px;
	border:1px solid #999;
	margin:10px 0 10px 0;
	background-color:#FFF;
}



.septd{
	margin:10px 0 10px 0;
}

.CompraNav{
	float:left;
	width:535px;
	padding:0px;
	margin:10px 0 10px 0;
}

.DiasNav{
	float:left;
	width:535px;
	padding:0px;
	margin:0px 0 0px 0;
}

.Anterior{
	width:87px;
	height:20px;
	float:left;
}

.Posterior{
	width:87px;
	height:20px;
	float:right;
}


#IconosPasosPago{
	float:left;
	width:615px;
	text-align:center;
	height:26px;
	padding:0 0 0 170px;
	margin:10px 0 10px 0;

}

#CabeceraTituloPago{
	float:left;
	width:785px;
	height:54px;
	margin:10px 0 0 0;
	background-image:url(../img/fondos/bg-titulopago.gif);
	background-repeat:no-repeat;
}



/*clases genericas*/


.Negrita{
	font-weight:bold;
	color:#000;
}

.tituloNegrita{
	font-weight:bold;
	color:#333333;
	font-size:20px;
	text-align:right;
}

.naranjagrande{
	font-weight:bold;
	color:#ED7F00;
	font-size:20px;
	text-align:right;
}

.tituloblanco{
	color:#FFF;
	font-weight:bold;
	font-size:14px;
}

.titulonaranja{
	color:#ED7F00;
	font-weight:bold;
	font-size:14px;
}

.txtnaranja{
	color:#ED7F00;
	font-size:12px;
}

.nota{
	font-size:11px;
	color:#666;
	margin:8px 0 0 10px;
}

.bgNaranja{
	background-color:#ED7F00;
}

.bgGris{
	background-color:#EEE;
}

.bgGris2{
	background-color:#CCC;
}


.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.SepLineaMenu{
	margin:0 5px 0 5px;
}

.sepleft{
	margin-left:20px;
}

.sepleft10{
	margin-left:10px;
}
.septop5{
	margin-top:5px;
}

.septop10{
	margin-top:10px;
}

.sepbottom10{
	margin-bottom:10px;
}
.lineaInf{
	border-bottom:1px solid #CCC;
}




/* condiciones-----------*/

.FondoVentana{
	font-family:Arial, Helvetica, sans-serif;
	margin: 0; /*compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	font-size:12px;
	color:#666666;
	text-align:left;
	background-color:none;
	background-image:none;
}


.tipotarifa{
color:#ED7F00;

}

#ContVentana{
	width:98%;
	background-color:#FFF;
	border-left:5px solid #c4c9d6;
	border-right:5px solid #c4c9d6;
}

#CabeceraCondiciones{
	width:98%;
	height:94px;
	background-image:url(../img/fondos/bg-cab-condiciones.gif);
	background-repeat:no-repeat;

}

#tituloCondiciones{
	width:98%;
	height:54px;
	background-color:#e6e8ed;
	border-bottom:1px solid #CCC;

}

#CuerpoCondiciones{
	
	background-color:#FFF;
	padding:10px;
}

#PieCondiciones{
	width:98%;
	background-color:#FFF;
	color:#0B3877;
	font-weight:bold;
	border-top:1px solid #CCC;
	padding:10px 0 15px 10px;
	font-size:11px;
	/*height:61px;
	background-image:url(../img/fondos/bg-pie-condiciones.gif);
	background-repeat:no-repeat;
	background-position:right;*/
}

a.salida-pick, a.llegada-pick {
	/*display:block;
	float: left;
	width: 16px;
	height: 16px;
	margin:0;
	padding: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../img/ico/ico-fecha.gif) no-repeat; */
}






