﻿/*
=================================================
///	    MasterPage and Menu Styles for WCI 	  ///
///     eBusinessTransformation - COPA	2009  ///
=================================================

*/ 
 div#divLoginOptions
     {      
     font:8pt/14px Arial; 
     background:transparent url(../images/login.gif) no-repeat center;    
     width:300px; 
     height:200px;
     border:none;
     border-top:solid 1px white ;
    /* border-right:none;
     border-bottom:none;
     border-left:none:*/
     /* border-width:1px 0pt 0pt 0pt;
     border-color:White ;*/
    /* border:transparent 1px solid;*/
     display:none;
     }
    div#divLoginOptions table{width:100%}
    div#divLoginOptions input{}
     
   div#divLoginOptions div a {
   	font:8pt/14px Arial; 
   }
   div#divLoginOptions div#divLinks  {
   	margin-left:30px;
   	text-align:left;
   }
    div#divLoginOptions div#divLinks a {
    	line-height:25px;
    	
   }
    div#divLoginOptions div#divFields {
    	margin-left:20px;
        margin-top:15px;
    }
    .border-font-gray  {
    	border:solid 1px #808080;
    }
    .center-text{
    	text-align:center;
    }
    .td-boton-login {
    	text-align:right;
    	padding-right:15px;
    }
    .td-boton-login a{
    	/*margin-left:25px;*/
    }
    
    .login-textbox {
    	color:#808080;
        width:100px;
        font:8pt/14px Arial;
        margin-left:4px;
    }
    
    .obj-no-visible{display:none}
    .obj-visible{display:inline}        
    .obj-selected{
    	/*background:transparent url(textboxBG.png) repeat-x*/
    }
table.wucmenu-background{
	background-color:White;
	/* width:758px; height:32px*/
}
table.wucmenu-background tr td.td-menuimage {
	text-align:left
}

div.navup{
	float:right;
	padding:10px 3px 1px 3px;
	color:#666666; font:bold 10px/14px Verdana, Arial
}
div.navup a{
	color:#666666;
}
.td_links_menu{
	text-align:center;
	vertical-align:top;
	font:10px/13px Verdana;  
	background:transparent url(../images/fondo_links_idiomas.gif) no-repeat 0px -2px; 
	width:185px;
}
.td_links_menu a,.td_links_menu a:hover{
	margin: auto 20px;
	text-decoration:none;
	color:#333333;
}
.td_menu{
	text-align:center; 
	background:transparent url(../images/bkg_azul_barra_menu.jpg) no-repeat; 
	width:564px; 
	height:22px
}


/* 
Alejandro Rodríguez 20070717: Css para el controlMenu de CopaAir.Com
No agregar otras regla a esta hoja para no confundir su elementos.
*/
.menuContainer{ 
	margin:auto 7px ;	
	font: 9pt/18px Arial,Verdana, Helvetica, sans-serif;
}

/*For IE6*/
/* ==================================================================================== */
table.navmenu{
	line-height:14pt;
}
table.navmenu tr td{
	text-align:center
}
table.navmenu .StaticMenuStyle a{color:White;font-weight:bold;}
table.navmenu .StaticMenuStyle a:hover{color:White; font-weight:bold;text-decoration:none;}
table.navmenu #WUCMenu1_MenuCopan1,table.navmenu #mnuControl_MenuCopan1,table.navmenu #WUCMenu_MenuCopan1, table.navmenu #ctl00_WUCMenu1_MenuCopan1,
table.navmenu #WUCMenu1_MenuCopan2,table.navmenu #mnuControl_MenuCopan2,table.navmenu #WUCMenu_MenuCopan2,table.navmenu #ctl00_WUCMenu1_MenuCopan2,
table.navmenu #WUCMenu1_MenuCopan3,table.navmenu #mnuControl_MenuCopan2,table.navmenu #WUCMenu_MenuCopan3,table.navmenu #ctl00_WUCMenu1_MenuCopan3
{
	border-right:solid 1px #5C7FB6 !important; 
	width:113px !important; 
	max-width:115px !important;
}
/*table.navmenu #WUCMenu1_MenuCopan4, table.navmenu #mnuControl_MenuCopan2, table.navmenu #ctl00_WUCMenu1_MenuCopan3*/
table.navmenu #WUCMenu1_MenuCopan4, table.navmenu #mnuControl_MenuCopan4, table.navmenu #ctl00_WUCMenu1_MenuCopan4{
	width:200px !important; 
	max-width:200px !important;
}
div.DynamicMenuStyle{
	color:black;
	width:200px;
	max-width:200px;
	border-top: solid 1px #CCCCCC;
}
table.DynamicMenuItemStyle{
	border:solid 1px #cccccc; 
	border-top:none; width:100%; 
	height:100%;
	background: transparent url(../images/barra_bkg.jpg) repeat-y top center;
}
a.DynamicMenuItemStyle{
	display:block; 
	width:200px;
	color:black;
}
a.DynamicMenuItemStyle:hover{
	color:Black;
	display:block;
	width:200px;
	background-color:#ffff99;
	text-decoration:none;
}

