/**/

@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
body,
html {
    font-family: 'Raleway', sans-serif;
    overflow-x:none;
}

.bafici span {
    color: red;
    font-weight: bold;
    margin-top: -3px;
    position: absolute;
}

.navbar-default .navbar-nav > li > a {
    padding: 5px 5px;
    text-transform: uppercase;
    font-size: 12px;
}

#navbar ul li a span {
    margin-right: 2px;
}

#menuTop li a i {
    color: #7a7a7a;
    margin-right: 5px;
}

.destacado-img {
    /*margin-top: 25px;*/
}

.sitios-acciones-volver li {
    position: absolute;
    left: 0;
}

.bafici-font-rojo {
    color: #d52f31 !important;
}

.bafici-bg-rojo {
    background-color: #d52f31;
}

.bafici-menu-plus {
    position: absolute;
    margin-top: -5px;
}

.bafici-entradas button {
    margin-left: 30px;
}

.sitio-font-violeta {
    color: #19c0d3;
}

.sitio-bg-violeta {
    background-color: #19c0d3;
}

#contacto {
    /*
    background-image: url('../../img/portal/bgFooter.png');
    background-position: bottom;
    background-repeat: repeat-x;
    padding-bottom: 150px;
    */
    /*margin-top: 30px;*/
}

#contacto a {
    color: #0066a3;
    /*font-weight: bold;*/
}

#contacto .dropdown-menu a {
    color: #fff;
}

#contacto .dropdown-menu a:hover {
    color: #19c0d3;
}

#footer {
    background-color: #19c0d3;
    color: #fff;
    padding-bottom: 30px;
    margin-top: 20px;
    /*
  min-height: 355px;
  */
}

#footer h1 {
    font-weight: bold;
}

.footer-datos {
    margin: 0;
    padding: 0;
    margin-top: 30px;
}

.footer-datos .row {
   /* margin-bottom: 20px;*/
}

.footer-datos i {
    font-size: 30px;
}

.footer-datos h1 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
}

.footer-datos h1 small {
    text-transform: lowercase;
    color: #fff;
    font-size: 14px;
}

.footer-datos small a {
    color: #fff !important;
}




.footerbtn i{
    font-size: 24px;
    color: #ccc!important;
}

#sitios-preload {
    background: #19c0d3;
    z-index: 1000;
    display: none;
}

.sec {
    min-height: 240px;
}

.sec-acciones {
    margin-right: 0;
}

.box-img {
    height: 200px;
}

.page-header {
    /*border-bottom: 1px solid #19c0d3;*/
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    border: 0;
}

.borde-bottom {
    border-bottom: 1px solid #19c0d3 !important;
}

.principal-img {
    background: #000;
    border: 1px solid #000;
}

.timeline-badge.warning {
    background: #0066a3 !important;
}

.sitio-evento-box {
    min-height: 450px;
}

.jumbotron-noticias {
    background: #fff !important;
    color: #424242;
}

.sitio-noticia-box {
    min-height: 400px;
}

.flechaIz,
.flechaDer {
    position: absolute;
    width: 20px;
    height: 20px;
    /*margin-top: 110px;*/
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.flechaIz i,
.flechaDer i {
    margin-top: 25px;
}

.flechaIz {
    left: 0
}

.flechaDer {
    top: 0;
    right: 0;
    /*right: 10px;*/
}

.insert {
    position: relative;
    min-height: 280px;
    left: 0px;
    right: 0px;
    margin-top: 10px;
    /*background: gray;*/
}


/* colores menu */

.navbar-header {
    height: 25px;
}

.navbar-toggle {
    height: 25px;
    padding: 0px;
    margin: 0;
    border: none;
    background: none;
    margin-right: 5px;
}

.navbar-toggle:hover {
    background: none !important;
}

.navbar-default {
    background: #424242;
    /*background: red;*/
    border: none;
    top: 104px;
    font-size: 13px;
    position: fixed;
    z-index: 50;
    border: 0px;
    height: 25px;
    min-height: 31px;
}

.dropdown-menu {
    background-color: #555;
    border: none;
}

.dropdown-menu>li>a {
    color: #ecf0f1;
    font-size: 13px;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a i,
.navbar-default .navbar-nav > .active > a:focus {
    background: #5e5e5e !important;
    color: #fff !important;
}

.nav>li>a>img{
    margin-right: 3px;
}

.dropdown-header {
    color: #fff;
}


/*PARA HEADER*/

#bafici-header {
    width: 100%;
    height: 35px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11 !important;
}

#bafici-logo-gob {
    float: left;
    margin: 3px 0 0 10px;
}

