@import "https://fonts.googleapis.com/css?family=Poppins:300,400,700";
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,200;0,400;0,700;0,900;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@1,900&display=swap');


body.modal-open {
    overflow-y: auto !important;
    padding-right: 0 !important;
}

#banner_izquierda {
display:none;
}


@media only screen and (max-width: 1299px),only screen and (max-device-width: 1299px) {
#contenedor-total{
	display:block !important;
	 width:100%
}
}

#contenedor-total{
	display: flex;
	 width:100%
}


.fuente_alternativa{
    font-family: 'Fira Sans Condensed',sans-serif;
}

.fuente_alternativa strong {
    font-weight: 800;
}

.cabecera_noticias{
	transform: skewX(-15deg);
    background: #5cb85c!important;
    color: #000 !important;
    DISPLAY: inline-block;
    padding: 5px 10px;
    font-size: 18px;
}

.contenedor_cabecera_noticias{
	    float: left;
    margin: 10px 0px;
    position: relative;
    text-align: center;
    width: 100%;
}

.contenedor_cabecera_noticias:before{
	content: '';
    background: #5cb85c;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 50%;
    width: 100%;
    height: 1px;
    z-index: 0;
}

.btn-round-danger{
	color: #c10011;
    border: 2px solid #c10011;
	background-color:#FFF;
}

.btn-round-success{
	color: #21923e;
    border: 2px solid #21923e;
	background-color:#000;
}

.btn-round-success:hover{
	color: #fff;
	background-color:#21923e;
}

.btn-round-warning {
    color: #876302;
    background-color: #000;
    border: 2px solid #876302;
}

.btn-round-warning:hover{
	color: #fff;
	background-color:#876302;
}


.btn-round-info{
    color: #0084b4;
    border: 2px solid #0084b4;
	background-color:#000;
}

.btn-round-info:hover{
	color: #fff;
	background-color:#0084b4;
}

.form-control {
color:#fff;
background-color:#111819;
}

.table-striped>tbody>tr:nth-of-type(odd) {
background-color:#1d1d1d;
}

.bg-warning {
background-color:#4a1f02;
color:orange;
}

.bg-info {
background-color:#062a3c;
color:#35b1ef;
}

.bg-danger {
background-color:#250202;
color:#f78d8d;
}

.fondo-subida {
background-color:#1a3a13;
}

.fondo-bajada {
background-color:#6a1e1e;
}

.modal-content {
position:relative;
background-color:#170c0c;
-webkit-background-clip:padding-box;
background-clip:padding-box;
border:1px solid #999;
border:1px solid rgba(0,0,0,.2);
border-radius:6px;
outline:0;
-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
box-shadow:0 3px 9px rgba(0,0,0,.5);
}

.cabecera_previa {
    margin-bottom:10px;
    margin-bottom:10px;
    font-size:24px;
    line-height:20px;
    padding:10px;
    color:#fff;
    }

.cabecera_autor {
padding:0 0 10px;
line-height:15px;
}


.foto_autor {
width:50px;
height:50px;
border-radius:100px;
margin-right:10px;
}

.titulo-recomendable {
    padding: 12px 16px;
    margin: 24px 0 12px;
    font-size: 18px;
    font-weight: bold;
    margin: 5px auto;

}

 .recomendable-recomendable {
  
  background: rgb(216,251,216,0.3);
}

 .recomendable-apuesta {
background: rgba(207, 226, 255, 0.3); /* Azul claro con 20% de opacidad */

}


  .recomendable-rosco {
background: rgba(255, 195, 187, 0.3); /* Naranja/rosa claro con 20% de opacidad */

}

.cabecera_puntos {
background-image:url(https://www.comuniate.com/images/fondo_equipo_cabecera.png);
background-position-y:bottom;
margin-bottom:10px;
border:none;
background-position-x:center;
background-size:cover;
background-repeat:no-repeat;
padding:10px 0px;
min-height: 220px;
}


.cabecera_puntos .titulo_equipos{
    font-size: 25px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: end;
    flex-direction: row;
    text-align: center;
}

.cabecera_puntos .equipo1
{
    display: flex;
    flex-direction: column;
    align-items: end;
    margin: 0 10px;
}

.cabecera_puntos .equipo2
{
    display: flex;
    flex-direction: column;
    align-items: start;
    margin: 0 10px;
}


.resultado_marcador {
    background-color:#000; 
    padding-left:10px; 
    padding-right:10px;
    font-size:38px; 
    border-radius:3px; 
    color:#FFFFFF; 
    font-weight:bold;
    display: inline-block;
    width: 50px;
    margin: 10px 0px;    }

.detallejugador {
background-color:#3c3c33;
padding:4px;
border-radius:5px;
font-size:12px;
}


.detallesportmonks {
    background-color:#b40cd6;
    color:#fff;
    border-radius:4px;
    padding:3px;
    }
    

.detallesofascore {
background-color:#54a8d7;
color:#fff;
border-radius:4px;
padding:3px;
}

.detallesportradar {
background-color:#f39c12;
color:#fff;
border-radius:4px;
padding:3px;
}

.detallepicas {
background-color:#e25b39;
color:#fff;
border-radius:4px;
padding:3px;
}

.subidas_background {
background-color:#0f3505!important;
}

.bajadas_background {
background-color:#230202!important;
}

.partido_ganado {
background-color:#060!important;
}

.partido_perdido {
background-color:#900!important;
}

.partido_empatado {
background-color:#F90!important;
}

    

.cabecera_jugador{
    font-size: 14px;
    width: 100%;
    font-weight: bold;
    text-align: center;
    margin: 0px 0px 10px 0px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}


.cabecera_jugador .item-menu {
    width: 24%;
    margin-right: 0;
    text-align: center;
    display: inline-table;
    position: relative;
    padding: 10px 0px;
    color: #b4cdbe;
}

.cabecera_jugador .item-menu:hover{
    background-color:#d7ffdb;
    color: #000000 !important;
}

.cabecera_jugador .activa{
    color: #0dbd02!important;
    border-bottom: 4px solid #0dbd02;
}



.texto_sofascore {
float:left;
margin-left:3px;
color:#a0a0a0;
}

.texto_lesionados {
font-size:12px;
padding:5px;
}

.texto_tocados {
font-size:12px;
padding:5px;
}

.texto_sancionados_roja {
font-size:12px;
padding:5px;
}

.texto_sancionados_amarillas {
font-size:12px;
padding:5px;
}

.nomarginpaddin {
padding:0!important;
margin:0!important;
}

.select_partidos {
    text-align: center;
    border-radius: 10px;
    padding: 0;
    border-image: initial;
    border: 2px solid rgb(0 137 17);
    color: #008911;
}

.nav_escudos {
background: linear-gradient(270deg, #efffc0, transparent);
    min-height:60px;
    padding: 5px 0px;
}



#content-banner-left{
	min-width:320px;
	text-align:right;
    position: absolute;
    top: 0;
	right: 50%;
    transform: translateX(-550px);
}

#content-banner-right{
	min-width:320px;
    position: absolute;
    top: 0;
	left: 50%;
	text-align:left;
    transform: translateX(550px);
}


@media (min-width: 1440px) {
#banner_izquierda {
width:160px;
position:absolute;
top:180px;
display:block;
}
}

* {
outline:none!important;
}

body {
margin:0;
padding:0;
font-family:'Fira Sans Condensed',sans-serif;
font-size: 15px;
color:#fff;
background:#000;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
-moz-osx-font-smoothing:grayscale;
transition:all .4s .135s cubic-bezier(0.645,0.045,0.355,1);
height:100%;
}

html {
height:100%;
}

.fondo_noticia {
padding:5px 0;
margin:10px 0;
background-color: #232323;
}


.fondo_noticia img{
    width: 200px;
    height: 80px;
    object-fit: cover;
    overflow: hidden;
    display: block;
    border-radius: 10px;
}



.texto_noticia {
    margin-top:10px;
    font-size: 15px;
    font-family:'Poppins',sans-serif;
    text-align: justify;
    }


    @media only screen and (max-width: 768px) {
        .texto_noticia {
            font-size: 17px;
            text-align: left;
        }

        .texto_noticia p{
            line-height: 26px;
        }
    }
    
