/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23-may-2015, 16:22:13
    Author     : albertojimenez
*/
@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'Open Sans Light';
    src: url(../css/fonts/OpenSansLight.woff2) format('woff2'),
        url('../css/fonts/OpenSans-Light-webfont.eot'),
        url('../css/fonts/OpenSans-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Open Sans Light Italic';
    src: url(../css/fonts/OpenSansLightItalic.woff2) format('woff2'),
        url('../css/fonts/OpenSans-LightItalic-webfont.eot'),
        url('../css/fonts/OpenSans-LightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Open Sans';
    src: url('../css/fonts/OpenSansNormal.woff2') format('woff2'),
        url('../css/fonts/OpenSans-Regular-webfont.eot'),
        url('../css/fonts/OpenSans.ttf') format('truetype');
}
@font-face {
    font-family: 'Open Sans Italic';
    src: url(../css/fonts/OpenSansNormalItalic.woff2) format('woff2'),
        url('../css/fonts/OpenSans-Regular-webfont.eot'),
        url('../css/fonts/OpenSans-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Open Sans Bold';
    src: url(../css/fonts/OpenSansBold.woff2) format('woff2'),
        url('../css/fonts/OpenSans-ExtraBold-webfont.eot'),
        url('../css/fonts/OpenSans-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Open Sans Bold Italic';
    src: url(../css/fonts/OpenSansBoldItalic.woff2) format('woff2'),
        url('../css/fonts/OpenSans-ExtraBoldItalic-webfont.eot'),
        url('../css/fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype');
}

body {
    background-color:#F3F3F3;	
    font-family: 'Open Sans', Arial;
    font-size: 12px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;

}

a {
    text-decoration: none;	
    color: #000;
}
a:visited{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
    color: #000;
}

em {
    font-family: 'Open Sans Italic';
}

.wrapper{
    margin:0 auto 0 auto;
    width:960px;
}

.Paginador{
    background:#E7E7E7;
    -moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
    letter-spacing: 0px;
    font-size: 11px;
    margin-top:0px;
    margin-bottom:0px;
}

#panelSeleccionRuta{
    z-index: 100px;
    position: relative;
    margin-top:-25px;
    margin-left: 20px;
    width: 450px;
    min-height: 100px;
    background-color: #EFEFEF;
    background-image: url('../images/bg/bw-gradient.png');
    border-top: 3px solid #ff2529;
    moz-border-radius:3px;
    -khtml-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    box-shadow: 0px 3px 10px #797979;
}

#panelSeleccionFecha{
    z-index: 101px;
    position: relative;
    top:-25px;
    left: 320px;
    width: 330px;
    min-height: 100px;
    background-color: #EFEFEF;
    background-image: url('../images/bg/bw-gradient.png');
    border-top: 3px solid #ff2529;
    moz-border-radius:3px;
    -khtml-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    box-shadow: 0px 3px 10px #797979;
}

#panelSeleccionPasajeros{
    z-index: 102px;
    position: relative;
    top:-25px;
    left: 520px;
    width: 350px;
    min-height: 100px;
    background-color: #EFEFEF;
    background-image: url('../images/bg/bw-gradient.png');
    border-top: 3px solid #ff2529;
    moz-border-radius:3px;
    -khtml-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    box-shadow: 0px 3px 10px #797979;
}



.inputRuta{
    background-color: #fff;
    border: #d5d5d5 1px solid;
    padding:3px;
    padding-left: 30px;
    padding-right: 10px;
    moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    font-family: 'Open Sans Light';
    font-size: 15px;
    height: 30px;
    background-image: url('../images/iconos/placeholder.png');
    background-repeat: no-repeat;
    background-position: 5px 5px;
    background-size: 24px 24px;
    cursor:pointer; 
    width:300px;
}


.inputFecha{
    background-color: #fff;
    border: #d5d5d5 1px solid;
    padding:3px;
    padding-left: 30px;
    padding-right: 10px;
    moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    font-family: 'Open Sans Light';
    font-size: 15px;
    height: 30px;
    background-image: url('../images/iconos/calendar.png');
    background-repeat: no-repeat;
    background-position: 5px 5px;
    background-size: 24px 24px;
    cursor:pointer; 
    width:100px;
}