#bafici-logo-festivales,
#bafici-logo-agenda,
#bafici-logo-enTodo {
    float: right;
}

#bafici-logo-enTodo {
    margin-top: 6px;
    margin-right: 10px;
}

#bafici-logo-agenda {
    padding-right: 10px;
    background: #fff;
}

@media (max-width: 810px) {
    #bafici-logo-enTodo,
    #portal-logo-agenda {
        display: none;
    }
}

@media (max-width: 610px) {
    #bafici-logo-gob {
        display: none;
    }
}

#sitio-header {
   
    height: 69px;
    background: #19c0d3;
    background-image: url('../../img/bafici/header-bg-01.png');
    /*
    background-position: right 300px center;
    background-repeat: no-repeat;
    */
}

.contenido {
    margin-top: 134px;
}

.paragraphs {
    margin-bottom: 30px;
}

#contacto {
    /*background-image: url('../../img/portal/bgFooter.png');*/
}

#inicio {
    background: #000;
    width: 100%;
    margin: 0;
    padding: 0;
    /*background-image: url('../../img/bafici/p1.jpg');
    
    background-image: url('../../img/bafici/p4.jpg');
   background-position:   bottom center;
   background-repeat: no-repeat;
   background-color: #f8b919;
  background-size: cover;
  */
}

.img {
    width: 300px;
    border: 1px solid #c1c1c1;
    padding: 3px;
    margin: 0px 10px 10px 0px;
}

.img-noticia {
    width: 300px;
    border: 1px solid #c1c1c1;
    padding: 3px;
    margin: 0px 10px 10px 0px;
}

#noticia-video-holder {
    height: 0px;
    background: #000;
    width: 100%;
}

.box-multimedia-img {
    width: 185px;
    height: 150px;
    float: left;
    margin: 10px;
    border: 1px solid #c1c1c1;
}

#videosHolder {
    height: 450px;
    background: #000;
    width: 100%;
}

#ytplayer {
    background: #000;
    position: absolute;
    right: -100%;
    top: 220px;
}

#vmplayer {
    background: #000;
    position: absolute;
    right: -100%;
    top: 220px;
}

.jumbotron {
    background: #000;
    background-repeat: no-repeat;
}

.paragraphs .row {
    margin: 20px 0px;
}

#map_holder {
    height: 450px;
    width: 100%;
}

#map_canvas {
    width: 100%;
    height: 450px;
    position: absolute;
    /* pointer-events: none;*/
}

#directions_panel {
    width: 50%;
    margin-left: 50%;
    height: 450px;
    display: none;
    position: absolute;
    overflow: auto;
    padding: 0px 5px;
}

.input-largo {
    width: 350px !important;
}

.evento-dia {
    height: 25px;
    line-height: 25px;
    text-align: left;
    font-size: 13px;
    padding-left: 5px;
    margin-top: 160px;
    padding-right: 5px;
    position: absolute;
    -webkit-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0;
}

.evento-dias {
    padding: 5px;
    cursor: pointer;
    font-size: 80%;
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
    float: left;
    margin-right: 5px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.evento-tag {
    font-size: 11px;
    margin-right: 3px;
}

#eventos-filtro .panel-title,
#eventos-filtro .panel-collapse {
    font-size: 13px;
}

#contacto {
    min-height: 100%;
}

#map-canvas {
    width: 100%;
    height: 130px;
}

.swiper-destacados {
    z-index: 1;
    height: 500px;
}

.swiper-wrapper-destacados {
    z-index: 1;
    width: 100%;
}

.swiper-destacados-slide {
    height: 500px;
    /*background: blue;*/
}

.swiper-noticias {
    z-index: 1;
    height: 400px;
}

.swiper-wrapper-noticias {
    z-index: 1;
}

