/**
 * Place your custom styles here.
 */

:root {
    --font-grey: #787878;
	--grey: #cccccc;
	/*--blue: #007fc0;
	--blue-hover: #004494;
	--green: #58ab27;
	--green-hover: #009036;
	--yellow: #f8ae00;
	--yellow-hover: #ec7405;*/
	--blue: #004494;
	--blue-hover:#007fc0;
	/*--green: #009036;*/
	--green: #006f2b;
	--green-hover: #58ab27;
	/*--yellow: #ec7405;*/
	--yellow: #ae5604;
	--yellow-hover: #f8ae00;
	--pink: #B8006E;
	--pink-hover: #DB0080;
	--red: #cb022b;
	--red-hover: #B8006E;
	--black: #000000;
}
body {
	font-family: 'UtilityPro', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
div.main-container {
	margin: 20px auto;
}

.btn {
	color: #ffffff;
}
.btn:hover {
	color: #ffffff;
}
.btn-default,
.btn-tren {
	background: var(--blue);
}
.btn-default:hover,
.btn-tren:hover{
	background: var(--blue-hover);
}
.btn-tranvia{
	background: var(--green);
}
.btn-tranvia:hover{
	background: var(--green-hover);
}
.btn-autobus{
	background: var(--yellow);
}
.btn-autobus:hover{
	background: var(--yellow-hover);
}
.btn-l3:hover{
	background: var(--pink);
}
.btn-l3:hover{
	background: var(--pink-hover);
}
div.home-modo div.row {
	margin-bottom: 10px;
}

/* *********************************************************************
 CABECERA
********************************************************************* */
header.container-fluid {
	padding-left: 0;
	padding-right: 0;
}
header.navbar {
	position: relative;
    top: 0;
    width: 100%;
	padding: 0;
	margin: 0;

}
header div.header-top{
	position: absolute;
	top: 0;
	width: 100%;
}
header div.header-bottom{
	position: absolute;
	bottom: 0;
	width: 100%;
}

header div.header-top div.container-fluid:first-child,
header div.header-bottom div.container-fluid:first-child {
	background: rgba(0, 0, 0, .7);
}
body.path-frontpage header div.header-bottom div.container-fluid:first-child {
	background: none;
}

header div.header-top div.container-fluid:first-child a {
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
}
header div.header-top div.region-header-top-left,
header div.header-top div.region-header-top-right {
	padding: 5px 0 ;
}
header div.header-top row:last-child {
	margin-top: 20px;
}
header div.header-bottom ul.menu.nav {
	text-align: center;
}
header div.header-bottom ul.menu.nav li {
	display: inline-block;
}

header div.region-header-middle{
	margin-top:10%;
}

/* Bloque de idioma */
.block-language ul {
	list-style: none;
	text-align: right;
	margin-bottom: 0;
}
.block-language ul li {
	display: inline-block;
	border-right: 1px solid #ffffff;
	padding: 0 10px;
}
.block-language ul li:last-child {
	border-right: none;
	padding-right: 0;
}

.block-language ul li.is-active a{
	color: var(--font-grey);
}


/* *********************************************************************
 MENU
********************************************************************* */
/* Mostrar siempre colapsado en la hamburguesa */
.navbar-header {
  float: none;
  background: rgba(255, 255, 255, 0.9);
  padding: 0 15px;
  height: 80px;
  padding-top: .85em;
}
.navbar-default {
	/*background: #ff0000;*/
	background: none;
	border: none;
}
.navbar-collapse {
	background: #ffffff;
}

.navbar-toggle {
  display: block;
  float: left;
}
.navbar-default .navbar-toggle {
  border-color: #ffffff;
}
.navbar-collapse.collapse {
  display: none!important;
}
.navbar-nav {
  float: none!important;
}
.navbar-nav > li {
  float: none;
}
.navbar-collapse.collapse.in{
  display:block !important;
}

/* Menu administrador para quitar el logo drupal de la izquierda*/
a.toolbar-icon-admin-toolbar-tools-help {
	display:none;
}
/* Menu usuario logado para quitar la opcion Cerrar Sesion porque ya esta logout*/
li.logout {
	display:none;
}


/* Menu principal*/
#block-euskotren-main-menu ul li,
#block-nabigazionagusia ul li,
#block-navigationprincipale ul li,
#block-mainnavigationen ul li {
	display: block;
}
#block-euskotren-main-menu ul > li > a,
#block-euskotren-main-menu ul.dropdown-menu > li > a,
#block-nabigazionagusia ul > li > a,
#block-nabigazionagusia ul.dropdown-menu > li > a,
#block-navigationprincipale ul > li > a,
#block-navigationprincipale ul.dropdown-menu > li > a,
#block-mainnavigationen ul > li > a,
#block-mainnavigationen ul.dropdown-menu > li > a {
	padding: 10px 15px;
	font-weight: normal;
	background: none;
	color: #000;
}
.dropdown-menu > li > a{
	line-height: 0.9em;
}
#block-euskotren-main-menu ul li.expanded.dropdown,
#block-nabigazionagusia ul li.expanded.dropdown,
#block-navigationprincipale ul li.expanded.dropdown,
#block-mainnavigationen ul li.expanded.dropdown{
	display: inline-block;
}

#block-euskotren-main-menu .dropdown-menu li.active a,
#block-nabigazionagusia .dropdown-menu li.active a,
#block-navigationprincipale .dropdown-menu li.active a,
#block-mainnavigationen .dropdown-menu li.active a{
	padding-bottom: 14px;
	padding-top:
	 14px;
}

#block-euskotren-main-menu > ul > li > ul,
#block-nabigazionagusia > ul > li > ul,
#block-navigationprincipale > ul > li > ul,
#block-mainnavigationen > ul > li > ul {
	top: 0;
	left: 100%;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	border-radius: 0;
	mox-border-radius: 0;
}
#block-euskotren-main-menu ul li.expanded.dropdown.active ul,
#block-nabigazionagusia ul li.expanded.dropdown.active ul,
#block-navigationprincipale ul li.expanded.dropdown.active ul,
#block-mainnavigationen ul li.expanded.dropdown.active ul {
	display: block;
	padding: 0;
}
#block-euskotren-main-menu ul > li.expanded.dropdown.active > a,
#block-euskotren-main-menu ul li.expanded.dropdown.active ul  > li > a.is-active,
#block-nabigazionagusia ul > li.expanded.dropdown.active > a,
#block-nabigazionagusia ul li.expanded.dropdown.active ul  > li > a.is-active,
#block-navigationprincipale ul > li.expanded.dropdown.active > a,
#block-navigationprincipale ul li.expanded.dropdown.active ul  > li > a.is-active,
#block-mainnavigationen ul > li.expanded.dropdown.active > a,
#block-mainnavigationen ul li.expanded.dropdown.active ul  > li > a.is-active {
	background: #000000;
	color: #ffffff;
}


#block-euskotren-main-menu  span.caret,
#block-nabigazionagusia span.caret,
#block-navigationprincipale  span.caret,
#block-mainnavigationen  span.caret {
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 5px solid;
    display: inline-block;
    height: 0;
    vertical-align: middle;
    width: 0;
	margin-bottom: 2px;
}

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}

/* Menu modos - Primer nivel */

div.header-bottom ul.modos {
	display: block;
	font-size: 0;
}
/**Asier*/
/*
#block-modos a li:before{
	display:inline-block;
	content: '';
    -webkit-mask-size: cover;
    mask-size: cover;
	width: 35px;
	height: 50px;
	margin: 5px 10px 0;
}
*/

#block-modos li:before{
	display:inline-block;
	content: '';
    -webkit-mask-size: cover;
    mask-size: cover;
	width: 35px;
	height: 50px;
	margin: 5px 10px 0;
}
/**Asier*/
/*div.header-bottom ul.modos a li {
	display: inline-block;
    padding: 0 15px 0;
    font-size: 24px;
	color: #ffffff;
}
*/
div.header-bottom ul.modos li {
	display: inline-block;
    padding: 0 15px 0;
    font-size: 24px;
	color: #ffffff;
}

ul.modos li.tren:before {
    -webkit-mask: url('../images/tren.svg') no-repeat 0 0;
    mask: url('../images/tren.svg') no-repeat 0 0;
	-webkit-mask-image: url('../images/tren.svg');
	background: var(--blue);
	background: transparent!important;
}

ul.modos li.tren.active,
ul.modos li.tren:hover {
	background: var(--blue);
	background-image: url(../images/tren.svg);
    background-repeat: no-repeat;
    background-size: auto 75%;
    background-position: .75em;

}
ul.modos li.tren.active:before {
	background: #ffffff;
}
ul.modos  li.tranvia:before {
    -webkit-mask: url('../images/tranvia.svg') no-repeat 0 0;
    mask: url('../images/tranvia.svg') no-repeat 0 0;
    -webkit-mask-image: url('../images/tranvia.svg') no-repeat 0 0;
	background: var(--green);
	background: transparent!important;
}
ul.modos li.tranvia.active,
ul.modos li.tranvia:hover {
	background: var(--green);
	background-image: url(../images/tranvia.svg);
    background-repeat: no-repeat;
    background-size: auto 75%;
    background-position: .75em;
}
ul.modos li.tranvia.active:before {
	background: #ffffff;
}
ul.modos  li.autobus:before {
    -webkit-mask: url('../images/autobus.svg') no-repeat 0 0;
    mask: url('../images/autobus.svg') no-repeat 0 0;
    -webkit-mask-image: url('../images/autobus.svg') no-repeat 0 0;
	background: var(--yellow);
	background: transparent!important;
}

ul.modos li.autobus.active,
ul.modos li.autobus:hover {
	background: var(--yellow);
	background-image: url(../images/autobus.svg);
    background-repeat: no-repeat;
    background-size: auto 75%;
    background-position: .75em;

}
ul.modos li.autobus.active:before {
	background: #ffffff;
}
ul.modos  li.funicular:before {
    -webkit-mask: url('../images/funicular.svg') no-repeat 0 0;
    mask: url('../images/funicular.svg') no-repeat 0 0;
    -webkit-mask-image: url('../images/funicular.svg') no-repeat 0 0;
	background: var(--blue);
	background: transparent!important;
}
ul.modos li.funicular.active,
ul.modos li.funicular:hover {
	background: var(--blue);
	background-image: url(../images/funicular.svg);
    background-repeat: no-repeat;
    background-size: auto 75%;
    background-position: .75em;
}
ul.modos li.funicular.active:before {
	background: #ffffff;
}
ul.modos  li.l3:before {
    -webkit-mask: url('../images/l3.svg') no-repeat 0 0;
    mask: url('../images/l3.svg') no-repeat 0 0;
    -webkit-mask-image: url('../images/l3.svg') no-repeat 0 0;
	background: var(--pink);
	background: transparent!important;
}
ul.modos li.l3.active,
ul.modos li.l3:hover {
	background: var(--pink);
	background-image: url(../images/l3.svg);
    background-repeat: no-repeat;
    background-size: auto 75%;
    background-position: .75em;
}
ul.modos li.l3.active:before {
	background: #ffffff;
}


.path-frontpage ul.modos li.museo{
	background-color: #787878;
}

ul.modos  li.museo:before {
    -webkit-mask: url('../images/iconos/museoa.svg') no-repeat 0 0;
    mask: url('../images/iconos/museoa.svg') no-repeat 0 0;
    -webkit-mask-image: url('../images/iconos/museoa.svg') no-repeat 0 0;
   	background-color: #787878;

}
ul.modos li.museo.active,
ul.modos li.museo:hover {
	background: #5F5F5F;
	text-decoration: none;
}
ul.modos li.museo.active:before {
	background: #ffffff;
}



ul.modos li.museo:before{
	background: transparent !important;
}


.path-frontpage ul.modos li.museo{
	background-color: #787878;
}

.path-frontpage ul.modos li.museo{
	background-image: url("../images/iconos/blancos/museoa.svg");
	background-repeat: no-repeat;
	background-size: auto 60%;
	background-position: center .7em;
}




ul.modos li.museo.active:before {
	background-color: #787878 !important;
	background-image: url("../images/iconos/blancos/museoa.svg");
	background-repeat: no-repeat;
	background-size: 100% auto;
}

ul.modos li.museo.active{
	background-image: url("../images/iconos/blancos/museoa.svg");
	background-size: auto 60%;
	background-repeat: no-repeat;
	background-position: left 1em;
	background-color: #007fc0;
}

ul.modos li.museo{
	background-image: url("../images/iconos/grises/museoa.svg");
	background-repeat: no-repeat;
	background-size: auto 75%;
	background-position: .75em;
}


.path-frontpage ul.modos li.museo:hover {
	background-image: url("../images/iconos/blancos/museoa.svg");
	background-size: auto 60%;
	background-repeat: no-repeat;
	background-position: center .7em;
	background-color: #5F5F5F;
	text-decoration: none;
}

 ul.modos li.museo:hover{
 	background-image: url("../images/iconos/blancos/museo.svg");
	background-repeat: no-repeat;
	background-size: auto 75%;
	background-position: .75em;
	background-color: #787878;
	text-decoration: none;
 }




ul.modos li:hover:before {
	background: #fff;
}
ul.modos li a:hover {
	background: none;
}

/* Modos - nivel 2 */
body.path-tren div.navigation,
body.path-funicular div.navigation {
	background: var(--blue);
}
body.path-metro .page-header,
body.path-horarios div.navigation {
	background: var(--pink);
}
body.path-tarifas div.navigation {
	background: var(--blue);
}
body.path-tranvia div.navigation,
body.path-tranvia-bilbao div.navigation,
body.path-tranvia-gasteiz div.navigation {
	background: var(--green);
}
body.path-tranbia div.navigation,
body.path-tranbia-bilbao div.navigation,
body.path-tranbia-gasteiz div.navigation {
	background: var(--green);
}
body.path-autobus div.navigation {
	background: var(--yellow);
}
body.path-autobusa div.navigation {
	background: var(--yellow);
}
body.path-l3 div.navigation {
	background: var(--pink);
}

body div.navigation ul.modos li {
	display: inline-block;
}
body div.navigation ul.modos a li {
    padding: 10px 15px;
    font-size: 16px;
	color: #fff;
}

body.path-frontpage #block-modos li {
	width: 150px;
	margin: 10px 5px;
	padding: 10px;
}
/*
body.path-frontpage #block-modos li.tren{
	background: var(--blue);
	background-image: url('../images/tren.svg');
    background-repeat: no-repeat;
    background-size: auto 60%;
    background-position: center .7em;
}
*/

header div.header-bottom ul.menu.nav li.covid{
	display: none;
}

ul.modos li.covid:before{
	-webkit-mask: url(../images/covid-tr-19.svg) no-repeat 0 0;
    mask: url(../images/covid-tr-19.svg) no-repeat 0 0;
    -webkit-mask-image: url(../images/covid-tr-19.svg) no-repeat 0 0;
    background: var(--blue);
    background: transparent!important;
}



/*
body.path-frontpage #block-modos li.funicular{
	background: var(--blue);
	background-image: url('../images/funicular.svg');
    background-repeat: no-repeat;
    background-size: auto 60%;
    background-position: center .7em;

}
body.path-frontpage #block-modos li.tranvia{
	background: var(--green);
	background-image: url('../images/tranvia.svg');
    background-repeat: no-repeat;
    background-size: auto 60%;
    background-position: center .7em;

}
body.path-frontpage #block-modos li.autobus{
	background: var(--yellow);
	background-image: url('../images/autobus.svg');
    background-repeat: no-repeat;
    background-size: auto 60%;
    background-position: center .7em;

}
body.path-frontpage #block-modos li.l3{
	background: var(--pink);
	background-image: url('../images/l3.svg');
    background-repeat: no-repeat;
    background-size: auto 60%;
    background-position: center .7em;
}
*/
body.path-frontpage #block-modos li:before{
	display: block;
	width: 70px;
	height: 100px;
	margin: 0 auto;
	background: #fff;
	display: none;
}

/** /AITOR **/


body.path-frontpage #block-modos li a:focus{
	background: transparent;
    outline: 0;
}	

/* Menu - pestañas */
ul.nav-tabs.modo, ul.nav-tabs  {
	margin-bottom: 2%;
	border: none;
}

ul.nav-tabs.modo li{
	border: 2px solid var(--grey);
	margin: 0 10px;
	text-transform: uppercase;
}

ul.nav-tabs.modo li:first-child, ul.nav-tabs li:first-child{
	margin: 0 10px 0 0;
}
ul.nav-tabs.modo li:last-child, ul.nav-tabs li:last-child{
	margin: 0 0 0 10px;
}
ul.nav-tabs.modo.tren li,
ul.nav-tabs.modo.funicular li  {
	border-color: var(--blue);
}
ul.nav-tabs li  {
	border: 2px solid  #004494;
	margin: 0 10px;
	text-transform: uppercase;
}
.tabs--primary.nav.nav-tabs li.active a:hover {
	text-transform: uppercase;
	font-weight: bold;
	border: none;
	border-radius: 0;
	margin: 0;
}
ul.nav-tabs.modo.tranvia li,
ul.nav-tabs.modo.tranvia-bilbao li
ul.nav-tabs.modo.tranvia-gasteiz li  {
	border-color: var(--green);
}
ul.nav-tabs.modo.autobus li  {
	border-color: var(--yellow);
}
ul.nav-tabs.modo.l3 li  {
	border-color: var(--pink);
}
ul.nav-tabs.modo.tren li.active,
ul.nav-tabs.modo.funicular li.active {
	background: #007fc0;
}
ul.nav-tabs li.active  {
	border: 2px solid #004494;
}
ul.nav-tabs.modo.tren li:hover,
ul.nav-tabs.modo.funicular li:hover {
	background: var(--blue-hover);
}

ul.nav-tabs.modo.tranvia li.active,
ul.nav-tabs.modo.tranvia-bilbao li.active,
ul.nav-tabs.modo.tranvia-gasteiz li.active {
	background: var(--green);
}
ul.nav-tabs.modo.tranvia li:hover,
ul.nav-tabs.modo.tranvia-bilbao li:hover,
ul.nav-tabs.modo.tranvia-gasteiz li:hover {
	background: var(--green-hover);
}
ul.nav-tabs.modo.autobus li.active {
	background: var(--yellow);
}
ul.nav-tabs.modo.autobus li:hover {
	background: var(--yellow-hover);
}
ul.nav-tabs.modo.l3 li.active {
	background: var(--pink);
}
ul.nav-tabs.modo.l3 li:hover {
	background: var(--pink-hover);
}

ul.nav-tabs.modo li a,
ul.nav-tabs.modo li a:hover {
	text-transform: uppercase;
	font-weight: bold;
	border: none;
	border-radius: 0;
	margin: 0;
}
ul.nav-tabs li a{
	text-transform: uppercase;
	font-weight: bold;
	border: none;
	border-radius: 0;
	margin: 0;
	color:  #004494;
}
ul.nav-tabs.modo.tren li a,
ul.nav-tabs.modo.funicular li a {
	color: var(--blue);
}
ul.nav-tabs.modo.tranvia li a,
ul.nav-tabs.modo.tranvia-gasteiz li a,
ul.nav-tabs.modo.tranvia-bilbao li a  {
	color: var(--green);
}
ul.nav-tabs.modo.autobus li a {
	color: var(--yellow);
}
ul.nav-tabs.modo.l3 li a {
	color: var(--pink);
}
ul.nav-tabs.modo li.active a {
	color: #fff;
	background: transparent;
	border: none;
}
ul.nav-tabs li.active a {
	color: #fff;
	background: #004494;
	border: none;
}


/* *********************************************************************
 CONTENIDO
********************************************************************* */
h2, .h2 {
    margin: 10px 0;
    font-size: 20px;
    text-transform: uppercase;
}

div.content h3,
body.path-tren div.content h3,
body.path-tren div.content h3 {
	color: var(--blue);
}
body.path-tranvia div.content h3,
body.path-tranvia-bilbao div.content h3,
body.path-tranvia-gasteiz div.content h3 {
	color: var(--green);
}
body.path-tranbia div.content h3,
body.path-tranbia-bilbao div.content h3,
body.path-tranbia-gasteiz div.content h3 {
	color: var(--green);
}
body.path-autobus div.content h3 {
	color: var(--yellow);
}
body.path-autobusa div.content h3 {
	color: var(--yellow);
}
body.path-l3 div.content h3 {
	color: var(--pink);
}
.page-header,
body.path-tren .page-header,
body.path-funicular .page-header {
	text-transform: uppercase;
    color: var(--blue);
    padding: 2px 0;
    font-size: 1.8em;
	border-style: solid;
	border-width: 1px 0;
	border-color: var(--blue);
}
body.path-funicular .page-header,
body.path-horarios .page-header {
	text-transform: uppercase;
    color: var(--blue);
    padding: 2px 0;
    font-size: 1.8em;
	border-style: solid;
	border-width: 1px 0;
	border-color: var(--blue);
}
body.path-metro .page-header,
body.path-horarios .page-header {
	text-transform: uppercase;
    color: var(--pink);
    padding: 2px 0;
    font-size: 1.8em;
	border-style: solid;
	border-width: 1px 0;
	border-color: var(--pink);
}
body.path-tranvia .page-header,
body.path-tranvia-bilbao .page-header,
body.path-tranvia-gasteiz .page-header{
    color: var(--green);
    border-color: var(--green);
}
body.path-tranbia .page-header,
body.path-tranbia-bilbao .page-header,
body.path-tranbia-gasteiz .page-header{
    color: var(--green);
    border-color: var(--green);
}
body.path-autobus .page-header {
    color: var(--yellow);
    border-color: var(--yellow);
}
body.path-autobusa .page-header {
    color: var(--yellow);
    border-color: var(--yellow);
}
body.path-l3 .page-header {
	color: var(--pink);
    border-color: var(--pink);
}
/* Paneles */
.panel-default,
.panel-tren ,
.panel-funicular {
	border-color: var(--blue);
}
.panel-qrsa{
	border: 1px solid var(--blue);
	border-top: none;
	margin-bottom: 2%;
	margin-top: -2%;
	padding: 1%;
	border-radius: 4px;
}
#bootstrap-panel--2{
	border-bottom: none;
}
.panel-tranvia {
	border-color: var(--green);
}
.panel-autobus {
	border-color: var(--yellow);
}
.panel-l3 {
	border-color: var(--pink);
}
.buscador-horarios-form #cont-buscador label.control-label,#cont-buscador-funicular label.control-label, #cont-buscador-tren label.control-label,
.block-buscador-horarios-tranvia-block #cont-buscador-tranvia label.control-label,
.buscador-horarios-l3-form #cont-buscador-l3 .control-label{
	display: none;
}
.panel-default > .panel-heading,
.panel-tren > .panel-heading,
.panel-funicular > .panel-heading {
    color: #fff;
    background-color: var(--blue);
	margin: 0;
}
.panel-tranvia > .panel-heading {
    color: #fff;
    background-color: var(--green);
	margin: 0;
}
.panel-autobus > .panel-heading {
    color: #fff;
    background-color: var(--yellow);
	margin: 0;
}
.panel-l3 > .panel-heading {
    color: #fff;
    background-color: var(--pink);
	margin: 0;
}
.panel-title {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	padding: 10px 15px 10px;
}
div.panel .panel-body h3{
	margin: 0;
	font-size: 16px;
	color: var(--blue);
}
div.panel-tranvia .panel-body h3 {
	color: var(--green);
}
div.panel-autobus .panel-body h3 {
	color: var(--yellow);
}
div.panel-l3 .panel-body h3 {
	color: var(--pink);
}


/* Listas */
ul.custom-list li {
	list-style: none;
}
ul.custom-list li:before {
    font-family: 'Glyphicons Halflings';
    float: left;
    margin-left: -20px;
}
ul.custom-list.icon-ok li:before{
    content: "\e013";
    color: #5EAC27;
}
ul.custom-list.icon-ban-circle li:before{
    content: "\e090";
    color: #E50202;
}
/* Ficheros */
.file {
	font-size: 100%;
	display: inline;
	font-weight: normal;
}

.file>span,
.file>span:first-child,
.file>span:last-child {
	border: none;
	color: initial;
	/*font-weight: none;*/
	font-weight: normal;
}
.file-link, .file-size {
	display: table-row;
	text-align: left;
}
.file-link a {
	color: #337ab7;
	font-weight: bold;
}
span.file--application-pdf.icon-before span.file-icon {
	display: inline-block;
	background: url('../images/files/pdf.svg');
	width: 50px;
	height: 50px;
}
/* Fichas */
div.card p a{
	color: #f00;
}
div.card p {
	background: url('../images/tren.svg');
	background-size: contain;
	width: 100%;
    height: 50px;
}
/*div.card p a{
	background: url('../images/tren.svg');
	background-size: contain;
	width: 100%;
    height: 50px;
}*/

/*div.card p.tren {
   background-image:url('../images/bg.png');
background-repeat:no-repeat;
background-size:contain;
background-position:center;
}*/


/*div.card  {
	display: block;
	background-color: var(--blue);
	padding: 10px;
	margin-bottom: 20px;
}
div.card  > img, div.card  a > img {
    display: block;
    max-width: 100%;
    height: auto;
	margin-right: auto;
    margin-left: auto;
	max-width: 50%;
}
div.card > div.caption p {
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
}
div.card > div.caption p a {
	color: #ffffff;
	text-decoration: none;
}*/