/* ==================================================================================== */


/* Root = Horizontal, Secondary = Vertical */
ul.navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 100%; /*For KHTML*/
  list-style: none;
  height: 19px;
}

ul.navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 19px;  
  cursor:default;
}

/* Hide list with sub items */
ul.navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 200px;
  list-style: none;
  display: none;
  position: absolute;
  top: 19px;
  left: 0;
  
}

ul.navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

/* Set lists width */
ul.navmenu ul li {
  width: 200px;  
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
 /* height:20px;*/
 background-color:White;
 background: transparent url(../images/barra_bkg.jpg) repeat-y top center;
}

/* Root Menu */
ul.navmenu a {
  /*border: 1px solid #C8AA2F;  */  
  padding: 0 3px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  /*background: #C8AA2F;*/
  /*background: url(/images/bkg_static_menu_items.jpg) repeat-x;*/
  color: #FFF;
	/*font: bold 11px/18px Arial,Verdana Helvetica, sans-serif;*/
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/ 
  font-weight:bold;  
}
ul.navmenu ul li {  
  /*height:18px;*/
}
ul.navmenu ul li a {  
  padding: 0;
  /*font-weight:bold;*/
  /*font-size:10pt;*/
  font-weight:normal;
}

/* Root Menu Hover Persistence */
ul.navmenu a:hover,
ul.navmenu li:hover a,
ul.navmenu li.iehover a {
 /* background: url(/images/bkg_static_menu_items.jpg) repeat-x;*/
  color: #FFF;
  font-weight:bold; 
  text-decoration:none;
}

/* 2nd Menu */
ul.navmenu li:hover li a,
ul.navmenu li.iehover li a {
  float: none;
  font-family:Arial /*Arial Narrow*/;
  background: #CCCCCC;
  background: transparent url(../images/barra_bkg.jpg) repeat-y top center;
  text-decoration:none;
  color: #000;
  font-weight:normal; 
  /*font-size:8.6pt;*/
}

/* 2nd Menu Hover Persistence */
ul.navmenu li:hover li a:hover,
ul.navmenu li:hover li:hover a,
ul.navmenu li.iehover li a:hover,
ul.navmenu li.iehover li.iehover a {
  background: #ffff99;
 /* background:#003399 url(/images/bkg_static_menu_items.jpg) repeat-x;*/
  color: #000;  
  /* font-size:9.3pt;*/
}

/* 3rd Menu */
ul.navmenu li:hover li:hover li a,
ul.navmenu li.iehover li.iehover li a {
  background: #CCCCCC;
  background: transparent url(../images/barra_bkg.jpg) repeat-y top center;
  color: #000;
}

/* 3rd Menu Hover Persistence */
ul.navmenu li:hover li:hover li a:hover,
ul.navmenu li:hover li:hover li:hover a,
ul.navmenu li.iehover li.iehover li a:hover,
ul.navmenu li.iehover li.iehover li.iehover a {
  background: #ffff99;
  color: #000;
}

/* 4th Menu */
ul.navmenu li:hover li:hover li:hover li a,
ul.navmenu li.iehover li.iehover li.iehover li a {
  background:  #CCCCCC;
  /*background: transparent url(../images/barra_bkg.jpg) repeat-y top center;*/
  color: #000;
}

/* 4th Menu Hover */
ul.navmenu li:hover li:hover li:hover li a:hover,
ul.navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #ffff99;
  color: #000;
}

ul.navmenu ul ul,
ul.navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 200px;
}



/* Do Not Move - Must Come Before display:block for Gecko */
ul.navmenu li:hover ul ul,
ul.navmenu li:hover ul ul ul,
ul.navmenu li:hover ul ul ul ul,
ul.navmenu li.iehover ul ul,
ul.navmenu li.iehover ul ul ul, 
ul.navmenu li.iehover ul ul ul ul{
  display: none;
}

