/***** ESTRUCTURA  ******/
#contenedorPrincipal {display: block; padding: 0 5px; margin: 0 auto;}
#contenedorPrincipal:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
#contenedorPrincipal {display: inline-block;}
html[xmlns] #contenedorPrincipal {display: block;}
* html #contenedorPrincipal {height: 1%;}

.sinColumnas {display: block; clear: both;}
.cont2columnas {display: block;}
.colIzquierda {width: 605px; float: left; clear: left;}
.colDerecha {width: 365px; float: right; clear: right;}
.izq {float: left; overflow: hidden;}
.der {float: right; overflow: hidden:}

.inline {display: inline-block; *display: inline; overflow: hidden;}
#contCol {display: block;}
.sincol {display: block; clear: both;}
.col3 {display: inline-block; *float: left; width: 32%; margin-right: 1.15%; vertical-align: top;}
.col2 {width: 49.3%; float: left; vertical-align: top;}
.col2.last, .col3.last {margin-right: 0;}
.col2.last {float: right;}
.col2.contCajas {width: 48%; float: left; vertical-align: top;}
.col2.contCajas.last {float: right; margin-right: 0;}
.col5 {width: 20%; float: left; vertical-align: top;}
.col54 {width: 80%; float: left; vertical-align: top;}
.colbase {float: left; vertical-align: top;}
.ullist {list-style: none; display: block;}
.list {display: block; clear: both; overflow: hidden;}
.ddisplay {display: inline-block; *display: inline; *float: left; float: left\0/;}
.d100 {width: 100%}
.d74 {width: 72%}
.d28 {width: 28%}
.d26 {width: 25.6%}
.d80 {width: 80%}
.d20 {width: 20%}
.d13 {width: 13.8%}

/********** IMÁGENES BANNERS PAQUETE **********/
.top-col-foto {height: 166px; overflow: hidden; position: relative;}
.top-col-foto img {position: absolute; left: 0; top: -50px;}

/********** VUELOS DESDE **********/
#contBannerOfertasViajesDesde h1, #contBannerOfertasViajesDesde h2, #contBannerOfertasViajesDesde h3, #contBannerOfertasViajesDesde h4, #contBannerOfertasViajesDesde h5, #contBannerOfertasViajesDesde .subtitulo, #contCalendarioPrecios h4, #contCalendarioPrecios .subtitulo,#contTablaDispo h1, #contTablaDispo h2, #contTablaDispo h3, #contTablaDispo h4, #contTablaDispo h5, #contTablaDispo .subtitulo {display: inline-block; *display: inline;}
.col3 .rotuloblancoazul .subtitulo {display: inline-block; padding-bottom: 0; letter-spacing: 0;}
#contBannerOfertasDesde .ruta {padding: 6px 0 6px 10px;}
.rotuloazul .subtitulo {text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}