/* Blockquote */
blockquote {
	padding: 20px 80px;
    border: none;
    border-bottom: 1px solid var(--grey);
    text-align: center;
	margin: 0px 10% 20px;
}
blockquote:before,
blockquote:after {
	content: '';
	background: url('../images/blockquote.png') no-repeat;
	position: absolute;
	width: 50px;
    height: 35px;
}
blockquote:before{
	left: 10%;
	top: 0;
}
blockquote:after {
	right: 10%;
	top: 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* *********************************************************************
 AUTOBUS
********************************************************************* */
.euskotren-bus-concesiones{
	text-align: center;
}

.autobusa div,.lurraldebus div,.bizkaibus div,.eibarko-udala div {
	border: 1.5px solid var(--yellow);
	padding: 1px;
}


.euskotren-bus-concesiones img:hover {
	filter: opacity(.5);
	transition:all .5s ease-in-out;
}

.euskotren-bus-concesiones .autobusa{
	margin-bottom: 20px;
}
.euskotren-bus-concesiones .lurraldebus{
	padding-right: 0px;
	margin-bottom: 20px;
}
.euskotren-bus-concesiones .bizkaibus{
	padding-left: 0px;
}
.euskotren-bus-concesiones .eibarko-udala{
	padding-right: 0px;
}

/* *********************************************************************
 FIN AUTOBUS
********************************************************************* */


/* *********************************************************************
 CAMPAÑAS
********************************************************************* */
article.campana {
	position: relative;
}
article.campana.columna a,
article.campana.fila a {
	color: #fff;
}

article.campana.columna img,
article.campana.fila img{
	display: block;
	width: 100%;
}

article.campana div.overlay {
	background: rgba(0, 0, 0, 0.7);
	position: absolute;
	bottom: 0;
	padding: 10px;
	font-size: 18px;
}
article.campana.columna div.overlay {
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	transition: .5s ease;
}
article.campana.fila div.overlay {
	width: 31.5%;
	height: 100%;
	text-align: left;
	padding: 20px;
}

article.campana div.overlay h2 {
	margin: 0;
	font-size: 20px;
}
article.campana.fila div.overlay h2 {
	font-weight: bold;
	text-transform: none;
}


article.campana.columna div.overlay:hover {
	height: 100%;
}

article.campana.columna div.overlay:hover  div.claim{
	position: absolute;
	width: 100%;
	overflow: hidden;
	top: 50%;
	transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	text-align: center;
}

/* *********************************************************************
 BILLETES
********************************************************************* */
div.view-billetes div.row {
	margin: 10px 0;
}
div.view-billetes div.row  .img-responsive{
	margin: 0 auto;
}
/* *********************************************************************
 CAROUSEL / SLIDER
********************************************************************* */
.carousel-control {
	width: 5%;
}
.navbar.container {
    max-width: 100%;
}
div.carousel-caption {
	top: 0;
	left: 0;
	right: 0;
	z-index: 0 !important;
/*}
.vertical-center {*/
  min-height: 100% !important;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center;
}
div.carousel-caption div.carousel-caption-content {
	background: rgba(0, 0, 0, 0.7);
	padding: 20px;
	font-size: 1.5em;
    text-align: left;
}
div.carousel-caption div.carousel-caption-content p {
	margin: 0;
	padding: 0;
}

/* *********************************************************************
 	RECOMENDACIONES
********************************************************************* */
.recomendaciones {
	padding:1%;
	background-color: #f00;
    background-image: url(../images/komatxoak.svg);
    background-repeat: no-repeat;
    background-size: auto 90px;
    background-position: .75em;
}
.recomendaciones p{
	color: white;
	font-size: 1.8em;
	display: inline-block;
	width: 75%;
}

.recomendaciones:before{
	display:inline-block;
	content: '';
	-webkit-mask: url('../images/komatxoak.svg') no-repeat 0 0;
	-moz-mask :url('../images/komatxoak.svg') no-repeat 0 0;
	mask: url('../images/komatxoak.svg') no-repeat 0 0;
	background: white;
	-webkit-mask-size: cover;
	mask-size: cover;
	width: 21%;
	height: 90px;
	margin: 5px 5px 0;
	vertical-align: top;
	background: transparent!important;
}

.view-id-recomendaciones .panel-body{
	padding-top: 0px;
}



/* *********************************************************************
 	TURISMO
********************************************************************* */
.turismo{
	background-color: #fff;
	border: 1px solid transparent;
	overflow: hidden;
	width: 100%;
	margin-bottom: 2%;
}

.turismo .title{
	color:white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	padding: 10px 15px 10px;
}
.tren.turismo .title{
	background-color: var(--blue);
}

.tranvía.turismo .title{
	background-color : var(--green);
}
.tram.turismo .title{
	background-color : var(--green);
}
.tren.turismo{
	border-color: var(--blue);
}
.tranvía.turismo {
	border-color : var(--green);
}
.tram.turismo {
	border-color : var(--green);
}

.ImageMap img,.ruta-turistica img{
	width:100%;
	height: auto;
}

.rutas{
	margin: 2% 0;
	overflow: hidden;
}

.ruta-turistica h3 {
	font-size: 1.8em !important;
	margin: 2% 0!important;
}

.ruta-turistica p{
	font-size:1em;
	width: 100%;
}
.tren .ruta-turistica h3{
	color : var(--blue)!important;
}
.tranvía .ruta-turistica h3,
.tram .ruta-turistica h3,
.tramway .ruta-turistica h3{
	color : var(--green)!important;
}

.tren .ruta-turistica .btn{
	color:white;
	background-color:var(--blue);
}
.tren .ruta-turistica .btn:hover{
	background: var(--blue-hover);
}
.train .ruta-turistica .btn{
	color:white;
	background-color:var(--blue);
}
.train .ruta-turistica .btn:hover{
	background: var(--blue-hover);
}
.trena .ruta-turistica .btn{
	color:white;
	background-color:var(--blue);
}
.trena .ruta-turistica .btn:hover{
	background: var(--blue-hover);
}
.tranvía .ruta-turistica .btn{
	color:white;
	background-color:var(--green);
}
.tranvía .ruta-turistica .btn:hover{
	background: var(--green-hover);
}
.tram .ruta-turistica .btn,
.tramway .ruta-turistica .btn{
	color:white;
	background-color:var(--green);
}
.tram .ruta-turistica .btn:hover,
.tramway .ruta-turistica .btn:hover{
	background: var(--green-hover);
}




/**INGLES TREN**/
.train.bilbao-bermeo.turismo, .train.bilbao-donostia.turismo{
	border: 1px solid #007fc0;

}
.train.bilbao-bermeo.turismo .title, .train.bilbao-donostia.turismo .title{
	background-color: #007fc0;
}


/**FRANCES TRANVIA**/

.tramway.vitoria.turismo, .tramway.bilbao.turismo{
	border: 1px solid #58ab27;
}
.tramway.vitoria.turismo .title, .tramway.bilbao.turismo .title{
	background-color: #58ab27;
}




/* *********************************************************************
 	MEDIO AMBIENTE
********************************************************************* */
.medio-ambiente-menu-img{
	height: 330px;
}


.flip-container1,.flip-container2,.flip-container3  {
	perspective: 1000px;
}

	/* flip the pane when hovered */
	.flip-container1:hover .flipper1, .flip-container1.hover .flipper1 {
		transform: rotateY(180deg);
	}
	.flip-container2:hover .flipper2, .flip-container2.hover .flipper2 {
		transform: rotateY(180deg);
	}
	.flip-container3:hover .flipper3, .flip-container3.hover .flipper3 {
		transform: rotateY(180deg);
	}


.flip-container1, .flip-container2, .flip-container3{
	height: 284px;
}


.front, .back {
	width: 313px;
	height: 284px;
}


/* flip speed goes here */
.flipper1, .flipper2, .flipper3  {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.flipper1 .front {
	z-index: 2;
	transform: rotateY(0deg);
	background: url(../images/ingurugiroa01.svg) no-repeat;
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.flipper2 .front {
	z-index: 2;
	transform: rotateY(0deg);
	background: url(../images/ingurugiroa02.svg) no-repeat;
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.flipper3 .front {
	z-index: 2;
	transform: rotateY(0deg);
	background: url(../images/ingurugiroa03.svg) no-repeat;
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.front h2{
	position: relative;
    right: 15px;
    text-align: center;
    top: 280px;
    color: #579a16;
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
	background: url(../images/ingurugiroa00.svg) no-repeat;
}

.back h2{
	color: #FFFFFF;
	padding-top: 6em;
	padding-right: 1.2em;
	text-align: center;
}


/**********EFICIENCIA ENERGÉTICA**************/

.eficiencia-energetica .recomendaciones{
	background-color: var(--blue);
	height: 9em;


}

.eficiencia-energetica .eficiencia-energetica-blue{
	color: var(--blue);
	font-weight: bold;
	font-size: 1.5em;
	margin-top: 18px;
}


.eficiencia-energetica .col-md-6:first-of-type{
  padding-left: 0px;
}

.eficiencia-energetica .col-md-6:first-of-type + .col-md-6{
  padding-right: 0px;
}

.fundaciones-wop-basoa .col-md-6{
	text-align: center;
}

.fundaciones-wop-basoa .titulo-capa{
	background-color: var(--blue);
	padding: 6px;
}
.fundaciones-wop-basoa .titulo-capa span{
	color: #FFFFFF;
	font-weight: bold;
}

.fundaciones-wop-basoa .titulo-capa span{
	color: #FFFFFF;
	font-weight: bold;
}

.eficiencia-energetica .img-superior{
	padding-top: 10px;
}

.eficiencia-energetica .img-inferior{
	padding-top: 12px;
	padding-bottom: 6px;
}

.fundaciones-wop-basoa .contenido{
	border: 1.5px solid var(--blue);
}


.eficiencia-energetica video{
	width: 100%;
	margin-top: 20px;
}






/* *********************************************************************
 	FIN MEDIO AMBIENTE
********************************************************************* */

/* *********************************************************************
 	Alertas
********************************************************************* */
/*.view-alertas{
	padding: 0.5% 0;
	border-top: 1px solid red;
	border-bottom:1px solid red;
}
.view-alertas .views-field-body .field-content:before{
	display:inline-block;
	content: '';
	-webkit-mask: url('../images/danger.svg') no-repeat 0 0;
	mask: url('../images/danger.svg') no-repeat 0 0;
	background: red;
	-webkit-mask-size: cover;
	mask-size: cover;
	width: 20px;
	height: 20px;
	margin: 5px 5px 0;
	vertical-align: middle;
}

*/

.view-alertas .views-field-body p{
	display:inline-block;
	vertical-align: middle;
	width: 90%;
}


.mensaje-alerta{
	padding: 0.5% 0;
    border-top: 1px solid red;
    border-bottom: 1px solid red;
    margin-bottom: 10px;
}

.view-alertas .views-field-body .mensaje-alerta:before{
	display:inline-block;
	content: '';
	-webkit-mask: url('../images/danger.svg') no-repeat 0 0;
	mask: url('../images/danger.svg') no-repeat 0 0;
	background: red;
	-webkit-mask-size: cover;
	mask-size: cover;
	width: 20px;
	height: 20px;
	margin: 5px 5px 0;
	vertical-align: middle;
}

.mensaje-info ul{
    list-style-image: url('../images/mensaje-advertencia-li.png');
    margin-left: 2.5em;
}


/*PLANOS**********************************************************/
.vista-planos .mapa iframe{
	width: 100%;
	border: 0;
	height: 20em;
}

.view-id-planos .views-row{
	overflow: hidden;
	height: 1%;
	margin-bottom: 1.3em;
}

.vista-planos .linea{
	font-weight: bold;
	font-size: 1.5em;
}

.path-tren .vista-planos .linea, .path-tren .vista-planos .recorrido{
	color: var(--blue);
}
.path-tranvia .vista-planos .linea, .path-tranvia .vista-planos .recorrido{
	color: var(--green);
}
.path-funicular .vista-planos .linea, .path-funicular .vista-planos .recorrido{
	color: var(--blue);
}
.path-l3 .vista-planos .linea, .path-l3 .vista-planos .recorrido{
	color: var(--pink);
}


.vista-planos .recorrido{
	font-size: 1.5em;
}

.vista-planos .recorrido{
	color: var(--blue);
	font-size: 1.5em;
}




.vista-planos label{
	font-weight: normal;
}

.vista-planos .estacion-inicio, .vista-planos .estacion-fin, .vista-planos .zona {
	font-weight: bold;
}

.path-tren .view-planos .view-content{
	border: 1px solid var(--blue);
	padding-top: 15px;
}

.path-tranvia .view-planos .view-content{
	border: 1px solid var(--green);
	padding-top: 15px;
}

.path-funicular .view-planos .view-content{
	border: 1px solid var(--blue);
	padding-top: 15px;
}

.path-l3 .view-planos .view-content{
	border: 1px solid var(--pink);
	padding-top: 15px;
}

.view-planos .documento-pdf{
	max-height: 10em;
    max-width: 6.3em;
    padding-left: -5px;
    position: relative;
    left: -10px;
    padding-top: 3px;
}






/*FIN PLANOS**********************************************************/



/*PÁGINA ACCESIBILIDAD***********************************************/

.pagina-accesibilidad .panel-heading{
}

.pagina-accesibilidad .panel{
	overflow: hidden;
}

.pagina-accesibilidad .panel-body li:before{
   font-family: 'Glyphicons Halflings';
    content: "\e013";
    color: var(--blue);
    padding-right: 8px;

}
.pagina-accesibilidad-l3 .pagina-accesibilidad .panel-body li:before{
	color: var(--pink);
}

.pagina-accesibilidad .panel-body ul{
    margin-left: 0.5em;
}

.pagina-accesibilidad .panel-body li{
    list-style-type: none;
}

.pagina-accesibilidad .panel-body li{
    list-style-type: none;
}

.pagina-accesibilidad .col-md-3{
    height: 240px;
    padding-top: 15px;
}

.pagina-accesibilidad .silla-ruedas{
    margin-bottom: 2em;
}

.pagina-accesibilidad .interior-tren{
    overflow: hidden;
}

.pagina-accesibilidad .clasificacion{
    margin-bottom: 2em;
}

.pagina-accesibilidad table{
    border: 1px solid var(--blue);
}
.pagina-accesibilidad-l3 .pagina-accesibilidad table{
    border: 1px solid var(--pink);
}

.pagina-accesibilidad table thead{
    background-color: var(--blue);
    color: #FFFFFF;
}
.pagina-accesibilidad-l3 .pagina-accesibilidad table thead{
    background-color: var(--pink);
}
.path-l3 .pagina-accesibilidad .pagina-accesibilidad table thead{
    background-color: var(--pink);
}

.pagina-accesibilidad table tbody{
    color: var(--blue);
}
.pagina-accesibilidad-l3 .pagina-accesibilidad table tbody{
    color: var(--pink);
}

.pagina-accesibilidad table tbody tr th, .pagina-accesibilidad table tbody tr td{
    border-top: none;
}


.pagina-accesibilidad .table-striped > tbody > tr:nth-of-type(odd){
	background-color: #e5f2fa;
}

.pagina-accesibilidad .tabla-servicios{
	overflow: scroll;
	height: 500px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.pagina-accesibilidad .table-fixed {
  width: 100%;
 }
.pagina-accesibilidad .table-fixed tbody {
  height: 500px;
  overflow-y: auto;
  width: 100%;
}
.pagina-accesibilidad .table-fixed thead,
.pagina-accesibilidad .table-fixed tbody,
.pagina-accesibilidad .table-fixed tr,
.pagina-accesibilidad .table-fixed td,
.pagina-accesibilidad .table-fixed th {
  display: block;
}
.pagina-accesibilidad .table-fixed tbody td {
  float: left;
}
.pagina-accesibilidad .table-fixed thead tr th {
  float: left;
  background-color: var(--blue);
}
.pagina-accesibilidad-l3 .pagina-accesibilidad .table-fixed thead tr th {
  background-color: var(--pink);
}
.pagina-accesibilidad-l3 .pagina-accesibilidad .panel-default {
	border: 1px solid var(--pink);
}
.pagina-accesibilidad-l3 .pagina-accesibilidad .panel .panel-heading{
	background-color: var(--pink);
}


/*FIN PÁGINA ACCESIBILIDAD******************************************/


/*VISTA HORARIOS*/
.view-display-id-view_horarios_tren, .view-display-id-view_tarifas_tren{
	border: 1px solid var(--blue);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.view-display-id-view_horarios_tren .view-header, .view-display-id-view_tarifas_tren .view-header{
	background-color: var(--blue);
	padding: 10px 15px 10px;
	color: white;
	font-weight: bold;
	font-size: 14px;

}
.view-display-id-view_horarios_tren .field-content, .view-display-id-view_tarifas_tren .field-content, .view-display-id-view_horarios_tren .views-field-description__value{
	padding: 1em;
	margin-left: 2em;
}



.view-display-id-view_horarios_tranvia{
	border: 1px solid var(--green);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom: none;
}

.view-display-id-view_horarios_tranvia .view-header{
	background-color: var(--green);
	padding: 10px 15px 10px;
	color: white;
	font-weight: bold;
	font-size: 14px;

}
.view-display-id-view_horarios_tranvia .views-field-field-horarios .field-content, .view-display-id-view_horarios_tranvia .views-field-description__value{
	padding: 1em;
	padding-left: 2em;
	border-bottom: 1px solid var(--green);
}




.view-display-id-view_horarios_funicular{
	border: 1px solid var(--blue);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.view-display-id-view_horarios_funicular .view-header{
	background-color: var(--blue);
	padding: 10px 15px 10px;
	color: white;
	font-weight: bold;
	font-size: 14px;

}
.view-display-id-view_horarios_funicular .field-content, .view-display-id-view_horarios_funicular .views-field-description__value{
	padding: 1em;
	margin-left: 2em;
}


.view-display-id-view_horarios_l3{
	border: 1px solid var(--pink);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.view-display-id-view_horarios_l3 .view-header{
	background-color: var(--pink);
	padding: 10px 15px 10px;
	color: white;
	font-weight: bold;
	font-size: 14px;

}
.view-display-id-view_horarios_l3 .field-content, .view-display-id-view_horarios_l3 .views-field-description__value{
	padding: 1em;
	margin-left: 2em;
}


/**TARIFAS*/
.view-display-id-view_tarifa_tranvia{
	border: 1px solid var(--green);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom: none;
}

.view-display-id-view_tarifa_tranvia .view-header{
	background-color: var(--green);
	padding: 10px 15px 10px;
	color: white;
	font-weight: bold;
	font-size: 14px;

}
.view-display-id-view_tarifa_tranvia .field-content{
	padding: 1em;
	padding-left: 2em;
	border-bottom: .5px solid var(--green);
}





.view-display-id-view_tarifa_autobus{
	border: 1px solid var(--yellow);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.view-display-id-view_tarifa_autobus .view-header{
	background-color: var(--yellow);
	padding: 10px 15px 10px;
	color: white;
	font-weight: bold;
	font-size: 14px;

}
.view-display-id-view_tarifa_autobus .field-content{
	padding: 1em;
	padding-left: 2em;
}





.view-display-id-view_tarifa_funicular{
	border: 1px solid var(--blue);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.view-display-id-view_tarifa_funicular .view-header{
	background-color: var(--blue);
	padding: 10px 15px 10px;
	color: white;
	font-weight: bold;
	font-size: 14px;

}
.view-display-id-view_tarifa_funicular .field-content{
	padding: 1em;
	margin-left: 2em;
}



.view-display-id-view_tarifa_l3{
	border: 1px solid var(--pink);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.view-display-id-view_tarifa_l3 .view-header{
	background-color: var(--pink);
	padding: 10px 15px 10px;
	color: white;
	font-weight: bold;
	font-size: 14px;

}
.view-display-id-view_tarifa_l3 .field-content{
	padding: 1em;
	margin-left: 2em;
}


/**TURISMO*/


.trena.bilbo-bermeo.turismo, .trena.bilbo-donostia.turismo{
	border: 1px solid var(--blue);
}

.trena.bilbo-bermeo.turismo .title, .trena.bilbo-donostia.turismo .title{
	background-color: var(--blue);
}

.train.bilbo-bermeo.turismo, .train.bilbo-donostia.turismo{
	border: 1px solid var(--blue);
}

.train.bilbo-bermeo.turismo .title, .train.bilbo-donostia.turismo .title{
	background-color: var(--blue);
}

.view-display-id-view_horarios_l3{
	border: 1px solid var(--pink);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.view-display-id-view_horarios_l3 .view-header{
	background-color: var(--pink);
	padding: 10px 15px 10px;
	color: white;
	font-weight: bold;
	font-size: 14px;

}
.view-display-id-view_horarios_l3 .field-content, .view-display-id-view_horarios_l3 .views-field-description__value{
	padding: 1em;
	margin-left: 2em;
}


/**TARIFAS*/
.view-display-id-view_tarifa_tranvia{
	border: 1px solid var(--green);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom: none;
}

.view-display-id-view_tarifa_tranvia .view-header{
	background-color: var(--green);
	padding: 10px 15px 10px;
	color: white;
	font-weight: bold;
	font-size: 14px;

}
.view-display-id-view_tarifa_tranvia .field-content{
	padding: 1em;
	padding-left: 2em;
	border-bottom: .5px solid var(--green);
}





.view-display-id-view_tarifa_autobus{
	border: 1px solid var(--yellow);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.view-display-id-view_tarifa_autobus .view-header{
	background-color: var(--yellow);
	padding: 10px 15px 10px;
	color: white;
	font-weight: bold;
	font-size: 14px;

}
.view-display-id-view_tarifa_autobus .field-content{
	padding: 1em;
	padding-left: 2em;
}





.view-display-id-view_tarifa_funicular{
	border: 1px solid var(--blue);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.view-display-id-view_tarifa_funicular .view-header{
	background-color: var(--blue);
	padding: 10px 15px 10px;
	color: white;
	font-weight: bold;
	font-size: 14px;

}
.view-display-id-view_tarifa_funicular .field-content{
	padding: 1em;
	margin-left: 2em;
}



.view-display-id-view_tarifa_l3{
	border: 1px solid var(--pink);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.view-display-id-view_tarifa_l3 .view-header{
	background-color: var(--pink);
	padding: 10px 15px 10px;
	color: white;
	font-weight: bold;
	font-size: 14px;

}
.view-display-id-view_tarifa_l3 .field-content{
	padding: 1em;
	margin-left: 2em;
}


/**********************************************************************
IMAGEN CORPORATIVA
**********************************************************************/

.path-imagen-corporativa .block-block-content h3{
	color: var(--blue);
}

.path-imagen-corporativa .block-contact-block{
	margin-top: 5%;
	border: 1px solid var(--blue);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.path-imagen-corporativa .block-contact-block .block-title{
	background-color: var(--blue);
	margin-top: 0;
	margin-bottom: .5em;
	color: #fff;
	padding: .5em;
}

.path-imagen-corporativa .block-contact-block form{
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;

}
.path-imagen-corporativa .block-contact-block #edit-preview{
	display: none;

}

/* *********************************************************************
 BUSCADOR / HORARIOS
********************************************************************* */
#block-buscadordatosgeneral {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.75);
  color:#000;
  width: 65%;
  margin: 0 auto;
  border: 1px solid var(--blue);
  border: 1px solid  var(--blue);
}
#cont-buscador{
  padding: 20px;

}
#cont-buscador > div{
  margin-bottom: 20px;
}
#block-buscadordatosgeneral form select{
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  border: 1px solid var(--blue);
  width: 100%;
}
#block-buscadordatosgeneral .input-group{
  width: 100%;
}
#buscador-horarios-hora{
  width: 100%;
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  border: 1px solid var(--blue);
}

#buscador-submit{
  float: right;
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  border: 1px solid var(--blue);

}


#municipio-origen select{
  background-image: url('../images/iconos/azules/router2.svg');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left center;
  padding-left: 45px;
}

#municipio-destino select{
  background-image: url("../images/iconos/azules/router3.svg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left center;
  padding-left: 45px;
}

#buscador-horarios-hora[type=date]{
  padding-left: 45px;
  background-image: url('../images/iconos/azules/router4.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;
}
#buscador-horarios-hora[type=time]{
  padding-left: 45px;
  background-image: url('../images/iconos/azules/router5.svg');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left center;

}
#edit-fecha-hora{
	width: 100%;
}
#edit-fecha-hora > div{
  width: 49.2%;
}


#parada-origen{
	padding-left: 15px;
}
/***************************************************************
*************************INFORMACION ESTATICA******************
*************************************************************/

.info-estatica{
  width:  100%;
  height: 80px;
  float: left;
  margin-top: 20px;
  background-color: var(--blue);
  text-align: center;
  font-size: .9em;
  color: white;
}

.info-estatica > a{
	color: white;
}
.block-buscador-horarios .control-label{
  margin-top: 65%;
}
#edit-ordutegiak, #edit-planoak, #edit-txartelak, #edit-tarifak{
  width: 25%;
  height: 100%;
  float: left;
}

#edit-ordutegiak{
  background-image: url("../images/iconos/blancos/router6.svg");
  background-repeat: no-repeat;
  background-size: 70% auto;
  background-position: center top;
  transition: background-color .2s;
}
#edit-planoak{
  background-image: url("../images/iconos/blancos/router7.svg");
  background-repeat: no-repeat;
  background-size: 70% auto;
  background-position: center top;
  transition: background-color .2s;


}
#edit-txartelak{
  background-image: url("../images/iconos/blancos/router8.svg");
  background-repeat: no-repeat;
  background-size: 70% auto;
  background-position: center top;
  transition: background-color .2s;
}
#edit-tarifak{
  background-image: url("../images/iconos/blancos/router9.svg");
  background-repeat: no-repeat;
  background-size: 70% auto;
  background-position: center top;
  transition: background-color .2s;
}
#edit-ordutegiak:hover, #edit-planoak:hover, #edit-txartelak:hover, #edit-tarifak:hover, #buscador-submit:hover{
	background-color: var(--blue-hover);
}


/* Quitar simbolito y caja de ajax */


#block-buscadordatosgeneral	.input-group-addon, #buscador-horarios-tren-form .input-group-addon{
  background-color: white;
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  border: 1px solid var(--blue);
  border-left: none;
}



/* *********************************************************************
 BUSCADOR HORARIOS TREN
********************************************************************* */

.block-buscador-horarios-tren-block, .block-buscador-horarios-funicular-block{
  border: 0.5px solid var(--blue);
  width: 100%;
}
.buscador-horarios-tren-form a, .buscador-horarios-funicular-form a{
	color: white;

}
.block-buscador-horarios-tren-block .block-title, .block-buscador-horarios-funicular-block .block-title{
  background-color: var(--blue);
  color: white;
  margin: 0;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#cont-buscador-tren, #cont-buscador-funicular{
  padding: 20px;
}
#cont-buscador-tren > div, #cont-buscador-funicular > div{
  margin-bottom: 20px;
}

#cont-buscador-tren select, #cont-buscador-funicular select{
  border: 1px solid var(--blue);
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
}
#buscador-horarios-tren-form .input-group{
  width: 100%;
}
#municipio-origen-tren select, #parada-origen-funicular select{
  background-image: url('../images/iconos/azules/router2.svg');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left center;
  padding-left: 45px;
}
#municipio-destino-tren select, #parada-destino-funicular select{
  background-image: url('../images/iconos/azules/router3.svg');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left center;
  padding-left: 45px;
}

#buscador-tren-submit{
  float: right;
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  background-color: var(--blue);

}
.buscador-horarios-tren-form #edit-fecha-hora> div{
  width: 49.5%;
}


#buscador-tren-horarios-hora{
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  border: 1px solid var(--blue);
}
#buscador-tren-horarios-hora[type=date]{
  width: 100%;
  padding-left: 45px;
  background-image: url('../images/iconos/azules/router4.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;

}
#buscador-tren-horarios-hora[type=time]{
  width: 100%;
  padding-left: 45px;
  background-image: url('../images/iconos/azules/router5.svg');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left center;
  margin-left: 1px;
}

.buscador-horarios-tren-form .glyphicon.glyphicon-spin{
	color: var(--blue);
}

/***************************************************************
*************************INFORMACION ESTATICA******************
*************************************************************/

.info-estatica-tren, .info-estatica-funicular{
  width:  100%;
  height: 80px;
  float: left;
  margin-top: 20px;
  background-color: var(--blue);
  text-align: center;
  font-size: .9em;
  color: white;
}
.info-estatica-tren .control-label, .info-estatica-funicular .control-label{
  margin-top: 45%;
}
#edit-ordutegiak-tren, #edit-planoak-tren, #edit-txartelak-tren, #edit-tarifak-tren,#edit-ordutegiak-funicular, #edit-planoak-funicular, #edit-txartelak-funicular, #edit-tarifak-funicular{
  width: 25%;
  height: 100%;
  float: left;
}
#edit-ordutegiak-tren, #edit-ordutegiak-funicular{
  background-image: url("../images/iconos/blancos/router6.svg");
  background-repeat: no-repeat;
  background-size: 45% auto;
  background-position: center top;
  transition: background-color .2s;
}
#edit-planoak-tren, #edit-planoak-funicular{
  background-image: url("../images/iconos/blancos/router7.svg");
  background-repeat: no-repeat;
  background-size: 45% auto;
  background-position: center top;
  transition: background-color .2s;
}
#edit-txartelak-tren, #edit-txartelak-funicular{
  background-image: url("../images/iconos/blancos/router8.svg");
  background-repeat: no-repeat;
  background-size: 45% auto;
  background-position: center top;
  transition: background-color .2s;
}
#edit-tarifak-tren, #edit-tarifak-funicular{
  background-image: url("../images/iconos/blancos/router9.svg");
  background-repeat: no-repeat;
  background-size: 45% auto;
  background-position: center top;
  transition: background-color .2s;
}

#edit-ordutegiak-tren:hover, #edit-planoak-tren:hover, #edit-txartelak-tren:hover, #edit-tarifak-tren:hover, #buscador-tren-submit:hover, #edit-ordutegiak-funicular:hover, #edit-planoak-funicular:hover, #edit-txartelak-funicular:hover, #edit-tarifak-funicular:hover, #buscador-funicular-submit:hover{
	background-color: var(--blue-hover);
}






/* *********************************************************************
 BUSCADOR HORARIOS TRANVIA
********************************************************************* */

.block-buscador-horarios-tranvia-block{
  border: .5px solid var(--green);
  width: 100%;
}
.buscador-horarios-tranvia-form a{
	color: white;
}
.block-buscador-horarios-tranvia-block .block-title{
	padding-left: 20px;
	color: white;
	background-color: var(--green);
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}
#edit-cabecera-buscador-tranvia{
	height: 50px;
	background-color: var(--green);
	float: left;
	width: 100%;

}

#edit-cabecera-buscador-tranvia label{
	float: left;
	color: white;
}
#cont-buscador-tranvia{
	float: left;
  	padding: 20px;
  	width: 100%;
}
#cont-buscador-tranvia > div{
  margin-bottom: 20px;
}


#buscador-horarios-tranvia-form .input-group{
  width: 100%;
}

#buscador-horarios-funicular-form .input-group{
	width: 100%;
}

#buscador-horarios-tranvia-form select{
	border-radius: 0px 0px 0px 0px;
  	-moz-border-radius: 0px 0px 0px 0px;
  	-webkit-border-radius: 0px 0px 0px 0px;
	border: 1px solid var(--green);
}

#municipios-tranvia select{
  background-image: url('../images/iconos/verdes/router1.svg');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left center;
  padding-left: 45px;
}

#parada-origen-tranvia select{
  background-image: url('../images/iconos/verdes/router2.svg');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left center;
  padding-left: 45px;
}


#parada-destino-tranvia select{
  background-image: url('../images/iconos/verdes/router3.svg');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left center;
  padding-left: 45px;

}

#buscador-tranvia-submit{
  float: right;
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  background-color: var(--green);
  border: 1px solid var(--green);

}
.buscador-horarios-tranvia-form #edit-fecha-hora > div{
  width: 49.5%;
}

#buscador-tranvia-horarios-hora{
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  border: 1px solid var(--green);
}
#buscador-tranvia-horarios-hora[type=date]{
  width: 100%;
  padding-left: 45px;
  background-image: url('../images/iconos/verdes/router4.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;

}
#buscador-tranvia-horarios-hora[type=time]{
  width: 100%;
  padding-left: 45px;
  background-image: url('../images/iconos/verdes/router5.svg');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left center;
  margin-left: 1px;
}



 #buscador-horarios-tranvia-form .select-wrapper:after{
 	color: var(--green);
 }

 #buscador-horarios-tranvia-form .input-group-addon{
  background-color: white;
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  border: 1px solid var(--green);
  border-left: none;
}

#buscador-horarios-tranvia-form .glyphicon.glyphicon-spin{
	color: var(--green);
}


/***************************************************************
*************************INFORMACION ESTATICA******************
*************************************************************/
.info-estatica-tranvia{
  width:  100%;
  height: 80px;
  float: left;
  background-color: var(--green);
  text-align: center;
  font-size: .9em;
  color: white;
}
.info-estatica-tranvia .control-label{
  margin-top: 45%;
}
#edit-ordutegiak-tranvia, #edit-planoak-tranvia, #edit-txartelak-tranvia, #edit-tarifak-tranvia{
  width: 25%;
  height: 100%;
  float: left;
}
#edit-ordutegiak-tranvia{
  background-image: url("../images/iconos/blancos/router6.svg");
  background-repeat: no-repeat;
  background-size: 45% auto;
  background-position: center top;
  transition: background-color .2s;
}
#edit-planoak-tranvia{
  background-image: url("../images/iconos/blancos/router7.svg");
  background-repeat: no-repeat;
  background-size: 45% auto;
  background-position: center top;
  transition: background-color .2s;
}
#edit-txartelak-tranvia{
  background-image: url("../images/iconos/blancos/router8.svg");
  background-repeat: no-repeat;
  background-size: 45% auto;
  background-position: center top;
  transition: background-color .2s;
}
#edit-tarifak-tranvia{
  background-image: url("../images/iconos/blancos/router9.svg");
  background-repeat: no-repeat;
  background-size: 45% auto;
  background-position: center top;
  transition: background-color .2s;
}

#edit-ordutegiak-tranvia:hover, #edit-planoak-tranvia:hover, #edit-txartelak-tranvia:hover, #edit-tarifak-tranvia:hover, #buscador-tranvia-submit:hover {
	background-color: var(--green-hover);
}
/* *********************************************************************
 BUSCADOR HORARIOS L3
********************************************************************* */

.buscador-horarios-l3-form{
  width: 100%;
}

.buscador-horarios-l3-form a{
	color: white;
}
.block-buscador-horarios-l3-block .block-title{
	padding-left: 20px;
	color: white;
	background-color: var(--pink);
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

#cont-buscador-l3{
	float: left;
  	padding: 20px;
  	width: 100%;
  	border: 1px solid var(--pink);

}
#cont-buscador-l3 > div{
  margin-bottom: 20px;
}


#buscador-horarios-l3-form .input-group{
  width: 100%;
}

#buscador-horarios-l3-form select{
	border-radius: 0px 0px 0px 0px;
  	-moz-border-radius: 0px 0px 0px 0px;
  	-webkit-border-radius: 0px 0px 0px 0px;
	border: 1px solid var(--pink);
}



#parada-origen-l3 select{
  background-image: url('../images/iconos/rosas/router2.svg');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left center;
  padding-left: 50px;
}


#parada-destino-l3 {
  background-image: url('../images/iconos/rosas/router3.svg');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left center;
  padding-left: 50px;

}

#buscador-l3-submit{
  float: right;
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  background-color: var(--pink);
  border: 1px solid var(--pink);

}
#buscador-horarios-l3-form #edit-fecha-hora > div{
	width: 49.5%;

}
#fecha-hora-l3{
  width: 100%;
}

