/*
    Azul:       #001689
    Rojo:       #C21E3C
    Gris:       #45555F - 69, 85, 96
    Gris Claro: #F4F4F4
*/

body {
    color: #45555F;
    background-color: #D9DDDF;
    font-family: 'BrutalType', sans-serif;
}

a {
    color: #45555F;
}

.margen {
    padding: 15px;
}
.texto-light {
    font-weight: 300;
}
.texto-bold{
    font-weight: 700;
}

.fondo-blanco {
    background-color: #FFFFFF;
}
.fondo-rojo {
    background-color: #E63027;
    color: white;
    margin: 0px;
}

.fondo-bizkaibus {
    background-color: #A0CD5F;
    color: white;
    margin: 0px;
}

.fondo-estacion-designada {
    background-color: #45555F;
    color: #FFFFFF;
}

.fondo-gris {
    background-color: #45555F;
}
.fondo-gris-claro {
    background-color: #F4F4F4;
}
.fondo-gris-muy-claro {
    background-color: #fefefe;
}
.texto-blanco {
    color: white;
}
.texto-rojo {
    color: #E63027;
}
.btn-primary {
    background-color: #E63027;
    border: 1px solid #E63027;
}
.btn-primary:hover {
    background-color: #F4F4F4;
    border: 1px solid #F4F4F4;
    color: #45555F;
}

    .fondo-rojo.salidas {
        background: #E63027 url(../img/salidas.png) no-repeat  90% 50% ;
    }
    .fondo-rojo.llegadas {
        background: #E63027 url(../img/llegadas.png) no-repeat 90% 50% ;
    }

	.no-margin-bottom {
	    margin-bottom: 0;
	}
	
	table.table {
	    margin-bottom: 0;
	}
	table.table th {
	    border-top: none !important;
	    /*background-color: #45555F;*/
	    background-color: #FFFFFF;
	}
	table.table td {
	    border-bottom: 1px solid #45555F;
	    background: white;
	}
	table.table tr:hover td {
	    background-color: #F4F4F4;
	}


	#cabecera {
		/*background: white;*/
		
		background: rgba(246,247,248,0.7);
		
		padding: 10px 0 10px 0;
	    position: absolute;
	    z-index: 9999999999;
	    width: 100%;
    
    
	}
    #cabecera #menu ul {
        margin: 10px 0 0 0;
        padding: 0;
        text-align: right;
    }
    #cabecera ul li {
        display: inline-block;
        font-size: 15px;
    }
    #cabecera #menu li {
        margin-left: 20px;
    }
    #cabecera #menu a {
        /*color: #001689;*/
        
        /*color: #FFFFFF;*/
        text-transform: uppercase;
    }
    #cabecera #idiomas li {
        font-size: 14px;
    }
    
    #cabecera #idiomas li:after {
        content: " | ";
        color: #CCCCCC;
    }
    #cabecera #idiomas li:last-child:after {
        content: none;
    }
    
    
    
    
    
    
    /*
    
    .consult-nav {
        text-align: center;
    }

    .consult-nav li:hover > a {
        color: #0055a5;
    }

    .consult-nav .consult-menu .sub-menu {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scaleY(0);
                transform: scaleY(0);
        -webkit-transform-origin: 50% 0;
                 transform-origin: 50% 0;
    }

    .consult-nav .consult-menu li:hover > .sub-menu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scaleY(1);
                transform: scaleY(1);
    }

    .consult-nav .consult-menu a {
        padding: 20px 30px;
    }

    .consult-nav .consult-menu .sub-menu {
        background-color: #fff;
        text-align: left;
        border: 1px solid rgba(0, 0, 0, .1);
        border-top: 3px solid #0055a5;
    }

    .consult-nav .consult-menu .sub-menu a {
        padding: 10px 15px;
        border-top: 1px solid rgba(0, 0, 0, .1);
    }

    .consult-nav .consult-menu .sub-menu a:after {
        right: 15px;
    }

    .consult-nav .consult-menu .sub-menu li .sub-menu {
        top: -2px;
    }

    .consult-nav .consult-menu .sub-menu li:first-child > a {
        border-top: 0;
    }

    .consult-nav .consult-menu .sub-menu li:first-child .sub-menu {
        top: -3px;
    }

    .consult-nav .consult-menu > li {
        display: inline-block;
    }

    .consult-nav .consult-menu a {
        font-size: 14px;
        color: #868686;
        transition: all 300ms ease;
        font-weight: 700;
        text-transform: uppercase;
        padding: 0 25px;
        height: 100px;
        line-height: 100px;
    }

    .consult-nav .consult-menu .sub-menu {
        display: block !important;
    }

    .consult-nav .consult-menu .sub-menu .current-menu-parent > a,
    .consult-nav .consult-menu .sub-menu .current-menu-item > a {
        color: #0055a5;
    }

    .consult-nav .consult-menu .current-menu-parent > a,
    .consult-nav .consult-menu .current-menu-item > a {
        color: #0055a5;
    }

    .consult-nav .consult-menu .sub-menu {
        width: 250px;
        position: absolute;
        top: 100%;
        z-index: -1;
        left: 0;
        transition: all 300ms cubic-bezier(.175, .885, .32, 1.275);
    }

    .consult-nav .consult-menu .sub-menu .sub-menu {
        top: 0;
        left: 100%;
    }

    .consult-nav .consult-menu .sub-menu li.menu-item-has-children > a:after {
        font-family: "FontAwesome";
        content: "\F105";
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
    }

    .consult-nav .consult-menu .sub-menu li > a {
        font-size: 14px;
        transition: all 300ms ease;
        font-weight: 300;
        
        height: auto;
        line-height: 1.875;
        color: #8f8f8f;
        border-bottom: none;
        box-shadow: none;
    }

    .consult-nav .consult-menu .sub-menu li:hover > a {
        color: #0055a5;
    }

    .consult-nav .consult-menu .sub-menu li .current-menu-parent > a,
    .consult-nav .consult-menu .sub-menu li .current-menu-item > a {
        color: #0055a5;
    }

    .consult-nav .navbar-toggle {
        display: none;
    }
    
    
    */
    
    
    
    
    #cabecera .submenu {
        /*position: absolute;
        width: 100%;
        z-index: 9999;
        top: 110px;*/
        display: none;
        position: absolute;
	    left: 374px;
    }
    
    #cabecera .submenu ul {
        margin: 0;
        padding: 0px;
        text-align: left;
    }
    #cabecera .submenu ul li a {
        color: #E63027;
        
        display: block;
	    height: 36px;
	    padding: 0px;
	    margin: 0px;
	    width: 100%;
	    vertical-align: middle;
	    padding-top: 6px;
        
    }
    #cabecera .submenu ul li {
        margin: 0px;
        display: block;
        border-bottom: #E63027 solid 1px;
        padding: 10px;
    }
    
    #cabecera .submenu ul li.sinborde { border-bottom: #E63027 solid 0px; }
    
    #cabecera .submenu ul li:hover { background-color: #E63027; color: #FFFFFF; }
    #cabecera .submenu ul li a:hover { text-decoration: none; color: #FFFFFF; }
    #cabecera .submenu ul li:hover a { color: inherit; }


    #cabecera .submenu .color {
        background-color: #FFFFFF;
    }
    #cabecera .submenu .triangulo {
        width:  26px;
        height: 13px;
        background: url(../img/koxka.png) no-repeat 50%;
        margin: 0 10px;
    }
    
    
    
    
    
  #contenido {
  	padding-top: 114px;
  }  
    

	
	#contenido.home {
		
		padding-top: 0px;
	    /*background: #fff url(../img/pattern.png) repeat-x top left;*/
	    /*padding-top: 140px;*/
	    
	    
	   /* background: url(../img/carretera.jpg) no-repeat center bottom;
	    background-size: cover;
	    background-attachment: fixed;*/
	    
	    
	    
	}


	/* Compañias, servicios */
	#contenido.companias .container, #contenido.servicios {
		background-color: #FFFFFF;
		
	}
	
	#contenido h2 {
	    font-size: 50px;
	    margin-bottom: 15px;
	    margin-top: 0px;
	}
	#contenido h2.mini {
	    font-size: 35px;
	    margin: 20px 0 20px 0px;
	}
	.margen-pagina {
	    padding-top: 50px;
	    padding-bottom: 100px;
	}
	
	.margen-pagina-planos {
	    padding-top: 12px;
	    padding-bottom: 10px;
	}
	
	#contenido a {
	    text-decoration: underline;
	}
	#contenido a:hover {
	    text-decoration: none;
	}
	/*
	.fondo-gris {
	    background-color: #D9DDDF;
	}
	*/
	
	    #contenido.home #slide {
	        z-index: -9999992;
	        /*position: absolute !important;*/
	    }
	/*
	    #contenido.home {
	        position: relative;
	        border: 1px solid black;
	    }
	*/
    #contenido.home #tabla-tiempos {
        position: absolute;
        z-index: 1001;
        width: 100%;
        top: 20%;
        /*padding-top: 200px;*/
    }
    #contenido.home #tabla-tiempos h2 {
        font-size: 30px;
        margin: 20px 0 0 0;
    }
    #contenido.home #tabla-tiempos .transparencia {
        padding: 10px 10px 25px 10px;
        /*background: rgba(255, 255, 255, .5);*/
    }
    
    #contenido.home #tabla-tiempos input[type="text"],
    #contenido.home #tabla-tiempos select{
        width: 150px;
    }
    
    #contenido #tabla-tiempos p {
        margin-top: 0;
        background: white;
        padding: 5px 10px;
        font-weight: bold;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    #contenido #tabla-tiempos p a {
        text-decoration: none;
    }
    #contenido #tabla-tiempos form .margen {
        padding-bottom: 15px;
    }
    
    
    #contenido.home h3, #contenido.home h2, #contenido.home .form-inline{
   	    border-top-left-radius: 5px;
	    border-top-right-radius: 5px;

    }
    
    
    #contenido.home .form-inline, #contenido.ubicacion h3 {
   	    border-top-left-radius: 5px;
	    border-top-right-radius: 5px;
	    border-bottom-left-radius: 5px;
	    border-bottom-right-radius: 5px;
    }
    
    #contenido.ubicacion h3 {
    	cursor: pointer;
    }
    

	#contenido.home #slide {
	    width:  100%;
	    /*height: 400px;*/
	    /*height: 100%;*/
	}
	
	#contenido.home #slide div {
	    width: 100%;
	    height: 100%;
	}
	
	
	#contenido.planos ul li {
	    font-size: 20px;
	    padding: 5px 0 5px 0px;
	    margin: 0 0 0px 0;
	    list-style-type: none;
	}
	
	#contenido.planos .plantas {text-align: center; padding-top: 60px;}
	#contenido.planos .plantas a { 

        font-size: 20px;
	    text-decoration: none;
	    display: block;
	    width: 19%;
	    float: left;
	    margin-left: 8px;
	    margin-top: 65px;

	}
	#contenido.planos .plantas a:hover { background-color: white; color: #E63027; }

    #contenido.planos ul li.plano-01 { background: url(../img/iconos/planos/planos-01.png) no-repeat left center; }
    #contenido.planos ul li.plano-02 { background: url(../img/iconos/planos/planos-02.png) no-repeat left center; }
    #contenido.planos ul li.plano-03 { background: url(../img/iconos/planos/planos-03.png) no-repeat left center; }
    #contenido.planos ul li.plano-04 { background: url(../img/iconos/planos/planos-04.png) no-repeat left center; }
    #contenido.planos ul li.plano-05 { background: url(../img/iconos/planos/planos-05.png) no-repeat left center; }
    #contenido.planos ul li.plano-06 { background: url(../img/iconos/planos/planos-06.png) no-repeat left center; }
    #contenido.planos ul li.plano-07 { background: url(../img/iconos/planos/planos-07.png) no-repeat left center; }
    #contenido.planos ul li.plano-08 { background: url(../img/iconos/planos/planos-08.png) no-repeat left center; }
    #contenido.planos ul li.plano-09 { background: url(../img/iconos/planos/planos-09.png) no-repeat left center; }
    #contenido.planos ul li.plano-10 { background: url(../img/iconos/planos/planos-10.png) no-repeat left center; }
    #contenido.planos ul li.plano-11 { background: url(../img/iconos/planos/planos-11.png) no-repeat left center; }
    #contenido.planos ul li.plano-12 { background: url(../img/iconos/planos/planos-12.png) no-repeat left center; }
    #contenido.planos ul li.plano-13 { background: url(../img/iconos/planos/planos-13.png) no-repeat left center; }
    
    
    #contenido.planos .vcenter {
	   display: inline-block;
	   vertical-align: middle;
	   float: none;
	}
    
    #contenido.planos .planta.fondo-rojo {
    	width:100%; margin: 0px;                             				
        text-align: left;
        text-transform: uppercase;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        color: #FFF;
        font-size: 20px;
        padding-left: 8px;
    }
	#contenido.planos .planta.fondo-rojo:hover { background-color: gray;}
	
	
	
	
	#contenido.planos .planta.fondo-rojo span {
		font-weight: bold;
		font-size: 40px;
	}
	
	#contenido.planos .planta p {
		display: block;
	    margin-block-start: 1em;
	    margin-block-end: 1em;
	    margin-inline-start: 0px;
	    margin-inline-end: 0px;
	    text-transform: uppercase;
	}
	
	#contenido.planos #imagen-planos-inicial{ max-height: 665px; margin-top: 15px; }
	
	#contenido.planos #imagen-planos{ max-height: 800px; }
	
	
	#contenido.planos .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
		background-color: #E63027;
	}
	
	#contenido.planos .ui-helper-reset{
		margin-right: -15px;
	    margin-left: -15px;
	}
	
	#contenido.planos .ui-accordion .ui-accordion-content {
    	padding: 0;
	}
	
	#contenido.planos .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
		/*background-color: #E63027;*/
	}
	
	#contenido.planos .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    	border: 0px solid #D9DDDF;
    	background-color: #E63027;
	}
	
	#contenido.planos .ui-icon, .ui-widget-content .ui-icon {
		background-image: url("https://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_ffffff_256x240.png");
	}
	
	#contenido.planos .ui-widget {
		font-family: 'Open Sans', sans-serif;
	}
		
	#contenido.planos .ui-widget-content {
	    border: 0px solid #dddddd;
	    background: transparent;
	}
	


	#contenido.companias .logo {
	    text-transform: uppercase;
	    font-weight: 700;
	    font-size: 30px;
	    min-height: 60px;
	    margin-bottom: 40px;
	}
	
    #contenido.companias h3 {
        color: #E63027;
        font-size: 18px;
    }
    #contenido.companias ul {
        margin-left: 0;
        padding-left: 0;
    }
    #contenido.companias ul li {
        font-size: 16px;
        padding: 0 0 0 30px;
        margin: 0 0 10px 0;
        list-style-type: none;
        background-size: 20px !important;
    }
    #contenido.companias ul li.telefono { 
        background: url(../img/iconos/companias/tel.png) no-repeat left center; 
    }
    #contenido.companias ul li.web      { 
        background: url(../img/iconos/companias/web.png) no-repeat left center;
    }
    #contenido.companias ul li.email    { 
        background: url(../img/iconos/companias/email.png) no-repeat left center; 
    }
    #contenido.companias ul li.reserva  { 
        background: url(../img/iconos/companias/carro.png) no-repeat left center;
    }
    
    #contenido.companias .linea-puntos-top {
        border-top: 1px dotted black;
        margin-top: 40px;
        padding-top: 20px;
    }
    #contenido.companias .banda-pais {
        padding: 10px;
        font-size: 30px;
        font-weight: bold;
        margin: 40px 0;
    }
    

	#contenido .hero {
	    /*
		background-size: cover;
	    background-repeat: no-repeat;
	    background-position: 50%;
	    height: 550px;
		*/
		background-size: cover;
	    background-repeat: no-repeat;
	    height: 500px;
	}
	#contenido.servicios .hero-01 {
	    background-image: url(../img/servicios/servicios-1.jpg);
	}
	#contenido.servicios .hero-02 {
	    background-image: url(../img/servicios/servicios-2.jpg);
	}
	#contenido.servicios .hero-03 {
	    background-image: url(../img/servicios/servicios-3.jpg);
	    background-position-y: 80%;
	}
	#contenido.servicios .hero-04 {
	    background-image: url(../img/servicios/servicios-4.jpg);
	    background-position-y: 60%;
	}
	#contenido.servicios .container {
	    padding-top: 50px;
	    padding-bottom: 50px;
	}



	/* ESTACIÓN INTERMODAL - INFORMACIÓN GENERAL */
	
	#contenido.estacion-intermodal .container {
		background-color: transparent;
		
	}
	
	
	#contenido.estacion-intermodal .container {
	    padding-top: 50px;
	    padding-bottom: 50px;
	}
	
	#contenido.estacion-intermodal span{color:#E63027;}
	
	#contenido.estacion-intermodal h2 { font-weight: bold; font-size: 48px; }
	#contenido.estacion-intermodal h3 { font-size: 21px; }
	
	#contenido.estacion-intermodal .estacion_imagen {
		background-color: #FFFFFF;
	    /*background-image: url(../img/estacion-intermodal/estacion-intermodal.jpg);*/
	}
	
	#contenido.estacion-intermodal .estacion_imagen img { margin: 0 auto;}
	
	#contenido.estacion-intermodal .estacion_imagen .row { margin-right: 0; margin-left: 0;}
	
	#contenido.estacion-intermodal #conexiones a { 
		text-decoration: none;
	    width: 90%;
	    padding-top: 62px;
	    padding-bottom: 15px;
	    height: 147px;
	    font-weight: bold;
	    border-radius: 50%;
	}
	
	
	#contenido.estacion-intermodal #conexiones .balls > div[class^="col-md"] { height: 60px; }
	
	
	


	/* PARKING - ACCESOS E INFORMACIÓN GENERAL */
	
	#contenido.accesos-informacion-general .container {
		background-color: transparent;
		
	}
	
	#contenido.accesos-informacion-general .container {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
	
	
	#contenido.accesos-informacion-general span{color:#E63027;}
	
	#contenido.accesos-informacion-general h2 { font-weight: bold; font-size: 48px; }
	#contenido.accesos-informacion-general h3 { font-size: 21px; }
	
	
	#contenido.accesos-informacion-general .planta {
		background-color: #FFFFFF;
	    /*background-image: url(../img/estacion-intermodal/estacion-intermodal.jpg);*/
	}
	
	#contenido.accesos-informacion-general .planta img { margin: 0 auto;}
	
	#contenido.accesos-informacion-general .planta .row { margin: 0 auto;}
	
	
	#contenido.accesos-informacion-general #conexiones a { 
		text-decoration: none;
	    width: 90%;
	    padding-top: 62px;
	    padding-bottom: 15px;
	    height: 147px;
	    font-weight: bold;
	    border-radius: 50%;
	}
    
    



	#contenido.futura-estacion .hero-01 {
	    background-image: url(../img/futura-estacion/hero-01.jpg);
	}
	#contenido.futura-estacion .hero-02 {
	    background-image: url(../img/futura-estacion/hero-02.jpg);
	}
	#contenido.futura-estacion .hero-03 {
	    background-image: url(../img/futura-estacion/hero-03.jpg);
	}
	#contenido.futura-estacion .hero-04 {
	    background-image: url(../img/futura-estacion/hero-04.jpg);
	}
	#contenido.futura-estacion .container {
	    padding-top:    100px;
	    padding-bottom: 100px;
	}
	
	
	
	
	/* PARKING - ABONOS */
	
	#contenido.abono-parking .container {
	    padding-top: 25px;
	    padding-bottom: 25px;
	}
	


	/* ENTORNO */
	#contenido.entorno h2 { margin-bottom: 0px; font-size: 30px; font-weight: 700;}
	#contenido.entorno h3 { font-size: 20px; color: #000000; }
	#contenido.entorno .col-md-6 { margin-bottom: 35px;}
	
	#contenido.entorno  { text-align: center;}
	
	
	
	#pie {
	    background-color: #D9DDDF;
	    border-top: 10px solid #45555F;
	    padding: 30px 0;
	}
	
    #pie ul {
        margin: 50px 0;
        padding: 0;
        text-align: right;
    }
    #pie ul li {
        display: inline-block;
        margin-left: 10px;
    }
    #pie ul li a {
        text-decoration: none;
        font-weight: 700;
    }
    
    
    
    /* CENTRO COMERCIAL */
    
        
    
    #contenido.centro-comercial .container h2 {
    	font-weight: bold;
	    font-size: 40px;
    }
    
    #contenido.centro-comercial .container {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
    
    #contenido.centro-comercial .container h3 {
    	font-size: 21px;
    }
    
    #contenido.centro-comercial h3 {
    	font-size: 32px;
    }
    
    #contenido.centro-comercial h4 {
    	font-size: 25px;
    }
    
    #contenido.centro-comercial .row {
        margin-right: 0;
	    margin-left: 0;
    }
    
    #contenido .container.centro-comercial {
    	background-color: white;
    	width: 100%;
    
    }
    
    #contenido.centro-comercial a{
    
    	text-decoration: none;
    }
    
    
    /* CENTRO COMERCIAL - PARKING */
    
    #contenido.cc-parking .container h2 {
    	font-weight: bold;
	    font-size: 40px;
    }
    
        #contenido.cc-parking .container {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
    
    #contenido.cc-parking .container h3 {
    	font-size: 21px;
    }
    
    #contenido.cc-parking h3 {
    	font-size: 32px;
    }
    
    #contenido.cc-parking h4 {
    	font-size: 25px;
    }
    
    #contenido.cc-parking .row {
        margin-right: 0;
	    margin-left: 0;
    }
    
    #contenido .container.cc-parking {
    	background-color: white;
    	width: 100%;
    
    }
    
    #contenido.cc-parking a{
    
    	text-decoration: none;
    }
    
	/* CENTRO COMERCIAL - ENTORNO */
    
    #contenido.cc-entorno .container h2 {
    	font-weight: bold;
	    font-size: 40px;
    }
    
    #contenido.cc-entorno .container {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
    
    #contenido.cc-entorno .container h3 {
    	font-size: 21px;
    }
    
    #contenido.cc-entorno h3 {
    	font-size: 30px;
    }
    
    #contenido.cc-entorno h4 {
    	font-size: 25px;
    }
    
    #contenido.cc-entorno .row {
        margin-right: 0;
	    margin-left: 0;
    }
    
    #contenido .container.cc-entorno {
    	background-color: white;
    	width: 100%;
    
    }
    
    #contenido.cc-entorno a{
    
    	text-decoration: none;
    }
    
    
   	/* CENTRO COMERCIAL - CONTACTO */
    
    #contenido.cc-contacto .container h2 {
    	font-weight: bold;
	    font-size: 40px;
    }
    
    #contenido.cc-contacto .container {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
    
    #contenido.cc-contacto .container h3 {
    	font-size: 21px;
    }
    
    #contenido.cc-contacto h3 {
    	font-size: 30px;
    }
    
    #contenido.cc-contacto h4 {
    	font-size: 25px;
    }
    
    #contenido.cc-contacto .row {
        margin-right: 0;
	    margin-left: 0;
    }
    
    #contenido .container.cc-contacto {
    	background-color: white;
    	width: 100%;
    
    }
    
    #contenido.cc-contacto a{
    
    	text-decoration: none;
    }





