@charset "UTF-8";
/* CSS Document */

a, a:hover, .btn, .btn:hover{
	transition: all 0.3s cubic-bezier(.25,.8,.25,1) !important;
	text-decoration: none !important;
}

tr,tr:hover{
	transition: all 0.3s cubic-bezier(.25,.8,.25,1) !important;
}




input,textarea{
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;
  transition: all 0.3s cubic-bezier(.25,.8,.25,1) !important;
}
input:hover,textarea:hover{
	 box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23) !important;
  transition: all 0.3s cubic-bezier(.25,.8,.25,1) !important;
}

.navbar{
	margin-bottom: -20px;
}

.navbar-brand span{
	font-size: 10px;
}

.navbar-brand{
	padding: 5px 20px;
}

.navbar-brand .titulo{
	margin-left: 5px;
}

.login span, .login a{
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}

.titulo h3{
	margin:0px;
}

.textoAcesse{
margin-top: 10px!important;
margin-bottom: 5px!important;
}
/* Tipografia e elementos básicos da página */

html, body{
/*    max-width:100%!important;*/
	
		  -webkit-font-smoothing: antialiased!important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.04)!important;

}

h1, h2{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;	
		  text-rendering: optimizeLegibility!important;


}


.alert{
	border-radius: 2px !important;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;
}

.btn{
	text-transform: uppercase !important;
	font-weight: 900 !important;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;
}
.btn:hover{
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23) !important;
}