#buscador-l3-horarios-hora{
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  border: 1px solid var(--pink);
}
#buscador-l3-horarios-hora[type=date]{
  width: 100%;
  padding-left: 50px;
  background-image: url('../images/iconos/rosas/router4.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;

}
#buscador-l3-horarios-hora[type=time]{
  width: 100%;
  padding-left: 45px;
  background-image: url('../images/iconos/rosas/router5.svg');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left center;
  margin-left: 1px;
}


 #buscador-horarios-l3-form .select-wrapper:after{
 	color: var(--pink);
 }





.buscador-horarios-l3-form #edit-fecha-hora{
  background-image: url('../images/iconos/rosas/router4.svg');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left center;
  padding-left: 50px;
  border: 1px solid var(--pink)!important;
  border: 1px solid #DB0080;
}

.buscador-horarios-tren-form #edit-fecha-hora, .buscador-horarios-funicular-form #edit-fecha-hora{
  padding-left: 45px;
  background-image: url('../images/iconos/azules/router4.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;
  border: 1px solid var(--blue)!important;
  border: 1px solid #007fc0;
}

#buscador-horarios-form #edit-fecha-hora{
  padding-left: 45px;
  background-image: url('../images/iconos/azules/router4.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;
  border: 1px solid var(--blue)!important;
  border: 1px solid #007fc0;

}

.buscador-horarios-tranvia-form #edit-fecha-hora{
  padding-left: 45px;
  background-image: url(../images/iconos/verdes/router4.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;
  border: 1px solid var(--green)!important;
  border: 1px solid #58ab27;

}


.path-frontpage .buscador-horarios-form .alert.alert-danger.alert-dismissible{
	float: left;
	margin-top: 1em;

}


/***Ocultar texto de prueba de la página de mantenimiento**/

.maintenance-page .name.navbar-brand{
	display: none;
}

.maintenance-page p.navbar-text{
	display: none;
}

/****/


/*********CODIGO PARA ACCESIBILIDAD***************/


.carousel-caption-content h1{
	margin: 0;
	font-size: 1.4em;
}


.path-frontpage ul.menu.nav.modos {
    display: flex;
    min-height: 155px;
    justify-content: center;
}

.path-frontpage #block-modos li.tren {
    background: var(--blue);
    background-image: url(../images/tren.svg);
    background-repeat: no-repeat;
    background-size: auto 60%;
    background-position: center;
    background-position-y: 12px;
    min-height: 155px;
    display: flex;
}

.path-frontpage #block-modos li.tranvia {
 background: var(--green);
    background-image: url(../images/tranvia.svg);
    background-repeat: no-repeat;
    background-size: auto 60%;
    background-position: center; 
    background-position-y: 12px;
    min-height: 155px;
    display: flex;
}

.path-frontpage #block-modos li.autobus {
    background: var(--yellow);
    background-image: url(../images/autobus.svg);
    background-repeat: no-repeat;
    background-size: auto 60%;
    background-position: center;
    background-position-y: 12px;
    min-height: 155px;
    display: flex;
}

header div.header-bottom ul.menu.nav li.covid{
	display: none;
}


.path-frontpage #block-modos li.covid {
    background: var(--blue);
    background-image: url(../images/covid-tr-19.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;    
    background-position-y: -12px;
    min-height: 155px;
    display: flex;

}

.path-frontpage #block-modos li.funicular {
    background: var(--blue);
    background-image: url(../images/funicular.svg);
    background-repeat: no-repeat;
    background-size: auto 60%;
    background-position: center;
    background-position-y: 12px;
    min-height: 155px;
    display: flex;
}

.path-frontpage #block-modos li.l3 {
	background: var(--pink);
    background-image: url(../images/l3.svg);
    background-repeat: no-repeat;
    background-size: auto 60%;
    background-position: center;
    background-position-y: 12px;
    min-height: 155px;
    display: flex;
}


.path-frontpage #block-modos li.museo {
	background-image: url(../images/iconos/blancos/museoa.svg);
    background-repeat: no-repeat;
    background-size: auto 60%;
    background-position: center;
    background-position-y: 12px;
    min-height: 155px;
    display: flex;
}

.path-frontpage #block-modos li a{
    color: white;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 23px;
    color: #ffffff;
    padding: 0;
}





/*************************/






/**FIN ASIER*/



#buscador-l3-submit{
  float: right;
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  background-color: var(--pink);
  border: 1px solid var(--pink);

}
#buscador-horarios-l3-form #edit-fecha-hora > div{
	width: 49.5%;

}
#fecha-hora-l3{
  width: 100%;
}

#buscador-l3-horarios-hora{
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  border: 1px solid var(--pink);
}
#buscador-l3-horarios-hora[type=date]{
  width: 100%;
  padding-left: 50px;
  background-image: url('../images/iconos/rosas/router4.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;

}



/***************************************************************
*************************INFORMACION ESTATICA******************
*************************************************************/
.info-estatica-l3{
  width:  100%;
  height: 80px;
  float: left;
  background-color: var(--pink);
  text-align: center;
  font-size: .9em;
  color: white;
}
.info-estatica-l3 .control-label{
  margin-top: 45%;
}
#edit-ordutegiak-l3, #edit-planoak-l3, #edit-txartelak-l3, #edit-tarifak-l3{
  width: 25%;
  height: 100%;
  float: left;
}
#edit-ordutegiak-l3{
  background-image: url("../images/iconos/blancos/router6.svg");
  background-repeat: no-repeat;
  background-size: 45% auto;
  background-position: center top;
  transition: background-color .2s;
}
#edit-planoak-l3{
  background-image: url("../images/iconos/blancos/router7.svg");
  background-repeat: no-repeat;
  background-size: 45% auto;
  background-position: center top;
  transition: background-color .2s;
}
#edit-txartelak-l3{
  background-image: url("../images/iconos/blancos/router8.svg");
  background-repeat: no-repeat;
  background-size: 45% auto;
  background-position: center top;
  transition: background-color .2s;
}
#edit-tarifak-l3{
  background-image: url("../images/iconos/blancos/router9.svg");
  background-repeat: no-repeat;
  background-size: 45% auto;
  background-position: center top;
  transition: background-color .2s;
}

#edit-ordutegiak-l3:hover, #edit-planoak-l3:hover, #edit-txartelak-l3:hover, #edit-tarifak-l3:hover, #buscador-l3-submit:hover {
	background-color: var(--pink-hover);
}
/***********************************************************************
						BUSCADOR FUNICULAR
***********************************************************************/
 .block-buscador-horarios-funicular-block{
	float: left;
	width: 100%;
	border: 1px solid var(--blue);
	/*background-color: var(--blue);*/
}

.block-buscador-horarios-funicular-block .block-title{
	width: 100%;
	color: white;
	box-sizing: border-box;
	padding-left: 15px;
	height: 100%;
}

#horariosFunicular #iframeFunicular{
	width: 100%;
	height: 250px;
	float: left;
	background-image: url(../images/mapa_funicular.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

#datosEstaticosFunicular{
	width: 100%;
	float: left;
	height: 100px;
	background-color: var(--blue);
}

 .textoInfoEstaticaFunicular{
  margin-top: 55%;
}

#ordutegiakFunicular, #planoakFunicular, #cont-txartelakFunicular, #tarifakFunicular{
  width: 25%;
  height: 100%;
  float: left;
  text-align: center;
  color: white;
  transition: background-color .2s;
}
#ordutegiakFunicular{
  background-image: url("../images/iconos/blancos/router6.svg");
  background-repeat: no-repeat;
  background-size: 55% auto;
  background-position: center top;
}
#planoakFunicular{
  background-image: url("../images/iconos/blancos/router7.svg");
  background-repeat: no-repeat;
  background-size: 55% auto;
  background-position: center top;
}

#txartelakFunicular{
  float: left;
  color: white;
  width: 100%;
  height: 100%;
  background-image: url("../images/iconos/blancos/router8.svg");
  background-repeat: no-repeat;
  background-size: 55% auto;
  background-position: center top;
}
#tarifakFunicular{
  background-image: url("../images/iconos/blancos/router9.svg");
  background-repeat: no-repeat;
  background-size: 55% auto;
  background-position: center top;
}

#ordutegiakFunicular:hover, #planoakFunicular:hover, #tarifakFunicular:hover{
	background-color: var(--blue-hover);
}
/***********************************************************************
						PAGINA DE RESULTADOS GENERAL
***********************************************************************/
#scrollResultados{
	width: 65%;
	height: 1050px;
	overflow: auto;
	margin-top: 25px;
}
#tablaResultados{
	width: 100%;
}

#horario{
	border: 1px solid var(--blue);
	width: 100%;
	margin-bottom: 25px;
	float: left;
}
#resultados{
	box-sizing: border-box;
	padding-left: 15px;
	float: left;
	width: 100%;
	border-top: 1px solid rgba(0, 127, 192, 0.3);
}

/*asier*/
#horariosGeneral{
	background-color: var(--blue);
  	height: 50px;
  	display: flex;
}




#horariosGeneral > div{
  float: left;
  margin-left: .5em;
  margin-right: 2.5em;
  width: 17.5%;
  height: 100%;
}
#horariosGeneral > div h2{
  float: right;
  color: white;
  line-height: 1.5em;
}

#horaSalida{
  background-image: url("../images/iconos/resultados/bilatzailea1.svg");
  background-position: left, center;
  background-size: 35%, auto;
  background-repeat: no-repeat;
}

#horaLlegada{
  background-image: url("../images/iconos/resultados/bilatzailea2.svg");
  background-position: left, center;
  background-size: 35%, auto;
  background-repeat: no-repeat;

}

#horariosGeneral #precioViaje{
  width: 13.5%;
  background-image: url("../images/iconos/resultados/bilatzailea3.svg");
  background-position: left, center;
  background-size: 35%, auto;
  background-repeat: no-repeat;
}

.info-resultados{
	margin-top: .5em;
	width: 33%;
	padding-right: 1.5em;
	float: left;
	height: 60%;
	padding-bottom: 1.5em;
}


#iconos-bottom{
  float: left;
  width: 100%;
  height: 40px;
  margin-left: .5em;
  margin-bottom: .5em;
}

#minusvalidos{
  float: left;
  height: 100%;
  width: 8.5%;
  background-image: url("../images/iconos/resultados/infokon1.svg");
  background-position: left, center;
  background-size: 100%, auto;
  background-repeat: no-repeat;
  margin-right: .9em;
  transition: color 2s, border-color 2s, background-color 2s;
}

#bicis{
  float: left;
  height: 100%;
  width: 8.5%;
  background-image: url("../images/iconos/resultados/infokon5.svg");
  background-position: left, center;
  background-size: 100%, auto;
  background-repeat: no-repeat;
  margin-right: 1em;

}

#perros{
  float: left;
  height: 100%;
  width: 8.5%;
  background-image: url("../images/iconos/resultados/infokon4.svg");
  background-position: left, center;
  background-size: 100%, auto;
  background-repeat: no-repeat;
}


#estaticosResultados{
	float: right;
	width: 35%;
	height: 100%;
	box-sizing: border-box;
	padding-left: 25px;
	margin-top: 25px;
}

#ordutegi, #txartel, #tarifak{
	float: left;
	width: 100%;
	height: 300px;
	margin-bottom: 25px;
	background-color: var(--blue);
	color: white;
	text-align: center;
}

#ordutegi{
	background-image: url("../images/iconos/resultados/abiatu1.svg");
	background-size: 70%, auto;
	background-position: top, center;
	background-repeat: no-repeat;
}

#txartel{
	background-image: url("../images/iconos/resultados/abiatu2.svg");
	background-size: 70%, auto;
	background-position: top, center;
	background-repeat: no-repeat;
}

#tarifak{
	background-image: url("../images/iconos/resultados/abiatu3.svg");
	background-size: 70%, auto;
	background-position: top, center;
	background-repeat: no-repeat;
}

#ordutegi h3, #txartel h3, #tarifak h3{
	margin-top: 67.5%;
}

#ordutegi:hover, #txartel:hover, #tarifak:hover{
	background-color: var(--blue-hover);
}


/*****************************************************************
*					BUSQUEDAS DE TRANVÍA						*
***************************************************************/
#tranvia #horario{
	border: 1px solid var(--green);
	width: 100%;
	margin-bottom: 25px;
	float: left;
}
#tranvia #resultados{
	box-sizing: border-box;
	padding-left: 15px;
	float: left;
	width: 100%;
	border-top: 1px solid rgba(0, 127, 192, 0.3);
}
#tranvia #horariosGeneral{
	background-color: var(--green);
  	height: 50px;
}

#iconos-bottom{
  float: left;
  width: 100%;
  height: 40px;
  margin-left: .5em;
  margin-bottom: .5em;
}

#tranvia #minusvalidos{
  float: left;
  height: 100%;
  width: 8.5%;
  background-image: url("../images/iconos/resultados/tranvia/infokon1.svg");
  background-position: left, center;
  background-size: 100%, auto;
  background-repeat: no-repeat;
  margin-right: .9em;
}

#tranvia #bicis{
  float: left;
  height: 100%;
  width: 8.5%;
  background-image: url("../images/iconos/resultados/tranvia/infokon5.svg");
  background-position: left, center;
  background-size: 100%, auto;
  background-repeat: no-repeat;
  margin-right: 1em;

}

#tranvia #perros{
  float: left;
  height: 100%;
  width: 8.5%;
  background-image: url("../images/iconos/resultados/tranvia/infokon4.svg");
  background-position: left, center;
  background-size: 100%, auto;
  background-repeat: no-repeat;
}

#oreja{
  float: left;
  height: 100%;
  width: 8.5%;
  background-image: url("../images/iconos/resultados/tranvia/oreja.svg");
  background-position: left, center;
  background-size: 100%, auto;
  background-repeat: no-repeat;
}

#tranvia #ordutegi, #tranvia #txartel, #tranvia #tarifak{
	float: left;
	width: 100%;
	height: 300px;
	margin-bottom: 25px;
	background-color: var(--green);
	color: white;
	text-align: center;
}

#tranvia #ordutegi:hover, #tranvia #txartel:hover, #tranvia #tarifak:hover{
	background-color: var(--green-hover);
}

/*****************************************************************
*					BUSQUEDAS DE L3						*
***************************************************************/
#L3 #horario{
	border: 1px solid var(--pink);
	width: 100%;
	margin-bottom: 25px;
	float: left;
}
#L3 #resultados{
	box-sizing: border-box;
	padding-left: 15px;
	float: left;
	width: 100%;
	border-top: 1px solid rgba(0, 127, 192, 0.3);
}
#L3 #horariosGeneral{
	background-color: var(--pink);
  	height: 50px;
}


#L3 #minusvalidos{
  float: left;
  height: 100%;
  width: 8.5%;
  background-image: url("../images/iconos/resultados/l3/infokon1.svg");
  background-position: left, center;
  background-size: 100%, auto;
  background-repeat: no-repeat;
  margin-right: .9em;
}

#L3 #bicis{
  float: left;
  height: 100%;
  width: 8.5%;
  background-image: url("../images/iconos/resultados/l3/infokon5.svg");
  background-position: left, center;
  background-size: 100%, auto;
  background-repeat: no-repeat;
  margin-right: 1em;

}

#L3 #perros{
  float: left;
  height: 100%;
  width: 8.5%;
  background-image: url("../images/iconos/resultados/l3/infokon4.svg");
  background-position: left, center;
  background-size: 100%, auto;
  background-repeat: no-repeat;
}

#L3 #ordutegi, #L3 #txartel, #L3 #tarifak{
	float: left;
	width: 100%;
	height: 300px;
	margin-bottom: 25px;
	background-color: var(--pink);
	color: white;
	text-align: center;
}

#L3 #ordutegi:hover, #L3 #txartel:hover, #L3 #tarifak:hover{
	background-color: var(--pink-hover);
}

/***************************************/

/* *********************************************************************
 IFRAME PAGINA DE RESULTADOS
********************************************************************* */

#iframe-resultados{
	width: 100%;
	border: 1px solid var(--blue);
	height: 325px;
	border-top: 0;
}

#header-iframe{
	width: 100%;
	height: 75px;
	background-color: var(--blue);
	color: white;
}


#header-iframe > div{
	float: left;
	height: 100%;
	width: 5%;
	margin-left: .5em;
}

#header-iframe > h4{
	float: left;
	line-height: 3em;
	margin-right: 1.5em;
}

#origen-iframe{
	text-align: right;
	background-image: url("../images/iconos/resultados/router2.svg");
	background-size: 80%, auto;
	background-position: left, center;
	background-repeat: no-repeat;
}

#destino-iframe{
	text-align: right;
	background-image: url("../images/iconos/resultados/router3.svg");
	background-size: 80%, auto;
	background-position: left, center;
	background-repeat: no-repeat;

}

#fecha-iframe{
	text-align: right;
	background-image: url("../images/iconos/resultados/router4.svg");
	background-size: 80%, auto;
	background-position: left, center;
	background-repeat: no-repeat;

}

#hora-iframe{
	text-align: right;
	background-image: url("../images/iconos/resultados/router5.svg");
	background-size: 80%, auto;
	background-position: left, center;
	background-repeat: no-repeat;
}

#boton-iframe{
	text-align: center;
	float: right;
	width: 15%;
	border: 1px solid var(--blue-hover);
	color: #004494;
	background-color: white;
	font-weight: bold;
	margin-right: 1.5em;
	margin-top: 1.25em;
}
#boton-iframe:hover{
	background-color: #007fc0;
	color: white;
	border: 1px solid white;
}
#boton-sin-resultados{
	text-align: center;
	float: right;
	width: 15%;
	border: 1px solid var(--blue-hover);
	color: white;
	background-color: var(--blue);
	font-weight: bold;
	margin-right: 1.5em;
	margin-top: 1.25em;
}

/*Quita el mensaje de error por defecto*/
/*.alert-dismissible{
	display: none;
}*/

/*TRANVIA IFRAME*/
#tranvia #header-iframe{
	width: 100%;
	height: 75px;
	background-color: var(--green);
	color: white;
}
#tranvia #iframe-resultados{
	width: 100%;
	border: 1px solid var(--green);
	height: 325px;
}
#tranvia #boton-iframe{
	color: var(--green-hover);
	border: 1px solid var(--green-hover);
	background-color: white;
}

#tranvia #boton-iframe:hover{
	color: white;
	background-color: #58ab27;
	border: 1px solid white;
}
#boton-sin-resultadostranvia{
	text-align: center;
	float: right;
	width: 15%;
	font-weight: bold;
	margin-right: 1.5em;
	margin-top: 1.25em;
	border: 1px solid var(--green-hover);
	color: white;
	background-color: var(--green);
}

#boton-sin-resultadostren{
	text-align: center;
	float: right;
	width: 15%;
	font-weight: bold;
	margin-right: 1.5em;
	margin-top: 1.25em;
	border: 1px solid var(--blue-hover);
	color: white;
	background-color: var(--blue);
}

/*L3 IFRAME*/
#L3 #header-iframe{
	width: 100%;
	height: 75px;
	background-color: var(--pink);
	color: white;
}
#L3 #iframe-resultados{
	width: 100%;
	border: 1px solid var(--pink);
	height: 300px;
}
#L3 #boton-iframe{
	color: var(--pink);
	border: 1px solid var(--pink);
	background-color: white;
	font-weight: bold;
}
#L3 #boton-iframe:hover{
	color: white;
	background-color: #DB0080;
	border: 1px solid white;
}
#boton-sin-resultadosL3{
	text-align: center;
	float: right;
	width: 15%;
	font-weight: bold;
	margin-right: 1.5em;
	margin-top: 1.25em;
	border: 1px solid var(--pink);
	color: white;
	background-color: var(--pink);
}


/* *********************************************************************
 BLOQUE TREN - GRUPOS
********************************************************************* */

.tren-grupos .imagen-grupo{
	background-color: var(--blue);
	text-align: center;
}
.tren-grupos .imagen-l3{
	background-color: var(--pink);
	text-align: center;
}

.tren-grupos .imagen-grupo img{
	width: 100%;
    padding: 1em;
    max-height: 13em;
}
.tren-grupos .imagen-l3 img{
	width: 100%;
    padding: 1em;
    max-height: 13em;
}

.tren-grupos span{
	color: #FFFFFF;
    position: relative;
    bottom: 6px;
    font-size: 1.5em;
}
.tren-grupos a{
	text-decoration: none;
}

.tren-grupos .imagen-grupo:hover{
	background-color: var(--blue-hover);
}

.tren-grupos .imagen-l3:hover{
	background-color: var(--pink-hover);
}


/* *********************************************************************
 FIN BLOQUE TREN - GRUPOS
********************************************************************* */

/* *********************************************************************
  VIAJES EN GRUPO
********************************************************************* */
a#edit-example-pdf-link{
  color: #fff;
  background-color: #004494;
  border-color: #2e6da4;
  display: inline-block;
  text-decoration: none;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  margin-right: 0.5em;
}
a#edit-example-pdf-link:hover{
  background-color: #286090;
  color: #fff;
  text-decoration: none;
}
.form-item.js-form-item.form-type-textarea.js-form-type-textarea.form-item-observaciones.js-form-item-observaciones.form-disabled .control-label{
  margin-top: 1em;
}
.infoViajesG{
  border: 2px solid #007fc0;
  padding-left: 1em;
  padding-bottom: 1.5em;
  padding-right: 1em;
}
.infoViajesG h3{
  color:#007fc0;
}
.infoAlquilerTran{
  border: 2px solid #007fc0;
  padding-left: 1em;
  padding-bottom: 1.5em;
  padding-right: 1em;
}
.infoAlquilerTran h3{
  color:#007fc0;
}
.block.block-user.block-user-login-block.clearfix{
  border: 2px solid #007fc0;
  padding: 1em;
}
.block.block-user.block-user-login-block.clearfix ul{
  list-style: none;
}
.button.js-form-submit.form-submit.btn-primary.btn.icon-before{
  margin-left: 1.5em;
  margin-bottom: 0.5em;
}
#edit-submit{
  float: left;
  margin-left: -0.04em;
}
.create-account-link{
  margin-bottom: 0.5em;
  color:#fff;
  background-color: #004494;
  border-color: #2e6da4;
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  float: left;
}
.request-password-link{
  color:#fff;
  background-color: #004494;
  border-color: #2e6da4;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  float: left;
  margin-left: 0.5em;
}
/*.path-viajes .breadcrumb {display: none;}
.path-viajes .alert-dismissible{
	display: block;
}*/


.user-logged-in.path-viajes form #parada-origen-solicitud{
  margin-bottom: 1%;
}
.user-logged-in.path-viajes form #parada-destino-solicitud{
  margin-bottom: 1%;
}
.button{
  margin-bottom: 0.5em;
  color:#fff;
  background-color:  #004494;
  border-color: #004494;
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.button:active{
  margin-bottom: 0.5em;
  color:#fff;
  background-color:  #004494;
  border-color: #004494;
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.button:visited{
  margin-bottom: 0.5em;
  color:#fff;
  background-color:  #004494;
  border-color: #004494;
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.button:hover{
  margin-bottom: 0.5em;
  color:#fff;
  background-color: #286090;
  text-decoration: none;
  border-color: #2e6da4;
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.buttonCrear{
  margin-bottom: 0.5em;
  color:#fff;
  background-color: #004494;
  border-color: #2e6da4;
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  margin-left: 67em;
  bottom:13em;
  position: absolute;
}
.buttonCrear:hover{
  margin-bottom: 0.5em;
  color:#fff;
  background-color: #286090;
  text-decoration: none;
  border-color: #2e6da4;
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.buttonDescarga,
.buttonDescarga button{
  margin-bottom: 0.5em;
  color: #fff;
  background-color: #004494;
  border-color: #2e6da4;
  display: inline-block;
  text-decoration: none;
  padding: 2px 12px 0px 6px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  margin-left: 1em;
}
.buttonDescarga:hover,
.buttonDescarga button:hover{
	background-color: #23527c;
	padding: 2px 12px 0px 6px;
}
.buttonVolver{
  margin-bottom: 0.5em;
  color: #fff;
  background-color: #004494;
  border-color: #2e6da4;
  display: inline-block;
  text-decoration: none;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  margin-left: 1em;
}
.buttonVolver a{
  color: #fff;
  text-decoration: none;
}
.buttonVolver:hover{
  margin-bottom: 0.5em;
  color: #fff;
  background-color: #286090;
  text-decoration: none;
  border-color: #2e6da4;
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.button#edit-volver{
  color: #fff;
  background-color: #004494;
  border-color: #2e6da4;
  display: inline-block;
  text-decoration: none;
  padding: 0px 3px 0px 0px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  margin-left: 0.5em;
  margin-bottom: -0.1em;
}

.button#edit-volver:hover{
  color: #fff;
  background-color: #286090;
  text-decoration: none;
  border-color: #2e6da4;
  display: inline-block;
  padding: 0px 3px 0px 0px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  margin-left: 0.5em;
  margin-bottom: -0.1em;
}

#edit-generar-presupuesto{
  margin-top: 0.3em;
}
a#edit-descargar-bg{
  color: #fff;
  background-color: #004494;
  border-color: #2e6da4;
  display: inline-block;
  text-decoration: none;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  margin-right: 0.5em;
}
a#edit-example-pdf-link:hover{
  background-color: #286090;
  color: #fff;
  text-decoration: none;
}
#edit-generar-bg{
  margin-top: 0.3em;
}
#edit-generar-factura{
  margin-top: 0.3em;
}
a#edit-descargar-factura{
  color: #fff;
  background-color: #004494;
  border-color: #2e6da4;
  display: inline-block;
  text-decoration: none;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  margin-right: 0.5em;
  margin-left: 2em;
}
.block.block-user.block-user-login-block.clearfix h2{
  color: #007fc0;
}
/*#edit-submit-solicitudes-gestor{
  margin-top: 0.5em;
}

.path-solicitudes-gestor #edit-reset{
  margin-top: 0.5em;	
}
*/

#condiciones{
	text-align: justify;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


.factura_d{
	color: #ff0000;
	font-weight: bold;
}

.path-solicitudes-gestor .form-item{
	margin-right: 0.4em;
    margin-bottom: 0.4em!important;
}

.path-solicitudes-gestor  ul.pager li a{
	background-color: #004494;
    color: #FFFFFF;
    width: 100px;
} 

.path-solicitudes-gestor  ul.pager li a:hover{
	background-color: #286090;
    color: #FFFFFF;
    width: 100px;
} 

.path-solicitudes-gestor .form-item-title input{
	display: inline-block;
	width: auto;
}

.path-solicitudes-gestor .form-item-field-razon-value input{
	display: inline-block;
	width: auto;
}

.path-solicitudes-gestor #edit-field-fecha-hora-ida-value {
    display: inline-block;
    width: auto;
}

.path-solicitudes-gestor #edit-field-fecha-hora-vuelta-value {
    display: inline-block;
    width: auto;
}

.toolbar-tray-open.toolbar-horizontal.toolbar-fixed.user-logged-in.path-solicitudes-gestor.has-glyphicons .tabs{
  width: 60%;
  float: left;
}
.xls-feed .feed-icon {
    width: 15%;
    height: 40px;
    background-size: 90%;
    background-repeat: no-repeat;
    position: absolute;
    background-image: url(../images/iconos/azules/botonDescargaXls.png);
    margin-top: -30px;
}

a.feed-icon{
	color: transparent;
}
.form--inline.form-inline.clearfix, .toolbar-tray-open.toolbar-horizontal.toolbar-fixed.user-logged-in.path-solicitudes-gestor.has-glyphicons .form--inline.form-inline.clearfix {
    margin-top: 0em;
    float: none;
}
.toolbar-tray-open.toolbar-horizontal.toolbar-fixed.user-logged-in.path-solicitudes-gestor.has-glyphicons .breadcrumb{
  display: none;
}
/*.path-solicitudes-gestor .alert-dismissible{
	display: block;
}*/
/*.path-solicitudes .alert-dismissible{
	display: block;
}*/
#tituloAsunto{
  color: #333333;
  font-size: 15px;
}
#comentarioG{
  margin-bottom: 1em;
  border: 1.2px #CCCCCC solid;
  border-radius: 4px;
  padding-left: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.3em;
  padding-right: 0.5em;
}
#ultimoC{
  font-size: 25px;
}
#linkHistorial{
  margin-top: 0.5em;
}
.control-label > div:last-child{
  display: none;
}

.comentario.views-row h3 a{
	pointer-events: none;
    cursor: default;
}

.comentario{
  border: 1px #007fc0 solid;
  padding-top:0.5em;
  padding-bottom:1em;
  padding-left: 3em;
  margin-bottom: 1em;
  border-radius: 4px;
}
.comentario footer{
  margin-right:7.5em;

  color: grey;
  font-size: 10px;
}
.comentario footer a{
  display: none;
}
.comentario mark{
  display: none;
}
.comentario span{
  float: right;
  margin-right: 2em;
}
.comentario span a{
  display:initial;
}
.comentario .field.field--name-comment-body.field--type-text-long.field--label-hidden.field--item{
  border: 1px black solid;
  margin-right: 7em;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  border-radius: 4px;
}
.path-comentarios-solicitudes .breadcrumb {display: none;}
.buttonCancelar{
  float: right;
}
.buttonCancelar button{
  background-color: #F12F2F;
}
.buttonCancelar button:hover{
  background-color: #ef1010;
}
.buttonComentarios{
  color: #fff;
  background-color: #004494;
  border-color: #2e6da4;
  display: inline-block;
  text-decoration: none;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  float: right;
  margin-top: 1em;
}
.buttonComentarios a{
  color: #fff;
  text-decoration: none;
}
.buttonComentarios:hover{
  color: #fff;
  background-color: #286090;
  text-decoration: none;
  border-color: #2e6da4;
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

#drupal-modal--content{
	height:100%;
	max-height:100%!important;
}

.modal_dialog{
	overflow: scroll;
}

.modal-open .modal{
	overflow: scroll;
	max-height:100%;
}

.modal-content .ui-resizable .ui-resizable-disabled .ui-draggable .ui-draggable-disabled{
	max-height:100%;
}

#edit-descargar-localizador{
  color: #fff;
  background-color: #004494;
  border-color: #2e6da4;
  display: inline-block;
  text-decoration: none;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  margin-right: 0.5em;
  margin-left: 2em;
}
.views-field.views-field-field-estado-id::first-letter{
  text-transform: uppercase;
}

div#edit-estado {
    border-bottom: none;
    margin-bottom: unset;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

div#edit-estadoa {
    border-top: none;
    margin-top: unset;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


/**OCULTAR UBICACION FORMULARIO DE REGISTRO**/
.user-register-form .field--name-field-ubicacion{
	display: none;
}

