/***** SLIDERS *****/
.ui-slider {background-position: center center; background-repeat: no-repeat; height: 20px; position: relative; width: 180px !important;}
.ui-slider-handle {border: medium none !important; left: 0; overflow: visible; position: absolute; top: 5px; z-index: 1;}
.ui-slider-handle-active { border: 1px dotted black;}
.ui-slider-disabled .ui-slider-handle { opacity: 0.5;}
.ui-slider-range {background: none repeat scroll 0 0 #FA8C00; border: 1px solid #FA8C00; box-shadow: 0 1px 0 rgba(255,255,255,0.5), 0 0 1px rgba(0,0,0,0.3); font-size: 0; height: 3px; opacity: 0.8; position: absolute; top: 10px; width: 100%;}
.ui-widget-header {background: none repeat scroll 0 0 #D8D8D8 !important; border: 1px solid #C4C4C4 !important;}
.ui-slider-handle-right {left: 188px; text-align: right;}
	
/***** RESTO *****/
#contenedorPrincipal {margin: 0 auto; overflow: hidden; width: 1000px;}
#contenedorSuperior {margin-top: 5px;}
#contenedorInferior {}
#divBuscador {float: left; width: 320px; min-height: 200px;}
#divBuscador .alto {min-height: 30px;}
#cBuscadorCruceros {min-height: 176px;}
#cBuscadorCruceros .altoFluvial {height: 37px;}
#cBuscadorCruceros .eleBuscar.alto {height: 70px;}
#divFiltros {width: 658px; float: right; margin: 0 2px 0 0;}
#divFiltros #contenedorFiltros {min-height: 219px;}
#divFiltros .contenedorFiltro {width: 198px; text-align: left; float: left; padding: 5px 10px 8px 10px; min-height:58px;}
#divFiltros .azulpalido .contenedorFiltro { min-height : 0px;}

#divFiltros .contenedorContadorFiltrados {width: 195px; float: right; text-align: center; padding: 30px 10px 10px 10px;}
#divFiltros .labelmin {float: left;}
#divFiltros .labelmax {float: right;}
#contenedorPrincipal .labelFiltro {}
#divFiltroSliders {width: 440px; float: left;}
#listaFiltroBarra li {width: 25%; text-align: center; list-style-type: none; float: left;}
#listaFiltroBarra li a {display: block;}
#listaFiltroBarra li a.botonDisplay {float: none;}
#listaFiltroBarra li.last {border-right: medium none;}

#divBuscadorFluvial .etiqueta {width:100px;float:left}		
#divBuscadorFluvial .eleContador { width:100%;text-align:center;margin-top:10px}	 
#divBuscadorFluvial .eleBuscar { width:100%;text-align:center}
#divBuscadorFluvial {float: left; width: 320px; min-height: 230px;}
#cBuscadorCruceros .eleBuscar.altoFluvial {height: 50px;}
#divFiltrosFluvial {width: 658px; float: right; margin: 0 2px 0 0;}
#divFiltrosFluvial #contenedorFiltros {min-height: 194px;}
#divFiltrosFluvial .contenedorFiltro {width: 198px; text-align: left; float: left; padding: 5px 10px 8px 10px; min-height:84px;}
#divFiltrosFluvial .azulpalido .contenedorFiltro { min-height : 0px;}
#divFiltrosFluvial .contenedorContadorFiltrados {width: 195px; float: right; text-align: center; padding: 0px 10px 5px 10px;}
#divFiltrosFluvial .labelmin {float: left;}
#divFiltrosFluvial .labelmax {float: right;}
    
#contenedorBarraPaginacion {padding:5px; overflow:auto;}
#contenedorBarraPaginacion .orden, #contenedorBarraPaginacion .cantidad {float:left;padding:0 5px 0 5px;}
#contenedorBarraPaginacion select {margin: 0 5px 0 5px}
#contenedorBarraPaginacion .paginacion {float:right;padding:0 5px 0 5px; min-width: 170px;}

#contenedorBarraPaginacionInf {padding:5px; overflow:auto;}
#contenedorBarraPaginacionInf .orden, #contenedorBarraPaginacionInf .cantidad {float:left;padding:0 5px 0 5px;}
#contenedorBarraPaginacionInf select {margin: 0 5px 0 5px}
#contenedorBarraPaginacionInf .paginacion {float:right;padding:0 5px 0 5px;}

#cr_paginas #cr_paginasMostradas { float:left;}
#cr_paginas a { display:block; }
#cr_paginas .paginaEtiqueta{ float:left; height: 18px; line-height: 18px; margin-right: 10px; text-align: center; padding:2px;}
#cr_paginas .paginaAct {float:left;  height: 18px; line-height: 18px; margin-left: 3px; text-align: center; width: 20px; background-color: #005591; padding:3px 0px 3px 0px;}
#cr_paginas .paginaOtra {float:left; height: 18px; line-height: 18px; margin-left: 3px; text-align: center; width: 20px; padding:3px 0px 3px 0px;}
#cr_paginas .paginaAnt {float:left;  height: 18px; line-height: 18px; margin: 0 3px 0; text-align: center; padding:2px;}
#cr_paginas .paginaSig {float:left;  height: 18px; line-height: 18px; margin-left: 6px; text-align: center; padding:2px;}
    
#contendorResultados ul {  list-style-type: none; }
#contendorResultados li { margin-top:25px; }
#contendorResultados li.last { margin-bottom: 0;}
   
#tituloFiltros { float:left}
#controlFiltros { float:right; margin:5px}
#controlFiltros .quitarFiltro { padding: 0 5px 0 5px;}
#controlFiltros .quitarFiltro a { display:block;}
     
.eleOpinion { padding:0 10px 0 10px; float:left;}
.eleOpinion a { display: inline-block; float: none; vertical-align: middle; }
.eleOpinion span {    margin-left: -5px;    padding-left: 5px;}

.eleTitulo { float:left}
.eleCabecera { position:relative;}
.eleDescuento { float:left;}
.eleCabTitulo { float: left; }
.eleCabBoton {width: 255px; float: right;}
.eleCabPrecio {bottom: 0; float: right; /*height: 65px; padding: 5px 10px;*/ position: absolute; right: 5px; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,0.6);}

.eleCabPrecio div.amarilloflojo {text-shadow: none;}

.eleSoloPrecio {padding: 10px; /*text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);*/}
.eleSoloPrecioTasas {padding: 5px 10px; /*text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);*/}
    
.eleCuerpoIzq { float:left; width:335px }
.eleCuerpoIzqFluvial { float:left; width:305px }
.eleCuerpoFotos {}
.eleCuerpoAKI {}
.eleBarco { float: left; text-align: center;   width: 140px;}
.eleBarcoLogo { height: 32px; overflow:hidden}
.eleBarcoFoto img { height: 95px;}
.elePuerto { float: left; text-align: center;   width: 120px;}
.elePuertoLogo { height: 32px; overflow:hidden}
.elePuertoFoto { width:95px; margin:0 auto; text-align:center;}
.elePuertoFoto img { height: 95px; width:95px}
.eleMapa {float: right; height: 128px; overflow: hidden; width: 183px;}    
.eleMapa img { width: 185px; margin: -1px 0 0 -1px; }
    
.eleTxt {margin-bottom: 5px;}
.elePromos {margin-top: 10px;}
.elePromos img { padding-right: 5px;}
.eleCuerpoDer {float:right; width:620px }
.eleCuerpoDerFluvial {float:right; width:640px }

.iPuertos { position:relative;}
.iPuertos img { position:absolute; left:0; top:0; }
    
.divCabecera {padding: 6px 8px; text-shadow: none;}
.divSalidas {width: 200px; float: left;}  
.divSalidas .flechaBlancaDer {float: right;}    
div.pagTrPr {width: 400px; float: right;}
div.pagTrPr div.pagAnt {width: 175px; float: left;}
div.pagTrPr div.pagAnt .flechaBlancaIzq {margin: 2px 0 0 0;}
div.pagTrPr div.pagSig {width: 175px; float: right; text-align: right;}
div.pagTrPr div.pagSig .flechaBlancaDer {float: right; margin: 2px 0 0 0;}
    
.eleCuerpo {border-bottom: 1px solid #D1D1D1;}
    
.tablaResultado tr {min-height:20px}
.tablaResultado tr:hover {min-height:20px; background-color: #DEF0FC}
.tablaResultado tr.blank td.blank {font-size: 0; height: 2px; padding: 0 !important;}
.tablaResultado td, .tablaResultado th {text-align:center; padding:5px}
.tablaResultado td.normal:hover {background-color: #C8E6FA}
.tablaResultado td.oferta:hover {background-color: #FA8C00}
.tablaResultado td.oferta:hover span {color: white}
.tablaResultado td.oferta span {color: #FA8C00}
.tablaResultado td.oferta.txt12gris span {color: #646464; font-weight:normal;}
.tablaResultado td.oferta.txt12gris:hover span {color: white}
.tablaResultado td.nombre, .tablaResultado th.nombre {text-align:left;min-width:150px} 
.tablaResultado td.precio, .tablaResultado th.fecha {text-align:center; width:50px;} 

.tablaResultado td a { display:block;}
.tablaResultado td a span {  padding:3px;}
.tablaResultado #res_TdPrecio, .tablaResultado td.nombre,.tablaResultado #preciotHeader   { border-top:#fff 2px solid;}
.tablaResultado td.res_SpanPrecio { display: block;}
.tablaResultado td :hover .res_SpanPrecio { color: #fff; background-color: #FA8C00; }      
    
.elePie {
background: -moz-linear-gradient(center top, #F2F2F2 0%, #FFF 24%, #FFF 100%) repeat scroll 0 0 transparent;
border-bottom: 1px solid #D1D1D1; box-shadow: 0 1px 0 white inset; display: block; overflow: hidden; text-shadow: 0 1px 0 white;}
    
.contenedorVentajas {float:left; padding:10px;}
.contenedorVentajas img {float:left; padding-right:10px; width:30px; height:30px;}
.etiquetaVentajas {float:left;width:140px;}
.flechaVentajas {float: left; line-height: 28px;}
.flechaVentajas span {font-weight: bold; padding: 0 0 0 10px; text-shadow: none;}
.ventajas {width: 490px; float: left;}
.ventajasCompleto {width: 805px; float: left;}
.ventaja {width: 150px; float: left; margin: 0 10px 0 0; min-height: 35px;}
.ventaja_img {display: inline-block; vertical-align: top; margin: 0 5px 0 0;}
.ventaja_txt {width: 110px; display: inline-block; vertical-align: top;}

#contenedorComparador {width: 330px; float: right; text-align: right;}   
#contenedorComparador input {vertical-align: text-bottom;}     
    
#divEsperaResultados {text-align: center; line-height: 22px; min-height: 200px; padding-top: 100px;}    
#divEsperaContador {padding-top: 30px; text-align: center; line-height: 22px;}
#divFiltros #divEsperaCajaFiltros {text-align: center; line-height: 22px; min-height: 140px; padding-top: 78px;}     
#divFiltrosFluvial #divEsperaCajaFiltros {text-align: center; line-height: 22px; min-height: 100px; padding-top: 78px;}     

.eleCuerpoAKI {padding-top:10px;}
.aki_atrib {float:left;padding-right:5px;padding-bottom: 5px;}
.aki_img {display:inline-block; vertical-align:top;}
.aki_txt {display:inline-block; vertical-align:top;width:67px; padding: 0 5px;} 
.aki_img img {float:left; padding-right:10px; width:30px; height:30px;}

#tituloFiltros {width:300px; float:left}
#etiquetaControlFiltros {float:left; width:150px;text-align:right}
.quitarFiltro .Xrojo {float:right;margin-left:5px}
#contenedorBotones  {float:right;max-width:500px;}
#contenedorBotones .quitarFiltro {margin-bottom:5px; display:inline-block; vertical-align:top}

#divFiltros #errorCarga {min-height: 140px; text-align: center; padding: 60px 20px 0;}
#divFiltrosFluvial #errorCarga {min-height: 118px; text-align: center; padding: 60px 20px 0;}
#divSinResultados .txtSinResultados {padding: 20px 10px 10px 200px;}

.pdfImg {float:left;}
.pdfText {float:left; padding:3px;}

.boton_estatico
{
    background-clip: padding-box;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica,Arial !important;
    font-weight: bold !important;
    margin: 10px;
    overflow: visible;
    position: relative;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.boton_azul_estatico{
    box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -1px 0 rgba(0,0,0,0.15) inset, 0 0 0 1px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.2); 
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -1px 0 rgba(0,0,0,0.15) inset, 0 0 0 1px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.2); 
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -1px 0 rgba(0,0,0,0.15) inset, 0 0 0 1px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.2);
    background: #2D8CD7;
    background: -moz-linear-gradient(top, #479ADC 50%, #2D8CD7 51%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #479ADC), color-stop(51%, #2D8CD7));
    background: -o-linear-gradient(top, #479ADC 50%, #2D8CD7 51%);
    background: -ms-linear-gradient(top, #479ADC 50%, #2D8CD7 51%);
    background: linear-gradient(top, #479ADC 50%, #2D8CD7 51%);     
    *background: #2D8CD7;
    border: 1px solid #20699B; 
    -webkit-transition: all 1s cubic-bezier(0, 0.5, 0.58, 1); /* Chrome y Safari */
    -o-transition: all 1s cubic-bezier(0, 0.5, 0.58, 1); /* Opera */
    -moz-transition: all 1s cubic-bezier(0, 0.5, 0.58, 1); /* Mozilla Firefox */
    -ms-transition: all 1s cubic-bezier(0, 0.5, 0.58, 1); /* Internet Explorer */
    transition: all 1s cubic-bezier(0, 0.5, 0.58, 1); /* W3C */
}

/****** MAPA/ITINERARIO *******/
#divMapaItinerario {width: 630px; padding: 15px 0; overflow: hidden; margin: 0 auto;}
#divContMapa {width: 190px; float: left;}
#divContIti {width: 400px; float: right;}

#itiSegIti {float: left; overflow: hidden; width: 250px;}
#itiCabecera, #itiSegmento {padding: 3px;}

#itiCabColDia, #itiCabColPuerto, #itiSegColDia, #itiSegColPuerto {text-align: left;}
#itiCabColLlegada, #itiCabColSalida, #itiSegColLlegada, #itiSegColSalida {text-align: center;}

.cItiDia {width: 50px; float: left;}
.cItiPuerto {width: 200px; float: left;}
.cItiLlegada {width: 70px; float: left;}
.cItiSalida {width: 70px; float: right;}
.cItiSeg {width: 394px; overflow: hidden;}

#tooltip {background-color: white;}
.tooltip {max-width: 300px;}
.tooltip span,.tooltipmap span {display: block;}
.tooltip span.tooltip_titulo {padding-bottom: 5px;}