@charset "utf-8";
/* CSS Document */

html, body {
	margin:0 auto;
	font-size: 14px;	
    font-family: 'Roboto Slab', serif;
    width: auto;
    max-width: 750px;
    padding: 0.5em;
}

}
 h2{ 	
 	font-size: 20px; 	
 	font-weight: bold;
 	color: #000;
 }

.logo{
	text-align: left;	
	margin:0 auto;
}

.numberNews{
	margin-top: 50px;
}

.newsletter{	
  font-size: 26px;
  color: #86754d;
  font-weight: bold;
  margin-right: 20px;
}

.numberNewsText{
font-size: 26px;
  color: #000;
  font-weight: bold;
  margin-left: 20px;
}

.line{
	font-size: 26px;
  color: #000;
  font-weight: bold;
}

.noticia, .social, .news, .navFooter{
	margin-top: 50px;
}

.date{	
  font-size: 16px;
  color: #86754d;
  font-weight: bold;
}

 p{ 
 	margin-top: 30px;	
 	font-size: 16px; 	
 	font-weight: lighter;
 	line-height: 30px;
 }
 

 .socialImg{
 	margin-right: 20px;
 	opacity: 1.0;
 	-webkit-transition: all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
 }

  .socialImg:hover{
  	opacity: 0.5;
  	cursor: pointer; 	
 } 

.back{
  font-size: 26px;
  color: #86754d;
  font-weight: bold;
  display: block;
  text-decoration: none; 
  margin-top: 80px;
  margin-bottom: 80px;

}

 .navFooter{
 	margin-bottom: 50px;
 }

 .footerImg{
 	margin-right: 30px;
 	border-right: 1px dashed #000;
 	padding-right: 30px;
 	opacity: 1.0;
 	-webkit-transition: all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
 }

.footerImg:hover{ 	
 	opacity: 0.5;
  	cursor: pointer; 	
 }

 .footerImg:last-child{
 	margin-right: 0px;
 	padding-right: 0px;
 	border-right: 0px;
 }


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

 	.cases{
 		display: inline-block;
 	}

 	.navFooter{
 	text-align: center;
 }

 .footerImg:last-child{
 	margin-right: 30px;
 	border-right: 1px dashed #000;
 	padding-right: 30px;
 }

 }

  @media screen and (max-width: 580px) {
  	.footerImg{ 	
 	border-right: 0; 	
 }

  .footerImg:last-child{
 	margin-right: 30px;
 	border-right: 0;
 	padding-right: 30px;
 }

	.navFooter{
 	text-align: center;
 }

  }

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

  	.footerImg{
  		display: block;
 	margin-right: 0;
 	border-right: 0;
 	padding-right: 0;
 	margin: 0 auto;
 	margin-top: 20px;
 }
 	.navFooter{
 	text-align: center;
 }

  .footerImg:last-child{
 	margin:0 auto;
 	padding-right: 0;
 	margin-top: 20px;
  }