.swiper-noticias-slide {
    width: 300px;
    height: 400px;
    /*background: red;*/
}

.swiper-fotos {
    z-index: 1;
    height: 250px;
}

.swiper-wrapper-fotos {
    z-index: 1;
}

.swiper-fotos-slide {
    width: 300px;
    height: 250px;
    /*background: blue;*/
}

.swiper-videos {
    z-index: 1;
    height: 250px;
}

.swiper-wrapper-videos {
    z-index: 1;
}

.swiper-videos-slide {
    width: 300px;
    height: 250px;
    /* background: red;*/
}

#noticias {
    height: 440px;
}

.headerDestacados {
    /* background: red;*/
    padding-top: 15px;
    margin-bottom: 15px;
    text-shadow: 2px 2px 2px #000000;
}

.flechaIzDest {
    position: absolute;
    cursor: pointer;
    left: 50px;
    height: 30px;
    width: 17px;
    font-size: 20px;
    color: #fff;
    background: #5E5E5E;
    padding: 15px 3px 15px 3px;
    z-index: 9;
    background: url("../../img/bafici/arrows.png") no-repeat scroll left top transparent;
     display: none;
}

.flechaDerDest {
    position: absolute;
    cursor: pointer;
    right: 50px;
    height: 30px;
    width: 17px;
    font-size: 20px;
    color: #fff;
    background: #5E5E5E;
    padding: 15px 3px 15px 3px;
    z-index: 9;
    background: url("../../img/bafici/arrows.png") no-repeat scroll left bottom transparent;
    display: none;
}

.swiper-pagination {
    position: absolute;
    z-index: 90000;
    /*left: 50%;*/
    right: 0;
    bottom: 10px;
    text-align: center;
}

.swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #222;
    margin-right: 5px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
}

.swiper-visible-switch {
    background: #aaa;
}

.swiper-active-switch {
    background: #fff;
}

.destacados {}

.destacado-img {
    background-repeat: no-repeat;
    position: absolute;
    background-position: top center;
    /*background-color: #000;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 4;
}

.pattern01 {
    position: absolute;
    width: 100%;
    height: 100%;
    /*
background: #000;
zoom: 1;
filter: alpha(opacity=0.1);
opacity: 0.1;
*/
    z-index: 5;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+1,0+100 */
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 1%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(1%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 1%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 1%, rgba(0, 0, 0, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 1%, rgba(0, 0, 0, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 1%, rgba(0, 0, 0, 0) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 */
    /*
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAADklEQVQIW2NgQAXGZHAAGioAza6+Hk0AAAAASUVORK5CYII="); 
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAMklEQVQYlWNgYGAwZkAFxjjEcApgSOKTIGgSVpOxKcKqmGiFRFuNUwCHGFaT8erCGuAAtV8HLQ/j6goAAAAASUVORK5CYII=');
*/
}

.destacados-transparencia {
    display: none;
    position: absolute;
    background: blue;
    z-index: 9;
    background: #000;
    zoom: 1;
    filter: alpha(opacity=0.3);
    opacity: 0.3;
}

.video_players {}

.destacado-box {
    position: relative;
    /* left: 50px;
    top: 50px; */
    z-index: 10;
    font-size: 15px;
    display: ;
    padding: 0 15px;
    /*background:red;*/
}

.destacado-box .container {
    /*background-color: red;*/
    padding-top: 60px;
}

.destacado-box a:hover {
    color: #fff!important;
}

.destacado-box h1 {
    font-size: 35px;
    font-weight: bold;
    text-transform: uppercase;
}

.destacado-box .btn {
    background: none;
    border: 1px solid #ccc;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 0px;
    /* Firefox 1-3.6 */
    -moz-border-radius: 0px;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 0px;
    padding: 5px 10px;
    font-size: 15px;
}

.destacado-box .btn i {
    margin-left: 5px;
}

#formularios {
    margin-top: 100px;
    margin-bottom: 100px;
}

.form-horizontal .control-group {
    padding-bottom: 20px;
    clear: both;
}

.control-label {
    margin: 0px;
    padding: 5px 0;
}

.controls {}

.form-horizontal input[type=text],
.form-horizontal input[type=password],
.form-horizontal textarea {
    width: 100%;
    padding: 5px;
}

.nota {
    font-style: italic;
    clear: both;
}

.form-horizontal .btn {
    clear: both;
}

.noborder {
    border: 0 !important;
}

h3 {
    margin-top: 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

h2 {
    margin-bottom: 20px;
}

#flechaLeft {
    position: fixed;
    bottom: 10px;
    left: 50%;
    margin-left: -50px;
    width: 30px;
    height: 30px;
    background-color: #424242;
    color: #ecf0f1;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    z-index: 100;
}

.errNew {
    font-style: italic;
    color: red;
}

.hint {
    display: none;
}

#notaCamposRequeridos {
    height: 40px;
    line-height: 40px;
    font-style: italic;
    font-weight: bold;
}

.aclaracion {
    font-size: 12px !important;
    font-style: italic !important;
}


/*
.columna-secciones{
   
}
.columna-secciones a {
    padding: 5px 10px;
    margin-left: 5px;
    margin-top: 5px;
    display: block;
    float: left;
    border-radius: 3px;
    font-size: 13px;
}
.columna-secciones a:hover {
    text-decoration: none;
    color: #fcd402;
}
*/

#map_canvas-home {
    width: 100%;
    height: 350px;
    margin-bottom: 20px;
    /* pointer-events: none;*/
}


