body{
	
	font-family: 'lato', sans-serif;
	min-width: 320px;
	background: #fff url(img/back.gif);
}

.img-box, .img-box2{
	position: relative;
	margin-bottom: 5px;
}

.textoSplash{
background: blue;
text-align: center;
width: 100%;
font-weight: bold;
padding-bottom: 3px;
position: absolute;
bottom: 0;
color: white;
z-index: 99;
	margin-bottom: 0;
}
.news-content p{
	padding-top: 10px;
	font-size: 14px;
}

.servico-news p{
	padding-top: 0 !important;
}


/*  \/  ESSE É O CSS DOS BOTÕES SOCIAIS*/


.social-likes{
	overflow: hidden;
	background: #fff;
	margin-bottom: 10px;
	width: 100%;
	padding-top: 10px;
	border: 0;
}

.social-likes .gplus{
	float: right ;
}

.social-likes .fb-like{
	float: right ;
	padding-right: 10px;

}


.social-likes p{
	margin: 0;
	float: left;
	padding: 0;
	font-size: 17px;
	padding-left: 10px;
}
/*  /\  ESSE É O CSS DOS BOTÕES SOCIAIS*/



.sidebar .lista-hide-side{
	padding-left: 0;

	margin: 0;
	list-style: none;
	
}


.sidebar .lista-hide-side li{
	color: black;
	padding-top: 10px;
}

.sidebar .lista-hide-side{
	display: none;
}






header{
	width: 100%	;
	overflow: hidden;
	background: #fff;
	margin-top: 10px  !important;
	margin-bottom: 10px !important;
}

header .logo{
	float: left;
}

header .logo img{
	width: 246px;
	padding-left: 10px;
}

header .banner-publicidade{
	float: right;
	margin-top: 10px;
	margin-right: 10px;

}

header .banner-publicidade img{
	
	border: 1px solid #282828;
	
}

header .menu-header{
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 10px;
}

header .menu-header a{
	text-decoration: none;
	color: #282828;
}

header .menu-lista{
	
	overflow: hidden;
	width: 930px;
	margin: 0 auto;
	padding-top: 10px;
}
header .menu-header li{
	padding-right: 5px;
}
header .menu-header li:after{
	padding-left: 5px;
	content: "|"
}

header .menu-header li:last-child:after{
	padding-right: 0;
	content: "";
}

header .menu-header li:last-child{
	padding-right: 0;
}

header .menu-header ul{
	margin: 0;
	padding: 0;

	overflow: hidden;

}




.pesquisa-header{
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	background: #C1E0FF;
}

.pesquisa-header select , .pesquisa-header input {
	font-size: 14px !important;

	height: 25px !important;
	padding: 0;
	border: solid #e5e5e5 1px;
	border-radius: 5px;
	margin-left: 5px;
}



