/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */


@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,700);

@font-face {
  font-family: 'KomikaAxis';
  src: url('komika/KomikaAxis.eot?#iefix') format('embedded-opentype'),  
  url('komika/KomikaAxis.woff') format('woff'), 
  url('komika/KomikaAxis.ttf')  format('truetype'), 
  url('komika/KomikaAxis.svg#KomikaAxis') format('svg');
  font-weight: normal;
  font-style: normal;
}
 

@font-face {
  font-family: 'Futura';
  src: url('futura/Futura-Medium.eot?#iefix') format('embedded-opentype'),  
  url('futura/Futura-Medium.woff') format('woff'), 
  url('futura/Futura-Medium.ttf')  format('truetype'), 
  url('futura/Futura-Medium.svg#Futura-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}




@font-face {
  font-family: 'dosis';
  src: url('dosis/Dosis-Light.eot?#iefix') format('embedded-opentype'),  
  url('dosis/Dosis-Light.woff') format('woff'), 
  url('dosis/Dosis-Light.ttf')  format('truetype'), 
  url('dosis/Dosis-Light.svg#Dosis-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}


.uk-article { position:relative; margin-bottom:20px!important;}	
.uk-article h1.uk-article-title { text-align:left;}	
.uk-article img { max-width:100%;}


.uk-pagination > li > a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid rgba(185, 184, 184, 0.3);
	color:#f1f1f1!important;
	
}

/* CAMBIOS BÁSICOS SOBRE EL TEMA */
html { background:none;}
body { font-family: 'Roboto', sans-serif; font-size:14px; line-height:18px; color:#323a47;}

.uk-icon-button, .uk-article-meta {  color:#323a47;}
.uk-panel-box { background-color:#f5f5f5; color:#333333;}

.uk-form label { font-family:'dosis';}

.uk-alert a { color:#333;}

.uk-button-group .uk-button-success { opacity:0.2;}
.uk-button-group .uk-button-danger { opacity:0.2;}
.uk-button-group .uk-button-success.uk-active {  opacity:1;}
.uk-button-group .uk-button-danger.uk-active { opacity:1;}


.uk-panel-box .uk-panel-title {
    color: #323a47;
}

.uk-search-field { border: 1px solid #ccc!important; color: #333!important;}
.uk-search:before { color: #333!important;}
/*** FONDOSS ****/
body.horarios { background-image:url(../../../images/recursos/bg-horarios.jpg); background-repeat:no-repeat; background-position:top center;}
body.trayectos { background-image:url(../../../images/recursos/bg-trayectos.jpg); background-repeat:no-repeat; background-position:top center;}


/*** TOOLBAR: IDIOMAS E ICONOS REDES SOCIALES ****/
.tm-toolbar a { color:#fff;}
.tm-toolbar a:hover { color:#fb8b00;}
.tm-toolbar .lang-active a { color:#fb8b00;}
.tm-toolbar .uk-panel { float:right;}
.tm-toolbar .uk-panel i { padding:12px; width:12px; text-align:center; border:3px solid white; margin:4px 4px;}
.tm-toolbar .uk-panel i.uk-icon-tripadvisor { padding-left:10px; padding-right:14px;}
.tm-toolbar .mod-languages { line-height:36px; margin-right:20px; margin-top:4px;}
.desaparece { display:none;}

h1.titulo, h3.titulo { font-family:'dosis'; color:#323a47; text-align:center; font-size:30px; line-height:30px; margin-top:5px!important;}
h2.contentheading { font-family:'dosis'; color:#323a47; text-align:center; font-size:26px; line-height:26px;}

.tm-block-top-a { padding:0px!important; margin:0px!important;}
.tm-block-top-a  .uk-container { padding:0px!important;}

.tm-block-alt {
    background-color: #f5f5f5!important;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;

	border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1;
	
}

.uk-navbar {
    background: #282522 none repeat scroll 0 0;
    border-bottom: 1px solid #322e2b;
    color: rgba(180, 175, 163, 0.5);
	background:none;
	background-image:url(../../../images/recursos/fondo-navbar.png);
	background-repeat:repeat-x;
	border-bottom:0px;}

.tm-navbar-fixed .tm-navbar + .tm-block {
    padding-top: 0px;
}

.uk-navbar li a:hover { color:#fff;}
.uk-navbar li.uk-active a { color:#fff;}
.uk-pagination li a { border:1px solid #000; color:#000!important;}

.tm-top-b { width:80%!important; margin:auto;}

.tm-top-b .uk-slidenav{
    height: 60px!important;
    width: 60px!important;
}

.tm-top-b > div {
	margin:0px; padding:0px;
}
.tm-top-b li {
	margin:0px;
}

.tm-top-b .uk-slidenav { border:2px solid #1b2b8a; color:#1b2b8a; border-radius:50%; line-height:50px;}
.tm-top-b h3 { font-family:'dosis'; color:#323a47;}
.tm-top-b p { color:#fb8b00; font-family:'Futura'; text-transform:uppercase;}
.tm-top-b .uk-slideset .uk-button { display:none;}

.tm-top-c { }
.tm-top-c h3 { font-family:'dosis'; color:#323a47; font-size:36px; line-height:36px;}
.separador { background-image:url(../../../images/recursos/separador.png); background-repeat:no-repeat; margin:auto;
width:136px; height:14px;}
.tm-top-c p.slogan { color:#fb8b00; font-family:'Futura';}
.tm-top-c p { color:#323a47; font-family:'Futura'; font-weight:100;}


.tm-bottom-a { width:90%!important; margin:auto;}
.tm-bottom-a .titulo_modulo { margin-bottom:30px;}
.tm-bottom-a  h3 { font-family:'dosis'; color:#323a47; font-size:36px; line-height:36px; margin-bottom:0px; padding:15px 0px;}
.tm-bottom-a .titulo { color:#323a47; text-align:left;  font-family:'Futura'; height:30px;}
.tm-bottom-a .texto { color:#323a47; text-align:justify;  font-weight:100; margin:20px 0px;
height:70px;}
.tm-bottom-a .foto { width:100%; overflow:hidden; }
.leermas { float:right; background-color:#323a47; width:44px; height:44px; text-align:center; line-height:50px;} 
.leermas i { font-size:20px;}

.horarios .tm-bottom-a.uk-grid > *{padding:0px!important; margin:0px;}
.horarios .tm-bottom-a { width:100%!important; margin:auto;}


.tm-bottom-d {
    background: #96d4f4;
	background-image:url(../../../images/recursos/footer.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-size: cover;
	padding-top:220px;
	padding-bottom:20px;
	margin-bottom:0px;
	color:#323a47;
	font-size:11px;
	font-family:'Futura';
	line-height:100px;
	text-transform:uppercase; 
}

.tm-bottom-d p { line-height:12px; padding-top:40px;}
.tm-bottom-d .uk-panel { padding:0 30px;}

.tm-bottom-d a { color:#323a47; }
.tm-bottom-d a:hover { color:#fb8b00; }

.tm-bottom-d .uk-nav { padding-top: 30px; }
.tm-bottom-d .uk-nav li {  float:left; border:none; color:#323a47; padding-right:10px;}
.tm-bottom-d .uk-nav li a { color:#323a47; border:none!important; line-height:30px;}


/** MODULO MAPA **/

.titulo_mapa { height:182px;}

#map-canvas {
height: 500px;
width:100%;
margin: 0px;
padding: 0px;
clear:both;
}

.trayecto #map-canvas {
height: 580px;
width:100%;
margin: 0px;
padding: 0px;
clear:both;
}


/** MODULO ULISES **/
.texto-ulises h1.uk-panel-title { font-family:'dosis'; color:#323a47; text-align:center; font-size:36px; line-height:36px;}
.texto-ulises { margin:30px!important;}
.imagen-ulises { background-image:url(../../../images/recursos/portada-01.jpg); background-position:top center; background-repeat:no-repeat; 
background-size:cover;}

/** NOTICIAS **/
.lista_noticias a.uk-link-reset {color:#323a47;}
.uk-h4 { font-family:'dosis'; color:#323a47; font-size:16px; line-height:22px;}
.new-item h1 { font-family:'dosis'; color:#323a47; font-size:24px; line-height:24px;}

.tm-article-title { margin-top: 0px;}

/** TARIFAS Y HORARIOS **/
.tabla_precios { margin-top:30px; margin-left:0px;}
.tabla_precios.uk-grid > * {
    padding-left: 30px;
}

.ps { border-right:1px solid #1b2b8a; } 
.td .uk-panel-box {  padding:20px;}
.td_cabecera, .td_valor { margin-bottom:15px; text-align:center;}
.td_cabecera .uk-panel-box { background-color:#323a47; color:#fff; text-align:center; padding:10px; }
.td_valor .uk-panel-box { background-color:#f5f5f5; color:#323a47; font-size:18px; line-height:18px; font-weight:700; padding:20px;}

.tabla_horarios { margin-top:30px; margin-left:0px;}
.tabla_horarios.uk-grid > * {
    padding-left: 10px;
}

.tabla_horarios .td_valor .uk-panel-box { background-color:#f5f5f5; color:#323a47; font-size:14px!important; line-height:18px; font-weight:700;}

.uk-vertical-align-middle, .uk-vertical-align-bottom {
    display: inline-block;
    font-size:inherit!important;
    max-width: 100%;
}



/** TRAYECTOS **/
.trayecto { overflow:hidden; position:relative; padding:5px;}
.trayecto:hover .titulo { opacity:0;}
.detalle:hover .titulo { opacity:1;}
.trayecto_titulo .titulo { 
color:#fff; font-size:20px; text-align:center; position:absolute; z-index:20; width:100%; top:20%; margin-left:-15px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
}

.trayecto h3, .reserva1 h3 { color:#fb8b00; font-family:'Futura'; text-transform:uppercase;}

.trayecto_titulo .titulo p { color:#fb8b00; font-family:'Futura'; font-size:13px; text-transform:lowercase; font-size:16px;}

.trayecto_contenedor_imagen { background-color:#323a47; }

.trayecto_imagen
{
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
	opacity:0.3;

 	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.trayecto:hover .trayecto_imagen
{

	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);
	opacity:1;

}


#map-canvas {
	height: 500px;
	width:100%;
	margin: 0px;
	padding: 0px;
	clear:both;
}


/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 20%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(../../../images/recursos/prev.png) 50% 50% no-repeat;}
.cycle-next { right: 0; background: url(../../../images/recursos/next.png) 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }



/*** RESERVAS **/

.reserva1 .buscador { 
position:relative;  padding:35px 30px; box-sizing:border-box;
left:calc(50% - 600px); 
left: -moz-calc(50% - 600px); 
left: -webkit-calc(50% - 600px); 
background-color:#323a47; width:1200px; height:112px; z-index:1000;}

.reserva1 .buscador .form-titulo { float:left;}
.reserva1 .buscador .form-input { margin-left:30px; float:left;}

.reserva1 .reservar { background-color:#fb8b00!important; color:#fff!important; border:#fb8b00!important; }

.uk-form select, .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="number"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="color"] {
	background-color:#fff!important;
	color:#323a47!important;
}

.reserva1  .uk-form { color:#323a47!important;}

.reserva1  .uk-form-icon > [class*="uk-icon-"] {
    color: rgba(0, 0, 0, 0.5)!important;
}


#adultos, #ninos, #bebes{ max-width:80px;}

/**** BUSCADOR SIDEBAR ****/
.tm-sidebar-a .modulo-buscador { background-color:#323a47; padding:10px; }
.tm-sidebar-a .form-titulo { text-align:center; padding-bottom:10px; display:block!important}
.tm-sidebar-a .form-input { margin-bottom:10px!important; margin-top:10px; display:block;}
.tm-sidebar-a .form-input .uk-form-icon > [class*="uk-icon-"] { color: rgba(0, 0, 0, 0.5)!important;}
.tm-sidebar-a .reservar { background-color:#fb8b00!important; color:#fff!important; border:#fb8b00!important; }
.tm-sidebar-a input, .tm-sidebar-a .uk-form-icon,.tm-sidebar-a .uk-form select { width:100%!important; }



/**** CSSS AVISO *****/
.panel-aviso { border:1px solid #323a47!important; padding:20px;}
.aviso a { color:#fff;}

/* ALBATROS */
h3.uk-heading-large  {  color:#323a47;}
h1.uk-article-title { font-family:'dosis'; color:#323a47; text-align:center; font-size:30px; line-height:30px; }

.albatros .tm-bottom-a { width:100%!important; margin:0px!important;}
.albatros .tm-bottom-a .uk-width-1-1 { padding:0px; margin:0px;}


.tm-sidebar-a .uk-nav-side > li > a {
    color: #fb8b00;
}

.categories-module { padding-left:5px;}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #333!important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #333;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #333;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #333;
}


.ultimas_noticias h3 { font-size: 14px; line-height: 20px;}

@media (max-width: 767px) {

.td .uk-panel-box {  padding:5px;}
.td_cabecera .uk-panel-box {  min-height:36px; line-height:36px;}
.td_valor .uk-panel-box { font-size:12px; line-height:30px; font-weight:300; padding:2px 10px; min-height:30px;}
.tm-top-b { width:100%!important; margin:auto; margin-bottom:0px;}
.tabla_precios.uk-grid > *, .tabla_horarios.uk-grid > *  {
    padding-left: 2px!important;
}

.trayecto_titulo .titulo { 
font-size:18px; text-align:center; position:absolute; z-index:20; width:100%; top:13%;

}

.tm-block.tm-block-top-b { margin-bottom:0px!important;}
	
.tm-bottom-d p {
line-height: 12px;
padding-top: 10px;
text-align:left;
}
.tm-bottom-d .uk-grid-margin {
    margin-top: 10px;
}

.mod_news .uk-width-1-1 { padding:0px!important;}

}

@media (max-width: 959px) {
.td .uk-panel-box {  padding:5px;}
.td_valor .uk-panel-box { font-size:12px; line-height:12px; font-weight:300;}
.tm-top-b { width:100%!important; margin:auto;}
.tabla_precios.uk-grid > *, .tabla_horarios.uk-grid > *  {
    padding-left: 10px;
}

.ps { border-right:none;} 


.reserva1 .buscador { 
position:relative!important;
left:auto;
top:auto;
bottom:auto;
padding:35px 30px; box-sizing:border-box;
background-color:#1b2b8a;
width:100%; height:auto!important;}

.reserva1 .buscador .form-titulo { width:100%; margin:auto; margin-bottom:20px; width:100%!important;}
.reserva1 .buscador .form-input { width:100%; margin:auto; margin-bottom:20px; width:100%!important;}



.tm-bottom-d .uk-nav li { width:100%; float:left; border:none; color:#323a47;}
.tm-bottom-d .uk-nav li a { color:#323a47; border:none!important; line-height:12px; text-align:left!important}

}


@media  (min-width: 768px) and (max-width: 1360px) {

.tm-logo { width:100px!important;}
	
.uk-navbar-nav > li > a {
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.5);
    display: block;
    font-family: "Raleway";
    font-size: 11px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}
}



@media  (min-width: 1361px) and (max-width: 1480px) {
.tm-logo { width:150px!important;}	
}



@media (min-width: 767px) {

.tm-toolbar { background:none; z-index:3000!important;} 
.tm-navbar { margin-top:-28px!important; z-index:2900!important;}
}

@media  (max-width: 1360px) {
	.form-titulo { display:none;}
	.uk-form { margin:auto; width:98%;}
}