/*BASE.CSS*/

* {padding:0; margin:0; font-family: Verdana, Arial,Times, serif; font-size:100%;color:#000000;outline: 0;}
body { padding:5px;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form,label, ul, ol, dl, fieldset, address {  margin: 0em 0;}
/* SORT OUT HEADER FORMATTING AND SIZES */
h1, h2, h3, h4, h5 { font-weight: bold; }
h1 { font-size: 2em; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
a img,:link img,:visited img {border:none}
/* HARMONIZE LINKS, KILL BORDER ON IMG LINKS */
a {text-decoration: underline;font-family:Verdana}
a:link {color: #47535b;text-decoration:none}
a:visited {color: #47535b;text-decoration:none}
a:hover {color: black;text-decoration:underline}
a:active {color: #47535b;}
a img, :link img, :visited img {border: none}
/* REMOVE BROWSERS DEFAULT TABLE BORDERS */
table {border-collapse: collapse;}
/* REMOVE AUTOMATIC TOP/BOTTOM MARGINS ON NESTED LISTS */
ul ul, ul ol, ul dir, ul menu, ul dl, ol ul, ol ol, ol dir, ol menu, ol dl, dir ul, dir ol, dir dir, dir menu, dir dl,
menu ul, menu ol, menu dir, menu menu, menu dl, dl ul, dl ol, dl dir, dl menu, dl dl {margin-top: 0; margin-bottom: 0; }
/* HARMONISE LIST-BULLET TYPE */
ul, ol, dl { list-style-type: none; }
/* HARMONISE LIST MARGIN */
li, dd, blockquote {margin: 0 0 0 0em; _margin: 0 0 0 0em;}
/* HARMONISE FIELDSET & LEGEND PADDING */
fieldset {padding:1em 1em 1em 1em;}
legend {margin: 0 0 0 0;_margin: -.5em 0.9em 0;}

/*Responsive*/
/*view-source:http://johnstonianera.com/responsive-two-column-layout/*/
*, *:before, *:after {  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

body { margin: 0; font-size:9pt;}
header { margin-bottom: 4pt; }
footer {clear: both;background:#607288;}
footer a:link,footer a:visited,footer a:hover{text-decoration: none;padding:4pt;color:white;}
footer p{line-height:18pt;height:18pt}


.LigaMxCuerpo {margin: 0 auto; max-width: 714pt;font-family: 'Century Gothic';}
.LigaMxCuerpo, footer, header { position: relative;  }
.leftColumn, .rightColumn, footer {  border: 1px solid  #ccc; padding: 10pt; }
.leftColumn { margin-bottom: .5em; font-family: 'Century Gothic';}


#golo2{max-width:80pt;float:left;padding:7pt 4pt 0pt 4pt}

#nav{ background:#607288; margin:0 auto; width:auto; font-size:16pt;}
#nav{ margin:0 auto; }
#nav ul {  list-style: none; margin: 0; padding: 0; line-height: 1; display: block; zoom: 1;}
#nav ul li { display: inline-block; padding: 0; margin: 0;}
#nav li{}
#nav a:link,
#nav a:visited{ color:white; display: block; padding: 12pt 6pt;   position: relative;text-decoration:none;font-family: 'Open Sans Condensed', sans-serif;}
#nav a:hover{ color:white; background:#2B415A;}

@media screen and (max-width: 600pt) {
       #subnav{ font-size:9pt;padding: 0pt 0pt 1pt 0pt;}
       .subnav-w a:link,
       .subnav-w a:visited{padding: 8pt 6pt 8pt 6pt;  }
       #golo2{height:20pt}
        #nav a:link,#nav a:visited{padding: 12pt 12pt;}
  }



/* MEDIA QUERIES */
@media screen and (min-width: 567pt ) {
  .leftColumn { margin-right: 270pt; min-height:500pt}
  .rightColumn { position: absolute; top: 0; right: 0; width: 260pt;min-height:500pt }
}

@media screen and (max-width: 500pt ) {
  #cdjue{min-width:100%}
}


#activar {display: none;}
.inputlabel {display: inline-block;height: 20pt;line-height: 20pt;padding: 0pt;background: #607288;color: #fff;}
#activar ~ .inputlabel:before {content: "Ver Menu"}
#activar ~ .desplegable {display: none;overflow: hidden;padding: 0pt; background: #607288;color: #fff;}
#activar:checked ~ .desplegable {display: block;}
#activar:checked ~ .inputlabel:before {content: "Ocultar";}


/* proximos juegos pequeño cuadro

#wgproxg{float:none;width:390pt;height:80pt;margin-top:4pt}
#wgprox{float:left;width:32pt;height:32pt;text-align:center;font-size:12pt;margin-left:10pt;}
#wgprox img{float:left;display:block;width:16pt;height:16pt;}
*/
#wgproxg{margin-top:10pt;margin-left:10pt}
#wgprox{width:108pt;height:108pt;text-align:center;margin-left:18pt;font-size:15pt;display: inline-block;
        padding:10pt}
#wgprox img{float:left;display:block;width:44pt;height:44pt;padding:4pt}
#wgtxt{font-size:12pt;color:#47535b}
#wgprox a:link,#wgprox a:visited{text-decoration:none;color:#607288}
#wgmtxt{font-size:10pt;color:#47535b;}
#wgmtxt a:hover {color:black;}

/* calendario juegos mediano cuadro arbitros*/

#calendario{margin-top:10pt;margin-left:10pt;}
#partido{width:80%;text-align:center;margin-left:10%;font-size:15pt;display: inline-block;padding-bottom:16pt;border-bottom:1pt dotted gray}
#partido img{display:block-inline;width:44pt;height:44pt;padding:4pt;}
#partido a:link,#wgprox a:visited{text-decoration:none;color:#607288}
#wmfecha{font-size:12pt;color:#47535b;padding-bottom:4pt;padding-top:4pt}
a:link#mdr{font-size:20pt;}

#wmarbitro{display:block-inline;width:100%;font-size:10pt;height:14pt}


.enca{background:#85acc9;color:black;padding-left:4pt;}
.enca a:link,
.enca a:visited{ text-decoration:none;background:#85acc9;color:black}
.enca a:hover{ color:white;text-decoration:underline }
h2.enca{font-size:10pt}
.encafe{background:#dde0e3;color:black;text-align:right;padding-right:20pt;font-size:8pt;color: gray}

h1.tito1{font-size:16pt;background:#85acc9;color:black;text-align:center;padding:4pt}


/* Tabla General Grande*/
.tit {background-color:#b4ccde;  text-align:center;line-height:14pt; height: 14pt;width:100%;}
.det {Background-color:White;text-align:center;line-height:16pt; height: 16pt;width:100%;  overflow:hidden;color:#47535b}
/*.tlg {float:left; width: 20pt;}
.tlg img{height:14pt; }
.teg {float:left; width: 120pt; text-align:left;}*/
.tlg {float:left; width: 7%;}
.tlg img{height:14pt; }

.teg {float:left; width: 30%; text-align:left;}
.tet {float:left; width: 40%; text-align:left;}

.mdet {width:100%; Background:white; text-align:center;line-height:14pt;height: 14pt;overflow:hidden;}
.jor {float:left; width:16pt;overflow:hidden;}
.eqlc {float:left; width:70pt;text-align:right;overflow:hidden;}
.eqvc {float:left; width:70pt;text-align:left;overflow:hidden;}
.mmar {float:left; width: 40pt;}
.hor {float:left; width: 20pt;color: #47535b;}
/* antecedentes*/
.ajor {width:5%;float:left;}
.aeql {width:25%;float:left;text-align:right;}
.aeqv {width:25%;float:left;text-align:left;}
.amar {width:6%;float:left;}
.afec {width:12%;float:left;color:#47535b}
.ahor {width:12%;float:left;color:#47535b}
.ator {width:12%;float:left;color:#47535b}


.spacer{clear:both; height:1px;}
.spacer2{clear:both; height:10px;}
.renglon{clear:both; height:14pt;}
/* Resumen jornada*/
#rjo{float:left;width:100pt;font-size:12pt;;padding:4pt;color:#47535b;border:1pt #ccc solid;margin:2pt 0pt 2pt 4pt}
#rjenca{width:90pt;font-size:18pt;padding:2pt;background:#b4ccde;font-family: 'Open Sans Condensed', sans-serif;text-align:center}
#rjpts{float:left;width:40pt;font-size:30pt;height:40pt;font-family: 'Open Sans Condensed', sans-serif;text-align:center;background:#dde0e3;border-right:1pt #ccc solid}
#rjptst{width:40pt;font-size:8pt;height:0pt;color:#47535b;text-align:center;background:white;}
#rjgep{float:left;width:50pt;font-size:10pt;background:#dde0e3}
#rjg{float:left;width:16pt;font-size:12pt;height:15pt;text-align:center;background:#dde0e3}
#rjgt{float:left;width:16pt;font-size:7pt;height:10pt;text-align:center;color:#47535b;background:#dde0e3;border-bottom:1pt #ccc solid}
#rjt{float:left;width:24pt;font-size:12pt;height:15pt;text-align:center;background:#dde0e3}
#rjtt{float:left;width:24pt;font-size:7pt;height:10pt;text-align:center;background:#dde0e3;color:#47535b;}
#rjptst p{background:#dde0e3;color:#47535b;border-right:1pt #ccc solid}

a:link #rjo,
a:visited #rjo{ text-decoration:none;}
a:hover #rjo{ text-decoration:none;background:#b4ccde }
/* Resumen torneo (temporada)*/
#rjgx{float:left;width:16pt;font-size:9pt;height:15pt;text-align:center;background:#dde0e3}
#rjtx{float:left;width:24pt;font-size:9pt;height:15pt;text-align:center;background:#dde0e3}

/* escuditos tabla general*/
#etcc{width:22pt;display:inline-block;text-align:center;margin:2pt}
#etim{width:100%;display:inline-block}
#etim img{width:100%;display:inline-block}
#etpt{width:100%;display:inline-block;background:#dde0e3}

/* rol de juegos en grande*/
#cdtxt{font-size:16pt;display:inline-block;height:24pt;background:#dde0e3;width:100%;
       font-family: 'Open Sans Condensed', sans-serif;text-align:right;}
#cdjue{font-size:15pt;font-family: 'Open Sans Condensed';width:100%;background:white;}
#cdjue img{vertical-align:middle;min-width:10pt;width:4%;}
#cdel{font-family: 'Open Sans Condensed', sans-serif;display:inline-block;min-width:78pt;width:33%;text-align:right;}
#cdev{font-family: 'Open Sans Condensed', sans-serif;display:inline-block;min-width:78pt;width:33%;}
#cdfec{font-family: 'Open Sans Condensed', sans-serif;display:inline-block; min-width:10pt;width:10%;text-align:right;}
#cdmar{font-family: 'Open Sans Condensed', sans-serif;display:inline-block; min-width:8pt;width:10%;text-align:center;}
/*resumen jornadas*/
#rejo{float:left;width:11%;display:inline-block;}
/*calendario total*/
#cal{width:136pt;display:inline-block;border:1pt #ccc solid;margin:2pt;padding:4pt;font-size:10pt; font-weight: normal;text-align:center}
#caleq{width:24pt;display:inline-block;color:#4d4d4d}
#calma{width:24pt;display:inline-block;color:#4d4d4d}
#calho{width:30pt;display:inline-block;color:#4d4d4d}
#calfe{width:100%;display:inline-block;background:#dde0e3;padding:2pt}

#calt{width:100%;height:14pt;color:#4d4d4d;}
#calenca{width:100%;font-size:18pt;padding:2pt;background:#b4ccde;font-family: 'Open Sans Condensed', sans-serif;text-align:center;margin-bottom:8pt}

/*paginacion
#jorna{font-size:9pt;float:left;display:block;width:2em;margin:2pt;text-align:center;height:2em; line-height:2em;border:1pt solid #c9c9c9}
#jornas{font-size:9pt;float:left;display:block;width:2em;margin:2pt;text-align:center;height:2em; line-height:2em;border:1pt solid #c9c9c9;background:#8391a1;color: black;}
a:link#jorna {text-decoration: none;background:#e6e9ec;color: black;}
a:visited#jorna {text-decoration: none;background:#e6e9ec;color: black;}
a:hover#jorna {text-decoration: none;background:#8391a1;color: black;}
*/

/* calendario equipo*/
#caleq{width:130pt;height:120pt;text-align:center;margin-left:4pt;font-size:15pt;display: inline-block;
        padding:2pt;margin:4pt}
#caleq img{float:left;display:block;width:56pt;height:56pt;padding:6pt 0pt 6pt 12pt;}
#calef{font-size:12pt;color:#607288;font-family: 'Open Sans Condensed', sans-serif;}
#caleq a:link{text-decoration:none;color:black;font-size:14pt;font-family: 'Open Sans Condensed', sans-serif;line-height:20pt}
#caleq a:link{text-decoration:none;color:#607288;font-size:14pt;font-family: Verdana;line-height:20pt}
#caleq a:visited{text-decoration:none;color:#607288;}
#caleq a:hover{text-decoration:none;color:black;}
.combo{text-align:center;font-size:14pt}
#titca {text-align:center;font-size:20pt;color:white;background:#85acc9;padding:10pt;margin:10pt}
/* resumen cuadros*/
#ren {width:100%;background:white;margin: 1pt 0pt 2pt 0pt}
#rect {width:20%;height:15pt;display:inline-block;background:#85acc9;color:white;font-size:10pt;text-align:center;margin: 0pt 2pt 0pt 2pt}
#recp {width:8%;height:15pt;display:inline-block;background:#85acc9;color:white;font-size:10pt;text-align:center;margin: 0pt 2pt 0pt 2pt}

#rect2 {width:20%;height:40pt;display:inline-block;background:#85acc9;color:white;font-size:12pt;text-align:center;padding: 4pt 4pt 4pt 4pt;margin: 0pt 2pt 0pt 2pt}
#recg {width:8%;height:40pt;display:inline-block;background:#85acc9;color:white;font-size:12pt;text-align:center;padding: 4pt 4pt 4pt 4pt;margin: 0pt 2pt 0pt 2pt}

/*------ leq.php ------ */
#listado{width: 24%;border-top:1pt solid white;font-size:10pt;display:inline-block;text-align:center;padding:6pt 0pt 6pt}
.les {width:100%;height:29pt;overflow:hidden}
.les img{width:28pt;}
.leq {}
#listado a:link {text-decoration: none;color: #113a63;display:block}
#listado a:visited {text-decoration: none;color: #113a63;display:block}
#listado a:hover {text-decoration: none;background: #85acc9;display:block}

/*mapa*/
#mpa{float:left;font-size:10pt;margin:2pt;text-align:center;height:2em; line-height:2em;border:1pt solid #c9c9c9;width:92pt;background:#85acc9;}
#mpb{font-size:10pt;float:left;display:block;width:2em;margin:2pt;text-align:center;height:2em; line-height:2em;border:1pt solid #c9c9c9}
a:link#mpb {text-decoration: none;background:#dde0e3;color: black;}
a:visited#mpb {text-decoration: none;background:#dde0e3;color: black;}
a:hover#mpb {text-decoration: none;background:#8391a1;color: black;}

/**/
#ad1{clear:both;width:100%; margin-bottom:10pt;text-align:center;height:200pt}
#ad2{clear:both;width:100%;height:200pt;text-align:center;  }
#ad3{clear:both;width:100%;height:200pt;text-align:center; }

/*paginacion cambio 23 feb 2017*/
#jorna{font-size:12pt;float:left;display:block;width:2em;margin:2pt;text-align:center;height:2em; line-height:2em;border:1pt solid #c9c9c9}
#jornas{font-size:12pt;float:left;display:block;width:2em;margin:2pt;text-align:center;height:2em; line-height:2em;border:1pt solid #c9c9c9;background:#8391a1;color: black;}
a:link#jorna {text-decoration: none;background:#e6e9ec;color: black;}
a:visited#jorna {text-decoration: none;background:#e6e9ec;color: black;}
a:hover#jorna {text-decoration: none;background:#8391a1;color: black;}

/*tendencias*/
/*cuadro nuevo cambio 23 feb 2017*/
#cdm {width:33%;display:inline-block;padding:0pt;background:white;font-size:10pt;
border:0pt white solid;text-align:center;overflow:hidden;height:166pt}
#cdm img{width:54pt;vertical-align:middle;display:inline-block;background:white;margin:4pt 4pt 4pt}
#cdmf {padding:4pt;color:white;background:#256689;margin:0pt 4pt 4pt 6pt}
#cma {font-size:20pt;text-align:center;width:100%;display:inline-block;background:white;text-align:center}
#cdto {padding:4pt 0pt 6pt}
@media screen and (max-width: 600pt) {
  #cdm {width:33%;}}
@media screen and (max-width: 480pt) {
  #cdm {width:50%;}}
@media screen and (max-width: 320pt) {
  #cdm {width:100%;}}
.loc  {display:inline-block;width:26pt;margin:4pt}
span.cir { font-size:10pt;  background: #5178D0;  color: #ffffff;  display: inline-block;  text-align: center;
  line-height: 30pt;  width: 30pt; }