.texto_noticia a {
    color: #2baf00;
    }
    
    .texto_noticia h2 {
    padding:10px 5px;
    color:#fff;
    font-size: 22px;

    }
    
    .texto_noticia h2:after {
    content:'';
    display:block;
    height:4px;
    width:10rem;
    bottom:-.5rem;
    background: linear-gradient(270deg,#5cb85c,#fd7e00);
    right:0;
    margin-top:5px;
    }
    
    .texto_noticia h3 {
    font-size:18px;
    }
    
    .texto_noticia table td {
        margin-bottom: 15px;
        line-height: 23px;
        font-family: 'Poppins', sans-serif;
        font-size: 15px;
        padding: 5px;
        border: 2px solid #bff3bf;
        }
    

.tags-noticias {
    padding: 5px;
    color: #fff;
    border-radius: 5px;
    border: 2px solid #fff;
}

.tags-autor {
background-color:#5cb85c;
padding:5px;
color:#fff;
font-size:14px;
}

.tags-autor a {
color:#fff;
}

.tags-fecha {
background-color:#09C;
padding:5px;
color:#fff;
font-size:14px;
}

.linea_titulo:after {
background:linear-gradient(270deg,#5cb85c,#fd7e00);
content:"";
display:block;
height:3px;
margin:.3rem auto;
width:100%;
}

.primary {
color:#3c8dbc;
font-weight:700;
}

.info {
color:#00c0ef;
font-weight:700;
}

.danger {
color:#dd4b39;
font-weight:700;
}

.warning {
color:#f39c12;
font-weight:700;
}

.success {
color:#093;
font-weight:700;
}

.success2 {
    color:#00ff55;
    font-weight:700;
    }


.default {
color:#d2d6de;
font-weight:700;
}

.blanco {
color:#FFF;
font-weight:700;
}

.desactivado {
color:#aaa;
font-weight:700;
}

.boton_nuevo {
transition:all .2s ease-in-out;
}

.boton_nuevo:active {
transform:scale(1.1);
transition:.1s;
}

.small-box {
border-radius:10px;
position:relative;
display:block;
margin-bottom:20px;

}

.small-box-primary {
background-color:#3c8dbc!important;
color:#FFF;
}

.small-box-info {
background-color:#00c0ef!important;
color:#FFF;
}

.small-box-danger {
background-color:#dd4b39!important;
color:#FFF;
}

.small-box-warning {
background-color:#f39c12!important;
color:#FFF;
}

.small-box-success {
background-color:#093!important;
color:#FFF;
}

.small-box-default {
background-color:#d2d6de!important;
color:#FFF;
}

.small-box > .inner {
padding:10px;
}

.small-box > .small-box-footer {
position:relative;
text-align:center;
padding:3px 0;
color:#fff;
color:rgba(255,255,255,0.8);
display:block;
z-index:10;
background:rgba(0,0,0,0.1);
text-decoration:none;
}

.small-box > .small-box-footer:hover {
color:#fff;
background:rgba(0,0,0,0.15);
}

.small-box h3 {
font-size:38px;
font-weight:700;
margin:0 0 10px;
white-space:nowrap;
padding:0;
}

.small-box p {
font-size:15px;
}

.small-box p > small {
display:block;
color:#f9f9f9;
font-size:13px;
margin-top:5px;
}

.small-box h3,.small-box p {
z-index:5;
}

.small-box .icon {
-webkit-transition:all .3s linear;
-o-transition:all .3s linear;
transition:all .3s linear;
position:absolute;
top:-10px;
right:10px;
z-index:0;
font-size:90px;
color:rgba(0,0,0,0.15);
}

.small-box:hover {
text-decoration:none;
color:#f9f9f9;
}

.small-box:hover .icon {
font-size:95px;
}

@media (max-width: 767px) {
.small-box {
text-align:center;
}

.small-box .icon {
display:none;
}

.small-box p {
font-size:12px;
}
}

.box2 {
padding:5px;
border-radius:4px;
background:#FdFdFd;
border:1px solid #E6E9ED;
z-index:300;
}

.box {
position:relative;
border-radius:3px;
border-top:2px solid #42584f;
margin-bottom:20px;
width:100%;

z-index:300;
}

.box.box-primary {
border-top-color:#3c8dbc;
}

.box.box-info {
border-top-color:#00c0ef;
}

.box.box-danger {
border-top-color:#ffc2bb;
}

.box.box-warning {
border-top-color:#f39c12;
}

.box.box-success {
border-top-color:#090;
}

.box.box-successpartidos {
border-top-color:#b6ffb6;
background-size:cover;
}

.box.box-infopartidos {
border-top-color:#00c0ef;
background-image:url(/images/fondo_partido_juego.png);
background-size:cover;
}

.box.box-default {
border-top-color:#d2d6de;
}

.box.collapsed-box .box-body,.box.collapsed-box .box-footer {
display:none;
}

.box .nav-stacked > li {
border-bottom:1px solid #f4f4f4;
margin:0;
}

.box .nav-stacked > li:last-of-type {
border-bottom:none;
}

.box.height-control .box-body {
max-height:300px;
overflow:auto;
}

.box .border-right {
border-right:1px solid #f4f4f4;
}

.box .border-left {
border-left:1px solid #f4f4f4;
}

.box.box-solid {
border-top:0;
}

.box.box-solid > .box-header .btn.btn-default {
background:transparent;
}

.box.box-solid > .box-header .btn:hover,.box.box-solid > .box-header a:hover {
background:rgba(0,0,0,0.1);
}

.box.box-solid.box-default {
border:1px solid #d2d6de;
}

.box.box-solid.box-default > .box-header {
color:#444;
background:#d2d6de;
background-color:#d2d6de;
}

.box.box-solid.box-default > .box-header a,.box.box-solid.box-default > .box-header .btn {
color:#444;
}

.box.box-solid.box-primary {
border:1px solid #3c8dbc;
}

.box.box-solid.box-primary > .box-header {
color:#fff;
background:#3c8dbc;
background-color:#3c8dbc;
}

.box.box-solid.box-primary > .box-header a,.box.box-solid.box-primary > .box-header .btn {
color:#fff;
}

.box.box-solid.box-info {
border:1px solid #00c0ef;
}

.box.box-solid.box-info > .box-header {
color:#fff;
background:#00c0ef;
background-color:#00c0ef;
}

.box.box-solid.box-info > .box-header a,.box.box-solid.box-info > .box-header .btn {
color:#fff;
}

.box.box-solid.box-danger {
border:1px solid #dd4b39;
}

.box.box-solid.box-danger > .box-header {
color:#fff;
background:#dd4b39;
background-color:#dd4b39;
}

.box.box-solid.box-danger > .box-header a,.box.box-solid.box-danger > .box-header .btn {
color:#fff;
}

.box.box-solid.box-warning {
border:1px solid #f39c12;
}

.box.box-solid.box-warning > .box-header {
color:#fff;
background:#f39c12;
background-color:#f39c12;
}

.box.box-solid.box-warning > .box-header a,.box.box-solid.box-warning > .box-header .btn {
color:#fff;
}

.box.box-solid.box-success {
border:1px solid #00a65a;
}

.box.box-solid.box-success > .box-header {
color:#fff;
background:#00a65a;
background-color:#00a65a;
}

.box.box-solid.box-success > .box-header a,.box.box-solid.box-success > .box-header .btn {
color:#fff;
}

.box.box-solid > .box-header > .box-tools .btn {
border:0;
box-shadow:none;
}

.box.box-solid[class*='bg'] > .box-header {
color:#fff;
}

.box .box-group > .box {
margin-bottom:5px;
}

.box .knob-label {
text-align:center;
color:#333;
font-weight:100;
font-size:12px;
margin-bottom:.3em;
}

.box > .overlay,.overlay-wrapper > .overlay,.box > .loading-img,.overlay-wrapper > .loading-img {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.box .overlay,.overlay-wrapper .overlay {
z-index:50;
background:rgba(255,255,255,0.7);
border-radius:3px;
}

.box .overlay > .fa,.overlay-wrapper .overlay > .fa {
position:absolute;
top:50%;
left:50%;
margin-left:-15px;
margin-top:-15px;
color:#000;
font-size:30px;
}

.box .overlay.dark,.overlay-wrapper .overlay.dark {
background:rgba(0,0,0,0.5);
}

.box-header:before,.box-body:before,.box-footer:before,.box-header:after,.box-body:after,.box-footer:after {
content:" ";
display:table;
}

.box-header:after,.box-body:after,.box-footer:after {
clear:both;
}

.box-header {
color:#444;
display:block;
padding:10px;
position:relative;
}

.box-header.with-border {
border-bottom:1px solid #f4f4f4;
}

.collapsed-box .box-header.with-border {
border-bottom:none;
}

.box-header > .fa,.box-header > .glyphicon,.box-header > .ion,.box-header .box-title {
display:inline-block;
font-size:18px;
margin:0;
line-height:1;
}

.box-header > .fa,.box-header > .glyphicon,.box-header > .ion {
margin-right:5px;
}

.box-header > .box-tools {
position:absolute;
right:10px;
top:5px;
}

.box-header > .box-tools [data-toggle="tooltip"] {
position:relative;
}

.box-header > .box-tools.pull-right .dropdown-menu {
right:0;
left:auto;
}

.btn-box-tool {
padding:5px;
font-size:12px;
background:transparent;
color:#97a0b3;
}

.open .btn-box-tool,.btn-box-tool:hover {
color:#606c84;
}

.btn-box-tool.btn:active {
box-shadow:none;
}

.box-body {
padding:10px;
border-radius:0 0 3px 3px;
}

.no-header .box-body {
border-top-right-radius:3px;
border-top-left-radius:3px;
}

.box-body > .table {
margin-bottom:0;
}

.box-body .fc {
margin-top:5px;
}

.box-body .full-width-chart {
margin:-19px;
}

.box-body.no-padding .full-width-chart {
margin:-9px;
}

.box-body .box-pane {
border-radius:0 0 0 3px;
}

.box-body .box-pane-right {
border-radius:0 0 3px;
}

.box-footer {
border-top:1px solid #f4f4f4;
padding:10px;
background-color:#fff;
border-radius:0 0 3px 3px;
}

.chart-legend {
margin:10px 0;
}

@media (max-width: 991px) {
.chart-legend > li {
float:left;
margin-right:10px;
}
}

.box-comments {
background:#f7f7f7;
}

.box-comments .box-comment {
padding:8px 0;
border-bottom:1px solid #eee;
}

.box-comments .box-comment:before,.box-comments .box-comment:after {
content:" ";
display:table;
}

.box-comments .box-comment:after {
clear:both;
}

.box-comments .box-comment:last-of-type {
border-bottom:0;
}

.box-comments .box-comment:first-of-type {
padding-top:0;
}

.box-comments .box-comment img {
float:left;
}

.box-comments .comment-text {
margin-left:40px;
color:#555;
}

.box-comments .username {
color:#444;
display:block;
font-weight:600;
}

.box-comments .text-muted {
font-weight:400;
font-size:12px;
}

a {
color:#fff;
}

a:hover {
text-decoration:underline;
color:#fff;
background-color:#475443;
}

a:focus {
text-decoration:none;
color:#000;
}

img {
max-width:100%;
}

b {
font-weight:700;
}

strong {
font-weight:700;
}

p {
margin-bottom:15px;
line-height:23px;
font-family:'Poppins',sans-serif;
}

blockquote {
display:block;
border-width:2px 0;
border-style:solid;
border-color:#c7c7c7;
padding:1.5em 0 .5em;
margin:.5em 0;
position:relative;
text-align:center;
font-style:italic;
font-size:20px;
color:#1f9c3a;
}

blockquote::before {
content:'\201C';
position:absolute;
top:0;
left:50%;
transform:translate(-50%,-50%);
background:#fff;
width:3rem;
height:2rem;
font:62px 'PT Sans',sans-serif;
color:#65a561;
text-align:center;
}

blockquote span {
display:block;
color:#333;
font-style:normal;
font-weight:700;
margin-top:1em;
}

.form-group {
width:100%;
float:left;
margin-bottom:10px;
}

form {
width:100%;
float:left;
margin-bottom:10px;
}

input[type="text"] {
width:100%;
height:34px;
padding:0 15px;
font-size:15px;
border:1px solid #ccc;
}

input[type="password"] {
width:100%;
height:34px;
padding:0 15px;
font-size:15px;
border:1px solid #ccc;
}

textarea {
width:100%;
max-width:540px;
height:110px;
padding:15px;
font-size:13px;
border:1px solid #ccc;
}

button[type="submit"] {
height:44px;
padding:0 20px;
font-weight:700;
font-size:13px;
border:none;
}

button[type="button"] {
height:34px;
padding:0 10px;
font-weight:700;
font-size:13px;
}

.modal-content button[type="button"] {
margin:10px 10px 10px 0px;
}

.pagination {
width:100%;
float:left;
text-align:center;
}

.pagination li {
float:none;
display:inline-block;
}

.pagination li a {
height:34px;
line-height:36px;
float:left;
padding:0 13px;
border:none;
color:#000;
font-size:13px;
font-weight:700;
}

.pagination li a:hover {
color:#000;
background:none;
opacity:.8;
}

.pagination li.active a {
background:#000;
}

.pagination li.active a:hover {
opacity:1;
background:#000;
}

.panel-group {
width:100%;
float:left;
}

.panel-group .panel+.panel {
margin-top:-1px;
}

.panel-group .panel {
width:100%;
float:left;
border-radius:0;
border-color:#eee;
}

.panel-group .panel-heading {
width:100%;
float:left;
background:none;
border-radius:0;
border:none;
}

.panel-group .panel-heading .panel-title {
width:100%;
}

.panel-group .panel-heading .panel-title a {
width:100%;
font-size:13px;
font-weight:700;
color:#ffbb3f;
}

.panel-group .panel-heading .panel-title a:after {
content:"-";
float:left;
font-weight:300;
font-size:18px;
margin-right:10px;
}

.panel-group .panel-heading .panel-title a.collapsed {
color:#384254;
}

.panel-group .panel-heading .panel-title a.collapsed:after {
content:"+";
float:left;
font-weight:300;
font-size:18px;
margin-right:10px;
}

.panel-group .panel-heading .panel-title a.collapsed:hover {
text-decoration:none;
color:#ffbb3f;
}

.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body {
border:none;
padding:20px;
padding-top:0;
}

.panel-group .panel-collapse {
width:100%;
float:left;
}

.panel-group .panel-body {
padding:25px;
}

.panel-group .panel-body img {
width:100%;
margin:5px;
}

.panel-group .panel-body h6 {
font-weight:700;
font-size:17px;
}

.panel-group .panel-body p {
line-height:20px;
font-size:13px;
margin:0;
}

.bs-example-tabs {
width:100%;
float:left;
margin-bottom:30px;
}

.nav-tabs {
width:100%;
float:left;
border-bottom:1px solid #5cb85c;
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
border:1px solid #5cb85c;
border-bottom-color:transparent;
color:#ffbb3f;
}

.nav-tabs>li>a {
border-radius:10px 10px 0 0;
font-size:13px;
font-weight:700;
border:1px solid #5cb85c;
margin-right:-1px;
padding:15px 10px;
}

.nav>li>a:focus,.nav>li>a:hover {
background:none;
color:#ffbb3f;
}

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
background:none;
border:1px solid #5cb85c;
}

.tab-content {
width:100%;
float:left;
margin-top:10px;
}

.tab-content p {
margin:0;
font-size:13px;
line-height:20px;
}

.tabs_noticias{
    margin-bottom: 0;
    list-style: none;
    border-radius: 5px;  
    font-weight: bold;
    font-size: 14px;
}


.tabs_noticias li.active a{
color: #000000;
    background-color: #93e9b6;
}

.tabs_noticias li a{
position: relative;
    display: block;
    /* padding: 10px 15px; */
    padding: 8px;
    background-color: #493d3d;
    border-radius: 20px;
}



.alert {
padding:5px;
margin-bottom:10px;
margin-top:10px;
border:1px solid transparent;
border-radius:4px;
}

.alert-primary {
background:#069;
color:#fff;
border:none;
}

.alert-success {
    background: #cdffcd;
    color: #00522b;
    border: none;
}

.alert-texto {
background:#EEE1AE;
color:#000;
border:none;
}

.alert-warning {
    background: #fff0da;
    color: #684b00;
    border: none;
}

.alert-azul {
background:#08c;
color:#fff;
border:none;
}

.alert-amarillo {
background:#f2f51f;
color:#000;
border:none;
}

.alert-danger {
color:#b94a48;
background-color:#f2dede;
border-color:#ebccd1;
}

.label {
border-radius:0;
}

.label-posicion {
padding:2px;
color:#FFF;
font-weight:700;
font-size:12px;
width:22px;
display:inline-block;
text-align:center;
}



.label-posicion-directo {
padding:2px;
color:#FFF;
font-weight:700;
font-size:6px;
}

.label-disabled {
background:#999;
border-radius:3px;
}

.label-default {
    background: rgb(0, 0, 0, 0.3);
border-radius:3px;
}

.label-primary {
background:#0084b4;
border-radius:3px;
}

.label-success {
background:#0C6;
border-radius:3px;
}

.label-info {
background:#2196f3;
border-radius:3px;
}

.label-warning {
background:#F90;
border-radius:3px;
}

.label-danger {
background:red;
border-radius:3px;
}

.label-disabled {
background:#AAA;
border-radius:3px;
}

.label-yellow {
background:#FC0;
border-radius:3px;
}

.label-border {
border:1px solid;
min-width:22px;
}

.label-infopartidos {
background:#2196f3;
border-radius:3px;
}

.label-puntos {
    display: inline; 
    font-weight: bold;
    line-height: 1;
    color: #fff;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}



.racha_partidos {
	margin-bottom: 10px;
     display: inline-flex;
     line-height: 20px;
}

.racha_partidos .partido {
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    color: #FFF;
    font-weight: 700;
    font-size: 10px; /* Ajustar el tamaño de la fuente para que encaje mejor */
    width: 20px;
    height: 20px;
    border-radius: 50%; /* Hace que el elemento sea circular */
    background-color: #000; /* Cambia el color de fondo si lo necesitas */
    margin-right: 1px;
    line-height: 1; /* Asegura que no haya espacio extra vertical alrededor del texto */
}

.racha_partidos .partido_small {
    padding: 2px;
    color: #FFF;
    font-weight: 700;
    font-size: 10px;
    width: 12px;
    display: inline-block;
    text-align: center;
    border-right:1px solid #000;
}

.racha_partidos .ganado {
	background: #89e339;
}

.racha_partidos .empatado {
	background: #f3a328;
}

.racha_partidos .perdido {
	background: #e55656;
}



.middle-align {
width:100%;
height:100%;
float:left;
display:table;
}

.middle-align .inner {
text-align:center;
display:table-cell;
vertical-align:middle;
}

.search-box {
    width: 100%;
    height: 50px;
    position: fixed;
    left: 0;
    top: 0;
    padding-top: 5px;
    z-index: 10000;
    padding-bottom: 10px;
    visibility: hidden;
}

.search-box form {
width:100%;
float:left;
}

.search-box form input[type="text"] {
    color: white;
    width: 100%;
    background-color: black;
    font-weight: bold;
    border: none;
    width: 100%;
    height: 50px;
    font-size: 24px;
}

.search-box form button[type="submit"] {
width:30%;
height:60px;
float:left;
border:none;
background:none;
border-left:1px solid #eee;
color:#000;
}

.icono_cabecera {
color:#889c88;
}

.header {
width:100%;
text-align:center;
}

.header .navbar-default {
width:100%;
height:52px;
float:left;
border:none;
border-radius:0;
margin:0;
background-color:#237143;
}

.header .navbar-default .navbar-hamburger-menu {
float:left;
margin-top:5px;
font-size:26px;
font-weight:bolder;
}

.header .navbar-default .navbar-hamburger-menu a {
color:#fff;
}

.header .navbar-default .navbar-jugadores {
display:none;
float:right;
font-size:26px;
}

.header .navbar-default .navbar-jugadores a {
color:#fff;
}

.header .navbar-default .navbar-jugadores a:hover {
background-color:rgba(200,200,150,0.8);
padding:3px;
border-radius:7px;
}

.header .navbar-default .navbar-nav {
height:42px;
float:none;
display:inline-block;
}

.header .navbar-default .navbar-nav li {
float:left;
font-size:16px;
}

.header .navbar-default .navbar-nav li a {
float:left;
line-height:52px;
color:#fff;
padding:0 10px;
}

.header .navbar-default .navbar-nav li a:hover {
background-color:#0b9444;
}

.header .navbar-default .navbar-nav li .caret {
float:right;
margin-left:6px;
margin-top:24px;
}

.header .navbar-default .navbar-search {
float:left;
margin-top:5px;
font-size:26px;
font-weight:bolder;
color:#FFF;
cursor:pointer;
}

.header .navbar-default .navbar-search:hover {
color:orange;
}

.header .navbar-header {
width:100%;
float:left;
text-align:center;
}

.header .navbar-header .navbar-brand {
height:auto;
float:none;
display:inline-block;
font-size:50px;
font-weight:700;
padding:35px 0;
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
background:none;
color:#fff;
}

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
border:none;
}

.navbar-nav>li>.dropdown-menu {
box-shadow:none;
border:none;
border-radius:0;
background:#000;
padding-top:0;
padding-bottom:10px;
}

.navbar-nav>li>.dropdown-menu li {
width:100%;
float:left;
}

.navbar-nav>li>.dropdown-menu li a {
width:100%;
float:left;
padding:0;
line-height:30px!important;
font-weight:400;
}

.navbar-nav>li>.dropdown-menu li a:hover {
background:none;
}

.int-header {
width:100%;
float:left;
background:url(../images/int-header-bg.jpg) #ccc;
background-attachment:fixed;
color:#fff;
padding-top:5px;
padding-bottom:0;
margin-bottom:10px;
display:block;
}

.int-header.detail {
height:200px;
}

.int-header .int-title {
font-size:60px;
font-weight:700;
margin:0;
}

.int-header .breadcrumb {
width:100%;
float:left;
background:none;
padding:0;
margin:0;
}

.int-header .breadcrumb li {
float:left;
font-size:12px;
margin-right:14px;
color:#fff;
}

.int-header .breadcrumb li:before {
display:none;
}

.int-header .breadcrumb li a {
float:left;
color:#fff;
}

.int-header-lesionados {
width:100%;
float:left;
background:url(../images/int-header-bg-lesionados.jpg) #ccc;
background-attachment:fixed;
color:#fff;
padding-top:15px;
padding-bottom:20px;
margin-bottom:20px;
display:block;
}

.int-header-lesionados.detail {
height:200px;
}

.iint-header-lesionados .int-title {
font-size:60px;
font-weight:700;
margin:0;
}

.int-header-lesionados .breadcrumb {
width:100%;
float:left;
background:none;
padding:0;
margin:0;
}

.int-header-lesionados .breadcrumb li {
float:left;
font-size:12px;
margin-right:14px;
color:#fff;
}

.int-header-lesionados .breadcrumb li:before {
display:none;
}

.int-header-lesionados .breadcrumb li a {
float:left;
color:#fff;
}

.int-header-jugador {
width:100%;
float:left;
background:url(../images/int-header-bg-jugador.jpg) #ccc;
background-attachment:fixed;
color:#fff;
padding-top:15px;
padding-bottom:20px;
margin-bottom:20px;
display:block;
}

.int-header-jugador.detail {
height:200px;
}

.iint-header-jugador .int-title {
font-size:60px;
font-weight:700;
margin:0;
}

.int-header-jugador .breadcrumb {
width:100%;
float:left;
background:none;
padding:0;
margin:0;
}

.int-header-jugador .breadcrumb li {
float:left;
font-size:12px;
margin-right:14px;
color:#fff;
}

.int-header-jugador .breadcrumb li:before {
display:none;
}

.int-header-jugador .breadcrumb li a {
float:left;
color:#fff;
}

.int-header2 {
width:100%;
float:left;
background:url(../images/int-header-bg.jpg) #ccc;
background-attachment:fixed;
color:#fff;
padding:20px 0;
margin-bottom:20px;
display:block;
}

.int-header2 .int-title {
font-size:40px;
font-weight:700;
margin:0;
}

.int-header2 .breadcrumb {
width:100%;
float:left;
background:none;
padding:0;
margin:0;
}

.int-header2 .breadcrumb li {
float:left;
font-size:12px;
margin-right:14px;
color:#fff;
}

.int-header2 .breadcrumb li:before {
display:none;
}

.int-header2 .breadcrumb li a {
float:left;
color:#fff;
}

.carousel-posts {
width:100%;
float:left;
position:relative;

}

.carousel-posts-escudos {
width:100%;
float:left;
position:relative;
padding-top:5px;
}

.carousel-posts .owl-carousel {
width:100%;
float:left;
position:relative;
}

.carousel-posts .owl-carousel * {
transition:all .4s .135s cubic-bezier(0.645,0.045,0.355,1);
}

.carousel-posts .post .enlace-slide:hover {
-webkit-filter:invert(100%);
filter:invert(100%);
}

.carousel-posts .post {
width:100%;
float:left;
text-align:center;
position:relative;
}

.carousel-posts .post .post-image {
width:100%;
float:left;
background:#000;
}

.carousel-posts .post .post-image img {
width:100%;
opacity:.9;
}

.carousel-posts .post .post-image .post-content {
width:100%;
position:absolute;
left:0;
bottom:0;
padding:15px;
}

.carousel-posts .post .post-image .post-content .post-date {
width:100%;
float:left;
font-weight:700;
font-size:12px;
opacity:.6;
color:#fff;
}

.carousel-posts .post .post-image .post-content .post-title {
width:100%;
float:left;
padding:0 5%;
font-size:16px;
line-height:18px;
color:#fff;
margin-bottom:0;
}

.carousel-posts .post .post-image .post-content .post-title a {
float:left;
color:#fff;
}

.carousel-posts .post .post-image .post-content .post-title a:hover {
font-weight:bolder;
color:#000;
background-color:#0C0;
}

.carousel-posts .post .post-image .post-content .post-category {
height:22px;
line-height:22px;
display:inline-block;
color:#fff;
font-family:'Fira Sans Condensed',sans-serif;
border:1px solid rgba(255,255,255,0.4);
padding:0 7px;
font-size:11px;
}

.carousel-posts .owl-nav {
width:100%;
float:left;
}

.carousel-posts .owl-nav .owl-prev {
width:50px;
height:50px;
line-height:50px;
background:rgba(0,0,0,0.8);
position:absolute;
left:0;
bottom:50%;
color:#fff;
text-indent:-99999px;
padding-left:15px;
}

.carousel-posts .owl-nav .owl-prev:before {
content:"\f177";
float:left;
text-indent:0;
font-family:icomoon;
}

.carousel-posts .owl-nav .owl-prev:hover {
opacity:.9;
}

.carousel-posts .owl-nav .owl-next {
width:50px;
height:50px;
line-height:50px;
background:rgba(0,0,0,0.8);
position:absolute;
right:0;
bottom:50%;
color:#fff;
text-indent:-99999px;
padding-left:15px;
}

.carousel-posts .owl-nav .owl-next:before {
content:"\f178";
float:left;
text-indent:0;
font-family:icomoon;
}

.carousel-posts .owl-nav .owl-next:hover {
opacity:.7;
}

.carousel-posts .owl-dots {
width: 100%;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.carousel-posts .owl-dots .owl-dot {
width:11px;
height:11px;
display:inline-block;
background:#000;
border-radius:50%;
margin:0 4px;
opacity:.2;
}

.carousel-posts .owl-dots .owl-dot.active {
opacity:1;
}

.grid-posts {
width:100%;
float:left;
margin-bottom:50px;
}

.grid-posts .post {
width:100%;
float:left;
position:relative;
margin-bottom:30px;
}

.grid-posts .post .post-image {
width:100%;
float:left;
}

.grid-posts .post .post-image img {
width:100%;
}

.grid-posts .post .post-content {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
background:rgba(0,0,0,0.3);
}

.grid-posts .post .post-content .post-date {
width:100%;
float:left;
font-weight:700;
font-size:12px;
opacity:.6;
color:#fff;
}

.grid-posts .post .post-content .post-title {
width:100%;
float:left;
font-family:'Poppins',sans-serif;
padding:0 5%;
font-size:18px;
line-height:22px;
color:#fff;
margin-bottom:20px;
}

.grid-posts .post .post-content .post-title.big {
font-size:36px;
line-height:50px;
}

.grid-posts .post .post-content .post-title a {
float:left;
color:#fff;
}

.grid-posts .post .post-content .post-category {
height:22px;
line-height:22px;
display:inline-block;
color:#fff;
font-family:'Fira Sans Condensed',sans-serif;
border:1px solid rgba(255,255,255,0.4);
padding:0 7px;
font-size:11px;
}

.main-content {
width:100%;
position:relative;
padding-left:2px;
padding-right:2px;
}

.main-content #content-left {
width:750px;
float:left;
padding-right:15px;
}

.main-content #content-right {
width:300px;
float:right;
padding-left:0;
padding-bottom:10px;
margin-left:0!important;
}

.main-content #content-left .content-image {
margin:20px 0;
margin-right:20px;
padding:0;
}

