/* Default CSS Stylesheet for a new Web Application project */

BODY
{
    BACKGROUND-COLOR: white;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
	margin:0px;
	text-align:center;
}
body, td, div {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#wrapper{
	width: 779px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}
#main {
width: 795px;
}
#div_lateral{float:left;width:162px; margin: 0px; background-image:url("http://www.vuelokey.com/images/lateral_bgr.jpg"); background-repeat:repeat-y;}
#contenido{float:left; margin-left:3px;}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}
H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	

A:link	{	
	text-decoration:	none;
	color:	#3333cc;
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:active	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:	#3333cc;
	}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

#main {
	width: 779px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}
#botonera {
	height:153px;
}
#menu {
	width: 162px;
	vertical-align: top;
	background-image:url("http://www.vuelokey.com/images/lateral_bgr.jpg");
	background-repeat:repeat-y;
}
#tbl_top {
	background-image:url(images/top_bg.gif);	background-repeat:repeat-x;
	width:608px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	color:#FFFFFF;
}
#cuerpo {
	width: 614px;	
}
/*** STEP 1 ****/
#step1_tbl_top {
	width: 455px;
}
#step1_buscador {

}
/***** STEP 4 ****/
#step4_estructura_top {
	width: 600px;
	margin: 0px;
	padding: 0px;
}
#step4_estructura_titulo{
	width:600px;
	margin: 0px 0px 0px 2px;
	padding-left: 30px;
	background-color:#D90026;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}
#step4_estructura_cuerpo{
	width: 600px;
	margin:0px 0px 0px 2px;
	padding:0px 0px 0px 20px;
	background-image:url(images/step4_bgr_cuerpo1.gif);
	background-repeat:repeat-y;
}
#step4_estructura_cuerpo_2 {
	width: 492px;
	margin:0px;
	padding:10px 5px 0px 10px;
	background-image:url(images/step3_bgr_cuerpo2.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
#step4_estructura_cuerpo_2  table {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
#step4_estructura_bottom{
	width:600px;
	margin:0px 0px 0px 2px;
	padding: 0px 0px 60px 0px;
	background-image:url(images/step4_bgr_bottom_1.gif);
	background-repeat:no-repeat;
}
#step4_estructura_bottom .BotonFinalizar{
	margin: 40px 0px 0px 430px;
}
.CodigoReserva{
	border: 1px solid #D90026;
	padding: 0px 6px 0px 6px;
	color:#D90026;
	font-weight:bold;
}

/**** STEP 4  SEGUROS  ****/
#seguros_pnlDatos, #seguros_pnlGracias { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; }
#seguros_pnlGracias p{ padding:8px;}
.tablaSeguros{}
.tablaSeguros p{ margin:2px 20px;}
.tablaSeguros div{ text-align:right}
#step4_estructura_cuerpo h5{padding: 4px 20px;}

/**** STEP 4 PAGO Tarjeta **/
#pagos_pnlDatos h5, #pagos_pnlDatos p{padding: 4px 20px;}
/********* OFERTA CALENDARIOS **************/
.detalle_frm {
	width:618px;
	height:40px;
	background-image:url(images/detalle_frm_bgr.gif);
	background-position:center;
	background-repeat:no-repeat;
}
.detalle_frm td.pasajeros {
	font: bold 13px Arial, Helvetica, sans-serif;
	color:#54595B;
}

.detalle_frm_2 {
	width:618px;
	height:70px;
	background-image:url(images/detalle_oferta_bgr.gif);
	background-repeat:repeat;
}
.detalle_frm_2 td.texto {
	font: 13px Arial, Helvetica, sans-serif;
	color:#3A3E40;
	padding-left:10px;
	padding-bottom:10px;
}	
.bloque_central {
	width:618px;
	height:150px;
	margin: 0px 0px 3px 0px;
	background-color:#E8F6FA;
	border-top:2px solid #CCCCCC
}
.bloque_central #tips{
	font: 11px Arial, Helvetica, sans-serif;
	color:#000000;
	margin-bottom:10px;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 10px;
	margin-left: 10px;
	background-color:#F0FAFF;
	border: 1px solid #005E6F;
	text-align:justify;
}
#tips div{
	margin-top:3px;
	margin-bottom:3px;
}
#lstAdultos, #lstNinios, #lstBebes{
	font-size:10px;
}
.bloque_oferta {
	width:618px;
	padding-top:5px;
	background-image:url(images/detalle_oferta_bgr.gif);
}
table.bloque_oferta_titulo {
	width:615px;
	height:33px;
	background-image:url(images/detalle_oferta2.gif);
	background-repeat:no-repeat;
	font: bold 13px Arial, Helvetica, sans-serif;
}
table.bloque_oferta_titulo td {
	color:#FFFFFF;
	font-weight: bold;
}
table.bloque_oferta_titulo span.precio {
	font-size: 15px;
}
table.bloque_oferta_titulo span.moneda {
	font-size: 11px;
	margin-left:5px;
}
table.bloque_oferta_cuerpo {
	width:618px;
}
table.bloque_oferta_cuerpo td{
	color:#54595B;
}
span.leyenda {
	border:#000 1px solid; 
	width:10px; 
	margin-right:2px; 
}
/* Calendario */
#calendarIda{
	width:200px;
	background-color:#8BD3E5;
	font: 12px Arial, Helvetica, sans-serif;
	border:1px solid #C0C0C0;
}
#calendarVuelta{
	width:200px;
	background-color:#8BD3E5;
	font: 12px Arial, Helvetica, sans-serif;
	border:1px solid #C0C0C0;
}
.calendario_dia {
	background-color:#8BD3E5;
	font: 12px Arial, Helvetica, sans-serif;
	border:1px solid #C0C0C0;
}

.calendario_dia_habilitado{
	background-color:#9FD2ED;
	border:1px solid #C0C0C0;
}

.calendario_dia_deshabilitado{
	background-color:#FFFFFF;
	border:1px solid #C0C0C0;
}

.calendario_dia_seleccionado{
	background-color:#DEDEDE;
	border:1px solid #C0C0C0;
}
/****************/
.panelAgencia{
	padding: 10px 8px;font-weight:bold;	font-style : italic;
}
.panelAgencia .nombre{
	color: #3E6479; font-size:12px;
}
.panelAgencia a{display:block; margin: 10px 0px 0px 0x; text-align:right; font-weight:normal}

/****  BOTONERA *****/
#lateral{width:162px; margin: 0px; background-image:url("http://www.vuelokey.com/images/lateral_bgr.jpg"); background-repeat:repeat-y;}

.menu-lateral{width:160px; height:23px; background-color:#FFFFFF; }
.menu-lateral a{ width:160px; height:22px; color:#888888; font-size:10px; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; letter-spacing:-0.3pt; padding:5px 0px 0px 12px; background:url("http://www.vuelokey.com/images/bg_lateral.jpg") no-repeat; display:table; overflow:hidden; text-decoration:none}
.menu-lateral a:hover{color:#E7314C; background:url("http://www.vuelokey.com/images/bg_lateral_up.jpg") no-repeat; text-decoration:none}
.menu-lateral a:link, .menu-lateral a:visited, .menu-lateral a:active{color:#888888; }

/*** PIE **/
.small{ color:#666666; font-size:9px; font-style:italic}
#pie{ text-align:center; font-weight:bold}