/*
	--- Versionamento ---
	23/02/2018 - Andrey - Time
	13/03/2018 - Andrey - Tirei o transition
	22/05/2018 - Andrey - 99% na largura do #noticia_principal_cinza
	20/07/2018 - Andrey - Noticia_Principal_Cinza depende de parâmetro
	22/07/2019 - Andrey - Solicitação 10140: Cursor pointer na imagem
	13/09/2021 - César - Ajuste da linha cinza no quadro de notícias
	--- Fim Versionamento ---
*/



@media (max-width: 999px){

	#noticia_principal_cinza{
		bottom: 0;
		position: relative;
		background-color: rgba(0, 0, 0, .5);
		color: #FFF;
	}

	#noticias{
		margin:0;
		background: #fff;
		/*-webkit-box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.75);
		box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.75);*/
		padding-top: 2px;
	}


	#noticia_principal_cinza{
		font-size: 13px;
		font-weight: 200;
		padding: 10px;

	}

	.noticia{
		border: 1px solid #ccc;
		width: 99% !important;
		background: #ccc;
	}
	.noticia img{
	    width: 99%;
	    object-fit: cover;
	    cursor: pointer;
	    max-width: 99%;
	}



	.wrapper {
	  width: 100%;
	  display: inline-block;
	  position: absolute;
	  float: left;
	  top: 0px;
	  opacity:0;
	  /*transition:opacity .5s linear;*/
	 }

	.wrapper:after {
	  padding-top: 56.25%;
	  /* 16:9 ratio */
	  display: block;
	  content: '';
	}

	.main {
	  background-size: 100%;
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  right: 0;
	  left: 0;
	  background-color: #BBB;
	  color: white;
	}

	#contenedor{
		width: 98%;
		margin: auto;
	}

	#contenedor:after{
		/*padding-top: 56.25%;
		display: block;
		content: '';
		overflow: hidden;*/
	}

	#bolinha_esquerda, #bolinha_direita{
		position: absolute;
		height: 40px;
		opacity: 0.2;
		filter: alpha(opacity=20); /* For IE8 and earlier */
		/*transition: .1s;*/
		cursor: pointer;

	}

	#bolinha_esquerda:hover, #bolinha_direita:hover{
		opacity: 1;
		filter: alpha(opacity=100); /* For IE8 and earlier */
		/*transition: .5s;*/
	}



}


@media (min-width: 1000px){

	#noticia_principal_cinza{
		bottom: 21px;
		position: absolute;
		background-color: rgba(0, 0, 0, .5);
		color: #FFF;
		width: 100%;
		cursor: pointer;
		font-size: 15px;
		font-weight: 200;
		padding: 10px;


	}

	#noticias{
		margin:0;
		background: #fff;
		-webkit-box-shadow: 0 4px 9px rgba(0,0,0,.2);
		-moz-box-shadow: 0 4px 9px rgba(0,0,0,.2);
		box-shadow: 0 4px 9px rgba(0,0,0,.2);
		border-radius: 12px;
		padding-top: 20px;
	}

	.noticia{
		/*border: 1px solid #ccc;
		width: 99% !important;*/
		background: #ccc;
	}

	.noticia img{
	    width: 100%;
	    cursor: pointer;
	}

	.noticia:hover #noticia_principal_cinza{

		opacity: 1;
		transition: visibility 0s, opacity 0.5s linear;

	}

	.wrapper {
	  width: 100%;
	  display: inline-block;
	  position: absolute;
	  float: left;
	  top: 0px;
	  opacity:0;
	  /*transition:opacity .1s linear;*/
	 }

	.wrapper:after {
	  padding-top: 56.25%;
	  /* 16:9 ratio */
	  display: block;
	  content: '';
	}
	.main {
	  background-size: 100%;
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  right: 0;
	  left: 0;
	  background-color: #BBB;
	  color: white;
	}

	#contenedor{
		width: 92%;
		margin: auto;
	}

	#contenedor:after{
	/*	padding-top: 56.25%;
		display: block;
		content: '';
		overflow: hidden;*/
	}

	#bolinha_esquerda, #bolinha_direita{
		position: absolute;
		height: 40px;
		opacity: 0.2;
		filter: alpha(opacity=20); /* For IE8 and earlier */
		cursor: pointer;
	}

	#bolinha_esquerda:hover, #bolinha_direita:hover{
		opacity: 1;
		filter: alpha(opacity=100); /* For IE8 and earlier */
		/*transition: .5s;*/
	}

}