.main-content #content-left .content-image img {
width:100%;
}

.main-content #content-left .content-image figcaption {
width:100%;
float:left;
font-size:12px;
padding:5px 0;
}

.main-content #content-left #map {
width:100%;
height:260px;
float:left;
background:#000;
}

.highlight-posts {
width:100%;
float:left;
overflow:hidden;
margin-bottom:5px;
position:relative;
}

.highlight-posts .post {
width:100%;
float:left;
position:relative;
margin-bottom:30px;
}

.highlight-posts .post .post-image {
width:100%;
float:left;
}

.highlight-posts .post .post-image img {
width:100%;
}

.highlight-posts .post .post-content {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
background:rgba(0,0,0,0.3);
}

.highlight-posts .post .post-content .post-date {
width:100%;
float:left;
font-weight:700;
font-size:12px;
opacity:.6;
color:#fff;
}

.highlight-posts .post .post-content .post-title {
width:100%;
float:left;
font-family:'Poppins',sans-serif;
padding:0 5%;
font-size:25px;
line-height:50px;
color:#fff;
margin-bottom:20px;
}

.highlight-posts .post .post-content .post-title a {
float:left;
color:#fff;
}

.highlight-posts .post .post-content .post-category {
height:22px;
line-height:22px;
display:inline-block;
color:#fff;
font-family:'Fira Sans Condensed',sans-serif;
border:1px solid rgba(255,255,255,0.4);
padding:0 7px;
font-size:11px;
}

