html, body {
    width: 100%;
    height: 100%;
    margin: 0;
}

footer {
    width: 100%;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 0px;
    bottom: 0px;
    background-color: #000000;
}

a {
    color: #e9a825;
    text-decoration: none;
}

a:hover {
    color: #b07b12;
    text-decoration: none;
}

.divider {
    height: 1px;
    width: 100%;
    display: block; /* for use on default inline elements like span */
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

/* Estilos Menú */
.navbar {
    margin-bottom: 0;
}

.nav-redes {
    display: inline-block;
    list-style: none;
    margin-bottom: 0;
    line-height: 20px;
    margin-top: 7px;
    margin-right: 5px;
    color: #e9a825;
}

.nav-redes > a {
    color: #e9a825;
}

.nav-redes > a:hover {
    color: white;
}

.menu {
    width: 100%;
    left: 0px;
    background-color: #000000;
    border-color: #080808;
}

.menu-active {
    background-color: #e9a825;
}

.menu-active > a {
    color: #000000;
}

.menu-active > a:hover {
    color: #FFFFFF;
}

.navbar-pantagoras {
    margin: 0;
    background-color: #000000;
}

.navbar-brand {
    color: #e9a825;
}

.nav-pantagoras {
    font-size: 16px;
    font-weight: bold;
}

.navbar a {
    color: white;
}

.navbar li {
    transition: background-color 0.3s;
}

.navbar li:hover {
    background-color: #b07b12;
}

.navbar-row {
    background-color: #f8f8f8;
}

.row-tiracategorias {
    background-color: #e9a825;
}

.tiracategoria-categoria {
    background-color: #e9a825;
    border-color: #b07b12;
    font-weight: bold;
    color: #000000;
    display: inline-block;
    width: auto;
}

.tiracategoria-categoria:hover {
    background-color: #b07b12;
    border-color: #e9a825;
    color: #FFFFFF;
}

/**/
.ficha-titular {
    background-color: white;
    border-radius: 5px;
    margin-top: 15px;
    padding: 10px;
}

.noticia {
    font-size: large;
}

.titular{
    text-align: justify;
    text-justify: inter-word;
}

.container-imagen-titular {
    width: 250px;
    height: 250px;
}

.imagen-noticia {
    float: right;
    width: 250px;
    height: 250px;
    display: block;
    border-radius: 150px;
    border: 40px solid #ffffff;
    transition: border-width 0.5s;
}

.imagen-noticia-left {
    float: left;
}

.imagen-noticia:hover {
    border-width: 20px;
}

.img-noticia-completa {
    float: left;
    margin-right: 10px;
}

.img-noticia-derecha {
    float: right;
    margin-left: 10px;
}

.img-size-1 {
    width: 25%;
}

.img-size-2 {
    width: 33%;
}

.img-size-3 {
    width: 50%;
}

.img-size-4 {
    width: 75%;
}

.img-size-5 {
    width: 100%;
}

.box-buscar {
    float: right;
    display: inline-table;
}

li.box-buscar {
    margin-left: 5px;
}

.box-buscar:hover {
    background-color: #000000;
}

.buscar-menu {
    padding-top: 9px;
}

.carousel-caption {
    margin: 0px;
    top: 50%;
    transform: translate(0px, -50%);
}

.anuncio {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: sticky;
    top: 0px;
}

.bar-left, .bar-right {
    padding-top: 30px;
    height: 100%;
}

.bar-center {
    height: 100%;
}

.content-wrapper {
    background-color: #FFFFFF;
    height: 100%;
}

.principal {
    background-color: #f1ede6;
}

.contenido-diario {
    background-color: #f2ddb5;
    border-radius: 5px;
    padding: 10px;
    font-weight: bold;
    margin-bottom: 20px;
}

.contenido-diario h4{
    color: #e9a825;
    font-weight: bold;
}

.frase-autor {
    color: #9d9d9d;
}

.contador_s {
    width: 220px;
    height: 220px;
    margin-left: auto;
    margin-right: auto;
}

.pager {
    margin-top: 10px;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.mostrar-multimedia {
    margin-bottom: 20px;
}

.divider-invisible {
    height: 1px;
    width: 100%;
    display: block;
    margin: 9px 0;
    overflow: hidden;
    background-color: rgba(0,0,0,0);
}

.dropdown-menu > li > a:hover {
    background-color: unset;
}

#modal {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.3);
    top: 0;
    visibility: hidden;
    z-index: 16;
}

.modal_custom {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.3);
    top: 0;
    visibility: hidden;
    z-index: 16;
}

