body{
    font-size: 16px !important;
}
.contenedor-blue{
    background-color: #dfdbdb;
    margin-bottom: 30px;
    /*padding: 30px 0 15px 0;*/
}

.blue-widget{
    /*display: block;*/
    height: auto;
    margin-bottom: 20px;
}

    .blue-widget__article{
        box-sizing: border-box;
        /*float: left;*/
        width: 33.3%;
        /*display: block;*/
        margin-bottom: 15px;
        position: relative;
        padding: 20px 40px;
    }

    .blue-widget__article:first-child{
        background-color: #ff9800;
        box-sizing: border-box;
    }


    .blue-widget__article:nth-child(2){
        background-color: #9c27b0;
    }

    .blue-widget__article:last-child{
        background-color: #009688;
    }

        .blue-widget__widget{
            color: #fff;
        }

        .blue-widget__widget .icono{}

        .blue-widget__widget .fa-files-o,
        .blue-widget__widget .fa-street-view,
        .blue-widget__widget .fa-users{
            color: #fff;
            font-size: 90px;
            float: right;
            margin: 20px 0;
            width: 25%;
        }



        .blue-widget__widget p{
            max-width: 60%;
            margin: 20px 20px 20px 0;
            float: left;
        }
        .blue-widget__widget h3{
            font-weight: bold;
            color: #fff;
        }

        .goto{
            color: #fff;
            display: block;
            font-weight: 700;
            clear: both;
            text-decoration: none;
        }

        .goto:hover{
            color: #fff;
            text-decoration: underline;
        }

        .blue-widget__widget .qbutton{
            background-color: #1965ab !important;
            clear: both;
            width: 33.3%;
        }


.container{
    margin-top: 0 !important;
}

.etiqueta-personas{
    padding: 2em 0.5em !important;
}

.blue-title{
    margin-bottom: 20px;
}

.blue-table{
    display: table;
}

.blue-row{
    display: table-row;
}

.blue-cell{
    display: table-cell;
}


/* _______________________________ MEDIA QUERIES _______________________________ */

@media only screen and (max-width:960px){

    .blue-table{
        display: block;
        width: 100%;
    }

    .blue-row{
        display:block;
        width: 100%;
    }

    .blue-cell{
        display: block;
        width: 100%;
    }

    .blue-widget__article{
        margin-bottom: 0;
    }

    .blue-widget{
        margin-bottom: 0;
    }
    .blue-widget__widget{
        padding-left: 60px;
        padding-right: 60px;
    }

    .blue-widget__widget .qbutton{
        width: 20%;
    }


}
@media only screen and (max-width:600px ){

    .blue-widget__article{
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }
}

@media only screen and (max-width:580px ){

    .blue-widget__widget .qbutton{
        min-width:100px;
    }

    .blue-widget__widget .fa-files-o,
    .blue-widget__widget .fa-street-view,
    .blue-widget__widget .fa-users{
        font-size: 70px;
    }

    .blue-widget__widget{
        padding-left: 20px;
        padding-right: 20px;
    }

}

/* _______________________________ FORMULARIO __________________________________ */

.wpcf7{
    width: 60% !important;
    margin: 0 auto !important;
}

.wpcf7-form{
    margin-top: 3em !important;
}

.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea{
    transition: 0.2s all linear !important;
    -webkit-transition: 0.2s all linear !important;
}

.wpcf7-form p{
    font-size: 15px !important;
}

.wpcf7-form input{
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    color: #777 !important;
    font-size: 15px !important;
}

.wpcf7-form select{
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    color: #777 !important;
    width: 96% !important;
    font-size: 15px !important;
}

.wpcf7-form textarea{
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    color: #777 !important;
    font-size: 15px !important;
}
.wpcf7-form input:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus{
    background-color: #d5e9fa !important;
    border: 1px solid #d5e9fa !important;
    color
}

.wpcf7-form .wpcf7-submit{
    color: #fff !important;
    border: 1px solid  #074379 !important;
}

.wpcf7-form .wpcf7-submit:hover,
.wpcf7-form .wpcf7-submit:active,
.wpcf7-form .wpcf7-submit:focus{
    background-color: #074379 !important;
    border: 1px solid #1965ab !important;
}

.wpcf7-form small{
    font-style: italic !important;
}

.wpcf7-form .wpcf7-validation-errors{
    background-color: #fff !important;
    border: 2px solid #d55656 !important;
    color: #777 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    margin-bottom: 1em !important;

}

.wpcf7-form .wpcf7-mail-sent-ng{
    background-color: #fff !important;
    border: 2px solid #f1c40f !important;
    color: #777 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    margin-bottom: 1em !important;
}

.wpcf7-form .wpcf7-mail-sent-ok{
    background-color: #fff !important;
    border: 2px solid #398f14 !important;
    color: #777 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    margin-bottom: 1em !important;
}


/* _______________________________ MENU PRINCIPAL ______________________________ */

.blue-filter_holder{

    background: #1964aa;
    margin: 0 -1000px 0px!important;
    position: relative;
    display: table;
    min-height: 65px;
    padding: 0 1000px;
    width: 100%;
}

    .blue-filter_holder ul {
        display: table-row;
        /*position: relative;*/
        /*display: block;*/
        padding: 0;
        margin: 0;
        list-style: none;
        clear: both;
    }

    .blue-filter_holder ul li{
        border-bottom: 4px solid #1964aa;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        cursor: pointer;
        margin: 0;
        transition: all 0.1s linear;
        -webkit-transition: all 0.1s linear;
        /*width: 14.2%;*/
    }
    .blue-filter_holder ul li.current-menu-item{
        /*background-color: #296caa;*/
        border-bottom: 4px solid #7ba3c9;
    }

    .blue-filter_holder ul li a{
        border-left: 1px solid #7ba3c9;
        display: block;
        padding: 0 9px;
        color: #fff;
        text-decoration: none;

    }
    .blue-filter_holder ul li:last-child a{
        border-right: 1px solid #7ba3c9;

    }
    .blue-filter_holder ul li:hover{
        /*background-color: #296caa;*/
        border-bottom: 4px solid #7ba3c9;

    }