.highlight-posts .owl-dots {
width:11px;
position:absolute;
right:20px;
top:20px;
}

.highlight-posts .owl-dots .owl-dot {
width:11px;
height:11px;
float:left;
background:#fff;
border-radius:50%;
margin:0;
opacity:.2;
margin:4px 0;
}

.highlight-posts .owl-dots .owl-dot.active {
opacity:1;
}

.small-posts {
width:100%;
float:left;
}

.small-posts .post {
width:100%;
float:left;
text-align:center;
margin-bottom:30px;
display:table;
}

.small-posts .post .post-image {
width:100%;
float:left;
margin-bottom:20px;
}

.small-posts .post .post-image img {
width:100%;
}

.small-posts .post .post-content {
width:100%;
float:left;
}

.small-posts .post .post-content .post-date {
width:100%;
float:left;
font-weight:700;
font-size:12px;
opacity:.3;
color:#000;
}

.small-posts .post .post-content .post-title {
width:100%;
float:left;
font-family: 'Poppins',sans-serif;
font-size:16px;
line-height:22px;
color:#fff;
margin-bottom:15px;
border-left:5px solid #efc43f;
padding-left:7px;
margin-bottom:15px;
text-align:left;
}

.small-posts .post .post-content .post-title a {
float:left;
color:#000;
}