.btn-outline-white{
	border: 1px solid rgba(255,255,255,0.15);
	color: #FFF;
	opacity: 0.85;
	text-transform: uppercase;
	font-weight: 900;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.btn-outline-white:hover{
	border: 1px solid rgba(255,255,255,0.55);
	color: #FFF;
	opacity: 1;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.btn-outline-dark{
	background-color: rgba(255,255,255,0.3);
/*	border: 1px solid rgba(30,30,30,0.15);*/
	color: #3d3d3d;
	opacity: 0.75;
	text-transform: uppercase;
	font-weight: 900;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.btn-outline-dark:hover{
	background-color: rgba(255,255,255,0.5);
	color: #3d3d3d;
	opacity: 1;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.btn i{
	padding-top: -15px !important;
}

h3, h4, h5, h6{
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
}

h5{
    font-weight: 300!important;
}


p{
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;	
		  text-rendering: optimizeLegibility!important;

}

.italic{
	font-style:italic;	
}



.footer, .header, .content{
	max-width: 100%!important;	
}


.content{
	background-color: rgba(255,255,255,1);
	padding: 30px!important;	
	border-radius: 10px 10px 0px 0px;
}


.event-content {
    height:150px;
}



.background-top{
    padding: 5px 25px 0px 25px;
    background-color: #333 ;
	background: transparent;
}

.body-top, .body-topSocio{
	background-repeat: no-repeat;

	-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;

	background-position: center center;
	background-color: black;
	background-attachment: fixed;
}

.fundoCinza{
    background-color: #eee;
}

body{
	min-height: 100%!important;
	height: auto!important;
}



.footer{
    /* background-color: #1f1f1f; */
    color: #999;
    padding: 30px;
	font-size: 12px;
	width: 100%;
	
}

.termosFooter{
	margin-top: 10px;	
	font-size: 12px;
}

.termosFooter a{
	color: #bbb;
	text-decoration: underline;	
}

.whiteBackground{
	background-color: #FFF;	
}

.paddingDivider{
		padding: 10px 0px;
}

.paddingDivider2{
		padding: 20px 0px;
}

.paddingDivider3{
		padding: 40px 0px;
}

.paddingDivider4{
		padding: 80px 0px;
}

.btn-cleanWhite{
	color: #FFF;
	border: 1px solid #FFF;
	background-color: transparent;
}

.btn-cleanWhite:hover{
	color: #000 !important;
		background-color: #FFF !important;
}

.btn-cleanBlack{
	color: #333;
	border: 1px solid #333;
}

.btn-cleanBlack:hover{
	color: #FFF;
		background-color: #333;
}


.margin-infos{
    margin: 15px;
}

.main-content{
    margin-top:0px;
	padding: 20px;
}


.logoImg:before{
	max-height: 150px;
	max-width: 95px;
}

.msgErroLogin{
	max-width: 650px!important;
	
}

.logoImgFooter:before{
	max-height: 60px;
}

.vouNoJogoFooter:before{
			   content:url(../img/logoVouNoJogo/vouNoJogo.png);

}

  .menuNav, menuNavSocio{
          color: #FFF;
          padding: 5px 20px 5px 0px;
      }

      .menuNav a{
          Color: #FFF;
          text-decoration: underline;	
      }

	.menuNavSocio a{
			Color: #FFF;
          text-decoration: none;	
	}
      .opacidadeNav{
          -moz-opacity: 0.80;
          -khtml-opacity: 0.80;
          opacity: 0.80;
          -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
          filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
          filter:alpha(opacity=80);
      }
	  
/* Fim da tipografia e dos elementos básicos da página */



/* Classes genéricas */

.no-margin {
    margin-top: 0px; 
    margin-bottom: 0px; 
}

.border0{
    border: 0px!important;
}

.margin0{
    margin: 0px!important;
}

.centro{
    text-align:center;
}

.direita{
    text-align: right!important;
}

.vcentro{
    vertical-align: middle!important;
}

.titulo-white{
    color: #FFF;
}

.subtitulo{
font-weight: 300;	
color: #333;
}


/* Fim das Classes genéricas */


/* Header */

.topMenu{
    color: #FFF;
    text-align: right;
    white-space: nowrap;
	padding: 10px;
}

.topMenu a{
    color: #FFF;
    text-decoration: none;
    padding: 0px 0px 10px 5px;
	margin: 10px 0px 0px 10px;
    cursor: pointer;
}

.topMenu a:Hover{
	text-decoration: underline;	
}

.inputHeader{
	width: 90%!important;
	margin-left: 5%!important;	
}

.clear{
		clear:both;
	
}

.bemVindo{
	font-size: 12px;
	font-weight: bold;
	font-style:italic;	
}


.headerDetalhes{
	font-size: 11px;	
	color: #FFF;
}

.headerDetalhes a{
	color: #FFF;
	text-decoration: none;	
	margin-right: 30px;
	margin-left: 5px;
}

.backLogin{
    background-color: rgba(0,0,0,0.2)!important;
    color: #fff!important;
    padding: 5px 20px;
	border-radius: 10px;
}


/* Fim do Header */


/* Jogos / Home */
/* Evento Principal */

.eventoPrincipal{
	text-align: center;	
	min-height: 300px;
}

.eventoPrincipal .titulo{
	color: #fff!important;	
	font-size: 74px;
	margin: 50px 0px;
}

.eventoPrincipal .subtitulo{
	color: #FFF;	
	font-weight:200;
	margin-bottom: 50px;
}

.botaoCtaHome{
	font-size: 24px;
	font-weight: 300;
	padding: 10px 30px;
	border-radius: 10px;
	white-space: nowrap;
-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.3);
box-shadow: 0 0 30px 0 rgba(0,0,0,0.3);
}

.botaoCtaHome a{
	color: #800;	
}

.botaoCtaHome:hover, .botaoCtaHome:visited{
	color:#FFF;
	text-decoration: none;
}

/* Fim do evento principal */




.instrucoes{
    background-color: rgba(0,0,0,0.5)!important;
    color: #fff!important;
    padding: 15px;
	margin: 20px;
}

.instrucoesTexto{
    color: rgba(255,255,255,0.5)!important;
	font-size: 11px;
}




/* Jogos */



.headingEventos{
	background-color: #eee;
	border-bottom: 1px solid #ddd;
	padding: 5px 10px;
	border-radius: 3px 3px 0px 0px;
	margin-bottom: 5px;	
	color: #333!important;
	font-size: 14px;
}

.jogoEvento{
	margin-bottom: 30px;
	background-color: #fff;
	border-radius: 2px;
	 box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}



.jogoEvento, .jogoEvento:hover{
	transition: all 0.2s ease-in-out;
}


.filtros{
	margin: 0px 0px 10px 10px;
}

.btnComprarEvento{
	font-size: 16px;
	font-weight: 500;
/*	background-color: transparent!important;*/
	text-transform: uppercase;
	opacity: 0.75;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.2s ease-in-out;
	margin: 0px 25px;
}
.btnComprarEvento:hover{
	opacity: 1;
	color: #FFF!important;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.panel-heading {
    padding: 10px 15px!important;
}

.panel-default{
	border:1px solid #bbb;;	
}

.tituloPainel{
	font-size: 14px;

}

.panel-default >.panel-body {
    padding:10px 10px;
	
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(100, 100, 100, 0.25);
-moz-box-shadow:    inset 0px 0px 10px 0px rgba(100, 100, 100, 0.25);
box-shadow:         inset 0px 0px 10px 0px rgba(100, 100, 100, 0.25);

background-color: rgba(255,255,255,1);
	
	
}


.panel-default {
	
	
   background: rgb(242,242,242); /* Old browsers */
background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(226,226,226,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(226,226,226,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(226,226,226,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(226,226,226,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(226,226,226,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(226,226,226,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
   
   
}

.panel-default > .panel-footer {
    padding:10px 5px;
    background-color: transparent;
    border-top: 1;
}


.panel-default > .panel-heading {

-webkit-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.05);
-moz-box-shadow:    inset 0px 0px 5px 0px rgba(50, 50, 50, 0.05);
box-shadow:         inset 0px 0px 5px 0px rgba(50, 50, 50, 0.05);

}


.panel-heading h4{
    font-weight: 300!important;
}


.pad-5 {
    padding-right: 0px;
}

.horaIcon:before{
	content:url(../img/icones/horaicon.png);
}

.localIcon:before{
	content:url(../img/icones/localicon.png);
}

/* Fim do Jogos */
/* Fim do Jogos / Home */



/* Comprar */
/* header de compra dos jogos */
.jumboTop{
width: 80%;
margin-left: 10%;

}

.xHeader{
	
}

.tituloJogoHeader{
	
}

.campeonatoHeader{
	
}

.dataHeader{
	
}

.localHeader{
	
}

.horarioHeader{
	
}


/* fim do header de compra dos jogos */


.x{
	border-radius: 50%;	
	font-size: 10px;
}



.btnTodosOsJogosComprar{
	margin: 60px 0px 30px 0px;
	border: 1px solid #bbb;
	color: #444;	
	background-color: #f2f2f2;
}

.btnTodosOsJogosComprar:hover{
	background-color: #e2e2e2;
	color: #222;	
}

.passosCompra{
	font-size: 12px;
	color:#777;
	margin-bottom: 20px;
}	


.detalhesCompra{
	font-size: 10px;
	color: #999;
	margin-top: 15px;	
}

.detalhesCompra img{
	width: 40px;
	weight: auto;	
}

.efetueLogin:before{
	content:"*É necessário efetuar o login antes de finalizar a compra.";	
}

.termosUso:before{
	content:'**Ao clicar em "Finalizar Compra", você será redirecionado ao site da CIELO para concluir a transação e declara que está ciente dos Termos de Uso da compra de ingressos.';	
}

.termosUsoPagarme:before{
	content:'**Ao clicar em "Finalizar Compra", você será redirecionado ao site de pagamento para concluir a transação e declara que está ciente dos Termos de Uso da compra de ingressos.';	
}


.cieloComprar:before{
	content: url('../img/cartoes/cieloComprar.png');
}


/* Fim do Comprar */




/* -------- Outros ------------- */



.horario{
    font-size: 18px;
    color: #777;
}

.local{
    font-size: 14px;
    color: #777;
}


.alertcontainer > .alert {
    margin-bottom: 0px; 
}

.ic-list{
    padding-left:0;
    list-style:none
}
	
.ic-list li{
    float:left;
    width:100px;
    padding:0px 5px 0px 5px;
    font-size:10px;
    line-height:1.4;
    text-align:center;
    background-color:#f9f9f9;
    border:1px solid #fff
}

.ic-list .li-title{
    display:block;
    text-align:center;
    word-wrap:break-word;
    border-bottom: 1px solid #666666;
}


/* início da área de sócios */

.mainTitle{
	font-size: 52px;	
	margin: 0px!important;
}

.subTitle{
	font-weight: 300;
	margin-top: 0px!important;
	color: #FFF;	
}

/*tabela de preços*/

.tabelaPreco{
	background-color: #f2f2f2;
	width: 90%;
	margin-left: 5%;
	margin-top: 10px;
	margin-bottom: 20px;
}

.esgotado .nomeProduto, .esgotado .precoProduto{
	color: rgba(0,0,0,0.25);
	text-decoration:line-through;	
}

/* inicio da featured */
.featured{
	width: 90%;
	margin-left: 5%;
	margin-top: 0px!important;
}

.featured .tabelaPrecoHeading{
	padding-bottom: 20px!important;	
}





.featured .btn-associar{
	font-size: 24px!important;	
	padding: 10px 24px;
}



/* fim da featured */
	

.tabelaPreco, .tabelaPrecoHeading{ /* tem que mudar os dois juntos */
		border-radius: 10px 10px 0px 0px;
}



/* começo do heading da tabela */



.tabelaPrecoHeading{
		
		
		background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */



		padding: 10px;
}



.nomeProduto{
		font-size: 16px;
		font-weight: 300;
}

.precoProduto{
	font-size: 48px;
	font-weight: 900;
	margin: 20px 0px;
}

.precoProduto span{
	font-size: 16px;
	font-weight: 300;	
}

.btn-associar{
	color: #333;
	border: 1px solid #333;
}

.btn-associar:hover{
	color: #FFF;
		background-color: #333;
}



/* final do heading da tabela */


.tdTabelaPreco{
	color: #777;
		padding: 10px;
		border-bottom: 1px solid #bbb;
}

.naoContem{
	color: #aaa;
	text-decoration:line-through;	
}




/*fim da tabela de preços*/

.conteudoSocios h2{
	font-size: 52px;
}

.conteudoSocios h2 span{
	font-size: 14px;
}

.panel-socios .panel-body{
	background-color: #e2e2e2;
}

.panel-socios .panel-footer{
	background-color: #252729;
}

.panel-socios .panel-footer p{
	font-size: 12px;
}

#botaoAtualizarDadosUsuario{
	display: none!important;
}

/* validação de voucher */

.validaVoucher{
	max-width: 600px;
}


/* fim da validação de voucher */


/* fim da área de sócios */






/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

	h1{
/*		font-size: 1.5em!important;*/
	}
	
	.nomeSite, .sloganSite{
		text-align: center!important;
	}
	
	.logoImg:before{
	max-height: 50px;
	max-width: 45px;
	}
}