.slidefijo { position: relative; width: 100%; height: 400px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; overflow: hidden; }
.slidefijo .txt { width: 100%; height: 600px; padding-top: 100px; font-size: 48px; font-weight: 900; color: #FFF; text-align: center; text-transform: uppercase; background: rgba(10,22,101,0.5); }
.slidefijo .txt2 { font-size: 24px; }
.slidefijo .txtsinfiltro { width: 100%; height: 600px; padding-top: 100px; font-size: 48px; font-weight: 900; color: #FFF; text-align: center; }

#migas { background-color: #f2f2f2; color: #2a0d61; padding: 10px 0; margin-bottom: 30px; }
#migas a { color: #656565; }

h1 { text-align: center; font-size: 24px; font-weight: 600; color: #2a0d61; margin: 70px 0 10px 0; }
h2 { text-align: center; font-size: 22px; font-weight: 300; color: #656565; margin: 00px 0 30px 0; }
a { color: #2a0d61; font-weight: 500; }

em { color: #2a0d61; font-weight: 500; font-style: normal; }
strong { font-weight: 900; }
p { margin-bottom: 8px;}

.titulo { width: 65%; margin: auto; margin-bottom: 30px; text-align: center; }


/* ********************************** */
/* ***********  HORARIOS  *********** */
/* ********************************** */
.horarios .horariodiv { margin-bottom: 60px; }
.horarios #form { margin-top: 30px; margin: auto; font-size: 14px; }
.horarios #form .colum { float: left; padding: 4px 6px;  }
.horarios #tabla { margin: 60px 0 140px 0; }
.horarios #tabla #horarioidadiv { float: left; width: 45%; }
.horarios #tabla #horariovuediv { float: right; width: 45%; }
.horarios .horario #enviandoida,
.horarios .horario #enviandovue { display: none; height: 50px; width: 100%; text-align: center; position: relative; z-index: 3; overflow: hidden; }

.horarios .horario .botonfecha { float: left; width: 33%; color: #2a0d61; font-size: 20px; }
.horarios .horario .botonfecha.last { float: right; text-align: right; }
.horarios .horario button { background: #f2f2f2; font-size: 15px; font-weight: 400; border: 1px solid #fff; color: #2a0d61; cursor: pointer; margin-top: -6px; }
.horarios .horario button:hover { background: #fff; border: 1px solid #bbb; }

.horarios h2 { color: #2a0d61; font-weight: bold; }
.horarios .horario .enunc { margin: 4px 0; width: 100%; color: #1d165c; font-weight: 300; }
.horarios .horario .enunc .hora,
.horarios .horario .enunc .duracion,
.horarios .horario .enunc .numbarco { float: left; text-align: center; margin: 0 4px; color: #2a0d61; text-transform: uppercase; font-size: 13px; font-weight: bold; }
.horarios .horario .enunc .duracion { color: #555; }

.horarios .horario .fila { margin: 4px 0; width: 100%; color: #1d165c; font-weight: 300; }
.horarios .horario .fila hr { border-top: 1px solid #50e1ff; }
.horarios .horario .fila .hora,
.horarios .horario .fila .duracion,
.horarios .horario .fila .numbarco,
.horarios .horario .fila .img,
.horarios .horario .fila .barco,
.horarios .horario .fila .vehiculo,
.horarios .horario .fila .pordet { float: left; text-align: center; margin: 0 4px;}

.horarios .horario .fila .hora { font-weight: 600; }
.horarios .horario .fila .numbarco { margin-left: 20px; background-color: #2a0d61; color: #FFF; font-weight: 400; border-radius: 80px; width: 25px; height: 25px; text-align: center; padding: 3px; margin-top: -3px; }
.horarios .horario .fila .img {  margin: 0 8px; margin-top: -12px; height: 40px; background-position: bottom center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.horarios .horario .fila .barco { text-align: left; }
.horarios .horario .fila .vehiculo { height: 22px; background: url(../../img/horarios/coche.png) no-repeat; overflow: hidden; }

.horarios .horario .enunc .hora, .horarios .horario .fila .hora { width: 10%; text-align: center; }
.horarios .horario .enunc .duracion, .horarios .horario .fila .duracion { width: 15%; }
.horarios .horario .enunc .numbarco { width: 25%; } .horarios .horario .fila .numbarco { width: 5%; }
.horarios .horario .fila .img { width: 25%; }
.horarios .horario .fila .barco { width: 25%; }
.horarios .horario .fila .vehiculo { width: 10%; background: url(../../img/horarios/coche.png) no-repeat; overflow: hidden; }
.horarios .horario .fila .pordet { width: 68%; }

.horarios .reservar { width: 50%; margin: auto; margin-top: 60px;  text-align: center; font-size: 13px; color: #2a0d61; }
.horarios .reservar button { text-transform: uppercase; font-size: 18px; font-weight: bold; padding: 12px 40px; height: auto; }
.horarios .reservar .botones { margin: auto; margin-top: 40px;  width: 80%; }
.horarios .reservar .botones button { text-transform: inherit; font-size: 15px; font-weight: bold; padding: 6px 16px; height: auto; color:#FF; background-image: url(../../img/horarios/boton.jpg); -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; cursor: pointer; }
.horarios .reservar .botones #descargarpdf { float: left; }
.horarios .reservar .botones #imprimir { float: right; }

.nota { font-size: 13px; font-style: italic; font-weight: bold; }
.horarionota { color: #2a0d61; }




/* ********************************** */
/* *************  FLOTA  ************ */
/* ********************************** */
.flota { margin-bottom: 60px; }
.flota .barcos { display:flex; justify-content:space-between; align-items:center; flex-wrap: wrap; }
.flota .barcos .barco {  position: relative; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-width: 23%; height: 300px; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; display:flex; align-self: flex-start; flex-wrap: wrap; margin: 0.2%; cursor: pointer; transition-duration: 0.5s; overflow: hidden; }
.flota .barcos .barco .degra { position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 150px; background-image: url(../../img/flota/degradado.png); background-position: top; background-repeat: repeat-x; transition-duration: 1.5s;  background-size: 100%;height: 550px;  }
.flota .barcos .barco .txt { position: relative; z-index: 10; margin: auto; margin-top: 20px; font-size: 20px; font-weight: 900; color: #FFF; padding-bottom: 8px; border-bottom: 2px solid #FFF; }
/*.flota .barcos .barco:hover { min-width: 36%; }*/
.flota .barcos .barco:hover .degra { background-size: 300%;  }


.flota2 { margin-bottom: 60px; }
.flota2 .barcos { display:flex; justify-content:space-around; align-items:center; flex-wrap: wrap; }
.flota2 .barcos .barco {  position: relative; width: 160px; text-align: center; cursor: pointer; transition-duration: 0.5s; overflow: hidden; }
.flota2 .barcos .barco img { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.7; transition-duration: 0.5s; }
.flota2 .barcos .barco .txt { margin: auto; margin-top: 10px; font-size: 14px; font-weight: 700; color: #69696a; padding-bottom: 8px; border-bottom: 2px solid #fff; text-transform: uppercase; transition-duration: 0.5s; }
.flota2 .barcos .barco:hover img,
.flota2 .barcos .barco.seleccion img {-webkit-filter: grayscale(0%); filter: grayscale(0%);opacity: 1;}
.flota2 .barcos .barco:hover .txt,
.flota2 .barcos .barco.seleccion .txt {color: #2a0d61; border-bottom: 2px solid #2a0d61;}

.flota2 #ferry { margin-top: 20px; width: 100%;}
.flota2 #ferry .gallery-container .image-main-box .item figcaption h4 { color: #2a0d61 !important; border-left: 2px solid #2a0d61 !important; }
.flota2 #ferry .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { background: #2a0d61 !important; }
.flota2 .gallery-container li a:hover { cursor: url(../../img/ver-galeria.png) 20 20,auto!important; }
	
.flota2 #ferry #cuadrado-sections { font-size: 17px; text-align: justify; margin-top: 60px; }
.flota2 #ferry #cuadrado-sections .section-row .desc { padding: 0 50px 50px 50px; background: #fff; }
.flota2 #ferry h1 { margin: 0; padding: 0; color: #2a0d61; font-weight: 900; text-align: left; font-size: 30px; text-transform: uppercase; }
.flota2 #ferry h1 span { float: left; color: #2a0d61; border-bottom: 2px solid #2a0d61; margin-top: 8px; }
.flota2 #ferry #numbarco { float: left; margin-left: 10px; margin-top: 8px; background-color: #2a0d61; color: #FFF; border-radius: 40px; width: 40px; height: 40px; text-align: center; padding: 6px; font-size: 25px; }

.flota2 #ferry .caracter { display:flex; justify-content:space-between; flex-wrap: wrap; margin-top: 80px; margin-bottom: 50px; }
.flota2 #ferry .caracter .cara { width: 25%; text-align: center; font-size: 15px; text-transform: uppercase; }
.flota2 #ferry .caracter .cara b { color: #2a0d61; }
.flota2 #ferry .caracter .cara img { width: 100%;}

.flota2 #ferry #servicios { float: left; width: 50%; display:flex; justify-content:space-between; flex-wrap: wrap; padding: 20px;}
.flota2 #ferry #gallery { float: right; width: 50%; }
.gallery-container .image-main-box .item { width: 33% !important; }

.flota2 #ferry #servicios .servicio { text-align: center; width: 20%; margin: 10px 0px; color: #1d165c; font-size: 11px; font-weight: 400; color: #656565; text-transform: uppercase; }
.flota2 #ferry #servicios .servicio img { width: 40%; text-align: center; }


.flota2 .gallery-container .image-main-box .item figcaption { display: none; }

.flota2 .imagen { float: left; width: 48%; margin: 4px 4px; height: auto; background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.flota2 .imagen img { width: 100%; height: auto; }




/* ********************************** */
/* ************  OFERTAS  *********** */
/* ********************************** */

.ofertas .oferta { margin-top: 20px; width: 100%;}
.ofertas .gallery-container .image-main-box .item figcaption h4 { color: #2a0d61 !important; border-left: 2px solid #2a0d61 !important; }
.ofertas .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { background: #2a0d61 !important; }
	
.ofertas h1 { margin: 0; padding: 0;  color: #2a0d61; text-align: left; font-size: 30px; margin-bottom: 40px; }
.ofertas h1 span { padding-bottom: 10px; border-bottom: 1px solid #2a0d61; width: 100%; }
.ofertas button, .ofertas .subir { float: right; margin-top: 20px; cursor: pointer; }
.ofertas .reservar { float: right; margin-top: 5px; }
.ofertas .reservar button { margin-right: 20px; cursor: pointer; }
.ofertas .boton { transition-duration: 0.5s; border: 2px solid #FFF; }
.ofertas .boton:hover { background: #FFF; color: #2a0d61; border: 2px solid #2a0d61; }
.ofertas .resumen { width: 100%; }
.ofertas .info { width: 100%; display: none; }

.ofertas li { margin-left: 20px; }





/* ********************************** */
/* ***********  SERVICIOS  ********** */
/* ********************************** */

.servicios .gallery-container .image-main-box .item figcaption h4 { color: #2a0d61 !important; border-left: 2px solid #2a0d61 !important; }
.servicios .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { background: #2a0d61 !important; }

.servicios h1 { margin: 0; padding: 0;  color: #2a0d61; text-align: left; font-size: 30px; margin-bottom: 40px; }
.servicios h1 span { padding-bottom: 10px; border-bottom: 1px solid #2a0d61; width: 100%; }
.servicios button, .servicios .subir { float: right; margin-top: 20px; cursor: pointer; }
.servicios .boton { transition-duration: 0.5s; border: 2px solid #FFF; }
.servicios .boton:hover { background: #FFF; color: #2a0d61; border: 2px solid #2a0d61; }
.servicios .resumen { width: 100%; }
.servicios .info { width: 100%; display: none; }
.servicios .precio .boton, .servicios .precioopen .boton { background: #FFF; border: 1px solid #2a0d61; color: #2a0d61; cursor: default; margin-left: 10px; margin-right: 10px; }
.servicios .reservar button { margin-top: 24px; }
.servicios .precioopen .boton { margin-top: 24px; }
.servicios h2 { color: #2a0d61; text-transform: none; }





/* ********************************** */
/* *********  EXPERIENCIAS  ********* */
/* ********************************** */

.experiencias .gallery-container .image-main-box .item figcaption h4 { color: #2a0d61 !important; border-left: 2px solid #2a0d61 !important; }
.experiencias .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { background: #2a0d61 !important; }
	
.experiencias h1 { margin: 0; padding: 0;  color: #2a0d61; text-align: left; font-size: 30px; margin-bottom: 40px; }
.experiencias h1 span { padding-bottom: 10px; border-bottom: 1px solid #2a0d61; width: 100%; }
.experiencias button, .experiencias .subir { float: right; margin-top: 20px; cursor: pointer; }
.experiencias .reservar { float: right; margin-top: 5px; }
.experiencias .reservar button { margin-right: 20px; cursor: pointer; }
.experiencias .boton { transition-duration: 0.5s; border: 2px solid #FFF; }
.experiencias .boton:hover { background: #FFF; color: #2a0d61; border: 2px solid #2a0d61; }
.experiencias .resumen { width: 100%; }
.experiencias .info { width: 100%; display: none; }

.experiencias li { margin-left: 20px; }




/* ********************************** */
/* *****  INFORMACIÓN PASAJERO  ***** */
/* ********************************** */

.informacion .faqs { margin-bottom: 70px; }
.informacion .seccionmas,
.informacion .seccionmenos { font-size: 18px; font-weight: 700; padding: 2px 12px; color: #fff; clear: both; margin: 16px 0px; cursor: pointer;
	background: #2a0d61 url(../../img/informacion/flechadesp.png) 99% 2px no-repeat; text-transform: uppercase;
}
.informacion .seccionmenos {	background-image: url(../../img/informacion/flechadesp2.png); }
.informacion .seccionmas img,
.informacion .seccionmenos img { margin-right: 10px; }

.informacion .subsecciones { padding-left: 50px; }
.informacion .subseccionmas,
.informacion .subseccionmenos { font-size: 18px; font-weight: 400; padding: 12px 12px; color: #2a0d61; clear: both; margin: 10px 0px; cursor: pointer;
	background: #f2f2f2 url(../../img/informacion/flechasub.png) 99% 4px no-repeat; text-transform: uppercase;
}
.informacion .subseccionmenos {	background-image: url(../../img/informacion/flechasub2.png); }
.informacion .subseccionmas img,
.informacion .subseccionmenos img { margin-right: 10px; }

.informacion .preguntas { padding-left: 50px; }
.informacion .pregunta {font-size: 18px; font-weight: 400; color: #292929; margin-bottom: 10px; padding: 4px 0px; clear: both; cursor: pointer; overflow: hidden; }
.informacion .pregunta .mas,
.informacion .pregunta .menos { width: 24px; height: 24px; margin: 0 3px; margin-left: 10px; float: left;
	background: url(../../img/informacion/faq_mas.png) no-repeat;
}
.informacion .pregunta .menos { background: url(../../img/informacion/faq_menos.png) no-repeat; }
.informacion .respuesta { color: #202020; padding: 10px 0 20px 20px; text-align: justify; display: none; clear: both; }
.informacion .respuesta strong { color: #202020; font-weight: 400; }
.informacion .respuesta ul { margin-left: 40px; }
.informacion .respuesta li { list-style: outside; }
.informacion .respuesta p { margin-top: 2px; margin-bottom: 9px; }
.informacion .respuesta a { color: #000; font-weight: 400; }
.informacion .respuesta .link { margin-top: 20px; }




/* ********************************** */
/* ************  PLAYAS  ************ */
/* ********************************** */

.playas {}
.playas #mapa { position: relative; width: 100%; overflow: hidden; }
.playas #mapa .img { position: relative; z-index: 10; width: 100%; top: 0; }
.playas #mapa .txt { position: absolute; z-index: 15; width: 100%; top: 0; padding-top: 100px; font-size: 48px; font-weight: 900; color: #FFF; text-align: center; text-transform: uppercase; }
.playas #mapa .txt2 { font-size: 24px; }

	
.playas .numero { background-image: url(../../img/playas/numero.png); width: 70px !important; height: 78px; text-align: center; font-size: 40px; font-weight: 500; color: #FFF; padding-top: 10px; background-repeat: no-repeat; background-position: center; overflow: hidden; }
.playas h1 { margin: 0; padding: 0; color: #2a0d61; text-align: left; font-size: 30px; font-weight: 900; margin-bottom: 40px; }
.playas h1 span { padding-bottom: 10px; border-bottom: 1px solid #2a0d61; width: 100%; }
.playas button { float: right; margin-top: 20px; cursor: pointer; }
.playas .galeria { transition-duration: 0.5s; border: 2px solid #FFF; background-color: #2ec6d5; }
.playas .galeria:hover { background: #FFF; color: #2a0d61; border: 2px solid #2a0d61; }
.playas .boton { transition-duration: 0.5s; border: 2px solid #FFF; }
.playas .boton:hover { background: #FFF; color: #2a0d61; border: 2px solid #2a0d61; }
.playas .resumen { width: 100%; }
.playas .info { width: 100%; display: none; }
.playas #servicios { width: 100%; margin-top: 20px; overflow: hidden; }
.playas #servicios .servicio { float: left; width: auto; margin-right: 10px; }



/* ********************************************** */
/* *************  RUTAS y POSIDONIA  ************ */
/* ********************************************** */

.rutas, .posidonia {}
	
#cuadrado-sections { font-size: 14px; margin-bottom: 50px; }
#cuadrado-sections .section-row .desc { padding: 50px 40px; background: #f6f7f8; min-height: 270px;  }
.rutas button, .posidonia button { float: right; margin-top: 20px; cursor: pointer; }
.rutas .guia { transition-duration: 0.5s; border: 2px solid #FFF; }
.rutas .guia:hover { background: #FFF; color: #2a0d61; border: 2px solid #2a0d61; }
.rutas .mapa { transition-duration: 0.5s; border: 2px solid #FFF; background-color: #2ec6d5; }
.rutas .mapa:hover { background: #FFF; color: #2a0d61; border: 2px solid #2a0d61; }
.posidonia a { font-size: 20px; }

.posidonia .slidefijo .txt { padding-top: 30px; }



/* ************************************************ */
/* ***********  CONTACTO y FORMULARIOS  *********** */
/* ************************************************ */

.contacto, .objetos { }

.contacto .oficinas { margin-top: 20px; padding-bottom: 60px; color: #656565; font-size: 15px; }
.contacto .oficina { float: left; width: 50%; padding: 0 10px; text-align: center; }
.contacto .oficina h2 { margin: 0; margin-top: 14px; margin-bottom: 10px; color: #2a0d61; font-size: 24px; }
.contacto .oficina h3 { margin: 0; color: #2a0d61; font-size: 16px; font-weight: 500; }
.contacto .oficina b, .contacto .oficina strong { font-weight: 400; }
.contacto .ofiformentera { margin-top: 40px; }

.contacto .datos { background: #f6f7f8; overflow: hidden; }
.contacto #map { float: left; width: 100%; height: 600px; }
.contacto .formulario { float: right; width: 100%; font-size: 14px; }

.contacto #map .content { text-align: center; }
.contacto #map .content h2 { color: #2a0d61; margin: 0; padding: 0; }

.contacto .formulario .contenido { width: 50%; margin: auto; padding: 20px 20px; }
.formulario .contenido h4 { color: #2a0d61; font-size: 18px; margin-top: 15px; }
.formulario .contenido .caja { margin-bottom: 10px; }
.formulario .contenido #recaptcha { float: left; width: 70%; }
.formulario .contenido #botonenviar { float: right; width: 30%; text-align: right; }
.formulario .peque { font-size: 11px; }
.formulario .amstit { width: 20%; }
.formulario .ams { width: 10%; min-width: 60px; }

.formulario #divtotalviajeros { float: left; margin-top: 10px;  }
.formulario #checkviajeros { float: left; margin-top: 10px; margin-left: 15px; }

.formulario ul li { list-style: none; margin-bottom: 4px; }
.formulario ul li .masinfopuesto { font-size: 11px; color: #210090; font-weight: bold; cursor: pointer; }
.formulario ul li .infopuesto { margin-left: 30px; margin-top: 20px; font-size: 11px; display: none; }



/* ********************************** */
/* *************  BE BLUE *********** */
/* ********************************** */

.beblue { line-height: 24px; }
.beblue p { margin-bottom: 20px; }
.beblue strong { color: #202020; font-weight: 600; }
.beblue .slidefijo .txtsinfiltro { padding-top: 40px; }

.beblue iframe { width: 800px; height: 350px; }



/* ********************************** */
/* *******  AREA PROFESIONAL  ******* */
/* ********************************** */

.areaprofesional { width: 100%;}
.areaprofesional .cajon { width: 100%; background-color: #2a0d61; overflow: hidden; }
.areaprofesional .cajon .noregistrados, .areaprofesional .cajon .registrados { float: left; width: 50%; font-size: 14px; text-align: justify; background-color: #2a0d61; color: #FFF; padding: 50px; overflow: hidden; }
.areaprofesional .cajon .noregistrados .contenido, .areaprofesional .cajon .registrados .contenido { width: 70%; margin: auto; }
.areaprofesional .cajon .noregistrados h2,
.areaprofesional .cajon .registrados h2 { color: #FFF; text-align: left; font-weight: 500; } .areaprofesional .cajon .registrados h2 { color: #2a0d61; }
.areaprofesional .cajon .registrados { background-color: #f6f7f8; color: #3b3b3b; }


.areaprofesional .cajon .noregistrados button { background-color: #FFF; color: #2a0d61; float: right; margin-top: 20px; }

.areaprofesional .olvidadodatos { float: left; }
.areaprofesional #acceso { float: right; }
.areaprofesional #formolvido { display: none; }
.areaprofesional .input { padding: 5px 0; }
.areaprofesional #olvido, .areaprofesional #volver, .areaprofesional button { cursor: pointer; font-weight: 500; }

.areaprofesional #copiar span { background-color: #2a0d61; color: #fff; font-size: 12px; padding: 5px 10px; cursor: pointer; }



/* ********************************** */
/* ************  EMPRESA  *********** */
/* ********************************** */

.empresa { margin-top: 20px; width: 100%;}
.empresa .gallery-container .image-main-box .item figcaption h4 { color: #2a0d61 !important; border-left: 2px solid #2a0d61 !important; }
.empresa .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { background: #2a0d61 !important; }

.empresa #cuadrado-sections .section-row .img-container .logo { position: relative; left: 50px; top: 50px; text-align: center; }

.empresa p { margin-bottom: 8px;}
.empresa h3 { margin: 0; padding: 0;  color: #2a0d61; text-align: left; font-size: 30px; font-weight: 900; margin-bottom: 40px; }
.empresa h3 span { padding-bottom: 10px; border-bottom: 1px solid #2a0d61; width: 100%; }
.empresa .datosdireccion { padding-top: 20px; }







/* ********************************** */
/* **********  INCIDENCIAS  ********* */
/* ********************************** */

.incidencias { margin-top: 20px; width: 100%;}

.incidencias .incidencia { width: 100%; margin-top: 40px; margin-bottom: 20px; }
.incidencias .incidencia p { display: none; }
.incidencias .incidencia .fecha { float: left; width: 25%; }
.incidencias .incidencia .titulo { float: left; width: 50%; font-size: 22px; color: #2a0d61; font-weight: 500; text-transform: uppercase; }
.incidencias .incidencia .texto { float: left; width: 50%; font-size: 15px; color: #333; }







/* ********************************** */
/* ************  K-LENDA  *********** */
/* ********************************** */

.klenda {  }
.klenda .evento { float: left; width: 20%; padding: 10px 1%; height: auto; }
.klenda .evento .img { width: 100%; height: 200px; overflow: hidden; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.klenda .evento .txt { font-size: 12px; color: #000; }
.klenda .evento .txt .titulo { font-size: 15px; font-weight: bold; color: #2a0d61; margin-top: 10px; margin-bottom: 5px; width: 100%; }
.klenda .evento .txt .fecha { color: #2a0d61; margin-top: 10px; }
.klenda .evento .txt .fecha .icono { float: left; width: 10%; }
.klenda .evento .txt .fecha .t { float: left; width: 90%; padding-left: 10px; }
.klenda .separador { position: relative; width: 100%; text-align: center; margin-top: 20px; }
.klenda .separador hr { position: relative; z-index: 1; top: 20px; border-top: 2px solid #2a0d61; }
.klenda .separador button { position: relative; z-index: 2; top: -10px; padding: 2px 16px; cursor: pointer; }
.klenda #separadoribimen,
.klenda #separadorformen { display: none; }




/* ********************************** */
/* *********  TEXTOS LEGALES  ******* */
/* ********************************** */

.avisolegal { text-align: justify; }
.avisolegal h2 { color: #2a0d61; font-weight: 900; text-align: left; }
.avisolegal strong { color: #2a0d61; font-weight: 500; }


@media screen and (max-width: 1920px) {

	.beblue iframe { width: 100%; height: 350px; }

}


@media screen and (max-width: 1500px) {
	
	.slidefijo { height: 300px; } .slidefijo .txt { padding-top: 80px; }
	
	.flota2 #ferry .caracter .cara { font-size: 13px; }
	.flota2 #ferry .caracter .cara img { width: 80%;}
	
	
	.contacto .formulario .contenido { width: 75%; }
	
	.areaprofesional .cajon .noregistrados .contenido, .areaprofesional .cajon .registrados .contenido { width: 85%; }

	
	.beblue iframe { height: 300px; }
	
}

@media screen and (max-width: 1200px) {
	
	#migas { padding-left: 10px; }
	
	.contacto .formulario .contenido { width: 100%; }
	
	.areaprofesional .cajon .noregistrados .contenido, .areaprofesional .cajon .registrados .contenido { width: 100%; }
	
	.beblue iframe { height: 260px; }

}

@media screen and (max-width: 1050px) {
	
	.flota2 #ferry .caracter .cara { width: 50%; }
	.flota2 #ferry #servicios .servicio { width: 25%; }
	
	.horarios #tabla #horarioidadiv { float: left; width: 100%; }
	.horarios #tabla #horariovuediv { float: left; width: 100%; }
	.horarios .horario .fila .numbarco { margin-top: 20px; height: 60px; width: 40px; height: 40px; font-size: 20px; padding-top: 7px; }
	.horarios .horario .fila .img { height: 90px; }
	.horarios .horario .fila .hora,
	.horarios .horario .fila .duracion,
	.horarios .horario .fila .barco,
	.horarios .horario .fila .vehiculo,
	.horarios .horario .fila .pordet { padding-top: 30px; }

	.gallery-container .image-main-box .item { width: 50% !important; }
	
	.formulario .contenido #recaptcha { width: 100%; }
	.formulario .contenido #botonenviar { width: 100%; }
	
	.klenda .evento { width: 25%; }
	.klenda .evento .img { height: 200px; }
	.klenda .evento .txt { font-size: 12px; }
	.klenda .evento .txt .titulo { font-size: 14px; }
	
	.beblue iframe { height: 180px; }

}


@media screen and (max-width: 810px) {

	.slidefijo { height: 200px; } .slidefijo .txt { padding-top: 40px; font-size: 28px; } .slidefijo .txt img { width: 50px; }
	
	.flota2 #ferry #cuadrado-sections .section-row .desc { padding: 30px 4% 0 4%; }
	.flota2 #ferry .caracter .cara { width: 25%; }
	.flota2 #ferry #servicios .servicio { width: 20%; }
	.flota2 #ferry #servicios { width: 100%; }
	.flota2 #ferry #gallery { width: 100%; }
	
	.gallery-container .image-main-box .item { width: 33% !important; }
	
	.posidonia .slidefijo .txt { padding-top: 25px; } .posidonia .slidefijo .txt img { width: 150px; }
	
	.contacto .oficinas { font-size: 13px; }
	.contacto .oficina h2 { font-size: 20px; }
	.contacto .oficina h3 { font-size: 15px; }
	.contacto #map { width: 100%; height: 400px; }
	.contacto .formulario { width: 100%; }
	.formulario .amstit { width: 25%; }
	.formulario .ams { width: 15%; }
	.formulario .contenido #recaptcha { width: 70%; }
	.formulario .contenido #botonenviar { width: 30%;}
	
	.klenda .evento { width: 33%; }
	.klenda .evento .img { height: 200px; }
	.klenda .evento .txt { font-size: 12px; }
	.klenda .evento .txt .titulo { font-size: 14px; }
	
	.beblue iframe { width: 400px; height: 220px; }
	
}


@media screen and (max-width: 600px) {
	.formulario .amstit { width: 100%; }
	.formulario .ams { width: 25%; }
	
	.horarios .horario .fila .numbarco { margin-top: 14px; }
	.horarios .horario .fila .img { height: 60px; }
	.horarios .horario .fila .hora,
	.horarios .horario .fila .duracion,
	.horarios .horario .fila .barco,
	.horarios .horario .fila .vehiculo,
	.horarios .horario .fila .pordet { padding-top: 20px; }
	.horarios .horario .fila .img { width: 40%; }
	.horarios .horario .fila .barco { width: 50%; }
	.horarios .horario .fila .vehiculo { width: 50%; }

	.informacion .faqs { margin-bottom: 50px; }

	.informacion .seccionmas, .informacion .seccionmenos, .informacion .seccionmenos { font-size: 12px; background: #2a0d61; }
	.informacion .subseccionmas, .informacion .subseccionmenos, .informacion .subsecciones { font-size: 15px; padding-left: 0px; }
	.informacion .preguntas { padding-left: 0px; }
	.informacion .pregunta {font-size: 14px; }
	.informacion .respuesta { padding: 10px 2% 20px 2%;  }
	.informacion .respuesta ul { margin-left: 20px; }
	
	.klenda .evento { width: 50%; }
	.klenda .evento .img { height: 200px; }
	.klenda .evento .txt { font-size: 12px; }
	.klenda .evento .txt .titulo { font-size: 14px; }
}

@media screen and (max-width: 500px) {

	.slidefijo .txt { font-size: 24px; } .slidefijo .txt img { width: 40px; }
	
	.flota2 #ferry .caracter .cara { width: 50%; }
	.flota2 #ferry #servicios .servicio { width: 33%; }
	
	.horarios .horario .botonfecha { font-size: 16px; }
	.horarios .horario button { font-size: 12px; }
	.horarios .horario .enunc .hora, .horarios .horario .fila .hora { width: 16%; }
	
	.gallery-container .image-main-box .item { width: 50% !important; }
		
	.contacto .oficina { width: 100%; padding: 10px 10px; margin-top: 10px; }
	.contacto .ofiformentera { margin-top: 0px; }
	.formulario .contenido #recaptcha { width: 100%; }
	.formulario .contenido #botonenviar { width: 100%; }
	
	.klenda .evento { width: 100%; }
	.klenda .evento .img { height: 200px; }
	.klenda .evento .txt { font-size: 12px; }
	.klenda .evento .txt .titulo { font-size: 14px; }
	
}


@media screen and (max-width: 420px) {
	
	.horarios .horario .botonfecha { font-size: 14px; }
	.horarios .horario button { font-size: 10px; }
	
	.beblue iframe { width: 260px; height: 130px; }
	
}