.small-posts .post .post-content .post-category {
height:22px;
line-height:22px;
display:inline-block;
color:#000;
font-family:'Fira Sans Condensed',sans-serif;
border:1px solid rgba(0,0,0,0.1);
padding:0 7px;
font-size:11px;
}

.post-list {
width:100%;
float:left;
}

.post-list .post {
width:100%;
float:left;
text-align:center;
margin-bottom:30px;
display:table;
}

.post-list .post .post-image {
width:20%;
display:table-cell;
}

.post-list .post .post-image img {
width:100%;
}

.post-list .post .post-content {
width:100%;
display:table-cell;
vertical-align:middle;
text-align:left;
padding-left:20px;
}

.post-list .post .post-content .post-date {
width:100%;
float:left;
font-weight:700;
font-size:12px;
opacity:.3;
color:#000;
}

.post-list .post .post-content .post-title {
width:100%;
float:left;
font-family: 'Poppins',sans-serif;
font-size:25px;
line-height:35px;
color:#fff;
margin-bottom:15px;
}

.post-list .post .post-content .post-title a {
float:left;
color:#000;
}

.post-list .post .post-content .post-category {
height:22px;
line-height:22px;
display:inline-block;
color:#000;
font-family:'Fira Sans Condensed',sans-serif;
border:1px solid rgba(0,0,0,0.1);
padding:0 7px;
font-size:11px;
}

.sidebar {
width:100%;
float:left;
}

.sidebar .widget {
width:100%;
float:left;
padding:6px;
margin-bottom:10px;
/*text-align:center;*/
background-color:#1e220f;
border-radius:20px;
}

.widget .widget-title {
margin-top:0;
font-size:16px;
padding-bottom:20px;
margin-bottom:10px;
position:relative;
font-weight:700;
}

.widget .widget-title:after {
content:"";
width:30px;
height:2px;
background:#000;
position:absolute;
left:50%;
bottom:0;
margin-left:-15px;
}

.sidebar .about-papel {
float:left;
}

.sidebar .about-papel img {
width:160px;
display:inline-block;
border-radius:50%;
}

.sidebar .about-papel p {
font-weight:300;
color:#666;
margin-bottom:24px;
font-size:14px;
}

.sidebar .about-papel ul {
width:100%;
float:left;
margin:0;
padding:0;
}

.sidebar .about-papel ul li {
display:inline-block;
margin:0 5px;
list-style:none;
}

.sidebar .about-papel ul li a {
float:left;
font-size:13px;
}

.sidebar .ad-area {
float:left;
padding:2px;
background:#000;
}

.sidebar .ad-area a {
width:100%;
float:left;
}