/*menu top*/

#menu-top {
    position: fixed;
    /* background: red;*/
    right: 0;
    top: 35px;
    z-index: 100;
}

.item-menu {
    cursor: pointer;
    /*ackground: none repeat scroll 0% 0% rgba(56, 187, 213, 0.5);*/
    text-decoration: none;
    color: #FFF;
    padding: 0px 5px;
    /*width: 280px;*/
    text-align: center;
    line-height: 69px;
    margin: 0px 0px 0px 0px;
    /*font-weight: bold;*/
    text-transform: uppercase;
    /*box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);*/
    /*transition: all 0.1s linear 0s;*/
    float: right;
    height: 69px;
}

.item-menu a,
.item-menu a:focus,
.item-menu a:hover {
  text-decoration: none;
  color: #fff;
}

.item-menu .dropdown-btn {
    font-size: 18px;
     color: #fff!important;
     /*background-color: red;*/
   
     display: block;

}



.item-menu .dropdown a span {
    color: red;
    border-width: 7px 6px 7px 6px;
    margin-left: 5px;
}

.item-menu .dropdown a:active,
.item-menu .dropdown a:focus {
    background: none !important;
    outline-offset: 0px !important;
}

.item-sede{
    padding-right: 15px;
}

.item-menu-bg1 {
  background: url('../../img/bafici/headerseparador2.png');
    background-repeat: no-repeat;
    background-position: center right;
    padding: 0px 0px;

}

.btnbafici{
   width: 232px!important;

}

.btnprogramacion{
    padding-right: 32px;
    /*background: red;*/
}

.item-menu-bg2 {
  
    background: url('../../img/bafici/headerseparador3.png');
    background-repeat: no-repeat;
    background-position: center right;



}

.item-menu-bg3 {
    background: url('../../img/bafici/headerseparador1.png');
    background-repeat: no-repeat;
    width: 32px !important;
    position: absolute;
    height: 69px;
    left: 0;
    top: 0;
}

.ddsede{
    background-color: #138D9B;
    width: 311px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-top: -2px;
    margin-left: -35px;
}

.ddsede li,.ddsede li a {
    font-size: 13px;

}

.ddsede li a:hover {
    font-size: 13px;
    color: #333 !important;
    /*background-color: red;*/
}




.ddprog{
    background-color: #159EAE;
    width: 257px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-top: -2px;
    margin-left: -35px;
 
}

.ddprog li,.ddprog li a {
    font-size: 13px;

}

.ddprog li a:hover {
    font-size: 13px;
    /*background-color: red;*/
}

.ddsede li a, .ddbafici li a,.ddprog li a:focus {
color: #fff !important;
}

.ddbafici{
    background-color: #16aabb;
    width: 200px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-top: -2px;
    margin-left: 2px;

}

.ddbafici li,.ddbafici li a {
    font-size: 13px;

}

