/* basicos */

#accordion h2 { font-size: 16px; }
body { font-family: 'Muli', sans-serif; }
form { width: 100%; }
footer { background-color: #333333; color: #fff; border-top: 10px solid #ffb020; }

/* imagenes */

.logoPrincipal { width: 100%; max-width: 300px; }
.iconDestacado { width: 100%; max-width: 20px; margin-top: 15px; }
.iconAcordion { width: 20px;vertical-align: sub; }
.cabeceraHome { color:#fff; /*background-image: url('images/bck-home.jpg');*/
                background-size: 100%; background-position-y: center; }
.cabeceraFicha { color:#fff; background-image: url('images/22886691_sm_l_mng.jpg'); }
.cabeceraGrupoCatalogo { color:#fff; background-image: url('images/bck-grupoCatalogo.jpg'); background-size: 100%; }

/* tipos */

.fntw800 { font-weight: 700; font-size: 10px; }
.fntw400s20 { font-weight: 400; font-size: 20px; }
.fntw800s20 { font-weight: 400; font-size: 22px; }
.mini3 { font-size: 20px; text-transform: uppercase; font-weight: 800 }
.miniHoras { font-size: 14px; font-weight: 700; color: #9fb749; font-weight: 800; }
.hdestacado { margin-bottom: 0px; }
.miniTxt { font-size: 13px; }
table.listadoHome thead th { font-size: 17px; }
.card-header button { color: #000; font-weight: 800; text-transform: uppercase; }
.card-header button:hover { text-decoration: none; color: #505050; }
footer a { color: #fff; font-size: 14px; }
footer a:hover { color: #f7d73b; }
.listadoHome a { font-weight: 700; color: #333333; }

/*Estilos Validación formulario*/
.field-validation-error {
    content: "" !important;
    display: none !important
}

.field-validation-valid {
    content: "" !important;
    display: none !important
}

.input-validation-error {
    border: 1px solid #ff0000 !important;
    background-color: #FAC5C5 !important
}

input[type=checkbox].input-validation-error {
    outline: 1px solid #ff0000 !important
}

.validation-summary-errors {
    font-weight: bold !important;
    color: #ff0000 !important
}

.validation-summary-valid {
    display: none !important
}


/* color */
.Primary { background-color: #473cef; }
.Secondary { background-color: #b3d44b; }
.Alter { background-color: #f7d73b; }

/* listas */

.Tematicas { margin: 0px;padding: 0px;width: 100%; }
ul.Tematicas li {
    width: 100%;
    background-color: #fbfbfb;
    padding: 10px;
    display: block;
    border-bottom: 2px solid #ffb020;
    font-weight: 800;
    font-size: 13px;
}

ul.Tematicas li a { color: #303030; font-weight: 800; }

/* cajas */

.destacado {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    border-left: 5px solid #473cef;
    background-color: #f8ffe2;
}
.ribbonColors {
    position: fixed;
    bottom: 0px;
    z-index: 99999;
    right: 0px;
}
.square {
    display: inline-block;
    width: 30px;
    height: 30px;
}

.boxHoras {
    background-color: #fffecf;
    font-weight: 700;
    color: #8c6610;
}
.w100 { width: 100%; font-weight: 800; }

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgb(241, 241, 241);
}

.jumbotron { border-radius: 0px !important; }
/* Formulario */

.form input, form textarea, form select {
     border-width: inherit;
     border-style: inherit;
     border-color: inherit;
     border-radius: inherit;
     padding: inherit;
     width: 100%;
}

/* botones */

.btn-purple {
    color: #fff;
    background-color: #4e4e4e;
    font-size: 11px;
    font-weight: 800;
}
.btn-purple:hover {
    color: #fff!important;
    background-color: #303030;
}

.btn-orange {
    color: #303030;
    background-color: #ffb020;
    font-size: 16px;
    font-weight: 800;
}
.btn-orange:hover {
    color: #fff;
    background-color: #6b6b6b;
}