/* CSS Document */
body{background-color:#18357b; margin:0; padding:0; line-height: 1.5em;}

b{font-size: 110%;}
em{color: red;}

#express-tours{
width: 800px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/ border-top: 1px solid #FFFFFF; background-image:url(express-tours-img/bg.gif);}

#secsup{ background-color:#FFFFFF; height:auto; /*Height of top section*/ border-top: 3px solid #364E8A;}
#secsup h1{margin: 0; padding-top: 15px;}
.secsup-banner { position:relative; margin-left: 100px;}
.logo{position:relative; top:-11px; left:35px;}


#areacont{
float: left;
width: 100%;
}

#margencont{
margin: 0 300px 0 150px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
#margencont img{ margin-top:7px;}

#coli{
float: left;
width: 150px; /*Width of left column in pixel*/
margin-left: -800px; /*Set margin to that of -(MainContainerWidth)*/ background-color:#F3F3F3;}
#coli h1{ margin:0px; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; background-image:url(express-tours-img/vuelos-p.gif); padding-left:5px; padding-top:2px;}
.divbanner{text-align:center; margin-bottom: 5px; margin-top:10px;}
.banner{border: 1px solid #888; padding: 3px; margin: 3px 0 0 0; background: #fff;}
/* CSS menu */
#navi {list-style:none; margin:0; padding:0;}
#navi li {margin:2px; padding:0; //Ya no necesito el padding, tambien quitare el borde que puse antes. float:left;}
#navi li a {display:block; width:137px; padding:4px 0 0 5px; text-decoration:none; text-align:left; font-size:11px; color:#FFFFFF; background-color:#18357b; border-left:4px solid #FDC20E;}
#navi li a:hover {color:#FFFFFF; background-color:#FDC20E; border-left-color:#FF9900;}
.oferta-vuelos {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.oferta-vuelos:hover {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #FF9900; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}


#cold{
float: left;
width: 300px; /*Width of right column*/
margin-left: -300px; /*Set left margin to -(RightColumnWidth)*/
background: #F0F0F0;
}
.destinos-img{border: 1px solid #888; padding: 1px; margin: 7px 4px 0 0; background: #fff;}
#destinos{width: 290px; height: 85px; border-bottom: 1px solid #888; margin: 7px 3px 3px 7px; font-size: 13px;color: #333333; font-family: Verdana; LETTER-SPACING: -1px; line-height:normal;}
#viajes-cd{width: 290px; height: 85px; border-bottom: 1px solid #888; margin: 7px 3px 3px 7px; font-size: 13px;color: #333333; font-family: Verdana; LETTER-SPACING: -1px; line-height:normal;}
#destinosb{width: 290px; height: auto; margin: 0 3px 0 7px; font-size: 13px; color: #333333; font-family: Verdana; LETTER-SPACING: -1px; line-height:normal; background-color: #FFFFFF; padding: 7px 0 7px 0;}
.imgcolde{margin: 0 5px 0 0;}
.destinoT{margin: 0; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: normal; text-decoration: none; font-weight: bold;}
.destinoT:hover{text-decoration: underline;}
.destinoTV {font-weight: bold; font-size: 16px; COLOR: #9f7a2d; FONT-STYLE: italic; font-family: Arial, Helvetica, sans-serif; text-decoration: none}
.destinoTV:hover {text-decoration: underline;}

#secin{clear: left; width: 100%; background: #18357b; color: #FFF; text-align: center; padding: 2px 0 10px 0; font-family: Verdana; font-size: 12px; line-height:normal;}
#secin a{color: #CCCCCC; text-decoration:none;}
#secin a:hover{color: #CCCCCC; text-decoration:underline;}
.pdp{margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/}

.innertube{
margin: 7px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/* Menú = Horizontal, Secondary = Vertical */
ul#navmenu {margin: 0; border: 0 none; padding: 0; width:auto; list-style: none; height: 20px; line-height:normal; background-color: #FF9900; border-bottom: 1px solid #FFFFFF;}
ul#navmenu li {margin: 0; border: 0 none; padding: 0; float: left; display: inline; list-style: none; position: relative; height: 20px;}
ul#navmenu ul {margin: 0; border: 0 none; padding: 0;  width: 160px; list-style: none; display: none; position: absolute; top: 20px; 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;}

ul#navmenu ul li {
  width: 148px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {padding: 3px 20px 0 20px;
	float: none !important; 
	float: left;
	display: block;
	background: #FE9901;
	color: #FFFFFF;
	text-decoration: none;
	height:17px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align:center; letter-spacing: 1px;}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a, 
ul#navmenu li.iehover a {color: #333333; background-color: #FDC20E;}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	border: 1px solid #FFF;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	float: none;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
	padding-left:3px;
	width:auto;
	background-color: #095B80;
}

/* 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: #FDC20E;
	color: #000000;
	text-align: left;
	font-weight: bold;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 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: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 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: #CCC;
  color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* 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.iehover ul ul,
ul#navmenu li.iehover 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;
}