html, body.compratuentradaonline{
    height: 100%;
}
body.compratuentradaonline #main{
    min-height: 100%;
    margin-bottom: -110px;
    padding-bottom: 110px;
}

.bloque-pasos .active > a{background-color: #5AD998;}

a, a:focus, a:hover{
    color: #5AD998;
}

.bloque-pasos a:hover{color: #2C3E4F;}
.bloque-pasos .active a:hover{color: #FFF;}

button[name='btn-menu']{
    background-color: #ECF0F1;
    border-color: #bdbdbd !important;
    color: #2C3E4F;
}

.btn-descarga{
    border-color: #31a067;
    background-color: #5AD998;
    color: #2C3E4F;
}
.btn-descarga:hover{
    background-color: #31a067;
    color: #FFF;
    border-color: #31a067;
}
.btn-descarga:hover > .fa{color: #FFF;}

.navbar-default .navbar-nav > li > a:hover{background-color: #5AD998;}
table.tabla-eventos tr th, table.tabla-eventos tr td{ border: none;  }

.navbar-default{ background:#2C3E4F; }
.navbar-nav{ margin-top: 20px; }
.navbar-default .navbar-brand.compratuentrada{
    max-width: 280px;
    height: 85px;
    margin-top: 0px;
    margin-left: 0px;
}

.navbar-default .navbar-brand.compratuentrada{
    padding-top: 15px;
}
.navbar-default{
    /*CABECERA-AZULbackground-color: #2C3E4F;*/
    /*CABECERA-BLANCA*/
    background-color: #FFF;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(51,51,51,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(51,51,51,1);
    box-shadow: 0px 0px 5px 0px rgba(51,51,51,1);
}
.navbar-default .navbar-nav > li > a{
    border-radius: 9px;
    margin-right: 15px;
    padding: 10px 35px;
    color: #fff;
    background: #212E3B;}
.contbaner{
    background: url(../../img/banner.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    width: 100%;
    float: left;
    border-bottom: 10px solid #5AD998; }
#banners-escritorio.carousel, .bloque-patrocinado{ background: transparent; }
.thumbnail.evento{ border: 1px solid #ddd; }
.bloque-patrocinado { margin-top: -1px; }
.bloque-patrocinado .title-bloque, .bloque-eventos .title-bloque{ color: #000; }

footer.footer{ background: #5AD998; }
footer.footer .container{ background: #5AD998; }

#banners-escritorio .carousel-control{
    background-color: transparent;
    background-image: none !important;
    color: #5AD998;
    opacity: 1;
}
    #banners-escritorio .carousel-control .glyphicon{
        display: inline-block;
        width: auto;
        padding: 8px 9px 11px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        height: auto;
        background: #2C3E4F;
        vertical-align: middle;

        -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
        box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    }
    #banners-escritorio .carousel-control:hover .glyphicon{
        color: #2C3E4F;
        background-color: #5AD998;
    }

/*@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Six+Caps&subset=latin-ext');
*/
body .compratuentradaonline{
    font-family: 'Montserrat', sans-serif;
}

    body .compratuentradaonline .btn-seccion{
        border: 1px solid #333;
        border-radius: 0 0 0;
        color: #333;
        font-size: 12px;
        background-color: transparent;
    }
    body .compratuentradaonline .btn-white{
        border-color: #FFF;
        color: #FFF;
    }
    body .compratuentradaonline .btn-seccion:hover{
        border-color: #5AD998;
        color: #5AD998;
    }

    body .compratuentradaonline .bloque-background{
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
    }

    body .compratuentradaonline .container{
        background-color: transparent;
    }

    body .compratuentradaonline .bloque-seccion{
        padding-top: 55px;
        padding-bottom: 55px;
    }
        body .compratuentradaonline .bloque-seccion.blanco{
            background-color: #FFF;
        }
        body .compratuentradaonline .bloque-seccion.gris{
            background-color: #F0F0F0;
        }

    body .compratuentradaonline .bloque-tusEventos,
    body .compratuentradaonline .bloque-unete{
        display: table;
        width: 100%;
        text-align: center;
    }
    body .compratuentradaonline .bloque-tusEventos{
        height: 530px;
        background-image: url(../../img/CTEO-slide-portada.jpg);
    }
        body .compratuentradaonline .bloque-tusEventos .contenedor,
        body .compratuentradaonline .bloque-unete .contenedor{
            display: table-cell;
            vertical-align: middle;
            width: 100%;
            height: 100%;
        }
    body .compratuentradaonline h1,
    body .compratuentradaonline h2{
        font-family: 'Six Caps', sans-serif;
        letter-spacing: 14px;
    }
    body .compratuentradaonline h3,
    body .compratuentradaonline h4,
    body .compratuentradaonline h5,
    body .compratuentradaonline h6{
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
    }
    body .compratuentradaonline h1{font-size: 135px;}
    body .compratuentradaonline h2{font-size: 96px; line-height: 0.95}

    body .compratuentradaonline .negrita{font-weight: 400;}

    body .compratuentradaonline p.destacado,
    body .compratuentradaonline .btn-seccion.destacado{font-size: 18px;}

    body .compratuentradaonline .text-white{color: #FFF;}

    body .compratuentradaonline div[class*="fondo"]{
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        height: 450px;

        background-color: #5AD998;
    }
    body .compratuentradaonline .fondo1{
        background-image: url(../../img/CTEO-ballet.jpg);
        background-position: center bottom !important;
    }
    body .compratuentradaonline .fondo2{
        background-image: url(../../img/CTEO-guitarra.jpg);
    }
    body .compratuentradaonline .caret-down:before{
        font: normal normal normal 130px/1 FontAwesome;
        content: '\f0d7';
        color: #FFF;

        height: 90px;
        width: 100%;

        position: absolute;
        top: -55px;
        left: 0;
        text-align: center;
    }

    body .compratuentradaonline .carousel{
        background-color: #2C3E4F;
        height: 470px;
        padding-top: 15px;
        padding-bottom: 15px;

        z-index: 1;
    }
        body .compratuentradaonline .carousel .carousel-inner{
            height: 100%;
            left: -5%;
            z-index: 2;
        }
        body .compratuentradaonline .carousel .carousel-inner .item{
            border: 0;
            background-color: #2C3E4F;
        }
        body .compratuentradaonline .carousel .carousel-control.right,
        body .compratuentradaonline .carousel .carousel-control.left{
            z-index: 3;
        }
        body .compratuentradaonline .carousel .carousel-inner .item img{
            max-width: 50%;
        }
        body .compratuentradaonline .carousel .carousel-inner .item .carousel-caption{
            left: 53%;
            right: 2%;
            top: 15%;
            text-align: left;
        }
        body .compratuentradaonline .carousel-indicators{bottom: 0;}

        body .compratuentradaonline .carousel .carousel-inner .item .carousel-caption p{
            font-size: 14px;
            margin-bottom: 10px;
        }
        body .compratuentradaonline .carousel .carousel-inner .item .carousel-caption .title-caption{
            margin-bottom: 25px;
            font-size: 16px;
            font-weight: 600;
        }
        body .compratuentradaonline .carousel .carousel-inner .item .carousel-caption .number-slide{
            margin-bottom: 35px;
            margin-top: 0;
            font-size: 55px;
            line-height: 1;
            display: block;
            min-height: 0;
        }

    body .compratuentradaonline .bloque-bordeado{
        border: 1px solid #333;
        padding-top: 25px;
        padding-bottom: 25px;
    }
        body .compratuentradaonline .bloque-bordeado .caption{
            padding-top: 30px;
        }

    body .compratuentradaonline .bloque-unete{
        background-image: url(../../img/CTEO-fondo-grada.jpg);
        height: 940px;
    }

    body .compratuentradaonline .form-control{
        border-color: #FFF;
        color: #FFF;
        background-color: transparent;
        border-radius: 0 0 0;
    }
        body .compratuentradaonline .form-control:focus,
        body .compratuentradaonline .select2-container--default .select2-selection--single[aria-expanded="true"]{
            border-color: #5AD998 !important;
        }

        body .compratuentradaonline .form-control::-webkit-input-placeholder,
        body .compratuentradaonline .select2-container--default .select2-selection--single .select2-selection__rendered{
            color: #939393;
            font-style: italic;
            font-size: 11px;
        }

        body .compratuentradaonline .input-md.select2,
        body .compratuentradaonline .input-md.select2>.select2-choice {
            height: 34px;
        }

        body .compratuentradaonline .select2-container--default .select2-selection--single,
        body .compratuentradaonline .select2-dropdown{border-color: #FFF !important;}

        body .compratuentradaonline .select2-container--default .select2-selection--single,
        body .compratuentradaonline .select2-selection__arrow{
            height: 34px !important;
            border-radius: 0 0 0;
            background-color: transparent;
            text-align: left;
        }

        body .compratuentradaonline .input-group .select2-container--default .select2-selection--single{
            border-radius: 0px 0px 0px 0px;
            -moz-border-radius: 0px 0px 0px 0px;
            -webkit-border-radius: 0px 0px 0px 0px;
        }

        body .compratuentradaonline .select2-container--default .select2-selection--single .select2-selection__rendered{
            line-height: 32px;
        }

    body .compratuentradaonline .bloque-listaservicios{
        margin-top: 25px;
        font-size: 12px;
    }



/****************/
/* MEDIA QUERYS */
/****************/

/*EXTRA SMALL DEVICES - MÓVILES*/
@media only screen and (max-width: 767px) {
    .navbar-default .navbar-nav > li > a{
        color: #FFF;
        background-color: #1E3244;
        border-color: #0A1A28;

        border-radius: 0 0 0;
    }
    .contbaner{border-bottom: 0}

    body .compratuentradaonline h1{font-size: 90px;}
    body .compratuentradaonline h2{font-size: 55px;}
    body .compratuentradaonline h4{font-size: 15px;}
    body .compratuentradaonline p.destacado,
    body .compratuentradaonline .btn-seccion.destacado{font-size: 15px;}
    body .compratuentradaonline .carousel .carousel-inner .item .carousel-caption p{font-size: 10px;}
    body .compratuentradaonline .carousel .carousel-inner .item .carousel-caption .number-slide{
        font-size: 25px;
        float: left;
        margin-right: 10px;
        width: auto;
        margin-bottom: 0;
        font-weight: 600;
    }

    body .compratuentradaonline .carousel .carousel-inner .item .carousel-caption{
        left: 0%;
        right: 0;
        top: 0;
        bottom: 0;

        padding: 15px 25px;

        background: url(../../img/pattern.png);
    }
    body .compratuentradaonline .carousel{
        height: 290px;
    }
}

/*SMALL DEVICES - TABLETS*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-default .navbar-nav > li > a{
        padding: 10px 10px;
        margin-right: 5px;
    }



    body .compratuentradaonline .carousel .carousel-inner .item .carousel-caption{
        left: 35%;
        right: 0;
        top: 0;
        bottom: 0;

        padding: 15px 25px;

        background: url(../../img/pattern.png);
    }
}

/*MEDIUM DEVICES - ESCRITORIO*/
@media only screen and (min-width: 992px) {}

/*MEDIUM AND HIGHT DEVICES - TABLETS Y ESCRITORIO*/
@media only screen and (min-width: 768px) {
    .navbar-default .navbar-nav > li > a{
        background-color: transparent;
        /*CABECERA-BLANCA*/ color: #212E3B;
        /*CABECERA-AZULcolor: #FFF;*/

        margin-right: 5px;
        padding: 10px 5px;

        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }
    .navbar-default .navbar-nav > li > a:hover{
        border-bottom: 2px solid #5AD998;
        background-color: transparent;
        color: #5AD998;
    }

    /*CABECERA-BLANCA*/
    footer.footer,
    footer.footer .container{
        background-color: #2C3E4F;
        color: #FFF;
    }
    footer.footer .container{
        border-color: #2C3E4F;
    }
    footer a,
    footer a:active,
    footer a:focus,
    footer a:hover{
        color: #FFF;
    }
}

/*SMALL AND MEDIUM DEVICES - MOVIL Y TABLET*/
@media only screen and (max-width: 991px) {
    body .compratuentradaonline .caret-down:before{display: none;}

    body .compratuentradaonline .carousel{
        padding: 0;
    }
    body .compratuentradaonline .carousel .carousel-inner{
        left: 0
    }
    body .compratuentradaonline .carousel .carousel-inner .item img{
        max-width: 100%;
    }
    .navbar-default .navbar-brand.compratuentrada{
        padding-top: 5px;
    }
    body .compratuentradaonline h2{letter-spacing: 8px;}
}