a:focus, a:active, .btn-group,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    outline : 0;
}


/*corregir*/




/*PARA HEADER*/

#sitio-header-gob{
    width: 100%;
    height: 35px;
    position: fixed;
    top:0;
    left: 0;
}

#sitio-logo-gob{
    float: left;   
}

#sitio-logo-gob img{
    height: 25px;
    margin: 5px 10px;
}

#sitio-header{
    width: 100%;
    height: 100px;
    position: fixed;
    top:35px;
    left: 0;
   }

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

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

#sitio-logo-festivales , #sitio-logo-agenda , #sitio-logo-enTodo,#sitio-header-separador{
    float: right;
  
}

#sitio-logo-festivales , #sitio-logo-agenda{
    background: #fff;
    height: 100px;
}

#sitio-header-separador{
    background-image: url('../img/veranociudad/separadorHeader.png');
    width: 77px;
    height: 100px;
}

#sitio-logo-festivales img{
    height: 50px;
    margin: 25px 0px;
}

#sitio-logo-agenda img{
    height: 50px;
    margin: 25px 0px;
}


#sitio-logo-enTodo img{
    height: 18px;
    margin: 8px 10px;
}

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

.sitio-borde{
     border: 1px solid #c1c1c1;
}

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



.sitio-escenario-box{
     height: 350px;
}

.sitio-escenario-box p{
    font-size: 90%;

    
}


.sitio-margen-0{
    margin: 0;
}

.sitio-margen-5{
    margin: 5px;
}


#top{
    height: 115px;
}

.sitio-p-chico p{
        margin: 0px 0px 5px 0px;
}

@media (max-width: 810px) {
#sitio-logo-enTodo, #sitio-logo-agenda{
    /*display: none;*/
}
}
@media (max-width: 610px) {
#sitio-logo-gob{
    /*display: none;*/
}

}


/* colores */

.sitio-font-negro{
    color: #424242;
} 
.sitio-bg-negro{
    background: #424242;
} 

.sitio-bg-black{
    background: #000;
} 

.sitio-font-amarillo{
    color: #fcd402;
}

.sitio-bg-amarillo{
    background-color: #fcd402;
}

.sitio-bg-blanco{
    background: #ecf0f1;
}

.sitio-font-blanco{
    color: #ecf0f1;
}

.sitio-font-verano{
    color: #ea0383;
}

.sitio-bg-blanco-puro{
    background: #fff;
}

.sitio-font-chica, .sitio-font-chica p{
    font-size: 12px;
}

.sitio-oculta {
    display: none;
}

.sitio-bg-violeta{
    background: #8872b2;
}

.sitio-font-violeta{
    color: #8872b2;
}


.sitio-bold{
    font-weight: bold;
}

/*PARA MENU*/

.navbar-default {
    width: 100%; 
    min-height: 30px; 

}

.navbar-default .navbar-brand {
    color: #ecf0f1;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #ffffff;
}
.navbar-default .navbar-text {
    color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
    color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #ffffff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #5e5e5e;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #5e5e5e;
}
.navbar-default .navbar-toggle {
    border-color: #5e5e5e;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #5e5e5e;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ecf0f1;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #ecf0f1;
}
.navbar-default .navbar-link {
    color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
    color: #ffffff;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ecf0f1;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #ffffff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #5e5e5e;
    }
}

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

.nav>li>a{
    padding: 5px 10px;
}

.nav>li>a>i{
    margin-right:5px; 
}



.sec{
    min-height: 420px;
    width: 100%;
}

.sec-inner{
    padding: 10px;
}

.sec-acciones{
    float: right;
    margin-right: 40px
}

.sec-acciones i{
margin-left: 10px;
}

#home{
    background-color: red;
     background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('../../../img/bafici/bgBafici.jpg');
}

.zIndex{
    z-index: 10 !important;
}


.precargaModulo{
    width: 100%;
    position: absolute;
    left: 0;
    height: 440px;
    background: #000;
    z-index: 10

}

.precargaModulo i{
    font-size: 40px;
    position: relative;
    top:50%;
    left:50%;
    margin-left: -20px;
    margin-top: -20px;
    color: #ECF0F1;
}


.flechaIz,.flechaDer{
    position: absolute;
    width: 20px;
    height: 60px;
    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{
   
}

.flechaDer{
right: 10px;
}



.box-1{
margin: 5px;
}

.box-img{
    width: 100%;
    height: 125px;
}

.box-resumen{
    height: 100px;

}

.box-botones{
    margin: 5px 0 0 5px;
    position: absolute;
    cursor: pointer;
    font-size: 10px;
    text-align: right;
}


.box-fotos-img{
    width: 100%;
    height: 250px;

}

.box-clipping-img{
    width: 100%;
    height: 250px;

}

.box-publicaciones-img{
    width: 100%;
    height: 250px;

}

.box-videos-img{
    width: 100%;
    height: 250px;

}

.box-musica-img{
    width: 50px;
    height: 50px;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
}

.box-musica-img i{
    margin-top: 10px;
    }

.box-musica-titulo{
    width: 200px;
    height: 50px;
    margin-top: 10px;
   
}



/* MODAL */

#modalWrapp{
    width: 100%;
    height: 100%;
    position: fixed;
    top:60px;
    left:0;
    z-index: 9990;
    display: none;
}