.inputPasajeros{
    background-color: #fff;
    border: #d5d5d5 1px solid;
    padding:3px;
    padding-left: 35px;
    padding-right: 10px;
    moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    font-family: 'Open Sans Light';
    font-size: 15px;
    height: 30px;
    background-image: url('../images/iconos/passengers.png');
    background-repeat: no-repeat;
    background-position: 5px 5px;
    background-size: 24px 24px;
    cursor:pointer; 
    width:210px;
}

.inputNumPasajero{
    background-color: #fff;
    border: #d5d5d5 1px solid;
    padding:1px;
    padding-left: 3px;
    padding-right: 3px;
    moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    font-family: 'Open Sans Light';
    font-size: 11px;
    height: 21px;
    cursor:pointer; 
    width:210px;
}

.selectorOrigen{
    -moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
    letter-spacing: 0px;
    font-size: 12px;
    margin-top:6px;
    margin-bottom:0px;
    padding:3px; 
    padding-left: 10px;
    width:140px; 
    background-color: #f5a5a5;
    color: #000;
}
.selectorOrigen:hover{
    cursor: pointer;
    background-color: #ff3c3c;
    color: #fff;
}

.selectorOrigenOn{
    -moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
    letter-spacing: 0px;
    font-size: 12px;
    margin-top:6px;
    margin-bottom:0px;
    padding:3px; 
    padding-left: 10px;
    width:140px; 
    background-color: #fd2323;
    color: #fff;
}


/* Calendario seleccion ruta */

.calendarRutaDiaEnabled{
    -moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
    letter-spacing: 0px;
    font-size: 16px;
    margin-bottom:1px;
    margin-right: 1px;
    padding:3px; 
    padding-top:4px;
    width:35px; 
    min-height: 26px;
    background-color:#f4f4f4;
    text-align: center;
}
.calendarRutaDiaActual{
    -moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
    letter-spacing: 0px;
    font-size: 16px;
    margin-bottom:1px;
    margin-right: 1px;
    padding:3px; 
    padding-top:4px;
    width:35px; 
    min-height: 26px;
    background-color: #fbbfbf;
    text-align: center;
}
.calendarRutaDiaSeleccionado{
    -moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
    letter-spacing: 0px;
    font-size: 16px;
    margin-bottom:1px;
    margin-right: 1px;
    padding:3px; 
    padding-top:4px;
    width:35px; 
    min-height: 26px;
    background-color:#fd2323;
    color: #ffffff;
    text-align: center;
}
.calendarRutaDiaEnabled:hover, .calendarRutaDiaActual:hover{
    cursor: pointer;
    background-color: #ff0000;
    color: #ffffff;
}
.calendarRutaDiaSeleccionado:hover{
    cursor: pointer;
    background-color: #ff0000;
    color: #ffffff;
}
.calendarRutaDiaDisabled{
    -moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
    letter-spacing: 0px;
    font-size: 16px;
    margin-bottom:1px;
    margin-right: 1px;
    padding:3px; 
    padding-top:4px;
    width:35px; 
    min-height: 26px;
    color:#cccccc;
    text-align: center;
}

.botonSeleccionPasajeros{
    -moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
    letter-spacing: 0px;
    font-size: 12px;
    margin-bottom:1px;
    margin-right: 1px;
    padding:3px; 
    padding-top:4px;
    min-height: 26px;
    background-color:#fd2323;
    border: 0px;
    color: #ffffff;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
}


.botonBuscarDispo{
    color:#fff;
    font-size:17px;
    min-height:18px;
    background-color:#fd2323;
    padding-left: 15px;
    padding-right: 15px;
    padding-top:5px;
    padding-bottom:5px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    -moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border: 0px solid #09F;
}
.botonBuscarDispo:hover{
    text-decoration: none;
    cursor:pointer;
    background-color: #e50000;
    border: 0px solid #e50000;
    color:#FFF;
   
}



