/***** SELECCIÓN ORIGEN EN HOME *****/
#contOrigenes {left: 18px !important; *left: 88px !important;}

/***** ESTRUCTURA  ******/
#contenedorPrincipal {display: block;margin: 0 auto;padding: 0 5px;}
#contenedorPrincipal:after {clear: both;content: ".";display: block;height: 0;line-height: 0;visibility: hidden;}
#contenedorPrincipal {display: inline-block;}
html[xmlns] #contenedorPrincipal {display: block;}
* html #contenedorPrincipal {height: 1%;}
.colIzquierda{clear: left; float: left; width: 365px;}
.colDerecha{clear: right; float: right; width: 605px;}

/*INICIO*/
.txtDesc{margin-bottom:10px;}
#pqLogiFerries .listVentajas{list-style: square outside none}
.listVentajas{margin-left: 15px;}
.listVentajas li{margin-bottom:5px;}

/*FAQ*/
#listaFAQ li:hover{text-decoration:underline}

/*SUSCRIPCION*/
#mailSuscrip{width:220px}
#botonSuscrip{overflow:hidden; margin: 3px 0 5px;}
#divOrigenSuscrip{width: 150px; float:left; margin-right: 15px;}
#divOrigenSuscrip select{width: 150px;}
#botonSuscrip a{margin:0;}

/*PROVEEDOR*/
.logoInfoNaviera{margin-top:10px;text-align: center;}
.rutasProveedor{float:right;width: 210px;}
.contMapaProveedor {float:left; overflow: hidden;}
.contMapaProveedor img{width: 375px;}
#contRutas{overflow:hidden;}

/*BARCO*/
#infoBarco .nomTitDetalleBarco {margin:0;}
#infoBarco .tipoTitDetalleBarco{margin-top:8px;}
.contGralBarco{padding:10px 10px 0}
.contBloqueInfoBarco{overflow:hidden;}
.contBloqueInfoBarco{margin-bottom:15px;}
.titBloqueInfoBarco{margin-bottom:5px;}
.listaBarcos .filaLista .elemLista{width:171px !important;}
.elemNombre{width:90%; text-align:left;}
.elemPrecio{width:10%; text-align:right; cursor:pointer;}

.serviciosBarco, .filaServiciosBarco, .elemServiciosBarco, .fichaBarco, .filaFichaBarco, .elemFichaBarco{overflow:hidden;}
.filaServiciosBarco, .filaFichaBarco:not(.lastFila){margin-bottom:4px;}
.elemServiciosBarco, .titElemServiciosBarco, .txtElemServiciosBarco, .elemFichaBarco, .titElemFichaBarco, .txtElemFichaBarco{float:left;}
.elemServiciosBarco, .elemFichaBarco{width:190px;}
.titElemServiciosBarco{width:35px;}
.titElemFichaBarco{width:80px;}
.txtElemServiciosBarco{width:140px;}

#imagenesBarco, .filaImgsBarco, .elemImgsBarco{overflow:hidden;}
#imagenesBarco, .filaImgsBarco {margin-bottom:1px;}
#imagenesBarco .imgDetalleBarco{float:left}
#imagenesBarco .galeriaDetelleBarco{float:right; width:191px;}
#imagenesBarco #imagenGrande, #imagenesBarco .imgDetalleBarco{width:390px;}
#imagenesBarco .imagenPeq{width:94px;}

/*Ofertas*/
.listaOfertas{list-style-type:none;}
.listaOfertas .elemento{overflow: auto; display:block; border-bottom:1px solid #D1D1D1;*border-bottom:1px dotted #D1D1D1; border-bottom:1px dotted #D1D1D1\0/}
.oferta{overflow: auto; display: block; padding: 8px 10px; cursor:pointer; 
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}
.oferta:hover, .oferta: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%);}
.navieraOferta{float:left\0/ ;display:inline-block; vertical-align:middle; width: 90px; overflow:hidden; *float:left;}
.navieraOferta img{width: 85px;}
.infoOferta{ display:inline-block; vertical-align:middle; width: 380px; *float:left; float:left\0/; line-height:15px;}
.infoOferta span{display:block; clear:both; overflow:hidden}
.infoOferta .tituloOferta{text-decoration:underline;}
.verOferta{display:inline-block; vertical-align:middle;text-align:right; width: 105px; *float:left; float:left\0/}
#filtrosOfertas{padding: 5px 10px;}
.txtFiltrosOfertas{margin-right:5px;}
.spanPrecioOferta {display: block; text-align: center;}
.spanPrecioOferta .boton{margin:5px;}

