﻿@charset "utf-8";
/* CSS Document */
body 
{ 
background: #FFFFFF;
}

*{margin:0; padding:0}
#main{ width:902px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; margin:0 auto;}
a{text-decoration:none;}
a:hover{text-decoration:underline;color:Red;}
a img{border:none;}
h1 { font-size:18px; }
h2 { font-size:16px; }
h3 { font-size:14px; }

/** HEADER **/
#header{ overflow:hidden; width:902px; }
#header .headerContent{overflow:hidden; width:902px; background:url(../img/logo-taregional.gif) top left no-repeat;}
.topMenu{float:right; padding-bottom:3px; }


/* Search */
.topMenu .search{overflow:hidden; float:right; margin-bottom:15px;}
.topMenu .search ul{float:left; margin-right:0px; padding-top:2px;	}	
.topMenu .search ul li{display:inline; float:left; padding-right:8px; background:url(../img/bul/bullet_flred.gif) left center no-repeat;
padding-left:12px; color:#908781;}	
.topMenu .search ul li a{color:#908781; font-style:normal;}	
.topMenu .search ul li a:hover{color:#c8223e; font-style:normal;}
.topMenu .search .searchbox{float:left;	overflow:hidden; width:140px; height:21px; }
.topMenu .search .searchbox .txtbox{background:url(../img/pic_inputsearch.gif) top left no-repeat; color:#908781; float:left; 
width:107px; height:18px; border:none; padding:3px 4px 0px 4px;	}
.topMenu .search .searchbox img{float:left; width:25px; height:21px; }	


a.otherlinks { background:transparent; color:#5E5D60; text-decoration:none; font-weight:normal; display:block; height:17px; margin-left: 8px; margin-top:6px;}

/* navegation primary */
#header .mnunav {margin:0px; width: 450px; height:30px; z-index:1000 ; float:right;   }
#header .mnunav h3 span, #header .mnunav span { display:none; }
#header .mnunav ul { margin-top:7px; padding:0px; list-style-type:none; display:inline; width:auto; height:30px;   float:left;  }

#header .mnunav ul li {list-style-type:none; display:inline; float:left; margin:0px }

#header .mnunav ul li.planning span{float:left; display: inline; width:177px; height:29px; background:url(../img/btn/btn-planningreservations-eng.gif) no-repeat; margin:0px; padding:0px; }
#header .mnunav ul li.before span{float:left; display:inline; width:106px; height:29px; background: url(../img/btn/btn-travelinfo-eng.gif) no-repeat;  margin:0px; padding:0px;}
#header .mnunav ul li.distancia span{float:left; display:inline; width:154px; height:29px; background: url(../img/btn/btn-programsnservices-eng.gif) no-repeat;  margin:0px; padding:0px;}

/*Estilos creados para header español (faltan imagenes respectivas)*/
#header .mnunav ul li.planes span{float:left; display: inline; width:137px; height:29px; background:url(../img/btn/btn-planningreservations-esp.gif) no-repeat; margin:0px; padding:0px; }
#header .mnunav ul li.antes span{float:left; display:inline; width:146px; height:29px; background: url(../img/btn/btn-travelinfo-esp.gif) no-repeat;  margin:0px; padding:0px;}
#header .mnunav ul li.distancias span{float:left; display:inline; width:154px; height:29px; background: url(../img/btn/btn-programsnservices-esp.gif) no-repeat;  margin:0px; padding:0px;}

#header .mnunav ul li.planning span:hover, #header .mnunav ul li.before span:hover, #header .mnunav ul li.distancia span:hover{ background-position: 0px -29px no-repeat}

/* dropdownnavegation primary */
#header .mnunav .mnunavdown { padding:0px 0px 0px 10px; background:url(../img/bck/bckg_dropdown.gif) no-repeat; position:relative; top:-10px; width:410px; height:200px; z-index:1; float:left;   }
#header .mnunav .mnunavdown ul { list-style-type:none; width:112px; height:185px; float:left;  }
#header .mnunav .mnunavdown ul li.mnudrop { margin-left:-10px; background:url(../img/bul/bullet_flred.gif) no-repeat; background-position:0px 2px; color:#908781; font-size:11px; text-indent:13px; width:auto; height:auto; line-height:17px; letter-spacing:-0.5px; list-style-type:none; float:left; }
#header .mnunav .mnunavdown ul li.mnudrop a { background:transparent; color:#908781; text-decoration:none;}
#header .mnunav .mnunavdown ul li.mnudrop a:hover { background:transparent; color:#c8223e; text-decoration:none;}



/* Message Area / Personal info */
.topMenu .mensajes{ width:902px; padding-top:30px;}
.topMenu .mensajes .messarea{ width:auto; float:right; padding-top:5px;}
#header .messarea p { display:inline; padding-top:8px; margin-left:7px; font-size:11px; color:#908781; width:auto; float:left;}
#header .messarea p a{color: #666666;}

#header .messarea p.logout { background:url(../img/bul/bullet_flred.gif) no-repeat; background-position:2px 10px; text-indent:14px; color:#908781; width:auto; float:left; }
#header .messarea p.logout a { background:transparent; color:#908781; text-decoration:none;}
#header .messarea p.logout a:hover { background:transparent; color:#c8223e;text-decoration:underline;}/*mod Fernando Romeor*/
#header .messarea a:hover { background:transparent; color:#c8223e;}/*mod Fernando Romeor*/
#header .messarea span.txtbigred, .txtbigred2 { padding:5px 5px 0 20px; font-size:14px; font-weight:bolder; color:#A71930; width:auto; float:left; }
.txtbigred2{ margin:0 5px 0 -5px}	

/** Main Menu **/
#mainMenu{overflow:hidden;  clear:both; padding:5px 0; }
#mainMenu li{display:inline; float:left; }

/** Main Content **/ 
.mainContent{padding-bottom:5px;  }
.mainContent .banner{/*overflow:visible;*/ width:902px; height:280px; position:relative;  }
.mainContent .contenedor{position:absolute; top:0px; right:0px; }
.mainContent .banner .bannerText{font-size:22px; color:#FFFFFF; position:absolute; /*z-index:99999;*/ top:120px; left:10px; width:600px}
.mainContent .banner .bannerText .bigText{font-size:52px;}
.mainContent .SlidingPanelsContentGroup .forms{background:#AA1532 url(../img/bg-form2.jpg) top left no-repeat; width:230px; height:280px; font-size:9px; float:left; padding-left:12px}
.mainContent .SlidingPanelsContentGroup .forms .formCerrar td{padding:3px 10px;}
.mainContent .SlidingPanelsContentGroup .forms .formCerrar a{color:#C41230; text-decoration:none;}
.mainContent .SlidingPanelsContentGroup .forms .formCerrar a:hover{ text-decoration:underline;}
.mainContent .SlidingPanelsContentGroup .forms p a{color:#000000; text-decoration:none;}
.mainContent .SlidingPanelsContentGroup .forms p a:hover{text-decoration:underline;}
.mainContent .SlidingPanelsContentGroup .forms .txtbox{width:51px; float:left; font-size:10px; padding:2px}
.mainContent .SlidingPanelsContentGroup .forms .txtbox1{width:80px; float:left; font-size:10px; padding:2px}
.mainContent .SlidingPanelsContentGroup .forms .txtbox2{width:163px; float:left; font-size:10px; padding:2px; background-image:url(../img/pic/pic_inputsearch.gif)}
.mainContent .SlidingPanelsContentGroup .forms .imgCalendar{float:left;}
.mainContent .SlidingPanelsContentGroup .forms .dropD{font-size:10px; padding:2px; width:100%;}
.mainContent .SlidingPanelsContentGroup .forms .dropD2{font-size:10px; padding:2px; width:70px;}
.mainContent .SlidingPanelsContentGroup .forms .dropD3{font-size:10px; padding:2px; width:88px;}
.mainContent .SlidingPanelsContentGroup .forms .txtCupon{font-size:10px; padding:1px; width:96%;}
.psContent{position:absolute; top:47px; left:215px; /*z-index:999999;*/  border:solid 1px #999999; background:#f2f2f2 url(../img/bg-psContent.jpg) center center no-repeat; overflow:hidden;}
.psContent .borderBlank{border:3px #FFFFFF solid; overflow:hidden; }
.psContent .borderBlank .btnCerrar{text-align:right;}
.psContent ul{list-style:none;  float:left; margin-right:5px; margin-left:5px; }
.psContent ul li{font-size:9px; padding-top:3px;}
.psContent ul li a{text-decoration:none; color:#666666; }
.psContent ul li a:hover{color:#c8223e;}
.dropCars{font-size:10px; padding:2px; width:60px;}
.dropCars2{font-size:10px; padding:2px; width:100%;}
.dropChild{font-size:9px; padding:2px 2px 2px 0; width:69px;}
.dropInf{font-size:9px; padding:2px 2px 2px 0; width:63px;}
.dropDAdult{font-size:9px; padding:2px 2px 2px 0; width:58px;}


/** Check-In **/
.checkin{position:absolute; left:0; top:0; width:902px; height:280px; background:#adafaf url(../img/check-in.jpg) top center no-repeat; /*z-index:99999;*/}
.checkin table{width:376px; height:255px; float:right; margin-right:9px; margin-top:7px;}
.checkin table td,th{height:24px;}
.checkin .txtboxPswCheckIn{width:75px; height:16px}
.checkin .txtboxCheckIn{width:96%; font-size:11px; height:17px}
.checkinBottom{ width:902px; background: #fff url(../img/bckginf.gif) top left no-repeat; padding-left:35px;}
.checkinBottom .youcant{font-size:14px; font-weight:bold; color:#A71930; padding:15px 0;}
.checkinBottom ul{width:90%; list-style:none;}
.checkinBottom li{background:url(../img/bullet_flred2.gif) left top no-repeat; padding-left:12px; font-size:11px; padding-bottom:10px;}

/** Flight Status **/
.SlidingPanelsFStatus .SlidingPanelsContentGroup .forms{background:url(../img/bg-form3.jpg) top left no-repeat; width:230px; height:280px; font-size:9px; float:left;}
.SlidingPanelsFStatus .SlidingPanelsContentGroup .forms .formCerrarFS{margin-top:10px; width:220px; margin-left:-7px}
.SlidingPanelsFStatus .SlidingPanelsContentGroup .forms .formCerrarFS td{padding:2px 10px;}
.SlidingPanelsFStatus .SlidingPanelsContentGroup .forms .formCerrarFS a{color:#C41230; text-decoration:none;}
.SlidingPanelsFStatus .SlidingPanelsContentGroup .forms .formCerrarFS a:hover{ text-decoration:underline;}
.SlidingPanelsFStatus .SlidingPanelsContentGroup .forms h1{font-size:13px; font-weight:bold;}
.SlidingPanelsFStatus .SlidingPanelsContentGroup .forms .txtbox3{width:170px; float:left; font-size:10px; padding:2px;}
.SlidingPanelsFStatus .SlidingPanelsContentGroup .forms .txtboxFS{width:155px; float:left; font-size:10px; padding:2px;}
.statusBanner{position:absolute;width:660px; height:268px; overflow:hidden; top:6px; right:5px}
/*.statusDetalle{position:absolute;top:6px; right:5px;width:660px; height:268px; overflow:hidden; background:#ffffff; float:left; margin-top:6px; margin-left:5px; display:none}*/
.statusDetalle{position:absolute;top:6px; right:5px;width:660px; height:268px; overflow:hidden; background:#ffffff; float:left;  display:none;}
.statusDetalle h2{font-size:12px; font-weight:bold; text-align:center; color:#000000;}
.statusDetalle table td{padding:3px 0; text-align:center}
.statusDetalle table .headerSD{color:#000000; background:#E7E8EA;}
.statusDetalle table .headerSD td{border-right:1px #999999 solid;}
.statusDetalle table .alternate{background:#F5F5F5}

/** Content Info **/
#contentInfo{width:902px; margin:0 auto; overflow:hidden }
/** #contentInfo{background: url(../img/bckginf.gif) top left no-repeat; width:902px; margin:0 auto; overflow:hidden } **/
#contentInfo .liteCols li{display:inline; float:left; list-style:none; padding:8px 0 8px 8px;}
#contentInfo .liteCols li.acordeon{width:290px;}
#contentInfo .liteCols li.acordeon a{color:#666666;}
#contentInfo .liteCols li.acordeon .tarifasAcordeon td{text-align:left; border-bottom:1px #ccc solid; padding:2px 2px 2px 5px;}
.btnBGCI{background:url(../img/bgi/bg_btnContentInf.gif) top left no-repeat; padding:8px 0 8px 20px;}

#contentInfo .liteCols li.acordeon .btnBGCI_selected {background:url(../img/bg_btnContentInf_selected.gif) top left no-repeat; padding:8px 0 8px 7px; }
#contentInfo .liteCols li.acordeon .btnBGCI_selected a{color:#c8223e; text-decoration:none; font-weight:bold;  }
#contentInfo .liteCols li.acordeon .btnBGCI_selected a:hover{text-decoration:none;  }
#contentInfo .liteCols li .btnBGCI a{text-decoration:none; color:#000; font-weight:bold;}
#contentInfo .liteCols li .btnBGCI a:hover{cursor:pointer; text-decoration:none; color:#c8223e;}
#contentInfo .liteCols li .login{background:url(../img/hom_imgdistancia.gif) top center no-repeat; padding:10px; color:#FFFFFF; height:110px;}
#contentInfo .liteCols li .login a{color:#FFFFFF; text-decoration:none; font-weight:bolder; }
#contentInfo .liteCols li .login a:hover{text-decoration:underline;}
#contentInfo .liteCols li .login ul{float:left; list-style:none; padding-bottom:1px;}
#contentInfo .liteCols li .login ul li{display:inline; float:left; width:80px;}
#contentInfo .liteCols li .login ul li span{color:#CC0000;}
#contentInfo .liteCols li .login .txtbox{font-size:10px; width:150px; }
#contentInfo .liteCols li .login table{float:left;}
#contentInfo .liteCols li .login table td{height:19px;}

/** What's New **/
#contentInfo .liteCols li .whatsnew{padding:5px 0 0 12px; float:left; }
#contentInfo .liteCols li .whatsnew h3{padding-bottom:3px; font-weight:normal; color:#c8223e;}
#contentInfo .liteCols li .whatsnew ul {list-style-type:none; }
#contentInfo .liteCols li .whatsnew ul li {background:url(../img/bul/bullet_flred.gif) left center no-repeat; padding-left:12px; margin-bottom:-10px; display:block; float:none }
#contentInfo .liteCols li .whatsnew ul li a {color:#666; text-decoration:none; }
#contentInfo .liteCols li .whatsnew ul li a:hover { color:#333; text-decoration:none; }
#contentInfo .liteCols li .whatsnew1{padding:5px 0 0 20px; float:left; }
#contentInfo .liteCols li .whatsnew1 a {padding-right:5px; padding-top:10px; float:right; color:#C8223E; }
/** Footer **/
#footer{background:#F4F4F4 none repeat scroll 0%; padding-top:20px;padding-left:5px; clear:both; width:902px; color:#908781; margin:0 auto; }
#footer ul li, .bottom ul li{list-style:none; display:inline; float:left; padding:0 5px; border-right:1px #908781 solid; font-size:9px;}
#footer ul li a, .bottom ul li a{color:#908781; text-decoration:none;}
#footer ul li a:hover, .bottom ul li a:hover{text-decoration:underline;}
.bottom ul{padding-left:25px; padding-top:15px;}

/** Main Div **/
#content{ width:934px; margin:0 auto; background:url(../img/sha/shadow-body1.gif) bottom center no-repeat; /*z-index:-1*/}
.bottom{background:url(../img/sha/shadow-footerhp.gif) bottom center no-repeat; height:27px; width:934px; margin:0 auto; clear:both;text-align: right;}


.tdFSDoted{border-right:1px #999999 dotted;}
.tdFSSolid{border-right:1px #999999 solid;}

.classPopUpBack
{
	position:relative;	
	z-index:999999999;
	background-color:Gray;
	filter:alpha(opacity=75);
   -moz-opacity:.75;
   opacity:.75;

	

	
	}

#reason .a{padding-right:17px; padding-top:17px; float:right; color:#C8223E;}
	
	.alerta{overflow:hidden;width:358px; position:absolute; }
.alerta .alertTop span{float:left;color:#AA1532; font-size:14px; font-weight:bold}
.alerta .img{text-align:right;padding:7px 15px;}
.alerta .msg{padding:10px 5px 0px 10px;color:#AA1532; background:#FFFFFF; font-size:10px; width:335px; }
.alerta .alertContent{background:url(../img/alert.png) top left no-repeat;}
.alerta .alertBottom{background:url(../img/alert.png) bottom left no-repeat; height:23px}
.aceptPop
{
	padding:2px 5px 2px 5px;
	border:solid 1px Gray;
	text-decoration:none;
	color:#000;
	font-weight:bold;
	}
	
	.aceptPop:hover
{
	text-decoration:none;
	color:#000;
	}
	
	
	
	/* Styles que se utilizan para el form IBE del HP */
.bookinglist { 
	border: 1px;
	border-style: solid;
	border-color: #666;
	background-color: #FFF;
	font-family: Trebuchet MS, Verdana;
	color:#666;
	font-size: 11px;
}
.bookingtable {
	background:url(../img/pic/bookingbg.gif) no-repeat;
}
a.bookinglink {
	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;color: #C8223E; font-weight:normal; 
}
a:hover .bookinglink {
	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;color: #C8223E; font-weight:normal; 
}
.bookingtxt {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	color:#666;
	font-size:11px;
	font-family: Trebuchet MS, Verdana;
	height:16px;
	margin-right:3px;		
}
.reason {font-family: Verdana, Arial, Helvetica, sans-serif;
padding:1px 0px 0px 0px ;
font-size: 14px;
color:#666666;
}	