.ddbafici li a:hover {
    font-size: 13px;
    color: #333 !important;
    /*background-color: red;*/
}





#menu-top .btn,
#menu-top .btn:focus {
    /*
    background: none;
    padding: 0;
    border: 0;
    color: #FFF;
    text-transform: uppercase;
    /*font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    border: none;
    */
}

.item-menu-bg-color {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

#sitio-logo {
    margin: 7px 10px;
    float: left;
}

#sitio-logo img {
    height: 55px;
}

* {
    outline: none;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

@media (min-width: 681px) {
    #menu-top {
        /*left: 290px;*/
    }
}

@media (min-width: 360px) and (max-width: 430px) {
    #sitio-logo img {
        
    }
}

@media (max-width: 360px) {
    #menu-top {
        /*left: 180px;
        right: 10px;
        top: 43px;*/
    }
    #sitio-logo img {
       
    }
    .item-menu {
        /*
        font-size: 9px;
        padding: 0.5em 1em;
        margin-bottom: 4px;
        float: none;
        */
    }
    #menu-top .btn {
        font-size: 9px;
    }
}

@media (min-width: 361px) and (max-width: 680px) {
    #menu-top {
        right: 10px;
        top: 43px;
        width: 150px;
    }
    .item-menu {
        /*
        font-size: 10px;
        padding: 0.5em 1em;
        margin-bottom: 4px;
        float: none;
        */
    }
    #menu-top .btn {
        font-size: 10px;
    }
}

@media (min-width: 768px) and (max-width: 900px) {
    #menu-top {
        /*left: 280px;*/
        top: 43px;
    }
    .item-menu {
        /*
        font-size: 10px;
        padding: 0.5em 1em;
        margin-bottom: 4px;
        float: none;
        */
    }
    #menu-top .btn {
        font-size: 10px;
    }
}

@media (min-width: 901px) and (max-width: 1000px) {
    #menu-top {
        /*left: 280px;*/
    }
    .item-menu {
        /*
        font-size: 10px;
        padding: 0.5em 1em;
        margin-bottom: 4px;
        */
    }
    #menu-top .btn {
        font-size: 10px;
    }
}

@media (min-width: 1000px) and (max-width: 1024px) {
    #menu-top {
        /*left: 280px;*/
    }
    .item-menu {
        /*
        font-size: 10px;
        padding: 0.5em 1em;
        margin-bottom: 4px;
        */
    }
    #menu-top .btn {
        font-size: 10px;
    }
}

@media (min-width: 0px) and (max-width: 1100px) {
    #sitio-header {
        background: #19c0d3;
    }
}


/*PANELS FILTRO*/

.panel-default > .panel-heading {
    color: #fff;
    background-color: #19c0d3;
    border-color: #DDD;
}

.panel-heading {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

#eventos-filtro .col-sm-3 .page-header {
    margin-top: 0;
}

.panel-title > a:hover {
    text-decoration: none;
}

.active {
    color: #0066A3 !important;
}

.publicaciones {
    width: 150px;
    float: left;
    margin: 0 10px;
    height: 320px;
}

.publicaciones img {
    margin-bottom: 5px;
}

#premios,
#jurados {
    color: #333 !important;
}

.marco-img {
    padding: 2px;
    margin: 0 10px 10px 0;
    border: 1px solid #ccc !important;
}


/*.icono{

    
}
.aliento{
    background-image: url('../../img/bafici/sinalientoblanco.png') !important;
    background-repeat: no-repeat;
}*/

.filtros-dias {
    display: block;
    margin: 0 5px 5px 0;
    float: left;
    font-size: 8px !important;
}

span.fa {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 5px;
}

.active-day {
    color: red;
    font-weight: bold;
}

.active-section {
    color: red;
}

.chica {
    font-size: 18px;
}

.sitio-evento-box-listado .col-md-3 {
    padding-right: 0;
    padding-left: 10px;
}

.columna-noticias .col-sm-3 {
    padding: 0;
}

.sitio-evento-box-listado-columna {}

#contacto .dropdown-header {
    color: #333;
    margin-left: 0;
    padding-left: 0;
}