/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    #cabecera ul {
        margin: 50px 0 0 0;
    }
    #cabecera ul li {
        font-size: 15px;
    }
    
    #contenido.home #tabla-tiempos input[type="text"],
    #contenido.home #tabla-tiempos select{
        width: 110px;
    }
    #cabecera .submenu {
        position: absolute;
        width: 100%;
        z-index: 9999;
        top: 90px;
        display: none;
    }
    
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    #cabecera ul {
        margin: 50px 0 0 0;
    }
    #cabecera ul li {
        font-size: 15px;
    }
    #cabecera #menu li {
        margin-left: 15px;
    }
    .container {
        width: 100%;
    }
    #cabecera #idiomas ul {
        margin: 0;
    }
    
    #contenido.home #tabla-tiempos input[type="text"],
    #contenido.home #tabla-tiempos select{
        width: 100px;
    }
    #contenido .hero {
        height: 300px;
    }
    
    .margen {
	    padding: 2px;
	    
	}
	
	#contenido.planos .plantas a { display: block; margin-bottom: 5px;}
	
	#contenido.planos #imagen-planos{ height: inherit;}
    
    
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    #cabecera img {
        max-width: 200px;
        height: auto;
    }
    #contenido.home #tabla-tiempos {
        top: 105px;
        bottom: auto;
    }
    #control-menu-movil {
        position: absolute;
        top:    30px;
        right:  30px;
        width:  30px;
        height: 30px;
        z-index: 9999;
        cursor: pointer;
        background: url(../img/menu-movil.png) no-repeat 50%;
    }
    #capa-menu-movil {
        position: absolute;
        top: 100px;
        left: 0;
        width: 100%;
        background-color: #e63027;
        z-index: 99999;
        padding: 20px;
        display: none;
    }
        #capa-menu-movil li {
            font-weight: bold;
            text-transform: uppercase;
            margin: 0 !important;
        }
        #capa-menu-movil li li {
            font-weight: normal;
            text-transform: none;
            margin: 0;
        }
        #capa-menu-movil li a {
            color: white !important;
        }
        #capa-menu-movil ul {
            margin: 10px 0;
        }
        #capa-menu-movil ul li {
            display: block;
            text-align: center;
            padding: 0px 0;
        }
        #capa-menu-movil #idiomas ul {
            text-align: center;
            color: white;
        }
        #capa-menu-movil #idiomas li {
            display: inline-block;
        }
        
        #cabecera #menu ul { margin: 0 !important; }
        
        
    #contenido.home {
        background-size: cover;
        background-attachment: fixed;
        height: 980px;
    }
        
    #contenido.home #tabla-tiempos{
        position: relative;
    }
    #slide {
        position: absolute;
        top: 100px;
    }
        
    #contenido.home #tabla-tiempos input[type="text"],
    #contenido.home #tabla-tiempos select{
        width: 100%;
    }
    
    #contenido .hero{
        background-image: none;
        height: auto;
    }
    
    
    #pie ul li {
        display: block;
        margin-left: 0;
        text-align: center
    }
        
    #contenido.tabla-tiempos .btn,
    #contenido.home .btn {
        margin-top: 20px;
        display: block;
        float: none;
    }
    
    
    #contenido.planos #imagen-planos{ height: inherit;}
    
    
    
    #contenido.estacion-intermodal #conexiones .balls > div[class^="col-md"] { height: auto; }
    
    #contenido.estacion-intermodal #conexiones a { width: 45%; margin-bottom: 20px;}
    
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    .fondo-rojo.salidas,
    .fondo-rojo.llegadas {
        background-image: none;
    }
    
    #contenido.planos #imagen-planos{ height: inherit;}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
}