ul.navmenu li:hover ul,
ul.navmenu ul li:hover ul,
ul.navmenu ul ul li:hover ul,
ul.navmenu li.iehover ul,
ul.navmenu ul li.iehover ul,
ul.navmenu ul ul li.iehover ul {
  display: block;
}

/*=====================================================*/
/* Parte Configurable del menu de copaair*/
/*=====================================================*/
/* Casos especiales para elementos con tamaño especifico*/
ul.navmenu li {width: 115px;}
ul.navmenu li.menuitem_3, ul.navmenu li.menuitem_3_0 {width: 200px;}
ul.navmenu ul li.menuitem_3_0 a{width: 200px}
/*ul.navmenu ul li.menuitem_0_5,*/
ul.navmenu ul li.menuitem_1_1{height: 37px}

/*Muestra el cursor de la mano al moverse sobre las listas*/
ul.navmenu li {}

ul.navmenu li ul li a{border:solid 1px #cccccc; /*border-top:none;*/}
ul.navmenu li.menuitem_0,ul.navmenu li.menuitem_1,ul.navmenu li.menuitem_2{border-right:solid 1px #FFFFFF}


/*========================================================*/
/* Copa Footer Style                                      */
/*========================================================*/
div.FooterContainer ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 100%; /*For KHTML*/
  list-style: none;  
  }

div.FooterContainer ul.navfooter ul li {border-left:solid 1px #CCCCCC;display: inline;font:7pt/12px verdana;}
div.FooterContainer ul.navfooter ul li.menuitem_0 {	border:none;}
div.FooterContainer ul li ul li a {margin:2px;color:#1e569f;text-decoration:none;}
div.FooterContainer ul li ul li a:hover {color:purple;text-decoration:none;}


/*=========================================================*/
/*	   	  New Footer Copa Style Abel Olmos 18032009        */
/*=========================================================*/
#footerSeparator{
	padding-top:10px;
	clear: both; 
	border-top: 5px solid #004982;
	font-size:11px;

}
.footermain {
	margin: 0 auto;
	width: 930px;
}
.footermain .footer
{
	float: left;
	margin-left: 0px;
	padding-bottom: 50px;
	list-style-type:none;
}

.footermain .footer p{
	margin:0;
}
.footermain .footer ul
{
	float: left;
	list-style-type: none;
	padding:0;
	margin:0;
}

.footermain .footer ul li
{
	float: left;
	display: inline;
	padding: 0 4px;
	border-right: solid 1px #787777;
	line-height: 12px;
}

.footermain .footer ul li.first
{
	padding-left: 0;
}

.footermain .footer ul li.last
{
	border-right-width: 0;
	
}

.footermain .footer ul.main
{
	width: 901px;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 8px;
}

.footermain .footer ul.main li {
    line-height: 14px; 
    padding: 0px 8px 
}
.footermain .footer ul.main li.first {
	padding-left: 0;
}
.footermain .footer ul.about li { 
    padding: 0px 4px 
}
.footermain .footer ul.about li.first {
	padding-left: 0;
}
.footermain .footer ul.agent {
    background-image: url('../Images/agent_ul_bg.gif'); 
    background-repeat: no-repeat; 
    background-position: 0 2px; 
}
.footermain .footer ul.agent li { 
    padding: 0px 4px 
}
.footermain .footer ul.agent li.first { 
    padding-left: 10px 
}

img.rss { float: left; margin-right: 3px; display: inline;}

.footermain .footer #legal { float: left; width: 700px; height: 25px; padding-top: 25px;}
.footermain .footer #legal p { float: left;}
.footermain .footer #legal li.first { padding-left: 6px; }

.footermain .footer div#safety { float: left; width: 200px; height: 25px; padding-top: 25px; }
.footermain .footer div#safety img { float: left; }

/*===================================*/
/*         Header Copa Style         */
/*===================================*/

#banner{
	padding-top: 9px;
	height: 80px;
	width: 930px;
}

#banner .logo  {
	float: left; 
	margin-top: 10px; 
	height:70px; 
}

#banner h1, #banner h5  {
	float: right; 
	clear: right; 
	white-space: nowrap;
}
#banner h1  {
	color: #787777; 
	margin-top: 8px; 
	margin-bottom: 2px; 
	font-size:18px;
}
#banner h5  {
	color: #333333; 
	font-weight: normal; 
	margin:0
}
#banner h5 a  {
	color: #bf710c; 
}