@media (min-width: 0px) and (max-width: 768px) {
    .flechaIzDest {
        position: absolute;
        cursor: pointer;
        left: 10px;
        font-size: 20px;
        color: #fff;
        margin-top: 3px;
        padding: 5px 3px 5px 3px;
        z-index: 9;
        filter: alpha(opacity=90);
        opacity: 0.9;
    }
    .flechaDerDest {
        position: absolute;
        cursor: pointer;
        right: 10px;
        font-size: 20px;
        color: #fff;
        margin-top: 3px;
        padding: 5px 3px 5px 3px;
        z-index: 9;
        filter: alpha(opacity=90);
        opacity: 0.9;
    }
}

.mobile-size {
    display: none !important;
}

@media (min-width: 768px) and (max-width: 1280px) {
    .mobile-no {
        display: none !important;
    }
    .mobile-size {
        display: block !important;
    }
}

@media (min-width: 0px) and (max-width: 360px) {
    .mobile-no {
        display: block !important;
    }
    .mobile-size {
        display: none !important;
    }
}

.mas-peliculas {
    background-color: #fcd402;
    color: #424242;
    border-color: #fcd402;
}

.margin-bottom5 {
    margin-bottom: 5px;
}

.fbbtn {
    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    background-color: #006DCC;
    background-image: linear-gradient(to bottom, #08C, #04C);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    font-weight: bold;
}

.lnkAgregarFavorito {
    border-color: #fcd402;
}

.lnkAgregarFavorito,
.lnkAgregarFavorito:hover,
.lnkAgregarFavorito:active,
.lnkAgregarFavorito:focus {
    background-color: #fcd402 !important;
    border-color: #fcd402 !important;
    ;
    color: #424242 !important;
    ;
}

#flechaUp {
    left: 100%;
    margin-left: -35px;
    bottom: 5px;
}

@-moz-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.arrow {
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 30px;
    color: #424242;
    font-size: 20px;
    /*
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
  background-size: contain;
  */
    z-index: 5;
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.alto-ajustados {
    width: 50%;
    float: left;
    height: 100px;
    background-position: center center;
    /*background-color: #000;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.corto {
    margin-top: 20px
}

.sitio-font-chica {
    font-size: 13px;
}

.titulo-noticia {
    font-weight: bold;
    font-size: 15px;
    color: #424242;
}

.titulo-noticia:hover {
    text-decoration: none;
    color: #33bed1;
}

.btn {
    border-radius: 0px;
    border: 0px;
    padding: 3px 10px 5px 10px;
}

.bafici-nuevo,
.bafici-nuevo:hover {
    border-radius: 0px;
    border: 0px;
    background-color: #424242;
    padding: 3px 10px 5px 10px;
}

.bafici-nuevo:hover {
    border-radius: 0px;
    border: 0px;
    background-color: #33bed1;
}

.padding-home {
    padding: 5px 10px;
}

.margenTop {
    padding-top: 30px;
}

.margenBottom{
 padding-bottom: 30px;
}


article {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

@media (min-width: 700px) and (max-width: 980px) {
    article {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (min-width: 0px) and (max-width: 699px) {
    article {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

.titulo-columna {
    color: #333;
    border-bottom: 1px solid #333;
    padding-bottom: 5px;
    font-size: 15px;
    margin-bottom: 0px;
}

.titulo-columna a {
    color: #333;
}

.titulo-columna a:hover {
    color: #333;
    text-decoration: none;
}

.etiqueta {
    background-color: #19c0d3;
    font-weight: bold;
    
}

.etiqueta:hover {
    color: #fff;
    background-color: #333;
}

.actividades-home {
    background-color: #e6fafb;
    padding-bottom: 50px;
}

.etiqueta-mas-noticia {
    color: #fff;
    background-color: #333;
    font-weight: bold;
}

.etiqueta-mas-noticia:hover {
    color: #fff;
    background-color: #19c0d3;
}


#abecedario{
clear: both;
margin: 0;

padding: 0;
width: 100%;
margin-bottom: 10px;
}

#abecedario li{
    list-style: none;
    float: left;
    margin: 5px 2px;
   
}

#abecedario li a{
   color: #fff;
    background-color: #333;
    padding: 4px 7px;
}


#abecedario li a:hover{
    color: #fff;
    background-color: #19c0d3;
    text-decoration: none;
}


 #abecedario .activo{
    color: #fff;
    background-color: #19c0d3;
    text-decoration: none;
}

.titulo-listado {
    padding-bottom: 10px;
}

.titulo-listado a:hover{
    text-decoration: none;
    }



.sitio-evento-box-listado i{
    color: #ccc!important;
}


#menu-top-mobile{
    display: none;
    position: fixed;
    right: 30px;
    top: 55px;
    color: #fff;
    /*background: red;*/
    z-index: 30;
    cursor: pointer;
}

.menu{
color: #fff;
font-size: 25px;
text-transform: uppercase;
}


#menu-top-mobile-panel{
    width: 300px;
    height: 100%;
    overflow-y:auto;
    position: fixed;
    background: #138d9b;
    right: -340px;
    z-index: 99999;
    top: 0;
    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}


