@font-face{
    font-family: 'Montserrat';
    src:url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
    url('../fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'Montserrat';
    src:url('../fonts/montserrat-thin-webfont.woff2') format('woff2'),
    url('../fonts/montserrat-thin-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face{
    font-family: 'Montserrat';
    src:url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
    url('../fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'ds-digitalnormal';
    src: url('../fonts/ds-digi-webfont.woff2') format('woff2'),
         url('../fonts/ds-digi-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face{
    font-family: 'OpenSans';
    src:url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
    url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'OpenSans';
    src:url('../fonts/opensans-light-webfont.woff2') format('woff2'),
    url('../fonts/opensans-light-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face{
    font-family: 'OpenSans';
    src:url('../fonts/opensans-italic-webfont.woff2') format('woff2'),
    url('../fonts/opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face{
    font-family: 'OpenSans';
    src:url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
    url('../fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face{
    font-family: 'OpenSans';
    src:url('../fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
    url('../fonts/opensans-bolditalic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

body {
    font-family: Montserrat;
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.675em;
}

.icologo{
    height: 70px;
}


.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin-heading{
    font-size: 20px;
}
.form-signin .checkbox {
    font-weight: 400;
}
.form-signin .form-control {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.fblack {
    background-color: #000 !important;
}

.tblanco {
    color: #fff;
}

.tblanco a,
.tblanco a:hover,
.tblanco a:visited{
    color: #fff;
}
.mr20{
    margin-right: 20px;
}
.mt20{
    margin-top: 20px;
}

.mt50{
    margin-top: 50px;
}

.marginvideos{
    margin-top: 50px;
}

.padding10{
    padding: 10px;
}
.bordeoscuro{
    border:1px solid #333;
}
.fgreen{
  background-color: #007c4f !important;
}
.usuario {
    float: left;
    margin-left: 20px;
    font-size: 16px;
    color: #ffffff;
    margin-top: 12px;
}

.campobusca{
    float:left;
    margin-left: 10px;
}

.botonbusca{
    float:left;
    margin-left: 10px;
}

.spacetop{
    margin-top: 100px;
}

.panel-footer{
    background-color: #007c4f;
    margin-top: 50px;
}


.navbar-inverse {
    background-color: #007c4f !important;
    border-color: #080808 !important;
}

.fblue{
background-color: #007c4f;
}

.btn-primary {
    color: #fff;
    background-color: #007c4f;
    border-color: #2e6da4;
}
.navbar-inverse .navbar-nav > li > a {
    color: #f1f1f1;
}
.spacetop{
    margin-top: 108px;
}
/* -------------------------------------- */
.bloquevideos{
    width: 100%;
    /*
    display: flex;
    flex-wrap: wrap;
    */
    display: block;
    text-align: center;
}

.bloquevideo{
    width: 300px;
    display: inline-block;
    vertical-align: top;
    /*margin: auto;*/
    margin:15px;
}

.imagenvideo{
    width: 100%;
}

.titulovideo{
    font-size: 16px;
    font-weight: bold;
    width:100%;
    padding:10px;
}

.descripcionvideo{
    font-size: 14px;
    width:100%;
    padding:10px;
}

.boteneravideo{
    width:100%;
    padding:10px;
}


.navbar {
    min-height: 96px !important;
}

.linkmenu{
    margin-top: 18px;
}

.borderbottom{
    border-bottom: 1px solid #ccc;
}

.paginador{
    margin-top: 40px;
    margin-bottom: 100px;
    border-top: 1px solid #ccc;
    padding-top: 30px;
    width: 100%;
    text-align: center;
}
/* -------------------------------------- */

.titulonoticiaportada{
    margin-top: 50px;
    font-size: 30px;   
    font-weight: bold; 
}

.textonoticiaportada{
    margin-top: 30px;
    line-height: 1.3em;
    font-size: 16px;
}


.btn-primary:hover {
    color: #fff;
    background-color: #02b977 !important;
    border-color: #02b977  !important;
}

.btn-primary {
    color: #fff;
    background-color: #007c4f;
    border-color: #007c4f;
}

a {
    color: #007c4f;
    text-decoration: none;
}
.gris {
  background-color: #e7e7e7;
}

/* -------------------------------------------------- 
LISTADO JORNADAS
------------------------------------------------------ */
.boxlistado{
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    border-radius: 3px;
    border: 1px solid #ebebeb;
    margin: 10px;
    padding: 30px;
}

.listadotitulo{
    color:#167c52;
    width: 100%;
    padding:10px;
    font-size: 28px;
    font-weight: bold;
}

.listadotexto{
    color:#555555;
    width: 100%;
    padding: 10px;
    font-size: 18px;
}

.listadobtn{
    width: 100%;
    padding: 10px;
    
}
/* -------------------------------------------------- 
DETALLE JORNADA
------------------------------------------------------ */
.detallenombre{
    color:#167c52;
    padding:10px;
    font-size: 28px;
    font-weight: bold;
}

.detalletexto{
    color:#555555;
    padding:10px;
    font-size: 18px;
}

.detalledatos{
    padding: 20px;
    background: #EBEBEB; 
    margin-bottom: 40px;
}
.detallelugar{
    color:#555555;
    padding:10px;
    font-size: 17px;
    font-weight: normal;
}

.detalleseleccionasiento{
    background-color:#daf7dc;
    padding:10px;
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 20px;
}

.avisologin{
    color:#c81010;
    width: 100%;
    
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 50px;
}

.detallebotonera{
    padding-top:30px;
}

.tablacarrito{
    color: #555;
    font-size: 14px;
}

.labeltaquilla{
    margin-left: 20px;
}
.hidden{
    display: none;
}
.resultadosbusqueda{
    height: 200px;
    overflow-y: scroll;
}


.imageequipojornada{
    height: 50px;
}

.nombreequipojornada{
    font-size: 20px;
    font-weight: bold;
    color:#000;
}
.precioentradatxt{
    font-size: 20px;
    color:#000;
}
.precioentradapvp{
    font-size: 20px;
    color:#c81010;
}
.totalcarritotxt{
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

.totalcarritopvp{
    font-size: 18px;
    font-weight: bold;
    color: #c81010;
}

.correctopago{
    font-size: 20px;
    font-weight: bold;
    color:#000;
}

.boxperfil{
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    border-radius: 3px;
    border: 1px solid #ebebeb;
    margin: 10px;
    padding: 30px;
}
.borderrojo{
    border:1px solid #ff0000;
}
.avisonohay{
    color:#c81010;
    font-size: 20;
    font-weight: bold;
    width: 100%;
    background-color: #cccccc;
    padding: 10px;
}
.claveqr{
    color:#000;
    font-size: 20px;
    font-weight: bold;
}

.mimenu{
    
    }


.avisoentradavendidas{
    font-weight: bold;
    color:#c81010;
    font-size: 18px;
    margin-right: 30px;
}
.avisoaforopermitido{
    font-weight: bold;
    color:#000000;
    font-size: 16px;
}


.filtroanyoperfil{
    display: inline-block;
    margin-left:20px;
    font-weight: bold;
}

.tituloperfilfiltroanyo{
    display:inline-block;
}

.selectfiltroanyoperfil{
    padding:5px;
    color:#007c4f;
}


/* ---------------------------------------------------
    estadio
----------------------------------------------------- */

.asientossector:nth-child(even) {background: #CCC}

.fondopista {
    fill: #b70808;
}
.pista {
    fill: #3c4cbf;
}
.lineaspista {
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
}
.centropista {
    fill: #fff;
}
.sector {
    fill: #972844;
    cursor: pointer;
}
.sector:hover {
    fill: #ffb962;
    cursor: pointer;
}
.sectorrect.reservado{
    fill: #ecad00;
    cursor: pointer;
}

.sectorrect.reservado:hover {
    fill: #ffb962;
}


.asientopista{
    margin: .25rem !important;
    font-size: 12px;
    padding:  4px 6px 4px 6px;
    width: 26px;
    height: 26px;
    border: 0px;
    background: url('/img/admin/asiento00.png') 0 0;
    background-color: none;
    border-color: #269abc;
    border-radius: 0px;
}
.asientopista:hover{
    background-position: 26px bottom;
    background-color: initial;
}

.asientopistarojo{
    margin: .25rem !important;
    font-size: 12px;
    padding:  4px 6px 4px 6px;
    width: 26px;
    height: 26px;
    border: 0px;
    background: url('/img/admin/asiento01.png') 0 0;
    background-color: none;
    border-color: #269abc;
    border-radius: 0px;
}
.asientopistarojo:hover{
    background-position: 26px bottom;
    background-color: initial;
}

.asientopistagris{
    margin: .25rem !important;
    font-size: 12px;
    padding:  4px 6px 4px 6px;
    width: 26px;
    height: 26px;
    border: 0px;
    background: url('/img/admin/asiento02.png') 0 0;
    background-color: none;
    border-color: #ccc;
    border-radius: 0px;
}
.asientopistagris:hover{
    background-position: 26px bottom;
    background-color: initial;
}

.asientopistanegro{
    margin: .25rem !important;
    font-size: 12px;
    color: #000000;
    padding:  4px 6px 4px 6px;
    width: 26px;
    height: 26px;
    border: 0px;
    background: url('/img/admin/asiento03.png') 0 0;
    background-color: none;
    border-color: #000;
    border-radius: 0px;
}
.asientopistanegro:hover{
    background-position: 26px bottom;
    background-color: initial;
    color: #000000;
}

.asientopistanaranja{
    margin: .25rem !important;
    font-size: 12px;
    padding:  4px 6px 4px 6px;
    width: 26px;
    height: 26px;
    border: 0px;
    background: url('/img/admin/asiento04.png') 0 0;
    background-color: none;
    border-color: #ccc;
    border-radius: 0px;
}
.asientopistanaranja:hover{
    background-position: 26px bottom;
    background-color: initial;
}

.preciorenovacion{
    font-size: 30px;
    font-weight: bold;
    color: #b72420;
    border: 0px;
    padding-top: 20px;

}
/* -------------------------------------------------
   NUEVO ABONADO
----------------------------------------------------*/
.fontlabel{
    font-size: 12px;
}
.asteriscorojo{
    display: inline-flex;
    color: red;
}

.capareloj{
    font-family: ds-digitalnormal,Arial, sans-serif;
    position: absolute;
    top: 20px;
    left: 30%;
    font-size: 60px;
    z-index: 999999;
    color: green;
    padding: 10px 10px 10px 10px;
    background: url('/img/public/fondoreloj.png');
    border: 4px solid #fff;
    width: 190px;
}

.minutos{
    display: inline-block;
    vertical-align: top;
    font-size: 60px;
    font-family: ds-digitalnormal,Arial, sans-serif;
}
.segundos{
    display: inline-block;
    vertical-align: top;
    font-size: 60px;
    font-family: ds-digitalnormal,Arial, sans-serif;
}
.separadorreloj{
    display: inline-block;
    vertical-align: top;
    font-size: 60px;
    font-family: ds-digitalnormal,Arial, sans-serif;
}
.textoreloj{
    font-family: ds-digitalnormal,Arial, sans-serif;
    width: 100%;
    font-size: 14px;
    padding: 10px;
}

.neon {
    color: #fff;
    margin-top: 10%;
    text-shadow:
        0 0 5px rgba(0,178,255,1),
        0 0 10px rgba(0,178,255,1),
        0 0 20px rgba(0,178,255,1),
        0 0 40px rgba(38,104,127,1),
        0 0 80px rgba(38,104,127,1),
        0 0 90px rgba(38,104,127,1),
        0 0 100px rgba(38,104,127,1),
        0 0 140px rgba(38,104,127,1),
        0 0 180px rgba(38,104,127,1);
}

/* --------------------------------------------------- */
.colorrenovado{
    color: #c9302c;
    font-weight: bold;
}


/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 768px) {
    .linkmenu{
        margin-top: 0px;
    }
    .mimenu{
        display:block !important;
    }
    .mimenu li{
        display:inline-block !important;
    }
}