/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Sep 3, 2014, 2:54:54 PM
    Autoor     : miguel meireles
*/

/*  IMAGES */
.intro1 {
  display: table;
  width: 100%;
  height: 100vh;
  padding: 0px 0;
  color: transparent;
  background: url('https://www.clubesorte.org/c_elements/images/wallpapers/lotaria1.jpg') no-repeat bottom center scroll;
background-position: 0px 0px;
  background-size: cover;
}
.intro2 {
  display: table;
  width: 100%;
  height: 100vh;
  padding: 0px 0;
  color: white;
  background: url('https://www.clubesorte.org/c_elements/images/wallpapers/chavedasorte_01.jpg') no-repeat bottom center scroll;
background-position: 0px 0px;
  background-size: cover;
}
.intro3 {
  display: table;
  width: 100%;
  height: 100vh;
  padding: 0px 0;
  color: transparent;
  background: url('https://www.clubesorte.org/c_elements/images/wallpapers/compras-trevo.jpg') no-repeat bottom center scroll;
background-position: 0px 0px;
  background-size: cover;
}
.intro4 {
  display: table;
  width: 100%;
  height: 100vh;
  padding: 0px 0;
  color: transparent;
  background: url('https://www.clubesorte.org/c_elements/images/wallpapers/casino4.jpg') no-repeat bottom center scroll;
background-position: 0px 0px;
  background-size: cover;
}
.intro5 {
  display: table;
  width: 100%;
  height: 100vh;
  padding: 0px 0;
  color: transparent;
  background: url('https://www.clubesorte.org/c_elements/images/wallpapers/casino88.jpg') no-repeat bottom center scroll;
background-position: 0px 0px;
  background-size: cover;
}
.intro6 {
  display: table;
  width: 100%;
  height: 100vh;
  padding: 0px 0;
  color: transparent;
  background: url('https://clubesorte.org/experimentar.clubesorte.org/mini-loto/img/outras/fundo-casino1.jpg') no-repeat bottom center scroll;
background-position: 0px 0px;
  background-size: cover;
}

#logo {
width:300px;
margin-left: 0px;
margin-top: 00px;

}

.image_produt {
width:325px;
height:180px;
margin-top:7px;
background:
Transparent; margin-left: 45px;
margin: 5 auto;
border: 10px double #ddd;
opacity: 0.89;
}

#apostSort {
position:absolute;
width:85px;
height:35px;
margin-top:208px;
margin-left:-400px;
border-radius: 6%;
z-index:100;
}

#reset-green {
    position: absolute;
    margin-top:208px;
    margin-left:-434px;
    width:35px;
    height:35px;
    border-radius:3px;
    z-index:1000;
}

#cooltext1 {
position:absolute;
left:145px;
top:200px;
text-align:left;
width:270px;
height:40px;
z-index:9;
}
#cooltext2 {
position:absolute;
left:285px;
top:245px;
text-align:left;
width:120px;
height:30px;
z-index:9;
}

/*  ESTILOS DA TOMBOLA */
/* Tamanho da Tombola em altura e largura */
#d4w4 {
width:164px;
position:absolute;
left:-61px;
top:305px;
height:100px;
z-index:1000;
}

/* Estilos das bolas */
#d4w4 .star{

   background: url('https://clubesorte.org/experimentar.clubesorte.org/mini-loto/img/tombola/estrela_azul2.gif') no-repeat;

   -webkit-background-size: cover;

   -moz-background-size: cover;

   -o-background-size: cover;

   background-size: cover;

   display:inline-block;

   height: 38px;

   width: 38px;

   margin: 1px 1px;

   font-family: arial;

   font-size: 14.5px;
   
   color: #000000;

   font-weight: 900;

   line-height: 2.66;

   text-align: center;
   cursor: pointer;

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://clubesorte.org/experimentar.clubesorte.org/mini-loto/img/tombola/estrela_01.gif', sizingMethod='scale');

   -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.clubesorte.org/experimentar/mini-loto/img/tombola/estrela_01.gif', sizingMethod='scale')";

}