/** Tamaños Forms **/
#edit-name{
  width: 400px;
}
#edit-pass{
  width:400px;
}
#edit-mail{
  width:400px;
}
#edit-mail--description{
  width:400px;
}
#edit-field-razon-social-0-value{
  width:400px;
}
#edit-field-poblacion-0-value{
  width:400px;
}
#edit-field-calle-0-value{
  width:400px;
}



/* viajes/crear */

#codigo_solicitud{
	margin-bottom: 1em;
}
#codigo_solicitud .titulo{
    font-weight: bold;
}

#codigo_solicitud .codigo{
    font-size: 1.5em
}

#idioma_solicitud{
	margin-bottom: 1em;
}

#idioma_solicitud .titulo{
    font-weight: bold;
}

#edit-razon{
  width:400px;
}
#edit-cif{
  width:400px;
}
#edit-calle{
  width:400px;
}
#edit-cp{
  width:400px;
}
#edit-cp-2{
  width:400px;
}
#edit-poblacion{
  width:400px;
}
#edit-provincia{
  width:400px;
}
#edit-contacto{
  width:400px;
}
#edit-mail-contacto{
  width:400px;
}
.input-group{
  width:400px;
}
#edit-n-personas{
  width:361px;
}
#edit-edad{
  width:400px;
}
#edit-tipo-pmr{
  width:400px;
}
#edit-destino{
  width:400px;
}
select[name=destino]{
  width:400px;
}

#parada-destino-solicitud .select-wrapper{
  width:400px;
  display: block;
}
#parada-destino-solicitud{
  height:60px;
}
.form-item-n-personas{
  width:400px;
}

.form-item-tipo-pmr{
  width:400px;
}
.form-item-transporte{
  width:400px;
}
.parada-origen-solicitud{
  width:400px;
}
.form-item-ida-vuelta{
  width:400px;
}
.form-item-pmr{
  width:400px;
}
.form-item-origen{
  width:400px;
}
.form-item .js-form-item .form-type-select .js-form-type-select .form-item-destino .js-form-item-destino .form-group{
  height:100px;
}
.form-item-field-documento-identificador-0-value{
  width:400px;
}
.form-item-field-documento-identificador-2-0-value{
  width:400px;
}
#edit-telefono{
	display:block;
	 width:400px;
}
#edit-field-telefono-0-value{
  width:400px;
  display: block;
}
#edit-field-telefono-2-0-value{
  width:400px;
  display: block;
}

#edit-field-codigo-postal-0-value{
  width:400px;
  display: block;
}

#edit-field-codigo-postal-2-0-value{
  width:400px;
  display: block;
}

.form-item-field-provincia-0-value{
  width:400px;
}
.form-item-field-pais{
  width:400px;
}
#edit-downloadpresupuesto{
  margin-right: 2em;
}
#edit-downloadbg{
  margin-right: 2em;
}
.form-item-solicitud-estado{
  width:400px;
}
.form-item-modalidad{
  width:400px;
}
.form-item-importe{
  width:400px;
}
.form-item-importe-total{
  width:400px;
}
.form-item-pago{
  width:400px;
}
.view-content footer{
  display:none;
}
.form-item-pais{
  width:400px;
}
#edit-downloadlocalizadores{
  margin-right: 2em;
}
#numero_pmr{
  width:400px;
}
.button-margin{
  margin-left: 2em;
}
.ajax{
  width:400px;
}

.form-item-importe-pax{
  width:400px;
}

.form-item-numero-pmr{
  width:400px;
}
#datos-solicitud{
  width:400px;
  margin-bottom: 1em;
}


.button.download{
	background-color:#45a043;
	border-color:#45a043;
}

.button.download:hover{
	background-color:#54bf52;
	border-color:#54bf52;
}



/* *********************************************************************
FIN VIAJES EN GRUPO
********************************************************************* */

/* *********************************************************************
BLOQUE CREAR NUEVA CUENTA DE USUARIO
********************************************************************* */

#aviso_factura{
	color: #ff0000;
	font-weight: bold;
}

/* *********************************************************************
FIN CREAR NUEVA CUENTA DE USUARIO
********************************************************************* */

/* *********************************************************************
VISTA USUARIOS
********************************************************************* */
.view-user-admin-people .xls-feed .feed-icon{
	margin-top: 0px;
	float: 	left;	
	position: relative;
}

#views-exposed-form-user-admin-people-page-1 #edit-actions{
	margin-top: 0.5em;
}

#views-exposed-form-user-admin-people-page-1 .form-item {
    margin-right: 0.4em;
}

#views-exposed-form-user-admin-people-page-1 .button.js-form-submit.form-submit.btn-primary.btn.icon-before{
	margin-left: 0;
	
}

.edit_user_link:hover {
    background-color: #286090;
}
.edit_user_link {
    background-color: #004494;
    padding: 0.5em;
    text-align: center;
    color: white;
}

/* *********************************************************************
FIN VISTA USUARIOS
********************************************************************* */

/* *********************************************************************
 BLOQUE TRANVIA - GRUPOS
********************************************************************* */

.tranvia-grupos .imagen-bilbo{
	background-color: var(--green);
	text-align: center;
}
.tranvia-grupos .imagen-gazteiz{
	background-color: var(--green);
	text-align: center;
}

.tranvia-grupos .imagen-bilbo img{
	width: 100%;
    padding: 1em;
    max-height: 13em;
}
.tranvia-grupos .imagen-gazteiz img{
	width: 100%;
    padding: 1em;
    max-height: 13em;
}


.tranvia-grupos span{
	color: #FFFFFF;
    position: relative;
    bottom: 6px;
    font-size: 1.5em;
}
.tranvia-grupos a{
	text-decoration: none;
}

.tranvia-grupos .imagen-bilbo:hover{
	background-color: var(--green-hover);
}

.tranvia-grupos .imagen-gazteiz:hover{
	background-color: var(--green-hover);
}



/* *********************************************************************
 FIN BLOQUE TRANVIA - GRUPOS
********************************************************************* */

/* *********************************************************************
 BLOQUE FUNICULAR - GRUPOS
********************************************************************* */
.funicular-grupos .imagen-grupo{
	background-color: var(--blue);
	text-align: center;
}
.funicular-grupos .imagen-l3{
	background-color: var(--pink);
	text-align: center;
}

.funicular-grupos .imagen-grupo img{
	width: 100%;
    padding: 1em;
    max-height: 13em;
}
.funicular-grupos .imagen-l3 img{
	width: 100%;
    padding: 1em;
    max-height: 13em;
}

.funicular-grupos span{
	color: #FFFFFF;
    position: relative;
    bottom: 6px;
    font-size: 1.5em;
}
.funicular-grupos a{
	text-decoration: none;
}

.funicular-grupos .imagen-grupo:hover{
	background-color: var(--blue-hover);
}

.funicular-grupos .imagen-l3:hover{
	background-color: var(--pink-hover);
}

/* *********************************************************************
 FIN BLOQUE FUNICULAR - GRUPOS
********************************************************************* */

/* *********************************************************************
 BLOQUE LINEA3 - GRUPOS
********************************************************************* */
.l3-grupos .imagen-grupo{
	background-color: var(--blue);
	text-align: center;
}
.l3-grupos .imagen-l3{
	background-color: var(--blue);
	text-align: center;
}

.l3-grupos .imagen-grupo img{
	width: 100%;
    padding: 1em;
    max-height: 13em;
}
.l3-grupos .imagen-l3 img{
	width: 100%;
    padding: 1em;
    max-height: 13em;
}

.l3-grupos span{
	color: #FFFFFF;
    position: relative;
    bottom: 6px;
    font-size: 1.5em;
}
.l3-grupos a{
	text-decoration: none;
}

.l3-grupos .imagen-grupo:hover{
	background-color: var(--blue-hover);
}
.l3-grupos .imagen-l3:hover{
	background-color: var(--blue-hover);
}

/* *********************************************************************
 FIN BLOQUE LINEA3 - GRUPOS
********************************************************************* */

/* *********************************************************************
 BLOQUE IMÁGENES HORARIO-BILLETES-TARIFAS BILBAO Y VITORIA
********************************************************************* */

.horarios-billetes-tarifas-img .imagen-horario{
	background-color: var(--green);
    text-align: center;
    height: 340px;
}

.horarios-billetes-tarifas-img .imagen-horario img{
	margin-left: 1em;
}

.horarios-billetes-tarifas-img .imagen-billete img{
	margin-left: 1em;
}

.horarios-billetes-tarifas-img .imagen-tarifas img{
	margin-left: 1em;
}

.horarios-billetes-tarifas-img .imagen-horario:hover{
	background-color: var(--green-hover);
}

.horarios-billetes-tarifas-img .imagen-billete{
	background-color: var(--green);
    text-align: center;
}

.horarios-billetes-tarifas-img .imagen-billete:hover{
	background-color: var(--green-hover);
}

.horarios-billetes-tarifas-img .imagen-tarifas{
	background-color: var(--green);
    text-align: center;
}

.horarios-billetes-tarifas-img .imagen-tarifas:hover{
	background-color: var(--green-hover);
}

.horarios-billetes-tarifas-img a{
	text-decoration: none;
}

.horarios-billetes-tarifas-img img{
	width: 85%;
}

.horarios-billetes-tarifas-img span{
	color: #FFFFFF;
    font-size: 24px;
    position: relative;
    bottom: 20px;
}

.path-bilbao iframe{
	width: 100%;
	height: 27em;
}

.path-bilbao .plano h2, .path-bilbao .plano .author{
	display: none;
}

.path-vitoria iframe{
	width: 100%;
	height: 27em;
}

.path-vitoria .plano h2, .path-vitoria .plano .author{
	display: none;
}

/* *********************************************************************
 FIN BLOQUE IMÁGENES HORARIO-BILLETES-TARIFAS BILBAO Y VITORIA
********************************************************************* */



/***********************************************************************
VISTA NOTICIAS BLOQUES
***********************************************************************/


/**TREN**/

.block-views-blocknoticias-block-noticias-tren{
	margin-top: 2%;
}

a {
    color: #004494;
  }

body.path-tren .block-views-blocknoticias-block-noticias.block-title{
	border-top: 1px solid #004494;
	border-bottom: 1px solid #004494;
	padding: .25em;
	color: #004494;
	padding-left: 35px;
	font-weight: bold;
	margin-bottom: 20px;
	background-image: url("../images/iconos/azules/info.svg");
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: left center;
}
.view-display-id-block_noticias_tren  .view-noticias-fila{
	margin-bottom: 20px;
}

.view-display-id-block_noticias_tren .views-field-field-entradilla{
	box-sizing: border-box;
	padding-left: 45px;
	font-weight: bold;
	color: #004494;
	margin-bottom: 5px;
}

.view-display-id-block_noticias_tren .views-field-body .field-content p{
	display: inline;
	margin-right: 0.4em;
}

.view-display-id-block_noticias_tren .views-field-body .field-content .fecha{
	font-weight: bold;
}

.view-display-id-block_noticias_tren .views-field-body{
	box-sizing: border-box;
	padding-left: 45px;
	margin-bottom: 2%;
}
.block-views-blocknoticias-block-noticias-tren .view-footer{
	border-top: .5px solid #004494;
	margin-bottom: 2%;
}
.block-views-blocknoticias-block-noticias-tren{
	border-bottom: 1px solid  #004494;
}

.block-views-blocknoticias-block-noticias-tren .view-footer a{
	float: right;
	color: white;
	background-color: #004494;
	font-weight: bolder;
	padding-left: .25em;
	padding-right: .25em;
	transition: transform 1s, background-color .2s;
	-webkit-transition: transform 1s, background-color .2s;
	-moz-transition: transform 1s, background-color .2s;
	-o-transition: transform 1s, background-color .2s;
}

.block-views-blocknoticias-block-noticias-tren .view-footer a:hover{
	text-decoration: none;
	background-color: #007fc0;
}





/**TRANVIA**/
.block-views-blocknoticias-block-noticias-tranvia{
	margin-top: 2%;
}

body.path-tranvia .block-views-blocknoticias-block-noticias.block-title{
	border-top: 1px solid #006f2b;
	border-bottom: 1px solid #006f2b;
	padding: .25em;
	color: #006f2b;
	padding-left: 35px;
	font-weight: bold;
	margin-bottom: 20px;
	background-image: url("../images/iconos/verdes/info.svg");
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: left center;
}

.view-display-id-block_noticias_tranvia .views-field-body .field-content p{
	display: inline;
	margin-right: 0.4em;
}

.view-display-id-block_noticias_tranvia .views-field-body .field-content .fecha{
	font-weight: bold;
}

.view-display-id-block_noticias_tranvia  .view-noticias-fila{
	margin-bottom: 20px;
}

.view-display-id-block_noticias_tranvia .views-field-field-entradilla{
	box-sizing: border-box;
	padding-left: 45px;
	font-weight: bold;
	color: #58ab27;
	margin-bottom: 5px;
}

.view-display-id-block_noticias_tranvia .views-field-field-entradilla a{
	color: #006f2b;
}

.view-display-id-block_noticias_tranvia .views-field-body{
	box-sizing: border-box;
	padding-left: 45px;
	margin-bottom: 2%;
}
.block-views-blocknoticias-block-noticias-tranvia .view-footer{
	border-top: .5px solid #006f2b;
	margin-bottom: 2%;
}
.block-views-blocknoticias-block-noticias-tranvia{
	border-bottom: 1px solid #006f2b;
}

.block-views-blocknoticias-block-noticias-tranvia .view-footer a{
	float: right;
	color: white;
	background-color: #006f2b;
	font-weight: bolder;
	padding-left: .25em;
	padding-right: .25em;
	transition: transform 1s, background-color .2s;
	-webkit-transition: transform 1s, background-color .2s;
	-moz-transition: transform 1s, background-color .2s;
	-o-transition: transform 1s, background-color .2s;
}


.block-views-blocknoticias-block-noticias-tranvia .view-footer a:hover{
	text-decoration: none;
	background-color: #58ab27;
}


/**AUTOBUS**/

.block-views-blocknoticias-block-noticias-autobus{
	margin-top: 2%;
}

body.path-autobus .block-views-blocknoticias-block-noticias.block-title{
	border-top: 1px solid #ae5604;
	border-bottom: 1px solid #ae5604;
	padding: .25em;
	color: #ae5604;
	padding-left: 35px;
	font-weight: bold;
	margin-bottom: 20px;
	background-image: url("../images/iconos/amarillos/info.svg");
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: left center;
}

.view-display-id-block_noticias_autobus .views-field-body .field-content p{
	display: inline;
	margin-right: 0.4em;
}

.view-display-id-block_noticias_autobus .views-field-body .field-content .fecha{
	font-weight: bold;
}

.view-display-id-block_noticias_autobus  .view-noticias-fila{
	margin-bottom: 20px;
}

.view-display-id-block_noticias_autobus .views-field-field-entradilla{
	box-sizing: border-box;
	padding-left: 45px;
	font-weight: bold;
	color: #f8ae00;
	margin-bottom: 5px;
}

.view-display-id-block_noticias_autobus .views-field-field-entradilla a{
	color: #ae5604;
}

.view-display-id-block_noticias_autobus .views-field-body{
	box-sizing: border-box;
	padding-left: 45px;
	margin-bottom: 2%;
}
.block-views-blocknoticias-block-noticias-autobus .view-footer{
	border-top: 1px solid #ae5604;
	margin-bottom: 2%;
}
.block-views-blocknoticias-block-noticias-autobus{
	border-bottom: 1px solid #ae5604;
}

.block-views-blocknoticias-block-noticias-autobus .view-footer a{
	float: right;
	color: white;
	background-color: #ae5604;
	font-weight: bolder;
	padding-left: .25em;
	padding-right: .25em;
	transition: transform 1s, background-color .2s;
	-webkit-transition: transform 1s, background-color .2s;
	-moz-transition: transform 1s, background-color .2s;
	-o-transition: transform 1s, background-color .2s;
}

.block-views-blocknoticias-block-noticias-autobus .view-footer a:hover{
	text-decoration: none;
	background-color: #ec7405;
}



/**FUNICULAR**/

.block-views-blocknoticias-block-noticias-funicular{
	margin-top: 2%;
}

body.path-funicular .block-views-blocknoticias-block-noticias.block-title{
	border-top: 1px solid  #004494;
	border-bottom: 1px solid  #004494;
	padding: .25em;
	color:  #004494;
	padding-left: 35px;
	font-weight: bold;
	margin-bottom: 20px;
	background-image: url("../images/iconos/azules/info.svg");
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: left center;
}
.view-display-id-block_noticias_funicular  .view-noticias-fila{
	margin-bottom: 20px;
}

.view-display-id-block_noticias_funicular .views-field-field-entradilla{
	box-sizing: border-box;
	padding-left: 45px;
	font-weight: bold;
	color:  #004494;
	margin-bottom: 5px;
}

.view-display-id-block_noticias_funicular .views-field-body .field-content p{
	display: inline;
	margin-right: 0.4em;
}

.view-display-id-block_noticias_funicular .views-field-body .field-content .fecha{
	font-weight: bold;
}


.view-display-id-block_noticias_funicular .views-field-body{
	box-sizing: border-box;
	padding-left: 45px;
	margin-bottom: 2%;
}
.block-views-blocknoticias-block-noticias-funicular .view-footer{
	border-top: 1px solid #004494;
	margin-bottom: 2%;
}
.block-views-blocknoticias-block-noticias-funicular{
	border-bottom: 1px solid #004494;
}

.block-views-blocknoticias-block-noticias-funicular .view-footer a{
	float: right;
	color: white;
	background-color: #004494;
	font-weight: bolder;
	padding-left: .25em;
	padding-right: .25em;
	transition: transform 1s, background-color .2s;
	-webkit-transition: transform 1s, background-color .2s;
	-moz-transition: transform 1s, background-color .2s;
	-o-transition: transform 1s, background-color .2s;
}

.block-views-blocknoticias-block-noticias-funicular .view-footer a:hover{
	text-decoration: none;
	background-color: #007fc0;

}

/**L3**/

.block-views-blocknoticias-block-noticias-l3{
	margin-top: 2%;
}

body.path-l3 .block-views-blocknoticias-block-noticias.block-title{
	border-top: 1px solid #DB0080;
	border-bottom: 1px solid #DB0080;
	padding: .25em;
	color: #DB0080;
	padding-left: 35px;
	font-weight: bold;
	margin-bottom: 20px;
	background-image: url("../images/iconos/rosas/info.svg");
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: left center;
}

.view-display-id-block_noticias_l3 .views-field-body .field-content p{
	display: inline;
	margin-right: 0.4em;
}

.view-display-id-block_noticias_l3 .views-field-body .field-content .fecha{
	font-weight: bold;
}

.view-display-id-block_noticias_l3  .view-noticias-fila{
	margin-bottom: 20px;
}

.view-display-id-block_noticias_l3 .views-field-field-entradilla{
	box-sizing: border-box;
	padding-left: 45px;
	font-weight: bold;
	color: #DB0080;
	margin-bottom: 5px;
}

.view-display-id-block_noticias_l3 .views-field-field-entradilla a{
	color: #DB0080;
}

.view-display-id-block_noticias_l3 .views-field-body{
	box-sizing: border-box;
	padding-left: 45px;
	margin-bottom: 2%;
}
.block-views-blocknoticias-block-noticias-l3 .view-footer{
	border-top: 1px solid #DB0080;
	margin-bottom: 2%;
}
.block-views-blocknoticias-block-noticias-l3{
	border-bottom: 1px solid #DB0080;
}

.block-views-blocknoticias-block-noticias-l3 .view-footer a{
	float: right;
	color: white;
	background-color: #DB0080;
	font-weight: bolder;
	padding-left: .25em;
	padding-right: .25em;
	transition: transform 1s, background-color .2s;
	-webkit-transition: transform 1s, background-color .2s;
	-moz-transition: transform 1s, background-color .2s;
	-o-transition: transform 1s, background-color .2s;
}

.block-views-blocknoticias-block-noticias-l3 .view-footer a:hover{
	text-decoration: none;
	background-color: #B8006E;
}

/************************************************************************
********MENÚS DE VISTAS DE NOTICIAS*************************************
***********************************************************************/

/**TREN***/


.user-logged-in.path-tren .nav.nav-tabs li.active a{
	color: #fff;
	background-color: #004494;
}
.user-logged-in.path-tren .nav.nav-tabs li a{
	color: #004494;
}

.user-logged-in.path-tren .nav.nav-tabs li.active a:hover{
	background-color: #007fc0;
	color: #fff;
}



/**TRANVIA**/
.user-logged-in.path-tranvia .nav.nav-tabs li{
	border: 2px solid #58ab27;
}
.user-logged-in.path-tranvia .nav.nav-tabs li.active{
}

.user-logged-in.path-tranvia .nav.nav-tabs li.active a{
	color: #fff;
	background-color: #58ab27;
}
.user-logged-in.path-tranvia .nav.nav-tabs li a{
	color: #58ab27;
}

.user-logged-in.path-tranvia .nav.nav-tabs li.active a:hover{
	background-color: #009036;
}




/**AUTOBUS**/
.user-logged-in.path-autobus .nav.nav-tabs li{
	border: 2px solid #f8ae00;
}

.user-logged-in.path-autobus .nav.nav-tabs li.active a{
	color: #fff;
	background-color: #f8ae00;
}
.user-logged-in.path-autobus .nav.nav-tabs li a{
	color: #f8ae00;
}

.user-logged-in.path-autobusa .nav.nav-tabs li.active a:hover{
	background-color: #ec7405;
}

.user-logged-in.path-autobusa .nav.nav-tabs li{
	border: 2px solid #f8ae00;
}

.user-logged-in.path-autobusa .nav.nav-tabs li.active a{
	color: #fff;
	background-color: #f8ae00;
}
.user-logged-in.path-autobusa .nav.nav-tabs li a{
	color: #f8ae00;
}

.user-logged-in.path-autobusa .nav.nav-tabs li.active a:hover{
	background-color: #ec7405;
}



/**FUNICULAR**/
.user-logged-in.path-funicular .nav.nav-tabs li.active a{
	color: #fff;
	background-color: #007fc0;
}
.user-logged-in.path-funicular .nav.nav-tabs li a{
	color: #007fc0;
}

.user-logged-in.path-funicular .nav.nav-tabs li.active a:hover{
	background-color: #004494;
	color: #fff;
}



/**L3**/
.user-logged-in.path-l3 .nav.nav-tabs li{
	border: 2px solid #DB0080;
}
.user-logged-in.path-l3 .nav.nav-tabs li.active{
}

.user-logged-in.path-l3 .nav.nav-tabs li.active a{
	color: #fff;
	background-color: #DB0080;
}
.user-logged-in.path-l3 .nav.nav-tabs li a{
	color: #DB0080;
}

.user-logged-in.path-l3 .nav.nav-tabs li.active a:hover{
	background-color: #B8006E;
}


/**TODAS***/


.path-noticias .nav.nav-tabs li.active a{
	color: #fff;
	background-color: #007fc0;
}
.path-noticias .nav.nav-tabs li a{
	color: #007fc0;
}

.path-noticias .nav.nav-tabs li.active a:hover{
	background-color: #004494;
	color: #fff;
}

/************************************************************************
********PÁGINAS DE VISTAS DE NOTICIAS*************************************
***********************************************************************/


/**TREN**/

.view-display-id-view_noticias_tren .views-field-field-entradilla{
	font-weight: bold;
	color: #007fc0;
	margin-bottom: 1%;
}

.view-display-id-view_noticias_tren .views-field-body .field-content p{
	display: inline;
	margin-right: 0.4em;
}

.view-display-id-view_noticias_tren .views-field-body .field-content .fecha{
	font-weight: bold;
}

.view-display-id-view_noticias_tren .views-field-body{
	margin-bottom: 2%;
}




/**TRANVIA**/

.view-display-id-view_noticias_tranvia .views-field-body .field-content p{
	display: inline;
	margin-right: 0.4em;
}

.view-display-id-view_noticias_tranvia .views-field-body .field-content .fecha{
	font-weight: bold;
}

.view-display-id-view_noticias_tranvia .views-field-field-entradilla{
	font-weight: bold;
	color: #58ab27;
	margin-bottom: 1%;
}

.view-display-id-view_noticias_tranvia .views-field-field-entradilla a{
	color: #58ab27;
}

.view-display-id-view_noticias_tranvia .views-field-body{
	margin-bottom: 2%;
}




/**AUTOBUS**/

.view-display-id-view_noticias_autobus .views-field-body .field-content p{
	display: inline;
	margin-right: 0.4em;
}

.view-display-id-view_noticias_autobus .views-field-body .field-content .fecha{
	font-weight: bold;
}

.view-display-id-view_noticias_autobus .views-field-field-entradilla{
	font-weight: bold;
	color: #f8ae00;
	margin-bottom: 1%;
}
.view-display-id-view_noticias_autobus .views-field-field-entradilla a{
	color: #f8ae00;
}

.view-display-id-view_noticias_autobus .views-field-body{
	margin-bottom: 2%;
}



/**FUNICULAR**/
.view-display-id-view_noticias_funicular .views-field-field-entradilla{
	font-weight: bold;
	color: #007fc0;
	margin-bottom: 1%;
}

.view-display-id-view_noticias_funicular .views-field-body .field-content p{
	display: inline;
	margin-right: 0.4em;
}

.view-display-id-view_noticias_funicular .views-field-body .field-content .fecha{
	font-weight: bold;
}

.view-display-id-view_noticias_funicular .views-field-body{
	margin-bottom: 2%;
}




/**L3**/

.view-display-id-view_noticias_l3 .views-field-body .field-content p{
	display: inline;
	margin-right: 0.4em;
}

.view-display-id-view_noticias_l3 .views-field-body .field-content .fecha{
	font-weight: bold;
}

.view-display-id-view_noticias_l3 .views-field-field-entradilla{
	font-weight: bold;
	color: #DB0080;
	margin-bottom: 1%;
}
.view-display-id-view_noticias_l3 .views-field-field-entradilla a{
	color: #DB0080;
}

.view-display-id-view_noticias_l3 .views-field-body{
	margin-bottom: 2%;
}




/**TODAS**/

.view-display-id-view_noticias_todas .views-field-body .field-content p{
	display: inline;
	margin-right: 0.4em;
}

.view-display-id-view_noticias_todas .views-field-body .field-content .fecha{
	font-weight: bold;
}

.view-display-id-view_noticias_todas .views-field-field-entradilla{
	font-weight: bold;
	color: #007fc0;
	margin-bottom: 1%;
}

.view-display-id-view_noticias_todas .views-field-body{
	margin-bottom: 2%;
}



/**PRESENTACIÓN DEL NODO**/

.contextual-region.noticia .field.field--name-field-entradilla{
	font-weight: bold;
	margin-bottom: 25px;
}

.noticia.is-promoted .field.field--name-field-entradilla{
	font-weight: bold;
	margin-bottom: 25px;
}


/* *********************************************************************
 FOOTER
********************************************************************* */
.redes-sociales{
    text-align: center;
}

.redes-sociales a {
    display: inline-flex;
    margin-bottom: 2em;
    margin-top: 2em;
    margin-right: 1em;
    margin-left: 1em;
}

.footer-bottom p {
	text-align: center;
}
.footer-bottom {
	background: #ffffff;
	/*margin-top: 20px;
	padding: 20px 0;*/
}
.footer-top {
	background: var(--grey);
	margin-top: 0;
	padding: 20px 0;
}
.footer-top p.title {
	color: black;
	font-weight: bold;
}
.footer-top ul {
	list-style: none;
    padding: 0;
}
.footer-top ul li a{
	text-decoration: none;
	color: var(--black);
}

.logos-pie {
    text-align: center;
    margin-bottom: 1em;
    margin-top: 1em;
}

.logos-pie img {
    display: inline;
}



/**AITOR**/

/**MENU MODOS INTERIOR**/
ul.menu.nav.modos{
	display: flex;
	justify-content: center;
}
ul.menu.nav.modos li.tren,
ul.menu.nav.modos li.tranvia,
ul.menu.nav.modos li.autobus,
ul.menu.nav.modos li.funicular,
ul.menu.nav.modos li.l3,
ul.menu.nav.modos li.museo
{
	display: flex;
	background-size: auto 85%;
}

ul.menu.nav.modos li.tren:before,
ul.menu.nav.modos li.tranvia:before,
ul.menu.nav.modos li.autobus:before,
ul.menu.nav.modos li.funicular:before,
ul.menu.nav.modos li.l3:before,
ul.menu.nav.modos li.museo:before
{
	/**HABRÍA QUE BORRAR LAS PROPIEDADES QUE SE INDICAN ANTES DE ESTO EN LA LINEA 312*/
	width: 25px !important;
	height: 55px!important;
}

ul.menu.nav.modos li.tren a,
ul.menu.nav.modos li.tranvia a,
ul.menu.nav.modos li.autobus a,
ul.menu.nav.modos li.funicular a,
ul.menu.nav.modos li.l3 a,
ul.menu.nav.modos li.museo a
{
	display: flex;
	color: white;
	font-size: 24px;
	align-items: flex-end;
}

ul.menu.nav.modos li.tren a:focus,
ul.menu.nav.modos li.tranvia a:focus,
ul.menu.nav.modos li.autobus a:focus,
ul.menu.nav.modos li.funicular a:focus,
ul.menu.nav.modos li.l3 a:focus,
ul.menu.nav.modos li.museo a:focus
{
	background: transparent;
}


/**MENU NAV MODOS 2 (ENLACES) **/
#block-modos-2 .menu.nav.modos{
	display: block;
}
#block-modos-2 .menu.nav.modos li a{
	padding: 10px 15px;
    font-size: 16px;
	color: #fff;
}
#block-modos-2 .menu.nav.modos li a:focus{
	background: transparent;
	outline: 0;
}