/*Info Oferta*/
#contPrincipalOferta{width: 780px; padding: 5px 5px 0; margin: 0 auto; overflow:hidden;}
#colIzquierdaOferta{clear: left; float: left; width: 365px;}
#colDerechaOferta{clear: right; float: right; width: 405px;}
#contPrincipalOferta #buscadorFerries{margin-bottom:5px; !important}
#contOferta, #contOferta div{overflow:hidden}
#contOferta{display: block; float: right; margin: 0 5px 5px 0; padding-bottom: 10px; min-height: 290px; width: 395px;}
#listaInfoOferta{list-style: square outside none; margin: 3px 0 0 10px;}
#listaInfoOferta li{margin-left: 10px; padding-bottom: 2px; padding-top: 2px;}
#resumenOferta{float: left;min-height: 235px;overflow: hidden;width: 220px;}
#imgOferta, #imgNaviera{float: right; overflow: hidden; position: relative;}
#imgOferta{height: 125px; width: 155px;}
#imgNaviera{width: 110px;margin-top:15px}
#highlightOferta{min-width:80px; padding:5px 10px; float:right; margin-top: 15px;overflow:hidden;} 
#notasOferta{padding:0 10px; font-style: italic;}

/*Flota*/
.contFlotaNaviera{margin-top:15px;}
.filaBarcos {overflow: hidden; }
.barco {width: 165px; float: left; margin: 0 43px 20px 0; overflow: hidden;}
.ultimoBarco{margin: 0 0 15px 0;}
.nomBarco{padding:3px 5px}
.infoBarco{padding:0 5px;}
.datosBarco{overflow: hidden; margin-top:3px; margin-bottom:3px;}
.lineaDatosBarco {overflow: hidden;}
.titDatosBarco {float: left;margin-right: 5px; width: 65px;}
.txtDatosBarco {float: right;}
.servsBarco{margin-top:5px;overflow: hidden;}

/*Detalle Barco*/
.titDetalleBarco{padding:0px;}
.logoTitDetalleBarco {margin:8px 5px 0 20px; padding:7px 10px 0; width:95px;float:left;}
.nomTitDetalleBarco {margin:4px 3px 0 0;float:left;}
.tipoTitDetalleBarco{margin-top:12px;float:left;}
.cuerpoDetalleBarco{margin:5px 15px;}
.infoDetalleBarco{float: left; width: 365px;margin-right: 15px;}
.titInfoDetalleBarco{margin:5px 0;}
.txtServDetalleBarco{padding-left: 5px;	vertical-align: middle; width: 160px;}
.titFichaDetalleBarco {width: 40px;text-align:left;}
.txtFichaDetalleBarco {padding-right: 50px; text-align: right; width: 80px;}
#imgsDetalleBarco{overflow:hidden; float:right}
.imgDetalleBarco,.galeriaDetelleBarco{overflow:hidden;text-align: center;}
.imagenPeq{cursor:pointer;}
.botonTitDetalleBarco {border-radius:5px 0 0 5px; margin:10px; padding:2px 5px 0 0; position:absolute; right:-10px; text-align:right; top:1px;}
.servsDetalleBarco{margin-bottom:0px !important;}

/*Rutas, Destinos, Navieras*/
.listaDestinos, .listaRutas, .filaLista, .elemLista{overflow:hidden;}
.filaLista .elemLista{padding:0 15px; width: 45%; float:left; background: none repeat scroll 0 0 transparent; 
                      letter-spacing: 0; line-height: 28px; min-height: 24px; text-shadow: none;}