/* Estilos das bolas laranja */
#d4w4 .star.orange, #d4w3 .orange, #d4w2 .orange  {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://clubesorte.org/experimentar.clubesorte.org/mini-loto/img/tombola/estrela_laranja2.gif', sizingMethod='scale');
    -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://clubesorte.org/experimentar.clubesorte.org/mini-loto/img/tombola/estrela_laranja2.gif', sizingMethod='scale');
    background-image:url('https://clubesorte.org/experimentar.clubesorte.org/mini-loto/img/tombola/estrela_laranja2.gif');
    background-size:cover;
}
/* Estilos das bolas azuis*/
#d4w4 .star.blue, #d4w3 .blue, #d4w2 .blue {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://clubesorte.org/experimentar.clubesorte.org/mini-loto/img/tombola/estrela_azul2.gif', sizingMethod='scale');
    -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://clubesorte.org/experimentar.clubesorte.org/mini-loto/img/tombola/estrela_azul2.gif', sizingMethod='scale');
    background-image:url('https://clubesorte.org/experimentar.clubesorte.org/mini-loto/img/tombola/estrela_azul2.gif');
    background-size:cover;
}
/* Estilos das bolas verdes */
#d4w4 .star.green, #d4w3 .green, #d4w2 .green {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://clubesorte.org/experimentar.clubesorte.org/mini-loto/img/tombola/estrela_verde2.gif', sizingMethod='scale');
    -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://clubesorte.org/experimentar.clubesorte.org/mini-loto/img/tombola/estrela_verde2.gif', sizingMethod='scale');
    background-image:url('https://clubesorte.org/experimentar.clubesorte.org/mini-loto/img/tombola/estrela_verde2.gif');
    background-size:cover;
}
/* Estilos das bolas rosas */
#d4w4 .star.purple, #d4w3 .purple, #d4w2 .purple  {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://clubesorte.org/experimentar.clubesorte.org/mini-loto/img/tombola/estrela_rosa2.gif', sizingMethod='scale');
    -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://clubesorte.org/experimentar.clubesorte.org/mini-loto/img/tombola/estrela_rosa2.gif', sizingMethod='scale');
    background-image:url('https://clubesorte.org/experimentar.clubesorte.org/mini-loto/img/tombola/estrela_rosa2.gif');
    background-size:cover;
}

/* Estilos das bolas de sorteadas */
#d4w3 .slot {
    display:inline-block;
    display:yes;
    width:34px;
    height: 34px;
	text-align:center;
    font-size:14px;
     color: #000000;
    font-weight: bold;
    font-family:Arial;
    line-height: 2.56;
  z-index:1000;
}   


/* Estilos das bolas do prognostico */
#d4w2 .slot {
    display:inline-block;
    width:34px;
    height: 34px;
	text-align:center;
    font-size:14px;
    color: #000000;
    font-weight: bold;
    font-family:Arial;
    line-height: 2.56;
z-index:100;
    
}

/* MARQUEES */
#marquee-tombola {
position:absolute;
left:-55px;
top:223px;
width:158px;
height:17px;
z-index: 1;
background-color:transparent;
text-align:center;
}

#marquee-logo {
width:320px;
margin-left:62px;
margin-top:1px;
}
#marquee-logo2 {
width:320px;
margin-left:62px;
margin-top:1px;
color:#3899e2;
}
/* Desenho da Tombola */


body {
   
    background-color: transparent;
}

#zoom {
     padding: 50px;
  transition: transform .2s; /* Animation */
  width: 200px;
  height: 200px;
  margin: 0 auto;
}
#zoom:hover {
  transform: scale(1.3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}


#image-topo {
    display:none;
position:absolute;
left:-100px;
top:92px;
width:240px;
height:150px;
z-index:1000;
}

h1, h4, h5 {
 text-shadow: #000 2px 3px 2px; 
    }

#audio {
position:absolute;
      width:230px;
      height:25px;
      margin-left:-225px;
      margin-top:6px;
   background-color:#29a9c6;
   border: 4px solid #29a9c6;
   border-radius:4px;
    cursor:pointer;
}

/*FORM-CONTACTO*/
/*BetCode*/
#form_contacto #user_nome {
position:absolute;
left:0px;
top:12px;
font-family:arial;
font-size:9pt;
font-weight:bold;
color:#ffffff;
background:#000000;
max-width:220px;
width:220px;
height:26px;
border-radius: 3px;
border:1px solid #b2b2b2;
}


/*email do Jogador*/
#form_contacto #user_email {
position:absolute;
left:0px;
top:36px;
font-family:arial;
font-size:9pt;
font-weight:normal;
color:#cecece;
background:#000000;
max-width:220px;
width:220px;
height:24px;
border-radius: 3px;
border:1px solid #b2b2b2;
}

/*email do amigo*/
#form_contacto #amigo_email {
position:absolute;
left:0px;
top:69px;
font-family:arial;
font-size:9pt;
color:#cecece;
font-weight:normal;
background:#000000;
max-width:2201px;
width:220px;
height:24px;
border-radius: 3px;
border:1px solid #b2b2b2;
}

/*Securiy Code*/
#form_contacto #amigo_nome {
position:absolute;
margin-top:-290px;
margin-left:-88px; 
font-family:arial;
font-weight:bold;
font-size:9pt;
max-width:420px;
width:210px;
height:21px;
color:#2cb2f9;
border:none;
background:transparent;
}
#form_contacto #amigo_nome2 {
position:absolute;
left:0px;
top:-12px;
font-family:arial;
font-weight:bold;
color: #2cb2f9;
font-size:10pt;
max-width:420px;
height:21px;
border:0px solid #BDBDF4;
background:transparent;
}