.sidebar .ad-area img {
width:100%;
}

.sidebar .newsletter {
border:none;
background:#e9e9e9;
}

.sidebar .newsletter p {
font-size:13px;
opacity:.6;
}

.sidebar .newsletter input[type="text"] {
width:100%;
margin-bottom:6px;
}

.sidebar .tags {
float:left;
}

.sidebar .tags ul {
width:100%;
float:left;
margin:0;
padding:0;
}

.sidebar .tags ul li {
margin:2px;
display:inline-block;
list-style:none;
}

.sidebar .tags ul li a {
float:left;
height:28px;
line-height:28px;
border:1px solid #e9e9e9;
padding:0 7px;
font-size:12px;
}

.sidebar .tags ul li a:hover {
border:1px solid #000;
background:#000;
color:#fff;
text-decoration:none;
}

.sidebar .gallery {
float:left;
}

.sidebar .gallery ul {
width:100%;
float:left;
margin:0;
padding:0;
}

.sidebar .gallery ul li {
width:33.33333%;
float:left;
padding:3px;
list-style:none;
}

.sidebar .gallery ul li img {
width:100%;
}

.slider-posts {
width:100%;
float:left;
padding-top:100px;
}

.slider-posts .item {
width:100%;
float:left;
position:relative;
}

.slider-posts .owl-posts {
width:100%;
float:left;
position:relative;
}

.slider-posts .post {
width:100%;
float:left;
display:table;
}

.slider-posts .post .post-content {
width:50%;
display:table-cell;
background:#000;
color:#fff;
vertical-align:middle;
text-align:center;
}

.slider-posts .post .post-content .post-date {
width:100%;
float:left;
font-weight:700;
font-size:12px;
opacity:.3;
color:#fff;
}

.slider-posts .post .post-content .post-title {
width:100%;
float:left;
font-family:'Poppins',sans-serif;
padding:0 5%;
font-size:30px;
line-height:40px;
color:#fff;
margin-bottom:15px;
}

.slider-posts .post .post-content .post-title a {
float:left;
color:#fff;
}

.slider-posts .post .post-content .post-category {
height:22px;
line-height:22px;
display:inline-block;
color:#fff;
font-family:'Fira Sans Condensed',sans-serif;
border:1px solid rgba(255,255,255,0.2);
padding:0 7px;
font-size:11px;
}

.slider-posts .post .post-image {
width:50%;
display:table-cell;
}

.slider-posts .owl-nav {
width:100%;
float:left;
}

.slider-posts .owl-nav .owl-prev {
width:50px;
height:50px;
line-height:50px;
background:rgba(0,0,0,0.8);
position:absolute;
right:51px;
bottom:50%;
color:#fff;
text-indent:-99999px;
padding-left:15px;
}

.slider-posts .owl-nav .owl-prev:before {
content:"\f177";
float:left;
text-indent:0;
font-family:icomoon;
}

.slider-posts .owl-nav .owl-prev:hover {
opacity:.7;
}

.slider-posts .owl-nav .owl-next {
width:50px;
height:50px;
line-height:50px;
background:rgba(0,0,0,0.8);
position:absolute;
right:0;
bottom:50%;
color:#fff;
text-indent:-99999px;
padding-left:15px;
}

.slider-posts .owl-nav .owl-next:before {
content:"\f178";
float:left;
text-indent:0;
font-family:icomoon;
}

.slider-posts .owl-nav .owl-next:hover {
opacity:.7;
}

.instagram {
width:100%;
float:left;
text-align:center;
padding-top:100px;
}

.instagram .instagram-box {
width:100%;
float:left;
position:relative;
}

.instagram .titles {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
color:#fff;
z-index:2;
}

.instagram .titles .inner {
display:table-cell;
vertical-align:middle;
}

.instagram .titles h2 {
font-weight:700;
}

.instagram .instagram-feed {
width:100%;
float:left;
margin:0;
padding:0;
position:relative;
}

.instagram .instagram-feed:after {
content:"";
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
background:#000;
opacity:.5;
}

.instagram .instagram-feed li {
width:20%;
float:left;
list-style:none;
padding:0;
}

.instagram .instagram-feed li img {
width:100%;
opacity:.6;
}

.instagram .instagram-feed li a {
float:left;
}

.hot-news {
width:100%;
float:left;
padding-top:50px;
}

.hot-news .title {
width:100%;
float:left;
margin-bottom:40px;
text-align:center;
font-size:60px;
font-weight:700;
}

.hot-news .post {
width:100%;
float:left;
text-align:center;
}

.hot-news .post .post-image {
width:100%;
float:left;
}

.hot-news .post .post-image img {
width:100%;
}

.hot-news .post .post-content {
width:90%;
float:left;
margin:0 5%;
margin-top:-10%;
padding-top:5%;
background:#fff;
}

.hot-news .post .post-content .post-date {
width:100%;
float:left;
font-weight:700;
font-size:12px;
opacity:.3;
color:#000;
}

.hot-news .post .post-content .post-title {
width:100%;
float:left;
font-family:'Poppins',sans-serif;
padding:0 5%;
font-size:17px;
line-height:28px;
color:#fff;
margin-bottom:15px;
}

.hot-news .post .post-content .post-title a {
float:left;
color:#000;
}

.hot-news .post .post-content .post-category {
height:22px;
line-height:22px;
display:inline-block;
color:#000;
font-family:'Fira Sans Condensed',sans-serif;
border:1px solid rgba(0,0,0,0.1);
padding:0 7px;
font-size:11px;
}

.footer {
width:100%;
float:left;
background-color:#616161;
color:#fff;

}

.footer a {
color:#FC6;
}

.footer .inner {
width:100%;
float:left;
text-align:center;
padding:0 5%;
}

.footer .inner h4 {
font-size:30px;
font-weight:700;
margin-bottom:20px;
}

.footer .inner p {
font-size:15px;
line-height:30px;
opacity:.6;
}

.footer .inner .social-media {
display:inline-block;
margin:10px 0 30px;
padding:0;
}

.footer .inner .social-media li {
float:left;
list-style:none;
margin:0 6px;
}

.footer .inner .social-media li a {
float:left;
font-size:13px;
}

.footer .sub-footer {
width:100%;
float:left;
padding:10px 0;
text-align:center;
}

.footer .sub-footer span {
display:inline-block;
font-size:12px;
opacity:.5;
}

.post-tags {
padding:20px;
}

.post-tags span.chip a {
font-size:16px;
display:inline-block;
padding:8px 20px;
color:#4d595a;
background:#f9f9f9;
border-radius:5px;
margin-bottom:8px;
}

.post-tags span.chip a:hover {
text-decoration:underline;
}

.post-share {
padding:20px;
}

.post-share .dropdown-menu {
min-width:auto;
width:82px;
padding:0;
text-align:center;
z-index:10000;
top:auto;
bottom:100%;
}

.titulo-categoria {
font-size:32px;
padding-bottom:20px;
margin-bottom:22px;
position:relative;
text-align:left;
}

.titulo-categoria:after {
content:"";
width:120px;
height:5px;
background:#000;
position:absolute;
bottom:0;
left:0;
}

.post-date {
width:100%;
float:left;
font-weight:700;
font-size:12px;
opacity:.6;
color:#aaa;
}

.post-view {
width:100%;
float:left;
font-weight:700;
font-size:12px;
opacity:.6;
color:#aaa;
}

.logosmall {
position:relative;
display:none;
margin-top:5px;
text-align:center;
width:160px;
}

.logosmall:hover {
-webkit-filter:invert(100%);
filter:invert(100%);
}

.enlace{
    -webkit-tap-highlight-color: rgb(146 229 243 / 47%);
}

.enlace:hover {
-webkit-filter:contrast(200%);
filter:contrast(200%);
}

.enlace2:hover {
filter:grayscale(75%);
background-color:#26573C;
cursor:pointer;
}

.enlace-escudos {
cursor:pointer;
display:inline-block;
border-radius:100%;
}

.enlace-escudos:hover {
background-color:#9CE37D;
}

.texto_pequenio {
font-size:14px;
}

.texto_pequenio2 {
font-size:13px;
}

.texto_color {
color:#093;
font-weight:700;
}

.texto_color2 {
color:#C03;
font-weight:700;
}

.badge {
padding:1px 9px 2px;
font-weight:700;
white-space:nowrap;
color:#fff;
background-color:#999;
-webkit-border-radius:9px;
-moz-border-radius:9px;
border-radius:9px;
}

.badge:hover {
color:#fff;
text-decoration:none;
cursor:pointer;
}

.badge-error {
background-color:#b94a48;
}

.badge-error:hover {
background-color:#953b39;
}

.badge-warning {
background-color:#f89406;
}