/** /AITOR**/

	
/******************************************************************************************
**********HACK IE ************************************************************************
****************************************************************************************/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {


	/**AITOR**/

	/**MENU MODOS FRONTPAGE **/
	.path-frontpage #block-modos li.tren{
		background-color: #004494;
	}
	.path-frontpage #block-modos li.tranvia{
		background-color: #006f2b;
	}
	.path-frontpage #block-modos li.autobus{
		background-color: #f8ae00;
	}
	.path-frontpage #block-modos li.funicular{
		background-color: #004494;
	}
	.path-frontpage #block-modos li.l3{
		background-color: #B8006E;
	}
	.path-frontpage #block-modos li.museo{
		background-color: #787878;
	}

	/** /AITOR **/



	.btn-default,
	.btn-tren {
		background: #007fc0;
	}

	.btn-default:hover,
	.btn-tren:hover{
		background: #004494;
	}
	.btn-tranvia{
		background: #58ab27;
	}
	.btn-tranvia:hover{
		background: #009036;
	}
	.btn-autobus{
		background: #f8ae00;
	}
	.btn-autobus:hover{
		background: #ec7405;
	}
	.btn-l3:hover{
		background: #DB0080;
	}
	.btn-l3:hover{
		background: #B8006E;
	}


	/* *********************************************************************
 	CABECERA
	********************************************************************* */

	.block-language ul li.is-active a{
		color: #787878;
	}

	/* *********************************************************************
 	MENU
	********************************************************************* */

	/* Menu modos - Primer nivel */

	ul.modos li:hover:before{
		background: transparent;
	}


	ul.modos li.tren{
		background-image: url("../images/iexplorer/tren.svg");
		background-repeat: no-repeat;
		background-size: auto 80%;
		background-position: 1em .15em;
	}

	ul.modos li.tren.active:before {
		background-color: #007fc0;
		background-image: url("../images/tren.svg");
		background-repeat: no-repeat;
		background-size: 100% auto;
	}

	ul.modos li.tren.active{
		background-image: url("../images/tren.svg");
		background-size: auto 80%;
		background-repeat: no-repeat;
		background-position: 1em .15em;
		background-color: #007fc0;
	}

	ul.modos li.tren:hover {
		background-image: url("../images/tren.svg");
		background-size: auto 80%;
		background-repeat: no-repeat;
		background-position: 1em .15em;
		background-color: #007fc0;
	}




	ul.modos li.tranvia{
		background-image: url("../images/iexplorer/tranvia.svg");
		background-repeat: no-repeat;
		background-size: auto 80%;
		background-position: 1em .15em;
	}

	ul.modos li.tranvia.active:before {
		background-color: #58ab27;
		background-image: url("../images/tranvia.svg");
		background-repeat: no-repeat;
		background-size: 100% auto;
	}

	ul.modos li.tranvia.active{
		background-image: url("../images/tranvia.svg");
		background-size: auto 80%;
		background-repeat: no-repeat;
		background-position: 1em .15em;
		background-color: #58ab27;
	}

	ul.modos li.tranvia:hover {
		background-image: url("../images/tranvia.svg");
		background-size: auto 80%;
		background-repeat: no-repeat;
		background-position: 1em .15em;
		background-color: #58ab27;
	}






	ul.modos li.autobus{
		background-image: url("../images/iexplorer/autobus.svg");
		background-repeat: no-repeat;
		background-size: auto 80%;
		background-position: 1em .15em;
	}

	ul.modos li.autobus.active:before {
		background-color: #f8ae00;
		background-image: url("../images/autobus.svg");
		background-repeat: no-repeat;
		background-size: 100% auto;
	}

	ul.modos li.autobus.active{
		background-image: url("../images/autobus.svg");
		background-size: auto 80%;
		background-repeat: no-repeat;
		background-position: 1em .15em;
		background-color: #f8ae00;
	}

	ul.modos li.autobus:hover {
		background-image: url("../images/autobus.svg");
		background-size: auto 80%;
		background-repeat: no-repeat;
		background-position: 1em .15em;
		background-color: #f8ae00;
	}



	ul.modos li.funicular{
		background-image: url("../images/iexplorer/funicular.svg");
		background-repeat: no-repeat;
		background-size: auto 80%;
		background-position: 1em .15em;
	}

	ul.modos li.funicular.active:before {
		background-color: #007fc0;
		background-image: url("../images/funicular.svg");
		background-repeat: no-repeat;
		background-size: 100% auto;
	}

	ul.modos li.funicular.active{
		background-image: url("../images/funicular.svg");
		background-size: auto 80%;
		background-repeat: no-repeat;
		background-position: 1em .15em;
		background-color: #007fc0;
	}

	ul.modos li.funicular:hover {
		background-image: url("../images/funicular.svg");
		background-size: auto 80%;
		background-repeat: no-repeat;
		background-position: 1em .15em;
		background-color: #007fc0;
	}




	ul.modos li.l3{
		background-image: url("../images/iexplorer/l3.svg");
		background-repeat: no-repeat;
		background-size: auto 80%;
		background-position: 1em .15em;
	}

	ul.modos li.l3.active:before {
		background-color: #DB0080;
		background-image: url("../images/l3.svg");
		background-repeat: no-repeat;
		background-size: 100% auto;
	}

	ul.modos li.l3.active{
		background-image: url("../images/l3.svg");
		background-size: auto 80%;
		background-repeat: no-repeat;
		background-position: 1em .15em;
		background-color: #DB0080;
	}

	ul.modos li.l3:hover {
		background-image: url("../images/l3.svg");
		background-size: auto 80%;
		background-repeat: no-repeat;
		background-position: 1em .15em;
		background-color: #DB0080;
	}








	/* Modos - nivel 2 */
	body.path-tren div.navigation,
	body.path-funicular div.navigation {
		background: #007fc0;
	}
	body.path-metro .page-header,
	body.path-horarios div.navigation {
		background: #DB0080;
	}
	body.path-tarifas div.navigation {
		background: #007fc0;
	}
	body.path-tranvia div.navigation,
	body.path-tranvia-bilbao div.navigation,
	body.path-tranvia-gasteiz div.navigation {
		background: #58ab27;
	}
	body.path-tranbia div.navigation,
	body.path-tranbia-bilbao div.navigation,
	body.path-tranbia-gasteiz div.navigation {
		background: #58ab27;
	}
	body.path-autobus div.navigation {
		background: #f8ae00;
	}
	body.path-autobusa div.navigation {
		background: #f8ae00;
	}
	body.path-l3 div.navigation {
		background: #DB0080;
	}
	/*MENU DE PAGINA PRINCIPAL*/
	/*body.path-frontpage #block-modos li.tren{
		background: #007fc0;
		background-image: url("../images/tren.svg");
		background-size: 45% auto;
		background-repeat: no-repeat;
		background-position: center .5em;
	}

	body.path-frontpage #block-modos li.funicular{
		background: #007fc0;
		background-image: url("../images/funicular.svg");
		background-size: 45% auto;
		background-repeat: no-repeat;
		background-position: center .5em;
	}
	body.path-frontpage #block-modos li.tranvia{
		background: #58ab27;
		background-image: url("../images/tranvia.svg");
		background-size: 45% auto;
		background-repeat: no-repeat;
		background-position: center .5em;
	}
	body.path-frontpage #block-modos li.autobus{
		background: #f8ae00;
		background-image: url("../images/autobus.svg");
		background-size: 45% auto;
		background-repeat: no-repeat;
		background-position: center .5em;
	}
	body.path-frontpage #block-modos li.l3{
		background: #DB0080;
		background-image: url("../images/l3.svg");
		background-size: 45% auto;
		background-repeat: no-repeat;
		background-position: center .5em;
	}*/

	body.path-frontpage #block-modos li:before{
		display: block;
		width: 70px;
		height: 100px;
		margin: 0 auto;
		background-color: transparent;
	}

	/* Menu - pestañas */

	ul.nav-tabs.modo li  {
		border: 2px solid #cccccc;
		margin: 0 10px;
		text-transform: uppercase;
	}
	ul.nav-tabs.modo.tren li,
	ul.nav-tabs.modo.funicular li  {
		border-color: #007fc0;
	}
	ul.nav-tabs.modo.tranvia li,
	ul.nav-tabs.modo.tranvia-bilbao li
	ul.nav-tabs.modo.tranvia-gasteiz li  {
		border-color: #58ab27;
	}
	ul.nav-tabs.modo.autobus li  {
		border-color: #f8ae00;
	}
	ul.nav-tabs.modo.l3 li  {
		border-color: #DB0080;
	}
	ul.nav-tabs.modo.tren li.active,
	ul.nav-tabs.modo.funicular li.active {
		background: #007fc0;
	}
	ul.nav-tabs.modo.tren li:hover,
	ul.nav-tabs.modo.funicular li:hover {
		background: #007fc0;
	}
	ul.nav-tabs.modo.tranvia li.active,
	ul.nav-tabs.modo.tranvia.active{
		background: #58ab27;
	}
	ul.nav-tabs.modo.tranvia li.active a {
		color: #fff;
	}
	ul.nav-tabs.modo.autobus li.active {
		background: #f8ae00;
	}
	ul.nav-tabs.modo.autobus li:hover {
		background: #ec7405;
	}
	ul.nav-tabs.modo.l3 li.active {
		background: #DB0080;
	}
	ul.nav-tabs.modo.l3 li:hover {
		background: #B8006E;
	}
	ul.nav-tabs.modo.tren li a,
	ul.nav-tabs.modo.funicular li a {
		color: #007fc0;
	}
	ul.nav-tabs.modo.tren li.active a, ul.nav-tabs.modo.funicular li.active a {
		color: #fff;
	}
	ul.nav-tabs.modo.tranvia li a,
	ul.nav-tabs.modo.tranvia-gasteiz li a,
	ul.nav-tabs.modo.tranvia-bilbao li a  {
		color: #58ab27;
	}
	ul.nav-tabs.modo.autobus li a {
		color: #f8ae00;
	}
	ul.nav-tabs.modo.autobus li.active a{
		color: #fff;
	}
	ul.nav-tabs.modo.l3 li a{
		color: #DB0080;
	}

	ul.nav-tabs.modo.l3 li.active a {
		color: #fff;

	}

	/********ICONOS MENÚ ****/


	ul.modos li.autobus.active:before {
		background-color: #f8ae00;
		background-image: url("../images/autobus.svg");
		background-repeat: no-repeat;
		background-size: 100% auto;
	}

	ul.modos li.funicular.active:before {
		background-color: #007fc0;
		background-image: url("../images/funicular.svg");
		background-repeat: no-repeat;
		background-size: 100% auto;
	}

	ul.modos li.l3.active:before {
		background-color: #DB0080;
		background-image: url("../images/l3.svg");
		background-repeat: no-repeat;
		background-size: 100% auto;
	}

	/* *********************************************************************
 	CONTENIDO
	********************************************************************* */

	div.content h3,
	body.path-tren div.content h3,
	body.path-tren div.content h3 {
		color: #007fc0;
	}
	body.path-tranvia div.content h3,
	body.path-tranvia-bilbao div.content h3,
	body.path-tranvia-gasteiz div.content h3 {
		color: #58ab27;
	}
	body.path-tranbia div.content h3,
	body.path-tranbia-bilbao div.content h3,
	body.path-tranbia-gasteiz div.content h3 {
		color: #58ab27;
	}
	body.path-autobus div.content h3 {
		color: #f8ae00;
	}
	body.path-autobusa div.content h3 {
		color: #f8ae00;
	}
	body.path-l3 div.content h3 {
		color: #DB0080;
	}

	.page-header,
	body.path-tren .page-header,
	body.path-funicular .page-header {
	    color: #007fc0;
		border-color: #007fc0;
	}

	body.path-funicular .page-header,
	body.path-horarios .page-header {
	    color: #007fc0;
		border-color: #007fc0;
	}
	body.path-metro .page-header,
	body.path-horarios .page-header {
	    color: #DB0080;
		border-color: #DB0080;
	}
	body.path-tranvia .page-header,
	body.path-tranvia-bilbao .page-header,
	body.path-tranvia-gasteiz .page-header{
	    color: #58ab27;
	    border-color: #58ab27;
	}
	body.path-tranbia .page-header,
	body.path-tranbia-bilbao .page-header,
	body.path-tranbia-gasteiz .page-header{
	    color: #58ab27;
	    border-color: #58ab27;
	}
	body.path-autobus .page-header {
	    color: #f8ae00;
	    border-color: #f8ae00;
	}
	body.path-autobusa .page-header {
	    color: #f8ae00;
	    border-color: #f8ae00;
	}
	body.path-l3 .page-header {
		color: #DB0080;
	    border-color: #DB0080;
	}
	/* Paneles */
	.panel-default,
	.panel-tren ,
	.panel-funicular {
		border-color: #007fc0;
	}
	.panel-tranvia {
		border-color: #58ab27;
	}
	.panel-autobus {
		border-color: #f8ae00;
	}
	.panel-l3 {
		border-color: #DB0080;
	}

	.panel-default > .panel-heading,
	.panel-tren > .panel-heading,
	.panel-funicular > .panel-heading {
	    background-color: #007fc0;
	}
	.panel-tranvia > .panel-heading {
	    background-color: #58ab27;
	}

	.panel-autobus > .panel-heading {
	    color: #fff;
	    background-color: #f8ae00;
		margin: 0;
	}
	.panel-l3 > .panel-heading {
	    color: #fff;
	    background-color: #DB0080;
		margin: 0;
	}
	div.panel .panel-body h3{
		color: #007fc0;
	}
	div.panel-tranvia .panel-body h3 {
		color: #58ab27;
	}
	div.panel-autobus .panel-body h3 {
		color: #f8ae00;
	}
	div.panel-l3 .panel-body h3 {
		color: #DB0080;
	}

	/* Listas */
	ul.custom-list li {
		list-style: none;
	}
	ul.custom-list li:before {
	    font-family: 'Glyphicons Halflings';
	    float: left;
	    margin-left: -20px;
	}
	ul.custom-list.icon-ok li:before{
	    content: "\e013";
	    color: #5EAC27;
	}
	ul.custom-list.icon-ban-circle li:before{
	    content: "\e090";
	    color: #E50202;
	}
	/* Ficheros */
	.file {
		font-size: 100%;
		display: inline;
		font-weight: normal;
	}

	.file>span,
	.file>span:first-child,
	.file>span:last-child {
		border: none;
		color: initial;
		/*font-weight: none;*/
		font-weight: normal;
	}
	.file-link, .file-size {
		display: table-row;
		text-align: left;
	}
	.file-link a {
		color: #337ab7;
		font-weight: bold;
	}
	span.file--application-pdf.icon-before span.file-icon {
		display: inline-block;
		background-image: url('../images/files/pdf.png');
		background-size: auto 100%;
		width: 50px;
		height: 50px;
	}

	/* Fichas */
	div.card p a{
		color: #f00;
	}
	div.card p {
		background: url('../images/tren.svg');
		background-size: contain;
		width: 100%;
	    height: 50px;
	}
	/* Blockquote */
	blockquote {
	    border-bottom: 1px solid #cccccc;
	}
	/* *********************************************************************
 	AUTOBUS
	********************************************************************* */
	.autobusa div,.lurraldebus div,.bizkaibus div,.eibarko-udala div {
		border: 1.5px solid #f8ae00;
		padding: 1px;
	}


	/* *********************************************************************
	 FIN AUTOBUS
	********************************************************************* */

	/* *********************************************************************
 	CAMPAÑAS
	********************************************************************* */

	/* *********************************************************************
	 BILLETES
	********************************************************************* */
	div.view-billetes div.row {
		margin: 10px 0;
	}
	div.view-billetes div.row  .img-responsive{
		margin: 0 auto;
	}
	/* *********************************************************************
	 CAROUSEL / SLIDER
	********************************************************************* */
	.carousel-control {
		width: 5%;
	}

	div.carousel-caption {
		top: 0;
		left: 0;
		right: 0;
		z-index: 0;
	/*}
	.vertical-center {*/
	  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
	  min-height: 100vh; /* These two lines are counted as one :-)       */
	  display: flex;
	  align-items: center;
	}
	div.carousel-caption div.carousel-caption-content {
		background: rgba(0, 0, 0, 0.7);
		padding: 20px;
		font-size: 1.5em;
	    text-align: left;
	}
	div.carousel-caption div.carousel-caption-content p {
		margin: 0;
		padding: 0;
	}

	/* *********************************************************************
 	RECOMENDACIONES
	********************************************************************* */
	.recomendaciones {
		padding:1%;
		background-color: #f00;
	}
	.recomendaciones p{
		color: white;
		font-size: 1.8em;
		display: inline-block;
		width: 75%;
	}

	.recomendaciones:before{
		display:inline-block;
		content: '';
		background-color: transparent;
		background-image: url('../images/komatxoak.png');
		background-size: 100% auto;
		-webkit-mask-size: cover;
		mask-size: cover;
		width: 21%;
		height: 90px;
		margin: 5px 5px 0;
		vertical-align: top;
	}

	.view-id-recomendaciones .panel-body{
		padding-top: 0px;
	}
	/* *********************************************************************
 	TURISMO
	********************************************************************* */

	.tren.turismo .title{
		background-color: #007fc0;
	}

	.tranvía.turismo .title{
		background-color : #58ab27;
	}
	.tren.turismo{
		border-color: #007fc0;
	}
	.tranvía.turismo {
		border-color : #58ab27;
	}

	.tren .ruta-turistica h3{
		color : #007fc0;
	}
	.tram .ruta-turistica h3{
		color : #58ab27 !important;
	}

	.tren .ruta-turistica .btn{
		color:white;
		background-color: #007fc0;
	}
	.tren .ruta-turistica .btn:hover{
		background: #004494;
	}
	body.path-tranvia .ruta-turistica .btn{
		color: white;
		background-color: #58ab27 !important;
	}
	body.path-tranvia .ruta-turistica .btn:hover{
		background: #009036 !important;
	}


