/* Default CSS Stylesheet for a new Web Application project */
body{ text-align:center;}
body, td, div {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
*{margin:0px}
#wrapper{
	width: 784px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	margin-bottom: 32px;
	text-align:left;
}
#header{ width: 784px; height:130px; }
#Footer{
	font-size: 10px;
	color:#ccc;
	text-align:center;
}
#Footer ul{ list-style:none; background: #000000; height:25px}
#Footer ul li{float: left;	 margin: 0px; padding: 6px 10px 6px 10px; }
#Footer ul li a{font-size: 10px; color:#FFFFFF}
#Footer div.telefono{ color:#993333; font-size:12px; padding:5px}
/**********************   ***********************************************************/
#contenido{padding:0px 50px; border:1px solid #9c9c9c}
#lateral{width:75px; margin: 0px;}

#contenido .texto{ text-align:justify; padding: 5px 10px}
#contenido .texto_nota{ background-color:#dedede; font-weight:bold; padding: 5px 10px}
#contenido .texto ul{ margin:5px 10px; padding:5px 10px}

A:link, A:visited, A:active	{ text-decoration:	none; color: #3333cc;}		
A:hover	{ text-decoration:	underline; color:	#3333cc; }
	
SMALL	{font-size:	.7em; }
BIG	{ font-size:	1.17em;}
BLOCKQUOTE, PRE	{font-family:	Courier New, monospace;}
#main {
	width: 784px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-image:url(../images/degra_full.gif); background-repeat:repeat-y;
}

#menu {	width: 82px;}

#tbl_top{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	background-image: url(../images/fondo_titulo.jpg);
	background-repeat:no-repeat;
	margin: 5px 0px;
	padding: 8px 0px 6px 20px;
}
#cuerpo {
	width: 614px;
}
/*** STEP 1 ****/
#tbl_top_search{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	background-image: url(../images/tit_busc_vuelos.jpg);
	background-repeat:no-repeat;
	margin: 5px 0px;
	padding: 8px 0px 10px 30px;
}
#step1_tbl_top {
	width: 455px;
}
#step1_buscador {background-color:#EDECEA; border:1px solid #AAAAAA;}

#step1_buscador select, #step1_buscador input{font-size:10px;}

#step1_buscador table{ border:1px solid #31859a;width:620px;}
#step1_buscador table.step1{width:673px;border:0px}

#step1_ofertas{width:673px; text-align:center; margin-top: 10px; padding-bottom:10px}
#step1_ofertas tbody tr td {background-color:#EDECEA;}
#step1_ofertas th{background-image:url(../images/fondo_degrade.jpg); width:225px; height:28px; padding-top:5px; border:1px solid #C3BEB4; border-top:0px; color:#68655A; font-size:14px; font-weight:normal}
#step1_ofertas table tr td{padding: 2px 5px; border: 0px; border-bottom:1px solid #C3BEB4;}
#step1_ofertas table tr td a{color:#333; font-size:12px;font-weight:bold;}

/**** SEARCH INTERNO **/
.tabla_buscador_interno{width:620px; padding: 0px 0px 10px 5px; height:88px; background-color:#EDECEA; border:1px solid #AAAAAA;}
.tabla_buscador_interno select, .tabla_buscador_interno input{font-size:10px;}

/*************** STEP 2 ******************/
.pnlResultados{ width:620px;}
#step2_titulo{
	background-image:url(../images/fondo_degrade.jpg);
	background-repeat:repeat-x;
	border:1px solid #dedede;
	border-top:0px;
	padding: 6px 0px 6px 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
}
#step2_cuerpo{ border:1px solid #dedede; }
.OptionStep2Details{
	width:580px;
	border: 0px;
	margin: 0px 0px 0px 21px;
	padding: 3px 0px 0px 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-bottom: 1px solid #C2EDF0;
}
.OptionStep2DetailsReglas{
	width:495px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-bottom: 1px solid #BFC2C3;
}
.OptionStep2DetailsRegreso{
	width:580px;
}
.OptionStep2Details span.letrasenrojos {
	font-weight:bold;
	color:#156E94;
}
#OptionStep2Subtotal {
	margin: 0px 0px 0px 21px;
	padding: 7px 95px 3px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
}
#OptionStep2Total{
	padding: 7px 0px 8px 0px;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
}
#OptionStep2Total span#precio{
	margin: 0px 15px 0px 55px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color:#e30407;
	text-align:right;
}
#OptionStep2Total span#precio_coste{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#156E94;
	margin: 0px 10px 0px 200px;
}
#OptionStep2Bottom{
	padding: 4px 30px 10px 0px;
	text-align:right;
}
#OptionStep2Bottom .BotonReservar{
	border: 1px solid #F69CB9;
	background-color:#F69CB9;
	color:#FFFFFF;
	font-weight:bold;
}
#OptionStep2Bottom .BotonReglas{
	border: 1px solid #F69CB9;
	margin-right: 30px;
	background-color:#F69CB9;
	color:#FFFFFF;
	font-weight:bold;
}
.desglose{
	padding-top:15px;
}
.fondo-desglose{
	margin: 0px 20px 0px 21px;
	border-bottom: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;
}
.fondo-desglose table{
	width:320px;
	margin: 0px 100px;
}
.fondo-desglose th {
	font-size: 12px;
	text-align: right;
}
.titulo-desglose{
	background-color: #DEDEDE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: Black;
	text-align: right;
	margin: 0px 20px 0px 20px;
	padding: 2px 20px;
}
.msgEscala{
	color:#d00;
	font-weight:bold;

}
/**************** STEP 3 ***************/
.formInterno{ width:620px;}