.abrePanel {
    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    right: 0 !important;
}

.close-panel{
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
color: #fff;
position: absolute;
right: 10px;
top: 10px;
font-size: 25px;
font-weight: bold;
cursor: pointer;
}


#wrap-panel{
    padding: 10px;
    margin-top: 40px;
}

.menu-mobile-titulo{
   color: #fff;
   text-decoration:none;
   text-transform: uppercase;
   color: #fff;
   margin: 10px 0px;
}


#wrap-panel ul{
margin: 0;
padding: 0;
}


#wrap-panel ul li{
    list-style: none;
    margin:3px 0px;
}


#wrap-panel .divider{
    list-style: none;
    margin:3px 0px;
    font-size: 18px !important;
    margin-left: 0px;
    color: #fff;

}



#wrap-panel ul li a{
    color: #fff;
    text-transform: none;
}

#wrap-panel ul li a:hover{
    color: #fff;
    text-decoration:none;
    text-transform: none;
}

.sombra-left{
-webkit-box-shadow: -8px 2px 37px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -8px 2px 37px 0px rgba(0,0,0,0.75);
box-shadow: -8px 2px 37px 0px rgba(0,0,0,0.75);
}


@media (max-width: 1023px) {

#menu-top{
    display: none!important;
}

#menu-top-mobile{
    display: block;
}

}

@media (max-width: 1168px) {
    #sitio-logo img{
        height: 40px;
        margin-top: 10px;
    }

    } 



@media (max-width: 1065px) {
    .btnbafici{
   width: 200px!important;

    }

    .ddbafici{
        width: 168px!important;
    }
    .ddbafici li,.ddbafici li a,.ddbafici li a:hover ,.ddbafici li .presentacion {
        font-size: 12px;
    }

    #corta{
        font-size: 10px;
    }

}



@media (max-width: 555px) {
    #sitio-logo img{
        height: 40px;
        margin-top: 10px;
    }
    } 

@media (max-width: 320px) {

    .menu{
        display: none;
    }

    } 


@media (max-width: 444px) {
    #sitio-logo img{
        height: 30px;
        margin-top: 15px;
    }

    #menu-top-mobile{
    right: 10px;
}

    }   



#navbar{
    background: #424242;
}


@media (max-width: 640px) {
.destacados-box-descripcion{
    display: none;
}

.destacados-box-titulo{
    font-size: 20px !important;
}



}


.btn-circle-sm {
  width: 25px;
  height: 25px;
  text-align: center;
  padding: 0px 0;
  font-size: 15px;
  line-height: 25px;
  border-radius: 30px;
  float: left;
  margin-right: 5px;
}

.btn-circle-micro {
  width: 19px;
  height: 19px;
  text-align: center;
  padding: 1px 0;
  font-size: 13px;
  line-height: 0.1;
  border-radius: 30px;
}



.sinaliento-titulo{
    margin: 10px 0px;
    font-size: 23px;

}

.sinaliento-titulo .sitio-font-chica{
font-weight: normal;
    }

.sinaliento-copete{
    font-size: 18px;
    font-weight: bold;
     text-align: justify;
    text-justify: inter-word;
}

.sinaliento-cuerpo{
    text-align: justify;
    text-justify: inter-word;
}