/*
 * Panel - Los uso para el sidebar
 */

.sidebar .panel{padding: 10px;}
.panel{
    border: 1px solid #D8D8D8;
    margin-bottom: 10px;
    position: relative;
}
.panel-head{
    padding: 10px;
    position: relative;
}
.panel-head a{padding: 5px 0;}
.panel-head.panel-head-only{margin-bottom: 10px;}
.panel-head .legend{
    float: left;
    margin-left: 10px;
    font-style: italic;
    font-size: 13px;
}

.panel-head .icon45{
    display: block;
    margin: 5px;
    position: absolute;
    right: 0;
    top: 0;
}
/*.panel-head {
  margin-bottom: 5px;
}*/
.sidebar .panel .panel-head {
    left: -11px;
    padding: 16px 11px;
    position: relative;
    right: -11px;
    top: -11px;
    width: 100%;
}
.panel .panel-head img{
    position: absolute;
    right: 0;
    top: 0;
}
.panel-head,
.panel-head a     { color: #fff; text-decoration: none;}

.panel-head       { background: #9A9A9A; }
.panel-head-grey  { background: #9A9A9A; }
.panel-head-blue  { background: #0052A5; }
.panel-head-red   { background: #C91429; }

.panel .panel-foot {
    margin: 10px -10px -10px;
    padding: 10px;
    border-top: 1px solid #D8D8D8;
}

.panel .panel-foot .link{
    /* alineo los links con el boton */
    line-height: 30px;
    height: 30px;
}
/* para los videos en youtube para que encajen*/
.panel iframe{
    margin: -11px -11px 10px;
}

.list li{
    /* ojo con mofificar que tambien se usa en el dropdown de gremiales*/
    margin: 0 0 5px 10px;
    /* margin: 5px 0 5px 10px;*/
}

.list li:before{
    content: "\00BB";
    margin-left: -11px;
    padding-right: 5px;
}

.list li a{
    text-decoration: none;
    color: #333;
}
.list li a:hover{
    color: #0052A5;
    text-decoration: underline;
}

.menu-list {
    margin-bottom: 5px;
}
.menu-list li{}
.menu-list li a{
    padding: 5px 10px;
    display: block;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
}
.menu-list li a:hover{
    /*background: #0052A5;
    color: #fff;*/
    background: #EFEFEF;
}

.image-on-left  { margin-right: 20px; }
.image-on-right { margin-left: 20px; }

/*
 *
 * Itemlist -
 * para mostrar informacion apilada, adentro de una cajita dentro del panel,
 * por ejemplo lo uso en el redumen de las noticias, probablemente se incluya un javascript
 *
 */
.sidebar .panel .itemlist {
    margin-bottom: -10px;
}
.sidebar .panel .itemlist .item{
    margin: 0 -10px;
}
.itemlist .item {
    padding: 10px;
    border-bottom: 1px solid #E5E5E5;
    display: block;
    float: none;
}
.itemlist .metadata {
    font-style: italic;
    color: #ADADAD;
}

/*
 * video thumb lo uso para centrar tanto imagen como texto en la parte de nuestra historia
 */

.image-thumb{
    text-decoration: none;
}
.image-thumb .thumb-image{
    float: left;
    margin-right: 10px;
}
.image-thumb .thumb-image.right{
    float: right;
    margin-left: 10px;
    margin-right: 0;
}
.image-thumb .thumb-text{
    font-size: 13px;
}
/**/
.faq-section {
    position: relative;
    border: 1px solid #D8D8D8;
    background: #fff;
    border-radius: 1px;
    overflow: hidden;
    /*margin: 10px;*/
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

}
.faq-section .content-primary {
    margin:  10px;
    /* background: #f0f0f0; */
    background: #F4F4F4;
    border-bottom: 1px solid #d5d5d5;
    margin: -10px 0 0;
}
.right {
    float: right !important;
}
.left {
    float: left !important;
}
.content-primary legend {
    border-bottom: 1px solid #D5D5D5;
    color: #B5B5B5;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
    width: 100%;
}
.msg_error {
    color: #ff0000;
}
.faq {
    padding: 10px;
    border-bottom: 1px solid #F0F0F0;
    margin-top: 10px;
    font-size: 13px;
}
.faq-answer {
    background: #F0F0F0;
    border-radius: 0 5px 5px 5px;
    margin-left: 20px;
    padding: 10px;
    position: relative;
}
.faq-question {
    margin-bottom: 15px;
}
.faq-date {
    color: #C8C8C8;
    display: block;
    font-size: 11px;
    font-style: italic;
    margin-right: 10px;
    text-align: right;
}
.item-list>li {
    padding: 3px;
}

@media only screen and (max-width: 768px) {
    .featured-big .crop-img img{
        width: 100% !important;
    }
}