@import url("loteria-navidad.premios.generico.css");
@import url("loteria-navidad.premiosB.desktp.css");
/*
.drumBox li > div{width:50%;top:6em;right:0;}
.drumBox ul{width: 50%;float: left;background: url("i/bombo.jpg") no-repeat center top;background-size:auto 100%;border-left: 10em solid transparent;border-right: 10em solid transparent;}
.drumBox li{display:block;float:left;}
.drumBox .mainBox .txtBox + .auxBox{margin-top:0;padding: 1.6em 2.2em;border-bottom: 1px solid #779cd0;border-top: 1px solid #779cd0;}*/

/* TAMANOS */
/*.drumBox .ball4 {clear:both;}
.drumBox .ball1 {width:100%;}
.drumBox .ball2, .drumBox .ball3, .drumBox .ball4, .drumBox .ball5 {width:50%;}
.drumBox .ball6, .drumBox .ball7,
.drumBox .ball8, .drumBox .ball9,
.drumBox .ball10, .drumBox .ball11,
.drumBox .ball12, .drumBox .ball13 {width:25%;}

.drumBox .ball1 label  {width:56.54205607%;padding-top:56.54205607%;}
.drumBox .ball2 label  {width:87.85046729%;padding-top:87.85046729%;}
.drumBox .ball3 label  {width:73.83177570%;padding-top:73.83177570%;}
.drumBox .ball4 label, .drumBox .ball5 label  {width:59.81308411%;padding-top:59.81308411%;}
.drumBox .ball6 label, .drumBox .ball7 label,
.drumBox .ball8 label, .drumBox .ball9 label,
.drumBox .ball10 label, .drumBox .ball11 label,
.drumBox .ball12 label, .drumBox .ball13 label  {width:91.58878504%;padding-top:91.58878504%;}
*/
/* POSICIONAMIENTO */
/*.drumBox label{margin:0 auto;}
.drumBox .ball2, .drumBox .ball3 {margin-top:-27%;}
.drumBox .ball3 {border-top: 2em solid transparent;}
.drumBox .ball4, .drumBox .ball5 {margin-top:-14%;}    

.drumBox .ball6 label, .drumBox .ball7 label,
.drumBox .ball8 label, .drumBox .ball9 label,
.drumBox .ball10 label, .drumBox .ball11 label,
.drumBox .ball12 label, .drumBox .ball13 label {margin-top:8%;}

.drumBox .ball2 label {left:-48%;}
.drumBox .ball3 label {left:42%;}
.drumBox .ball4 label{float:right;right:3%;}
.drumBox .ball5 label{float:left;left:3%;}*/
/***********/

/* FUENTES 
.drumBox .ball6 label p, .drumBox .ball7 label p,
.drumBox .ball8 label p, .drumBox .ball9 label p,
.drumBox .ball10 label p, .drumBox .ball11 label p,
.drumBox .ball12 label p, .drumBox .ball13 label p {font-size:140%;}
.drumBox .auxBox a span {font-size:170%;}
.drumBox .ball4 label p, .drumBox .ball5 label p {font-size:190%;}
.drumBox .ball2 label p, .drumBox .ball3 label p, .notory.g1 .gridBox > .cell:first-child .drumBox .mainBox .auxBox p{font-size: 200%;}
.drumBox .ball6 label span, .drumBox .ball7 label span,
.drumBox .ball8 label span, .drumBox .ball9 label span,
.drumBox .ball10 label span, .drumBox .ball11 label span,
.drumBox .ball12 label span, .drumBox .ball13 label span {font-size:200%;}  
.drumBox .ball1 label p {font-size:250%;}
.drumBox .ball4 label span, .drumBox .ball5 label span {font-size:260%;}
.drumBox .ball3 label span, .notory.g1 .gridBox > .cell:first-child .drumBox .mainBox .pretitle  {font-size:360%;}
.drumBox .ball2 label span {font-size:450%;}
.drumBox .ball1 label span {font-size:560%;}
.notory.g1 .gridBox > .cell:first-child .drumBox .mainBox .maintitle{font-size:880%;}
/***********/

/* COLORES 
.drumBox .pretitle, .drumBox .maintitle{color:#779cd0;}
/***********/


/* CONFIGURACIONES 
.g2 .drumBox li > div, .g3 .drumBox li > div{top:auto;top:62%; bottom: 0;right: 0;width: 100%;}
.g3 .drumBox li > div{font-size: 130%;}

.g2 .drumBox .maintitle, .g3 .drumBox .maintitle {font-weight: 700;float: left;}
.g2 .drumBox .pretitle, .g3 .drumBox .pretitle {padding-left: 0.5rem;}
.g2 .drumBox .maintitle:after, .g3 .drumBox .maintitle:after{content:".";position:relative;font-weight:700;padding-left:0.25rem;}
.g3 .drumBox ul{border-width: 5em; font-size: 70%;}
.g2 .drumBox ul, .g3 .drumBox ul{width:100%;border-bottom: 33em solid transparent;}
/***********/