.filaLista .elemLista:hover{background: -moz-linear-gradient(center top , #E2F5FF 0%, #E2F5FF 50%, #E2F5FF 100%) repeat scroll 0 0 transparent; text-decoration: none;}
.pieRutas{float:right;clear:left;padding:5px 15px 10px}
.tdListaNavieras{text-align: center;padding: 10px;vertical-align:top;}
.imgNaviera{margin:auto;width: 100px; height:28px; padding:5px;}
.labelImgNaviera{margin-top:3px;}
.listaLateral .filaLista .elemLista{width: 92%;}
.listaLateral .pieRutas{float:left;}
.rutasNaviera .filaLista .elemLista{width: 92%; height:20px; min-height:20px; line-height:normal;}
.rutasNaviera .filaLista .elemLista:hover{background:none;}
.rutasNaviera .filaLista.Bdashedgris{border-bottom:none !important;}
.rutasNaviera .pieRutas{padding: 0 0 0 15px; float:left}

/*RUTA*/
#infoBarco .rotuloazulflojo, #contPuerto .rotuloazulflojo, #textoSEOFerries .rotuloazulflojo, #rutasNaviera .rotulogris{border-radius:0 !important;-moz-border-radius: 0 !important; -webkit-border-radius: 0 !important;}
#contRestoRutas{display:none;}
#rutasNaviera #contTituloRutas h3{float:left;}
#botVerRutas, #botOcultarRutas{cursor:pointer}
#botOcultarRutas{float:right; margin: 10px 15px 5px}
#botOcultarRutas:hover{text-decoration:underline}
.filaLista.subTituloLista{margin: 0 0 3px 10px;}

/*PUERTO*/
.subtituloPuerto{padding:2px 7px}
.titComoLlegar{margin: 5px 0 3px;}
.linkCoches{margin-top: 5px;}
.linkPuerto{margin-bottom:10px;}
#linksAgrupaciones{padding:5px 10px 10px;}
.linkAgrupacion{margin-bottom:2px;}

/*THICKBOX*/
#TB_window{position:fixed !important; width:800px !important;}
#TB_window iframe{width:800px !important;}


/*TOOLTIP PRECIOS*/
.infoBusqueda {padding:2px 5px; width:320px;}
.busTitulo {margin-bottom:5px !important;}
.busTrayecto{overflow:hidden; display:block;}
.busNaviera, .busInfoTrayecto {overflow:hidden; display:inline-block; vertical-align:middle; }
.busNaviera{width: 75px;}
.busNaviera img {width:75px;}
.busInfoTrayecto {margin-left: 5px !important; width:235px;}
.busInfoTrayecto span {clear: both; display: block; overflow: hidden;}
.busFechaBus{clear:both; font-style:italic; margin-top:3px !important;}

/********** Banner Rotativo **********/
#BannerInterno_rotativo_ferries .contenido10{padding:0 !important;}
.bannerRotativoFerries{overflow:hidden;}
.bannerRotativoFerries img{max-width:605px}
.cont-slides {width: 605px; height: 310px; float: left; overflow: hidden; position: relative;}
.slideshow {width: 605px; height: 310px; position: absolute; overflow: hidden;}
.slideshow a img {width: 605px; height: 310px;}
.slideshow .slides {height: 230px; margin: 0;}
.slideshow .slides .slide-corner, .slideshow .slides .top-iz, .slideshow .slides .top-der, .slideshow .slides .bottom-iz, .slideshow .slides .bottom-der {display: none;}
.slideshow .slides .slider {z-index: 1; position: absolute; left: 0; top: 0;}
/*.slideshow .slides .text-slider-ground {width: 605px; height: 88px; z-index: 2; position: absolute; left: 0; bottom: 0; background-color: #FFF; overflow: hidden; filter: alpha(opacity=90); -moz-opacity: .90; opacity: .90;}*/
.slideshow .slides .text-slider-ground {display:none}
.slideshow .slides .text-slider {width: 285px; z-index: 101; border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; padding: 10px 10px 10px 15px; position: absolute; bottom: 15px; overflow: hidden; background-color: #FFF; filter: alpha(opacity=90); -moz-opacity: .90; opacity: .90;}
.slideshow .slides li.slide {visibility: hidden;}
.slide .text-slider {}
.slide .text-slider h2 {font-size: 18px; font-weight: 700; color: #036; display: inline;}
.slide .text-slider h3 {display: inline; *float: left; *margin-top: 6px; *margin-right: 5px;}
.slide .text-slider .precio {font-family: Arial; font-size: 20px; font-weight: bold; color: #FA8C00; margin: 0 0 0 3px; display: inline; float: none !important; *float: left !important;}
.slide .text-slider .descripcion {display: block; clear: left;}
.img-logi {z-index: 3; position: absolute; bottom: -5px; right: 0;}
.destacados {width: 605px; height: auto; position: relative; z-index: 9; left: 0; top: 0;}
.destacados .buttons {position: absolute; right: 0; top: 0; z-index: 200;}
.destacados .buttons li {float: left; display: inline; padding: 0; margin: 0 5px 0 0; background-color: #FFF; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;}
.destacados .buttons li a {font-family: 'Maven Pro', sans-serif; font-size: 20px; color: #005591; font-weight: 700; letter-spacing: -1px; text-decoration: none; padding: 0 5px; line-height: 30px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
.destacados .buttons li.active, .destacados .buttons li:hover {background-color: #FA8C00;}
.destacados .buttons li.active a, .destacados .buttons li a:hover, .destacados .buttons li.active a:hover {color: #FFF; text-decoration: none;}

/********** Banner Lateral **********/
#contBannerLateral .contenido10{padding:0px !important;}
#contBannerLateral img{float:left; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;}

/*Auxiliares*/
.fLeft{float:left !important;}
.fRight{float:right !important;}
.fNone{float:none !important;}
.br5005 {border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px;}