.badge-warning:hover {
background-color:#c67605;
}

.badge-success {
background-color:#468847;
}

.badge-success:hover {
background-color:#356635;
}

.badge-info {
background-color:#3a87ad;
}

.badge-info:hover {
background-color:#2d6987;
}

.badge-inverse {
background-color:#333;
}

.badge-inverse:hover {
background-color:#1a1a1a;
}

.escudos_resposive {
background-color:#5cb85c;
padding-top:50px;
padding-bottom:0;
}

.escudos_resposive td a:hover {
background-color:#f2f2f2;
display:inline-block;
border-radius:25%;
}

.escudos_responsive_mobile {
display:none;
}


.ficha_jugador {
    border: 1px solid #ccc;
    margin-bottom: 3px;
    padding: 5px !important;

    border-radius: 0 0 5px 5px;
}

.racha_puntos {
float:right;margin-left:1px;text-align:center; position:relative; 
}


.ficha_jugador .par {
background-color:#fbfbfb;
}

@media (max-width: 700px) {
.ficha_jugador {
padding-bottom:5px!important;
}
}

.boton_movil{
	
	display:block; 
	text-decoration:none; 
	cursor:pointer;color:#c7e8cc;
	padding: 3px;border-radius: 7px;
	font-size:12px;
    font-weight: bold;
}

.boton_movil_activo{
    background-color: black;
    padding: 1px 3px;
    border-radius: 5px;
    color: #fe7e00;
}

.boton_movil:hover {
color:orange;
}

.boton_movil2 {
    display: inline;
	text-decoration:none; 
	cursor:pointer;color:#c7e8cc;
	padding: 3px;border-radius: 7px;
	
    font-weight: bold;
	font-size:14px;
}

.menu_horizontal_movil {
display:none;
}


.menu_horizontal_movil2 {
    width: 100%;
    padding: 7px 0px 7px 0px;
    background-color: #000;
   /* border-top: 2px solid #fff;*/
}

.menu_horizontal_movil_noticias {
display:none;
}

.escudos_resposive_pie {
display:none;
}

.share-buttons {
padding:0;
list-style:none;
margin:0 0 20px;
}

.share-buttons a:hover {
color:#fff;
}

.share-buttons i {
font-size:22px;
}

.share-buttons .fb-share:hover {
background:#8ca6de;
color:#fff;
}

.share-buttons .fb-share {
border-color:#3b5998;
color:#fff;
background-color:#1da1f2;
padding:5px;
}

.share-buttons .twitter-share:hover {
background:#04395a;
color:#fff;
}

.share-buttons .twitter-share {
border-color:#1da1f2;
color:#fff;
background-color:#3b5998;
padding:5px;
}

.share-buttons .gplus-share:hover {
background:#dd4b39;
color:#fff;
}

.share-buttons .gplus-share {
border-color:#dd4b39;
color:#dd4b39;
}

.share-buttons .whatsapp-share:hover {
background:#090;
color:#fff;
padding:5px;
}

.share-buttons .whatsapp-share {
border-color:#32bf4f;
background-color:#32bf4f;
color:#fff;
padding:5px;
}

.share-buttons .pinterest-share:hover {
background:#bd081c;
color:#fff;
}

.share-buttons .pinterest-share {
border-color:#bd081c;
color:#bd081c;
}

.morris-hover {
position:absolute;
z-index:1000;
}

.morris-hover.morris-default-style {
border-radius:10px;
padding:6px;
color:#666;
background:rgba(255,255,255,0.8);
border:solid 2px rgba(230,230,230,0.8);
font-family:sans-serif;
font-size:12px;
text-align:center;
}

.morris-hover.morris-default-style .morris-hover-row-label {
font-weight:700;
margin:.25em 0;
}

.morris-hover.morris-default-style .morris-hover-point {
white-space:nowrap;
margin:.1em 0;
}

.equipo_cabecera {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 0px 10px 70px;
    background: rgb(217 241 190 / 30%);
    line-height: 16px;
    margin: 10px 0px;
    background: linear-gradient(to bottom, rgb(0 255 104), rgb(0 0 0));
     overflow: hidden;    
    position: relative;
}

.equipo_cabecera_simple {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10px 0px 0px 10px;
    background: rgb(187 246 137 / 30%);
    line-height: 16px;
    border-left: 4px solid #31d700;
    border-right: 4px solid #31d700;
    border-radius: 10px;
    margin: 30px 0px 0px 0px;
    padding: 20px 10px;
}

.futbolista_cabecera {
    line-height: 15px;
    margin: 5px auto;
    display: block;
    border: 1px solid #e7e7e7;
    padding: 15px 5px 5px 15px;
    width: 100%;
    /*max-width: 440px;*/
    border-radius: 5px;

}

.futbolista_cabecera_izquierda {
background-color:#f1f5f1;
line-height:15px;
margin-top:10px;
display:block;
border-top:12px solid #ffae00;
padding-bottom:5px;
padding-top:10px;
margin-bottom:20px;
}

.futbolista_cabecera_derecha {
background-color:#f1f5f1;
line-height:15px;
margin-top:10px;
display:block;
border-top:12px solid #00c0ef;
padding-bottom:5px;
padding-top:10px;
margin-bottom:20px;
}

.futbolista_cabecera_miniatura {
line-height:15px;
display:inline-block;
}

.parpadea {
animation-name:parpadeo;
animation-duration:1s;
animation-timing-function:linear;
animation-iteration-count:infinite;
-webkit-animation-name:parpadeo;
-webkit-animation-duration:1s;
-webkit-animation-timing-function:linear;
-webkit-animation-iteration-count:infinite;
}

@-moz-keyframes parpadeo {
0% {
opacity:1;
}

50% {
opacity:0;
}

100% {
opacity:1;
}
}

@-webkit-keyframes parpadeo {
0% {
opacity:1;
}

50% {
opacity:0;
}

100% {
opacity:1;
}
}

@keyframes parpadeo {
0% {
opacity:1;
}

50% {
opacity:0;
}

100% {
opacity:1;
}
}


.partido_jornada {
transition:all .2s ease-in-out;
margin-bottom:5px !important;
line-height:1;
padding:3px 0;
background-color:#021919;
border-bottom:1px solid #eee;
border-left:1px solid #eee;
border-right:1px solid #eee;
border-radius: 5px;
}

.partido_jornada:hover {
    border-bottom:1px solid #00ff00;
    border-left:3px solid #19ff19;
    border-right:3px solid #00fc00;

}

.partido_jornada_dark {
    transition: all .2s ease-in-out;
    margin-bottom: 5px !important;
    line-height: 1;
    background: rgb(208 217 211 / 30%);
    padding: 3px 0;
    border-radius: 5px;
    background-color: rgb(106 106 106 / 40%);
    color: white;
    }
    
    .partido_jornada_dark:hover {
        background-color:#000;
    }

.nombre_jugador_puntos {
font-weight:700;
font-size:15px;
letter-spacing:-.3pt;
}



.texto_nombre_equipo_puntos {
    color: #ffffff;
    padding: 2px;
    font-size: 25px;
    font-weight: 700;
    font-family: 'Fira Sans Condensed',sans-serif;
    text-shadow: 0.1em 0.1em 0.2em #000;
    line-height: 10px;
}

@media only screen and (max-device-width: 640px) {
.nombre_jugador_puntos {
font-weight:700;
font-size:15px;
letter-spacing:-.3pt;
}
}

@media only screen and (max-device-width: 300px) {
.nombre_jugador_puntos {
font-weight:700;
font-size:11px;
letter-spacing:-.3pt;
}
}

.publicidad_mobile_intermedia {
display:none;
}


@media only screen and (max-width: 1299px),only screen and (max-device-width: 1299px) {
 
   #content-banner-right {
    display: none;
        }
}




@media only screen and (max-device-width: 640px) {
.publicidad_mobile_intermedia {
margin-bottom:15px;
display:block;
}
}

@media only screen and (max-width: 1299px),only screen and (max-device-width: 1299px) {
.grid-posts .post .post-content .post-title.big {
font-size:33px;
line-height:44px;
margin-bottom:20px;
}

.main-content #content-left {
width:636px;
}

.main-content #content-right {
width:304px;
}

.small-posts .post .post-content .post-title {
font-size:16px;
}

 
#content-banner-left {
    display: none;
        }

}

@media only screen and (max-width: 989px),only screen and (max-device-width: 989px) {
.main-content #content-left {
width:100%;
margin-left:0;
padding-right:0;
}

.main-content #content-right {
width:100%;
padding:0;
margin-left:0;
padding-right:0;
}

.sidebar .ad-area img {
width:auto;
}
}

