/* 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/logohappycab.jpg) no-repeat;
			display:block;
			height:60px;
			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;
		}
		
		ul#nav {
			z-index:1;
			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;
					}
				
				ul#nav li a:hover{
					color:#fff;					 
					background:url(../images/navLineLevel00.png) 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:0px;
						left:599px;
						float:right;
						}
						
						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:130px;
							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:130px;
								color:#FFF;
								}
								
							ul#nav ul#navBarcosLv01 li a:hover {
								background:none;
								height:30px;
								width:130px;
								color:#1c4069;
								}
								
							ul#nav ul#navBarcosLv01 li a.go {
								background:url(../images/goBg.png) no-repeat 118px 11px;
								}
								
							ul#nav ul#navBarcosLv01 li a:hover.go {
								background:url(../images/goBgOver.png) no-repeat 118px 11px;
								}
								.Tuneo {
								background:url(../images/goBgOver.png) no-repeat 118px 11px;
								}
								/* Subnav Barcos Level 02 */
					
								ul#nav ul#navBarcosLv0201 {
									visibility: hidden;
									position:relative;
									left:130px;
									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:130px;
							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:130px;
								color:#FFF;
								}
								
							ul#nav ul#navBarcosLv012 li a:hover {
								background:none;
								height:30px;
								width:130px;
								color:#1c4069;
								}
								
							ul#nav ul#navBarcosLv012 li a.go {
								background:url(../images/goBg.png) no-repeat 118px 11px;
								}
								
							ul#nav ul#navBarcosLv012 li a:hover.go {
								background:url(../images/goBgOver.png) no-repeat 118px 11px;
								}
								
								/* Subnav Barcos Level 022 */
					
								ul#nav ul#navBarcosLv02012 {
									visibility: hidden;
									position:relative;
									left:130px;
									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:199px;
							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;
								width:199px;
								color:#FFF;
								}
								
							ul#nav ul#navItinerariosLv01 li a:hover {
								background:none;
								height:30px;
								width:199px;
								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;
								}
								
		
			#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:auto;
		margin:0 auto;
		}
		
	/* Main */
	
	#main {
		margin:0 auto 10px;
		height:auto; /* Cambiar a auto */
		width:940px;
		}
		
		#mainLeft {
			height:290px;
			margin:0 auto 3px;
			float:left;
			}
		
			#homeWindow01{
				float:left;
				background:url(../images/homeWindowBgGrande.png) no-repeat;
				width:471px;
				margin:0 15px 0 0;
				height:290px;
				text-decoration:none;
				}
				
				#homeWindow01 h1 {
					width:471px;
					height:31px;
					text-indent: -99999px;
					background:url(../images/programasTitle.png) no-repeat;
					}
				 
				#imagenHomeConLinkTitle{				 	
				 	width:471px;
					height:31px;
					 
					}
					#imagenHomeConLinkTitle a img{
						text-decoration:none;
						cursor:pointer;				 	 
						width:471px;
						height:31px;					 
						}
				#imagenHomeConLinkContent{
					width:471px;
					top:0px;
					
					}
					#imagenHomeConLinkContent a img{
						text-decoration:none;
						width:471px;
						top:0px;
						margin-bottom:0px;
						padding-bottom:0px; 
						margin-top:0px;
						padding-top:0px;
						}
				 
			
					
		#mainRight {
			height:290px;
			margin:0 auto 3px;
			
			}
		
							
			#homeWindow02{
				float:right;
				background:url(../images/homeWindowBgGrandeMitadImagen.png) no-repeat;
				width:451px;
				height:140px;
				margin-bottom:15px;
				}
				
				#imagenHomeConLinkTitle2 a{				 	
				 	width:451px;
					height:140px;
					  
					}
					#imagenHomeConLinkTitle2 a img{
						text-decoration:none;
						cursor:pointer;				 	 
						width:451px;
						height:31px;					 
						}
				 #imagenHomeConLinkContent2{
					width:471px;
					top:0px;
					
					}
					#imagenHomeConLinkContent2 a img{
						width:451px;
						top:0px;
						height:140px;
						margin-bottom:0px;
						padding-bottom:0px; 
						margin-top:0px;
						padding-top:0px;
						} 
					
								
			#homeWindow03 {
				float:right;
				background:url(../images/homeWindowBgGrandeMitad.png) no-repeat;
				width:451px;
				height:140px;
				}
				
				#homeWindow03 h1 {
					width:451px;
					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 420px center;
						width:451px;
						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 420px center;
						color:#fb9207;
						}
						
		#mainBottom {
			position:relative;
			z-index:1;
			height:202px;
			background:url(../images/homeBottomImg.png) no-repeat;
			margin:0 auto -49px;
			}
				
			#homeBottomBanner {
				margin:12px 0 0 0;
				width:303px;
				height:140px;
				float:right;
				}
.line {		
border-top:1px solid #CCCCCC;
height:1em;		
}

.floatRight {
float:right;
}

.floatLeft {
float:left;
}

	/* 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;
				}