/*!
 * jQuery UI Datepicker @VERSION
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
	background-color: white;
	border: 1px solid #45555F;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
	top: 5px;
	background: url(../img/calendario-prev.png) no-repeat 50%;
	width:  25px;
	height: 20px;
}
.ui-datepicker .ui-datepicker-prev:after {

}
.ui-datepicker .ui-datepicker-next:after {
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
	top: 5px;
	text-align: right;
	background: url(../img/calendario-next.png) no-repeat 50%;
	width:  25px;
	height: 20px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
	text-align: center;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
	text-align: center;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-decoration: none;
	text-align: center;
}
.ui-datepicker td a:hover {
    background-color: #F4F4F4;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}



/* GENERAL STYLES */

.rounded {
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}




/* SPACING */

.mt-0 {
  margin-top: 0 !important;
}

.ml-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-top: 0 !important;
}



.pl-0 {
	padding-left:  0 !important;
}

.pr-0{
	padding-right:  0 !important;
}

.mt-8{
	margin-top: 8px !important;
}




/* BOTÓN PARA SUBIR */

#goToTopButton {
  display: none; /* Hidden by default */
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #FFFFFF;
    color: #333333;
    cursor: pointer;
    padding: 3px;
    border-radius: 30px;
    font-size: 30px;
    width: 49px;
}