#step3_top {
	width: 604px;
	margin: 3px 3px 0px 3px;
}
#step3_titulo {
	margin: 5px 0px 0px 0px;
	padding: 6px 0px 6px 0px;
	background-image:url(../images/fondo_degrade.jpg);
	background-repeat:repeat-x;
	border:1px solid #dedede;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
#step3_cuerpo {
	border:1px solid #dedede;
	border-top:0px;
}
#step3_cuerpo #fondo_cuerpo {
	width:558px;
	margin: 0px 0px 0px 20px;
	padding-bottom:15px;
}
#step3_cuerpo table{
	width:580px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

#step3_cuerpo table span#Register1_lblUserCount{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
#step3_cuerpo div.texto_reservas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;
	color:#7F7F7F;
	padding: 3px 5px 3px 5px;
}
#step3_cuerpo fieldset { 
	margin:0px; 
	padding:0px 0px 0px 10px; 
	border: 0px;
	}
#step3_cuerpo legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#628FA3;
}
#step3_bottom {
	width:604px;
	height:75px;
	margin: 0px 0px 0px 3px;
}
#step3_bottom #boton {
	text-align:right;
	margin: 10px 30px 0px 0px;
}
#step3_bottom .BotonAceptar {
	border: 1px solid #F69CB9;
	background-color:#F69CB9;
	color:#FFFFFF;
	font-weight:bold;
}

/**** RULES ***/ 
#Rules1_total{font-size:14px; margin-left:90px; color:#e30407}

/***** STEP 4 ****/
#step4_estructura_top {
	width: 600px;
	margin: 0px;
	padding: 0px;
}
#step4_estructura_titulo{
	margin-top:10px;
	padding-left: 30px;
	background-image:url(../images/fondo_degrade.jpg);
	background-repeat:repeat-x;
	border:1px solid #dedede;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}
#step4_estructura_cuerpo{
	padding:10px 0px 5px 20px;
	border:1px solid #dedede;
}

.CodigoReserva{
	border: 1px solid #D90026;
	padding: 0px 6px 0px 6px;
	color:#D90026;
	font-weight:bold;
}
/********* OFERTA CALENDARIOS **************/
#formOferta{margin:0px 85px;}
.detalle_frm {
	width:620px;
	height:45px;
	border:2px solid #dedede;
	margin-top:3px;
}
.detalle_frm td.pasajeros {
	font: bold 13px Arial, Helvetica, sans-serif;
	color:#54595B;
}

.bloque_central {
	width:620px;
	margin: 0px 0px 3px 0px;
	border:2px solid #dedede;
}
.bloque_central .tituloCalendario{
	color:#e30407;
	font-size:14px;
}
#tips{
	font: 11px Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:justify;
	border:2px solid #dedede;
	width:620px;
	height:80px;
}
#tips div{
	margin:4px 8px;
}
#lstAdultos, #lstNinios, #lstBebes{
	font-size:10px;
}
.bloque_oferta {
	width:620px;
	padding-top:3px;
}
table.bloque_oferta_titulo {
	width:620px;
	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:620px;
	height:104px;
	border: 2px solid #dedede;
	margin-bottom:3px;
}
table.bloque_oferta_cuerpo td{
	color:#54595B;
}
span.leyenda {
	border:#000 1px solid; 
	width:10px; 
	margin-right:2px; 
}
/* Calendario */
#calendarIda{
	width:200px;
	background-color:#dedede;
	font: 12px Arial, Helvetica, sans-serif;
	border:1px solid #ccc;
}
#calendarVuelta{
	width:200px;
	background-color:#dedede;
	font: 12px Arial, Helvetica, sans-serif;
	border:1px solid #ccc;
}
.calendario_dia {
	background-color:#8BD3E5;
	font: 12px Arial, Helvetica, sans-serif;
	border:1px solid #ccc;
}

.calendario_dia_habilitado{
	background-color:#9FD2ED;
	border:1px solid #ccc;
}

.calendario_dia_deshabilitado{
	background-color:#FFFFFF;
	border:1px solid #ccc;
}

.calendario_dia_seleccionado{
	background-color:#DEDEDE;
	border:1px solid #006AB3;
}
/****************/
.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 0px; text-align:right; font-weight:normal}
/********** BOTONERA OCIO  ****  ***/
#botonera {
	background-color: #e30407;
	margin: 0px;
	clear:both;
	height:32px;
}
#botonera ul{
	list-style-type: none;
	margin: 0px auto; 
	padding: 0px 0px 0px 0px; 
}

#botonera ul li{
	float: right;
	font-size: 14px;
	margin: 0px;
	padding: 8px 20px 6px 20px; 
}

#botonera ul li a{
	text-decoration: none;
	color: #fff;	
}

#botonera ul li a:hover{
	text-decoration: underline;
	color: #000;
}

.padding {
 padding-left:10px;
}