/* *********************************************************************
 	MEDIO AMBIENTE
********************************************************************* */
	.medio-ambiente-menu-img{
		height: 330px;
	}


	.flip-container1,.flip-container2,.flip-container3  {
		perspective: 1000px;
	}

	/* flip the pane when hovered */
	.flip-container1:hover .flipper1, .flip-container1.hover .flipper1 {
		transform: rotateY(180deg);
	}
	.flip-container2:hover .flipper2, .flip-container2.hover .flipper2 {
		transform: rotateY(180deg);
	}
	.flip-container3:hover .flipper3, .flip-container3.hover .flipper3 {
		transform: rotateY(180deg);
	}


	.flip-container1, .flip-container2, .flip-container3{
		height: 284px;
	}


	.front, .back {
		width: 313px;
		height: 284px;
	}


	/* flip speed goes here */
	.flipper1, .flipper2, .flipper3  {
		transition: 0.6s;
		transform-style: preserve-3d;
		position: relative;
	}

	/* hide back of pane during swap */
	.front, .back {
		backface-visibility: hidden;
		position: absolute;
		top: 0;
		left: 0;
	}

	/* front pane, placed above back */
	.flipper1 .front {
		z-index: 2;
		transform: rotateY(0deg);
		background: url(../images/ingurugiroa01.png) no-repeat;
		top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    margin: 0 auto;
	}
	.flipper2 .front {
		z-index: 2;
		transform: rotateY(0deg);
		background: url(../images/ingurugiroa02.png) no-repeat;
		top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    margin: 0 auto;
	}
	.flipper3 .front {
		z-index: 2;
		transform: rotateY(0deg);
		background: url(../images/ingurugiroa03.png) no-repeat;
		top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    margin: 0 auto;
	}

	.front h2{
		position: relative;
	    right: 15px;
	    text-align: center;
	    top: 280px;
	    color: #579a16;
	}

	/* back, initially hidden pane */
	.back {
		transform: rotateY(180deg);
		background-image: url('../images/ingurugiroa00.png');
		background-size: 100% auto;
		background: url(../images/ingurugiroa00.png) no-repeat;
	}

	.back h2{
		color: #FFFFFF;
		padding-top: 6em;
		padding-right: 1.2em;
		text-align: center;
	}

	/**********EFICIENCIA ENERGÉTICA**************/

	.eficiencia-energetica .recomendaciones{
		background-color: #007fc0;
		height: 9em;


	}

	.eficiencia-energetica .eficiencia-energetica-blue{
		color: #007fc0;
		font-weight: bold;
		font-size: 1.5em;
		margin-top: 18px;
	}


	.eficiencia-energetica .col-md-6:first-of-type{
	  padding-left: 0px;
	}

	.eficiencia-energetica .col-md-6:first-of-type + .col-md-6{
	  padding-right: 0px;
	}

	.fundaciones-wop-basoa .col-md-6{
		text-align: center;
	}

	.fundaciones-wop-basoa .titulo-capa{
		background-color: #007fc0;
		padding: 6px;
	}
	.fundaciones-wop-basoa .titulo-capa span{
		color: #FFFFFF;
		font-weight: bold;
	}

	.fundaciones-wop-basoa .titulo-capa span{
		color: #FFFFFF;
		font-weight: bold;
	}

	.eficiencia-energetica .img-superior{
		padding-top: 10px;
	}

	.eficiencia-energetica .img-inferior{
		padding-top: 12px;
		padding-bottom: 6px;
	}

	.fundaciones-wop-basoa .contenido{
		border: 1.5px solid #007fc0;
	}


	.eficiencia-energetica video{
		width: 100%;
		margin-top: 20px;
	}


	/* *********************************************************************
 	Alertas
	********************************************************************* */

	.view-alertas .views-field-body p{
		display:inline-block;
		vertical-align: middle;
		width: 90%;
	}


	.mensaje-alerta{
		padding: 0.5% 0;
	    border-top: 1px solid red;
	    border-bottom: 1px solid red;
	    margin-bottom: 10px;
	}

	.view-alertas .views-field-body .mensaje-alerta:before{
		display:inline-block;
		content: '';
		background-color: transparent;
		background-image: url('../images/danger.png');
		background-size: 100% auto;
		width: 20px;
		height: 20px;
		margin: 5px 5px 0;
		vertical-align: middle;
	}

	.mensaje-info ul{
	    list-style-image: url('../images/mensaje-advertencia-li.png');
	    margin-left: 2.5em;
	}


	/*PLANOS**********************************************************/
	.vista-planos .mapa iframe{
		width: 100%;
		border: 0;
		height: 20em;
	}

	.view-id-planos .views-row{
		overflow: hidden;
		height: 1%;
		margin-bottom: 1.3em;
	}

	.vista-planos .linea{
		font-weight: bold;
		font-size: 1.5em;
	}

	.path-tren .vista-planos .linea, .path-tren .vista-planos .recorrido{
		color: #007fc0;
	}
	.path-tranvia .vista-planos .linea, .path-tranvia .vista-planos .recorrido{
		color: #58ab27;
	}
	.path-funicular .vista-planos .linea, .path-funicular .vista-planos .recorrido{
		color: #007fc0;
	}
	.path-l3 .vista-planos .linea, .path-l3 .vista-planos .recorrido{
		color: #DB0080
	}


	.vista-planos .recorrido{
		font-size: 1.5em;
	}

	.vista-planos .recorrido{
		color: #007fc0;
		font-size: 1.5em;
	}




	.vista-planos label{
		font-weight: normal;
	}

	.vista-planos .estacion-inicio, .vista-planos .estacion-fin, .vista-planos .zona {
		font-weight: bold;
	}

	.path-tren .view-planos .view-content{
		border: 1px solid #007fc0;
		padding-top: 15px;
	}

	.path-tranvia .view-planos .view-content{
		border: 1px solid #58ab27;
		padding-top: 15px;
	}

	.path-funicular .view-planos .view-content{
		border: 1px solid #007fc0;
		padding-top: 15px;
	}

	.path-l3 .view-planos .view-content{
		border: 1px solid #DB0080;
		padding-top: 15px;
	}

	.view-planos .documento-pdf{
		max-height: 10em;
	    max-width: 6.3em;
	    padding-left: -5px;
	    position: relative;
	    left: -10px;
	    padding-top: 3px;
	}

	/*VISTA HORARIOS*/
	.view-display-id-view_horarios_tren, .view-display-id-view_tarifas_tren{
		border: 1px solid #007fc0;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}

	.view-display-id-view_horarios_tren .view-header, .view-display-id-view_tarifas_tren .view-header{
		background-color: #007fc0;
		padding: 10px 15px 10px;
		color: white;
		font-weight: bold;
		font-size: 14px;

	}
	.view-display-id-view_horarios_tren .field-content, .view-display-id-view_tarifas_tren .field-content, .view-display-id-view_horarios_tren .views-field-description__value{
		padding: 1em;
		margin-left: 2em;
	}



	.view-display-id-view_horarios_tranvia{
		border: 1px solid #58ab27;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		border-bottom: none;
	}

	.view-display-id-view_horarios_tranvia .view-header{
		background-color: #58ab27;
		padding: 10px 15px 10px;
		color: white;
		font-weight: bold;
		font-size: 14px;

	}
	.view-display-id-view_horarios_tranvia .views-field-field-horarios .field-content, .view-display-id-view_horarios_tranvia .views-field-description__value{
		padding: 1em;
		padding-left: 2em;
		border-bottom: 1px solid #58ab27;
	}


	.view-display-id-view_horarios_funicular{
		border: 1px solid #007fc0;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}

	.view-display-id-view_horarios_funicular .view-header{
		background-color: #007fc0;
		padding: 10px 15px 10px;
		color: white;
		font-weight: bold;
		font-size: 14px;

	}
	.view-display-id-view_horarios_funicular .field-content, .view-display-id-view_horarios_funicular .views-field-description__value{
		padding: 1em;
		margin-left: 2em;
	}


	.view-display-id-view_horarios_l3{
		border: 1px solid #DB0080;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}

	.view-display-id-view_horarios_l3 .view-header{
		background-color: #DB0080;
		padding: 10px 15px 10px;
		color: white;
		font-weight: bold;
		font-size: 14px;

	}
	.view-display-id-view_horarios_l3 .field-content, .view-display-id-view_horarios_l3 .views-field-description__value{
		padding: 1em;
		margin-left: 2em;
	}





	/**TARIFAS*/
	.view-display-id-view_tarifa_tranvia{
		border: 1px solid #58ab27;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		border-bottom: none;
	}

	.view-display-id-view_tarifa_tranvia .view-header{
		background-color: #58ab27;
		padding: 10px 15px 10px;
		color: white;
		font-weight: bold;
		font-size: 14px;

	}
	.view-display-id-view_tarifa_tranvia .field-content{
		padding: 1em;
		padding-left: 2em;
		border-bottom: .5px solid #58ab27;
	}



	.view-display-id-view_tarifa_autobus{
		border: 1px solid #f8ae00;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}

	.view-display-id-view_tarifa_autobus .view-header{
		background-color: #f8ae00;
		padding: 10px 15px 10px;
		color: white;
		font-weight: bold;
		font-size: 14px;

	}
	.view-display-id-view_tarifa_autobus .field-content{
		padding: 1em;
		padding-left: 2em;
	}



	.view-display-id-view_tarifa_funicular{
		border: 1px solid #007fc0;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}

	.view-display-id-view_tarifa_funicular .view-header{
		background-color: #007fc0;
		padding: 10px 15px 10px;
		color: white;
		font-weight: bold;
		font-size: 14px;

	}
	.view-display-id-view_tarifa_funicular .field-content{
		padding: 1em;
		margin-left: 2em;
	}



	.view-display-id-view_tarifa_l3{
		border: 1px solid #DB0080;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}

	.view-display-id-view_tarifa_l3 .view-header{
		background-color: #DB0080;
		padding: 10px 15px 10px;
		color: white;
		font-weight: bold;
		font-size: 14px;

	}
	.view-display-id-view_tarifa_l3 .field-content{
		padding: 1em;
		margin-left: 2em;
	}


	/**TURISMO*/


	.trena.bilbo-bermeo.turismo, .trena.bilbo-donostia.turismo{
		border: 1px solid #007fc0;
	}

	.trena.bilbo-bermeo.turismo .title, .trena.bilbo-donostia.turismo .title{
		background-color: #007fc0;
	}


	/*PÁGINA ACCESIBILIDAD***********************************************/

	.pagina-accesibilidad .panel-heading{
	}

	.pagina-accesibilidad .panel{
		overflow: hidden;
	}

	.pagina-accesibilidad .panel-body li:before{
	   font-family: 'Glyphicons Halflings';
	    content: "\e013";
	    color: #007fc0;
	    padding-right: 8px;

	}
	.pagina-accesibilidad-l3 .pagina-accesibilidad .panel-body li:before{
		color: #DB0080;
	}

	.pagina-accesibilidad .panel-body ul{
	    margin-left: 0.5em;
	}

	.pagina-accesibilidad .panel-body li{
	    list-style-type: none;
	}

	.pagina-accesibilidad .panel-body li{
	    list-style-type: none;
	}

	.pagina-accesibilidad .col-md-3{
	    height: 240px;
	    padding-top: 15px;
	}

	.pagina-accesibilidad .silla-ruedas{
	    margin-bottom: 2em;
	}

	.pagina-accesibilidad .interior-tren{
	    overflow: hidden;
	}

	.pagina-accesibilidad .clasificacion{
	    margin-bottom: 2em;
	}

	.pagina-accesibilidad table{
	    border: 1px solid #007fc0;
	}
	.pagina-accesibilidad-l3 .pagina-accesibilidad table{
	    border: 1px solid #DB0080;
	}

	.pagina-accesibilidad table thead{
	    background-color: #007fc0;
	    color: #FFFFFF;
	}
	.pagina-accesibilidad-l3 .pagina-accesibilidad table thead{
	    background-color: #DB0080;
	}

	.pagina-accesibilidad table tbody{
	    color: #007fc0;
	}
	.pagina-accesibilidad-l3 .pagina-accesibilidad table tbody{
	    color: #DB0080;
	}

	.pagina-accesibilidad table tbody tr th, .pagina-accesibilidad table tbody tr td{
	    border-top: none;
	}


	.pagina-accesibilidad .table-striped > tbody > tr:nth-of-type(odd){
		background-color: #e5f2fa;
	}

	.pagina-accesibilidad .tabla-servicios{
		overflow: scroll;
		height: 500px;
		overflow-x: hidden;
		overflow-y: hidden;
	}

	.pagina-accesibilidad .table-fixed {
	  width: 100%;
	 }
	.pagina-accesibilidad .table-fixed tbody {
	  height: 500px;
	  overflow-y: auto;
	  width: 100%;
	}
	.pagina-accesibilidad .table-fixed thead,
	.pagina-accesibilidad .table-fixed tbody,
	.pagina-accesibilidad .table-fixed tr,
	.pagina-accesibilidad .table-fixed td,
	.pagina-accesibilidad .table-fixed th {
	  display: block;
	}
	.pagina-accesibilidad .table-fixed tbody td {
	  float: left;
	}
	.pagina-accesibilidad .table-fixed thead tr th {
	  float: left;
	  background-color: #007fc0;
	}
	.pagina-accesibilidad-l3 .pagina-accesibilidad .table-fixed thead tr th {
	  background-color: #DB0080;
	}
	.pagina-accesibilidad-l3 .pagina-accesibilidad .panel {
		border: 1px solid #DB0080;
	}
	.pagina-accesibilidad-l3 .pagina-accesibilidad .panel .panel-heading{
		background-color: #DB0080;
	}


	/*FIN PÁGINA ACCESIBILIDAD******************************************/


	/* *********************************************************************
	 BUSCADOR / HORARIOS
	********************************************************************* */
	#block-buscadordatosgeneral {
	  background-color: white;
	  background-color: rgba(255, 255, 255, 0.75);
	  color:#000;
	  width: 65%;
	  margin: 0 auto;
	  border: 1px solid #007fc0;
	}
	#cont-buscador{
	  padding: 20px;

	}
	#cont-buscador > div{
	  margin-bottom: 20px;
	}
	#block-buscadordatosgeneral form select{
	  border-radius: 0px 0px 0px 0px;
	  -moz-border-radius: 0px 0px 0px 0px;
	  -webkit-border-radius: 0px 0px 0px 0px;
	  border: 1px solid #007fc0;
	  width: 100%;
	}
	#block-buscadordatosgeneral .input-group{
	  width: 100%;
	}
	#buscador-horarios-hora{
	  width: 100%;
	  border-radius: 0px 0px 0px 0px;
	  -moz-border-radius: 0px 0px 0px 0px;
	  -webkit-border-radius: 0px 0px 0px 0px;
	  border: 1px solid #007fc0;
	}

	#buscador-submit{
	  float: right;
	  border-radius: 0px 0px 0px 0px;
	  -moz-border-radius: 0px 0px 0px 0px;
	  -webkit-border-radius: 0px 0px 0px 0px;
	  border: 1px solid #007fc0;
	}


	#municipio-origen select{
	  background-image: url('../images/iconos/azules/router2.svg');
	  background-repeat: no-repeat;
	  background-size: auto 100%;
	  background-position: left center;
	  padding-left: 45px;
	}

	#municipio-destino select{
	  background-image: url("../images/iconos/azules/router3.svg");
	  background-repeat: no-repeat;
	  background-size: auto 100%;
	  background-position: left center;
	  padding-left: 45px;
	}

	#buscador-horarios-hora[type=date]{
	  padding-left: 45px;
	  background-image: url('../images/iconos/azules/router4.svg');
	  background-repeat: no-repeat;
	  background-position: left center;
	  background-size: auto 100%;
	}
	#buscador-horarios-hora[type=time]{
	  padding-left: 45px;
	  background-image: url('../images/iconos/azules/router5.svg');
	  background-repeat: no-repeat;
	  background-size: auto 100%;
	  background-position: left center;

	}
	#edit-fecha-hora{
		width: 100%;
	}
	#edit-fecha-hora > div{
	  width: 49.2;
	}

	#parada-origen{
		padding-left: 15px;
	}


	/***************************************************************
	*************************INFORMACION ESTATICA******************
	*************************************************************/

	.info-estatica{
	  width:  100%;
	  height: 80px;
	  float: left;
	  margin-top: 20px;
	  background-color: #007fc0;
	  text-align: center;
	  font-size: .9em;
	  color: white;
	}

	.info-estatica > a{
		color: white;
	}
	.block-buscador-horarios .control-label{
	  margin-top: 65%;
	}
	#edit-ordutegiak, #edit-planoak, #edit-txartelak, #edit-tarifak{
	  width: 25%;
	  height: 100%;
	  float: left;
	}

	#edit-ordutegiak{
	  background-image: url("../images/iconos/blancos/router6.svg");
	  background-repeat: no-repeat;
	  background-size: 70% auto;
	  background-position: center top;
	}
	#edit-planoak{
	  background-image: url("../images/iconos/blancos/router7.svg");
	  background-repeat: no-repeat;
	  background-size: 70% auto;
	  background-position: center top;
	}
	#edit-txartelak{
	  background-image: url("../images/iconos/blancos/router8.svg");
	  background-repeat: no-repeat;
	  background-size: 70% auto;
	  background-position: center top;
	}
	#edit-tarifak{
	  background-image: url("../images/iconos/blancos/router9.svg");
	  background-repeat: no-repeat;
	  background-size: 70% auto;
	  background-position: center top;
	}
	#edit-ordutegiak:hover, #edit-planoak:hover, #edit-txartelak:hover, #edit-tarifak:hover, #buscador-submit:hover{
		background-color: #004494;
	}


	/* Quitar simbolito y caja de ajax */


	#block-buscadordatosgeneral	.input-group-addon, #buscador-horarios-tren-form .input-group-addon{
	  background-color: white;
	  border-radius: 0px 0px 0px 0px;
	  -moz-border-radius: 0px 0px 0px 0px;
	  -webkit-border-radius: 0px 0px 0px 0px;
	  border: 1px solid #007fc0;
	  border-left: none;
	}



	/* *********************************************************************
	 BUSCADOR HORARIOS TREN
	********************************************************************* */

	.block-buscador-horarios-tren-block, .block-buscador-horarios-funicular-block{
	  border: 1px solid #007fc0;
	  width: 100%;
	}
	.buscador-horarios-tren-form a, .buscador-horarios-funicular-form a{
		color: white;

	}
	.block-buscador-horarios-tren-block .block-title, .block-buscador-horarios-funicular-block .block-title{
	  background-color: #007fc0;
	  color: white;
	  margin: 0;
	  padding-left: 20px;
	  padding-top: 10px;
	  padding-bottom: 10px;
	}

	#cont-buscador-tren, #cont-buscador-funicular{
	  padding: 20px;
	}
	#cont-buscador-tren > div, #cont-buscador-funicular > div{
	  margin-bottom: 20px;
	}

	#cont-buscador-tren select, #cont-buscador-funicular select{
	  border: 1px solid #007fc0;
	  border-radius: 0px 0px 0px 0px;
	  -moz-border-radius: 0px 0px 0px 0px;
	  -webkit-border-radius: 0px 0px 0px 0px;
	}
	#buscador-horarios-tren-form .input-group{
	  width: 100%;
	}
	#municipio-origen-tren select, #parada-origen-funicular select{
	  background-image: url('../images/iconos/azules/router2.svg');
	  background-repeat: no-repeat;
	  background-size: auto 100%;
	  background-position: left center;
	  padding-left: 45px;
	}
	#municipio-destino-tren select, #parada-destino-funicular select{
	  background-image: url('../images/iconos/azules/router3.svg');
	  background-repeat: no-repeat;
	  background-size: auto 100%;
	  background-position: left center;
	  padding-left: 45px;
	}

	#buscador-tren-submit{
	  float: right;
	  border-radius: 0px 0px 0px 0px;
	  -moz-border-radius: 0px 0px 0px 0px;
	  -webkit-border-radius: 0px 0px 0px 0px;
	  background-color: #007fc0;

	}
	.buscador-horarios-tren-form #edit-fecha-hora> div{
	  width: 49.6%;
	}

	#buscador-tren-horarios-hora{
	  border-radius: 0px 0px 0px 0px;
	  -moz-border-radius: 0px 0px 0px 0px;
	  -webkit-border-radius: 0px 0px 0px 0px;
	  border: 1px solid #007fc0;
	}
	#buscador-tren-horarios-hora[type=date]{
	  width: 100%;
	  padding-left: 45px;
	  background-image: url('../images/iconos/azules/router4.svg');
	  background-repeat: no-repeat;
	  background-position: left center;
	  background-size: auto 100%;
	}

	#buscador-tren-horarios-hora[type=time]{
	  width: 100%;
	  padding-left: 45px;
	  background-image: url('../images/iconos/azules/router5.svg');
	  background-repeat: no-repeat;
	  background-size: auto 100%;
	  background-position: left center;
	}

	.buscador-horarios-tren-form .glyphicon.glyphicon-spin{
		color: #007fc0;
	}

	/***************************************************************
	*************************INFORMACION ESTATICA******************
	*************************************************************/

	.info-estatica-tren, .info-estatica-funicular{
	  width:  100%;
	  height: 80px;
	  float: left;
	  margin-top: 20px;
	  background-color: #007fc0;
	  text-align: center;
	  font-size: .9em;
	  color: white;
	}
	.info-estatica-tren .control-label, .info-estatica-funicular .control-label{
	  margin-top: 45%;
	}
	#edit-ordutegiak-tren, #edit-planoak-tren, #edit-txartelak-tren, #edit-tarifak-tren, #edit-ordutegiak-funicular, #edit-planoak-funicular, #edit-txartelak-funicular, #edit-tarifak-funicular{
	  width: 25%;
	  height: 100%;
	  float: left;
	}
	#edit-ordutegiak-tren, #edit-ordutegiak-funicular{
	  background-image: url("../images/iconos/blancos/router6.svg");
	  background-repeat: no-repeat;
	  background-size: 45% auto;
	  background-position: center top;
	}
	#edit-planoak-tren, #edit-planoak-funicular{
	  background-image: url("../images/iconos/blancos/router7.svg");
	  background-repeat: no-repeat;
	  background-size: 45% auto;
	  background-position: center top;
	}
	#edit-txartelak-tren, #edit-txartelak-funicular{
	  background-image: url("../images/iconos/blancos/router8.svg");
	  background-repeat: no-repeat;
	  background-size: 45% auto;
	  background-position: center top;
	}
	#edit-tarifak-tren, #edit-tarifak-funicular{
	  background-image: url("../images/iconos/blancos/router9.svg");
	  background-repeat: no-repeat;
	  background-size: 45% auto;
	  background-position: center top;
	}

	#edit-ordutegiak-tren:hover, #edit-planoak-tren:hover, #edit-txartelak-tren:hover, #edit-tarifak-tren:hover, #buscador-tren-submit:hover, #edit-ordutegiak-funicular:hover, #edit-planoak-funicular:hover, #edit-txartelak-funicular:hover, #edit-tarifak-funicular:hover, #buscador-funicular-submit:hover{
		background-color: #004494;
	}






	/* *********************************************************************
	 BUSCADOR HORARIOS TRANVIA
	********************************************************************* */

	.block-buscador-horarios-tranvia-block{
	  border: 1px solid #58ab27;
	  width: 100%;
	}
	.buscador-horarios-tranvia-form a{
		color: white;
	}
	.block-buscador-horarios-tranvia-block .block-title{
		padding-left: 20px;
		color: white;
		background-color: #58ab27;
		margin: 0;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#edit-cabecera-buscador-tranvia{
		height: 50px;
		background-color: #58ab27;
		float: left;
		width: 100%;

	}

	#edit-cabecera-buscador-tranvia label{
		float: left;
		color: white;
	}
	#cont-buscador-tranvia{
		float: left;
	  	padding: 20px;
	  	width: 100%;
	}
	#cont-buscador-tranvia > div{
	  margin-bottom: 20px;
	}


	#buscador-horarios-tranvia-form .input-group{
	  width: 100%;
	}

	#buscador-horarios-tranvia-form select{
		border-radius: 0px 0px 0px 0px;
	  	-moz-border-radius: 0px 0px 0px 0px;
	  	-webkit-border-radius: 0px 0px 0px 0px;
		border: 1px solid #58ab27;
	}

	#municipios-tranvia select{
	  background-image: url('../images/iconos/verdes/router1.svg');
	  background-repeat: no-repeat;
	  background-size: auto 100%;
	  background-position: left center;
	  padding-left: 45px;
	}

	#parada-origen-tranvia select{
	  background-image: url('../images/iconos/verdes/router2.svg');
	  background-repeat: no-repeat;
	  background-size: auto 100%;
	  background-position: left center;
	  padding-left: 45px;
	}


	#parada-destino-tranvia select{
	  background-image: url('../images/iconos/verdes/router3.svg');
	  background-repeat: no-repeat;
	  background-size: auto 100%;
	  background-position: left center;
	  padding-left: 45px;

	}

	#buscador-tranvia-submit{
	  float: right;
	  border-radius: 0px 0px 0px 0px;
	  -moz-border-radius: 0px 0px 0px 0px;
	  -webkit-border-radius: 0px 0px 0px 0px;
	  background-color: #58ab27;
	  border: 1px solid #58ab27;

	}
	.buscador-horarios-tranvia-form #edit-fecha-hora > div{
	  width: 49.6%;
	}

	#buscador-tranvia-horarios-hora{
	  border-radius: 0px 0px 0px 0px;
	  -moz-border-radius: 0px 0px 0px 0px;
	  -webkit-border-radius: 0px 0px 0px 0px;
	  border: 1px solid #58ab27;
	}
	#buscador-tranvia-horarios-hora[type=date]{
	  width: 100%;
	  padding-left: 45px;
	  background-image: url('../images/iconos/verdes/router4.svg');
	  background-repeat: no-repeat;
	  background-position: left center;
	  background-size: auto 100%;

	}
	#buscador-tranvia-horarios-hora[type=time]{
	  width: 100%;
	  padding-left: 45px;
	  background-image: url('../images/iconos/verdes/router5.svg');
	  background-repeat: no-repeat;
	  background-size: auto 100%;
	  background-position: left center;
	}



	 #buscador-horarios-tranvia-form .select-wrapper:after{
	 	color: #58ab27;
	 }

	 #buscador-horarios-tranvia-form .input-group-addon{
	  background-color: white;
	  border-radius: 0px 0px 0px 0px;
	  -moz-border-radius: 0px 0px 0px 0px;
	  -webkit-border-radius: 0px 0px 0px 0px;
	  border: 1px solid #58ab27;
	  border-left: none;
	}

	#buscador-horarios-tranvia-form .glyphicon.glyphicon-spin{
		color: #58ab27;
	}


	/***************************************************************
	*************************INFORMACION ESTATICA******************
	*************************************************************/
	.info-estatica-tranvia{
	  width:  100%;
	  height: 80px;
	  float: left;
	  background-color: #58ab27;
	  text-align: center;
	  font-size: .9em;
	  color: white;
	}
	.info-estatica-tranvia .control-label{
	  margin-top: 45%;
	}
	#edit-ordutegiak-tranvia, #edit-planoak-tranvia, #edit-txartelak-tranvia, #edit-tarifak-tranvia{
	  width: 25%;
	  height: 100%;
	  float: left;
	}
	#edit-ordutegiak-tranvia{
	  background-image: url("../images/iconos/blancos/router6.svg");
	  background-repeat: no-repeat;
	  background-size: 45% auto;
	  background-position: center top;
	}
	#edit-planoak-tranvia{
	  background-image: url("../images/iconos/blancos/router7.svg");
	  background-repeat: no-repeat;
	  background-size: 45% auto;
	  background-position: center top;
	}
	#edit-txartelak-tranvia{
	  background-image: url("../images/iconos/blancos/router8.svg");
	  background-repeat: no-repeat;
	  background-size: 45% auto;
	  background-position: center top;
	}
	#edit-tarifak-tranvia{
	  background-image: url("../images/iconos/blancos/router9.svg");
	  background-repeat: no-repeat;
	  background-size: 45% auto;
	  background-position: center top;
	}

	#edit-ordutegiak-tranvia:hover, #edit-planoak-tranvia:hover, #edit-txartelak-tranvia:hover, #edit-tarifak-tranvia:hover, #buscador-tranvia-submit:hover {
		background-color: #009036;
	}
	/* *********************************************************************
	 BUSCADOR HORARIOS L3
	********************************************************************* */

	.buscador-horarios-l3-form{
	  width: 100%;
	}

	.buscador-horarios-l3-form a{
		color: white;
	}
	.block-buscador-horarios-l3-block .block-title{
		padding-left: 20px;
		color: white;
		background-color: #DB0080;
		margin: 0;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	#cont-buscador-l3{
		float: left;
	  	padding: 20px;
	  	width: 100%;
	  	  border: 1px solid #DB0080;

	}
	#cont-buscador-l3 > div{
	  margin-bottom: 20px;
	}


	#buscador-horarios-l3-form .input-group{
	  width: 100%;
	}

	#buscador-horarios-l3-form select{
		border-radius: 0px 0px 0px 0px;
	  	-moz-border-radius: 0px 0px 0px 0px;
	  	-webkit-border-radius: 0px 0px 0px 0px;
		border: 1px solid #DB0080;
	}



	#parada-origen-l3 select{
	  background-image: url('../images/iconos/rosas/router2.svg');
	  background-repeat: no-repeat;
	  background-size: auto 100%;
	  background-position: left center;
	  padding-left: 50px;
	}


	#parada-destino-l3 {
	  background-image: url('../images/iconos/rosas/router3.svg');
	  background-repeat: no-repeat;
	  background-size: auto 100%;
	  background-position: left center;
	  padding-left: 50px;

	}

	#buscador-l3-submit{
	  float: right;
	  border-radius: 0px 0px 0px 0px;
	  -moz-border-radius: 0px 0px 0px 0px;
	  -webkit-border-radius: 0px 0px 0px 0px;
	  background-color: #DB0080;
	  border: 1px solid #DB0080;

	}
	#buscador-horarios-l3-form #edit-fecha-hora > div{
		width: 49.6%;

	}
	#fecha-hora-l3{
	  width: 100%;
	}

	#buscador-l3-horarios-hora{
	  border-radius: 0px 0px 0px 0px;
	  -moz-border-radius: 0px 0px 0px 0px;
	  -webkit-border-radius: 0px 0px 0px 0px;
	  border: 1px solid #DB0080;
	}
	#buscador-l3-horarios-hora[type=date]{
	  width: 100%;
	  padding-left: 50px;
	  background-image: url('../images/iconos/rosas/router4.svg');
	  background-repeat: no-repeat;
	  background-position: left center;
	  background-size: auto 100%;

	}
	#buscador-l3-horarios-hora[type=time]{
	  width: 100%;
	  padding-left: 45px;
	  background-image: url('../images/iconos/rosas/router5.svg');
	  background-repeat: no-repeat;
	  background-size: auto 100%;
	  background-position: left center;
	}


	 #buscador-horarios-l3-form .select-wrapper:after{
	 	color: #DB0080;
	 }


	/***************************************************************
	*************************INFORMACION ESTATICA******************
	*************************************************************/
	.info-estatica-l3{
	  width:  100%;
	  height: 80px;
	  float: left;
	  background-color: #DB0080;
	  text-align: center;
	  font-size: .9em;
	  color: white;
	}
	.info-estatica-l3 .control-label{
	  margin-top: 45%;
	}
	#edit-ordutegiak-l3, #edit-planoak-l3, #edit-txartelak-l3, #edit-tarifak-l3{
	  width: 25%;
	  height: 100%;
	  float: left;
	}
	#edit-ordutegiak-l3{
	  background-image: url("../images/iconos/blancos/router6.svg");
	  background-repeat: no-repeat;
	  background-size: 45% auto;
	  background-position: center top;
	}
	#edit-planoak-l3{
	  background-image: url("../images/iconos/blancos/router7.svg");
	  background-repeat: no-repeat;
	  background-size: 45% auto;
	  background-position: center top;
	}
	#edit-txartelak-l3{
	  background-image: url("../images/iconos/blancos/router8.svg");
	  background-repeat: no-repeat;
	  background-size: 45% auto;
	  background-position: center top;
	}
	#edit-tarifak-l3{
	  background-image: url("../images/iconos/blancos/router9.svg");
	  background-repeat: no-repeat;
	  background-size: 45% auto;
	  background-position: center top;
	}

	#edit-ordutegiak-l3:hover, #edit-planoak-l3:hover, #edit-txartelak-l3:hover, #edit-tarifak-l3:hover, #buscador-l3-submit:hover {
		background-color: #B8006E;
	}
	/***********************************************************************
							BUSCADOR FUNICULAR
	***********************************************************************/
	 .block-buscador-horarios-funicular-block{
		float: left;
		width: 100%;
		border: 1px solid #007fc0;
		background-color: #007fc0;
	}

	.block-buscador-horarios-funicular-block .block-title{
		width: 100%;
		color: white;
		box-sizing: border-box;
		padding-left: 15px;
		height: 100%;
	}

	#horariosFunicular #iframeFunicular{
		width: 100%;
		height: 250px;
		float: left;
		background-image: url(../images/mapa_funicular.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}

	#datosEstaticosFunicular{
		width: 100%;
		float: left;
		height: 100px;
		background-color: #007fc0;
	}

	 .textoInfoEstaticaFunicular{
	  margin-top: 55%;
	}

	#ordutegiakFunicular, #planoakFunicular, #cont-txartelakFunicular, #tarifakFunicular{
	  width: 25%;
	  height: 100%;
	  float: left;
	  text-align: center;
	  color: white;
	}
	#ordutegiakFunicular{
	  background-image: url("../images/iconos/blancos/router6.svg");
	  background-repeat: no-repeat;
	  background-size: 55% auto;
	  background-position: center top;
	}
	#planoakFunicular{
	  background-image: url("../images/iconos/blancos/router7.svg");
	  background-repeat: no-repeat;
	  background-size: 55% auto;
	  background-position: center top;
	}

	#txartelakFunicular{
	  float: left;
	  color: #cccccc;
	  width: 100%;
	  height: 100%;
	  background-image: url("../images/iconos/grises/router8.svg");
	  background-repeat: no-repeat;
	  background-size: 55% auto;
	  background-position: center top;
	}
	#tarifakFunicular{
	  background-image: url("../images/iconos/blancos/router9.svg");
	  background-repeat: no-repeat;
	  background-size: 55% auto;
	  background-position: center top;
	}

	#ordutegiakFunicular:hover, #planoakFunicular:hover, #tarifakFunicular:hover{
		background-color: #004494;
	}
	/***********************************************************************
							PAGINA DE RESULTADOS GENERAL
	***********************************************************************/
	#scrollResultados{
		width: 65%;
		height: 1050px;
		overflow: auto;
		margin-top: 25px;
	}
	#tablaResultados{
		width: 100%;
	}

	#horario{
		border: 1px solid #007fc0;
		width: 100%;
		margin-bottom: 25px;
		float: left;
	}
	#resultados{
		box-sizing: border-box;
		padding-left: 15px;
		float: left;
		width: 100%;
		border-top: 1px solid rgba(0, 127, 192, 0.3);
	}
	#horariosGeneral{
		background-color: #007fc0;
	  	height: 50px;
	}




	#horariosGeneral > div{
	  float: left;
	  margin-left: .5em;
	  margin-right: 2.5em;
	  width: 18%;
	  height: 100%;
	}
	#horariosGeneral > div h2{
	  float: right;
	  color: white;
	  line-height: 1.5em;
	}

	#horaSalida{
	  background-image: url("../images/iconos/resultados/bilatzailea1.svg");
	  background-position: left, center;
	  background-size: 35%, auto;
	  background-repeat: no-repeat;
	}

	#horaLlegada{
	  background-image: url("../images/iconos/resultados/bilatzailea2.svg");
	  background-position: left, center;
	  background-size: 35%, auto;
	  background-repeat: no-repeat;

	}

	#horariosGeneral #precioViaje{
	  width: 13.5%;
	  background-image: url("../images/iconos/resultados/bilatzailea3.svg");
	  background-position: left, center;
	  background-size: 35%, auto;
	  background-repeat: no-repeat;
	}

	.info-resultados{
		margin-top: .5em;
		width: 33%;
		padding-right: 1.5em;
		float: left;
		height: 60%;
		padding-bottom: 1.5em;
	}


	#iconos-bottom{
	  float: left;
	  width: 50%;
	  height: 40px;
	  margin-left: .5em;
	  margin-bottom: .5em;
	}

	#minusvalidos{
	  float: left;
	  height: 100%;
	  width: 15%;
	  background-image: url("../images/iconos/resultados/infokon1.svg");
	  background-position: left, center;
	  background-size: 100%, auto;
	  background-repeat: no-repeat;
	  margin-right: .9em;
	}

	#bicis{
	  float: left;
	  height: 100%;
	  width: 15%;
	  background-image: url("../images/iconos/resultados/infokon5.svg");
	  background-position: left, center;
	  background-size: 100%, auto;
	  background-repeat: no-repeat;
	  margin-right: 1em;

	}

	#perros{
	  float: left;
	  height: 100%;
	  width: 15%;
	  background-image: url("../images/iconos/resultados/infokon4.svg");
	  background-position: left, center;
	  background-size: 100%, auto;
	  background-repeat: no-repeat;
	}


	#estaticosResultados{
		float: right;
		width: 35%;
		height: 100%;
		box-sizing: border-box;
		padding-left: 25px;
		margin-top: 25px;
	}

	#ordutegi, #txartel, #tarifak{
		float: left;
		width: 100%;
		height: 300px;
		margin-bottom: 25px;
		background-color: #007fc0;
		color: white;
		text-align: center;
	}

	#ordutegi{
		background-image: url("../images/iconos/resultados/abiatu1.svg");
		background-size: 70%, auto;
		background-position: top, center;
		background-repeat: no-repeat;
	}

	#txartel{
		background-image: url("../images/iconos/resultados/abiatu2.svg");
		background-size: 70%, auto;
		background-position: top, center;
		background-repeat: no-repeat;
	}

	#tarifak{
		background-image: url("../images/iconos/resultados/abiatu3.svg");
		background-size: 70%, auto;
		background-position: top, center;
		background-repeat: no-repeat;
	}

	#ordutegi h3, #txartel h3, #tarifak h3{
		margin-top: 67.5%;
	}

	#ordutegi:hover, #txartel:hover, #tarifak:hover{
		background-color: #004494;
	}


	/*****************************************************************
	*					BUSQUEDAS DE TRANVÍA						*
	***************************************************************/
	#tranvia #horario{
		border: 1px solid #58ab27;
		width: 100%;
		margin-bottom: 25px;
		float: left;
	}
	#tranvia #resultados{
		box-sizing: border-box;
		padding-left: 15px;
		float: left;
		width: 100%;
		border-top: 1px solid rgba(0, 127, 192, 0.3);
	}
	#tranvia #horariosGeneral{
		background-color: #58ab27;
	  	height: 50px;
	}

	#iconos-bottom{
	  float: left;
	  width: 60%;
	  height: 40px;
	  margin-left: .5em;
	  margin-bottom: .5em;
	}

	#tranvia #minusvalidos{
	  float: left;
	  height: 100%;
	  width: 15%;
	  background-image: url("../images/iconos/resultados/tranvia/infokon1.svg");
	  background-position: left, center;
	  background-size: 100%, auto;
	  background-repeat: no-repeat;
	  margin-right: .9em;
	}

	#tranvia #bicis{
	  float: left;
	  height: 100%;
	  width: 15%;
	  background-image: url("../images/iconos/resultados/tranvia/infokon5.svg");
	  background-position: left, center;
	  background-size: 100%, auto;
	  background-repeat: no-repeat;
	  margin-right: 1em;

	}

	#tranvia #perros{
	  float: left;
	  height: 100%;
	  width: 15%;
	  background-image: url("../images/iconos/resultados/tranvia/infokon4.svg");
	  background-position: left, center;
	  background-size: 100%, auto;
	  background-repeat: no-repeat;
	}

	#oreja{
	  float: left;
	  height: 100%;
	  width: 15%;
	  background-image: url("../images/iconos/resultados/tranvia/oreja.svg");
	  background-position: left, center;
	  background-size: 100%, auto;
	  background-repeat: no-repeat;
	}

	#tranvia #ordutegi, #tranvia #txartel, #tranvia #tarifak{
		float: left;
		width: 100%;
		height: 300px;
		margin-bottom: 25px;
		background-color: #58ab27;
		color: white;
		text-align: center;
	}

	#tranvia #ordutegi:hover, #tranvia #txartel:hover, #tranvia #tarifak:hover{
		background-color: #009036;
	}

	/*****************************************************************
	*					BUSQUEDAS DE L3						*
	***************************************************************/
	#L3 #horario{
		border: 1px solid #DB0080;
		width: 100%;
		margin-bottom: 25px;
		float: left;
	}
	#L3 #resultados{
		box-sizing: border-box;
		padding-left: 15px;
		float: left;
		width: 100%;
		border-top: 1px solid rgba(0, 127, 192, 0.3);
	}
	#L3 #horariosGeneral{
		background-color: #DB0080;
	  	height: 50px;
	}


	#L3 #minusvalidos{
	  float: left;
	  height: 100%;
	  width: 15%;
	  background-image: url("../images/iconos/resultados/l3/infokon1.svg");
	  background-position: left, center;
	  background-size: 100%, auto;
	  background-repeat: no-repeat;
	  margin-right: .9em;
	}

	#L3 #bicis{
	  float: left;
	  height: 100%;
	  width: 15%;
	  background-image: url("../images/iconos/resultados/l3/infokon5.svg");
	  background-position: left, center;
	  background-size: 100%, auto;
	  background-repeat: no-repeat;
	  margin-right: 1em;

	}

	#L3 #perros{
	  float: left;
	  height: 100%;
	  width: 15%;
	  background-image: url("../images/iconos/resultados/l3/infokon4.svg");
	  background-position: left, center;
	  background-size: 100%, auto;
	  background-repeat: no-repeat;
	}

	#L3 #ordutegi, #L3 #txartel, #L3 #tarifak{
		float: left;
		width: 100%;
		height: 300px;
		margin-bottom: 25px;
		background-color: #DB0080;
		color: white;
		text-align: center;
	}

	#L3 #ordutegi:hover, #L3 #txartel:hover, #L3 #tarifak:hover{
		background-color: #B8006E;
	}

	/***************************************/

	/* *********************************************************************
	 IFRAME PAGINA DE RESULTADOS
	********************************************************************* */

	#iframe-resultados{
		width: 100%;
		border: 1px solid #007fc0;
		height: 325px;
		border-top: 0;
	}

	#header-iframe{
		width: 100%;
		height: 75px;
		background-color: #007fc0;
		color: white;
	}


	#header-iframe > div{
		float: left;
		height: 100%;
		width: 5%;
		margin-left: .5em;
	}

	#header-iframe > h4{
		float: left;
		line-height: 3em;
		margin-right: 1.5em;
	}

	#origen-iframe{
		text-align: right;
		background-image: url("../images/iconos/resultados/router2.svg");
		background-size: 80%, auto;
		background-position: left, center;
		background-repeat: no-repeat;
	}

	#destino-iframe{
		text-align: right;
		background-image: url("../images/iconos/resultados/router3.svg");
		background-size: 80%, auto;
		background-position: left, center;
		background-repeat: no-repeat;

	}

	#fecha-iframe{
		text-align: right;
		background-image: url("../images/iconos/resultados/router4.svg");
		background-size: 80%, auto;
		background-position: left, center;
		background-repeat: no-repeat;

	}

	#hora-iframe{
		text-align: right;
		background-image: url("../images/iconos/resultados/router5.svg");
		background-size: 80%, auto;
		background-position: left, center;
		background-repeat: no-repeat;
	}

	#boton-iframe{
		text-align: center;
		float: right;
		width: 15%;
		border: 1px solid #004494;
		color: #004494;
		background-color: white;
		font-weight: bold;
		margin-right: 1.5em;
		margin-top: 1.25em;
	}
	#boton-sin-resultados{
		text-align: center;
		float: right;
		width: 15%;
		border: 1px solid #004494;
		color: white;
		background-color: #007fc0;
		font-weight: bold;
		margin-right: 1.5em;
		margin-top: 1.25em;
	}

	/*Quita el mensaje de error por defecto*/
	/*.alert-dismissible{
		display: none;
	}*/

	/*TRANVIA IFRAME*/
	#tranvia #header-iframe{
		width: 100%;
		height: 75px;
		background-color: #58ab27;
		color: white;
	}
	#tranvia #iframe-resultados{
		width: 100%;
		border: 1px solid #58ab27;
		height: 325px;
	}
	#tranvia #boton-iframe{
		color: #009036;
		border: 1px solid #009036;
		background-color: white;
	}
	#boton-sin-resultadostranvia{
		text-align: center;
		float: right;
		width: 15%;
		font-weight: bold;
		margin-right: 1.5em;
		margin-top: 1.25em;
		border: 1px solid #009036;
		color: white;
		background-color: #58ab27;
	}

	#boton-sin-resultadostren{
		text-align: center;
		float: right;
		width: 15%;
		font-weight: bold;
		margin-right: 1.5em;
		margin-top: 1.25em;
		border: 1px solid #004494;
		color: white;
		background-color: #007fc0;
	}

	/*L3 IFRAME*/
	#L3 #header-iframe{
		width: 100%;
		height: 75px;
		background-color: #DB0080;
		color: white;
	}
	#L3 #iframe-resultados{
		width: 100%;
		border: 1px solid #DB0080;
		height: 300px;
	}
	#L3 #boton-iframe{
		color: #DB0080;
		border: 1px solid #DB0080;
		background-color: white;
		font-weight: bold;
	}
	#boton-sin-resultadosL3{
		text-align: center;
		float: right;
		width: 15%;
		font-weight: bold;
		margin-right: 1.5em;
		margin-top: 1.25em;
		border: 1px solid #DB0080;
		color: white;
		background-color: #DB0080;
	}


	/* *********************************************************************
	 BLOQUE TREN - GRUPOS
	********************************************************************* */

	.tren-grupos .imagen-grupo{
		background-color: #007fc0;
		text-align: center;
	}
	.tren-grupos .imagen-l3{
		background-color: #DB0080;
		text-align: center;
	}

	.tren-grupos .imagen-grupo img{
		width: 100%;
		height: 80%;
	    padding: 1em;
	    max-height: 13em;
	}
	.tren-grupos .imagen-l3 img{
		width: 100%;
		height: 80%;
	    padding: 1em;
	    max-height: 13em;
	}

	.tren-grupos span{
		color: #FFFFFF;
	    position: relative;
	    bottom: 6px;
	    font-size: 1.5em;
	}
	.tren-grupos a{
		text-decoration: none;
	}

	.tren-grupos .imagen-grupo:hover{
		background-color: #004494;
	}

	.tren-grupos .imagen-l3:hover{
		background-color: #B8006E;
	}


	/* *********************************************************************
	 FIN BLOQUE TREN - GRUPOS
	********************************************************************* */

	/* *********************************************************************
	 BLOQUE TRANVIA - GRUPOS
	********************************************************************* */

	.tranvia-grupos .imagen-bilbo{
		background-color: #58ab27;
		text-align: center;
	}
	.tranvia-grupos .imagen-gazteiz{
		background-color: #58ab27;
		text-align: center;
	}

	.tranvia-grupos .imagen-bilbo img{
		width: 100%;
		height: 80%;
	    padding: 1em;
	    max-height: 13em;
	}
	.tranvia-grupos .imagen-gazteiz img{
		width: 100%;
		height: 80%;
	    padding: 1em;
	    max-height: 13em;
	}

	.tranvia-grupos span{
		color: #FFFFFF;
	    position: relative;
	    bottom: 6px;
	    font-size: 1.5em;
	}
	.tranvia-grupos a{
		text-decoration: none;
	}

	.tranvia-grupos .imagen-bilbo:hover{
		background-color: #009036;
	}

	.tranvia-grupos .imagen-gazteiz:hover{
		background-color: #009036;
	}



	/* *********************************************************************
	 FIN BLOQUE TRANVIA - GRUPOS
	********************************************************************* */

	/* *********************************************************************
	 BLOQUE FUNICULAR - GRUPOS
	********************************************************************* */
	.funicular-grupos .imagen-grupo{
		background-color: #007fc0;
		text-align: center;
	}
	.funicular-grupos .imagen-l3{
		background-color: #DB0080;
		text-align: center;
	}

	.funicular-grupos .imagen-grupo img{
		width: 100%;
		height: 80%;
	    padding: 1em;
	    max-height: 13em;
	}
	.funicular-grupos .imagen-l3 img{
		width: 100%;
		height: 80%;
	    padding: 1em;
	    max-height: 13em;
	}

	.funicular-grupos span{
		color: #FFFFFF;
	    position: relative;
	    bottom: 6px;
	    font-size: 1.5em;
	}
	.funicular-grupos a{
		text-decoration: none;
	}

	.funicular-grupos .imagen-grupo:hover{
		background-color: #004494;
	}

	.funicular-grupos .imagen-l3:hover{
		background-color: #B8006E;
	}

	/* *********************************************************************
	 FIN BLOQUE FUNICULAR - GRUPOS
	********************************************************************* */

	/* *********************************************************************
	 BLOQUE LINEA3 - GRUPOS
	********************************************************************* */
	.l3-grupos .imagen-grupo{
		background-color: #007fc0;
		text-align: center;
	}
	.l3-grupos .imagen-l3{
		background-color: #007fc0;
		text-align: center;
	}

	.l3-grupos .imagen-grupo img{
		height: 80%;
		width: 100%;
	    padding: 1em;
	    max-height: 13em;
	}
	.l3-grupos .imagen-l3 img{
		height: 80%;
		width: 100%;
	    padding: 1em;
	    max-height: 13em;
	}

	.l3-grupos span{
		color: #FFFFFF;
	    position: relative;
	    bottom: 6px;
	    font-size: 1.5em;
	}
	.l3-grupos a{
		text-decoration: none;
	}

	.l3-grupos .imagen-grupo:hover{
		background-color: #004494;
	}
	.l3-grupos .imagen-l3:hover{
		background-color: #004494;
	}

	/* *********************************************************************
	 FIN BLOQUE LINEA3 - GRUPOS
	********************************************************************* */

	/* *********************************************************************
	 BLOQUE IMÁGENES HORARIO-BILLETES-TARIFAS BILBAO Y VITORIA
	********************************************************************* */

	.horarios-billetes-tarifas-img .imagen-horario{
		background-color: #58ab27;
	    text-align: center;
	}

	.horarios-billetes-tarifas-img .imagen-horario:hover{
		background-color: #009036;

	}

	.horarios-billetes-tarifas-img .imagen-billete{
		background-color: #58ab27;
	    text-align: center;
	}

	.horarios-billetes-tarifas-img .imagen-billete:hover{
		background-color: #009036;
	}

	.horarios-billetes-tarifas-img .imagen-tarifas{
		background-color: #58ab27;
	    text-align: center;
	}

	.horarios-billetes-tarifas-img .imagen-tarifas:hover{
		background-color: #009036;
	}

	.horarios-billetes-tarifas-img a{
		text-decoration: none;
	}

	.horarios-billetes-tarifas-img img{
		width: 85%;
	}

	.horarios-billetes-tarifas-img span{
		color: #FFFFFF;
	    font-size: 24px;
	    position: relative;
	    bottom: 20px;
	}

	.path-bilbao iframe{
		width: 100%;
		height: 27em;
	}

	.path-bilbao .plano h2, .path-bilbao .plano .author{
		display: none;
	}

	.path-bilbao .imagen-horario img{
		display: none;
	}
	.path-bilbao .horarios-billetes-tarifas-img .imagen-horario{
		width: 100%;
		height: 335px;
		background-image: url('../images/iconos/resultados/abiatu1.svg');
		background-position: center -.1em;
		background-size: auto 90%;
		background-repeat: no-repeat;

	}
	.path-bilbao .horarios-billetes-tarifas-img span{
		top: 275px;
	}

	.path-bilbao .imagen-billete img{
		display: none;
	}
	.path-bilbao .horarios-billetes-tarifas-img .imagen-billete{
		width: 100%;
		height: 335px;
		background-image: url('../images/iconos/resultados/abiatu2.svg');
		background-position: center -.5em;
		background-size: auto 90%;
		background-repeat: no-repeat;

	}

	.path-bilbao .imagen-tarifas img{
		display: none;
	}
	.path-bilbao .horarios-billetes-tarifas-img .imagen-tarifas{
		width: 100%;
		height: 335px;
		background-image: url('../images/iconos/resultados/abiatu3.svg');
		background-position: center -.5em;
		background-size: auto 90%;
		background-repeat: no-repeat;

	}

	.path-vitoria iframe{
		width: 100%;
		height: 27em;
	}

	.path-vitoria .plano h2, .path-vitoria .plano .author{
		display: none;
	}



	.path-vitoria .imagen-horario img{
		display: none;
	}
	.path-vitoria .horarios-billetes-tarifas-img .imagen-horario{
		width: 100%;
		height: 335px;
		background-image: url('../images/iconos/resultados/abiatu1.svg');
		background-position: center -.1em;
		background-size: auto 90%;
		background-repeat: no-repeat;

	}
	.path-vitoria .horarios-billetes-tarifas-img span{
		top: 275px;
	}

	.path-vitoria .imagen-billete img{
		display: none;
	}
	.path-vitoria .horarios-billetes-tarifas-img .imagen-billete{
		width: 100%;
		height: 335px;
		background-image: url('../images/iconos/resultados/abiatu2.svg');
		background-position: center -.5em;
		background-size: auto 90%;
		background-repeat: no-repeat;

	}

	.path-vitoria .imagen-tarifas img{
		display: none;
	}
	.path-vitoria .horarios-billetes-tarifas-img .imagen-tarifas{
		width: 100%;
		height: 335px;
		background-image: url('../images/iconos/resultados/abiatu3.svg');
		background-position: center -.5em;
		background-size: auto 90%;
		background-repeat: no-repeat;

	}
	/* *********************************************************************
 	FIN BLOQUE IMÁGENES HORARIO-BILLETES-TARIFAS BILBAO Y VITORIA
	********************************************************************* */

	/* *********************************************************************
	 FOOTER
	********************************************************************* */
	.footer-bottom p {
		text-align: center;
	}
	.footer-bottom {
		background: #ffffff;
		/*margin-top: 20px;
		padding: 20px 0;*/
	}
	.footer-top {
		background: #cccccc;
		margin-top: 0;
		padding: 20px 0;
	}
	.footer-top p.title {
		color: #ffffff;
	}
	.footer-top ul {
		list-style: none;
	    padding: 0;
	}
	.footer-top ul li a{
		text-decoration: none;
		color: #000000;
	}

}