.botonReservar{
    color:#fff;
    font-size:18px;
    min-height:18px;
     /* background-color:#09F; */
    background-color:#fd2323;
    padding-left: 15px;
    padding-right: 15px;
    padding-top:8px;
    padding-bottom:8px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    -moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border: 0px solid #09F;
}
.botonReservar:hover{
    text-decoration: none;
    cursor:pointer;
    /*background-color:#0066CC;*/
    background-color:#2C3B8B;
    color:#FFF;
}
.botonReservarAzul{
    color:#fff;
    font-size:18px;
    min-height:18px;
     /* background-color:#09F; */
    background-color:#2C3B8B;
    padding-left: 15px;
    padding-right: 15px;
    padding-top:8px;
    padding-bottom:8px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    -moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border: 0px solid #09F;
}
.botonReservarAzul:hover{
    text-decoration: none;
    cursor:pointer;
    /*background-color:#0066CC;*/
    background-color:#000;
    color:#FFF;
}
.botonPago{
    color:#fff;
    font-size:18px;
    min-height:18px;
    background-image: url('../images/iconos/padlock_white.png');
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: 5px 8px;
    background-color:#fd2323;
    padding-left: 32px;
    padding-right: 15px;
    padding-top:8px;
    padding-bottom:8px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    -moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border: 0px solid #09F;
}
.botonPago:hover{
    text-decoration: none;
    cursor:pointer;
    /*background-color:#0066CC;*/
    background-color:#2C3B8B;
    color:#FFF;
}
.botonImprimir{
    color:#fff;
    font-size:18px;
    min-height:18px;
    background-image: url('../images/iconos/printer_white.png');
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: 5px 8px;
    background-color:#fd2323;
    padding-left: 35px;
    padding-right: 15px;
    padding-top:8px;
    padding-bottom:8px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    -moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border: 0px solid #09F;
}
.botonImprimir:hover{
    text-decoration: none;
    cursor:pointer;
    /*background-color:#0066CC;*/
    background-color:#2C3B8B;
    color:#FFF;
}

.trayectoSoloIda{
    -moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
    letter-spacing: 0px;
    font-size: 11px;
    margin-top:0px;
    margin-bottom:0px;
    background-color: #d7eea6; 
    padding:5px; 
    background-image:url(../img/iconos/ticket.png);
    background-size: 16px 16px; 
    background-repeat: no-repeat;
    background-position: 5px 5px;
    padding-left: 25px;
}
.trayectoIdaYVuelta{
    -moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
    letter-spacing: 0px;
    font-size: 11px;
    margin-top:0px; 
    margin-bottom:0px;
    background-color: #a4cc4e; 
    padding:5px; 
    background-image:url(../img/iconos/ticket.png);
    background-size: 16px 16px; 
    background-repeat: no-repeat;
    background-position: 5px 5px;
    padding-left: 25px;
}


.linkMenuSup{
    color: #1b3087;
    //color: #666666;
    font-size: 15px;
    font-family: 'Open Sans Bold';
    
}
.linkMenuSup {
    text-decoration: none;
    
}
.linkMenuSup:visited{
    text-decoration: none;
}
.linkMenuSup:hover{
    color: #e50000;
    cursor: pointer;
}

.menuDestino{
    width: 160px; 
    height: 150px; 
    float:left;
    background-color: #FFF;
    height: 300px; 
}
.menuDestinoImpar{
    width: 160px; 
    height: 150px; 
    float:left;
    background-color: #f3f3f3;
    height: 300px; 
}

.menuDestino:hover, .menuDestinoImpar:hover{
    cursor: pointer;
    background-color: #ebf8ff;
}

.botonCerrarMenuSup{
    background-color: #eaeaea; 
    height:20px; 
    padding: 5px; 
    float: right; 
    margin-right: 50px; 
    margin-top:5px; 
    cursor: pointer;
    background-image: url('../images/iconos/arrowBackToTopGray.png');
    background-size: 25px 25px;
    width: 22px;
    background-position: 4px 4px;
    background-repeat: no-repeat;
    -moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
}

.progreso{
    font-family: 'Open Sans'; 
    float: right; 
    padding:3px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #ffcccf; 
    color: #F2444D; 
    font-size: 12px; 
    -moz-border-radius:1px;
    -khtml-border-radius:1px;
    -webkit-border-radius:1px;
    border-radius:1px;
    margin-top: 14px;
    margin-right: 5px;  
}
.progresoActivo{
    font-family: 'Open Sans'; 
    float: right; 
    padding:3px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: white; 
    color: #F2444D; 
    font-size: 14px; 
    -moz-border-radius:1px;
    -khtml-border-radius:1px;
    -webkit-border-radius:1px;
    border-radius:1px;
    margin-top: 12px;
    margin-right: 5px;
}