.subtitulo2 {color: #FFF; font-family: 'Maven Pro', sans-serif; font-size: 16px; letter-spacing: -1px; margin: -8px 0 0; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1);}

.contListaProdv {position:relative;display: block; padding: 5px 0; border-bottom: 1px dotted #D1D1D1; overflow: hidden; vertical-align: top; position: relative; cursor: pointer;-webkit-transition: box-shadow 0.5s ease-in-out;
-moz-transition: box-shadow 0.5s ease-in-out;  
-o-transition: box-shadow 0.5s ease-in-out;
transition: box-shadow 0.5s ease-in-out; }
.list-ground {background:none; padding:0}
.contListaProdv .contPrecio{position:absolute; bottom:10px; right:10px}
.contListaProdv:hover, .contListaProdv:focus {text-shadow: 0 1px 0 #FFF; background-color: #FBFBFB; box-shadow: inset 0 0 20px 15px rgba(0,0,0,.03); -moz-box-shadow: inset 0 0 20px 15px rgba(0,0,0,.03); -webkit-box-shadow: inset 0 0 20px 15px rgba(0,0,0,.03);}
/*.contListaProdv .contTextProdv {width: 73%; float: right;}*/
.contListaProdv .contImgProdv {width: 70px; height: 70px; float: left; overflow: hidden; margin-right: 7px;}
.contListaProdv .contImgProdv img {width:70px; height: 70px;}
.contListaProdv .fila {display: block; overflow: hidden;}


.contListaProdv h5 {margin-bottom: 3px; padding: 0;}
.ultimo {border-bottom: none;}
.contListaProdv .fila.precio {float:right;width:50px;}

#divContVentaCruzadaPaqTrenPagDest .contListaProdv .contTextProdv {width: 73%; float: right;}
#divContVentaCruzadaPaqTrenPagDest .contListaProdv .fila.titProdv {line-height: 17px;float:left;width:72%}
#divContVentaCruzadaPaqTrenPagDest .fila {display:block; overflow:hidden}
#divContVentaCruzadaPaqTrenPagDest .contListaProdv .fila.txt12negro {padding-left: 2px;float:left;width:72%}

#divContVentaCruzadaPaqTrenPagOri .contListaProdv .contTextProdv {width: 73%; float: right;}
#divContVentaCruzadaPaqTrenPagOri .contListaProdv .fila.titProdv {line-height: 17px;float:left; width:72%}
#divContVentaCruzadaPaqTrenPagOri  .fila {display:block; overflow:hidden}
#divContVentaCruzadaPaqTrenPagOri .contListaProdv .fila.txt12negro {padding-left: 2px;float:left;width:56%}

#divContVentaCruzadaPaqTrenPagRuta .contListaProdv .contTextProdv {width: 73%; float: right;}
#divContVentaCruzadaPaqTrenPagRuta .contListaProdv .fila.titProdv {line-height: 17px;float:left;width:72%}
#divContVentaCruzadaPaqTrenPagRuta .fila {display:block; overflow:hidden}
#divContVentaCruzadaPaqTrenPagRuta .contListaProdv .fila.txt12negro {padding-left: 2px;float:left;width:72%}

#contBannerVuelos #banner_1 {width: auto !important;}
#bannerNacional {width: 48.5%; float: left;}
#bannerInternacional {width: 48.5%; float: right;}

/********** VUELOS BARATOS **********/
#BannerRutSupDerV2 {width: auto; background-repeat: no-repeat; padding: 175px 0 0 0;}
#vueloBarato {width: auto; padding: 5px; margin: 0 0 0 120px;}
#vueloBarato #TitBannerRutSupDer {margin: 0 0 2px 0;}


/********** LISTADOS OFERTAS VUELOS **********/
.listaVuelosDesde, .listaVuelosA {list-style-type: none; padding: 0; text-shadow: 0 1px 0 white;}
.listaVuelosDesde li, .listaVuelosA li {width: auto; overflow: hidden; vertical-align: bottom;}
.titListaVuelos {width: 62%; float: left; padding: 3px 0 0 5px;}
#bannerNacional .icoListaVuelos, #bannerInternacional .icoListaVuelos {margin: 0 0 2px 20px;}
.listaVuelosDesde li .icoListaVuelos, .listaVuelosA li .icoListaVuelos {margin: 0 0 2px 72px;}
.colDerecha #svBannerTop .listaVuelosDesde li .icoListaVuelos {margin: 0 0 2px 32px;}
.ruta {width: 62%; float: left; padding: 5px 0 5px 5px; cursor: pointer;}
.ruta:hover {text-decoration: underline;}
.precioRuta {width: 16.5%; float: left; text-align: right;}
.linkRuta {padding: 3px 0 0 0;}

/********** COMPONENTES SEO **********/
#listaConsejos {list-style-type: square; padding: 0; margin: 0 0 0 15px;}
#listaConsejos li {margin: 0 0 3px 0;}
#contListaEnlaces {width: 100%; margin: 0 0 8px 0; overflow: hidden;}
.listaEnlacesIzq {width: 165px; float: left; list-style-type: none; padding: 0; margin: 0 10px 5px 0; line-height: 16px;}
.listaEnlacesDer {width: 165px; float: left; list-style-type: none; padding: 0; margin: 0 0 5px 0; line-height: 16px;}
#separador {clear: both; margin: 0 0 8px;}

/********** INFO AEROPUERTOS **********/
#contInfoAeropuerto {clear: both;}
#contAeropuertoOrigen {width: auto; overflow: hidden;}
#contAeropuertoDestino {width: auto; overflow: hidden; margin: 15px 0 0 0;}
.descAeropuerto {width: 285px; float: left;}
#imgAeropuertoOrigen, #imgAeropuertoDestino {width: 275px; float: right;}

/***** CALENDARIO VUELOS **********/
#contCalendario {  margin: 0 0 0 65px !important; width: 580px !important;float:none !important;}
#contCalendario .tablaCalendario {vertical-align:middle; text-align:center}
#contCalendario td {vertical-align:middle; text-align:center;}
#contCalendario td a {display:block; text-decoration:none; width:70px; text-shadow:0 1px 0 white}
#contCalendario td a:hover, td a:focus {text-decoration:none}
#contCalendario td.dias {padding: 0 0}
#contCalendario td a.botonSemanas {width:auto;text-shadow:0px 1px 0 rgba(255,255,255,.5); padding:0}
#contCalendario td.diaSeleccionado {border-top:none;border-left:none;border-top:right; }
#contCalendario td.diaSeleccionado a {text-shadow:1px 1px 1px rgba(0,0,0,.6); color:#fff; cursor:default}
#contCalendario td.diaSeleccionado a div div span{text-shadow:1px 1px 1px rgba(0,0,0,.6); color:#fff; cursor:default}
#contCalendario td.diaSeleccionado a:hover {background:inherit; box-shadow: inherit; -webkit-box-shadow: inherit; moz-box-shadow: inherit; cursor:default}
#contCalendario td.diaSeleccionado {background: #007dbe;background: -moz-linear-gradient(top, #007dbe 0%, #1e5799 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007dbe), color-stop(100%,#1e5799));background: -webkit-linear-gradient(top, #007dbe 0%,#1e5799 100%);background: -o-linear-gradient(top, #007dbe 0%,#1e5799 100%);text-shadow:1px 1px 1px rgba(0,0,0,.6); color:#fff; cursor: default;}
#contCalendario td.mid.diaSeleccionado:hover, td.mid.diaSeleccionado:focus {background: #007dbe;background: -moz-linear-gradient(top, #007dbe 0%, #1e5799 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007dbe), color-stop(100%,#1e5799));background: -webkit-linear-gradient(top, #007dbe 0%,#1e5799 100%);background: -o-linear-gradient(top, #007dbe 0%,#1e5799 100%);text-shadow:1px 1px 1px rgba(0,0,0,.6); color:#fff; box-shadow:inset 0 2px 6px 0px rgba(0,0,0,.4);-moz-box-shadow:inset 0 2px 6px 0px rgba(0,0,0,.4);-webkit-box-shadow:inset 0 2px 6px 0px rgba(0,0,0,.4);cursor:default; text-decoration:none;}


#contCalendario td.diaOferta {border-top: none; border-left: none; border-top: right;}
#contCalendario td.diaOferta a {text-shadow: none; color: #000;}
contCalendario td.diaOferta a:hover {box-shadow: inherit; -webkit-box-shadow: inherit; moz-box-shadow: inherit;}
#contCalendario .diaOferta {background: #FFF; text-shadow: none; color: #FFF;}
#contCalendario .diaOferta:hover, .diaOferta:focus {} 
tdttd.mid:hover, td.mid:focus {background: #FFF; text-decoration:none; box-shadow:inset 0 0px 22px 6px rgba(0,0,0,.05);-moz-box-shadow:inset 0 0px 22px 6px rgba(0,0,0,.05);-webkit-box-shadow:inset 0 0px 22px 6px rgba(0,0,0,.05)}
#contCalendario td.top {height:26px}
#contCalendario td.mid{height:33px; width:67px; vertical-align:middle} 
#contCalendario td.txt12azulbold, td.txt11azulbold {text-shadow:0px 1px 0 rgba(255,255,255,.5)}
#contCalendario td.last {border-right:none}
#contCalendario .vert {-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);/*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)*/;zoom: 1;}
#contCalendario .ContvertSig {display: block; position: relative; height: 66px; width: 20px;} 
#contCalendario .vertSig {width: 66px; position: absolute; top: 25px; left: -22px;}
#contCalendario .vertSig {*width: 22px; *height: 66px; *float: left; *position: static; *top: 5px; *left: -5px; width: 22px\0/; height: 66px\0/; float: left\0/; position: static\0/;}
#contCalendario td a.latSig {background: url("/logitravel/images/flecha-ant.png") no-repeat 4px 2px; padding: 0 0 0 5px;}
#contCalendario td a.latSig {background: url("/logitravel/images/flecha-bot.png") no-repeat 14px 68px\0/; *background: url("/logitravel/images/flecha-bot.png") no-repeat 12px 3px; padding-bottom: 5px\0/; writing-mode : tb-rl;}
#contCalendario .ContvertAnt {display: block; position: relative; height: 66px; width: 20px;}
#contCalendario .vertAnt {width: 66px; position: absolute; top: 25px; left: -22px;}
#contCalendario .vertAnt {*width: 22px; *height: 66px; *float: left; *position: static; *top: 10px; *left: -4px; width: 22px\0/; height: 66px\0/; float: left\0/; position: static\0/;}
#contCalendario td a.latAnt {background: url("/logitravel/images/flecha-sig.png") no-repeat 54px 2px; padding: 0 10px 0 0;}
#contCalendario td a.latAnt {background: url("/logitravel/images/flecha-top.png") no-repeat 3px 0\0/; *background: url("/logitravel/images/flecha-top.png") no-repeat 55px 10px; padding: 5px 0 0 0\0/; *padding: 5px 0 0 0; writing-mode: tb-rl;}
#contCalendario .ContvertTit {display: block; position: relative; height: 99px; width: 20px;} 
#contCalendario .vertTit {width: 99px; position: absolute; top: 42px; left: -38px;}
#contCalendario .vertTit {writing-mode: tb-rl; *width: 15px; *height: 90px; *position: static; *top: 5px; *left: 2px; width: 20px\0/; height: 99px\0/; position: static\0/; left: -15px\0/;} 
#contCalendario td a.topAnterior {background: url("/logitravel/images/flecha-ant.png") no-repeat 12px 3px; padding-left: 7px;}
#contCalendario td a.topSiguiente {background: url("/logitravel/images/flecha-sig.png") no-repeat 125px 3px; padding-right: 7px;}

/********** TABLA DISPO VUELOS **********/
.barraPrecioVuelosTexto {float: left; line-height: 40px; padding: 0 0 0 10px;}
.barraPrecioVuelosIcono {width: 110px; float: right; margin: 5px 10px 0 0;}
#contTablaDispo .rotuloblanco div, #contTablaDispo .rotuloblanco h5 {display: inline-block; *float: left; overflow: hidden;}
#contTablaDispo .contIdaVuelta {position: relative; *overflow: hidden;}
#contTablaDispo .contIdaVuelta .divIdaVuelta {padding: 0 0 5px 0;}
#contTablaDispo .contNavDias {position: absolute; right: 0; bottom: -1px; min-width: 155px;}
#contTablaDispo .contNavDias a {text-decoration: none;}
#contTablaDispo .contNavDias .navDiaMenos {float: left; display: inline-block; width: 44%; *width: auto; min-width: 75px; *min-width: auto; line-height: 21px; text-align: center; white-space: nowrap; border-right: 1px solid #BCD8ED; overflow: hidden;}
#contTablaDispo .contNavDias .navDiaMas {float: left; display: inline-block; width: 44%; *width: auto; min-width: 75px; *min-width: auto; line-height: 21px; text-align: center; white-space: nowrap; border-left: 1px solid #E3F2FC; overflow: hidden;}
#contTablaDispo .tablaDispo table th {text-align: left;}
#contTablaDispo .tablaDispo table tbody tr {background-image: url("/logitravel/images2012/bg_puntosHoriz.png"); background-position: left bottom; background-repeat: repeat-x; border-bottom: 0;}
#contTablaDispo .tablaDispo table tbody tr.last {background-image: none;}
#contTablaDispo .tablaDispo th.dprecio {text-align: center;}
#contTablaDispo .tablaDispo img {margin: -10px 10px; float: right; *float: none; *vertical-align: top;}
#contTablaDispo .tablaDispo {*position: relative;}
#contTablaDispo .tablaDispo .cabeceraDispo {clear: both; cursor: pointer; min-height: 24px; padding: 0; margin: 0; *position: relative; *top: 0; *left: 0;}
#contTablaDispo .tablaDispo .cuerpoDispo {display: block; clear: both;}
#contTablaDispo .tablaDispo .cabeceraDispo img {float: right; padding-top: 5px; opacity: 0; display: none;}
#contTablaDispo .tablaDispo .divTextDispo {vertical-align: middle; margin-right: 5px; display: inline-block; *float: inline; width: 92%;}
#contTablaDispo .tablaDispo tbody tr:hover,#contTablaDispo .tablaDispo tbody tr:focus {background-color: #F0F0F0;}

/***** ANCHO CELDAS VUELOS ONE-WAY *****/
.OW th, .OW td {padding-left: 5px; vertical-align: middle;}
.OW .dinput {width: 15px; *margin: 0; *padding: 0;}
.OW .dcompanyia {width: 155px;}
.OW .dorigen {width: 101px;}
.OW .dsalida {width: 50px;  line-height: 29px;}
.OW .ddestino {width: 103px;}
.OW .dllegada {width: 58px;}
.OW .dprecio {width: 52px; padding-left: 0; padding-right: 5px; text-align: right;}

/***** ANCHO CELDAS VUELOS IDA-VUELTA *****/
.RT th, .RT td {padding-left: 5px; vertical-align: middle;}
.RT .dinput {width: 15px; *margin: 0; *padding: 0;}
.RT .dcompanyia {width: 80px;}
.RT .dorigen {width: 115px;}
.RT .dsalida {width: 55px;  line-height: 29px;}
.RT .ddestino {width: 114px;}
.RT .dllegada {width: 60px;}

/*********** GUIA **********/
#contInfoAeropuerto #divAeropuerto{margin-bottom:15px; overflow:hidden;}
#contInfoAeropuerto .contCompanyias span {margin-bottom:5px; display:block}
#contInfoAeropuerto .contCompanyias .logoCompanyias{float:left; width:33%; height:auto; text-align:center; vertical-align:middle}
#contBuscador {background-color: #FFF; color: #036;font-family: Arial; font-size: 13px; margin: 0 auto; padding: 10px; width: 1000px;}

/********** RESULTADO BUSQUEDA Y SELECCION VUELOS ***********/
#contTuBusqueda #divAgrupaciones {width: 753px;}
#contTuBusqueda .col5, #contTuBusqueda #filtro_vuelos .first {width: 185px; border-right: 1px dotted #D1D1D1; margin: 0 2px 0 0; position: relative;}
#contTuBusqueda .col5.first {width: 205px; border-right: none; position: static;}
#contTuBusqueda .col5.last {border-right: none;}
#contTuBusqueda .col5.last .contenido10 {padding-right: 0;}
#contTuBusqueda .col54 {width: 77%; float:right;}
#contTuBusqueda .fila {overflow: hidden; margin: 0 0 4px 0;}
#contTuBusqueda .fila .izq {margin-right:5px; max-width:71%}
#contTuBusqueda .fila.btitulo {margin-bottom:10px}
#contTuBusqueda .datosBusqueda {text-shadow: 0 1px 0 rgba(255,255,255,0.5); position: relative;}
#contTuBusqueda .botontext a {cursor: pointer; text-decoration: underline; position: absolute; bottom: 10px; right: 10px;}
#contTuBusqueda .d74 {width: 113px; vertical-align: middle;}
#contTuBusqueda .d26 {width: 47px; text-align: right; float: right;}
#contTuBusqueda .dbox {display: inline-block; vertical-align: text-bottom; *float: left;}
#contTuBusqueda .ltit {margin: 0 0 3px 0;}
#contTuBusqueda .list {margin: 0 0 2px 0;}
#todasCias_chk, #todasTipos_chk, #todosOrigenes_chk, #todosDestinos_chk, #todasEscalas_chk, #todasTransporte_chk {margin: 0 4px 0 0;}
#contTuBusqueda .listEscalas {margin: 0 0 20px 0;}
#precioSlider {width: 175px; margin: 5px 0 0 0;}
#horaIdaSlider, #horaVueltaSlider {width: 175px; margin: 0 ;}
#valoresPreciosSlider div, #valoresHoraIdaSlider div, #valoresHoraVueltaSlider div {padding: 10px 0 1px 5px !important;}
#botonFormAereo {text-align: center; margin: 15px 0 0 0;}
#botonFormAereo a {font-size: 12px !important; margin-bottom: 0 !important;}
.ResultadoBusqueda h5 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; *margin: 0 0 5px 0;}
#contTuBusqueda .contDesgloseVuelo {margin-left:10px; margin-bottom:10px}
#contTuBusqueda .contDesgloseVuelo .contPrecio {text-shadow: 0 1px 0 rgba(255,255,255,.5);}
.ui-slider {width: 150px !important; background-position: center center; background-repeat: no-repeat; height: 20px; position: relative;}
.ui-slider-handle {overflow: visible; position: absolute; left: 0; top: 5px; border: none !important; border-raius: 0 !important; z-index: 1;}
.ui-slider-handle-active {border: 1px dotted black;}
.ui-slider-disabled .ui-slider-handle {opacity: 0.5;}
.ui-slider-range {width: 100%; height: 3px; opacity: 0.8; font-size: 0; position: absolute; top: 10px; background: #C8E6FA; border: 1px solid #BDD9EC; box-shadow: 0 1px 0 rgba(255,255,255,0.5), 0 0 1px rgba(0,0,0,0.3);}
.ui-widget-header {background: #D8D8D8 !important; border: 1px solid #C4C4C4 !important;}
.ui-slider-handle-right {left: 188px; text-align: right;}
/*.ui-slider-1 {background-image: url("/logitravel/images/slider/slider-bg-3.gif");}
.ui-slider-2 {background-image: url("/logitravel/images/slider/slider-bg-4.gif");}
#wrapFiltroPrecio .ui-widget-content {background: url("/logitravel/images/slider/slider-bg-4.gif") no-repeat scroll 0 0 transparent;}
#wrapFiltroPrecio .ui-state-default.ui-slider-handle {background: url("/logitravel/images/slider/slider-handle.gif") no-repeat scroll 0 0 transparent; border: none;}
#wrapFiltroHoraIda .ui-state-default.ui-slider-handle {background: url("/logitravel/images/slider/slider-handle.gif") no-repeat scroll 0 0 transparent; border: none;}
#wrapFiltroVuelta .ui-state-default.ui-slider-handle {background: url("/logitravel/images/slider/slider-handle.gif") no-repeat scroll 0 0 transparent; border: none;}*/
#filtro_vuelos #wrapFiltroHoraIda, #filtro_vuelos #wrapFiltroPrecio, #filtro_vuelos #wrapFiltroVuelta {height: 10px !important; margin: 0 0 0 10px !important; border: none !important; background: none !important;}
#divEspera {margin-left: 400px;}
#filtroHoraVueltaB, #filtroHoraIdaB {float: right;}
#filtroPrecioB {float: right;}
.lineaPuntos {border-bottom: 1px dashed #C8E6FA !important;}
#IcontenedorDesgloseVuelos {padding: 0 !important;}
#DivDesgloseTituloSuplementos {margin: 0 !important;}
#contTablaDispo .contNavDias {padding: 0 !important;}
#contenedorSuplementos {margin-top: 10px;}
.DivLineaSuplemento {padding: 5px 10px;}
.bloqueSuplementosMaletas {padding: 10px !important;}
.bloqueSuplementosTarjetas {padding: 10px !important;}
.esperaCalendario {padding-top: 100px !important; padding-left: 300px !important;}
#IcontenedorDesgloseVuelosv2 {overflow: hidden; padding: 0 ! important;}
#contFiltros2 .ui-widget-content{background: none repeat scroll 0 0 #DEF0FC !important;}
#contenedorCalendarios_si .calendarioTransparent { width: 350px !important;}
#buscadorTrenes #DivEsperaCalendario {padding: 173px 110px !important;}
#leyenda {width: 585px; float: left; margin: 0 0 8px 10px; overflow: hidden;}
#leyenda .calendarDatecheap {width: 150px !important; float: left !important;}
.calOrientDesc {width: 430px; float: right;}

/******  BUSCADOR VUELOS *********/
#ContBuscar #slMesIda,#ContBuscar #slMesVuelta {width: 135px;}
#filtro_vuelos {background-position: right -1px; background-repeat: no-repeat; overflow: hidden; min-height: 175px;}
#f.destacados {height: auto; left: 0; position: relative; top: 0; width: 600px; z-index: 9;}
.destacados span {color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 24px; line-height: 40px; margin: 0; padding: 0 0 0 10px; text-shadow: 0 1px 1px rgba(0,0,0,0.9);}
.destacados .buttons {list-style-type: none; margin: 0; padding: 0; position: absolute; right: 2px; top: 0; z-index: 49;}
.destacados .buttons li {background-color: #FFF; border-radius: 0 0 5px 5px; color: #005591; display: block; float: left; font-family: 'Maven Pro',sans-serif; font-size: 20px; font-weight: 700; letter-spacing: -1px; margin: 0 3px 0 0; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
.destacados .buttons li.active {background-color: #FA8C00;}
.destacados .buttons A {border-radius: 2px; color: #005591; font-family: Arial; font-size: 12px; padding: 4px; text-decoration: none;}
.destacados .buttons Aformhoteles, .buttons .active A {border-radius: 2px; color: #005591; font-family: Arial; font-size: 12px; padding: 4px; text-decoration: none;}
.destacados .buttons .active a {background-color: #FA8C00; color: White;}
.destacados .buttons A:link, .destacados .buttons A:visited {border-radius: 0 0 5px 5px; display: block; font-family: 'Maven Pro',sans-serif; font-size: 20px; font-weight: 700; letter-spacing: -1px; padding: 2px 5px 4px; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}

#TB_ajaxContent {height: auto !important; min-height: 200px !important;}
.divPreCal {width: 70%;padding-bottom: 5px;}

/***** PÁGINA METABUSCADORES *****/
#contVuelosSeleccionadosv2 #divBotones #BtnContinuar {margin: 5px 10px;}
#pestanyasDispo {width: 990px !important;}
#contDisponibilidad {margin-top: 0 !important;}
#contFiltros #contFiltros2 {margin: 0;}
#contFiltros #contFiltros2 #formFiltros #filtro_vuelos {background-position: right 5px; padding: 5px 8px;}

#contDisponibilidad.caja_pestanyas #contFiltros {box-shadow: none;}
#contDisponibilidad.caja_pestanyas #contFiltros #contFiltros2 #formFiltros #filtro_vuelos {border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important;}
#contDisponibilidad.caja_pestanyas #contTablaDispo {width: 976px; margin: 0 auto;}
#contDisponibilidad.caja_pestanyas #contTablaDispo #divDisponibilidad .contenido10 {padding: 10px 6px;}


.columnaListadoPack{padding:10px;}
.estiloListadoPack{list-style-type:square;margin: 0 0 0 12px}
.columnaPack{padding:5px;}
.columnaPrecioPack{padding:5px;text-align: right;}
.columnaTextoPack{padding: 5px; width: 350px;}



.slideshow .slides .ofertasTrenes {width: 285px; z-index: 101; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px !important; position: absolute; left: 10px; bottom: 10px; overflow: hidden; background-color: #FFF; filter: alpha(opacity=90); -moz-opacity: .90; opacity: .90;}
.slideshow .slides .ofertasTrenes h3 {margin-bottom: 5px;}
.slideshow .slides .ofertasTrenes .rutaBannerRotativo {display:block; overflow: hidden; padding: 1px 0px;}
.slideshow .slides .ofertasTrenes .rutaBannerRotativo .contInfoPrecio {float: right; text-align: right;}
.slideshow .slides .ofertasTrenes .rutaBannerRotativo .contInfoRuta {float: left;}
.slideshow .slides .ofertasTrenes .rutaBannerRotativo .contInfoRuta .tipoTrayecto {font-style: italic;}

#descripcionCia{height: 200px;}

#subBarraPestanyas {display: block; height: 5px;}



.listaVuelosPuente { list-style-type: none; padding: 0; text-shadow: 0 1px 0 white; }
.listaVuelosPuente li { overflow: hidden; vertical-align: bottom;  width: auto; }
.cabeceraPuente { float: left; padding: 10px 0 5px 10px; text-align: center; width: 170px; }
.cabeceraFechas { float: left; padding: 2px 0px 2px; text-align: center; width: 17%; }
.cabeceraFechaPuente { clear: both; text-align: center; }
.rutaPuentes { float: left; padding: 9px 0 5px 10px;cursor: pointer; width: 175px; }
.rutaPuentes:hover { text-decoration: underline;}
.precioRutaPuente { width: 17%; float: left; text-align: center; }


#divTrenesLateral #coGenTopRutas {  width: 100% !important;}
#divTrenesLateral #coGenTopDestino {  width: 100% !important;}
#BannerRutSupDerV3 {width: auto; background-repeat: no-repeat; }

 .titMejorOfer{margin-bottom: 0px;float: left;}
 .botonesMejorOfer{ width: auto;}
 .botonreservar{ float: right; width: auto;}
 .verCalendario {float: left;  margin: 1px 0 0 9px; width: auto;}
.listaMejorOfer ul{list-style-type: none !important}
 .listaMejorOfer li{margin: 0 0 1px 8px;}
 #trenBaratoV2 {  margin: 0 0 0 5px; width: auto;}
 #trenBaratoV2 #TitBannerRutSupDer {margin: 0 0 2px 0;}
 
 #coGenLateral .listaMejorOfer {float: left; width: 250px;}
 #coGenCentral .listaMejorOfer {float: left; width: auto;}
 
.oculto{display:none !important}
.contenidoTipoTren{position: absolute; width: 450px; z-index: 100;  border: 3px solid #A1CDE9;  border-collapse: collapse;border-radius: 5px 5px 5px 5px;}
.tituloThickBox{float:left;width:auto; margin: 4px;}
.cerrarThickBox{float:right;width:auto;}
.cabeceraThickbox{width:auto;overflow:hidden;padding:5px}
.tituloContenidoThickBox{padding:0 0 5px}
.linkContenidos{ padding: 3px 5px;position: relative;}


.jcarousel-skin .jcarousel-prev-horizontal {
    background: url("/logitravel/images2012/paquete/spriteIconos.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 45px;
    left: -15px;
    position: absolute;
    top: 15px;
    width: 30px;
    z-index: 100;
}

.jcarousel-skin .jcarousel-container-horizontal {padding: 0 20px;position: relative !important;  width: 420px;}
.jcarousel-skin .jcarousel-clip-horizontal { height: 80px; width: 100%;}
.jcarousel-skin .jcarousel-clip { overflow: hidden;}
.jcarousel-skin .jcarousel-next-horizontal {
    background: url("/logitravel/images2012/paquete/spriteIconos.png") no-repeat scroll -30px 0 transparent;
    cursor: pointer;
    height: 45px;
    position: absolute;
    right: -10px;
    top: 15px;
    width: 30px;
    z-index: 100;
}
#bar_contFotosMin { margin-left: 60px }
#bar_contFotoBig {margin-left: 40px; overflow: hidden;  width: 100%;}
#bar_contGaleriaFotos {padding:10px 15px 10px;}
#bar_contFotos { margin-top: 5px; overflow: hidden; text-align: center;}


#bar_img_Big {
    height: 285px;
    margin-left: 50px;
    width: 400px;
}
#bar_leyendaImg_Big { margin-bottom: 15px; margin-left:190px;}
.bar_filaFotos{ overflow: hidden; width: 435px;}
.bar_fotoMin{  float: left;  width: 107px;}

#bannerFotos_2{ overflow: hidden; padding: 10px; width: 584px;}

#listaRecorridos{ float: left;  margin-right: 5px;  width: 160px;}
#fotosRecorridos{ float: left; width: 395px;}

.pestanyaTren, .pestanyaTrenLast 
{
    float: left;
    overflow: hidden;
    border-right: 1px solid white;
}


.pestanyaTrenActiva a, .pestanyaTrenActiva a:hover {
    background: none repeat scroll 0 0 padding-box #007DBE !important;
    color: #FFFFFF !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
}

.pestanyaTren a, .pestanyaTrenLast a {
     background: none repeat scroll 0 0 padding-box #C8E6FA;
    color: #005591;
    cursor: pointer;
    float: left;
    font-family: 'Maven Pro',sans-serif;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -2px;
    line-height: 26px;
    padding: 8px 10px;
    text-shadow: 0 1px 0 white;
}

#pestanyasTren
{
    background: none repeat scroll 0 0 padding-box #C8E6FA;
    color: #005591;
    font-family: 'Maven Pro',sans-serif;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -2px;
    line-height: 26px;
    text-shadow: 0 1px 0 white;}

.pestanyaTren a, .pestanyaTrenLast a {font-size:18px;}
.pestanya a, .pestanyaTren a {font-size:18px !important;}

.textoContenidoThickBox{width: 420px;}
.ImagenContenidoThickBox{float: right; margin: 0 0 15px 25px}



/********* Banner Fin de semana *********/
#bannerFinDeSemana .vuelosFinDeSemana { list-style: none; }
#bannerFinDeSemana .vuelosFinDeSemana .lineaCabecera { border-radius: 0; clear: both; text-decoration: none; display:block; overflow: hidden; }
#bannerFinDeSemana .vuelosFinDeSemana .lineaCabecera .ruta { display: block; float: left; overflow: hidden; margin-left: 5px; padding: 5px; width: 200px; }
#bannerFinDeSemana .vuelosFinDeSemana .lineaCabecera .ruta:hover { text-decoration: none; cursor: auto; }
#bannerFinDeSemana .vuelosFinDeSemana .lineaCabecera .finDeSemana { display: block; float: left; overflow: hidden; padding: 5px 0; width: 95px; text-align: center;}
#bannerFinDeSemana .vuelosFinDeSemana .lineaPrecio { clear: both; display: block; overflow: hidden; }
#bannerFinDeSemana .vuelosFinDeSemana .lineaPrecio .ruta { display: block; float: left; overflow: hidden; margin-left: 5px; padding: 5px; width: 200px; line-height: 20px; }
#bannerFinDeSemana .vuelosFinDeSemana .lineaPrecio .precio { display: block; float: left; overflow: hidden; padding: 5px 0; width: 95px; cursor: pointer; text-align: center; }
#bannerFinDeSemana .vuelosFinDeSemana .ultima {  }
#bannerFinDeSemana .labelBuscar { line-height: 20px; }

/********* Banner Fin de semana y Meses en ruta *********/
#bannerMesesReducido { float: left; width: 285px; margin-bottom: 0; } 
#bannerMesesReducido .listadoVuelosMeses { list-style: none; }
#bannerMesesReducido .listadoVuelosMeses .lineaPrecio { clear: both; display: block; overflow: hidden; cursor: pointer; }
#bannerMesesReducido .listadoVuelosMeses .lineaPrecio .mes { display: block; float: left; line-height: 20px; overflow: hidden; padding: 5px 0 5px 10px; text-align: left; width: 175px; }
#bannerMesesReducido .listadoVuelosMeses .lineaPrecio .precio { cursor: pointer; display: block; float: right; overflow: hidden; padding: 5px 10px 5px 0; text-align: center; }
#bannerFinDeSemanaReducido { float: right; width: 285px; margin-bottom: 0; }
#bannerFinDeSemanaReducido .vuelosFinDeSemana { list-style: none; }
#bannerFinDeSemanaReducido .vuelosFinDeSemana .lineaPrecio { clear: both; display: block; overflow: hidden; cursor: pointer; }
#bannerFinDeSemanaReducido .vuelosFinDeSemana .lineaPrecio .finDeSemana { display: block; float: left; line-height: 20px; overflow: hidden; padding: 5px 0 5px 10px; text-align: left; width: 175px; }
#bannerFinDeSemanaReducido .vuelosFinDeSemana .lineaPrecio .precio { cursor: pointer; display: block; float: right; overflow: hidden; padding: 5px 10px 5px 0; text-align: center; }
.verMas .oculto { display: none !important; }
        
.verMas span.labelVerMas { cursor: pointer; text-align: right; margin-right: 5px; }
.verMas span.labelVerMas:hover { text-decoration: underline; }
        
.verMas span.labelOcultarMas { cursor: pointer; text-align: right; margin-right: 5px; }
.verMas span.labelOcultarMas:hover { text-decoration: underline; }

/********* Tooltip precio *********/
.tooltipPrecio { clear: both; width: 350px; }
.tooltipPrecio .titulo { font-size: 14px !important; font-weight: bold !important; padding-bottom: 5px; }
.tooltipPrecio .lineaTrayecto { clear: both; display: block; padding: 5px 0; overflow: hidden; }
.tooltipPrecio .lineaTrayecto .contTren { float: left; } 
.tooltipPrecio .lineaTrayecto .contInfoTrayecto { float: left; width: 205px; padding: 0 10px; }
.tooltipPrecio .lineaTrayecto .contCompania { float: right; }
.tooltipPrecio .lineaTrayecto .contTrenVuelta { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; }
.tooltipPrecio .contInfoIncluye { clear: both; display: block; font-style: italic; padding: 5px 0 0 0; }

.listado div.izquierdaCompania {float: left; padding-top: 12px; width: 70%; font-style: italic;}
.linkCompania {cursor: pointer; overflow: hidden; vertical-align: bottom;}

.esperaTextoImprimir{   float: left; padding: 40px 10px;  width: 450px;}
.esperaImagenImprimir{float: left; margin-left: 30px; width: 120px;}
.esperaImagenContendor{overflow: hidden; padding: 50px 0 20px; width: 700px;}
#botonImprimir{float:left;margin-left:20px}
#botonVerDetalle{float:left;}
.textoImprimir{margin-left: 5px;}

#flechaAbajoTrenes{margin-left: 130px;}

div#divArbolNavegacionGraciasTrenes {padding-left: 8px !important; line-height: 30px;}
div#contenedorReservaGraciasTrenes {margin: 10px; overflow: hidden;}


div#contenedorCentralGraciasTrenes {min-height: 250px; margin: 10px;}


div#contenedorTextoIzquierdaGraciasTrenes { width: 600px; float:left;}
div#contenidoTextoIzquierdaGraciasTrenes { padding: 10px;float:left;}
div#contenidoTextoAmarilloIzquierdaGraciasTrenes { padding: 10px;}
div#contenidoTextoIzquierdaGraciasTrenes ul {margin: 2px 0 5px 15px; padding: 2px 0 5px 15px; list-style: square;}
div#contenidoTextoIzquierdaGraciasTrenes ul li {margin: 10px 0 8px 0;}



div#contenedorTextoDerechaGraciasTrenes { width: 350px; float:right;}
div#contenidoTextoDerechaGraciasTrenes { float:left;}
div#contenidoTextoDerechaGraciasTrenes ul {list-style: none outside none;}
div#contenidoTextoDerechaGraciasTrenes ul li {padding: 10px;}

.opcionTexto{float: left; width: 270px;}
.opciongracias{width:300px;overflow:hidden}
.opcionflechagracias{width:10px;float:right;padding-top:10px}
div#contendorTextoGraciasTrenes h2 {color: #003366; margin-bottom: 15px;}

div#zComent{height: 73px; right: 0px; top: 81px; width: 350px;display:none;}
div#DivEsperaComent{margin: 25px 110px;display:none;}
.cerrarComent{float:right;padding:5px;cursor:pointer;}
.textoComent{float: left; padding: 5px 10px; width: 300px;}
div#contenedorTextComent{float: left ; margin: 0px 0px 0px 10px ; height: 40px ; width: 250px ; }
#textComent{padding: 2px !important; height: 36px !important; width: 250px !important;}

#contenidoTextoDerechaGraciasTrenes  li.opcion 
{background: #fff;
background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 24%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(24%,#ffffff), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 24%,#ffffff 100%);
background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 24%,#ffffff 100%);
background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 24%,#ffffff 100%);
background: linear-gradient(top, #f2f2f2 0%,#ffffff 24%,#ffffff 100%); text-shadow:0 1px 0 white; box-shadow:inset 0 1px 0 white; -moz-box-shadow:inset 0 1px 0 white; -webkit-box-shadow:inset 0 1px 0 white}
#contenidoTextoDerechaGraciasTrenes  li.opcion:hover,#contenidoTextoDerechaGraciasTrenes  li.opcion:focus {background: #f5fbff;
background: -moz-linear-gradient(top, #f5fbff 0%, #edf8ff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5fbff), color-stop(100%,#edf8ff));
background: -webkit-linear-gradient(top, #f5fbff 0%,#edf8ff 100%);
background: -o-linear-gradient(top, #f5fbff 0%,#edf8ff 100%);
background: -ms-linear-gradient(top, #f5fbff 0%,#edf8ff 100%);
background: linear-gradient(top, #f5fbff 0%,#edf8ff 100%);}

.contFichaFoto {
    overflow: hidden;
}
.contFichaFoto .contFoto {
    float: right;
    height: 125px;
    overflow: hidden;
    position: relative;
    width: 155px;
}
.contFichaFoto .contFoto .marcoCiudad {
    background-repeat: no-repeat;
    height: 125px;
    left: 0;
    position: absolute;
    top: 0;
    width: 155px;
    z-index: 41;
}
.contFichaFoto .contFoto .fotoCiudad {
    background-repeat: no-repeat;
    height: 125px;
    left: 0;
    position: absolute;
    top: 0;
    width: 155px;
    z-index: 40;
}
.contFichaFoto .contFicha {
    float: left;
    min-height: 250px;
    overflow: hidden;
    width: 220px;
}
.contFichaFoto .contFichaGrande {
    float: left;
    overflow: hidden;
}
.contFoto .fotoCiudad img {
    height: 120px;
    width: 165px;
}
.contFotoGrande {
    float: right;
    position: absolute;
}
.contFicha li {
    margin-left: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
}
.br5005 {
    border-radius: 5px 0 0 5px;
}


		#cPrincipalBono {width: 985px;margin:0 0 0 20px}
        #cLogo {width: 245px; background-color: #036; padding: 0 5px; margin: 0 auto 15px; float: right;}
		.cLogo_logitravel { background-color: #036 !important;}
        .cLogo_traveltool { background-color: #FFFFFF !important; }
		#cLogo img {width: 235px; height: 55px;}
		#bonoCercanias h1 {font-size: 46px; color: #005591; text-align: center; float: left;}
		#cInfo {margin: 30px 0 25px; clear: both;}
		#cInfo p {margin: 0 0 10px;}
		#cDetalle  {margin: 0 0 10px;}
		#cDetalle ul {list-style-type: none;}
		#cDetalle ul  li {margin: 0 0 2px;}
		#cCompraBillete {margin: 10px 0;}
		#cCompraBillete p {margin: 0 0 10px;}
		#cCompraBillete #imgBono {float: right;}
		#cInfoAdicional ul {list-style-type: square; margin: 0 0 0 15px;}
		#cInfoAdicional ul  li {margin: 0 0 5px;}

.bloqueFormulario {
    float: left;
    margin: 0 10px 0 0;
}