/**********************************************************************
*************************** MEDIA QUERIES ***************************
***********************************************************************/


 	/*** IPAD PRO ***/
    @media only screen and (max-width : 1100px) {
    	#boton-iframe{
    		width: 15%;
		    margin-right: 1%;
		    margin-top: 2%;
    	}
    	#boton-iframe h4{
		    font-size: 99.5%;
    	}

		#contenedores img{
    		width: 100%;
    	}


    	#block-buscadordatosgeneral{
    		float: none;
    	}
    }

    /*** Desktops ***/
    @media only screen and (max-width : 992px) {
    	#block-buscadordatosgeneral{
    		float: none !important;
    	}
    }


    /********** TABLETS **********/
    /*****************************/
    @media screen and (min-width: 768px) {
		body {
			margin-top: 0px;
		}

		#block-buscadordatosgeneral{
    		float: none;
    	}
	}

	@media screen and (min-width: 1200px){
		.navbar.container {
    		max-width: 100%;
		}
	}
 	/*** Wide Screens ***/
    @media only screen and (max-width : 1100px) {
    	#boton-iframe{
    		width: 15%;
		    margin-right: 1%;
		    margin-top: 2%;
    	}
    	#boton-iframe h4{
		    font-size: 99.5%;
    	}

    	#block-buscadordatosgeneral{
    		float: none;
    	}
    }

    /*** Desktops ***/
    @media only screen and (max-width : 992px) {

    }

    /*** Tablets ***/
    @media screen and (min-width: 768px) {
		body {
			margin-top: 0px;
		}

	ul.modos li a {
		font-size: 18px;
		padding: 0 5px;
		}
	}
    @media only screen and (max-width : 768px) {
    	.buscador-horarios-form{
    		margin-top: 0 !important;
    	}
    	#block-buscadordatosgeneral{
    		float: none;
    	}
    	.container {
			padding-left: 0;
			padding-right: 0;
		}

		header div.header-top,
		header div.header-bottom {
			position: relative;
		}

		header div.header-top div.container-fluid:first-child {
			background: #ffffff;
			text-align: center;
		}

		header div.header-top div.container-fluid:first-child a {
			color: var(--font-grey);
			text-transform: uppercase;
			text-decoration: none;
		}

		header div.carousel {
			display: none;
		}

		.navbar-header {
			padding: 0;
		}

		.navbar-header a.logo {
			margin-top: 1em;
			padding: 0;
			width: 80%;
		}

		.block-language ul {
			text-align: center;
		}

		.block-language ul li {
			border-right: 1px solid var(--grey);
		}

		#block-modos li:before {
			width: 20px;
			height: 28px;
		}

		ul.modos li {
			padding: 5px;
		}

		ul.modos li a {
			font-size: 18px;
			padding: 0 5px;
		}




    	/** IDIOMAS Y ACCCESIBILIDAD **/
    	header div.header-top div.container-fluid:first-child, header div.header-bottom div.container-fluid:first-child{
    		background: rgba(0, 0, 0, .7);
       	}

    	header div.header-top div.container-fluid:first-child a, header div.header-bottom div.container-fluid:first-child a{
    		color: white;
    	}

    	/** PAGINA DE RESULTADOS **/
    	#header-iframe > h4{
    		font-size: 14px;
    		margin-top: 2.5%;
    	}
    	#boton-iframe{
    		width: 16%;
		    margin-right: 1%;
		    margin-top: 2.5%;
    	}
    	#horariosGeneral > div{
    		width: 25%;
    	}
    	#horariosGeneral > div h2{
    		padding-top: 3%;
    		font-size: 16px;
    		padding-right: 5%;
    	}
    	#horariosGeneral #precioViaje {
    		width: 20%;
    	}
    	#estaticosResultados > a > div{
    		height: 0%;
    	}

    	/** BLOQUES **/
	    	/** BLOQUES DE HOMES **/
	    	div.block-region-middle-left, div.block-region-middle-center, div.block-region-middle-right{
	    		margin-bottom: 5%;
	    	}
	    	.recomendaciones:before {
	    		width: 15%;
	    		height: 90px;
			}
			/** BLOQUES MEDIO AMBBIENTE **/
			.flip-container1.col-md-4, .flip-container2.col-md-4, .flip-container3.col-md-4{
				float: left;
				margin-left: 0 auto;
   				width: 100%;
   				height: 40%;
   				font-size: 16px;
			}
			.flip-container2.col-md-4{
				margin-top: 30%;
			}
			.flip-container3.col-md-4{
				margin-top: 30%;
				margin-bottom: 30%;
			}

			.flip-container1.col-md-4 h2, .flip-container2.col-md-4 h2, .flip-container3.col-md-4 h2{
				font-size: 95%;
			}
			/* flip the pane when hovered */
			.flip-container1:hover .flipper1, .flip-container1.hover .flipper1, .flip-container2:hover .flipper2, .flip-container2.hover .flipper2, .flip-container3:hover .flipper3, .flip-container3.hover .flipper3 {
				transform: none;
			}


    	/** BUSCADORES **/
    		/** BUSCADOR HORARIOS TREN, TRANVIA, FUNICULAR **/

    	/** BLOQUES DE HOMES **/
    	div.block-region-middle-left, div.block-region-middle-center, div.block-region-middle-right{
    		margin-bottom: 5%;
    	}

    	/** BUSCADORES **/
    		/** BUSCADOR HORARIOS TREN, TRANVIA, FUNICULAR **/
    	section.buscador-horarios-tren-form, section.block-buscador-horarios-tranvia-block, section.block-buscador-horarios-funicular-block, section.block-buscador-horarios-l3-block{
    		margin-bottom: 5%;
    	}

    	/** INFORMACION ESTATICA BUSCADORES **/
    	.info-estatica, .info-estatica-tranvia, .info-estatica-tren, .info-estatica-funicular, .info-estatica-l3, #datosEstaticosFunicular{
    		height: 0%;

    	}

    	/** AUTOBUS **/
    	div.euskotren-bus-concesiones{
    		text-align: center;
    	}
    	div.euskotren-bus-concesiones > div > div > a > img{
    		width: 100%;
    	}
    	div.col-md-6.autobusa{
    		margin-bottom: 5%;
    	}
    	div.col-md-6.bizkaibus{
    		margin-bottom: 5%;
    	}
    	div.col-md-6.lurraldebus{
    		margin-left: -2%;
    		width: 100%;
    	}
    	div.col-md-6.eibarko-udala{
    		margin-left: -2%;
    		width: 100%;
    		margin-bottom: 5%;
    	}

    	/**NOTICIAS**/
    	.view-id-noticias .field-content{
    		padding-left: 15px;
    		padding-right: 15px;
    	}

    	/*presentacion nodo*/
    	.contextual-region.noticia .field.field--name-field-entradilla{
    		padding-left: 15px;
			font-weight: bold;
			margin-bottom: 25px;
		}

		.noticia.is-promoted .field.field--name-field-entradilla{
			padding-left: 15px;
			font-weight: bold;
			margin-bottom: 25px;
		}

		.noticia.is-promoted .field.field--name-body{
			padding-left: 15px;
			padding-right: 15px;
		}


    	/**EUSKOTREN SOSTENIBLE**/
    	.path-euskotren-sostenible{
    		width: 100%;
    	}
    	.path-euskotren-sostenible .recomendaciones{
    		height: 13em;
    	}
    	.path-euskotren-sostenible .recomendaciones p{
    		width: 60%;
    	}

    	.eficiencia-energetica p, .eficiencia-energetica h2{
    		padding-left: 15px;
    		padding-right: 15px;

    	}

    	.path-euskotren-sostenible .fundaciones-wop-basoa .contenido img{
    		width: 100%;
    	}

    	.path-euskotren-sostenible .fundaciones-wop-basoa .contenido{
    		margin-left: 5px;
    		width: 100%;
    	}
    	.path-euskotren-sostenible .fundaciones-wop-basoa #contenido2{
    		float: left;
    		margin-top: 15px;
    		margin-left: -10px;
    		width: 100%;
    	}

    	.path-euskotren-sostenible #contenedores{
    		display: none;
    	}
    }

    /********** PHONES  **********/
    /*****************************/
    /*css para el menu de administración en versión movil*/
    @media only screen and (max-width : 575px){

    	header div.header-bottom #block-modos .menu.nav.modos li.covid{
    		display: none;
    	}
    	
    	.path-frontpage header div.header-bottom #block-modos .menu.nav.modos li.covid {
    		display: inline-block;
		}

    	.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon {
			margin-left: 0;
    		margin-right: 3em;
    		padding-left: 0;
    		padding-right: 0;
    		text-indent: 13px;
    		width: 4em;
    		font-size: 0.9em;
		}

		.toolbar .toolbar-icon:before{
			display: none;
		}

		/**AITOR**/

		
		.path-frontpage #block-modos .menu.nav.modos li{
			position: relative;
			background-position: center 1em;
		}

		.path-frontpage #block-modos li a {
			padding: 0;
			margin: 0;
			bottom: 0;
			left: 0;
			display: flex;
			height: 100%;
			width: 100%;
			font-size: 23px;
			color: #ffffff;
			justify-content: center;
			position: absolute;
			padding-bottom: .5em;
		}

		#block-modos .menu.nav.modos{
			display: block;
		}
		#block-modos .menu.nav.modos li{
			display: block;
			background-size: auto 50%;
			display: inline-block;
			background-position: 0.75em .5em;
		}

		/** /AITOR **/
		
	}

    /*** Phones ***/
    @media only screen and (max-width : 480px) {

    	/*asier*/
    	#horariosGeneral #precioViaje.mensaje h2{
    		font-size: 1em!important;
    		text-transform: capitalize!important;
    		text-align: center;
    	}
    	/*asier*/
    	#horariosGeneral #precioViaje.mensaje{
    		background-size: 17%, auto!important;
    	}


    	/** IDIOMAS Y ACCCESIBILIDAD **/
    	header div.header-top div.container-fluid:first-child, header div.header-bottom div.container-fluid:first-child{
    		background: rgba(0, 0, 0, .7);
       	}
    	header div.header-top div.container-fluid:first-child a, header div.header-bottom div.container-fluid:first-child a{
    		color: white;
    	}

    	.block-language-blocklanguage-interface{
    		padding-left: 0 !important;
    	}
    	/** MENU MODOS **/
    	header div.header-bottom ul.menu.nav li {
    		width: 10%;
       	}


       	#block-modos a li:before{
       		-webkit-mask-size: 90% auto ;
   			 mask-size:  90% auto ;
   			 -webkit-mask-position: center top;
   			 mask-position: center top;


       	}

       	#block-modos a li:before{
       		-webkit-mask-size: 90% auto ;
   			 mask-size:  90% auto ;
   			 -webkit-mask-position: center top;
   			 mask-position: center top;

       	}

       	#block-modos li{
       		float: left;
       		width: 30% !important;
       		height: auto !important;
       		font-size: small;
       		font-weight: bold;
       	}

       	/*
       	header div.header-bottom ul.menu.nav li.funicular{
    		width: 40%;
    		text-align: center;
    		font-size: 20px;
    		margin-left: 3%;
       	}
    	header div.header-bottom ul.menu.nav li.l3{
    		width: 40%;
    	}

    	ul.nav-tabs.modo, ul.nav-tabs  {
			margin-bottom: 5%;
			border: none;
		}
		*/


		/** BILBAO **/
		.horarios-billetes-tarifas-img .imagen-horario,
		.horarios-billetes-tarifas-img .imagen-billete{
			margin-bottom: 10%;
		}
    	/** MENU TARIFAS y HORARIOS **/
    	.tabs{
    		margin-left: 9%;
    	}

    	.tabs--primary.nav.nav-tabs.modo.horarios li, .tabs--primary.nav.nav-tabs.modo.tarifas li{
    		margin-bottom: 2%;
    	}

    	header div.header-bottom ul.menu.nav li.l3{
    		width: 40%;
    	}

    	/** BUSCADOR GENERAL **/
    	#block-buscadordatosgeneral {
    		width: 100%;
    	}

    	/** BLOQUES DE HOMES **/
    	div.block-region-middle-left, div.block-region-middle-center, div.block-region-middle-right{
    		margin-bottom: 5%;
    	}
    	.recomendaciones:before {
    		width: 60px;
    		height: 50px;
		}

		/** BLOQUES MEDIO AMBIENTE **/
			.medio-ambiente-img img{
				width: 100%
			}
			.flip-container2.col-md-4{
				margin-top: 50%;
			}
			.flip-container3.col-md-4{
				margin-top: 50%;
				margin-bottom: 50%;
			}

			.flip-container1.col-md-4 h2, .flip-container2.col-md-4 h2, .flip-container3.col-md-4 h2{
				font-size: 95%;
			}
			div.claim, div.claim h2 span{
				font-size: 12px;
			}

    	/** TREN **/
    		/** BUSCADOR HORARIOS TREN **/
    	section.block-buscador-horarios-tren-block, section.block-buscador-horarios-funicular-block{
    		margin-bottom: 5%;
    	}
    	#buscador-horarios-tren-form #edit-fecha-hora > div{
    		width: 49.2%;
    	}
    	div.info-estatica-tren, div.info-estatica-funicular {
    		height: 0%;
    	}
    		/** BLOQUES **/
    	div.imagen-grupo{
    		margin-bottom: 5%;
    	}

    	/** TRANVIA **/
    		/** BUSCADOR HORARIOS TRANVIA **/
    	section.buscador-horarios-tranvia-form{
    		margin-bottom: 5%;
    	}
    	#buscador-horarios-tranvia-form #edit-fecha-hora > div{
    		width: 49.2%;
    	}
    	div.info-estatica-tranvia{
    		height: 0%;
    	}
    		/** BLOQUES **/
    	div.imagen-bilbo{
    		margin-bottom: 5%;
    	}
    	/** AUTOBUS **/
    		/** BLOQUES AUTOBUS **/
    	div.euskotren-bus-concesiones{
    		text-align: center;
    	}
    	div.euskotren-bus-concesiones > div > div > a > img{
    		width: 100%;
    	}
    	div.col-md-6.autobusa{
    		margin-bottom: 5%;
    		margin-right: -4%;
    	}
    	div.col-md-6.bizkaibus{
    		margin-bottom: 5%;
    		margin-right: -4%;
    	}
    	div.col-md-6.lurraldebus{
    		margin-left: -4%;
    		width: 104%;
    	}
    	div.col-md-6.eibarko-udala{
    		margin-left: -4%;
    		margin-bottom: 4%;
    		width: 104%;
    	}


    	/** FUNICULAR **/
    		/** BUSCADOR HORARIOS FUNICULAR **/
    	section.block-buscador-horarios-funicular-block{
    		margin-bottom: 5%;
    	}
    	#datosEstaticosFunicular{
    		height: 50%;
    	}
    	#horariosFunicular #iframeFunicular{
    		margin-bottom: -10%;
    		margin-top: -10%;
    	}


    	/** METRO-L3 **/
    		/** BUSCADOR HORARIOS METRO-L3 **/
    	section.block-buscador-horarios-l3-block{
    		margin-bottom: 5%;
    	}
    	div.info-estatica-l3{
    		height: 0%;
    	}
    	#buscador-horarios-l3-form #edit-fecha-hora > div{
    		width: 49.2%;
    	}


    	/** PAGINA DE RESULTADOS **/
    	#iframe-resultados, #header-iframe, #estaticosResultados{
    		display: none;
    	}
    	#tablaResultados{
    		width: 100%;
    	}
    	#scrollResultados{
    		overflow: hidden;
    		width: 100%;
    		height: 100%;
    	}
    	#horario{
    		width: 100%;
    		font-size: 80%;
    	}
    	/*asier*/
    	#horariosGeneral > div{
    		width: 30%;
    		margin-right: 0.5em;
    	}
    	#horariosGeneral > div h2{
    		padding-top: 5%;
    		font-size: 16px;
    	}
    	#horariosGeneral #precioViaje {
    		width: 25%;
    	}


    	/**NOTICIAS**/
    	.view-id-noticias .field-content{
    		padding-left: 15px;
    	}

    	/** BLOQUES HOMES **/
    	div.claim, div.claim h2 span {
    		font-size: 10px;
    	}
    	article.campana.fila div.overlay h2 {
		    font-weight: bold;
		    text-transform: none;
		    font-size: 12px;
		}
    /**Viajes en grupo**/
      /**Botones solicitudes**/
      .buttonCrear{
        all:unset;
        margin-bottom: 0.5em;
        color:#fff;
        background-color: #004494;
        border-color: #2e6da4;
        display: inline-block;
        padding: 6px 12px;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        margin-left: 2.6em;
        margin-bottom: 1em;
      }
      .buttonCrear:hover{
        margin-bottom: 0.5em;
        color:#fff;
        background-color: #286090;
        text-decoration: none;
        border-color: #2e6da4;
        display: inline-block;
        padding: 6px 12px;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
      }


       	.path-frontpage li.museo{
       		background-size: 62.5% auto !important;
    		background-position: center 1.3em !important;
       	}


       	#block-buscadordatosgeneral{
    		float: none;
    	}

    }

    /*** iPhone Retina ***/
    @media only screen and (max-width : 400px) {
    	/** MENU MODOS **/
    	header div.header-bottom ul.menu.nav li.l3{
    		width: 45%;
    	}

    	li.museo{
	      	background-position: center .5em !important;
	    	background-size: 40% auto !important;
	    }



	    #block-buscadordatosgeneral #edit-fecha-hora > div{

    		width: 49.14%;
    	}


    	#block-modos ul li{
    		width: 29.8% !important;
    	}



    }
    /** ipad only **/
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {

    	div.carousel-caption{
    		display: none;
    	}
    	header div.header-bottom{
			position: static;
		}
		.info-estatica{
			height: 100px;
		}
		.block-language ul li{
			padding: 0 8px;
		}
		.block-language ul{
			padding-left: 0;
		}
    }
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {

    #block-buscadordatosgeneral{
    		float: none;
    	}
      .buttonCrear{
        all:unset;
        margin-bottom: 0.5em;
        color:#fff;
        background-color: #004494;
        border-color: #2e6da4;
        display: inline-block;
        padding: 6px 12px;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        position: absolute;
        margin-left: 38.5em;
        bottom:9em;
      }
      .buttonCrear:hover{
        margin-bottom: 0.5em;
        color:#fff;
        background-color: #286090;
        text-decoration: none;
        border-color: #2e6da4;
        display: inline-block;
        padding: 6px 12px;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
      }

      .buscador-horarios-form{
    	float: left !important;
    	margin-left: 18.5% !important;
    	margin-top: 0 !important;
    	}

    }


    /***********************************************************************************
    ************************* MODIFICACIONES CSS **************************************
    *********************************************************************************/
    .navbar-toggle{
    	border: none;
    }

    .navbar-toggle .icon-bar{
    	width: 25px;
    	height: 5px;
    }
    .navbar .logo{
    	padding: 0;
    	vertical-align: center;
    }
    .navbar-collapse{
    	background: rgba(255, 255, 255, 0.9)
    }
    .path-frontpage .region-header-middle{
    	padding-top: 3em;
    }

    #block-buscadordatosgeneral{
    	margin-top: 5em;
    	float: right;
    }

    .path-frontpage .carousel-caption-content{
    	/*background: rgba(0, 0, 0, 0) !important;
    	margin-bottom: 85%;*/
    	padding-top: 1em;
    }
    .path-frontpage .carousel-caption-content p{
    	font-size: 1.4em;
    }
	.block-language-blocklanguage-interface{
		float: right;
		/*padding-left: 6em;*/
	}

	.links .is-active > a{
		color: #cccccc !important;
	}

	.links li:hover{
		text-decoration: underline;
	}

	body.path-frontpage #block-modos li.tren:hover,
	body.path-frontpage #block-modos li.funicular:hover{
		/*background-color: #004494;*/
		background-color: #007fc0;
	}

	body.path-frontpage #block-modos li.tranvia:hover{
		/*background-color: #009036;*/
		background-color: var(--green-hover);
	}

	body.path-frontpage #block-modos li.autobus:hover{
		/*background-color: #ec7405;*/
		background-color: var(--yellow-hover);
	}

	body.path-frontpage #block-modos li.l3:hover{
		/*background-color: #B8006E;*/
		background-color: var(--pink-hover);
	}

	body.path-frontpage #block-modos li{
		transition: transform 1s, background-color .75s;
		-webkit-transition: transform 1s, background-color .75s;
		-moz-transition: transform 1s, background-color .75s;
		-o-transition: transform 1s, background-color .75s;
	}
	body.path-frontpage #block-modos li:hover{
		transform: scale(1.1); /* Animation */
	}

	.region-footer-top ul li > a:hover{
		text-decoration: underline;
	}


	ul.modos .active:hover, ul.modos .tren:hover, ul.modos .tranvia:hover,
	ul.modos .autobus:hover, ul.modos .funicular:hover, ul.modos .l3:hover{
		text-decoration: none;
	}

	ul.modos a li:hover{
		text-decoration: underline;
	}
	ul.modos a li.active{
		text-decoration: underline;
	}


	body.path-frontpage ul.modos a li.tren, body.path-frontpage ul.modos a li.tranvia, body.path-frontpage ul.modos a li.autobus,
	body.path-frontpage ul.modos a li.funicular, body.path-frontpage ul.modos a li.l3{
		text-decoration: none;
	}

	/*ul.modos a li.tren{
		text-decoration: none;
		background-image: url(../images/tren_color.svg);
    	background-repeat: no-repeat;
    	background-size: auto 75%;
    	background-position: .75em;
	} 
	ul.modos a li.tranvia{
		text-decoration: none;
		background-image: url(../images/tranvia_color.svg);
    	background-repeat: no-repeat;
    	background-size: auto 75%;
    	background-position: .75em;
	}
	ul.modos a li.autobus{
		text-decoration: none;
		background-image: url(../images/autobus_color.svg);
    	background-repeat: no-repeat;
    	background-size: auto 75%;
    	background-position: .75em;

	}
	ul.modos a li.funicular{
		text-decoration: none;
		background-image: url(../images/funicular_color.svg);
    	background-repeat: no-repeat;
    	background-size: auto 75%;
    	background-position: .75em;

	} ul.modos a li.l3{
		text-decoration: none;
		background-image: url(../images/l3_color.svg);
    	background-repeat: no-repeat;
    	background-size: auto 75%;
    	background-position: .75em;
	}
	*/
		ul.modos li.tren{
		text-decoration: none;
		background-image: url(../images/tren_color.svg);
    	background-repeat: no-repeat;
    	background-size: auto 75%;
    	background-position: .75em;
	} 
	ul.modos li.tranvia{
		text-decoration: none;
		background-image: url(../images/tranvia_color.svg);
    	background-repeat: no-repeat;
    	background-size: auto 75%;
    	background-position: .75em;
	}
	ul.modos li.autobus{
		text-decoration: none;
		background-image: url(../images/autobus_color.svg);
    	background-repeat: no-repeat;
    	background-size: auto 75%;
    	background-position: .75em;

	}
	ul.modos li.funicular{
		text-decoration: none;
		background-image: url(../images/funicular_color.svg);
    	background-repeat: no-repeat;
    	background-size: auto 75%;
    	background-position: .75em;

	} ul.modos li.l3{
		text-decoration: none;
		background-image: url(../images/l3_color.svg);
    	background-repeat: no-repeat;
    	background-size: auto 75%;
    	background-position: .75em;
	}


	*{
		transition: background-color .25s;
		-webkit-transition: background-color .25s;
		-moz-transition: background-color .25s;
		-o-transition: background-color .25s;
	}

	.path-frontpage .row .region-header-middle{
		width: 100%;
	}

	.path-frontpage header div.region-header-middle{
		margin-top: 0;
	}


	/*MENU VISTAS*/

	ul.nav-tabs.modo.tren li.active .is-active{
		/*background: rgba(0,0,0,0);*/
		transition: background-color 0s;
	}
	ul.nav-tabs.modo.tren li.active:hover {
		background-color: #007fc0;
	}
	ul.nav-tabs.modo.tren li.active .is-active:hover {
		background-color: #007fc0;
	}

	ul.nav-tabs.modo.tren li{
		background: rgba(0,0,0,0);
		transition: background-color 0s;
	}

	ul.nav-tabs.modo.tren li:hover {
		background-color: #007fc0;
		color: white;
	}
	ul.nav-tabs.modo.tren li a:hover {
		background-color: #007fc0;
		color: white;
	}




	ul.nav-tabs.modo.tranvia li.active .is-active{
		background: rgba(0,0,0,0);
		transition: background-color 0s;
	}
	ul.nav-tabs.modo.tranvia li.active:hover {
		background-color: #58ab27;
	}
	ul.nav-tabs.modo.tranvia li.active .is-active:hover {
		background-color: #58ab27;
	}

	ul.nav-tabs.modo.tranvia li{
		background: rgba(0,0,0,0);
		transition: background-color 0s;
	}

	ul.nav-tabs.modo.tranvia li:hover {
		background-color: #58ab27;
		color: white;
	}
	ul.nav-tabs.modo.tranvia li a:hover {
		background-color: #58ab27;
		color: white;
	}





	ul.nav-tabs.modo.autobus li.active .is-active{
		background: rgba(0,0,0,0);
		transition: background-color 0s;
	}
	ul.nav-tabs.modo.autobus li.active:hover {
		background-color: #f8ae00;
	}
	ul.nav-tabs.modo.autobus li.active .is-active:hover {
		background-color: #f8ae00;
	}

	ul.nav-tabs.modo.autobus li{
		background: rgba(0,0,0,0);
		transition: background-color 0s;
	}

	ul.nav-tabs.modo.autobus li:hover {
		background-color: #f8ae00;
		color: white;
	}
	ul.nav-tabs.modo.autobus li a:hover {
		background-color: #f8ae00;
		color: white;
	}



	ul.nav-tabs.modo.funicular li.active .is-active{
		background: rgba(0,0,0,0);
		transition: background-color 0s;
	}
	ul.nav-tabs.modo.funicular li.active:hover {
		background-color: #007fc0;
	}
	ul.nav-tabs.modo.funicular li.active .is-active:hover {
		background-color: #007fc0;
	}

	ul.nav-tabs.modo.funicular li{
		background: rgba(0,0,0,0);
		transition: background-color 0s;
	}

	ul.nav-tabs.modo.funicular li:hover {
		background-color: #007fc0;
		color: white;
	}
	ul.nav-tabs.modo.funicular li a:hover {
		background-color: #007fc0;
		color: white;
	}




	ul.nav-tabs.modo.l3 li.active .is-active{
		background: rgba(0,0,0,0);
		transition: background-color 0s;
	}
	ul.nav-tabs.modo.l3 li.active:hover {
		background-color: #DB0080;
	}
	ul.nav-tabs.modo.l3 li.active .is-active:hover {
		background-color: #DB0080;
	}

	ul.nav-tabs.modo.l3 li{
		background: rgba(0,0,0,0);
		transition: background-color 0s;
	}

	ul.nav-tabs.modo.l3 li:hover {
		background-color: #DB0080;
		color: white;
	}
	ul.nav-tabs.modo.l3 li a:hover {
		background-color: #DB0080;
		color: white;
	}




	/*INFORMACIÓN ICONOS TARJETA*/

	#infoMinusvalidos{
		display: none;

	}

	#infoBicicleta{
		display: none;

	}

	#infoPerros{
		display: none;

	}

	#infoOreja{
		display: none;

	}


	#minusvalidos:hover + #infoMinusvalidos{
		display: block;
		color: #007fc0;
		border: 2px dashed #007fc0;
		height: 40px;
		float: left;
		width: 45%;
		padding: .25em;
		text-align: center;
		margin-right: 5px;
	}
	#tranvia #minusvalidos:hover + #infoMinusvalidos{
		display: block;
		color: #58ab27;
		border: 2px dashed #58ab27;
		height: 40px;
		float: left;
		width: 45%;
		padding: .25em;
		text-align: center;
		margin-right: 5px;
	}

	#L3 #minusvalidos:hover + #infoMinusvalidos{
		color: #DB0080;
		border: 2px dashed #DB0080;
		height: 40px;
		float: left;
		width: 45%;
		padding: .25em;
		text-align: center;
		margin-right: 5px;
		display: block;
	}



	#bicis:hover + #infoBicicleta{
		display: block;
		color: #007fc0;
		border: 2px dashed #007fc0;
		height: 40px;
		float: left;
		width: 45%;
		padding: .25em;
		text-align: center;
		margin-right: 5px;
	}
	#tranvia #bicis:hover + #infoBicicleta{
		display: block;
		color: #58ab27;
		border: 2px dashed #58ab27;
		height: 40px;
		float: left;
		width: 45%;
		padding: .25em;
		text-align: center;
		margin-right: 5px;
	}

	#L3 #bicis:hover + #infoBicicleta{
		display: block;
		color: #DB0080;
		border: 2px dashed #DB0080;
		height: 40px;
		float: left;
		width: 45%;
		padding: .25em;
		text-align: center;
		margin-right: 5px;
	}


	#perros:hover + #infoPerros{
		display: block;
		color: #007fc0;
		border: 2px dashed #007fc0;
		height: 40px;
		float: left;
		width: 45%;
		padding: .25em;
		text-align: center;
		margin-right: 5px;
	}
	#tranvia #perros:hover + #infoPerros{
		display: block;
		color: #58ab27;
		border: 2px dashed #58ab27;
		height: 40px;
		float: left;
		width: 45%;
		padding: .25em;
		text-align: center;
		margin-right: 5px;
	}

	#L3 #perros:hover + #infoPerros{
		display: block;
		color: #DB0080;
		border: 2px dashed #DB0080;
		height: 40px;
		float: left;
		width: 45%;
		padding: .25em;
		text-align: center;
		margin-right: 5px;
	}





	#perros:hover + #infoPerros{
		display: block;
		color: #007fc0;
		border: 2px dashed #007fc0;
		height: 40px;
		float: left;
		width: 45%;
		padding: .25em;
		text-align: center;
		margin-right: 5px;
	}
	#tranvia #perros:hover + #infoPerros{
		display: block;
		color: #58ab27
		border: 2px dashed #58ab27;
		height: 40px;
		float: left;
		width: 45%;
		padding: .25em;
		text-align: center;
		margin-right: 5px;
	}

	#L3 #perros:hover + #infoPerros{
		display: block;
		color: #DB0080;
		border: 2px dashed #DB0080;
		height: 40px;
		float: left;
		width: 45%;
		padding: .25em;
		text-align: center;
		margin-right: 5px;
	}

	#oreja:hover + #infoOreja{
		display: block;
		color: #58ab27;
		border: 2px dashed #58ab27;
		height: 40px;
		float: left;
		width: 45%;
		padding: .25em;
		text-align: center;
		margin-right: 5px;
	}


	/**PÁGINA TURISMO**/
	.path-tren .rutas{
		display: block !important;
	}


	.path-tren .tren.bilbao-donostia.turismo .ruta-turistica.donostia{
		display: block;
	}

	.path-tren .tren.bilbao-bermeo.turismo .ruta-turistica.bilbao{
		display: block ;
	}




	.path-tren .tren.bilbao-donostia.turismo .rutas img{
		transition: transform 2.5s;
	}
	.path-tren .tren.bilbao-donostia.turismo .rutas img:hover{
		-webkit-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}

	.path-tren .tren.bilbao-bermeo.turismo .rutas img{
		transition: transform 2.5s;
	}

	.path-tren .tren.bilbao-bermeo.turismo .rutas img:hover{
		-webkit-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}



	.path-tranvia .tranvía.vitoria.turismo .rutas img{
		transition: transform 2.5s;
	}

	.path-tranvia .tranvía.vitoria.turismo .rutas img:hover{
		-webkit-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}

	.path-tranvia .tranvía.bilbao.turismo .rutas img{
		transition: transform 2.5s;
	}

	.path-tranvia .tranvía.bilbao.turismo .rutas img:hover{
		-webkit-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}


	/**VIDEO IMAGEN CORPORATIVA**/

	.path-imagen-corporativa iframe{
		width: 720px;
		height: 480px;
	}

	/**TRANVIA BILBAO VITORIA**/
	.enlace-tranvia-bilbao, .enlace-tranvia-vitoria{
		display: none;
	}
	.path-tranvia iframe{
		width: 100%;
		height: 400px;
	}

	.path-tranvia .plano h2, .path-tranvia .plano footer{
		display: none;
	}

	/*MENU DROPDOWN*/

	/*.menu-enlace-comunicacion .dropdown-menu{
		margin-left: 60px;
	}
	*/

	/*APARICION DE ELEMENTOS ANIMACION MENU SECUNDARIO */

	@-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } }
	@-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } }
	@-o-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } }
	@-ms-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } }
	@keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } }

	.fade-in {
	  opacity:0;
	  -webkit-animation:fadeIn ease-in 1;
	  -moz-animation:fadeIn ease-in 1;
	  -o-animation:fadeIn ease-in 1;
	  -ms-animation:fadeIn ease-in 1;
	  animation:fadeIn ease-in 1;

	  -webkit-animation-fill-mode:forwards;
	  -moz-animation-fill-mode:forwards;
	  -o-animation-fill-mode:forwards;
	  -ms-animation-fill-mode:forwards;
	  animation-fill-mode:forwards;

	  -webkit-animation-duration:1s;
	  -moz-animation-duration:1s;
	  -o-animation-duration:1s;
	  -ms-animation-duration:1s;
	  animation-duration:1s;
	}

	/*ANIMACION PAGINA TREN*/
	 .fade-in.tren {
	  -webkit-animation-delay: 0.4s;
	  -moz-animation-delay: 0.4s;
	  -o-animation-delay: 0.4s;
	  -ms-animation-delay: 0.4s;
	  animation-delay: 0.4s;
	 }

	.path-tren .fade-in.billetes {
	  -webkit-animation-delay: 0.4s;
	  -moz-animation-delay: 0.4s;
	  -o-animation-delay: 0.4s;
	  -ms-animation-delay: 0.4s;
	  animation-delay: 0.4s;
	 }
	.path-tren .fade-in.tarifas {
	  -webkit-animation-delay: 0.5s;
	  -moz-animation-delay: 0.5s;
	  -o-animation-delay: 0.5s;
	  -ms-animation-delay: 0.5s;
	  animation-delay: 0.5s;
	 }
	.path-tren .fade-in.horarios {
	  -webkit-animation-delay: 0.6s;
	  -moz-animation-delay: 0.6s;
	  -o-animation-delay: 0.6s;
	  -ms-animation-delay: 0.6s;
	  animation-delay: 0.6s;
	 }
	.path-tren .fade-in.viajes {
	  -webkit-animation-delay: 0.7s;
	  -moz-animation-delay: 0.7s;
	  -o-animation-delay: 0.7s;
	  -ms-animation-delay: 0.7s;
	  animation-delay: 0.7s;
	 }
	.path-tren .fade-in.consejos {
	  -webkit-animation-delay: 0.8s;
	  -moz-animation-delay: 0.8s;
	  -o-animation-delay: 0.8s;
	  -ms-animation-delay: 0.8s;
	  animation-delay: 0.8s;
	 }
	.path-tren .fade-in.accesibilidad {
	  -webkit-animation-delay: 0.9s;
	  -moz-animation-delay: 0.9s;
	  -o-animation-delay: 0.9s;
	  -ms-animation-delay: 0.9s;
	  animation-delay: 0.9s;
	 }
	.path-tren .fade-in.turis {
	  -webkit-animation-delay: 1s;
	  -moz-animation-delay: 1s;
	  -o-animation-delay: 1s;
	  -ms-animation-delay: 1s;
	  animation-delay: 1s;
	 }




	 /*ANIMACION PAGINA TRANVIA*/
	 .fade-in.tranvia {
	  -webkit-animation-delay: 0.5s;
	  -moz-animation-delay: 0.5s;
	  -o-animation-delay: 0.5s;
	  -ms-animation-delay: 0.5s;
	  animation-delay: 0.5s;
	 }

	 .path-tranvia .fade-in.billetes {
	  -webkit-animation-delay: 0.4s;
	  -moz-animation-delay: 0.4s;
	  -o-animation-delay: 0.4s;
	  -ms-animation-delay: 0.4s;
	  animation-delay: 0.4s;
	 }
	.path-tranvia .fade-in.tarifas {
	  -webkit-animation-delay: 0.4s;
	  -moz-animation-delay: 0.4s;
	  -o-animation-delay: 0.4s;
	  -ms-animation-delay: 0.4s;
	  animation-delay: 0.4s;
	 }
	.path-tranvia .fade-in.horarios {
	  -webkit-animation-delay: 0.5s;
	  -moz-animation-delay: 0.5s;
	  -o-animation-delay: 0.5s;
	  -ms-animation-delay: 0.5s;
	  animation-delay: 0.5s;
	 }
	.path-tranvia .fade-in.viajes {
	  -webkit-animation-delay: 0.6s;
	  -moz-animation-delay: 0.6s;
	  -o-animation-delay: 0.6s;
	  -ms-animation-delay: 0.6s;
	  animation-delay: 0.6s;
	 }
	.path-tranvia .fade-in.consejos {
	  -webkit-animation-delay: 0.7s;
	  -moz-animation-delay: 0.7s;
	  -o-animation-delay: 0.7s;
	  -ms-animation-delay: 0.7s;
	  animation-delay: 0.7s;
	 }
	.path-tranvia .fade-in.accesibilidad {
	  -webkit-animation-delay: 0.8s;
	  -moz-animation-delay: 0.8s;
	  -o-animation-delay: 0.8s;
	  -ms-animation-delay: 0.8s;
	  animation-delay: 0.8s;
	 }
	.path-tranvia .fade-in.turis {
	  -webkit-animation-delay: 0.9s;
	  -moz-animation-delay: 0.9s;
	  -o-animation-delay: 0.9s;
	  -ms-animation-delay: 0.9s;
	  animation-delay: 0.9s;
	 }








	/*ANIMACION PARA AUTOBUS*/


	 .fade-in.autobus {
	  -webkit-animation-delay: 0.6s;
	  -moz-animation-delay: 0.6s;
	  -o-animation-delay: 0.6s;
	  -ms-animation-delay: 0.6s;
	  animation-delay: 0.6s;
	 }


	 .path-autobus .fade-in.euskotren-autobus {
	  -webkit-animation-delay: 0.4s;
	  -moz-animation-delay: 0.4s;
	  -o-animation-delay: 0.4s;
	  -ms-animation-delay: 0.4s;
	  animation-delay: 0.4s;
	 }
	.path-autobus .fade-in.bizkaibus {
	  -webkit-animation-delay: 0.5s;
	  -moz-animation-delay: 0.5s;
	  -o-animation-delay: 0.5s;
	  -ms-animation-delay: 0.5s;
	  animation-delay: 0.5s;
	 }
	.path-autobus .fade-in.lurraldebus {
	  -webkit-animation-delay: 0.6s;
	  -moz-animation-delay: 0.6s;
	  -o-animation-delay: 0.6s;
	  -ms-animation-delay: 0.6s;
	  animation-delay: 0.6s;
	 }
	.path-autobus .fade-in.udalbus {
	  -webkit-animation-delay: 0.7s;
	  -moz-animation-delay: 0.7s;
	  -o-animation-delay: 0.7s;
	  -ms-animation-delay: 0.7s;
	  animation-delay: 0.7s;
	 }
	.path-autobus .fade-in.tarifas {
	  -webkit-animation-delay: 0.8s;
	  -moz-animation-delay: 0.8s;
	  -o-animation-delay: 0.8s;
	  -ms-animation-delay: 0.8s;
	  animation-delay: 0.8s;
	 }






	/*ANIMACION FUNICULAR */

	 .fade-in.funicular {
	  -webkit-animation-delay: 0.7s;
	  -moz-animation-delay: 0.7s;
	  -o-animation-delay: 0.7s;
	  -ms-animation-delay: 0.7s;
	  animation-delay: 0.7s;
	 }


	.path-funicular .fade-in.tarifas {
	  -webkit-animation-delay: 0.4s;
	  -moz-animation-delay: 0.4s;
	  -o-animation-delay: 0.4s;
	  -ms-animation-delay: 0.4s;
	  animation-delay: 0.4s;
	 }

	.path-funicular .fade-in.horarios {
	  -webkit-animation-delay: 0.5s;
	  -moz-animation-delay: 0.5s;
	  -o-animation-delay: 0.5s;
	  -ms-animation-delay: 0.5s;
	  animation-delay: 0.5s;
	 }
	.path-funicular .fade-in.viajes {
	  -webkit-animation-delay: 0.6s;
	  -moz-animation-delay: 0.6s;
	  -o-animation-delay: 0.6s;
	  -ms-animation-delay: 0.6s;
	  animation-delay: 0.6s;
	 }
	.path-funicular .fade-in.consejos {
	  -webkit-animation-delay: 0.7s;
	  -moz-animation-delay: 0.7s;
	  -o-animation-delay: 0.7s;
	  -ms-animation-delay: 0.7s;
	  animation-delay: 0.7s;
	 }
	.path-funicular .fade-in.turis {
	  -webkit-animation-delay: 0.8s;
	  -moz-animation-delay: 0.8s;
	  -o-animation-delay: 0.8s;
	  -ms-animation-delay: 0.8s;
	  animation-delay: 0.8s;
	 }





	/*ANIMACION L3*/


	 .fade-in.l3 {
	  -webkit-animation-delay: 0.8s;
	  -moz-animation-delay: 0.8s;
	  -o-animation-delay: 0.8s;
	  -ms-animation-delay: 0.8s;
	  animation-delay: 0.8s;
	 }

	 .path-l3 .fade-in.billetes {
	  -webkit-animation-delay: 0.4s;
	  -moz-animation-delay: 0.4s;
	  -o-animation-delay: 0.4s;
	  -ms-animation-delay: 0.4s;
	  animation-delay: 0.4s;
	 }
	.path-l3 .fade-in.tarifas {
	  -webkit-animation-delay: 0.4s;
	  -moz-animation-delay: 0.4s;
	  -o-animation-delay: 0.4s;
	  -ms-animation-delay: 0.4s;
	  animation-delay: 0.4s;
	 }
	 .path-l3 .fade-in.horarios {
	  -webkit-animation-delay: 0.5s;
	  -moz-animation-delay: 0.5s;
	  -o-animation-delay: 0.5s;
	  -ms-animation-delay: 0.5s;
	  animation-delay: 0.5s;
	 }
	.path-l3 .fade-in.viajes {
	  -webkit-animation-delay: 0.6s;
	  -moz-animation-delay: 0.6s;
	  -o-animation-delay: 0.6s;
	  -ms-animation-delay: 0.6s;
	  animation-delay: 0.6s;
	 }
	.path-l3 .fade-in.consejos {
	  -webkit-animation-delay: 0.7s;
	  -moz-animation-delay: 0.7s;
	  -o-animation-delay: 0.7s;
	  -ms-animation-delay: 0.7s;
	  animation-delay: 0.7s;
	 }
	.path-l3 .fade-in.accesibilidad {
	  -webkit-animation-delay: 0.8s;
	  -moz-animation-delay: 0.8s;
	  -o-animation-delay: 0.8s;
	  -ms-animation-delay: 0.8s;
	  animation-delay: 0.8s;
	 }





	 .fade-in.museo {
	  -webkit-animation-delay: 0.8s;
	  -moz-animation-delay: 0.8s;
	  -o-animation-delay: 0.8s;
	  -ms-animation-delay: 0.8s;
	  animation-delay: 0.8s;
	 }


	  .fade-in.covid {
	  -webkit-animation-delay: 0.9s;
	  -moz-animation-delay: 0.9s;
	  -o-animation-delay: 0.9s;
	  -ms-animation-delay: 0.9s;
	  animation-delay: 0.9s;
	 }



	 /*********************************************************************************
	 ***********************MENU VISTA NOTICIAS***************************************
	 *******************************************************************************/

	 /*tren


	.path-tren ul.nav-tabs li.active .is-active{
		background: rgba(0,0,0,0);
		transition: background-color 0s;
	}

	.path-tren ul.nav-tabs li.active a:hover {
		background-color: #007fc0 !important;
		color: #fff;
	}

	.path-tren ul.nav-tabs li.active .is-active:hover {
		background-color: #007fc0 !important;
		color: #fff;
	}

	.path-tren ul.nav-tabs li{
		background: rgba(0,0,0,0);
		transition: background-color 0s;
	}


	.path-tren ul.nav-tabs li:hover {
		background-color: #007fc0;
		color: white;
	}
	.path-tren ul.nav-tabs li a:hover{
		background-color: #007fc0;
		color: #fff !important;
	}




	/*tranvia

	.path-tranvia ul.nav-tabs li.active a:hover {
		background-color: #58ab27 !important;
		color: #fff;
	}

	.path-tranvia ul.nav-tabs li.active .is-active:hover {
		background-color: #58ab27 !important;
		color: #fff;
	}

	.path-tranvia ul.nav-tabs li{
		background: rgba(0,0,0,0);
		transition: background-color 0s;
	}


	.path-tranvia ul.nav-tabs li:hover {
		background-color: #58ab27;
		color: white;
	}
	.path-tranvia ul.nav-tabs li a:hover{
		background-color: #58ab27;
		color: #fff !important;
	}



	/*autobus

	.path-autobus ul.nav-tabs li.active .is-active{
		background: rgba(0,0,0,0);
		transition: background-color 0s;
	}

	.path-autobus ul.nav-tabs li.active a:hover {
		background-color: #f8ae00 !important;
		color: #fff;
	}

	.path-autobus ul.nav-tabs li.active .is-active:hover {
		background-color: #f8ae00 !important;
		color: #fff;
	}

	.path-autobus ul.nav-tabs li{
		background: rgba(0,0,0,0);
		transition: background-color 0s;
	}


	.path-autobus ul.nav-tabs li:hover {
		background-color: #f8ae00;
		color: white;
	}
	.path-autobus ul.nav-tabs li a:hover{
		background-color: #f8ae00;
		color: #fff !important;
	}


	/*funicular

	.path-funicular ul.nav-tabs li.active .is-active{
		background: rgba(0,0,0,0);
		transition: background-color 0s;
	}

	.path-funicular ul.nav-tabs li.active a:hover {
		background-color: #007fc0 !important;
		color: #fff;
	}

	.path-funicular ul.nav-tabs li.active .is-active:hover {
		background-color: #007fc0 !important;
		color: #fff;
	}

	.path-funicular ul.nav-tabs li{
		background: rgba(0,0,0,0);
		transition: background-color 0s;
	}

	.path-funicular ul.nav-tabs li:hover {
		background-color: #007fc0;
		color: white;
	}
	.path-funicular ul.nav-tabs li a:hover{
		background-color: #007fc0;
		color: #fff !important;
	}




	/*L3


	.path-l3 ul.nav-tabs li.active .is-active{
		background: rgba(0,0,0,0);
		transition: background-color 0s;
	}

	.path-l3 ul.nav-tabs li.active a:hover {
		background-color: #DB0080 !important;
		color: #fff;
	}

	.path-l3 ul.nav-tabs li.active .is-active:hover {
		background-color: #DB0080 !important;
		color: #fff;
	}

	.path-l3 ul.nav-tabs li{
		background: rgba(0,0,0,0);
		transition: background-color 0s;
	}


	.path-l3 ul.nav-tabs li:hover {
		background-color: #DB0080;
		color: white;
	}
	.path-l3 ul.nav-tabs li a:hover{
		background-color: #DB0080;
		color: #fff !important;
	}


	/*TODAS

	.path-noticias ul.nav-tabs li.active .is-active{
		background: #007fc0;
		transition: background-color 0s;
	}

	.path-noticias ul.nav-tabs li.active a:hover {
		background-color: #007fc0 !important;
		color: #fff;
	}

	.path-noticias ul.nav-tabs li.active .is-active:hover {
		background-color: #007fc0 !important;
		color: #fff;
	}

	.path-noticias ul.nav-tabs li{
		background: rgba(0,0,0,0);
		transition: background-color 0s;
	}


	.path-noticias ul.nav-tabs li:hover {
		background-color: #007fc0;
		color: white;
	}
	.path-noticias ul.nav-tabs li a:hover{
		background-color: #007fc0;
		color: #fff !important;
	}



/****************** PROVISIONAL ******************/
/*a.museo.fade-in {
    display: none;
}*/