.inter-modal {
    position: relative;
    height: 100%;
    width: 100%;
}

.dialogo-modal {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
    background-color: white;
    padding: 20px;
    border-radius: 20px;
}

.container-widgets {
    
}

.justificar_p > p{
    text-align: justify;
    text-justify: inter-word;
}

.mostrar-multimedia > img {
    margin-right: auto;
    margin-left: auto;
}

.divider-2 {
    height: 1px;
    width: 100%;
    display: block;
    overflow: hidden;
    background-color: #2d2d2d;
}

#puzzle-container > div {
    box-sizing: initial;
}

.modal-contenido-diario {
    background-color: #f2ddb5;
}

.modal-contenido-diario h4 {
    color: #e9a825;
    font-weight: bold;
}

.descripcion-imagen-diaria {
    margin: 14px 0px;
    font-weight: bold;
    display: -moz-grid;
    width: 100%;
}

.rb-plugin-container {
    padding: 0px;
}


#puzzle {
    width: 210px;
    transform: translateX(-50%);
    left: 50%;
    position: relative;
}

#MusesRadioPlayer-HTML5-player-0 {
    width: 284px;
    margin-left: 3px;
}

#MusesRadioPlayer-HTML5-player-0 img:first-child {
    max-width: 100%;
}

#MusesRadioPlayer-HTML5-player-0 div[title="play"] {
    left: 249px;
    top: 77px;
}

#MusesRadioPlayer-HTML5-player-0 div[title="stop"] {
    left: 246px;
    top: 77px;
}

.viewport_ventas {
    display: flex;
    padding: 10px;
    flex-wrap: wrap;
}

.titulo-ventas {
    padding-left: 20px;
}

.item-ventas {
    background-color: #f2ddb5;
    height: 300px;
    width: 300px;
    cursor: pointer;
    border-radius: 20px;
    box-shadow: 1px 1px 10px;
    margin: 10px;
    padding: 10px;
    min-width: 300px;
}

.item-ventas:hover {
    background-color: rgb(233, 168, 37);
}

.container-imagen-item-ventas {
    height: 70%;
}

.imagen-item-ventas {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 16px;
}

.descripcion-item-ventas {
    height: 30%;
}

.item-slider-ventas {
    height: 100%;
}

.item-slider-ventas-flex {
    display: flex;
    height: 100%;
}

@media screen and (max-width: 768px) {
    .imagen-noticia {
	    float: none;
	    width: auto;
        max-width: 100%;
	    height: auto;
	    border: none;
        border-radius: unset;
	    transition: none;
	    margin-right: auto;
	    margin-left: auto;
    }

    #plugin-fb {
	    transform: translateX(-50%);
	    left: 50%;
	    position: relative;
	    width: auto;
    }

    .box-buscar {
	    float: left;
	    width: auto;
    }

    .container-imagen-titular {
        width: auto;
        height: auto;
    }

    .rb-plugin-col {
        padding-right: 15px;
    }
    
    .container-widgets {
        width: 100%;
    }
}

@media screen and (max-width: 1000px) and (min-width: 768px) {
    .box-buscar {
	    width: 100%;
    }

    .rb-plugin-col {
        padding-right: 0px;
    }
    
    .container-widgets {
        width: 100%;
    }
}

@media screen and (max-width: 1366px) and (min-width: 992px) {
    .bar-right {
        padding-right: 30px;
    }
    
    .bar-left {
        display: none;
    }

    .mdc-off {
        display: none;
    }

    .mdc-100 {
        width: 100%;
    }

    .mdc-75 {
        width: 75%;
    }

    .mdc-50 {
        width: 50%;
    }

    .mdc-25 {
        width: 25%;
    }
}

@media screen and (min-width: 1367px) {
    .hdc-off {
        display: none;
    }

    .hdc-100 {
        width: 100%;
    }

    .hdc-75 {
        width: 75%;
    }

    .hdc-50 {
        width: 50%;
    }

    .hdc-25 {
        width: 25%;
    }
}

@media screen and (max-width: 1650px) and (min-width: 992px) {
    .container-imagen-titular {
        margin-left: -23px;
    }
}