/*
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
*/

.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
    color: #fff;
    background-color:#de8b02
     /*set the color you want here*/
}
.btn-warning {
    color: #fff;
    background-color:#ffa003
     /*set the color you want here*/
}


/*  IMAGES */
.intro1 {
  display: table;
  width: 100%;
  height: 100vh;
  padding: 0px 0;
  color: white;
  background: url('https://www.clubesorte.org/geral/img/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/geral/img/wallpapers/lotaria1.jpg') no-repeat bottom center scroll;
background-position: 0px 0px;
  background-size: cover;
}
.intro3 {
  display: table;
  width: 100%;
  height: 100vh;
  padding: 0px 0;
  color: white;
  background: url('https://www.clubesorte.org/geral/img/wallpapers/lotaria1.jpg') no-repeat bottom center scroll;
background-position: 0px 0px;
  background-size: cover;
}
.intro4 {
  display: table;
  width: 100%;
  height: 100vh;
  padding: 0px 0;
  color: white;
  background: url('https://www.clubesorte.org/geral/img/wallpapers/lotaria1.jpg') no-repeat bottom center scroll;
background-position: 0px 0px;
  background-size: cover;
}

.logo {
width:325px;
margin-left: 0px;
margin-top: 55px;
opacity:.89;
}

.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:35px;
height:25px;
margin-top:-289px;
margin-left:136px;
border-radius: 6%;
z-index:100;
}

#reset-green {
    position: absolute;
    margin-top:-289px;
    margin-left:172px;
    width:26px;
    height:25px;
    border-radius:3px;
    z-index:1000;
}

#cooltext1 {
position:absolute;
left:200px;
top:200px;
text-align:left;
width:270px;
height:40px;
z-index:9;
}
#cooltext2 {
position:absolute;
left:265px;
top:190px;
text-align:left;
width:160px;
height:50px;
z-index:9;
}

/*  ESTILOS DA TOMBOLA */
/* Tamanho da Tombola em altura e largura */
#d4w4 {
width:204px;
text-align:center;
position:absolute;
left:40px;
top:143px;
height:100px;
z-index:1000;
}

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

   background: url('../img/tombola/estrela_01.gif') no-repeat;

   -webkit-background-size: cover;

   -moz-background-size: cover;

   -o-background-size: cover;

   background-size: cover;

   display:inline-block;

   height: 45px;

   width: 45px;

   margin: 1px 1px;

   font-family: arial;

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

   font-weight: 900;

   line-height: 2.66;

   text-align: center;
   cursor: pointer;

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/tombola/estrela_01.gif', sizingMethod='scale');

   -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/tombola/estrela_01.gif', sizingMethod='scale')";

}

/* Estilos das bolas laranja */
#d4w4 .star.orange, #d4w3 .orange, #d4w2 .orange  {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/tombola/estrela_02.gif', sizingMethod='scale');
    -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/tombola/estrela_02.gif', sizingMethod='scale');
    background-image:url('../img/tombola/estrela_02.gif');
    background-size:cover;
}
/* Estilos das bolas azuis*/
#d4w4 .star.blue, #d4w3 .blue, #d4w2 .blue {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/tombola/estrela_01.gif', sizingMethod='scale');
    -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/tombola/estrela_01.gif', sizingMethod='scale');
    background-image:url('../img/tombola/estrela_01.gif');
    background-size:cover;
}
/* Estilos das bolas verdes */
#d4w4 .star.green, #d4w3 .green, #d4w2 .green {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/tombola/estrela_verde.gif', sizingMethod='scale');
    -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/tombola/estrela_verde.gif', sizingMethod='scale');
    background-image:url('../img/tombola/estrela_verde.gif');
    background-size:cover;
}
/* Estilos das bolas rosas */
#d4w4 .star.purple, #d4w3 .purple, #d4w2 .purple  {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/tombola/estrela_rosa.gif', sizingMethod='scale');
    -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/tombola/estrela_rosa.gif', sizingMethod='scale');
    background-image:url('../img/tombola/estrela_rosa.gif');
    background-size:cover;
}

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

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

#d4w2 {
position:absolute;
left:63px;
top:373px;
width:200px;
height:100px;
z-index:100;
}

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

#marquee-logo {
width:320px;
margin-left:47px;
margin-top:1px;
}
#marquee-logo2 {
width:320px;
margin-left:47px;
margin-top:1px;
color:#3899e2;
}

/* Shapes transparentes para dar ao marquee efeito redondo */
#Shape3 {
    position:absolute;
    left:60px;
    top:55px;
    width:158px;
    height:29px;
	border-radius: 1%;
	opacity:0.30;-moz-opacity:0.8;-khtml-opacity:0.5;filter:alpha(opacity=80);
	text-align:center;
	z-index:100;
}

/* Desenho da Tombola */
#desenho-tombola {
    width:255px;
    height:375px;
    margin-top:40px;
    margin-left:0px;
    opacity: 0.8;
}
#desenho-tombolablack {
    width:250px;
    height:250px;
    margin-top:40px;
    margin-left:0px;
    opacity: 0.8;
}

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

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

#playlist,audio {
position:absolute;
      width:340px;
      height:25px;
      margin-left:-1px;
      margin-top:5px;
   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: 150px;
}
#jogar2 {
position:absolute;
font-size:80%;
margin-left: 66px;
margin-top: 150px;
}
#jogar3 {
position:absolute;
font-size:80%;
margin-left: 140px;
margin-top: 150px;
}
#jogar4 {
position:absolute;
font-size:80%;
margin-left: 1px;
margin-top: 181px;
}
#jogar5 {
position:absolute;
font-size:80%;
margin-left: 90px;
margin-top: 181px;
}
#jogar6 {
position:absolute;
font-size:80%;
margin-left: 1px;
margin-top: 212px;
}


#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: 0px;
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: 60px;
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:13px;
  color:#02e0e8;
  font-family:Arial;
 }
#font2 {
  font-size:12px;
  color:#FFD700;
  font-family:Arial;
 }    
 #font3 {
  font-size:14px;
  color:#ffffff;
  font-family:Arial;
 }
 #font4 {
  font-size:13px;
  color:#98FB98;
  font-family:Arial;
 }
 .footer {
    position: relative;
    height: 0px;
    bottom: 0;
    width: 100%;
  left: 0;
  background-color: transparent;
  color: white;
  text-align: left;
}
.btn-outline-warning:hover, .btn-warning:focus, .btn-warning:active {
    color: #ffffff !important; background-color: #ffaa07 
    
}