#modalWrappClose{
    width: 30px;
    height: 30px;
    position: absolute;
    right:0;
    top:0;
    z-index: 9999;
    text-align: center;
    font-size: 20px;
    margin: 10px;
    cursor: pointer;
}



#contacto ul li{
    margin: 10px;
}

#contacto{
    background-image: url('../../img/sitio/bgFooter.png');
    background-position: bottom;
    background-repeat: repeat-x; 
    min-height: 530px;
}




#reproductor{
    position: fixed;
    bottom: 5px;
    right: 30px;
    opacity: 1;
    z-index: 101;
    font-size: 20px;
    -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;
    cursor: pointer;
    display: none;;

}



@keyframes blink {  
    0% { color: #5061a9; }
    100% { color: #fff; }
}
@-webkit-keyframes blink {
    0% { color: #fff; }
    100% { color: #5061a9; }
}
.blink {
    -webkit-animation: blink 2.5s linear infinite;
    -moz-animation: blink 2.5s linear infinite;
    -ms-animation: blink 2.5s linear infinite;
    -o-animation: blink 2.5s linear infinite;
    animation: blink 2.5s linear infinite;
} 


#wrappReproductor{
    width: 250px;
    bottom: 0;
    top:110px;
    /*right: -250px; sin sombra*/
    right: -280px;
    /*background: lime;*/
    position: fixed;
    z-index: 101;
    -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;
    overflow: auto;


}

.abreReproductor {
    -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;
}

.abreReproductorIcono {
    -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;
    margin-right: 230px !important;
}

#controlReproductor{
    text-align:center;
    padding: 5px 0 5px 0;
}


#onOffReproductor{
    padding: 5px ;
    border-top: 1px solid #000;
}

.onOffReproductor{
    width: 50px;
   /* background: red;*/
    float: right;
}


#playListReproductor{
    padding: 10px ;

}


.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);
}


.sombra-center{
-webkit-box-shadow: -10px -10px 144px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -10px -10px 144px 0px rgba(0,0,0,0.75);
box-shadow: -10px -10px 144px 0px rgba(0,0,0,0.75);
}



.cover{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; 
 
}

.cover-top{
    background-repeat: no-repeat;
    background-position: center top !important; 
}

.cover-center{
    background-repeat: no-repeat;
    background-position: center center !important; 
}

.jumbotron{
    background: none;
    color: #ecf0f1;
    margin-bottom: 0;
    
}


.jumbotron .container{
    /*background: #ecf0f1;*/
}

.sitios-navega{
    margin-top: 10px;
    height: 30px;
    width: 100%;
   /* background: red;*/
}

.sitios-acciones-navega{
float: right;
/*width: 300px;*/
cursor: pointer;
font-size: 10px;
text-align: right;
    
}

.sitios-acciones-navega li{
    list-style: none;
    float: right;
    }


.sitios-acciones-volver{
float: left;
cursor: pointer;
font-size: 10px;
width: 30px;
}

.sitios-acciones-volver li{
    list-style: none;

}

.sitio-border-full{
    border: 1px solid #DDD;
    padding: 5px;

}

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

.sitio-transparent {

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
 
    filter: alpha(opacity=85);

    -moz-opacity:0.85;

    -khtml-opacity: 0.85;

    opacity: 0.85;
}

.sitio-transparent-bg{



/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4NyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 49%, rgba(0,0,0,0.65) 87%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,rgba(0,0,0,0.65)), color-stop(87%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 49%,rgba(0,0,0,0.65) 87%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.65) 49%,rgba(0,0,0,0.65) 87%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 49%,rgba(0,0,0,0.65) 87%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 49%,rgba(0,0,0,0.65) 87%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */
Support for full multi-stop gradients wit


-webkit-border-radius: 10px 10px;
border-radius: 10px 10px;
}

#links{
    float:left
}


.principal-img{
    margin-top: 30px;
    height: 270px;

}


/* time line */


.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 20px;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 13px;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -25px;
            background-color: #999999;
            z-index: 1;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #8c719a !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}



/*PRELOAD*/
#sitios-preload{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1000;
}

#sitios-preload img{
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -50px;
    width: 300px;
    margin-left: -150px;
}


.sitios-tipo-artista{
    font-style: italic;
    font-size: 15px;
}


.post-date {
    color: #9a9a9a;
    display: block;
    margin-bottom: 1rem;
    margin-top: -0.5rem;
}



.sitio-evento-box-listado{
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 10px 10px 10px 0;

}

.sitio-evento-box-listado h4{
    margin: 0;
    font-weight: bold;
    }

/*.sitio-evento-box-listado img{
margin:0 10px 10px 0;
}*/



.video-play span{
    color: #fff;
    text-decoration: none;
    background: #000;
    opacity: 0.9;

}

.video-play a:hover{

    text-decoration: none !important;
    
}