@media only screen and (max-width: 767px),only screen and (max-device-width: 767px) {
.slider-posts .post .post-image {
width:100%;
float:left;
}

.slider-posts .post .post-content {
width:100%;
float:left;
padding:40px 0;
}

.post-list .post {
margin-bottom:50px;
}

.post-list .post .post-image {
width:100%;
float:left;
margin-bottom:20px;
}

.post-list .post .post-content {
width:100%;
float:left;
padding-left:0;
}

.hot-news .post {
margin-bottom:50px;
}

.instagram .instagram-feed li {
width:25%;
}

.instagram .instagram-feed li:last-child {
display:none;
}

.logo_titulos {
display:none;
}

#busca_jugador {
display:none;
}

.logosmall {
display:inline-block;
}

.box.box-success {
border-top-color:#090;
}

.box.box-successpartidos {
border-top-color:#b6ffb6;
background-size:cover;
}

.box.box-infopartidos {
border-top-color:#00c0ef;
background-image:url(/images/fondo_partido_juego.png);
background-size:cover;
}

.header .navbar-default .navbar-hamburger-menu {
float:left;
margin-top:14px;
font-size:30px;
}

.header .navbar-default .navbar-jugadores {
display:block;
float:left;
font-size:30px;
margin-right:10px;
margin-top:10px;
}

.header .navbar-default .navbar-search {
float:left;
margin-top:14px;
font-size:30px;
margin-top:5px;
margin-left:10px;
color:#fff;
cursor:pointer;
}

.header .navbar-default .navbar-search:hover {
color:orange;
}

.header .navbar-default {
    width: 100%;
    float: left;
    border: none;
    margin: 0;
    background-color:#237143;
}

.escudos_resposive {
display:none;
background-color:#ddd;
}

.escudos_resposive_pie {
background-color:#ddd;
display:inline;
padding-bottom:0;
}

.menu_horizontal_movil {
    display: table;
    width: 100%;
    background: linear-gradient(to bottom, rgb(35 113 67), rgb(0 0 0));
}



.menu_horizontal_movil_noticias {
background-color:#039;
width:100%;
padding-bottom:6px;
border-bottom:3px solid #093;
line-height:15px;
padding-top:6px;
display:none;
height:200px;
border-radius:5px;
}

.escudos_responsive_mobile {
background-color:#CCC;
display:table;
width:100%;
padding-bottom:3px;
padding-top:3px;
}

.int-header,.int-header-lesionados,.int-header-jugador,.int-header2 {
display:none;
}



.cabecera_puntos {
margin-left:calc((100vw - 100%) / -2);
width:100vw;
}
}



.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 {
position:relative;
min-height:1px;
padding-right:10px;
padding-left:10px;
}

.col-xs-15 {
width:20%;
float:left;
}

@media (min-width: 768px) {
.col-sm-15 {
width:20%;
float:left;
}
}

@media (min-width: 992px) {
.col-md-15 {
width:20%;
float:left;
}
}

@media (min-width: 1200px) {
.col-lg-15 {
width:20%;
float:left;
}
}

.ad-responsive {
width:320px;
height:100px;
}

@media(min-width: 800px) {
.ad-responsive {
width:728px;
height:90px;
}
}

@media(max-width: 700px) {
.col-md-6 {
padding:0;
}
}

@media only screen and (min-width: 1025px) {
.Your_Mobile_Ad {
display:none;
}
}

@media only screen and (max-width: 1024px) {
.Your_Desktop_Ad {
display:none;
}
}

.switch {
position:relative;
display:inline-block;
width:40px;
height:20px;
}

.switch input {
opacity:0;
width:0;
height:0;
}

.slider {
position:absolute;
cursor:pointer;
top:0;
left:0;
right:0;
bottom:0;
background-color:#ccc;
-webkit-transition:.4s;
transition:.4s;
}

.slider:before {
position:absolute;
content:"";
height:13px;
width:13px;
left:4px;
bottom:4px;
background-color:#fff;
-webkit-transition:.4s;
transition:.4s;
}

input:checked + .slider {
background-color:#000;
}

input:focus + .slider {
box-shadow:0 0 1px #2196F3;
}

input:checked + .slider:before {
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px);
}

.slider.round {
border-radius:34px;
}

.slider.round:before {
border-radius:50%;
}


.rotar-menu{
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);

}


.sidenav {
    height: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    right: -100vw;
    background: linear-gradient(to bottom, rgb(35 113 67), rgb(0 0 0));
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 10px;
    margin-top: 45px;
	z-index:999;
    opacity: 0;
    width: 100vw;

  }

  .sidenav_open {
    transition: all .3s ease 0s;
    right: 0;
    opacity: 1;
    pointer-events: auto;
  }
  
  .sidenav .menu{
    padding: 3px 3px 3px 22px;
    text-decoration: none;
    font-size: 18px;
    color: #ffffff;
    display: block;
    transition: 0.3s;
    font-weight: bold;
    border-bottom: 2px solid #303f2a;

  }

  .sidenav .menu-icono{
    float: left; 
    margin-right: 10px;
     margin-top: 5px;
  }
  
  
  .sidenav a:hover {
    color: #405820;
  }
  
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 56px;
    margin-left: 50px;
  }

  .fa-header-menu {
    font-size: 30px;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    color: #ffffff;
  }

  .titulo_noticia {
	font-size:16px;
	color:#303030;
	text-align:left;
	font-weight:bolder;
    margin-top: 0px;
    line-height: 20px;
}

.titulo_noticia_relacionada {
font-size:16px;
line-height:24px;
text-align:left;
}



  .fondonoticia
{
    position: relative;
    margin: 5px 0px;
    position: relative;
    height: 220px;
    background-size: cover;
    background-position: center top;
}

.fondonoticia a
{
position: relative;text-decoration: none; display: block;
}

.fondonoticia .texto
{
    position: absolute;
    bottom: 0px;
    line-height: 25px;
    padding: 65px 10px 10px 10px;
    background-image: linear-gradient(to bottom, rgb(0, 0, 0, 0), rgb(0 0 0));
    width: 100%;
    max-height: 220px;
    color: black;
}

.fondonoticia .texto .fecha
{
padding: 3px 5px;font-size: 12px;color: white;background-color: #1db954;
}

.fondonoticia .texto .autor
{
font-size: 12px;background-color: white;color: #07693f;padding: 2px 5px; font-weight:bold
}

.fondonoticia .texto .comentarios
{
background-color: #ffd900;font-size: 10px;padding:5px;right: 0px;color: black;
}

.fondonoticia .texto .titulo {
  font-size: 20px; /* Default font size for normal screens */
  color: #ffffff;
  text-align: left;
  font-weight: bolder;
  margin-top: 0px;
  line-height: 20px;
  font-style: italic;
  font-family: 'Work Sans', sans-serif;
}

@media (max-width: 768px) {
  .fondonoticia .texto .titulo {
    font-size: 22px; /* Font size for screens up to 768px wide (typical mobile breakpoint) */
  }
}

.align-center
{
	display: block; 
	margin: auto;
    text-align: center;
}


@media only screen and (max-width: 768px) {
    .full-width-mobile {
        margin-left: calc((100vw - 100%) / -2);
        width: 100vw;
    }
}

.referencia-foto{
    text-align: right;
    color: #ffffff;
    font-style: oblique;
    background: var(--opacity-dark-40, rgba(0, 0, 0, 0.4));
    bottom: 0;
    padding: 8px 16px;
    position: absolute;
    width: 100%;

}

.nav-navegacion {
    display: table;
    width: 100%;
    table-layout: fixed;
    background-color: #f0f0f0;
    }
    
    .nav-navegacion li {
    float: none;
    display: table-cell;
    width: 100%;
    text-align: center;
    }


    #vertical-sticky {
        top: 0;
        width: 100%;
        position: fixed;
        transition: all 0.3s ease;
        z-index: 400;
        background: rgb(35,113,67,0.8);

    }
    #vertical-sticky.hide-sticky {
      top: -60px;
    }

    
.live-dot{
    height: 8px;
    width: 8px;
    background-color: #0ca6ff;
    border-radius: 50%;
    margin-right: 3px;
    -webkit-animation: live 1.4s infinite ease-in-out;
    animation: live 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
}

.aviso-home{
    font-size: 14px;
    background-color: #0ddfa3 !important;
}

@keyframes live {
    0%,100%,80% {
        transform: scale(.6);
        -webkit-transform: scale(.6)
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}



.loader-ajax-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  text-align: center;
}

.loader-ajax {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #f8b26a; /* color de acento */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

.loader-ajax-text {
  margin-top: 12px;
  font-size: 14px;
  color: #555;
  font-family: sans-serif;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}