﻿/*--INICIO DE LA SECCION CREADA PARA MANUPUALAR LOS DROP DOWN LIST BOX EN IE6 --*/
.wrapper { position: relative; /*width: 100%; font: 12px Arial;*/ }
form { position: absolute; top: 0; left: 0; width: 100%; }
/*Modificado por Julio Obispo 10-06-2009*/
/*Se disminuye el valor del z-index para que los dropdown puedan ser ocultados*/
select { /*position: relative;*/ z-index: 1; }
.comboespecial{ z-index:-1 !important;}
/*Created by sruiz*/
.errorwithborder{border:1px solid #CC0000;}
.errornoborder{ border:0; }
.box 
{ 
	position: relative; 
	z-index: 2;
}
/*--FIN DE LA SECCION CREADA PARA MANUPUALAR LOS DROP DOWN LIST BOX EN IE6 --*/
/*--Inicio Estilo para MessagePart en IE6--*/
.divErrorHeightIE6
{
	 _height/**/:/**/50px;	
}
/*--Fin Estilo para MessagePart en IE6--*/
body
{
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #333333;
}

#pageContainer
{
	background: url('/_layouts/1033/IMAGES/Copa_img/body_bg.gif') repeat-x;
	_background:transparent url(/_layouts/1033/IMAGES/Copa_img/body_bg.gif) repeat-x scroll 6px 6px;
}

ul, li, p, h1, h2, h3, h4, h5, h6, img, select, fieldset, label, strong
{
	padding: 0;
	margin: 0;
}

h1 { font-size: 18px; }
h2 { font-size: 17px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
h6 { font-size: 12px; }

input, select { color: #787777; }

a, a:visited { color: #004982; }
a img { border-style: none; text-decoration: none; }

p.footnote { font-size: 10px; font-style: italic; }


.brclear {clear: both;}

#main
{
	margin: 0 auto;
	width: 930px;	
}

#banner
{	
	padding-top: 0px;
	height: 90px;
	_height/**/:/**/90px;
	width: 930px;
}

#banner img.logo { float: left; height:70px; width:191px; margin-bottom: 42px; }

.searchPanel 
{
	float: right;
	width: 200px;
	height: 20px;
	/*padding-top:7px;*/
}
.divsearchPanel {width:auto;height:16px;padding-top:7px;margin-top:6px; width/**/:/**/auto;height/**/:/**/-16px;padding-top/**/:/**/-7px;*margin-top:0px;_margin-top/**/:/**/-3px;}
.searchPanel input.text { float: right; margin-right: 10px; width: 112px; }
.searchPanel .searchButton { float: right; }

ul#sitebar { float: right; font-size: 12px; list-style-type: none; margin-top:0px;width:auto;padding-top:-9px;}
ul#sitebar li { float: left; border-right: solid 1px #9c9b9b; line-height: 10px; display: inline; }
ul#sitebar .istop{margin-top:5px!important;height:18px;} 
ul#sitebar li.last 
{ 
	border-right-width: 0!important; 
	/* Ajuste para el nuevo change store front*/
	
}

ul.sitebarborder 
{
	width:700px;
	float:right;
	padding-top:7px;
	_margin-bottom/**/:/**/-14px;
	/**padding-top:7px;*/
	/*_padding-top/*:*//*5px;*/
}
ul.sitebar { /*float: right;*/ font-size: 12px; list-style-type: none;/*margin-top:5px;*/}
ul.sitebar li { float: right; border-right: solid 1px #9c9b9b; line-height: 10px; display: inline;margin-left:3px;height:15px;}
ul.sitebar li.last 
{ 
	border-right-width: 0!important; 
	/* Ajuste para el nuevo change store front*/
	
}
ul.sitebar li .righthand{width/**/:/**/50%;*width:50%;}
ul.sitebar li a, ul.sitebar li span {display:inline;}
.spanmargin {margin-top:9px!important;padding-left:4px;margin-right:5px;}
/* COMENTADA POR JAKOB
ul#sitebar li a, ul#sitebar li p { float: left; display: inline; padding: 4px 5px;   }
*/
/* REEMPLAZADA POR ( en vez de colocar  "li p", coloque un "li span" */
ul#sitebar li a, ul#sitebar li span {float:left;display:inline;}
/*End*/

ul#sitebar a.customerService { font-weight: bold; margin-right:5px;margin-top:3px; }
ul#sitebar a.language { border-right-width: 0; padding-right: 0; padding-left: 26px; background: url('/_layouts/1033/IMAGES/Copa_img/ico_language.gif') no-repeat 5px 0; }

#banner h1, #banner h5 { float: right; clear: right; white-space: nowrap;}
#banner h1 { color: #787777; margin-top: 8px; margin-bottom: 2px; }
#banner h5 { color: #333333; font-weight: normal; }
#banner h5 a { color: #bf710c; }

#severeWeatherNotification
{
	background-color: #d27124;
	color: #ffffff;
	padding: 10px;
	float: left;
	position: relative;
	margin-bottom: 10px;
	width: 910px;
	height: 56px;
	overflow: hidden;
}
#severeWeatherNotificationImage
{
	float: left;
	width: 39px;
	padding-right: 5px;
}
#severeWeatherNotificationContent
{
	width: 860px;
	text-align: justify;
}
#severeWeatherNotification h2
{
	font-size: 18px;
}
#severeWeatherCloseLink
{
	position: absolute;
	top: 10px;
	right: 15px;
	text-decoration: underline !Important;  /* added by Jlay */
}

#severeWeatherNotification a,
#severeWeatherNotification a:link,
#severeWeatherNotification a:hover,
#severeWeatherNotification a:visited
{
	color: #ffffff;
	text-decoration: none; /* Commented by Jlay - Replace "underline" for "none" */
}

#navigation
{
	/*float: left;*/
	height: 25px;
	background-color: #004982;
	width: 926px;
	list-style-type: none;
	margin-bottom: 10px;
	display: block;
	color:#ffffff;
	font-weight: bold;
	margin-left: -10px;
	_margin-top/**/:/**/1px;
}

#navigation li
{
	float: left;
	display: inline;
	background: url('/_layouts/1033/IMAGES/Copa_img/nav_item_bg.gif') no-repeat 100% 8px;
	position: relative; 
	z-index: 999;
}

#navigation li.last { background-image: none; }

#navigation li a,
#navigation li a:link,
#navigation li a:hover,
#navigation li a:visited
{
	float: left;
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Sans-Serif; /* ESTA LINEA SE AGREGO 02/10/2008 JLAY*/
	height: 12px;
	overflow: hidden;
	text-transform: uppercase;
	padding: 6px 10px 7px 10px;
	margin-right: 1px;
}

#navigationX li.first a { padding-left: 0; }

#navigation li a:hover,
#navigation li.over a
{
	background-color: #006bb3;
	background-image: none;
}

#navigation li.over, #navigation li.previousOver { background-image: none; }

#navigation li.over a.expand {background-image: url('/_layouts/1033/IMAGES/Copa_img/nav_expand_hl.gif');}

#navigation li.parent a,
#navigation li.parent a:link,
#navigation li.parent a:hover,
#navigation li.parent a:visited
{
	float: left;
	padding-right: 18px;
	
	border-right: solid 5px	#004982;
}

#navigation a.expand
{
	background-image: url('/_layouts/1033/IMAGES/Copa_img/nav_expand.gif');
	background-repeat: no-repeat;
	background-position: 100% 7px;
}

#navigation li.parent a:hover,
#navigation li.over a,
#navigation li.over a:link,
#navigation li.over a:visited,
#navigation li.over a:hover
{
	border-right-color: #006bb3;
}

#navigation a.expand:hover {background-image: url('/_layouts/1033/IMAGES/Copa_img/nav_expand_hl.gif');}

#navigation li.selected	a
{
	background-color: #006bb3;
}

#navigation li.parent:hover ul.subnavigation,
#navigation li.over ul.subnavigation
{
	display: block;
}

#navigation ul.subnavigation
{
	display: none;
	position: absolute;
	top: 25px;
	left: 0;
	padding: 6px;
	background-color: #006bb3;
}

#navigation ul.subnavigation:hover
{
	display: block;
}

#navigation ul.subnavigation li
{
	clear: both;
	background-image: none;
}

#navigation ul.subnavigation li a,
#navigation ul.subnavigation li a:link,
#navigation ul.subnavigation li a:hover,
#navigation ul.subnavigation li a:visited
{
	font-size: 11px;
	background-image: none;
	border-style: none;
	width: 230px;
	white-space: nowrap;
	height: auto;
	padding: 8px;
}

#navigation ul.subnavigation li a:hover
{
	background-color: #004982;
}

#tabs
{
	width: 930px;
	height: 27px;
	float: left;	
}

a.tab
{
	float: left;
	width: 135px;
	height: 27px;
	display: inline;
	background-repeat: no-repeat;
	background-position: 0 -27px;
	text-indent: -5000px;
	overflow: hidden;
}

a.tab:hover, #tabs a.selected
{
	background-position: 0 0;
}

a#bookFlightTab
{
	background-image: url('/_layouts/1033/IMAGES/Copa_img/tab_book_pt.gif');
}

a#myTripsTab
{
	background-image: url('/_layouts/1033/IMAGES/Copa_img/tab_trips_pt.gif');
}

a#checkInTab
{
	background-image: url('/_layouts/1033/IMAGES/Copa_img/tab_checkin.gif');
}

a#flightStatusTab
{
	background-image: url('/_layouts/1033/IMAGES/Copa_img/tab_status_pt.gif');
}

a#timetableTab
{
	background-image: url('/_layouts/1033/IMAGES/Copa_img/tab_timetables_pt.gif');
}


#tabArea
{
	background-image: url('/_layouts/1033/IMAGES/Copa_img/home_tab_area_bg.gif');
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 928px;
	height: 324px;
	float: left;
	overflow: hidden;
	margin-bottom: 10px;
}

#widgetWrapper
{
	float: left;
	width: 972px;
	height: 349px;
	height: 263px;
	
	width: 930px;
	height: 301px;
}
/*Inicio agregado por Sruiz*/
.myTripsAnonymousButton
{
	height:22px;
	width:86px;
}

.myTripsManagerReservation
{
	cursor:pointer;
	font-size:12px;
	text-decoration:underline;
}

.myWidgetForm {height:260px !important; /*padding: 0px 21px 0 0!important; */}
.myDivTrip{ height:74px!important; font-size:11px;}

.otherwidgetForm
{
	float:left;
	width: 363px;
	height: 263px;
	padding: 42px 21px 44px 23px;
	
	width: 362px;
	height: 271px;
	padding: 9px 21px 0 13px;
	_padding/**/:/**/ 9px 0px 0 13px;
}

.promoImageTrips 
{ 
	padding-left:10px;
	_padding-left/**/:/**/18px; 
}

/*Fin agregado por Sruiz*/

.widgetForm
{
	float:left;
	width: 363px;
	height: 263px;
	padding: 42px 21px 44px 23px;
	
	width: 362px;
	height: 271px;
	padding: 30px 21px 0 23px;
}

div.promoImage 
{
	float: left; 
	width: 520px;
	height: 301px;
	padding-top: 9px;
	overflow: hidden;
}

fieldset
{
	float: left;
	padding: 0 0 5px 0;
	font-size: 12px;
	border-width: 0;
	border-color: #c1c1c1;
}

label
{
	font-weight: bold;
	display: block;
	margin-bottom: 1px;
}
.labelAlign{float:left;width: 100%!important; _margin-top/**/:/**/-5px;} /*agregado por Sruiz.*/

fieldset br { clear: both; }
fieldset span { float:left; padding-bottom: 4px; }
fieldset span strong { padding-top: 4px; }

#main input { margin-bottom: 5px; display: block; }

input.text
{
	padding: 0 4px;
	border: solid 1px;
	border-top-color: #969696;
	border-right-color: #fbfbfb;
	border-bottom-color: #fbfbfb;
	border-left-color: #969696;
}

.radio { float: left; margin: 0; padding: 0; }
.radio label { margin-top: 3px; margin-right: 10px; }
.radio input { margin-left: 0px; }

.widgetForm p {  }

#myTripsWidget 
,#checkInWidget
,#flightStatusWidget
{ display: none; }


/* BOOK */
#bookFlightWidget .widgetForm { position: relative; }
#bookFlightWidget label { margin-bottom: 2px; }
#bookFlightWidget fieldset, #bookFlightWidget label, #bookFlightWidget input { float: left; }

fieldset#flightType {  width: 289px; height: 18px; margin-top: 2px; }
fieldset#flightType label { font-weight: normal; display: inline; }
fieldset#flightType input { font-weight: normal; display: inline; margin-bottom: 0; }
/*a#multicity { float: left; margin-top: 3px; margin-left: 5px; }*/
fieldset#flightType a { float: left; margin-top: 3px; margin-left: 5px; }


h2.lowestFare { float: left; width: 73px; height: 31px; text-indent: -5000px; overflow: hidden; }

fieldset#cities { padding-right: 8px; width: 210px; }
fieldset#cities input.text, fieldset#cities label { width: 192px; }


fieldset#dates { width: 143px; }
fieldset#dates label, fieldset#dates input.text { width: 105px; }

img.calendar { float: left; margin-left: 5px; }

fieldset#exactDates { padding-right: 8px; width: 210px; }
fieldset#exactDates .radio { width: 210px; }

fieldset#cabin { width: 143px; }
.radio label { font-weight: normal; }
fieldset#cabin .radio { width: 143px; }

fieldset#passengers { float: left; padding-right: 8px; width: 210px; }
fieldset#passengers .select { width: 40px; }
a#kids { float:left; margin-top: 2px; }
fieldset#passengers div.passengers { float: left; margin-right: 10px; text-align: center;}
div#kidPassengers, div#infantPassengers { display: none; }

#promotionCodeWrapper { float: left; padding-top: 20px; padding-bottom:25px;}
a#promotionCode { font-weight: bold; white-space: nowrap; }
fieldset#promotion { float:left; width: 142px; overflow: hidden; }
fieldset#promotion label { float:left; width: 120px; display: block;}
fieldset#promotion input.text { float:left; width: 100px; display: block;}
#whatIsPromoWrapper { float: left; width: 142px; }
a#whatIsPromo { float: left; width: 142px; white-space: nowrap;}

#bookFlightWidget .button { position: absolute; bottom: 0px; right: 39px; }

/* MY TRIPS */
#myTripsWidget fieldset { float: left; border-bottom: solid 1px #c1c1c1; margin-bottom: 10px; width: 362px; }
#myTripsWidget p { margin-bottom: 23px; }
#myTripsWidget .text { width: 217px; }
/*Inicio Modificado sruiz */
#myTripsWidget h4 {font-size:14px !important; float: left; width: 362px; margin: 5px 0 8px 0; display: inline; }
/*Fin Modificado sruiz */
#myTripsWidget a.viewReservations  { float: left; margin-top: 1px; }
/*Inicio Modificado sruiz */
#myTripsWidget h5.name { font-size:12px; float: left; padding-right: 8px; margin-right: 8px; border-right: solid 1px #000000; }
/*Fin Modificado sruiz */

#myTripsWidget .button { margin-top: 8px; margin-bottom: 10px; }
div#trips { float: left; width: 362px; margin-top: 18px; }
/*Inicio Modificado por sruiz*/
div.trip { float: left; padding: 10px; width: 342px; height: 60px; background-color:#ffffff; overflow: hidden; position: relative; }
/* Fin Modificado por sruiz*/

div.even { background-color: #f2f1f1; }
div.trip h6 { float: left; width: 342px; }
/*Inicio Modificado por sruiz*/
div.trip .city, div.trip .time {font-weight:lighter; float: left; margin-bottom: 5px; }
div.trip .city {font-weight:lighter; padding-right: 6px; margin-right: 6px; /*border-right: solid 1px #000000;*/ }
div.trip a.viewReservation { float: left; margin-top:-8px; padding-right: 6px; margin-right: 6px;  /*border-right: solid 1px #000000;*/ }
div.trip .statusLabel, div.trip .status { float: left; margin-top:0; width:120px!important;}
/*Fin Modificado por sruiz*/
div.trip .statusLabel { font-weight: bold; margin-right: 6px; }
div.trip .button {  position: absolute; top: 72px; right: 8px; }





/* CHECK-IN */
#checkInWidget fieldset { width: 360px; border-bottom: solid 1px #c1c1c1; margin-bottom: 10px; }
#checkInWidget p { margin-bottom: 8px; }
#checkInWidget .text { width: 217px; }
#checkInWidget .button { margin-top: 8px; margin-bottom: 10px; }
#checkInWidget h4 { float: left; margin: 0 0 8px 0; width: 360px; display: inline;}

/* FLIGHT STATUS */
/*#flightStatusWidget span { float: left; }*/ /*Comentado Por Jakob*/
#flightStatusWidget span strong { float: left; }
#flightStatusWidget p { margin-bottom: 8px; }

fieldset#stepOneFlightStatus { width: 365px; height: 66px; border-bottom: solid 1px #c1c1c1; }
fieldset#stepOneFlightStatus label { width:365px; }
fieldset#stepOneFlightStatus .select { width:150px; }

fieldset#stepTwoFlightStatus { width: 365px; height: 103px; border-bottom: solid 1px #c1c1c1;  }
fieldset#flightNumberFlightStatus { width: 155px; height:84px; background: url('/_layouts/1033/IMAGES/Copa_img/flightstatus_bg.gif') no-repeat 130px 0; }
fieldset#flightNumberFlightStatus .text { width: 104px; }

/*
fieldset#locationFlightStatus { width: 196px; margin-left: 10px; }
fieldset#locationFlightStatus .select { float: left; width: 190px; margin-bottom: 6px; }
*/
fieldset#locationFlightStatus 
{
	 width: 196px; 
	 /*padding-left: 10px; */  /*Jlay - Por la eliminacion del FlightNumber*/
}
fieldset#locationFlightStatus input.text, fieldset#locationFlightStatus label { width: 190px; }
.textBoxWatermark
{
	color: #787777;
}
#flightStatusWidget .button { float: left; display: inline; margin-top: 11px; }
* html #flightStatusWidget .button { margin-top: 7px; }



/* BEGIN CALLOUTS */


/*Inicio sruiz*/
.calloutExtension
{
	width:302px;/* !important;*/
 	height:127px;/* !important;*/
 	overflow:hidden;/* !important;*/
 	float:left;/* !important;*/
}
/*Fin sruiz*/


#callouts
{
}

/*div.callout
{
        margin-right: 12px;
        display: inline;
        background-image: url('/_layouts/1033/IMAGES/Copa_img/callout_bg.gif');
        background-repeat: no-repeat;
        background-position: 0 0;*/
        /*padding: 20px 5px 5px 5px;*/ /*borrado por los desarrolladores de EDS*/       
/*}*/

div.callout
{
	float: left;
	margin-right: 12px;
	display: inline;
	overflow:hidden;
	/*height: 102px;*//*Cambiado por sruiz */
	/*width: 292px;*//*Cambiado por sruiz */
	height: 127px;
	width: 302px;
	background-image: url('/_layouts/1033/IMAGES/Copa_img/callout_bg.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	/*padding: 20px 5px 5px 5px;*/ /*Cambiado por sruiz*/
}



div.callout a {text-decoration:underline;}

#callouts span
{
	/*width: 302px;
	height: 26px;
	float: left;
	text-indent: -5000px;
	overflow: hidden;*/
}

#callouts div.last { margin-right: 0; /*Eliminada Reinel*//*padding-right: 5px;*/ }

		/* DEALS */
		div.deals
		{
		}
		
		span.deals {
         		
		background-image: url('/_layouts/1033/IMAGES/Copa_img/h2_exclusiveWebDealsTemplate.gif'); 
		}
		.textImage
		{
         color:#FFFFFF;
		display:block;
		font-family:'Arial';
		font-size:9pt;
		font-weight:bold;
		padding-left : 17px;
		padding-top:5px; 
		}
		
		span.dealsfrom
		{
			color:white;
			display:inline-block;
			float:right;
			font-family:Arial;
			font-size:9pt;
			font-weight:bold;
			margin-top:-20px;
			padding-right:55px;
			padding-top:5px;
		}
		
		
		ul.deals
		{
			float: left;
			padding: 5px 10px 0 5px;
			width: 282px;
			height: 68px;
			list-style-type: none;
		}

		ul.deals li
		{
			float: left;
			width: 282px;
			padding-top: 4px;
			height: 18px;
		}

		li.even
		{
			background-color: #e5ecf2;
		}
		
		a.colorlinksred  { color: #D31920 !important;  }
		a.colorlinksblue  { color: #004982 !important;  }

		ul.deals li a
		{
			float: left;
			padding-left: 14px;
		}

		ul.deals li strong
		{
			float: right;
			padding-right: 14px;
		}

		div.deals p.footnote { float: left; padding: 5px 24px; }
		div.deals input.button { float: left; padding: 3px 11px 0 18px; }
		
		div.deals a.btn{
		margin-left:15px;
		margin-right: 20px;
		text-decoration:none;
		}
		div.deals a.btn:visited
		{
			color:#FFFFFF;
		}
		div.deals a.signup  
		{
			/*float: left; */
			padding-top: 5px; 
			font-size: 11px; 
			/*Lineas Adicionadas-Reinel*/
			font-family:arial,sans-serif; 
			text-decoration:underline;
        }

		/* OFFERS */
		div.offers
		{
			position: relative;
		}
		
		span.offers { background-image: url('/_layouts/1033/IMAGES/Copa_img/h2_specialOffersTemplate.gif'); }
		
		div.offersCollection
		{
			float: left;
			height: 122px;
			width: 264px;
			padding: 5px 16px;
			overflow: hidden;
			
			height: 80px;
			padding: 6px 12px 0 12px;
			width: 278px;
		}
		
		div.offer { float: left; width: 278px; height: 70px; }
		div.offer h3 { float: left; padding-bottom: 4px; color: #004982; font-size: 13px;  }
		div.offer img { float: left; margin-right: 10px;}
		div.offer p { float: left; width: 278px; font-size: 12px;}
		
		div#offerControl { float: left; padding-left: 7px; height: 18px; }
		div#offerControl a { float: left; margin: 0 5px; }
		div#offerControl p { float: left; color: #787777; margin-top: 1px; }
		
		/*Creado por sruiz*/
		div#offerControl .imagepreviuos { height:18px; width:12px; background:url('/_layouts/1033/IMAGES/Copa_img/btn_previous_offer.gif'); }		
		div#offerControl .imagennext { height:18px; width:12px; background-image:url('/_layouts/1033/IMAGES/Copa_img/btn_next_offer.gif'); }		
		.offerwithimage{width: 80px; /*height: 50px;*/ left: 0px; /*top: 2px; margin-top: 0px; margin-bottom: 30px;*/}
		.offerwithimageonly{width: 80px; /*height: 50px;*/ left: 0px; margin-bottom:25px; _margin-bottom/**/:/**/25px;}
		.sundayimagecursor { cursor:pointer;/* height:50px;*/ width:150px; }
		.onlyImage { height:70px; width:278px; }
		.subtitle {max-height:18.5px;overflow:hidden;_height/**/:/**/18px;}
		.maxtextheight{max-height:30px; _height/**/:/**/30px;}
		.offercontrol{padding-top:2px;}
		/*Fin creado por sruiz*/


		/* NEWS */
		div.news
		{
		}
		
		span.news { background-image: url('/_layouts/1033/IMAGES/Copa_img/h2_travelNewsTemplate.gif'); }
		
		div.news ul.news
		{
			padding: 5px 10px 5px 5px;
			height: 63px;
			float: left;
			overflow: hidden;
			list-style-type: none;
			width: 282px;	
		}
		
		div.news ul.news li
		{
			float: left;
			width: 282px;
			padding-top: 4px;
			height: 18px;
		}
		
		div.news ul.news li a { float: left; padding-left:14px; }
		
		div.news img.button { float: left; padding: 3px 11px 0 18px; }
		div.news a.btn {
		margin-left:15px;
		margin-right:20px;
		text-decoration:none;
			}
	   div.news  a.btn:visited
		{
			color:#FFFFFF;
		}
			
		
	

#footerSeparator {height: 5px; line-height: 5px; background-color: #004982; margin: 23px 0 11px 0; }
#footermain {
	margin: 0 auto;
	width: 926px;
}
#footer
{
	float: left;
	margin-left: 0px;
	padding-bottom: 50px;
	width: 901px;
	font-size : 11px;
	
}

#footer ul
{
	float: left;
	list-style-type: none;
	font-size:11px;
}

#footer ul li
{
	float: left;
	display: inline;
	padding: 0 7px;
	border-right: solid 1px #787777;
	line-height: 12px;
}

#footer ul li.first
{
	padding-left: 0;
}

#footer ul li.last
{
	border-right-width: 0;
	
}

#footer ul.main
{
	width: 901px;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 8px;
}

#footer ul.main li { line-height: 14px; }
#footer ul.agent { background-image: url('/_layouts/1033/IMAGES/Copa_img/agent_ul_bg.gif'); background-repeat: no-repeat; background-position: 0 2px; }
#footer ul.agent li.first { padding-left: 12px }

img.rss { float: left; margin-right: 3px; display: inline;}

#footer #legal { float: left; width: 650px; height: 25px; padding-top: 25px;}
#footer #legal p { float: left; color: #333333; }
#footer #legal li.first { padding-left: 6px; }

#footer div#safety { float: left; width: 250px; height: 25px; 
/*padding-top: 15px; */
}
#footer div#safety img { float: left; }

/* MODAL POPUPS cambio*/

.modalBackground { background-color: #000000; opacity: 0.4; filter:alpha(opacity=40); }

.Onepase
{ font-size:11px;
  color:GrayText;
  padding-left :3px;
  padding-right:3px;
  border-left :3px;
  border-right :3px;
  
}

/*.modalPopup { padding: 7px 16px;  } remplazado por las siguientes clases*/

.overlay{
     display: none;
     position: absolute!important;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #000;
     z-index:1001;
     opacity:0.25;
     -moz-opacity: 0.25;
     filter: alpha(opacity=40);
}
.modalPopup { 

display : none; 
position:  absolute!important;
float: left; 
z-index:11003;   
background: #fff;
 padding: 7px 16px; 
 overflow:hidden;
font-size:11px

 }
/*hasta aqui*/


.modalPopup h4 { float: left; padding-bottom: 15px; color: #004982; height: 15px;margin:0; }
.modalPopup a.close { float: right; height: 31px; } 
.modalPopup p { float: left; margin-bottom: 6px;}
.modalPopup .button { float: left; margin-right: 8px; }
.modalPopup a.cancel { float: left; margin-top: 2px; }
.modalPopupModifiCancel{ margin-top:4px !important;}
	  
#languagePopup  
{
	background: url('/_layouts/1033/IMAGES/Copa_img/language_popup_bg.gif') no-repeat scroll 0 0;
	height:214px;
	width:236px;
}

#languagePopup h4 { width: 195px;}
#languagePopup p { width: 230px; }
#languagePopup fieldset label { margin: 3px 0; white-space:nowrap; }

/*  JAKOB  - CREAR ESTAS LINEAS EN EL STYLES.CSS DE SHAREPOINT EN PRODUCCION */
#languagePopup fieldset span 
{ 
	/*margin: 3px 0; */
	white-space:nowrap; 
	font-weight: bold; 
	display: block; 
	margin-bottom: 1px;
	cursor : pointer;
}
#languagePopup fieldset input
{ 
	float: left; 
	margin-right: 8px; 
}
#languagePopup fieldset a
{ 
	float: left; 
	/*margin-top: 2px;  */
}
/* HASTA AQUI COPIAR LAS LINEAS*/

#languagePopup .radio { padding: 4px 0; display: block; clear: both;  }
#languagePopup .radio input { display: inline; margin: 0; padding: 0; }
#languagePopup .radio label { display: inline; margin: 0; padding: 0; }
#languagePopup fieldset .select { width: 170px; margin-bottom: 4px; }
#languagePopup fieldset ul { float:left; display: block; list-style-type:none; margin-bottom: 4px; }
#languagePopup fieldset ul li { float:left; padding: 0 4px; border-right: solid 1px #666666; display: inline; }
#languagePopup fieldset ul li.first { padding-left: 0; }
#languagePopup fieldset ul li.last { border-right-width: 0; }

#waiting{
padding-left:63px;
}

#loginPopup { width: 195px; height: 259px; background: url('/_layouts/1033/IMAGES/Copa_img/login_bg.gif') no-repeat 0 0; }
#loginPopup h4 { width: 155px; }
#loginPopup p { width: 190px; }
#loginPopup .text { width: 180px; }
#loginPopup em { font-size: 10px; padding-bottom: 8px; display: block; }
#loginPopup .radio { float: left; padding-top: 6px; padding-bottom: 10px; white-space: nowrap; }
#loginPopup .radio input { display: inline; margin: 0; padding: 0; }
#loginPopup .radio label { display: inline; margin: 0; padding: 0; }
#loginPopup a.forgot { padding-top: 4px; float: left;font-size:11px;}

#citiesPopup { padding: 15px; border: solid 1px #787777; background-color: #ffffff; position: absolute; z-index: 999}
#citiesPopup ul { float: left; width: 200px; list-style-type: none; }
#citiesPopup li { float: left; width: 200px; font-size: 11px; font-weight: bold; }
#citiesPopup li a { float: left; width: 194px; padding: 3px 7px; text-decoration: none; }
#citiesPopup li a .code { color: #787777; padding-left: 4px; margin-left: 4px; display:inline; border-left: solid 1px #787777; }
#citiesPopup li:hover, #citiesPopup li a:hover { background-color: #e5ecf2; }
#citiesPopup a.selected { background-color: #e5ecf2;}
#citiesPopup a.itemCity { }

#fligthPopup { padding: 15px; border: solid 1px #787777; background-color: #ffffff; position: absolute; z-index: 999}
#fligthPopup ul { float: left; width: 200px; list-style-type: none; }
#fligthPopup li { float: left; width: 200px; font-size: 11px; font-weight: bold; }
#fligthPopup li a { float: left; width: 194px; padding: 3px 7px; text-decoration: none; }
#fligthPopup li a .code { color: #787777; padding-left: 4px; margin-left: 4px; display:inline; border-left: solid 1px #787777; }
#fligthPopup li:hover, #fligthPopup li a:hover { background-color: #e5ecf2; }

.calendarWrapper { display:none; background-color: #ffffff; border: solid 1px #787777; padding: 8px; z-index:999; width: 350px; }
.yui-calcontainer { float: left; }

.yui-calendar { width: 165px; border-collapse:collapse;} 
.yui-calcontainer .first-of-type { padding-right: 10px;}
.yui-calcontainer div.title { display: none; }
.yui-calcontainer .calheader {font-size: 14px; font-weight: bold; height: 18px; padding-bottom: 6px; position:relative; text-align:center; width:100%; }
.yui-calendar .calnavleft { top: 0; left: 0; width: 12px; height: 18px; position:absolute;background-image: url('/_layouts/1033/IMAGES/Copa_img/btn_previous_offer.gif'); cursor:pointer;  }
.yui-calendar .calnavright { top: 0; right: 0; width: 12px; height: 18px; position:absolute; background-image: url('/_layouts/1033/IMAGES/Copa_img/btn_next_offer.gif'); cursor:pointer; }
.yui-calendar .calweekdayrow { color: #787777; font-size: 10px; }

.yui-calendar .calcell	 { width: 17px; height: 13px; padding-top: 3px; background-color: #ffffff; border: solid 1px #cccaca; font-size: 9px; color: #004982; text-align: right; font-weight: bold; }
.yui-calendar .calcell a { text-decoration: none; }
.yui-calendar .selectable:hover { background-color:  #004982; color: #ffffff; }
.yui-calendar .calcell:hover a.selector { color: #ffffff; }
.yui-calendar .oom, .yui-calendar .oom:hover  { background-color: #f2f1f1;  color:#CECFCE;}
.yui-calendar .previous
{
  background:#F2F1F1;
  color:#CCC;
}

.yui-calendar .oom
{
  color:#CCC;
}

.masterContent 
{
	width: 950px;
}
.siteActionMenu
{
    float:right;
}
.authoringRegion
{
	width:100%;
	background-color:#DDDDDD;
	color:#333333;
}
.sharepointLogin
{
	float:right;
	display:inline;
}
.sharepointLogin .ms-globallinks
{
    position:relative;
}
#navcontainer {margin-left: 0;margin-right: 0;text-align:center;border:solid 0px red;}
ul .navlist {margin-left: 0;padding-left: 0;white-space: nowrap;} 
.navlist li {display: inline;list-style-type: none;} 
.navlist a { padding: 3px 10px; } 
.navlist a:link, .navlist a:visited{}  
.navlist a:hover {text-decoration: none;font-weight:bold;} 
.ParamsTextBox{	display:none !important; }

/*LANGUAGE SELECT BOX*/
#language_select 
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/_layouts/1033/Images/Copa_img/bg_language_select.gif) repeat scroll 0 0;
	float:right;
	font-size:11px;
	height:25px;
	/*max-width:600px;*/
	/*min-width:330px;*/
	padding:5px 5px 0 0;
	position:relative;
	width:auto;
	/*margin-top*//*:0px;*/
	z-index:1000 !important;
}
#language_select .right_edge
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/_layouts/1033/Images/Copa_img/bg_language_select.gif) no-repeat scroll right top;
	height:30px;
	margin:0;
	padding:0;
	position:absolute;
	right:0;
	top:0;
	width:5px;
}
#language_select ul li, #language_select select, #language_select .remember_language input { float: left; }
#language_select ul li {
	margin-top:0px;
	margin-left:4px;
	border-right: solid 1px #9c9b9b;
	line-height: 12px;
	display: inline;
	color: #739aba;
	padding-right:4px;
	padding-left:4px;
	padding-top:1px;
	font-size:11px;
	height:18px;
}
#language_select ul li a {color:#004982; margin-top:2px;}
#language_select ul li.last {border-right-width:0;}
#language_select ul li.Select {margin-left:0px!important;padding-left:0px!important;}
#language_select select {height:20px!important; width:146px!important;}
#language_select .remember_language p {padding-top:3px;}
#language_select .remember_language input{margin-left:2px;margin-top:4px;*margin-top:0;}
#language_select .remember_language label{color:#333333!important;margin-top:5px;_margin-top:7px!important;_margin-top/**/:/**/5px;margin-left:5px;_margin-left:3px;font-weight:normal;float:left;}
.welcomespan{font-size:18px;color:#787777;margin:8px 10px 2px 0;font-weight:bold;}
.myTripTitle{
			border:solid 1px #00619C;
			background-color:#00619C;
			color:white;
			font-family:Arial;
			font-size:8.5pt;
			font-weight:bold;
			padding-top:2px;
			padding-bottom:2px;
			padding-left:10px;
}
.myTripRow{
			border:solid 1px #DEDBDE;
			padding:10px;
			border-top:solid 0px;
			background-color:#FFFFFF;
}
.myTripTableContent{
		font-size:8pt;
		font-family:arial;
		color:#6F6F6F;
		border-collapse:collapse;
}
.myTripSectionNote
{
	clear:both;
	border: 0px solid red; 
	display: block; 
	height: 30px; 
	width: 370px; 
}
.myTripNote1
{
	float:left;
	font-family:arial;
	font-size:10pt;
	font-weight:bold;
	margin-right:5px;
}
#myTripSectionNote
{
	width:98%;
}
#myTripSectionNote TABLE
{
	width:98%;
	border-collapse:collapse;
}
.lightLink:link
{
	color:#0091E8;
	font-family:arial;
	font-size:8pt;
}
.lightLink:hover
{
	color:#0091E8;
	font-family:arial;
	font-size:8pt;
}
.lightLink:visited
{
	color:#0091E8;
	font-family:arial;
	font-size:8pt;
}
.lightLink:active
{
	color:#0091E8;
	font-family:arial;
	font-size:8pt;
}

/******New Header Organization************/

#loginAndSearchBox {
	height: 59px;
	width: 570px;
	float: right;
	padding: 0;
	margin: 0;
}

#loginAndSearchBox #loginBox {
	width: 225px;
	height: 59px;
	float: left;
	margin: 0 10px 0 0;
	padding: 5px 0 0 0;
	text-align: center;
	font-size: 11px;
	color: #999;
}

#loginAndSearchBox #loginBox #helloUser {
	font-size: 16px;
	font-weight: bold;
	color: #204B7D;
}

#loginAndSearchBox #gabyBox {
	width: 335px;
	height: 59px;
	float: left;
	margin: 0;
	padding: 0;
	background: url(/_layouts/1033/Images/Copa_img/intelli_img/bg-ana.jpg) right 0 no-repeat;
}

#loginAndSearchBox #gabyBox #questionForm {
	float: left;
	margin: 8px 0 0 0;
}

#loginAndSearchBox #gabyBox #questionForm label {
	font-size: 11px;
	color: #999;
	font-weight: normal;
}

#loginAndSearchBox #gabyBox #questionForm label strong {
	font-size: 12px;
	color: #204B7D;
	font-weight: bold;
}

#loginAndSearchBox #gabyBox #questionForm input.searchField {
	border: 1px solid #CCC;
	width: 180px;
	height: 18px;
	float: left;
}

#loginAndSearchBox #gabyBox #questionForm input.searchButton {
	float: left;
	margin: 0 0 0 5px;
}

ul#sitebar {
	height: 20px;
	float: right;
	width: auto;
}

#languageAndContactBox 
{
	width: auto;
	float: right;
}

#copaLogo {
	float: left;
	width: auto;
	height: 56px;
    margin-top:15px;
}

#loginPopupLink{
font-size:12px; 
color:#004982;
font-weight:bold;

}
#loginLinks{
	color:#004982;
    font-size: 11px;
    text-align: center
}
