.Compra_Itinerarios{
 float:left;
 width:433px;
 height:210px;
 background:url(venta-imgs/box_itinerario.png) no-repeat 0px 0px;
 padding-left:2px;
 padding-top:22px;
}

div.cleanme  table tr td{
	/* border-bottom:0px solid #FFFFF; */
	border:none;
	padding:4px 0px;
}

/*
----------------------------------------------------------------
	B A R R A   D E   P A S O S
---------------------------------------------------------------- */

#barraPasos{
	background:url(venta-imgs/barraPasos-fondo.gif) repeat-x left top;
	text-align:center;
	margin-bottom:30px;
}
#barraPasos table{
	margin:0 auto;
	padding:0;
	text-align:left;
}
#barraPasos td{
	padding:0;
	background:url(venta-imgs/barraPasos-paso-inactivo.gif) no-repeat center top;
	text-align:center;
	padding-top:5px;
	width:130px;
	font:bold 11px/1 Arial, Helvetica, sans-serif;
	color:#999999;

}
#barraPasos td span{
	display:block;
	margin-bottom:7px;
	font:bold 16px/1 Arial, Helvetica, sans-serif;
	color:#fff;
}
#barraPasos td.pasoActivo{
	color:#f00;
	background:url(venta-imgs/barraPasos-paso-activo.gif) no-repeat center top;
}
#barraPasos td.pasoVisitado{
	background:url(venta-imgs/barraPasos-paso-visitado.gif) no-repeat center top;
}

/*
----------------------------------------------------------------
	L A Y O U T   C O L U M N A S
---------------------------------------------------------------- */
.innerVentaPasajes:after{ content: ".";	display:block;	height:0;	clear:both;	visibility:hidden;}
.innerVentaPasajes .ivpCol1{
	float:left;
}
.innerVentaPasajes .ivpCol2{
	float:right;
}

/*
----------------------------------------------------------------
	G E N E R A L
---------------------------------------------------------------- */
h3{
	font:bold 12px/1 Arial, Helvetica, sans-serif;
	padding:0 0 5px 0;
	border-bottom:1px solid #E0E0E0;
	text-transform:uppercase;
	margin-bottom:10px;
}
.textoPequeno{
	font-size:11px;
}
.vpInstruccion{
	font-size:14px;
	color:#f00;
	font-weight:bold;
}
img.alinearVerticalMedio{
	vertical-align:middle;
}
.vpSinBorde{
	border:none;
}
/*
----------------------------------------------------------------
	B O X E S
---------------------------------------------------------------- */
.vpBoxBlanco{
	border:1px solid #E0E0E0;
	padding:10px;
	margin-bottom:20px;
}

.vpBoxGris{
	border:1px solid #E0E0E0;
	background:#f9f9f9;
	padding:10px;
	margin-bottom:20px;
}

.vpBoxGrisOscuro{
	border:1px solid #E0E0E0;
	background:#eee;
	padding:10px;
	margin-bottom:20px;
}
.vpBoxBlanco p:last-child, .vpBoxGris p:last-child, .vpBoxGrisOscuro p:last-child{
	margin-bottom:0;
}

.vpBoxBlanco:after, .vpBoxGris:after, .vpBoxGrisOscuro:after{ content: ".";	display:block;	height:0;	clear:both;	visibility:hidden;}
.vpBoxDatosViajes{
	border:1px solid #E0E0E0;
	background:#ffffA5;
	padding:10px;
	margin-bottom:20px;
	font:bold 11px/13px Arial, Helvetica, sans-serif;
}
.vpBoxDatosViajes div img{
	vertical-align:middle;
}
.vpBoxDatosViajes div.vpBoxDatosViajesVuelta{
	border-top:1px solid #E0E0E0;
	margin-top:10px;
	padding-top:10px;
}