ul#sitebar  {
	float: right; 
	font-size: 12px; 
	list-style-type: none; 
	margin:0
}
ul#sitebar li  {
	float: left; 
	border-right: solid 1px #9c9b9b; 
	line-height: 10px; 
	display: inline; 
}
ul#sitebar li.last  {
	border-right-width: 0; 
}
ul#sitebar li a, ul#sitebar li p  {
	float: left; 
	display: inline; 
	padding: 4px 5px;   
}
ul#sitebar a.customerService  {
	font-weight: bold; 
}
ul#sitebar a.language  {
	border-right-width: 0; 
	padding-right: 0; 
	padding-left: 26px; 
	background: url('../images/ico_language.gif') no-repeat 5px 0; 
}



/**/
/*==================================*/
/*             Master Page          */
/*==================================*/
body
{
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	background-image: url('../Images/body_bg.gif');
	background-position: 0 0;
	background-repeat: repeat-x;
	font-family: Arial, Sans-Serif;
	/*font-size: 12px;*/
	/*color: #333333;/**/
}

.logomaster{
	float: left;  
    height:70px; 
    margin: 10px 0px 0px 0px;
    width: 183px; 
    border:0;

}

.breadcrumb {
	float: left;
	width: 634px;
}

.crumbs {
	list-style-type: none;
	margin:0;
	padding:0;
}

.crumbs li {
	float: left;
	display:inline;
	font-weight: bold;
	font-size: 11px;
	margin-right: 3px;
}


#navigation
{
	float: none;
	background-color: #004982;
	width: 933px;
	list-style-type: none;
	margin:0 auto;
	/*margin-bottom: 5px;*/
	display: block;
	color:#ffffff;
	font-weight: bold;
	padding-left:0;
	height:25px;
	
}

#navigation li
{
	float: left;
	display: inline;
	background: url('../images/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
{
	color: #FFFFFF;
    float: left;
    font-family: Arial,Sans-Serif;
    font-size: 14px; /** Modify by Davis Alvarez, June 6th, 2011**/
    height: 12px;
    margin-right: 1px;
    overflow: hidden;
    padding: 6px 15px 15px; /** Modify by Davis Alvarez, June 6th, 2011**/
    text-decoration: none;
    text-transform: none; /** Modify by Davis Alvarez, June 6th, 2011**/
}

#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('../images/nav_expand_hl.gif');* Modify by Davis Alvarez, June 6th, 2011*/}

#navigation li.parent a,
#navigation li.parent a:link,
#navigation li.parent a:hover,
#navigation li.parent a:visited
{
	border-right: 0 solid #004982; /** Modify by Davis Alvarez, June 6th, 2011**/
    float: left;
    padding-right: 15px;  /** Modify by Davis Alvarez, June 6th, 2011**/
}

#navigation a.expand
{
	/**background-image: url('../images/nav_expand.gif');  Modify by Davis Alvarez, June 6th, 2011**/
	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('../images/nav_expand_hl.gif');Modify by Davis Alvarez, June 6th, 2011**/}

#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;
	margin:0;
	background-color: #006bb3;
	text-align:left;
}

#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
{
	background-image: none;
    border-style: none;
    font-size: 13px; /**Modify by Yadenith Ramos, June 6th, 2011**/
    height: auto;
    padding: 3px; /**Modify by Yadenith Ramos, June 6th, 2011**/
    white-space: nowrap;
    width: 230px;
}

#navigation ul.subnavigation li a:hover
{
	background-color: #004982;
}



/*======================================*/
/*    Need Help Panel					*/
/*======================================*/
/*.wci-ebusiness .HomeInformation .helpfooter {*/
.helpfooter {
	height: 62px; 
	width:930px; 
	margin: 20px auto ; 
	font-size:12px;
	
}
/*.wci-ebusiness .HomeInformation .helpfooter a {*/
.helpfooter a {
	font-weight: bold;
}
/*.wci-ebusiness .HomeInformation .helpfooter a .button  {*/
.helpfooter a .button  {
	display: block; 
	float: left; 
	padding:0 25px 0 6px;
}

/*.wci-ebusiness .HomeInformation .helpfooter h3 span {
*/.helpfooter h3 {
	color:#004982;
	font-size:16px;
	font-weight:bold;
	margin:0;
}

/*.wci-ebusiness .HomeInformation .helpfooter p  {
*/
.helpfooter p  {
	text-align:left;
	margin:20px;
	padding:0;
	height:auto;
}
.horizontalLine {
	border-top: 1px solid rgb(204, 202, 203); 
	margin: 20px 0px;
	width:932px;
}		

