.conteudo
	{
		display: flex;
		justify-content: space-evenly;
		flex-wrap: wrap;
		align-items: center;

		margin-left:    auto;
        margin-right:   auto;

	}

.conteudo_background
	{
		/*background-image: linear-gradient(to right, #ebe9b0ad, #d8e6f3e3);*/
		background-color: #f0f0f0;
	}
.conteudo_centro
	{
		display: flex;
		flex-direction: column;
		align-items: center;

		margin-left:    auto;
        margin-right:   auto;
	}
.titulo
	{
		padding: 10px;

		font-size:	38px;

		text-align: center;
	}

.subtitulo
	{

		padding: 10px;

		font-size:	22px;

		text-align: center;
	}

.informa {
  padding: 10px;
  font-size: 17px;
  text-align: center;
  text-shadow: 2px 2px 4px blue;

}

	
.texto
    {
        padding-bottom : 8px;
        padding-top: 8px;
		font-size:	15px;

    }
.texto-formatado {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.1rem;
  line-height: 1.6;
  color: #333;
  text-align: justify;
  padding: 20px;
  background-color: #fafafa;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.texto-formatado p {
  margin-bottom: 1.2em;
}


  .botao {
    padding: 10px 20px;
    background-image: linear-gradient(to right,rgb(0, 92, 197), rgb(90, 20, 220));
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 5px;
  }

  .botao:hover {
     background-color: #0056b3;
  }


.encerrada
    {
        padding: 10px;
		font-size:	32px;
		text-align: center;
		width: auto;
		transition: 0.3s ease-in-out;
		background-color: #121212;
		padding: 10px;
	    border-radius: 10px;
        color:orange;
    }
.overlay-txt
	{
		padding: 10px;
		font-size:	32px;
		text-align: center;
		width: auto;
		transition: 0.3s ease-in-out;
		background-color: rgba(0, 0, 0, 0.1);
		padding: 10px;
	    border-radius: 10px;
	}
.overlay-txt:hover
	{
	     
	     background-color: rgba(0, 0, 0, 0.3);
	     padding: 10px;
	     border-radius: 10px;
	}

.overlay
	{
		transform: scale(1.0);
		transition: 0.3s ease-in-out;
		
	}
.overlay:hover
	{
		transform: scale(1.1);
	
	}

.overlay-reverse
	{
		transform: scale(1.0);
		transition: 0.3s ease-in-out;
		
	}
.overlay-reverse:hover
	{
		transform: scale(0.98);
	
	}
.img_calendario
    {
        width: 500px;
        height: 800;
    }

.img_desktop	
	{
	    width:  90%;
	    height: 300px;
		/*padding: 10px;*/
	}
.img_local
    {
	    width:  270px;
	    height: 270px;
		padding: 10px;
	}

	
.img_agenda
    {
        width:600;
        height:300;
        padding:5px;
    }

.box_shadow
	{
		text-align: center;
		width:  350px;
	    height: 440px;
		padding: 10px;
		box-shadow: 5px 5px 20px;
		margin-top: 20px;
		border-radius: 10px;
	}

.box_clean
	{
		text-align: left;	
		width:  350px;
	    height: 380px;
		padding: 10px;	
	}
.info_produto
	{
		text-align: center;
		text-shadow:1px 1px 1px dodgerblue;
		font-size: 20px;
		letter-spacing: 1px;
		padding: 20px;
	}
.info_evento
	{
		text-align: center;
		font-size: 14px;
		font-weight: bolder;
		letter-spacing: 1px;
		padding: 3px;
	}
.date_box
	{	
		width: 70px;
		height: 10px;
		padding: 7px;
    	font-size: 12px;
    	text-transform: uppercase;
    	color: #ffe402;
    	font-weight: 700;
    	letter-spacing: 0.72px;
    	background-color: #12062a;
    	position: fixed top left;
	}

@media (max-width: 825px)
	{
		.conteudo
			{
				display: flex;
				flex-direction: column;
				align-items: center;

				margin-left:    auto;
		        margin-right:   auto;
			}
	}


@media (max-width:  530px)

	{
		.img_desktop	
			{
				width:  85%;
        	    height: 300px;
        		
			}
		.box_shadow
			{
				text-align: center;
				width:  95%;
			    height: 400px;
				padding: 10px;
				box-shadow: 3px 3px 10px;
				border-radius: 5px;
			}
		.box_clean
			{
				
				width:  80%px;
			    height: 350px;
				padding: 10px;	
			}
		.img_calendario
            {
                width: 300px;
                height: 600;
            }
		.img_agenda
            {
                width:300px;
                height:150px;
                padding:10px;
            }


		.titulo
			{
				padding: 10px;

				font-size:	32px;

				text-align: center;
			}
		.subtitulo
			{

				padding: 10px;

				font-size:	20px;

				text-align: center;
			}

		.regulamento
			{
				color: #fff;
			    background-color: rgba(0, 0, 0, 0.6);
			    padding: 10px;
			    border-radius: 10px;
			}

		.overlay-txt
			{
			     background-color: rgba#66EB30;
			     padding: 10px;
			     border-radius: 10px;
			}



	}