/* Renovación vivoelfutbol
   17 nov 2025
   Hacerlo mas para moviles, responsivo 100%
   Nuevas secciones
   Renovar secciones
*/


* {color:#47535b;}
ul{     list-style:none; padding:0; margin:0;}
body{ font-size:10pt;margin:0;padding:0;border:0; background:white;font-family: Verdana !important; }

/* nuevos */
a { color: #A82A15; text-decoration: none; }
#contenido {margin: 0 auto; max-width: 900pt;text-align: center;}        /* antes 714*/


/* nuevo menu responsivo */
ul.topnav {list-style-type: none; margin: 0; padding: 0;  overflow: hidden;  background-color: #162545;  }
ul.topnav li {display:inline-block;}
ul.topnav li a { display: inline-block; color: white; text-align: center; padding: 10pt 12pt ;
          text-decoration: none; transition: 0.3s;font-size:12pt;height:18pt}
ul.topnav li a:hover {background-color: #768896;}
ul.topnav li.icon {display: none;}
.logo img {height:30pt;float:left;padding:4pt 10pt 0pt 5pt;}

/* Caja datos */
/* Cajita inicial en 3 partes
   Cajita2 para menu
   Cajita100 100 - ocupa toda la pantalla
   Cajita50 50 - ocupa la mitad de la pantalla

*/
.cajita    {  display: inline-block;  min-width:250pt;  width: 32%;   border: 1pt solid white;  margin-bottom:6pt;  text-align: left; vertical-align: top;} /* evita centrar el contenido interno */
.cajita2   {  display: inline-block;  min-width:250pt;  width: 32%;   border: 1pt solid white;  margin-bottom:6pt;  text-align: left; vertical-align: top;} /* evita centrar el contenido interno */
.cajita100 {  display: inline-block;  min-width:250pt;  width: 100%;  border: 1pt solid white;  margin-bottom:6pt;  text-align: left; vertical-align: top;} /* evita centrar el contenido interno */
.cajita100c{  display: inline-block;  min-width:250pt;  width: 100%;  border: 1pt solid white;  margin-bottom:6pt;  text-align: center; vertical-align: top;}

.cajita50  {  display: inline-block;  min-width:250pt;  width: 49%;   border: 1pt solid white;  margin-bottom:6pt;  text-align: center; vertical-align: top;}
.cajita66  {  display: inline-block;  min-width:250pt;  width: 66%;   border: 1pt solid white;  margin-bottom:6pt;  text-align: left; vertical-align: top;} /* evita centrar el contenido interno */

/* Tabla General opcion 1*/
.enca {color: white; text-align: center; background-color: #336699; width: 100%; height: 50pt;line-height:24pt;font-size:12pt;}
.enca2 {color: white; text-align: center; background-color: #336699; width: 100%; }
.enca3 {color: white; text-align: center; background-color: #336699; width: 100%; height: 50pt;font-size:12pt;}
.centrado {display: flex; justify-content: center; align-items: center; height: 30pt; background-color: #336699; color: #ffffff; text-align: center; font-size: 12pt; }
.centradodelgado {display: flex; justify-content: center; align-items: center; height: 25pt; background-color: #336699; color: #ffffff; text-align: center; font-size: 12pt; }

.tit {background-color:#85ACC9;text-align:center;line-height:14pt;height: 18pt;width:100%;}
.tit div{color:black;}
.tlg {float:left; width: 16pt;width:7%}
.ttg {float:left; width: 110pt; text-align:left;}
 /* Tabla General de seccion equipo*/
.tomte1 {float:left; width: 40%; text-align:left;}
.tomte2 {float:left; width: 40%; text-align:left;display:none}
.totlg {float:left; width: 7%; text-align:center;}

/*    codigo anterior
.det2 {width:100%; Background:#336699; text-align:center;line-height:40pt;height: 40pt;font-size:12pt;}
.det2 a:link {text-decoration: none;color: white;Background:#4080BF;}
.det2 a:visited {text-decoration: none;color: white;Background:#4080BF;}
.det2 a:hover {text-decoration: none;color: black;Background:#93B7DB;}
.det2 a{padding:8pt;}
 */

.det2{width:100%; background:#336699; text-align:center; font-size:12pt; line-height:15pt; min-height:15pt;   /* en lugar de height */
}

.det2 a{padding:8pt;  margin-top:4pt;  margin-bottom:4pt;display:inline-block;  /* permite salto de línea */
}

.det2 a:link{text-decoration:none; color:white; background:#4080BF; }

.det2 a:visited{ text-decoration:none; color:white; background:#4080BF;}

.det2 a:hover{ text-decoration:none; color:black; background:#93B7DB;}

.det {width:100%; Background:#d3d8de; text-align:center;line-height:18pt;height: 18pt;overflow:hidden;}
.det a:link {text-decoration: none;color: #1C609F}
.det a:visited {text-decoration: none;color: #1C609F}
.det a:hover {text-decoration: none;color: white;}
.teg {float:left; width: 56pt; text-align:left;width:35%}    /* longitud de equipo en tabla general*/

/*------ partidos ------ */
.eqlc {float:left; width:54pt;text-align:right;overflow:hidden;width:35%}   /* longitud de equipo en partidos de calendario de torneo*/
.eqvc {float:left; width:54pt;text-align:left;overflow:hidden;width:35%}    /* longitud de equipo en partidos de calendario de torneo*/
.eql {float:left; width:82pt;text-align:right;}                             /* longitud de equipo en partidos de jornadas*/
.eqv {float:left; width:82pt;text-align:left;}                              /* longitud de equipo en partidos de jornadas*/
.mar {float:left; width:34pt;}
.hor {float:left; width:40pt; color:#47535b;text-align:right;}
.tif {float:left;width:80%; Background:#85ACC9; text-align:center;line-height:14pt;height: 14pt;}   /* fecha*/
.tif2{float:left;width:20%; Background:#85ACC9; text-align:center;line-height:14pt;height: 14pt;}   /* complemento fecha para centrar*/
.tif3 {width:100%; Background:#85ACC9; text-align:center;line-height:14pt;height: 14pt;}   /* tif antiguo, se usa en otros lados*/
.gep {float:left; width:6pt; ;text-align:right;}
.spc {float:left; width:80pt; }
.adi {float:left; width:20pt;text-align:right; }
.ttc {float:left; width: 150pt; text-align:center;}

/*------ partidos vs ------ */
.jorvs {float:left; width:4%; text-align:center;}
.eqlvs {float:left; width:23%;text-align:right;}                             /* longitud de equipo en partidos de vs*/
.eqvvs {float:left; width:23%;text-align:left;}                              /* longitud de equipo en partidos de vs*/
.marvs {float:left; width:8%; text-align:center;}
.horvs {float:left; width:11%;text-align:center;}
.fecvs {float:left; width:15%;text-align:center;}
.ttcvs {float:left; width:12%;text-align:center;}
/*------ partidos proximos y ultimos ------ */
.jorxx {float:left; width:5%; text-align:center;}
.eqlxx {float:left; width:23%;text-align:right;}                             /* longitud de equipo en partidos de proximos juegos*/
.eqvxx {float:left; width:23%;text-align:left;}                              /* longitud de equipo en partidos de proximos juegos*/
.marxx {float:left; width:8%; text-align:center;}
.horxx {float:left; width:10%;text-align:center;}
.fecxx {float:left; width:24%;text-align:center;}
.gepx2 {float:left; width:14pt;text-align:right;}
.gepxx {float:right; width:6pt;text-align:right;}



/*------ jornadas ------ */
.combo {color: white; text-align: center; background-color: #336699; width: 100%; height: 50pt; line-height:24pt;
        padding:0 0 0 0pt; font-size: 12pt;}
select.seljor,select.seltor {background-color:#D3D8DE;color:black}    /* back #FFFFB9*/
.calendario {width:100%;}


/*------ Spacer ------ */
.spacer{clear:both; height:1px;}
.spacer2{clear:both; height:10px;}
.spacer3{clear:both; height:50px;}

/*------ pie ------ */
#footer  {  display: inline-block;  min-width:250pt;  width: 100%; margin-bottom:6pt;    padding-top:10pt; vertical-align: top; background-color: #162545;height:50pt; color:white; text-align:left
           } /* evita centrar el contenido interno */

#footer p{  color: #ffffff;padding-left: 10pt; }
#footer a { color: #ffffff; text-decoration: none; }
#footer a:hover {  color: #85ACC9;}


/* ----- Minimenu opcion 1 --- */
/*
#menuderecho a { float:left; display: block;width: 42%; background:#212935;color:#D3D8DE; border-right:solid 1px #101318; border:solid #212935 1px; border-width: 0pt 0pt 0pt pt
                 padding:0 14px; height:24pt; line-height:24pt;border-right:solid 1px #101318; border-left:solid 1px #38445A;border-top:solid 1px #101318;border-bottom:solid 1px #38445A;}
#menuderecho { font-size: 10pt; }
#menuderecho a { float: left; display: block; width: 42%; padding: 0 14px; height: 24pt; line-height: 24pt; border-right: solid 1px #101318;
    border-left: solid 1px #38445A; border-top: solid 1px #101318; border-bottom: solid 1px #38445A; text-decoration: none; /* Mejor definirlo una vez aquí
    background: #303C4E; color: #D3D8DE; }
#menuderecho .md { background: black; }
#menuderecho a:hover { color: #FFF; background: #336699; }
*/

/* ----- Minimenu opcion 2 --- */
#menuderecho { font-size: 10pt; }

#menuderecho a { float: left; display: block; width: 50%; padding: 0 0px; height: 25pt; line-height: 25pt;
    border-top: solid 0px #101318; border-bottom: dotted 1px #38445A; text-decoration: none; /* Mejor definirlo una vez aquí */
    background: white; color:black;background: white }

#menuderecho .md { background: white; } /* Color de fondo inicial de los items de fútbol */     /* Estilo específico para los elementos con la clase .md */

#menuderecho a:hover { color: #FFF; background: #336699; } /* Color que cambia al pasar el cursor */  /* Hover general para CUALQUIER enlace dentro de menuderecho */

/*sprite imagenes menu lateral*/
              .botones {width:20px; height: 18px; background: transparent url(../imagen/icont.png) no-repeat; float: left; margin: 10px 3px 0px 0;}
              .imgmex {background-position: -5px -3px;}
              .imgepl {background-position: -27px -3px;}
              .imghol {background-position: -5px -24px;}
              .imgita {background-position: -27px -24px;}
              .imgesp {background-position: -5px -44px;}
              .imgucl {background-position: -27px -44px;}
              .imgale {background-position: -5px -65px;}
              .imgfra {background-position: -27px -65px;}
              .imgcmx {background-position: -5px -85px;}
              .icomap {background-position: -27px -85px;}
              .icocal {background-position: -5px -106px;}
              .icopos {background-position: -27px -106px;}
              .icogru {background-position: -5px -126px;}
              .icodes {background-position: -27px -126px;}
              .icoofe {background-position: -5px -146px;}
              .icodef {background-position: -27px -146px;}
              .icoloc {background-position: -5px -167px;}
              .icovis {background-position: -27px -167px;}
              .icoren {background-position: -5px -187px;}
              .icogol {background-position: -27px -187px;}


 /*------ torneos.php ------ */
.lista{width:100%; Background:#d3d8de; text-align:left;line-height:20pt;height: 20pt;overflow:hidden;}
.tlista1 {float:left; width:48%;margin-left:5pt;font-size:10pt;color:#47535b;display:block}
.tlista2 {float:left; width:48%;margin-left:5pt;font-size:10pt;color:#47535b;display:none}
.slista {float:left; width:24%;font-size:10pt;}
.slista a:link {text-decoration: none;color: #1C609F}
.slista a:visited {text-decoration: none;color: #1C609F}
.slista a:hover {text-decoration: none;color: white;}


/*Tabla sort*/
.sortable {width:100%; }
.sortable th {text-align:left;}
.sortable tr {text-align:left;}
.sortable a:link {text-decoration: none;color: #1C609F}
.sortable a:visited {text-decoration: none;color: #1C609F}
.sortable a:hover {text-decoration: none;color: white;}

.sortable .head {background:  url(../images/sort.gif) 1pt center no-repeat; cursor:pointer; padding-left:8pt}
.sortable .desc {background:  url(../images/desc.gif) 1pt  center no-repeat; cursor:pointer;padding-left:8pt }
.sortable .asc  {background:  url(../images/asc.gif)  1pt center no-repeat; cursor:pointer;padding-left:8pt }
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {}
/* fuera no me sirven .sortable .even td {background:#D3D8DE}
.sortable .odd td {background:#bcc5cd} */

tr {line-height:14pt;height: 14pt;}


/* Listado de equipos */
.les { width: 118pt;border-top:16pt solid white;font-size:12pt;display:inline-block;text-align:center;padding:10pt 0pt 10pt; background:#BAD0E0;color:#162545;border-left:2pt solid white;border-right:2pt solid white;}
/*ultimos resultados*/
.ultimos{font-size:10pt;}
.jor {float:left; width:20pt;overflow:hidden;}
 /*proximos juegos*/
.proximos{font-size:10pt;}
/* ttt= torneo-temporada */
.ttt {float:left; width: 150pt; text-align:center;}    /* no se si se usa*/

/*botonera*/
.botonera {margin: 10px auto;text-align: center;font-size: 0;}
.botonera div {overflow: hidden;margin: 0px;display: inline-block;*display: inline; zoom: 1;}
.botonera a {display: inline-block; *display: inline; zoom: 1;width: 70px;height: 20px;margin: 2px;padding: 0 2px;color: white;text-decoration: none;line-height: 20px;text-align: center;font-family: arial;font-size: 12px;cursor: pointer;}
.botonera .face a {background: #3b5998;}
.botonera .twit a {background: #2daae1;}
.botonera .goog a {background: #dd4b39;}
.botonera .pint a {background: #ca2128;}
.botonera .mene a {background: #FF6400;}
.botonera .link a {background: #0079BB;}
.botonera .wats a {background: #3dc050;}

/* tabla especial nueva*/

table#especial {font-size:12pt}
#especial {border-collapse: collapse;}
#especial td {border: 1px solid white;width:1%;height:22pt;text-align:center;}
#especial th {background:#85acc9;color:#47535b;text-align:center;}
td#lft {text-align:left;background:#336699;color:white;padding-left:2pt}

td#lft a:link {text-decoration: none;color: white;}
td#lft a:visited {text-decoration: none;color: white;}
td#lft a:hover {text-decoration: none;color: white;background:#85ACC9}


.bkr1{background:#ffa8a8}
.bka1{background:#ffffce}
.bkv1{background:#abd0bc}
.bkg1{background:#d3d8de}
.bkb1{background:#85acc9}
.bkde{background:#BBC2CC}
.bkz1{background:#BDD7EE}

/*tooltip*/
  .bka1:hover:after,
  .bkv1:hover:after,
  .bkr1:hover:after
  {
    top: 510pt;
    content: attr(title); /* este es el texto que será mostrado */
    left: 126pt;
    position: absolute;
    z-index: 98;
    /* el formato gráfico */
    background: white; /* el color de fondo */
/*    color: white;  el color del texto */
    padding: 5px 15px;
    text-align: center;
    width: 378pt;
    height: 36pt;
  }
  .bka1:hover:before,
  .bkv1:hover:before,
  .bkr1:hover:before

{
    top: 510pt;
    content: "";
    left: 126pt;
    position: absolute;
    z-index: 99;
    /* el triángulo inferior */
    border: solid white 1pt;
    width: 400pt;
    height: 42pt;
  }

/* notas relacionadas*/
#pvtodo {display: inline-block;text-align:center;width:90pt;height:140pt;border:1pt #bcc5cd solid;margin:4pt;font-size:7pt;Background:#d3d8de;}
#pvtodo a:hover  {float:left;border:1pt black solid;}
#pvtitulo {float:left;width:90pt;height:20pt;font-size:8pt;text-align:center;background:#336699;color:white;overflow:hidden;padding:3pt 0pt 3pt 0}
#pvcuerpo{float:left;width:90pt;height:120pt;font-size:7pt;}
#pvdet {float:left;width:84pt; Background:#d3d8de; color:#336699;line-height:11pt;height: 11pt;overflow:hidden;padding-left:6pt}
#pvtit {float:left;width:84pt;background:#85ACC9;line-height:11pt;height: 11pt;color:#47535b;padding-left:6pt;}

/* tooltip*/
.tooltip{ display: inline; position: relative;font-size:10pt}
.tooltip:hover:after{background: #333; border-radius: 5px; bottom: 26px; color: #fff; content: attr(title);
    		left: 20%; padding: 5px 15px; position: absolute; z-index: 98; width: 220px;}

.tooltip:hover:before{border: solid; border-color: #333 transparent; border-width: 6px 6px 0 6px; bottom: 20px;
    		content: ""; left: 50%; position: absolute; z-index: 99;
		}
		
 /*proximos juegos.proximos{font-size:8pt;}*/


/* Dic 19 calendario semanal                  .borderd1  {width: 416pt;border: 10pt solid white; border-width: 10pt 10pt 0pt 8pt; height:70pt;background:white;}       */ 

.borderday {font-family: Verdana;float:left;font-size:8pt;width: 14%;height:120pt; background:#85ACC9;color:black;
            border-right: 1pt solid white;border-bottom: 1pt solid white;text-align:center;overflow:hidden;}
.ttt {color:#47535b;text-align:center;width:100%}
.ren {color:black;background:#85ACC9;}
.ren a:link {text-decoration: none;color: #1C609F}
.ren a:visited {text-decoration: none;color: #1C609F}
.ren a:hover {text-decoration: none;color: white;}

		


/* aqui van los ultimos*/

/* Resize windows */

/*Primer reduccion, ancho pagina*/
@media screen and (max-width:900pt) {
       #menuderecho a { width: 47%; padding:0 4px;}
          }

/*Segunda reduccion, cajita al 50% y cajita 2 al 100%*/
@media screen and (max-width:780pt) {
       .cajita  {width: 48%;  }
       .cajita66{width: 99%;  }
       .cajita2 {width: 99%; margin-left:12pt;}
       #menuderecho a { width: 24%; padding:0 0px;}
          }

/*Tercera reduccion, cajita al 33% y cajita 2 al 100%*/
@media screen and (max-width:630pt) {
       ul.topnav li {border:0pt}
       ul.topnav li a {padding: 10pt 6pt;border:0pt;font-size:12pt;}
       .cajita2 {width: 99%;margin-left:8pt;}
       #menuderecho a { width: 32%; padding:0 0px;}
       }

/*cuarta reduccion */
@media screen and (max-width:520pt) {
        ul.topnav li a {padding: 10pt 4pt;border:0pt;}
       .cajita {width: 98%;}
       .cajita2 {margin-left:4pt;}
       .cajita50 {width: 98%;}
       }


@media screen and (max-width:480pt) {
       #menuderecho a { width: 47%; padding:0 4px;}
       ul.topnav li a {padding: 10pt 10pt;border:0pt;}
       ul.topnav li:not(:nth-child(-n+4)) {display: none;}
       ul.topnav li.icon { float: right; display: inline-block;padding-right:10pt }
       .tomte1 {display:none;}
       .tomte2 {display:block;}
       .tlista1 {display:none;}
       .tlista2 {display:block;}
       .fecvs {width:14%; overflow:hidden;}
       .horvs {display:none;}
       .ttcvs {width:26%;}
       }

@media screen and (max-width:480pt) {
       ul.topnav {font-size:10pt;}
       ul.topnav.responsive {position: relative;}
       ul.topnav.responsive li.icon {position: absolute; right: 0; top: 0;}
       ul.topnav.responsive li {  float: none; display: inline;}
       ul.topnav.responsive li a { display: block; text-align: center;}
       }

@media screen and (max-width:320pt) {
       .logo img {float:center;}
       ul.topnav li {border:10pt;}
       ul.topnav li a {padding: 10pt 0pt;border:0pt;font-size:12pt;}
       ul.topnav li.icon {border:4pt;font-size:16pt;padding-right:20pt;}
        }