/*formulario consultas y sugerencias*/

.contact-message-consultas-y-sugerencias-form button#edit-preview{
	display: none;
}



/*TRANSBORDO*/

#transbordo #header-iframe{
	background-color: #707173;
}

#transbordo #horariosGeneral{
	background-color: #707173;
}

#transbordo #horario {
	border: 1px solid #707173;
}

#transbordo #ordutegi, #transbordo #txartel, #transbordo #tarifak{
	background-color: #707173;
}

div#resultados.transbordo {
    padding-top: 1em;
    padding-bottom: 1em;
}

div#resultados.transbordo h3{
    margin-top: 1em;
    margin-bottom: 1em;
}


#transbordo #minusvalidos{
	float: left;
    height: 100%;
    width: 8.5%;
    background-image: url(../images/iconos/resultados/infokon1_transbordo.svg);
    background-position: left, center;
    background-size: 100%, auto;
    background-repeat: no-repeat;
    margin-right: 0.9em;
    transition: color 2s, border-color 2s, background-color 2s;
}

#transbordo #bicis{
	float: left;
    height: 100%;
    width: 8.5%;
    background-image: url(../images/iconos/resultados/infokon5_transbordo.svg);
    background-position: left, center;
    background-size: 100%, auto;
    background-repeat: no-repeat;
    margin-right: 1em;
	
}

#transbordo #perros{
	float: left;
    height: 100%;
    width: 8.5%;
    background-image: url(../images/iconos/resultados/infokon4_transbordo.svg);
    background-position: left, center;
    background-size: 100%, auto;
    background-repeat: no-repeat;
	
}


/*FIN TRANSFORDO*/


#precioViaje{
	display: none;
}

/*canal denuncias*/

#canaldenuncias-form #edit-submit{
	margin-top: 15px;
}

.js-form-item-denuncia-archivo{
	margin-top: 1em;
}

.path-canal-denuncias .consentimiento{
	font-style: italic;
}

.path-canal-denuncias .form-item-consentimiento-1 label{
	text-decoration: underline;
}



/*
.path-canal-denuncias form, .path-kexa-kanala form, .path-channel-complaints form, .path-plaintes-de-canal form{
	display: none;
}

.path-canal-denuncias button, .path-kexa-kanala button, .path-channel-complaints button, .path-plaintes-de-canal button{
	display: none;
}


.page-node-type-consulta-denuncia .main-container{
	display: none;
}

.page-node-type-denuncia .main-container{
	display: none;
}
*/