@media (max-width: 600px){

    .blue-filter_holder{
        display: block;
    }

        .blue-filter_holder ul {
            display: inline;
        }

        .blue-filter_holder ul li{
            line-height: 35px;
            display: inline-block;
            text-align: inherit;
            width: auto;

        }
        .blue-filter_holder ul li a{
            border: none;
        }
        .blue-filter_holder ul li:last-child a{
            border: none;
        }



}

/* ________________________________   AGENDA ___________________________________*/

.articulo-agenda-contenedor, .articulo-agenda-single{
    background-color: #7ba3c9;
    border-top: 4px solid #548ec7;
    display: block;
    padding: 2em 0;
    text-decoration: none;
    width: 100%;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

.articulo-agenda{
    float: left;
    margin-top: 32px;
    width: 32%;
}
.articulo-agenda:nth-child(3n+2){
    margin-left: 2%;
    margin-right: 2%;
}
.articulo-agenda .post_text{
    background-color: #fff;
    padding: 17px 25px 30px;
}

.articulo-agenda-single{
    margin-top: 2em;
}

.articulo-agenda-contenedor:hover{
    text-decoration: none;
    background-color: #548ec7;
}

    .articulo-agenda-contenedor span, .articulo-agenda-single span{
        color: #eee;
        display: block;
        font-size: 22px;
        font-weight: bold;
        margin: 0 0 12px 0;
        text-align: center;
    }

    .articulo-agenda-single span{
        margin: 0 0 18px 0;
    }

    .articulo-agenda-single span{
        font-size: 32px;
    }

    .articulo-agenda-contenedor .numero-agenda{
        font-size: 36px;
    }
    .articulo-agenda-single .numero-agenda{
        font-size: 42px;
    }

    .articulo-agenda-contenedor .dia-agenda,
    .articulo-agenda-contenedor .mes-agenda,
    .articulo-agenda-single .dia-agenda,
    .articulo-agenda-single .mes-agenda{
        font-weight: normal;
    }

    .articulo-info{
        display: block;
        font-style: normal;
        margin-bottom: 0.5em;
    }


.blog_holder .agenda .post_info > span{
    display: block;
    color: #877f7f;
    margin: 0;
}

.header_bottom{
    transition: none !important;
    -webkit-transition: none !important;
}

@media (max-width: 768px){

    .articulo-agenda{
        float: left;
        margin: 32px 0 0 0;
        width: 48%;
    }

    .articulo-agenda:nth-child(3n+2){
        margin-left: 0;
        margin-right: 0;
    }
    .articulo-agenda:nth-child(2n+1){
        margin-right: 4%;
    }

}
@media (max-width: 480px){

    .articulo-agenda{
        float: none;
        display: block;
        margin: 32px 0 0 0;
        width: 100%;
    }

}

/*ACORDEÓN*/

#accordion {
    margin: 32px auto;
    width:70%;
}

#accordion h3 {
    background: #548ec7;
    border-bottom: 3px solid #1964aa;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    height: auto;
    line-height: 40px;
    margin-bottom: 8px;
    padding: 0 20px;
    position: relative;
    transition: all 0.2s linear;
    -webkit-transition: all 0.1s linear;
}
#accordion h3:hover {
    background-color: #1964aa;
}
#accordion h3 span {
    background: url(/pywb/all/20161111144915oe_/https://www.ccobservadores.cl/wp-content/plugins/blue-configuracion/img/iconos/flechas-acordeon.png) no-repeat right 0;
    display: block;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 10px;
    width: 20px;
}
#accordion h3.active span {
    background-position: 0 0;
}

#accordion h3.active{
    background: #1964aa;
    color: #FFF;
    /*transition: all 0.5s ease-in-out;*/
}

#accordion div {
    background-color: #fff;
    border: 1px solid #DCDFF4;
    border-top: none;
    border-bottom: none;
    color: #666;
    font: 14px 'gobCL';
    line-height: 1.5;
    padding: 20px;
    display: none;
}

#accordion .accordion__div1{
    display: block;
}

#accordion ul li, #accordion p{
    font-family: 'Open Sans', sans-serif;
}

#accordion .accordion__detalle{
    color: #666;
    font-weight: bold;
    font-size: 16px ;
    margin-bottom: 10px;
}

#accordion ul li{
    list-style: none;
    margin-left: 16px;
}
#accordion ul li i{
    color: #5caa6e;
    margin-right: 8px;
}

#accordion div:last-child{
    border-bottom: 1px solid #DCDFF4;
}

.contenedor__asistencia .accordion__titulo{
    color: #666;
    margin-bottom: 16px;
}

.contenedor__asistencia{
    margin: 32px auto;
    width:70%;
}


@media (max-width: 768px){

    #accordion {
        margin: 32px 0;
        width:100%;
    }

}

article.category-documento{
    border-top: 4px solid #a1d3a8;
}
article.category-sesiones{
    border-top: 4px solid #c990a6;
}

video.video{
    width: 100% !important;
}

.column2 {
    margin-top: 20px;
}