.TituloIndexMed{
    font-family: 'Open Sans Light';
    font-size: 22px;
    color: #333;
}

.TituloConfirmacion{
    font-family: 'Open Sans Bold';
    font-size: 28px;
    color: #2c3b8b;
}

.InputNormal{
    background-color: #fff;
    border: #d5d5d5 1px solid;
    padding:3px;
    moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    font-family: 'Open Sans';
    font-size: 12px;
}

.InputMedio{
    background-color: #fff;
    border: #d5d5d5 1px solid;
    padding:3px;
    moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    font-family: 'Open Sans';
    font-size: 18px;
}

.RegistroTabla{
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial,'Liberation Sans',FreeSans,sans-serif;
    font-size: 11px;
    color: #333;
    padding: 2px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #E5E5E5;
    border-right-color: #E5E5E5;
    border-bottom-color: #E5E5E5;
    border-left-color: #E5E5E5;
}
TR.RegistroTabla{
    background-color: #fff;
}


TR.RegistroTabla:hover{
    background-color: #C1E7FF;
}

a.enlace {
    text-decoration: none;	
    color: #000;
    font-family: 'Open Sans Bold';
}
a.enlace:visited{
    text-decoration: none;
}
a.enlace:hover{
    text-decoration: none;
    color: #09F;
}


.tituloTablaHorario{
    border-bottom: #999999 1px solid;
    font-family: 'Open Sans Bold';
    font-size: 11px;
    background-color: #E1E1E1;
}

.horaTablaHorario{
    border-bottom: #c4c4c4 1px solid;
    font-family: 'Open Sans Bold';
    font-size: 11px;
}
tr.horaTablaHorario:hover{
    background-color: #e1eef6;
}
.DestinoTablaHorario{
    border-bottom: #c4c4c4 1px solid;
    font-family: 'Open Sans';
    font-size: 11px;
}


a.linkFooter {
    font-family: 'Open Sans Bold';
    text-decoration: none;	
    color: #fff;
}
a.linkFooter:visited{
    text-decoration: none;
}
a.linkFooter:hover{
    text-decoration: none;
    color: #000;
}


/*Tablas */
.CabeceraTabla{
    font-family: 'Open Sans Bold', 'Helvetica Neue', Helvetica, Arial,'Liberation Sans',FreeSans,sans-serif;
    font-size: 11px;
    background-color: #EBEBEB;
    height: 30px;
    /* font-weight: bold; */
    text-align: center;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #E5E5E5;
    border-right-color: #FFF;
    border-bottom-color: #E5E5E5;
    border-left-color: #E5E5E5;
}

.RegistroTabla{
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial,'Liberation Sans',FreeSans,sans-serif;
    font-size: 11px;
    color: #333;
    padding: 2px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #E5E5E5;
    border-right-color: #E5E5E5;
    border-bottom-color: #E5E5E5;
    border-left-color: #E5E5E5;
}
TR.RegistroTabla{
    background-color: #fff;
}


TR.RegistroTabla:hover{
    background-color: #C1E7FF;
}


.botonCancelar{
    color:#fff;
    font-size:11px;
    min-height:18px;
    background-color:#999;
    padding-left: 15px;
    padding-right: 15px;
    padding-top:2px;
    padding-bottom:2px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    -moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border: 1px solid #999;
}
.botonCancelar:hover{
    text-decoration: none;
    cursor:pointer;
    background-color:#666;
    border: 1px solid #666;
    color:#FFF;
}

.botonRojoMini{
    color:#fff;
    font-size:11px;
    min-height:18px;
     /* background-color:#09F; */
    background-color:#fd2323;
    padding-left: 15px;
    padding-right: 15px;
    padding-top:2px;
    padding-bottom:2px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    -moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border: 0px solid #09F;
}
.botonRojoMini:hover{
    text-decoration: none;
    cursor:pointer;
    /*background-color:#0066CC;*/
    background-color:#2C3B8B;
    color:#FFF;
}