/*
----------------------------------------------------------------
	F O R M U L A R I O S
---------------------------------------------------------------- */
form.formVP table{
	width:100%;
	margin-bottom:10px;
}
form.formVP td{
	border-bottom:1px solid #DFDFDF;
	padding:5px 5px;
}
form.formVP select{
	padding:1px;
}
span.formVPcampoinfo{
	font-size:11px;
}
.vpBotonera{
	text-align:right;
}
.vpBotoneraAlineadoIzquierda{
	text-align:left;
}
.vpBotonera input.boton{
	margin:0; 	padding:0;	border:none;
	cursor:pointer;
	vertical-align:middle;
	background:none;
	background-position:center center;
	text-indent:-9000px;
}

form.formVP tr.vpSinBorde td{
	border:none;
}
/*
----------------------------------------------------------------
	T A B L A S   D E   R E S U L T A D O S
---------------------------------------------------------------- */

.vpGrid{
	width:100%;
	margin-bottom:20px;
}
.vpGrid td, .vpGrid th{
	font-size:11px;
	padding:5px 10px;
}
.vpGrid th{
	font-weight:bold;
	color:#000;
	background:#DCDCDC;
	text-align:center;
}
.vpGrid td{
	text-align:center;
}
.vpGrid tr.alt td{
	background:#EFEFEF;
}
/*
----------------------------------------------------------------
	P A S O  1
---------------------------------------------------------------- */
.vpHoraActual{
	font:20px/1 Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	padding-left:60px;
	color:#000;
}
form.formVPItinerarios{
	padding:5px;
}
form.formVPItinerarios .vpInstruccion{
	font-size:20px; 
	margin-bottom:5px
}
form.formVPItinerarios label{
	font-size:12px;
}
form.formVPItinerarios td{
	padding:10px 5px;
}

/*
----------------------------------------------------------------
	P A S O  4
---------------------------------------------------------------- */
.vpGridValores{
	width:100%;
	
}
.vpGridValores th, .vpGridValores td{
	font:bold 13px/1 Arial, Helvetica, sans-serif;
	color:#000;
	border-bottom:1px solid #E0E0E0;
	padding:5px 0;
}
.vpGridValores td{
	text-align:right;
}
.vpGridValores tfoot td, .vpGridValores tfoot th{
	color:#f00;
}

/*
----------------------------------------------------------------
	P A S O  4
---------------------------------------------------------------- */
.vpPagoProcesoIcono{
	margin-right:30px;
}
.vpPagoProcesoTitulo{
	border-bottom:1px solid #E0E0E0;
	padding-top:30px;
	padding-bottom:10px;
	margin-bottom:20px;
}

/*
----------------------------------------------------------------
	P A S O  6
---------------------------------------------------------------- */
.vpBoxDataPasajeros{

}
.vpBoxDataPasajerosCol1{
	float:left;
	width:200px;
}
.vpBoxDataPasajerosCol2{
	float:right;
	width:640px;
}

.vpPasajeEnviado{
	font:bold 20px/1 Arial, Helvetica, sans-serif;
	color:#000;
}
/*
----------------------------------------------------------------
	B U S
---------------------------------------------------------------- */
.vpBus{
	height:200px;
	background:url(venta-imgs/bus-medio.gif) repeat-x left top;
	display:table-cell;
}
.vpBus .vpBusWrapper1{
	height:200px;
	background:url(venta-imgs/bus-frente.gif) no-repeat left top;
	padding-left:90px;
}
/* piso 2 */
.vpBus .vpBusWrapper21{
	height:200px;
	background:url(venta-imgs/bus-frente2piso2.gif) no-repeat left top;
	padding-left:90px;
}

.vpBus .vpBusWrapper2{
	height:200px;
	background:url(venta-imgs/bus-atras.gif) no-repeat right top;
	padding-right:15px;
	padding-top:10px;
}

.vpBusGrid td{
	padding:0;
	border:10px solid #FFFFA5;
	width:30px;
}
.vpBusGrid tr.fila2 td{
	border-bottom-width:30px;
}
.vpBusGrid span{
	display:block;
	width:30px;
	height:30px;
	background:#D9D98C;
	text-align:center;
	font:bold 11px/30px Arial, Helvetica, sans-serif;
}
.vpBusGrid td.disponible span{
	line-height:10px;
	color:#000;
}
