@charset "utf-8";

/* INFOGRAFIA PREMIOS LOTERIA DE NAVIDAD */
.preLotNav h2 span {clip:rect(0,0,0,0);position:absolute;top:0;left:0;overflow:hidden;}
.preLotNav strong, .preLotNav .p5 span {font-size:1.5rem;}
.preLotNav ol span {font-size:2rem;}
.preLotNav {display:inline-block;position:relative;float:left;width:100%;}
.preLotNav strong, .preLotNav span, .preLotNav p {font-family: 'Roboto','arial',sans-serif;line-height:1.3;}
.preLotNav strong, .preLotNav span {text-transform:uppercase;}
.preLotNav strong {color:#fff;background:#cab067;padding: 0.5rem 1.5rem;display:block;text-align:center;}
.preLotNav ol span {font-weight:400;color:#4e4e4f;padding: 0.7rem 0.4rem;}
.preLotNav p {display: none;}
.preLotNav ol {list-style-type:none;}
.preLotNav li {float:left;background:#f8f8f7;}
.preLotNav ol > li:first-child {background:#eaeae9;}
.preLotNav .p1 span {font-weight:500;}
.preLotNav .p5 span {line-height: 1.75;}
.preLotNav  span {display:block;text-align:center;}
.preLotNav .p4 li {width:50%;float:left;}
.preLotNav .p5 li {width:12.5%;float:left;}
.preLotNav .p5 {min-width:51.5rem;}

/* INFOGRAFIA PREMIOS LOTERIA DEL NINO */
.preLotNin h2 span {clip:rect(0,0,0,0);position:absolute;top:0;left:0;overflow:hidden;}
.preLotNin strong, .preLotNin .p4 span, .preLotNin .p5 span,.preLotNin .p6 span, .preLotNin .p7 span, .preLotNin .p8 span  {font-size:1.5rem;}
.preLotNin ol span {font-size:2rem;}
.preLotNin {display:inline-block;position:relative;float:left;width:100%;}
.preLotNin strong, .preLotNin span, .preLotNin p {font-family:'Roboto','arial',sans-serif;line-height:1.3;}
.preLotNin strong, .preLotNin span {text-transform:uppercase;}
.preLotNin strong {color:#fff;padding:0.5rem 1.5rem;display:block;text-align:center;}
.preLotNin ol span {font-weight:400;color:#4e4e4f;padding:0.7rem 0.4rem;}
.preLotNin p {clip:rect(0,0,0,0);position:absolute;}
.preLotNin ol {list-style-type:none;}
.preLotNin li {float:left;}
.preLotNin ol > li:first-child {background:#eaeae9;}

.preLotNin .p1,.preLotNin .p2,.preLotNin .p3,.preLotNin .p4,.preLotNin .p5,.preLotNin .p6,.preLotNin .p7 {margin: 0;}
.preLotNin .p2,.preLotNin .p4,.preLotNin .p5,.preLotNin .p6 {}
.preLotNin .p1 {background:#f8f8f7;}
.preLotNin .p1,.preLotNin .p2,.preLotNin .p3 {width: 33.333333%;}
.preLotNin .p1 strong, .preLotNin .p2  strong, .preLotNin .p3  strong{background:#cab067}
.preLotNin .p4 strong, .preLotNin .p5  strong, .preLotNin .p6  strong,.preLotNin .p7  strong{background:#92A6A4}
.preLotNin .p4, .preLotNin .p7{width:15%;}
.preLotNin .p5 {width:50%;}
.preLotNin .p6 {width:20%;}

.preLotNin .p1 span {font-weight:500;font-weight:500;}
.preLotNin  span {display:block;text-align:center;}
.preLotNin .p4 span, .preLotNin .p5 span,.preLotNin .p6 span, .preLotNin .p7 span {line-height:1.5;}
.preLotNin  span {display:block;text-align:center;}
.preLotNin .p4 li {width:50%;}
.preLotNin .p5 li {width:7.142857%;}
.preLotNin .p6 li {width:20%;}
.preLotNin .p7 li {width:33.3%;}
.preLotNin .p2 span, .preLotNin .p3  span, .preLotNin .p4  span  {font-weight:500;}

.preLotNin .p2 span, .preLotNin li li:last-child span{border-right:0.1rem solid gainsboro;}
.preLotNin .p3 span,.preLotNin .p7 li:last-child span{border-right:0;}

/*tit para portada*/
.medTit > .grid > .secBox span:not(.titaux) {font-size:450%;letter-spacing:-1.5pt;font-family:'Roboto','arial',sans-serif;opacity:0.4;margin: 0 0 -0.25em -0.05em;text-transform:none;}

@media (min-width:1180px) {
/*tit para portada*/
.medTit > .grid > .secBox span:not(.titaux) {font-size:450%;}

/*width*/
.preLotNav .p1, .preLotNav .p2, .preLotNav .p3 {width:10%;}
.preLotNav .p4 {width:18%;}
.preLotNav .p5 {width:52%;}
}

@media (max-width:1399px) { 
.preLotNav .p5 {min-width: 42rem;}
}

@media (max-width:1199px) {
.preLotNav strong, .preLotNav .p5 span {font-size:1.4rem;}
.preLotNav ol span {font-size:1.8rem;}
.preLotNav strong {padding: 0.5rem 0;}
.preLotNav ol li {width:25%;}
.preLotNav .p5 {width:100%;}
}

@media (max-width:1099px) {
.preLotNav strong, .preLotNav .p5 span {font-size:1.4rem;}
.preLotNav ol span {font-size:1.8rem;}
.preLotNav strong {padding: 0.5rem 0;}
.preLotNav ol li {width:25%;}
.preLotNav .p5 {width:100%;min-width:100%;}
}

@media (max-width:600px) {
.preLotNav ol li {width:50%;} 
.medTit > .grid > .secBox span:not(.titaux) {font-size:320%;}
.preLotNin .p5 li {width:14.28571428571429%;}
.preLotNin .p4,.preLotNin .p5, .preLotNin .p6, .preLotNin .p7 {width:100%;}
}

@media (max-width:400px) {
.medTit > .grid > .secBox span:not(.titaux) {font-size:320%;}
.preLotNav .p5 li{width:25%;} 
.preLotNin .p5 li {width:14.28571428571429%;}
.preLotNin .p4,.preLotNin .p5, .preLotNin .p6, .preLotNin .p7 {width:100%;}
}