/*Code Number*/
#form_contacto #randomnumber {
position:absolute;
left:0px;
top:5px;
font-size:10pt;
color:red;
font-weight:bold;
max-width:120px;
height:19px;
border:0px solid #BDBDF4;
background:transparent;
}

/*security Code Number 2*/
#form_contacto #randomnumber2 {
position:absolute;
left:0px;
top:-18px;
font-size:13pt;
color:red;
font-weight:bold;
max-width:120px;
height:19px;
border:0px solid #BDBDF4;
background:transparent;
}

#jogar {
position:absolute;
font-size:80%;
margin-left: -84px;
margin-top: -210px;
}
#limpar {
position:absolute;
font-size:80%;
margin-left: -33px;
margin-top: -210px;
}
#jogar1 {
position:absolute;
font-size:80%;
margin-left: 1px;
margin-top: 110px;
width:55px;
}
#jogar2 {
position:absolute;
font-size:80%;
margin-left: 57px;
margin-top: 110px;
width:55px;
}
#jogar3 {
position:absolute;
font-size:80%;
margin-left: 113px;
margin-top: 110px;
width:55px;
}
#jogar4 {
position:absolute;
font-size:80%;
margin-left: 169px;
margin-top: 110px;
width:55px;
}
#jogar5 {
position:absolute;
font-size:80%;
margin-left: 225px;
margin-top: 110px;
width:55px;
}
#jogar6 {
position:absolute;
font-size:80%;
margin-left: 1px;
margin-top: 207px;
width:55px;
}
#sair {
font-size: 14px;
padding: 15px 10px;
text-align:center;
margin-top:165px;
margin-left:5px;
border-radius:100px;
z-index: 1;
}

#mudarchave3pools {
position:absolute;
font-size:75%;
margin-left: 2px;
margin-top: 210px;
padding: 2px 15px;
border:none;
}   
#inicio1 {
position:absolute;
font-size:75%;
margin-left: 163px;
margin-top: 210px;
padding: 2px 25px;
border:none;
}

#voltar1 {
position:absolute;
font-size:75%;
margin-left: 2px;
margin-top: 210px;
padding: 2px 18px;
border:none;
}

#limpar1 {
position:absolute;
font-size:75%;
margin-left: 83px;
margin-top: 210px;
padding: 2px 20px;
border:none;
}

#mensagem-sucesso {
position:absolute;
width:230px;
text-align: left;
left:180px;
top:170px;
}
p6 {
position:absolute;
text-align: left;
font-size: 17px;
color: #00c44b;
font-weight: bold;
margin-left: 30px;
margin-top: 100px;
}
p6erro {
position:absolute;
text-align: left;
font-size: 16px;
color: #ff2b2b;
font-weight: bold;
margin-left: 0px;
margin-top: 100px;
}
p7 {
position:absolute;
text-align: left;
font-size: 14px;
color: #f4f00c;
font-weight: normal;
margin-left: 30px;
margin-top: 100px;
}
p7erro {
position:absolute;
text-align: left;
font-size: 14px;
color: #ff2b2b;
font-weight: normal;
margin-left: 0px;
margin-top: 100px;
}
p8 {
position:absolute;
text-align: left;
font-size:14px;
margin-left: 0px;
margin-top: 110px;
}
p9 {
position:absolute;
text-align: left;
font-size:14px;
margin-left: 0px;
margin-top: 150px;
}
#continuarajogar {
position:absolute;
font-size: 12px;
left:0px;
top:240px;
}
#voltaratras {
position:absolute;
font-size: 12px;
left:0px;
top:260px;
}


:disabled {
    background:transparent;
    color: #0052cc;
    border: 1px solid grey;
}
#font1 {
  font-size:18px;
  color:#02e0e8;
  font-family:Arial;
 }
#font2 {
  font-size:14px;
  color:#FFD700;
  font-family:Arial;
 }    
 #font3 {
  font-size:14px;
  color:#ffffff;
  font-family:Arial;
 }
 #font4 {
  font-size:13px;
  color:#98FB98;
  font-family:Arial;
 }
  #font5 {
  font-size:14px;
  color:#02e0e8;
  font-family:Arial;
  margin-top:-20px;
 }
.footer {
  position: fixed;
  left: 0;
  bottom: 10px;
  width: 100%;
z-index:1000;
  color: white;
  text-align: center;
}

.btn-outline-warning:hover, .btn-warning:focus, .btn-warning:active {
    color: #ffffff !important; background-color: #ffaa07 
    
}