/* GLOBAL */

html { font-size:100.01%; }

body { font-size:1em; }

a { color:#fb9207; text-decoration:none }

a:hover { text-decoration:underline }

.updateFlash {
	position:absolute;
	z-index:2;
	margin:33px;
	color:#999;
	}

	.updateFlash a { text-decoration:none; color:#1c4069; }
	
	.updateFlash a:hover { text-decoration:none; color:#fb9207; }
	
.floatLeft { float:left; }

.floatRight { float:right; }

.line { border-top:1px solid #ccc; height:1em }

/* CONSTANTS */

/* Color

primaryColor:#fb9207;
secondaryColor:#1c4069;

*/

/* MAIN */

#pageWrap {
	/*border:1px solid red;*/
	width:960px; /* Cambiar width según convenga */ 
	margin:0 auto; /* Centra la página horizontalmente */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.4em;
	position:relative;
	}
	
	/* Header */
	
	#header {
		height:68px;
		}
	
		#header a {
			float: left;
			position: relative;
			top:9px;
			left:11px;
			text-indent:-99999px;
			background:url(../images/quailtravelLogo.jpg) no-repeat;
			display:block;
			height:48px;
			width:228px;
			}
			
		ul#headerNav {
			font-weight:bold;
			float:right;
			position: relative;
			top:7px;
			right:23px;
			overflow:visible;
			}
			
			ul#headerNav li { float:left; margin:0 0 0 24px }
			
			ul#headerNav li a {
				width:auto;
				text-indent:31px;
				padding:14px 0 0 0;
				display:block;
				color:#fb9207;
				text-decoration:none;
				}
			
			ul#headerNav li a:hover { text-decoration:underline; }
			
			li#accesoAgencias a {
				height:36px;
				background:url(../images/accessIcon.png) no-repeat;
				}
				
			li#galeriaMultimedia a {
				height:36px;
				background:url(../images/galleryIcon.png) no-repeat;
				}
				
	/* Nav */
	
	#navDiv {
		position:relative;
		margin:0 auto;
		width:942px;
		height:40px;
		background:url(../images/navBg.png) no-repeat;
		z-index:3;
		}
		
		ul#nav {			
			margin:0 0 0 2px;
			float:left;
			width:auto;
			height:31px;
			}
			
			ul#nav li{
				float:left;
				background:url(../images/navLine.png) right top no-repeat;
				line-height:31px;
				}
				
				ul#nav li a{
					display:block;
					width:auto;
					height:31px;
					padding:0 10px;
					color:#1c4069;
					font-weight:bold;
					text-decoration:none;
					background:url(../images/navLineLevel00.png) top repeat-x;
					}
				
				ul#nav li a:hover{
					color:#fff;
					background:url(../images/navLineLevel00.png) right bottom repeat-x;
					}
					
					ul#nav li:first-child a:hover{
						color:#fff;
						background:url(../images/navLiFirstChild.png) no-repeat 2px 0px;
					}
					
					/* Subnav Quienes */
					
					ul#nav ul#navQuienesLv01 {
						visibility: hidden;
						position:absolute;
						top:31px;
						left:7px;
						}
						
						ul#nav ul#navQuienesLv01 li {
							height:30px;
							width:205px;
							border-top:none;
							border-right:1px solid #fff;
							border-left:1px solid #fff;
							border-bottom:1px solid #fff;
							float:none;
							background:url(../images/navLvl01Bg.jpg) repeat-x;
							}
							
							ul#nav ul#navQuienesLv01 li a {
								height:30px;
								width:205px;
								color:#FFF;
								}
								
							ul#nav ul#navQuienesLv01 li a:hover {
								background:none;
								height:30px;
								width:205px;
								color:#1c4069;
								}
								
							ul#nav ul#navQuienesLv01 li a.go {
								background:url(../images/goBg.png) no-repeat 118px 11px;
								}
								
							ul#nav ul#navQuienesLv01 li a:hover.go {
								background:url(../images/goBgOver.png) no-repeat 118px 11px;
								}
								
					/* Subnav Ventajas */

					ul#nav ul#navVentajasLv01 {
						visibility: hidden;
						position:absolute;
						top:31px;
						}
						
						ul#nav ul#navVentajasLv01 li {
							height:30px;
							width:222px;
							border-top:none;
							border-right:1px solid #fff;
							border-left:1px solid #fff;
							border-bottom:1px solid #fff;
							float:none;
							background:url(../images/navLvl01Bg.jpg) repeat-x;
							}
							
							ul#nav ul#navVentajasLv01 li a {
								height:30px;
								width:222px;
								color:#FFF;
								}
								
							ul#nav ul#navVentajasLv01 li a:hover {
								background:none;
								height:30px;
								width:222px;
								color:#1c4069;
								}
								
							ul#nav ul#navVentajasLv01 li a.go {
								background:url(../images/goBg.png) no-repeat 118px 11px;
								}
								
							ul#nav ul#navVentajasLv01 li a:hover.go {
								background:url(../images/goBgOver.png) no-repeat 118px 11px;
								}
								
					/* Subnav Info */
								
					ul#nav ul#navInfoLv01 {
						visibility: hidden;
						position:absolute;
						top:31px;
						}
						
						ul#nav ul#navInfoLv01 li {
							height:30px;
							width:197px;
							border-top:none;
							border-right:1px solid #fff;
							border-left:1px solid #fff;
							border-bottom:1px solid #fff;
							float:none;
							background:url(../images/navLvl01Bg.jpg) repeat-x;
							}
							
							ul#nav ul#navInfoLv01 li a {
								height:30px;
								width:197px;
								color:#FFF;
								}
								
							ul#nav ul#navInfoLv01 li a:hover {
								background:none;
								height:30px;
								width:197px;
								color:#1c4069;
								}
								
							ul#nav ul#navInfoLv01 li a.go {
								background:url(../images/goBg.png) no-repeat 118px 11px;
								}
								
							ul#nav ul#navInfoLv01 li a:hover.go {
								background:url(../images/goBgOver.png) no-repeat 118px 11px;
								}
								
					/* Subnav Barcos Level 01 */
					
					ul#nav ul#navBarcosLv01 {
						margin:0;
						visibility: hidden;
						position:absolute;
						top:31px;
						}
						
						ul#nav ul#navBarcosLv01 li {
							height:30px;
							width:110px;
							border-top:none;
							border-right:1px solid #fff;
							border-left:1px solid #fff;
							border-bottom:1px solid #fff;
							float:none;
							background:url(../images/navLvl01Bg.jpg) repeat-x;
							}
							
							ul#nav ul#navBarcosLv01 li a {
								height:30px;
								width:110px;
								color:#FFF;
								}
								
							ul#nav ul#navBarcosLv01 li a:hover {
								background:none;
								height:30px;
								width:110px;
								color:#1c4069;
								}
								
							ul#nav ul#navBarcosLv01 li a.go {
								background:url(../images/goBg.png) no-repeat 98px 11px;
								}
								
							ul#nav ul#navBarcosLv01 li a:hover.go {
								background:url(../images/goBgOver.png) no-repeat 98px 11px;
								}
								
								/* Subnav Barcos Level 02 */
					
								ul#nav ul#navBarcosLv0201 {
									visibility: hidden;
									position:relative;
									left:110px;
									top:-30px;
									}
									
									ul#nav ul#navBarcosLv0201 li {
										height:30px;
										width:130px;
										border-top:none;
										border-right:1px solid #fff;
										border-left:1px solid #fff;
										border-bottom:1px solid #fff;
										float:none;
										background:url(../images/navLvl02Bg.jpg) repeat-x;
										}
										
										ul#nav ul#navBarcosLv0201 li a {
											height:30px;
											width:130px;
											color:#FFF;
											}
											
										ul#nav ul#navBarcosLv0201 li a:hover {
											background:none;
											height:30px;
											width:130px;
											color:#b3ebff;
											}
											
										ul#nav ul#navBarcosLv0201 li a.go {
											background:url(../images/goBg.png) no-repeat 118px 11px;
											}
											
										ul#nav ul#navBarcosLv0201 li a:hover.go {
											background:url(../images/goBgOverLv02.png) no-repeat 118px 11px;
											}
					
					/* Subnav Barcos Level 012 */
					
					ul#nav ul#navBarcosLv012 {
						margin:0;
						visibility: hidden;
						position:absolute;
						top:31px;
						}
						
						ul#nav ul#navBarcosLv012 li {
							height:30px;
							width:110px;
							border-top:none;
							border-right:1px solid #fff;
							border-left:1px solid #fff;
							border-bottom:1px solid #fff;
							float:none;
							background:url(../images/navLvl01Bg.jpg) repeat-x;
							}
							
							ul#nav ul#navBarcosLv012 li a {
								height:30px;
								width:110px;
								color:#FFF;
								}
								
							ul#nav ul#navBarcosLv012 li a:hover {
								background:none;
								height:30px;
								width:110px;
								color:#1c4069;
								}
								
							ul#nav ul#navBarcosLv012 li a.go {
								background:url(../images/goBg.png) no-repeat 98px 11px;
								}
								
							ul#nav ul#navBarcosLv012 li a:hover.go {
								background:url(../images/goBgOver.png) no-repeat 98px 11px;
								}
								
								/* Subnav Barcos Level 022 */
					
								ul#nav ul#navBarcosLv02012 {
									visibility: hidden;
									position:relative;
									left:110px;
									top:-31px;
									}
									
									ul#nav ul#navBarcosLv02012 li {
										height:30px;
										width:130px;
										border-top:none;
										border-right:1px solid #fff;
										border-left:1px solid #fff;
										border-bottom:1px solid #fff;
										float:none;
										background:url(../images/navLvl02Bg.jpg) repeat-x;
										}
										
									ul#nav ul#navBarcosLv02012 li:first-child {
										border-top:1px solid #fff;
										}
										
										ul#nav ul#navBarcosLv02012 li a {
											height:30px;
											width:130px;
											color:#FFF;
											}
											
										ul#nav ul#navBarcosLv02012 li a:hover {
											background:none;
											height:30px;
											width:130px;
											color:#b3ebff;
											}
											
										ul#nav ul#navBarcosLv02012 li a.go {
											background:url(../images/goBg.png) no-repeat 118px 11px;
											}
											
										ul#nav ul#navBarcosLv02012 li a:hover.go {
											background:url(../images/goBgOverLv02.png) no-repeat 118px 11px;
											}
					
					/* Subnav Itinerarios */

					ul#nav ul#navItinerariosLv01 {
						visibility: hidden;
						position:absolute;
						top:31px;
						}
						
						ul#nav ul#navItinerariosLv01 li {
							height:30px;
							width:200px;
							border-top:none;
							border-right:1px solid #fff;
							border-left:1px solid #fff;
							border-bottom:1px solid #fff;
							float:none;
							background:url(../images/navLvl01Bg.jpg) repeat-x;
							}
							
							ul#nav ul#navItinerariosLv01 li a {
								height:30px;
								color:#FFF;
								}
								
							ul#nav ul#navItinerariosLv01 li a:hover {
								background:none;
								color:#1c4069;
								}
								
							ul#nav ul#navItinerariosLv01 li a.go {
								background:url(../images/goBg.png) no-repeat 118px 11px;
								}
								
							ul#nav ul#navItinerariosLv01 li a:hover.go {
								background:url(../images/goBgOver.png) no-repeat 118px 11px;
								}
								
					/* Subnav Catalogos */

					ul#nav ul#navCatalogosLv01 {
						visibility: hidden;
						position:absolute;
						top:31px;
						}
						
						ul#nav ul#navCatalogosLv01 li {
							height:30px;
							width:243px;
							border-top:none;
							border-right:1px solid #fff;
							border-left:1px solid #fff;
							border-bottom:1px solid #fff;
							float:none;
							background:url(../images/navLvl01Bg.jpg) repeat-x;
							}
							
							ul#nav ul#navCatalogosLv01 li a {
								height:30px;
								width:243px;
								color:#FFF;
								}
								
							ul#nav ul#navCatalogosLv01 li a:hover {
								background:none;
								color:#1c4069;
								}
								
							ul#nav ul#navCatalogosLv01 li a.go {
								background:url(../images/goBg.png) no-repeat 118px 11px;
								}
								
							ul#nav ul#navCatalogosLv01 li a:hover.go {
								background:url(../images/goBgOver.png) no-repeat 118px 11px;
								}
								
		#homeButton {
			width:56px;
			height:20px;
			float:right;
			top:6px;
			right:10px;
			position:relative;
			font-size:10px;
			color:#999;
			}
			
			#homeButton a {
				text-indent:26px;
				display:block;
				width:56px;
				height:20px;
				line-height:20px;
				color:#1c4069;
				text-decoration:none;
				background:url(../images/homeButtonImg.png) no-repeat;
				}
				
			#homeButton a:hover {
				color:#fb9207;
				background:red;
				background:url(../images/homeButtonImgOver.png) no-repeat;
				}
								
		#language {
			width:auto;
			height:31px;
			line-height:31px;
			float:right;
			font-size:10px;
			color:#999;
			}
			
			#language h1{ 
			float:left;
			width:40px;
			}
			
			ul#languageSelect {
				float:left;
				}
				
				ul#languageSelect li{
				width:42px;
				float:left;
				}
				
				ul#languageSelect li:first-child{ background:url(../images/languageLine.png) no-repeat right 7px }
				
					ul#languageSelect li a{
						display:block;
						width:42px;
						text-indent:-99999px;
						background:url(../images/englishIcon.png) no-repeat 9px 7px;
						}
						
					ul#languageSelect li a:hover{
						display:block;
						background:url(../images/englishIconPassive.png) no-repeat 9px 7px;
						}
						
					ul#languageSelect li:first-child a{
						display:block;
						width:42px;
						text-indent:-99999px;
						background:url(../images/spanishIcon.png) no-repeat 9px 7px;
						}
						
					ul#languageSelect li:first-child a:hover{
						display:block;
						background:url(../images/spanishIconPassive.png) no-repeat 9px 7px;
						}
		
	/* Banner */
	
	#banner {
		z-index:-1;
		width:940px;
		height:197px;
		margin:0 auto;
		}
		
	/* Main */
	
	#main {
		margin:0 auto 10px;
		height:auto; /* Cambiar a auto */
		width:940px;
		}
		
		#mainTop {
			height:140px;
			margin:0 auto 3px;
			}
		
			#homeWindow01 {
				float:left;
				background:url(../images/homeWindowBg.png) no-repeat;
				width:303px;
				margin:0 15px 0 0;
				height:140px;
				}
				
				#homeWindow01 h1 {
					width:303px;
					height:31px;
					text-indent: -99999px;
					background:url(../images/segurosTitle.png) no-repeat;
					}
					
				ul#seguros {
					}
					
					ul#seguros li {
					background:url(../images/acrobatIcon.png) no-repeat 8px 8px;
					text-indent:30px;
					line-height:33px;
					height:33px;
					border-top:1px solid #ccc;
					}
					
					ul#seguros li:first-child {
					border-top:none;
					}
					
					ul#seguros li a {
						background:url(../images/goButton.png) no-repeat 278px center;
						width:303px;
						height:33px;
						display:block;
						color:#1c4069;
						font-weight:bold;
						text-decoration:none;
						}
						
						ul#seguros li a span { font-size:11px; color:#000 }
						
					ul#seguros li a:hover, ul#seguros li a:hover span {
						background:url(../images/goButtonOver.png) no-repeat 278px center;
						color:#fb9207;
						}
				
			#homeWindow02 {
				float:left;
				background:url(../images/homeWindowBg.png) no-repeat;
				width:303px;
				height:140px;
				}
				
				#homeWindow02 h1 {
					z-index:1;
					width:303px;
					height:31px;
					text-indent: -99999px;
					background:url(../images/catalogosTitle.png) no-repeat;
					}
					
				ul#catalogos {
					position:relative;
					top:-20px;
					overflow:visible;
					z-index:2;
					background:url(../images/catalogosImage.png) no-repeat 172px top;
					width:313px;
					height:180px;
					padding:20px 0 0 0;
					}
					
					ul#catalogos li {
						line-height:24px;
						width:185px;
						height:50px;
						}
						
					ul#catalogos li.last {
						line-height:12px;
						padding:0;
						width:185px;
						height:50px;
						border:0;
						}
						
					ul#catalogos li:first-child { border-bottom:1px solid #ccc }
					
						ul#catalogos li a {
							display:block;
							color:#1c4069;
							font-weight:bold;
							text-decoration:none;
							height:24px;
							padding:13px 0 13px 10px;
							background:url(../images/goButton.png) no-repeat 150px 18px;
							}
						
						ul#catalogos li.last a { padding:7px 0 13px 10px; }
							
							ul#catalogos li a span { font-size:11px; color:#000 }
							
							ul#catalogos li a:hover {
							color:#fb9207;
							background:url(../images/goButtonOver.png) no-repeat 150px 18px;
							}
							
							ul#catalogos li a:hover span { color:#fb9207 }
				
			#homeWindow03 {
				float:right;
				background:url(../images/ofertasBg.png) no-repeat;
				width:303px;
				height:140px;
				}
				
				#homeWindow03 h1 {
					width:303px;
					height:31px;
					text-indent: -99999px;
					background:url(../images/ofertasTitle.png) no-repeat;
					}
					
				#homeWindow03 p {
					line-height:14px;
					}
					
					#homeWindow03 p a {
						width:291px;
						height:81px;
						padding:19px 0 0 12px;
						display:block;
						color:#1c4069;
						font-weight:bold;
						text-decoration:none;
						background:url(../images/goButton.png) no-repeat 14px 76px;
						}
						
						#homeWindow03 p a span{
							font-size:13px;
							color:#fb9207;
							}
						
					#homeWindow03 p a:hover, #homeWindow03 p a:hover span {
						color:#fb9207;
						background:url(../images/goButtonOver.png) no-repeat 14px 76px;
						}
						
		/* MAIN BOTTOM */
						
		#mainBottom {
			position:relative;
			z-index:1;
			height:202px;
			/*background:url(../images/homeBottomImg.png) no-repeat;*/
			margin:0 auto -49px;
			}
				
			#homeBottomBanner {
				position:relative;
				margin:12px 0 0 0;
				padding:8px 0 0 7.5px;
				width:295.5px;
				height:132px;
				float:right;
				background:url(../images/homeBottomBannerBg.png) no-repeat;
				}
				
				#homeBottomBannerSwf {
					border:1px solid #f6f6f6;
					width:287px;
					height:116px;
					}
					
			#homeBottomImage {
				position:relative;
				float:left;
				margin:12px 0 0 0;
				padding:8px 0 0 7.5px;
				width:622px;
				height:140px;
				background:url(../images/homeBottomImgBg.png) no-repeat;
				}
				
				#homeBottomImage img {
					border:1px solid #f6f6f6;
					width:604px;
					height:115px;
					}
		
	/* Footer */
	
	#footer {
		z-index:-1;
		height:37px;
		width:938px;
		margin:0 auto;
		background:url(../images/footerBg.jpg) no-repeat;
		color:#FFF;
		font-size:10px;
		line-height:37px;
		}
		
		#footer p {
			float:left;
			position:relative;
			left:20px;
			}
			
		ul#footerNav { float:right; margin:0 10px 0 0; position:relative; z-index:2; }
		
			ul#footerNav li {
				float:left;
				padding:0 10px 0 9px;
				}
				
			ul#footerNav li:first-child { background:url(../images/footerNavLine.png) no-repeat right center }
			
			ul#footerNav li a{
				color:#fff;
				text-decoration:none;
				}
				
			ul#footerNav li a:hover{
				color:#fff;
				text-decoration:underline;
				}