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

a.local-link 
	{
	font-size: 18px !important;
	}

.news-content p{

	padding-top: 10px;

	font-size: 14px;

}

.servico-news p{

	padding-top: 0 !important;

}



.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{

	

	padding: 0;

margin: 0 auto;

    width: 880px;

	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;
	    font-size: 14px;
	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: 14%;

	padding: 10px;

	float: right;

	background: #fff;

	}

.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(https://www.sampaonline.com.br/img/info.png);

	padding-right: 2px;

}

.local-box p:before{

	content: url(https://www.sampaonline.com.br/img/localLista.png);

	padding-right: 3px;

}



.elenco-box p:before{

	content: url(https://www.sampaonline.com.br/img/clap.png);

	padding-right: 5px;

}



.data-box p:before{

	content: url(https://www.sampaonline.com.br/img/calendar.png);

	padding-right: 5px;

}



.fora-box p:before{

	content: url(https://www.sampaonline.com.br/img/money.png);

	padding-right: 5px;

}

.obs-box p:before{

	content: url(https://www.sampaonline.com.br/img/obs.png);

	padding-right: 5px;

}

.phone-box p:before{

	content: url(https://www.sampaonline.com.br/img/phone.png);

	padding-right: 3px;

}

.parking-box p:before{

	content: url(https://www.sampaonline.com.br/img/parking.png);

	padding-right: 3px;

}



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

	.ad-boletim{

		display: none;

	}

}



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

.pesquisa-espeta{

	width: 24% !important;

	margin-left: 10px;

}

.menu-header .menu-lista ul li{

	font-size: 13px !important;

}



.pesquisa-botao-box{

	padding-right: 20px;

}

header .menu-lista{

	font-size: 13px !important;

	width: 100%;

    padding-left: 1%;

}

header .menu-header li:after{

	padding-left: 2px;

	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(https://www.sampaonline.com.br/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(https://www.sampaonline.com.br/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%;

	}

.textoSplash {
    background: orange;
    text-align: center;
    width: 100%;
    font-weight: bold;
    padding-bottom: 3px;
    position: absolute;
    bottom: 0;
    font-size: 11px;
    color: white;
    z-index: 99;
    margin-bottom: 0;
    text-transform: uppercase;
}
	.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;
		}
}

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

.textoSplash{
	background: orange;
	text-align: center;
	width: 100%;
	font-weight: bold;
	padding-bottom: 3px;
	position: absolute;
	bottom: 0;
	color: white;
	z-index: 99;
	margin-bottom: 0;
	text-transform: uppercase;	
	}