/* SMARTPHONE */
@media screen and (max-width: 767px){
	#bloco-blog{
		padding-top: 15px;
	}
	#noticia_main{
		width: 100%;
		max-width: 1100px;
		text-align: center;
	}
	#main-noticia{
		width: 90%;
		box-shadow: 1px 3px 15px rgba(100,100,100,0.15);
		display: inline-block;
		margin: 5px;
		overflow: hidden;
		border-radius: 10px;

		-webkit-transition: box-shadow 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
		transition: box-shadow 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);

	}

	#main-img-noticia{
		position: relative;
		width: 100%;
		display: block;
		background: url("/dani/arquivos/img/noticia_1.jpg") center center / cover no-repeat;
		text-align: center;

		-webkit-transition: all 0.1s cubic-bezier(0.4, 0.0, 0.2, 1);
		transition: all 0.1s cubic-bezier(0.4, 0.0, 0.2, 1);
	}

	#main-corpo-noticia{
		position: relative;
		height: 145px;
		background-color: white;
		box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
		display: block;
		padding: 20px;	

		-webkit-transition: all 0.1s cubic-bezier(0.4, 0.0, 0.2, 1);
		transition: all 0.1s cubic-bezier(0.4, 0.0, 0.2, 1);
	}
	#texto-corpo{
	}
	#bloco-corpo{
	}
	#main-titulo-noticia{
		text-align: left;
		margin: 0 0 5px 0;
		padding: 0;
		color: #575757;
		font-weight: normal !important;
	}
	#main-texto-noticia{
		font-family: Product Sans Regular, Gothic Bold, Arial Bold;
		font-size: 0.7em;
		padding: 0;
		color: #777;
		margin: 5px 0 5px 0;
		height: 50px;
		overflow: hidden;
		text-align: left;
	}
	#main-data-noticia{
		font-family: Product Sans Regular, Gothic Bold, Arial Bold;
		font-size: 0.65em;
		color: #bbb;
		float: left;
		margin: 0;
		padding: 0;
	}
}

/* TABLET E COMPUTADOR */
@media screen and (min-width: 767px){

	@media (min-width: 1106px){
		#main-noticia{
			width: 1078px !important;
			height: 450px !important;
		}
		#main-img-noticia{
			width: 847.77px !important;
		}
	}
	#noticia_main{
		width: 100%;
		max-width: 1100px;
		text-align: center;
		margin: auto;
	}
	#main-noticia{
		width: 713px;
		height: 367px;
		box-shadow: 1px 3px 15px rgba(100,100,100,0.15);
		display: inline-block;
		margin: 5px;
		overflow: hidden;
		border-radius: 10px;

		max-width: 1100px;
		text-align: center;

		-webkit-transition: box-shadow 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
		transition: box-shadow 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);

	}
	#main-noticia:hover{
		cursor: pointer;
		box-shadow: 1px 1px 30px rgba(100,100,100,0.2);
	}
	#main-noticia:hover #main-corpo-noticia{
		transform: translateY(-33px);
	}
	#main-noticia:hover #escuro{
		opacity: 0.3;
	}
	#escuro{
		-webkit-transition: all 0.2s cubic-bezier(0.4, 0.0, 0.2, 1);
		transition: all 0.2s cubic-bezier(0.4, 0.0, 0.2, 1);
	}

	#main-img-noticia{
		position: relative;
		height: 100%;
		width: 482.77px;
		display: inline-block;
		float: left;
		background-color: #009b36;
		background: url("/dani/arquivos/img/noticia_1.jpg") center center / cover no-repeat;
		text-align: center;
		color: white;

		-webkit-transition: all 0.1s cubic-bezier(0.4, 0.0, 0.2, 1);
		transition: all 0.1s cubic-bezier(0.4, 0.0, 0.2, 1);
	}
	#main-img-noticia .img-not{
		display: none;
	}
	#main-corpo-noticia{
		position: relative;
		width: 190.23px;
		height: calc(100%);
		background-color: white;
		box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
		display: inline-block;
		padding: 20px;
		float: right;

		-webkit-transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
		transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
	}
	#texto-corpo{
		height: calc(100% - 37px);
		display: table;
		vertical-align: middle;

	}
	#bloco-corpo{
		vertical-align: middle; 
		display: table-cell;
		overflow: hidden !important;
		height: 10em !important;

	}
	#main-titulo-noticia{
		text-align: left;
		margin: 5px 0 5px 0;
		padding: 0;
		color: #575757;
		font-weight: normal !important;
		vertical-align: middle;

		font-size: 1.2em;
	}
	#main-texto-noticia{
		font-family: Product Sans Regular, Gothic Bold, Arial Bold;
		font-size: 0.7em;
		padding: 0;
		color: #777;
		margin: 5px 0 5px 0;
		overflow: hidden;
		text-align: left;
		vertical-align: middle;
		max-height: 12em;
	}
	#main-data-noticia{
		font-family: Product Sans Regular, Gothic Bold, Arial Bold;
		font-size: 0.7em;
		color: #bbb;
		float: left;
		margin: 0;
		vertical-align: middle;
		padding: 0;

	}


}