.quer-anunciar h2{
	font-size: 17px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.quer-anunciar a{
	font-size: 12px;
}

.quer-anunciar{
	margin-bottom: 10px;
	border-bottom: 4px solid 
#B6B6B6;
	padding-bottom: 10px;
	width: 100%;

}



.pesquisa-espeta{
	width: 27%;
	margin-left: 10px;
}

.pesquisa-onde{
	width: 18%;
}

.pesquisa-quando{
	width: 14%;
}

.pesquisa-quanto{
	width: 12%;
}

.pesquisa-botao-box{
	width: 14%;
	float: right;
	margin-top: 2px;

}

.pesquisabox{
	
	padding-bottom: 10px;
	padding-top: 10px;

}

.pesquisa-botao{
	width: 100%;
	background: red;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-top: 1px;
	margin-left: 10px;
	border-radius: 5px;
	background: #4aa8ff;
	border: 2px white solid;
	text-decoration: none;
	color: white;
}

.pesquisa-opci{
	width: 10%;


	
}



.topobox{
	overflow: hidden;
	height: 75px;
}

.menu-header .menu-lista ul li{
	float: left;
	list-style: none;

}


.header-mobile{
	display: none;
}


.receber-boletim{
	width: 280px;
	height: 90px;
	background: #fff;
	margin-bottom: 10px;
	float: left;
}

.receber-boletim input{
	
	width: 90%;
	margin: 0 auto;
	margin-left: 10px;
	margin-top: 5px;
}

.ad-boletim{
	overflow: hidden;
}
.receber-boletim p{
	font-size: 12px;
	margin-left: 10px;
	margin-bottom: 0;
	margin-top: 5px;
}

.google-ad{
	float: right;
}

.boletim-ok{
	width: 91%;
	margin: 0 auto;
	margin-left: 10px;
	margin-top: 5px;
	background: rgb(74, 168, 255);
	text-align: center;
	height: 25px;
	padding-top: 4px;


}

.botao-boletim a{
color: white;
padding-top: 5px;
text-decoration: none;

	
}

.botao-boletim{
	overflow: hidden;
}









.container{
	max-width: 1024px;
	margin: 0 auto;

}

.item-espetaculo{
	overflow: hidden;
	width: 100%;

}

.imagem-espetaculo{
	float: left;
	width: 30%;
}

.imagem-espetaculo img{
	width: 100%;	
}

.titulo{
	font-family: 'lato', sans-serif;
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 400;
	

}

.info a{
	font-family: 'lato', sans-serif;
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 10px;
	font-weight: 400;
	text-decoration: none;
	color: #003366;
	

}

.conteudo-espetaculo{
	float: left;
	margin-left: 1%;
	width: 68%;
	overflow: hidden;
	
	
}

.info{
	
	overflow: hidden;
	float: left;
	
}


.info p{
	font-size: 14px;
	margin-top: 0;


}

.genero{
	font-size: 16px !important;
	margin-top: 0;
	margin-bottom: 10px;

}

.info h2{
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 18px;
}

.precos span{
	float: left;
	width: 25%;
	text-align: left;
}




.precos{
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
}

.precos .desconto{
	font-size: 18px;
	background: #ff2121;
	display: inline-block;
	padding: 12px 3px 13px 3px;
	border-radius: 50%	;
	color: white;
	margin-bottom: 0;
	margin-top: 17px;

} 

.desconto-box{
		text-align: center !important;
		margin-bottom: 10px;
	}

.precos h3{
	margin-bottom: 3px;
	font-size: 15px !important;
}

.precos p {
	font-size: 15px;
	
}




.precos .tracado{
	text-decoration: line-through !important;
	text-decoration: line-through;
}

.comprar{
		margin-top: 27px !important;	
		margin-bottom: 0;

}

.comprar a{
	font-size: 20px;
	background: #4aa8ff;
	text-align: center;
	width: 500px;
	margin: 0 auto;
	padding-left: 10px;
		padding-right: 10px;
		border-radius: 5px;
		padding-top: 3px;
		padding-bottom: 7px;

	color: white;
	text-decoration: none;
	padding-bottom: 5px;
	border-bottom: 1px #282828 solid;
	
}


.hide-sino{
	width: 95%;
}

.avaliacao{
	overflow: hidden;
}

.criterio{
	float: left;
	width: 25%;
	text-align: center;
}

.criterio span{

}

.criterio p{
	margin-bottom: 0;
	margin-top: 0;
}


.criterio img{
	width: 24px;
}




.img-box{
	overflow: hidden;
}


.underline-gray-100{
	height: 1px;
	background: #282828;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
}

.underline-gray-90{
	height: 1px;
	background: #282828;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}


.underline-lgray-80{
	height: 1px;
	background: #e5e5e5;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;

}

.underline-lgray-90{
	height: 1px;
	background: #e5e5e5;
	width: 98%;

	margin-bottom: 10px;

}

.underline-gray-98{
	height: 1px;
	background: #282828;
	width: 98%;
	margin-top: 10px;
	margin-bottom: 10px;

}



.avaliacao2{
	display: none;

}

.info2 h1{
	display: none;
}

.genero2{
	display: none;
}

.img-box2{
	display: none;
}



.container-imagem	{
	overflow: hidden;
}






.teatrossp{
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}

.teatrossp h2{
	font-family: 'lato', sans-serif;
	margin-bottom: 0;
	font-size: 20px;
	color: #003366;
	margin-top: 3px;
	padding-top: 10px;
}

.teatrossp h3{
	font-family: 'lato', sans-serif;
	margin-bottom: 0;
	font-size: 18px;

	margin-top: 0;
}

.teatrossp p{
	font-family: 'lato', sans-serif;
	margin-bottom: 0;
	margin-top: 0;
}

.teatrossp em{
	font-family: 'lato', sans-serif;
	margin-bottom: 10px;
	margin-top: 0;
	font-style: normal;
}






.espetaculo-box{
	overflow: hidden;
}





.container-espetaculo{
	float: left;
	width: 80%;
	background: #fff;
	padding: 0 1% 0 1%;
}


.sidebar{
	height: auto;
	
	
	width: 15%;
	float: right;

}

.sidebar p{
	margin-bottom: 5px;
	margin-top: 0;
}

.sidebar p:first-child{
	margin-bottom: 10px;
}

.sidebar a{
	text-decoration: none;
	font-size: 16px;
	color: purple;


}

.paginacao{
	 height: auto;
	 overflow: hidden;
	 
	margin-bottom: 20px;
	
}

.paginacao ul{

	
	
	  list-style-type: none;
	 width:380px;
	 overflow: hidden;

	  padding: 0;
	  	margin: 0 auto;
	  	text-align: right;
	  	float: right;


}


.paginacao li{
	
	float: left;
	margin-right: 10px;
	text-align: center;
	
}


.paginacao li a {


	text-decoration: none;
	font-size: 18px;
	color: #282828;

}

.paginacao li em {


	text-decoration: none;
	font-size: 18px;
	color: #282828;

}

.paginacao li:before{

	content: "|";
	margin-right: 10px;

}


.paginacao li:first-child:before{

	content: "";
}


.page-active{
	font-weight: bold;
}


.paginas {


	width: auto;
	margin: 0 auto;
	text-align: center;
	display: block;
	height: auto;

}















.paginacao-mobile{
	 height: auto;
	 overflow: hidden;
	 
	margin-bottom: 20px;
	
}






.paginacao-mobile select{
	padding: 5px 10px 5px 10px;
	width: 48%;
	float: left;
}


.proximo-mobile p a{
	width: 48%;
	background: #ff2121;
	float: right;
	height: 25px;
	padding-top: 6px;
	text-decoration: none;
	color: white;
}




.page-active{
	font-weight: bold;
}


.paginacao-mobile .paginas {


	width: auto;
	margin: 0 auto;
	text-align: center;
	display: block;
	height: auto;

}




.paginacao-mobile{
	display: none;
}














.precos-fora span{
	float: left;
	width: 100%;
	text-align: left;
}




.precos-fora{
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
}

.precos-fora .desconto{
	font-size: 18px;
	background: #ff2121;
	display: inline-block;
	padding: 12px 3px 13px 3px;
	border-radius: 50%	;
	color: white;
	margin-bottom: 0;
	margin-top: 17px;

} 


.precos-fora h3{

	margin-bottom: 3px;
	font-size: 15px !important;
}

.precos-fora p {
	font-size: 14px;
	
}


.fora-box h2{
	text-align: left !important;
}


.rate-teste img{
	width: 16px;

}

.rate-teste{
	width: 100%	;
	margin-top: 3px;
}



.rate-teste2 img{
	width: 16px;

}

.rate-teste2{
	width: 100%	;
	margin-top: 3px;
	text-align: left;
	display: none;
}


.transparent{
	opacity: 0.3;
}





/*Before ##############*/


.hide-sino p:before{
	content: url(img/info.png);
	padding-right: 2px;

}

.local-box p:before{
	content: url(img/localLista.png);
	padding-right: 3px;

}

.person-box p:before{
	content: url(img/personIcon.png);
	padding-right: 3px;

}

.elenco-box p:before{
	content: url(img/clap.png);
	padding-right: 5px;

}


.data-box p:before{
	content: url(img/calendar.png);
	padding-right: 5px;
}

.libras-box p:before{
	content: url(img/libras.png);
	padding-right: 5px;
}

.fora-box p:before{
	content: url(img/money.png);
	padding-right: 5px;

}

.obs-box p:before{
	content: url(img/obs.png);
	padding-right: 5px;

}



@media screen and (max-width: 1024px) {
	.ad-boletim{
		display: none;
	}
}


@media screen and (max-width: 900px) {

.pesquisa-espeta{
	width: 24% !important;
	margin-left: 10px;
}


.pesquisa-botao-box{
	padding-right: 20px;
}

header .menu-lista{
	font-size: 14px;
	width: 100%;

    padding-left: 1%;

}

header .menu-header li:after{
	padding-left: 3px;
	content: "|"
}

header .menu-header li:last-child:after{
	padding-right: 0;
	content: "";
}

header .menu-header li:last-child{
	padding-right: 0;
}

}









@media screen and (max-width: 800px) {
	
	header{
	display: none;
}


.header-mobile .topobox .botao-menu a{
	float: left;
	margin-top: 23px;
	margin-left: 21px;
}

.header-mobile .topobox .botao-menu a:after{
	content: url(img/menu.png);

}

.header-mobile .topobox .botao-pesquisa a{
	float: right;
	margin-top: 17px;
	margin-right: 20px;
}

.header-mobile .topobox .botao-pesquisa a:after{
	content: url(img/lupa.png);

}

.hide-menu .menu-mobile{
	list-style: none;
}

.hide-menu .menu-mobile ul {
  list-style-type: none !important;
  padding-left: 0;
  margin: 0;

}

.hide-menu .menu-mobile ul li{
  list-style-type: none !important;
  min-height: 40px;
  padding-top: 15px;
  width: 100%;
  background: #282828;
   border-bottom: 2px white solid;

}

.hide-menu .menu-mobile ul a  {
	  color: white;
	text-decoration: none;
	font-size: 20px;
	padding-top: 10px;
	padding-bottom: 15px;
	width: 100%;



}



.pesquisa-header-mobile .pesquisabox-mobile {
	background: #282828;
	height: auto !important;
	overflow: hidden;
}

.pesquisa-header-mobile .pesquisabox-mobile select{
	width: 100%;
	height: 45px;
	border: 1px #282828 solid;
	margin-top: 5px;
	margin-bottom: 5px;	
	margin-right: 30px;
	
}
.pesquisa-header-mobile .pesquisabox-mobile input{
	width: 100%;
	height: 45px;
	border: 1px #282828 solid;
	margin-right: 30px;
	padding-left: 5px;
	
}

.pesquisa-opci-mobile{
	margin-top: 5px;
}
.botao-mobile-title{
	text-decoration: none !important;
}


.pesquisa-header-mobile .pesquisabox-mobile .botao-mobile{
	
	width: 100%;
	background: red;
	margin-top: 10px;
	text-decoration: none !important;
	padding-bottom: 4px;
	padding-top: 1px;
	text-align: center;
	
	background: #4aa8ff;

	text-decoration: none;
	color: white;

}
.pesquisa-header-mobile .pesquisabox-mobile.pesquisa-botao-box-mobile{
	overflow: hidden;
	height: 45px;
	width: 100%;
}

.pesquisa-header-mobile .pesquisabox-mobile.pesquisa-botao-box-mobile a{
	
	width: 100%;
}


.header-mobile{
	width: 100%;
	overflow: hidden;
	height: auto;
	display: block;
}

.header-mobile .topobox{
	width: 100%;
	background: #fff;
	text-align: center;
	height: auto !important;
}

.header-mobile .topobox .logo-box{
	height: 80px;
}

.header-mobile .topobox .logo img{
	max-width: 250px;
	width: 25%	;
	min-width: 200px;
	position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;

	
}

	
	.header-mobile .topobox .banner-publicidade2 img{
	width: 100% !important;
	
}


.toogle {
  color: white;
  padding: 10px;
  border: 0;
  cursor: pointer;
  background: red;
  display: none
}










	.item-espetaculo{
		width: 100%;
	}

.teatrossp{
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}


	.criterio{
	float: left;
	width: 50%;
	text-align: center;


}

.criterio img{
	width: 24px;
}


.sidebar{
	display: none;

}

.container-espetaculo{
	width: 100%;
}






}
@media screen and (max-width: 700px) {
	
	.item-espetaculo{
		width: 100%;
	}


	.criterio{
	float: left;
	width: 50%;
	text-align: center;


}

.criterio img{
	width: 24px;
}






}



@media screen and (max-width: 600px) {
.rate-teste{
	width: 100%	;
	margin-top: 3px;
	display: none;
}

.rate-teste2{
	width: 100%	;
	margin-top: 3px;
	text-align: left;
	display: block;
}

.social-likes p{
	display: inline-block;
	width: 100%;
	border-bottom: 1px #e5e5e5 solid;
	padding-bottom: 5px;
}

.social-likes .fb-like{
	float: left;
	padding-left: 0;
	margin-top: 6px;
}
.social-likes .gplus{
	float: left;
	padding-left: 10px;
	margin-top: 10px;
}


.img-box{
	display: none;
}


.avaliacao2{
	display: block;

}


.paginacao{
	display: none;
}


.info2{
	width: 69%;
	float: left;
	padding-left: 1%;

}

.info2 a{
	  font-family: 'lato', sans-serif;
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 400;
  text-decoration: none;
  color: #003366;
}

.info2 h1{
	display: block;
}

.genero2{
	display: block;
	margin-top: 0;
	margin-bottom: 3px;
	text-align: left;
}


.img-box2{
	display: block;
	float: left;
	width: 30%;
}

.avaliacao{
	display: none;

}

.info h1{
	display: none;
}




.criterio img{
	width: 24px !important;
}
.avaliacao{
	float: left;
	width: 100%;
	padding-left: 3%;

}

	.titulo{
		text-align:  left;
	}

.genero{
	font-size: 16px !important;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;

	display: none;
}

.criterio{
	text-align: left;
	width: 15%;
}


.criterio img{
	width: 24px;
}

.precos .desconto{
	text-align: center !important;
	}

	.imagem-espetaculo{
	display: block;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	}

.precos span:first-child{
	text-align: left;
	}

.precos span:last-child{
	text-align: left;
	}

.conteudo-espetaculo{
	width: 100%;
	margin-left: 0 !important;
	padding-left: 5px;
}

.desconto {
	margin-top: 0 !important;
}

.precos h3 {
		margin-top: 0 !important;
	}

	.comprar{
		margin-top: 3px	 !important;	
		margin-bottom: 0;
	}

.comprar a{
	font-size: 20px;
	background: #4aa8ff;
	text-align: center;
	width: 500px;
	margin: 0 auto;
	padding-left: 10px;
		padding-right: 10px;
		border-radius: 5px;
		padding-top: 3px;
		padding-bottom: 7px;
	color: white;
	text-decoration: none;
	padding-bottom: 5px;
	}


.paginacao-mobile{
	display: block;
	}
   
}





@media screen and (max-width: 500px) {
	
	.precos span{
		width: 50%;
		}
	
	.header-mobile .topobox .banner-publicidade2 img{
	width: 100% !important;
	}

	.criterio img{
	width: 24px;
	}

	.desconto-box{
		text-align: center !important;
		margin-bottom: 10px;
	}

	.precos span:first-child{
		text-align: center;
	}

}



@media screen and (max-width: 350px) {
	
	.avaliacao{
		width: 100%;
	}
	
	.criterio{
		float: left;
		width: 25%;
		}

	.conteudo-espetaculo{
		width: 98%;
		}

	.precos{
		margin-bottom: 10px;
		}

	.precos span:last-child{
		margin-top: 5px;
		}

	.comprar a{
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 5px;
		}

	.precos h3 {
		margin-top: 0 !important;
		}

.criterio img{
	width: 24px;
	}

}