Título de la nueva página
body {
margin: 0px;
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
text-shadow: rgba(0,0,0,.01) 0 0 1px;
font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
}
pre, form, select, label, p, span, ol, ul, li, hr, h1, h2, h3, h4, h5, h6 {
padding: 0px;
margin: 0px;
}
.hide {
display: none;
}
.acont {
padding: 0px;
margin: 0px;
}
ul li {
list-style-type: none;
}
img {
border: 0px;
}
a {
outline: none;
text-decoration: none;
}
a, button {
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
select {
outline: 0;
overflow: hidden;
}
select:focus {
outline: none;
}
button {
border: 0 solid #fff;
cursor: pointer;
margin: 0;
padding: 0;
}
textarea {
resize: none;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
#sttotal {
position: relative;
z-index: 1;
width: 600px;
height: 340px;
overflow: hidden;
}
#nosorteo, #error, #loading {
position: relative;
width: 600px;
height: 340px;
top: 0;
left: 0;
z-index: 10;
background: url(../images/bk0.png) no-repeat;
}
#nosorteo .logo, #error .logo, #loading .logo {
width: 264px;
height: 84px;
position: absolute;
top: 124px;
left: 160px;
z-index: 15;
background: url(../images/logo2.png) no-repeat;
}
#nosorteo .msg {
width: 460px;
height: 38px;
position: absolute;
top: 264px;
left: 50%;
margin-left: -230px;
background-color: #ffffff;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
#error .msg {
width: 180px;
height: 50px;
position: absolute;
top: 264px;
left: 35%;
margin-left: -290px;
background-color: #ffffff;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
margin-left: auto;
}
#loading .msg {
width: 126px;
height: 38px;
position: absolute;
top: 264px;
left: 50%;
margin-left: -74px;
z-index: 16;
background-color: #ffffff;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.bkn1{
width: 600px;
height: 340px;
position: absolute;
top:0;
left: 0;
z-index: 11;
background: url(../images/bkn1.png) no-repeat;
}
.bkn2{
width: 194px;
height: 194px;
position: absolute;
top: 73px;
left: 192px;
z-index: 12;
background: url(../images/bkn2.png) no-repeat;
}
.bkn3{
width: 255px;
height: 255px;
position: absolute;
top:43px;
left: 162px;
z-index: 13;
background: url(../images/bkn3.png) no-repeat;
}
#contador {
position: relative;
width: 600px;
height: 340px;
top: 0;
left: 0;
z-index: 16;
background: url(../images/bk0.png) no-repeat;
}
#contador .logo {
width: 264px;
height: 84px;
background: url(../images/logo2.png) no-repeat;
position: absolute;
z-index: 17;
top: 124px;
left: 160px;
display: none;
}
#contador .conteo {
width: 184px;
height: 184px;
background: url(../images/cont-ball.png) no-repeat;
position: absolute;
z-index: 17;
top: 79px;
left: 197px;
display: none;
}
#sorteo {
position: relative;
width: 600px;
height: 340px;
top: 0;
left: 0;
z-index: 10;
background: url(../images/bk0.png) no-repeat;
}
#sorteo .logo{
width: 171px;
height: 200px;
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
background: url(../images/logo.png) no-repeat;
}
#sorteo .msg {
width: 116px;
height: 16px;
position: absolute;
top: 106px;
left: 45px;
background-color: #ffffff;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
#sorteo .light-selected{
width: 600px;
height: 340px;
position: absolute;
left:0px;
top:0px;
z-index: 24;
background: url(../images/sorteo-ball-selected.png);
opacity: 0;
}
#sorteo .light{
width: 255px;
height: 255px;
position: absolute;
left:162px;
top:43px;
z-index: 22;
background: url(../images/light.png);
}
#sorteo #circle {
width: 200px;
height: 200px;
position: absolute;
left: 189px;
top: 70px;
z-index: 15;
}
#sorteo #circle-int {
width: 200px;
height: 200px;
position: relative;
z-index: 16;
}
#sorteo .circles {
width: 25px;
height: 25px;
position: absolute;
z-index: 20;
background: url(../images/ball-int.png);
}
#sorteo #cir1{
top: 62px;
left: 6px;
}
#sorteo #cir2{
top: 117px;
left: 7px;
}
#sorteo #cir3{
top: 169px;
left: 60px;
}
#sorteo #cir4{
top: 166px;
left: 119px;
}
#sorteo #cir5{
top: 113px;
left: 168px;
}
#sorteo #cir6{
top: 41px;
left: 159px;
}
#sorteo #cir7{
top: 4px;
left: 105px;
}
#sorteo #cir8{
top: 16px;
left: 41px;
}
#sorteo #cir9{
top: 148px;
left: 29px;
}
#sorteo #cir10{
top: 74px;
left: 171px;
}
#sorteo .ball {
width: 35px;
height: 35px;
position: absolute;
z-index: 15;
background: url(../images/sorteo-ball.png) no-repeat;
opacity: 0;
}
#sorteo #sort1 {
top: 87px;
left: 415px;
}
#sorteo #sort2 {
top: 87px;
left: 456px;
}
#sorteo #sort3 {
top: 87px;
left: 497px;
}
#sorteo #sort4 {
top: 87px;
left: 538px;
}
#sorteo #sort5 {
top: 128px;
left: 415px;
}
#sorteo #sort6 {
top: 128px;
left: 456px;
}
#sorteo #sort7 {
top: 128px;
left: 497px;
}
#sorteo #sort8 {
top: 128px;
left: 538px;
}
#sorteo #sort9 {
top: 169px;
left: 415px;
}
#sorteo #sort10 {
top: 169px;
left: 456px;
}
#sorteo #sort11 {
top: 169px;
left: 497px;
}
#sorteo #sort12 {
top: 169px;
left: 538px;
}
#sorteo #sort13 {
top: 209px;
left: 415px;
}
#sorteo #sort14 {
top: 209px;
left: 456px;
}
#sorteo #sort15 {
top: 209px;
left: 497px;
}
#sorteo #sort16 {
top: 209px;
left: 538px;
}
#sorteo #sort17 {
top: 250px;
left: 415px;
}
#sorteo #sort18 {
top: 250px;
left: 456px;
}
#sorteo #sort19 {
top: 250px;
left: 497px;
}
#sorteo #sort20 {
top: 250px;
left: 538px;
}
#sorteo #sort21 {
top: 250px;
left: 538px;
}
#sorteo .ball.op {
opacity: 1;
}
#num-sorteado {
position: absolute;
width: 114px;
height: 114px;
top: 112px;
left: 33px;
z-index: 24;
background: url('../images/sorteo-ball-big.png') no-repeat;
background-size: cover;
opacity: 0;
}
#resultados {
position: relative;
width: 600px;
height: 340px;
top: 0;
left: 0;
z-index: 20;
background: url(../images/bk0.png) no-repeat;
}
#resultados .logo{
width: 171px;
height: 200px;
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
background: url(../images/logo.png) no-repeat;
}
#resultados .ball {
position: absolute;
z-index: 20;
background: url(../images/res-ball.png) no-repeat;
width: 53px;
height: 47px;
text-align: center;
padding-top: 6px;
}
#resultados #res01 {
top: 28px;
left: 184px;
}
#resultados #res02 {
top: 28px;
left: 239px;
}
#resultados #res03 {
top: 28px;
left: 295px;
}
#resultados #res04 {
top: 28px;
left: 348px;
}
#resultados #res05 {
top: 88px;
left: 184px;
}
#resultados #res06 {
top: 88px;
left: 239px;
}
#resultados #res07 {
top: 88px;
left: 295px;
}
#resultados #res08 {
top: 88px;
left: 348px;
}
#resultados #res09 {
top: 148px;
left: 184px;
}
#resultados #res10 {
top: 148px;
left: 239px;
}
#resultados #res11 {
top: 148px;
left: 295px;
}
#resultados #res12 {
top: 148px;
left: 348px;
}
#resultados #res13 {
top: 208px;
left: 184px;
}
#resultados #res14 {
top: 208px;
left: 239px;
}
#resultados #res15 {
top: 208px;
left: 295px;
}
#resultados #res16 {
top: 208px;
left: 348px;
}
#resultados #res17 {
top: 268px;
left: 184px;
}
#resultados #res18 {
top: 268px;
left: 239px;
}
#resultados #res19 {
top: 268px;
left: 295px;
}
#resultados #res20 {
top: 268px;
left: 348px;
}
.num {
width: 80px;
height: 36px;
position: absolute;
z-index: 20;
top: 9px;
left: 490px;
}
.num span{
display:block;
text-align: right;
}
.date {
width: 86px;
height: 26px;
padding:2px 0 0 24px;
position: absolute;
z-index: 20;
top: 46px;
left: 460px;
/*background: url(../images/date.png) no-repeat;*/
}
#counter {
width: 158px;
height: 64px;
padding-top: 30px;
position: absolute;
z-index: 20;
top: 225px;
left: 0px;
background: url(../images/counter.png) no-repeat;
}